Changeset 2510

Show
Ignore:
Timestamp:
09/08/08 22:46:11 (5 years ago)
Author:
vdigital
Message:

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

Some additional jQuery fade in/out functions

Location:
trunk
Files:
4 removed
3 modified
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