Changeset 2510


Ignore:
Timestamp:
Sep 8, 2008, 10:46:11 PM (16 years ago)
Author:
vdigital
Message:

Sylvia theme: .content reviewed including hover/active backgrounds.

Some additional jQuery fade in/out functions

Location:
trunk
Files:
4 deleted
3 edited
4 moved

Legend:

Unmodified
Added
Removed

  • trunk/admin/template/yoga/admin/element_set_unit.tpl

    r2390 r2510  
    9292
    9393</form>
     94
     95<script type="text/javascript">// <![CDATA[
     96{literal}$(document).ready(function() {
     97        $(".elementEdit img").fadeTo("slow", 0.6); // Opacity on page load
     98        $(".elementEdit img").hover(function(){
     99                $(this).fadeTo("slow", 1.0); // Opacity on hover
     100        },function(){
     101                $(this).fadeTo("slow", 0.6); // Opacity on mouseout
     102        });
     103});{/literal}
     104// ]]>
     105</script>

  • trunk/plugins/admin_advices/admin_advices.tpl

    r2472 r2510  
    6161  </div>
    6262</div>
    63 
     63<script type="text/javascript">// <![CDATA[
     64{literal}$(document).ready(function() {
     65        $("img.thumbnail").fadeTo("slow", 0.6); // Opacity on page load
     66        $("img.thumbnail").hover(function(){
     67                $(this).fadeTo("slow", 1.0); // Opacity on hover
     68        },function(){
     69                $(this).fadeTo("slow", 0.6); // Opacity on mouseout
     70        });
     71});{/literal}
     72// ]]>
     73</script>

  • trunk/template/yoga/theme/Sylvia/theme.css

    r2508 r2510  
    11/* $Id$ */
     2
     3
     4
     5.content div.thumbnailCategory { height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */ }
     6
    27
    38/* text color */
    … …  
    1419/* backgrounds */
    1520
    16 /* H3, */ #imageHeaderBar, #imageToolBar A:hover { background-color: #111; }
     21/* H3, */ #imageHeaderBar, #imageToolBar A:hover { background-color: transparent; }
    1722
    1823body {
    … …  
    5964.content h2 { margin:0; padding:0px 10px 15px 15px; border:0;}
    6065#content ul.thumbnailCategories li {
    61 background:transparent url(images/cat_inactiv_bottom-right.gif) no-repeat scroll right bottom;
    62 width:49%; margin: 0; padding:0; }
    63 .content div.thumbnailCategory { background:transparent url(images/cat_inactiv_bottom-left.gif) no-repeat scroll left bottom;
    64 padding: 0; margin:0; height: 180px !important; }
    65 #content .thumbnailCategory div.illustration { background:transparent url(images/cat_inactiv_top-left.gif) no-repeat scroll left top;
    66 padding: 0 0 0 10px; margin:-6px 0 0 0; }
    67 .content .thumbnailCategory div.illustration a { display: block; margin: 20px 5px 12px 12px; }
    68 #content .thumbnailCategory div.description { background:transparent url(images/cat_inactiv_top-right.gif) no-repeat scroll right top;
    69 margin:14px 0 0; overflow-y:hidden; padding:0 8px 0 20px; }
     66background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom;
     67width:47%; margin: 0 12px; padding:0; }
     68.content div.thumbnailCategory { background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom;
     69padding: 0; margin:0; }
     70#content .thumbnailCategory div.illustration { background:transparent url(images/cat_top-left.gif) no-repeat scroll left top;
     71padding: 0 0 0 10px; margin: 0; }
     72.content .thumbnailCategory div.illustration a { display: block; margin: 0; padding:15px 0 0 10px; }
     73#content .thumbnailCategory div.description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
     74margin:0; padding:15px 0 0 20px; }
     75#content .thumbnailCategory div.description p { overvflow: hidden; }
    7076
    71 #imageHeaderBar {       border-top: 1px solid #000000; }
    72 #content.content .thumbnailCategory div.description H3 { margin: 15px 6px 3px 15px; }
     77#content.content .thumbnailCategory div.description H3 { display: block; margin: 0; }
     78#content ul.thumbnailCategories li:hover { background-color:#111; }
     79#imageHeaderBar .imageNumber { margin-right:170px; }
     80#imageHeaderBar .browsePath { margin-left:125px; }
    7381H2, #imageToolBar {
    7482        border-bottom: 1px solid #000000;
    … …  
    93101/* links */
    94102A, INPUT.rateButton {
    95         color: #f70;
     103        color: #f70; outline: none;
    96104        border: none;
    97105}
    98106
    99 A:hover {
    100         color: #f33; border: 0;
     107A:hover, A:active {
     108        color: #f33; border: 0; outline: none;
    101109}
    102110
Note: See TracChangeset for help on using the changeset viewer.