Changeset 10642


Ignore:
Timestamp:
04/27/11 19:04:15 (9 years ago)
Author:
mistic100
Message:

merge r10640 from trunk

File:
1 edited

Legend:

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

    r9555 r10642  
     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.