Changeset 11197


Ignore:
Timestamp:
Jun 1, 2011, 4:26:44 PM (13 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.