Changeset 11197


Ignore:
Timestamp:
06/01/11 16:26:44 (8 years ago)
Author:
plg
Message:

backmerge r10642, it was not necessary on branch 2.2 and introduced visual changes like border-bottom on hover for album representative thumbnail

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/2.2/themes/Sylvia/theme.css

    r10642 r11197  
    1 /* thumbnail wrap size */ 
    21.content .thumbnailCategory div.illustration {  
    32        width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */  
     
    65        width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */  
    76} 
    8  
    9 /** 
    10  * Menubar 
    11  */ 
    12 #menubar DL {  
    13         background:transparent url(images/menuBox_top.gif) no-repeat scroll left top; 
    14         margin:0 0 5px 40px;  
     7#comments .thumbnailCategories hr {display:none;} 
     8#comments .filter input[type="submit"] { margin-top:1.8em; } 
     9/*  Sylvia Theme is close to the Roma Admin theme */ 
     10BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT {  
     11        color:#666;  
     12} 
     13#imageHeaderBar, #imageToolBar A:hover {  
     14        background-color: transparent;  
     15} 
     16BODY {  
     17        background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom; 
     18        margin:0;  
     19        min-height: 100%;  
     20        height: 100%;  
    1521        padding:0;  
    16         width: 231px;  
    17         min-width: 231px;  
    18         border: 0;  
    19         min-height: 32px;  
    20         overflow-x: hidden; 
    21 } 
    22 #menubar DT {  
    23         background-color:#111;  
    24         border:0;  
    25         display:inline;  
    26         margin-left:8px;  
    27         text-align:left;  
    28 } 
    29 #menubar DD {  
    30         background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom; 
    31         margin:14px 0 0 0;  
    32         padding:0 0 22px;  
    33         width: 231px;  
    34         min-width: 231px;  
    35         border: 0;  
    36         overflow-x: hidden; 
    37 } 
    38 #menubar DD P { 
    39   background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;  
    40   padding: 2px 16px 0;  
    41   margin: 0; 
    42 } 
    43 #menubar UL, #menubar #mbCategories p, #menubar .illustration  {  
    44         background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 
    45         margin:0;  
    46 } 
    47 #menubar DT A {  
    48         font-size: 100%;  
    49 } 
    50 #menubar UL {  
    51         color:#333;  
    52         font-size: 16px;  
    53         line-height: 15px;  
    54 } 
    55 #menubar UL SPAN.menuInfoCat {  
    56         color:#666; 
    57 } 
    58 #menubar LI {  
    59         padding-left: 12px;  
    60 } 
    61 #menubar LI UL { 
    62   background: transparent url(images/transparent.gif); 
    63 } 
    64 #menubar A, .menuInfoCat {  
    65         font-size: 13px;  
    66 } 
    67 #menubar form {  
    68         background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;  
    69         margin:0;  
    70 } 
    71 #menubar p {  
    72         padding: 16px 16px 0;  
    73 } 
    74 #menubar .button {  
    75         position:relative;  
    76         right:9px;  
    77         top:16px;  
    78         height:16px;  
    79         width:16px;  
    80 } 
    81  
    82 #menubar #mbIdentification {  
    83         background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important; 
    84 } 
    85 #menubar #mbIdentification DD {  
    86         background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom;  
    87 } 
    88 #menubar #mbIdentification UL, #menubar #mbIdentification p, #menubar #mbIdentification .illustration  {  
    89         background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom;  
    90 } 
    91 #menubar #mbIdentification form {  
    92         background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom;  
    93 } 
    94 #menubar #mbIdentification form  p {  
    95         background:transparent none repeat-y scroll left bottom;  
    96 } 
    97 #menubar #mbIdentification p {  
    98         padding: 2px 16px 0;  
    99         margin: 0; 
    100 } 
    101 #menubar #mbIdentification fieldset div input[type="text"] {  
    102         margin: 0 0 3px;  
    103         width: 174px;  
    104         display: inline;  
    105 } 
    106 #menubar #mbIdentification .button {  
    107         height:24px;  
    108         width:24px;  
    109         right:0px;  
    110         top:-40px;  
    111 } 
    112 #menubar #mbIdentification fieldset {  
    113         border:0;  
    114         margin:0 24px 0 23px;  
    115 } 
    116 #menubar #mbIdentification legend {  
    117         display: none;  
    118 } 
    119 #mbIdentification p, .totalImages {  
    120         color:#666;  
    121 } 
    122  
    123 #menubar #menuTagCloud {  
    124         background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 
    125         margin:0;  
    126         padding: 0 12px;  
    127 } 
    128  
    129 #qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus {  
    130         background-color:#444; 
    131         color:#999;  
    132 } 
    133 #qsearchInput {  
    134         color:#999; 
    135 } 
    136  
    137  
    138 /** 
    139  * Content 
    140  */ 
    141 .content {  
    142         background:#222 url(images/fillet.gif) repeat-x scroll left top;  
    143         min-height:466px;  
    144 } 
    145  
     22} 
    14623#the_page {  
    14724        background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top; 
     
    15532        min-width: 100%;  
    15633} 
    157  
    158 #theCategoryPage .content {  
    159         border: 1px solid #000;  
    160         border-top: 0;  
    161         margin:21px 7px 0 290px !important;  
    162         padding-top:7px;  
    163 } 
    164  
    165 .content h2 {  
    166         margin:0;  
    167         padding:0px 10px 15px 15px;  
    168         border:0; 
    169 } 
    170 .content .navigationBar { 
    171         color:#666; 
    172 } 
    173  
    174 /* Category thumbnails on main page */ 
    175 .content .thumbnailCategories li { 
    176         background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom;  
    177         width:49%;  
    178         margin: 0;  
    179         padding:0;  
    180 } 
    181 .content .thumbnailCategory {  
    182         background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom;  
    183         padding: 0 0 2px;  
    184         margin:0;  
    185 } 
    186 .content .thumbnailCategory div.illustration {  
    187         background:transparent url(images/cat_top-left.gif) no-repeat scroll left top;  
    188         padding: 0 0 0 10px;  
    189         margin: 0 !important;  
    190 } 
    191 .content .thumbnailCategory div.illustration a {  
    192         display: block;  
    193         margin: 0;  
    194         padding:20px 0 0 8px;  
    195 } 
    196 .content .thumbnailCategory .description {  
    197         background:transparent url(images/cat_top-right.gif) no-repeat scroll right top; 
    198         margin: 0;  
    199         padding:15px 10px 3px 0;  
    200         overflow-x: hidden !important;  
    201   height:158px; 
    202 } 
    203 .content .thumbnailCategory .description .text {  
    204         display:block;  
    205         margin:10px 2px 0 0; 
    206         overflow: auto;  
    207         overflow-x:hidden;  
    208         padding:0 0 5px;  
    209 } 
    210 .content .thumbnailCategory .description p.dates {  
    211         margin: 0 15px 0 15px;  
    212         text-align: right;  
    213 } 
    214 .content .thumbnailCategory .description H3 {  
    215         display: block;  
    216 } 
    217 .content .thumbnailCategories li:hover {  
    218         background-color:#111;  
    219 } 
    220  
    221 /* header */ 
    22234#theHeader {  
    22335        min-height:110px; 
    22436        height:110px;  
    22537} 
    226  
     38#mbIdentification p, .totalImages {  
     39        color:#666;  
     40} 
    22741.header_msgs {  
    22842        background:transparent url(images/header_msgs-bg.gif) repeat scroll left top; 
     
    25064        z-index:99; 
    25165} 
     66#menubar DL {  
     67        background:transparent url(images/menuBox_top.gif) no-repeat scroll left top; 
     68        margin:0 0 5px 40px;  
     69        padding:0;  
     70        width: 231px;  
     71        min-width: 231px;  
     72        border: 0;  
     73        min-height: 32px;  
     74        overflow-x: hidden; 
     75} 
     76#imageHeaderBar H2 {  
     77        border: 0;  
     78} 
     79#menubar DT {  
     80        background-color:#111;  
     81        border:0;  
     82        display:inline;  
     83        margin-left:8px;  
     84        text-align:left;  
     85} 
     86#menubar DD {  
     87        background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom; 
     88        margin:14px 0 0 0;  
     89        padding:0 0 22px;  
     90        width: 231px;  
     91        min-width: 231px;  
     92        border: 0;  
     93        overflow-x: hidden; 
     94} 
     95#menubar DD P { 
     96  background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;  
     97  padding: 2px 16px 0;  
     98  margin: 0; 
     99} 
     100#menubar UL, #menubar #mbCategories p, #menubar .illustration  {  
     101        background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 
     102        margin:0;  
     103} 
     104#menubar DT A {  
     105        font-size: 100%;  
     106} 
     107#menubar UL {  
     108        color:#333;  
     109        font-size: 16px;  
     110        line-height: 15px;  
     111} 
     112#menubar UL SPAN.menuInfoCat {  
     113        color:#666; 
     114} 
     115#menubar LI {  
     116        padding-left: 12px;  
     117} 
     118#menubar LI UL { 
     119  background: transparent url(images/transparent.gif); 
     120} 
     121#menubar A, .menuInfoCat {  
     122        font-size: 13px;  
     123} 
     124#menubar form {  
     125        background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;  
     126        margin:0;  
     127} 
     128#menubar DL#mbIdentification {  
     129        background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important; 
     130} 
     131#menubar #mbIdentification DD {  
     132        background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom;  
     133} 
     134#menubar #mbIdentification UL, #menubar #mbIdentification p, #menubar #mbIdentification .illustration  {  
     135        background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom;  
     136} 
     137#menubar #mbIdentification form {  
     138        background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom;  
     139} 
     140#menubar #mbIdentification form  p {  
     141        background:transparent none repeat-y scroll left bottom;  
     142} 
     143#menubar #mbIdentification p {  
     144        padding: 2px 16px 0;  
     145        margin: 0; 
     146} 
     147#menubar p {  
     148        padding: 16px 16px 0;  
     149} 
     150#menubar .button {  
     151        position:relative;  
     152        right:9px;  
     153        top:16px;  
     154        height:16px;  
     155        width:16px;  
     156} 
     157#menubar #mbIdentification .button {  
     158        height:24px;  
     159        width:24px;  
     160        right:0px;  
     161        top:-40px;  
     162} 
     163#menubar #mbIdentification fieldset {  
     164        border:0;  
     165        margin:0 24px 0 23px;  
     166} 
     167#menubar #mbIdentification legend {  
     168        display: none;  
     169} 
     170#menubar #menuTagCloud {  
     171        margin: 0;  
     172        padding: 0 8px 0 16px;  
     173} 
     174 
     175.content {  
     176        background:#222 url(images/fillet.gif) repeat-x scroll left top;  
     177        min-height:466px;  
     178} 
     179 
     180#theCategoryPage .content {  
     181        border: 1px solid #000;  
     182        border-top: 0;  
     183        margin:21px 7px 0 290px !important;  
     184        padding-top:7px;  
     185} 
     186.content h2 {  
     187        margin:0;  
     188        padding:0px 10px 15px 15px;  
     189        border:0; 
     190} 
     191#menubar form {  
     192        background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;  
     193        margin:0;  
     194} 
     195.content .thumbnailCategories li { 
     196        background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom;  
     197        width:49%;  
     198        margin: 0;  
     199        padding:0;  
     200} 
     201.content .thumbnailCategory {  
     202        background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom;  
     203        padding: 0 0 2px;  
     204        margin:0;  
     205} 
     206.content .thumbnailCategory div.illustration {  
     207        background:transparent url(images/cat_top-left.gif) no-repeat scroll left top;  
     208        padding: 0 0 0 10px;  
     209        margin: 0 !important;  
     210} 
     211.content .thumbnailCategory div.illustration a {  
     212        display: block;  
     213        margin: 0;  
     214        padding:20px 0 0 8px;  
     215} 
     216.content .thumbnailCategory .description {  
     217        background:transparent url(images/cat_top-right.gif) no-repeat scroll right top; 
     218        margin: 0;  
     219        padding:15px 10px 3px 0;  
     220        overflow-x: hidden !important;  
     221} 
     222.content .thumbnailCategory .description .text {  
     223        display:block;  
     224        margin:10px 2px 0 0; 
     225        overflow: auto;  
     226        overflow-x:hidden;  
     227        padding:0 0 5px;  
     228} 
     229.content .thumbnailCategory .description p.dates {  
     230        margin: 0 15px 0 15px;  
     231        text-align: right;  
     232} 
     233.content .thumbnailCategory .description H3 {  
     234        display: block;  
     235} 
     236.content .thumbnailCategories li:hover {  
     237        background-color:#111;  
     238}  
     239.content .navigationBar { 
     240        color:#666; 
     241} 
    252242.infos {  
    253243        color:#f70;  
     
    258248        min-height: 48px;  
    259249        text-align:left;  
     250} 
     251.infos li, .errors li {  
     252        list-style-type:none;  
    260253} 
    261254.errors {  
     
    269262        font-weight:bold;  
    270263} 
    271 .infos li, .errors li {  
    272         list-style-type:none;  
    273 } 
    274  
    275 /* User comments */ 
    276 #theCommentsPage .content .thumbnailCategories li, 
    277 #theCommentsPage .content .thumbnailCategory , 
    278 #theCommentsPage .content .thumbnailCategory .description, 
    279 #theCommentsPage .content .thumbnailCategory div.illustration {  
    280         background-image: none; 
    281 } 
    282 #theCommentsPage .content .thumbnailCategory { 
    283         padding: 15px 2px 6px 12px;  
    284         border: 1px solid #666;  
    285 } 
    286 #theCommentsPage .content .odd {  
    287         background-color: #222;  
    288         border-top:0 !important;  
    289 } 
    290 #theCommentsPage .content .even {  
    291         background-color: #111;  
    292 } 
    293 #theCommentsPage .content .thumbnailCategories li:hover {  
    294         background-color: transparent;  
    295 } 
    296 #theCommentsPage #comments { 
    297         padding: 0 0 5px 10px; 
    298 } 
    299  
    300 #comments .thumbnailCategories hr {display:none;} 
    301 #comments .filter input[type="submit"] { margin-top:1.8em; } 
    302  
    303 /* Thumbnails */ 
    304 .thumbnails .wrap2 { 
    305         border: 1px solid #666; /* thumbnails border color and style */ 
    306         border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */  
    307 } 
    308 .thumbnails .wrap2:hover {  
    309         color:#666; 
    310         background-color:#111;  
    311         border:1px solid #ff3363;       /* thumbnails border color when mouse cursor is over it */  
    312 } 
    313 .calItem { 
    314         border:1px solid #666;  
    315         margin:0 5px;  
    316         padding:2px 5px 0 8px; 
    317 } 
    318 .calItemEmpty, td.calDayCellEmpty, td.calDayCellFull { 
    319         border:1px solid #666; 
    320 } 
    321  
    322  
    323 /** 
    324  * Picture 
    325  */ 
    326 #imageToolBar {  
    327         padding:0 7%;  
    328 } 
    329 #imageHeaderBar .imageNumber {  
    330         margin-right:7%;  
    331 } 
    332 #imageHeaderBar .browsePath {  
    333         margin-left:7%;  
    334 } 
    335 #imageHeaderBar, #imageToolBar A:hover {  
    336         background-color: transparent;  
    337 } 
    338 #imageHeaderBar H2 {  
    339         border: 0;  
    340 } 
    341  
    342 #theImage A, .illustration A, A.navThumb, A.navThumb {  
    343         border-bottom-width: 0;  
    344 } 
    345 .rateButtonStarFull, .rateButtonStarEmpty {      
    346         background-image: url('icon/rating-stars.gif');  
    347 } 
    348  
    349 #thePicturePage .thumbnailCategory { 
    350         padding: 15px 2px 6px 12px;  
    351         border: 1px solid #666;  
    352 } 
    353 #thePicturePage .thumbnailCategory  .date, #thePicturePage .thumbnailCategory  .author { 
    354         font-weight:bold; 
    355 } 
    356 #thePicturePage .thumbnailCategories {  
    357         padding-left: 12px;  
    358         padding-right: 12px;  
    359 } 
    360 #thePicturePage .odd {  
    361         background-color: #222;  
    362         border-top:0 !important;  
    363 } 
    364  
    365 #addComment fieldset { 
    366   color: #f70; 
    367         border-color: #f70; 
    368 } 
    369 #addComment fieldset  label { 
    370   color: #666; 
    371 } 
    372  
    373  
    374 /** 
    375  * Default Layout 
    376  */ 
    377 *, *:focus, *:active, input:active, a:active, input:focus, a:focus {  
    378         outline: none;  
    379 } 
    380 BODY {  
    381         background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom; 
    382         margin:0;  
    383         min-height: 100%;  
    384         height: 100%;  
    385         padding:0;  
    386 } 
    387 BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT {  
    388         color:#666;  
    389 } 
    390  
    391 /* forms */ 
     264#menubar #menuTagCloud {  
     265        background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; 
     266        margin:0;  
     267        padding: 0 12px;  
     268} 
     269H2 {  
     270        border-bottom: 1px solid #000000;  
     271} 
     272#qsearchInput {  
     273        color:#999; 
     274} 
    392275FIELDSET, INPUT, SELECT, TEXTAREA {  
    393276        border: 1px solid #666;  
     
    408291        background-color: transparent;  
    409292} 
    410 input[type="button"], input[type="submit"], input[type="reset"] { 
    411         color:#ff3363;  
    412         background-color:#222;  
    413         border-color:#ff3363;  
    414 } 
    415 input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { 
     293#qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus {  
     294        background-color:#444; 
    416295        color:#999;  
    417         border-color:#666;  
    418 } 
    419  
    420 /* links */ 
     296} 
     297.thumbnails .wrap2 { 
     298        border: 1px solid #666; /* thumbnails border color and style */ 
     299        border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */  
     300} 
     301.thumbnails .wrap2:hover {  
     302        color:#666; 
     303        background-color:#111;  
     304        border:1px solid #ff3363;       /* thumbnails border color when mouse cursor is over it */  
     305} 
     306.calItem { 
     307        border:1px solid #666;  
     308        margin:0 5px;  
     309        padding:2px 5px 0 8px; 
     310} 
     311.calItemEmpty, td.calDayCellEmpty, td.calDayCellFull { 
     312        border:1px solid #666; 
     313} 
    421314A, .rateButton {  
    422315        color:#f70;  
     
    444337  border-bottom: 1px solid #ff3363; 
    445338} 
    446  
    447 .titrePage img.button[alt="x"] { margin: 0 3px 3px; } 
    448 tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend { 
    449         border-color: #666; 
     339#theImage A, .illustration A, A.navThumb, A.navThumb {  
     340        border-bottom-width: 0;  
     341} 
     342#imageToolBar {  
     343        padding:0 7%;  
     344} 
     345#imageHeaderBar .imageNumber {  
     346        margin-right:7%;  
     347} 
     348#imageHeaderBar .browsePath {  
     349        margin-left:7%;  
     350} 
     351*, *:focus, *:active, input:active, a:active, input:focus, a:focus {  
     352        outline: none;  
    450353} 
    451354#debug {  
     
    454357        clear: both;  
    455358} 
    456  
    457 /* sprites */ 
     359.rateButtonStarFull, .rateButtonStarEmpty {      
     360        background-image: url('icon/rating-stars.gif');  
     361} 
     362#menubar #mbIdentification fieldset div input[type="text"] {  
     363        margin: 0 0 3px;  
     364        width: 174px;  
     365        display: inline;  
     366} 
     367input[type="button"], input[type="submit"], input[type="reset"] { 
     368        color:#ff3363;  
     369        background-color:#222;  
     370        border-color:#ff3363;  
     371} 
     372input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover { 
     373        color:#999;  
     374        border-color:#666;  
     375} 
     376.titrePage img.button[alt="x"] { margin: 0 3px 3px; } 
     377 
     378#thePicturePage .thumbnailCategory { 
     379        padding: 15px 2px 6px 12px;  
     380        border: 1px solid #666;  
     381} 
     382#thePicturePage .thumbnailCategory  .date, #thePicturePage .thumbnailCategory  .author { 
     383        font-weight:bold; 
     384} 
     385#thePicturePage .thumbnailCategories {  
     386        padding-left: 12px;  
     387        padding-right: 12px;  
     388} 
     389#thePicturePage .odd {  
     390        background-color: #222;  
     391        border-top:0 !important;  
     392} 
     393#addComment fieldset { 
     394  color: #f70; 
     395        border-color: #f70; 
     396} 
     397#addComment fieldset  label { 
     398  color: #666; 
     399} 
     400#theCommentsPage .content .thumbnailCategories li, 
     401#theCommentsPage .content .thumbnailCategory , 
     402#theCommentsPage .content .thumbnailCategory .description, 
     403#theCommentsPage .content .thumbnailCategory div.illustration {  
     404        background-image: none; 
     405} 
     406#theCommentsPage .content .thumbnailCategory { 
     407        padding: 15px 2px 6px 12px;  
     408        border: 1px solid #666;  
     409} 
     410#theCommentsPage .content .odd {  
     411        background-color: #222;  
     412        border-top:0 !important;  
     413} 
     414#theCommentsPage .content .even {  
     415        background-color: #111;  
     416} 
     417#theCommentsPage .content .thumbnailCategories li:hover {  
     418        background-color: transparent;  
     419} 
     420#theCommentsPage #comments { 
     421        padding: 0 0 5px 10px; 
     422} 
     423tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend { 
     424        border-color: #666; 
     425} 
     426 
     427#the_page .content .thumbnailCategory .description { 
     428  height:158px; 
     429} 
     430 
    458431.pwg-icon { 
    459432        background-image: url(../default/s26/outline_ff3363.png); 
    460433} 
     434 
    461435A:hover .pwg-icon { 
    462436        background-image: url(../default/s26/outline_ff7700.png); 
    463437} 
     438 
Note: See TracChangeset for help on using the changeset viewer.