Changeset 10640 for trunk/themes


Ignore:
Timestamp:
Apr 27, 2011, 6:59:42 PM (14 years ago)
Author:
mistic100
Message:

Sylvia : cleaning css

File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/themes/Sylvia/theme.css

    r9555 r10640  
     1/* thumbnail wrap size */
    12.content .thumbnailCategory div.illustration {
    23        width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */
    … …  
    56        width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */
    67}
    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 */
    10 BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT {
     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;
     15        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 {
    11120        color:#666;
    12121}
    13 #imageHeaderBar, #imageToolBar A:hover {
    14         background-color: transparent;
    15 }
    16 BODY {
    17         background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom;
    18         margin:0;
    19         min-height: 100%;
    20         height: 100%;
    21         padding:0;
    22 }
     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
    23146#the_page {
    24147        background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top;
    … …  
    32155        min-width: 100%;
    33156}
     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 */
    34222#theHeader {
    35223        min-height:110px;
    36224        height:110px;
    37225}
    38 #mbIdentification p, .totalImages {
    39         color:#666;
    40 }
     226
    41227.header_msgs {
    42228        background:transparent url(images/header_msgs-bg.gif) repeat scroll left top;
    … …  
    64250        z-index:99;
    65251}
    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 }
    242252.infos {
    243253        color:#f70;
    … …  
    248258        min-height: 48px;
    249259        text-align:left;
    250 }
    251 .infos li, .errors li {
    252         list-style-type:none;
    253260}
    254261.errors {
    … …  
    262269        font-weight:bold;
    263270}
    264 #menubar #menuTagCloud {
    265         background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
    266         margin:0;
    267         padding: 0 12px;
    268 }
    269 H2 {
    270         border-bottom: 1px solid #000000;
    271 }
    272 #qsearchInput {
    273         color:#999;
    274 }
     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}
     380BODY {
     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}
     387BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT {
     388        color:#666;
     389}
     390
     391/* forms */
    275392FIELDSET, INPUT, SELECT, TEXTAREA {
    276393        border: 1px solid #666;
    … …  
    291408        background-color: transparent;
    292409}
    293 #qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus {
    294         background-color:#444;
     410input[type="button"], input[type="submit"], input[type="reset"] {
     411        color:#ff3363;
     412        background-color:#222;
     413        border-color:#ff3363;
     414}
     415input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    295416        color:#999;
    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 }
     417        border-color:#666;
     418}
     419
     420/* links */
    314421A, .rateButton {
    315422        color:#f70;
    … …  
    337444  border-bottom: 1px solid #ff3363;
    338445}
    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;
     446
     447.titrePage img.button[alt="x"] { margin: 0 3px 3px; }
     448tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
     449        border-color: #666;
    353450}
    354451#debug {
    … …  
    357454        clear: both;
    358455}
    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 }
    367 input[type="button"], input[type="submit"], input[type="reset"] {
    368         color:#ff3363;
    369         background-color:#222;
    370         border-color:#ff3363;
    371 }
    372 input[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 }
    423 tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
    424         border-color: #666;
    425 }
    426 
    427 #the_page .content .thumbnailCategory .description {
    428   height:158px;
    429 }
    430 
     456
     457/* sprites */
    431458.pwg-icon {
    432459        background-image: url(../default/s26/outline_ff3363.png);
    433460}
    434 
    435461A:hover .pwg-icon {
    436462        background-image: url(../default/s26/outline_ff7700.png);
    437463}
    438 
Note: See TracChangeset for help on using the changeset viewer.