diff options
Diffstat (limited to 'view/theme')
| -rw-r--r-- | view/theme/fancyred/css/style.css | 93 | ||||
| -rw-r--r-- | view/theme/fancyred/tpl/conv_item.tpl | 117 |
2 files changed, 166 insertions, 44 deletions
diff --git a/view/theme/fancyred/css/style.css b/view/theme/fancyred/css/style.css index 05f234492..6204869bc 100644 --- a/view/theme/fancyred/css/style.css +++ b/view/theme/fancyred/css/style.css @@ -9,7 +9,6 @@ body { font-family: helvetica,arial,freesans,clean,sans-serif; font-size: 12px; background-color: #ffffff; - background-image: url(../img/bg.png); background-repeat: repeat; color: #000000; margin: 0px; @@ -19,10 +18,10 @@ abbr { border-bottom: none; } -aside {box-shadow: 3px 3px 3px #ccc; +aside { border: none; border-radius: 0px 0px 20px 0px; -width: 210px; +width: 160px; color: #d00; background: #fff; } @@ -164,10 +163,9 @@ nav #site-location { } .info-message { - color: #204a87; + color: #fff; font-size: 1.1em; - border: 1px solid #3465a4; - background-color: #d7e3f1; + background-color: #f00; padding: 10px; } @@ -290,12 +288,12 @@ nav #nav-link-wrapper .nav-link { } .tab { height: auto; - background-color: #fff; - color: #f00; + background-color: #f00; + color: #fff !important; font-weight: bold; -webkit-border-radius: 5px; -moz-border-radius: 5px; - border-radius: 5px; + border-radius: 20px; margin: 0; width: auto; box-shadow: 5px 5px 5px #444; @@ -303,8 +301,8 @@ nav #nav-link-wrapper .nav-link { padding: 4px; } .tab:hover, .tab.active:hover { - background: #fff; - color: #f00; + background: #d00; + color: #fff; ; } .tab:active { @@ -312,16 +310,16 @@ nav #nav-link-wrapper .nav-link { color: #f00; } .tab.active { - background: #fff; - color: #f00; + background: #f00; + color: #fff; box-shadow: 3px 3px 3px #333 inset; padding: 5px; /* another strageness of the human mind - has to be larger than inactive tabs, or it looks smaller than them */ } -.tab a { +.tab a, .settings-widget a { border: 0; text-decoration: none; - color: #f00; + color: #fff; } /* footer */ @@ -346,7 +344,6 @@ footer { div.wall-item-content-wrapper.shiny { opacity: 1; - border: none; } .preview { @@ -439,9 +436,8 @@ div.wall-item-content-wrapper.shiny { padding: 3px; -moz-border-radius: 5px; border-radius: 5px; - border: 1px solid #CCCCCC; - background: #F8F8F8; - font-weight: bold; + font-weight: bold; + color: #FFD700; } .fakelink:hover { @@ -778,8 +774,8 @@ input#dfrn-url { } #profile-photo-wrapper img { - width:175px; - height:175px; + width:120px; + height:120px; padding: 12px; } @@ -957,8 +953,18 @@ input#dfrn-url { } .settings-widget li { - margin-left: 24px; - margin-bottom: 8px; + height: auto; + background-color: #f00; + color: #fff !important; + font-weight: bold; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + margin-bottom: 12px; + width: auto; + box-shadow: 5px 5px 5px #444; + margin-left: 8px; + padding: 4px; } @@ -1049,8 +1055,8 @@ input#dfrn-url { .wall-item-content-wrapper { position: relative; background: #fff; - border-radius: 20px; - box-shadow: 12px 12px 12px #111; + border-radius: 10px; + box-shadow: 8px 8px 8px #000; border: 1px solid #eec; opacity: 0.8; } @@ -1073,6 +1079,7 @@ input#dfrn-url { background: #fff; border-left: 1px solid #e0e0e0; margin-left: 50px; + margin-top: 15px; box-shadow: 5px 5px 5px #222; } @@ -1195,10 +1202,7 @@ input#dfrn-url { } .wall-item-delete-wrapper { - /* TODO - This should really go somewhere at the right, but for now, that leaves - it dangling at the edge of whitespace, so we'll put it with the other wall item tools for the time being */ - float: left; + float: right; } .wall-item-delete-end { @@ -1225,7 +1229,6 @@ input#dfrn-url { height: 50px !important; } .wall-item-content { - float: left; margin-left: 10px; overflow: auto; } @@ -1283,6 +1286,7 @@ width: 90%; /* float: left; */ /*width: 450px;*/ margin-top: 10px; + margin-right: 10px; } .wall-item-tools { @@ -1292,12 +1296,18 @@ width: 90%; background-repeat: repeat-x; background: #eee; padding: 5px 10px; - border-radius: 0px 0px 20px 20px; + border-radius: 0px 0px 10px 10px; border: 1px #eec solid; } .wall-item-like { margin: 15px; +opacity: 0.6; +} + +.wall-item-like:hover { +margin: 15px; +opacity: 1; } .wall-item-author { @@ -1840,7 +1850,7 @@ tr.mceLast { height: 20px; color:#000; border: 1px solid #cccccc; - padding: 8px; + padding: 10px; width: 90%; border-radius: 20px; box-shadow: 4px 4px 3px 0 #666 inset; @@ -1919,12 +1929,6 @@ tr.mceLast { box-shadow: 0 0 0 0; } -.settings-widget .selected { - border-radius: 5px; - -moz-border-radius: 5px; - box-shadow: 4px 4px 3px 0 #444444; -} - #sidebar-page-list .label { margin-left: 5px; } @@ -2641,8 +2645,8 @@ aside input[type='text'] { float: left; } .contact-block-img { - width:48px; - height:48px; + width:30px; + height:30px; } #tag-remove { @@ -3656,7 +3660,7 @@ nav { background-image: linear-gradient(bottom, #f00 26%, #b00 82%); background-image: -o-linear-gradient(bottom, #f00 26%, #b00 82%); - background-image: -moz-linear-gradient(bottom, #f00 26%, #b00 82%); + background-image: -moz-linear-gradient(bottom, #000 26%, #2e2f2e 82%); background-image: -webkit-linear-gradient(bottom, #f00 26%, #b00 82%); background-image: -ms-linear-gradient(bottom, #f00 26%, #b00 82%); @@ -3715,12 +3719,12 @@ nav .nav-menu { position: relative; height: 16px; padding: 5px; - margin: 3px 15px 0px; + margin: 0px 15px; font-size: 14px; - border-bottom: 3px solid #d00; } nav .nav-menu.selected { - border-bottom: 4px solid #CCCCCC; +border-bottom: 3px solid #f00; + } nav .nav-notify { background-color: #0d0; @@ -3777,6 +3781,7 @@ ul.menu-popup a { } ul.menu-popup a:hover { background-color: #eec; + color: #f00; } ul.menu-popup .menu-sep { border-top: 1px solid #9eabb0; diff --git a/view/theme/fancyred/tpl/conv_item.tpl b/view/theme/fancyred/tpl/conv_item.tpl new file mode 100644 index 000000000..4e877bb07 --- /dev/null +++ b/view/theme/fancyred/tpl/conv_item.tpl @@ -0,0 +1,117 @@ +{{if $item.comment_firstcollapsed}} + <div class="hide-comments-outer"> + <span id="hide-comments-total-$item.id" class="hide-comments-total">$item.num_comments</span> <span id="hide-comments-$item.id" class="hide-comments fakelink" onclick="showHideComments($item.id);">$item.hide_text</span> + </div> + <div id="collapsed-comments-$item.id" class="collapsed-comments" style="display: none;"> +{{endif}} +<div id="thread-wrapper-$item.id" class="thread-wrapper $item.toplevel"> +<a name="$item.id" ></a> +<div class="wall-item-outside-wrapper $item.indent$item.previewing{{ if $item.owner_url }} wallwall{{ endif }}" id="wall-item-outside-wrapper-$item.id" > + <div class="wall-item-content-wrapper $item.indent" id="wall-item-content-wrapper-$item.id" > + <div class="wall-item-info{{ if $item.owner_url }} wallwall{{ endif }}" id="wall-item-info-$item.id"> + {{ if $item.owner_url }} + <div class="wall-item-photo-wrapper wwto" id="wall-item-ownerphoto-wrapper-$item.id" > + <a href="$item.owner_url" title="$item.olinktitle" class="wall-item-photo-link" id="wall-item-ownerphoto-link-$item.id"> + <img src="$item.owner_photo" class="wall-item-photo$item.osparkle" id="wall-item-ownerphoto-$item.id" style="height: 80px; width: 80px;" alt="$item.owner_name" /></a> + </div> + <div class="wall-item-arrowphoto-wrapper" ><img src="images/larrow.gif" alt="$item.wall" /></div> + {{ endif }} + <div class="wall-item-photo-wrapper{{ if $item.owner_url }} wwfrom{{ endif }}" id="wall-item-photo-wrapper-$item.id" + onmouseover="if (typeof t$item.id != 'undefined') clearTimeout(t$item.id); openMenu('wall-item-photo-menu-button-$item.id')" + onmouseout="t$item.id=setTimeout('closeMenu(\'wall-item-photo-menu-button-$item.id\'); closeMenu(\'wall-item-photo-menu-$item.id\');',200)"> + <a href="$item.profile_url" title="$item.linktitle" class="wall-item-photo-link" id="wall-item-photo-link-$item.id"> + <img src="$item.thumb" class="wall-item-photo$item.sparkle" id="wall-item-photo-$item.id" style="height: 80px; width: 80px;" alt="$item.name" /></a> + <span onclick="openClose('wall-item-photo-menu-$item.id');" class="fakelink wall-item-photo-menu-button" id="wall-item-photo-menu-button-$item.id">menu</span> + <div class="wall-item-photo-menu" id="wall-item-photo-menu-$item.id"> + <ul> + $item.item_photo_menu + </ul> + </div> + + </div> + <div class="wall-item-photo-end"></div> + <div class="wall-item-wrapper" id="wall-item-wrapper-$item.id" > + {{ if $item.lock }}<div class="wall-item-lock"><img src="images/lock_icon.gif" class="lockview" alt="$item.lock" onclick="lockview(event,$item.id);" /></div> + {{ else }}<div class="wall-item-lock"></div>{{ endif }} + <div class="wall-item-location" id="wall-item-location-$item.id">$item.location</div> + </div> + </div> + <div class="wall-item-author"> + <a href="$item.profile_url" title="$item.linktitle" class="wall-item-name-link"><span class="wall-item-name$item.sparkle" id="wall-item-name-$item.id" >$item.name</span></a>{{ if $item.owner_url }} $item.to <a href="$item.owner_url" title="$item.olinktitle" class="wall-item-name-link"><span class="wall-item-name$item.osparkle" id="wall-item-ownername-$item.id">$item.owner_name</span></a> $item.vwall{{ endif }}<br /> + <div class="wall-item-ago" id="wall-item-ago-$item.id" title="$item.localtime">$item.ago</div> + </div> + <div class="wall-item-content" id="wall-item-content-$item.id" > + <div class="wall-item-title" id="wall-item-title-$item.id">$item.title</div> + <div class="wall-item-title-end"></div> + <div class="wall-item-body" id="wall-item-body-$item.id" >$item.body + <div class="body-tag"> + {{ for $item.tags as $tag }} + <span class='tag'>$tag</span> + {{ endfor }} + </div> + {{ if $item.has_cats }} + <div class="categorytags"><span>$item.txt_cats {{ for $item.categories as $cat }}$cat.name <a href="$cat.removeurl" title="$remove">[$remove]</a> {{ if $cat.last }}{{ else }}, {{ endif }}{{ endfor }} + </div> + {{ endif }} + + {{ if $item.has_folders }} + <div class="filesavetags"><span>$item.txt_folders {{ for $item.folders as $cat }}$cat.name <a href="$cat.removeurl" title="$remove">[$remove]</a> {{ if $cat.last }}{{ else }}, {{ endif }}{{ endfor }} + </div> + {{ endif }} + </div> + </div> + + <div class="wall-item-like $item.indent" id="wall-item-like-$item.id">$item.showlike</div> + <div class="wall-item-dislike $item.indent" id="wall-item-dislike-$item.id">$item.showdislike</div> + + <div class="wall-item-tools" id="wall-item-tools-$item.id"> + {{ if $item.like }} + <a href="#" class="icon like item-tool" title="$item.like.0" onclick="dolike($item.id,'like'); return false"></a> + {{ endif }} + {{ if $item.dislike }} + <a href="#" class="icon dislike item-tool" title="$item.dislike.0" onclick="dolike($item.id,'dislike'); return false"></a> + {{ endif }} + {{ if $item.share }} + <a href="#" class="icon recycle item-tool" title="$item.share.0" onclick="jotShare($item.id); return false"></a> + {{ endif }} + {{ if $item.plink }} + <a href="$item.plink.href" title="$item.plink.title" target="external-link" class="icon item-tool remote-link$item.sparkle"></a> + {{ endif }} + {{ if $item.edpost }} + <a class="editpost icon pencil item-tool" href="$item.edpost.0" title="$item.edpost.1"></a> + {{ endif }} + {{ if $item.star }} + <a href="#" id="starred-$item.id" onclick="dostar($item.id); return false;" class="star-item icon item-tool $item.star.isstarred" title="$item.star.toggle"></a> + {{ endif }} + {{ if $item.tagger }} + <a href="#" id="tagger-$item.id" onclick="itemTag($item.id); return false;" class="tag-item icon item-tool tagged" title="$item.tagger.tagit"></a> + {{ endif }} + {{ if $item.filer }} + <a href="#" id="filer-$item.id" onclick="itemFiler($item.id); return false;" class="filer-item filer-icon item-tool" title="$item.filer"></a> + {{ endif }} + <img id="like-rotator-$item.id" class="like-rotator" src="images/rotator.gif" alt="$item.wait" title="$item.wait" style="display: none;" /> + + <div class="wall-item-delete-wrapper" id="wall-item-delete-wrapper-$item.id" > + {{ if $item.drop.dropping }}<a href="item/drop/$item.id" onclick="return confirmDelete();" class="icon drophide" title="$item.drop.delete" onmouseover="imgbright(this);" onmouseout="imgdull(this);" ></a>{{ endif }} + </div> + {{ if $item.drop.pagedrop }}<input type="checkbox" onclick="checkboxhighlight(this);" title="$item.drop.select" class="item-select" name="itemselected[]" value="$item.id" />{{ endif }} + <div class="wall-item-delete-end"></div> + </div> + </div> + <div class="wall-item-wrapper-end"></div> + +<div class="wall-item-outside-wrapper-end $item.indent" ></div> +</div> +{{ if $item.toplevel }} +{{ for $item.children as $item }} + {{ inc $item.template }}{{ endinc }} +{{ endfor }} +{{ endif }} + +<div class="wall-item-comment-wrapper" > + $item.comment +</div> + + +</div> +{{if $item.comment_lastcollapsed}}</div>{{endif}} |