Changeset 2795 for trunk/template


Ignore:
Timestamp:
Oct 23, 2008, 10:15:58 PM (16 years ago)
Author:
vdigital
Message:

Merging revisions 2793-2794
Format Sylvia theme.css
Minor: on default-layout.css category list on search page is enlarged.

Refer to SVN:2789 - include Admin Advices in
[34]( compiled_template_cache_language ) and [35] ( template_compile_check )
Translation is needed for German, Spanish, Italian...

Location:
trunk/template/yoga
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/template/yoga/default-layout.css

    r2706 r2795  
    8181SELECT.categoryList {
    8282        height: 20em;
    83         width: auto;
     83        width: 500px;
    8484}
    8585

  • trunk/template/yoga/theme/Sylvia/theme.css

    r2780 r2795  
    11/* $Id$ */
    2 .content div.thumbnailCategory div.illustration { width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ }
    3 .content div.thumbnailCategory { height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */ }
    4 .content div.thumbnailCategory div.description .text { height: 130px !important; /* -42px than previous one */ }
    5 #comments div.thumbnailCategory div.illustration { width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ }
     2.content div.thumbnailCategory div.illustration {
     3        width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */
     4}
     5.content div.thumbnailCategory {
     6        height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */
     7}
     8.content div.thumbnailCategory div.description .text {
     9        height: 130px !important; /* -42px than previous one */
     10}
     11#comments div.thumbnailCategory div.illustration {
     12        width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */
     13}
    614
    715/*  Sylvia Theme is close to the Roma Admin theme */
    8 BODY, H1, H3, DT, INPUT.rateButtonSelected { color:#666; }
    9 H2, #menubar DT { color: #666; }
    10 #imageHeaderBar, #imageToolBar A:hover { background-color: transparent; }
    11 BODY { background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom;
    12 margin:0; min-height: 100%; height: 100%; padding:0; }
    13 #the_page { background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top;
    14 left:0; margin:0; padding:0; position:absolute; top:0; z-index:0; width: 100%; min-width: 100%; }
    15 #mbIdentification p, .totalImages { color: #333; }
    16 .header_msgs { background:transparent url(images/header_msgs-bg.gif) repeat scroll right top;
    17 border:0; color:#333; font-size:24px; left:0; margin:0; padding:10px 0 6px 0; position:absolute;
    18 text-align:center; top:0; width:100%; z-index:99; }
    19 .header_notes { border:0; color:#333; margin:0; padding:12px 44px 0 0; position:absolute;
    20 right:9px; top:48px; z-index:99; background-position: right top; }
    21 #menubar DL { background:transparent url(images/menuBox_top.gif) no-repeat scroll left top;
    22 margin:0 0 5px 40px; padding:0; width: 231px; min-width: 231px; border: 0; min-height: 32px; overflow-x: hidden;}
    23 #imageHeaderBar H2 { border: 0; }
    24 #menubar DT { background-color:#111; border:0; display:inline; margin-left:8px; text-align:left; }
    25 #menubar DD { background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom;
    26 margin:14px 0 0 0; padding:0 0 22px; width: 231px; min-width: 231px; border: 0; overflow-x: hidden;}
    27 #menubar UL, #menubar #mbCategories p,
    28 #menubar .illustration  { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
    29 margin:0; }
    30 #menubar DT A { font-size: 100%; }
    31 #menubar UL { color: #333; font-size: 16px; line-height: 15px; }
    32 #menubar LI { padding-left: 12px; }
    33 #menubar A, .menuInfoCat { font-size: 13px; }
    34 #menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; margin:0; }
    35 #menubar DL#mbIdentification { background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important;}
    36 #menubar #mbIdentification DD { background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom; }
    37 #menubar #mbIdentification UL, #menubar #mbIdentification p,
    38 #menubar #mbIdentification .illustration  { background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; }
    39 #menubar #mbIdentification form { background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom; }
    40 #menubar #mbIdentification  .actions, #menubar li ul, #menubar #mbIdentification form  p { background:transparent none repeat-y scroll left bottom; }
    41 #menubar #mbIdentification p { padding: 2px 16px 0; margin: 0;}
    42 #menubar p { padding: 16px 16px 0; }
    43 #menubar .button { position:relative; right:9px; top:16px; height:16px; }
    44 #menubar #mbIdentification .button { height:24px; right:0px; top:-40px; }
    45 #menubar #mbIdentification fieldset { border:0; margin:0 24px 0 23px; }
    46 #menubar #mbIdentification legend { display: none; }
    47 #menubar #menuTagCloud { margin: 0; padding: 0 8px 0 16px; }
    48 #content { background:#222 url(images/fillet.gif) repeat-x scroll left top; min-height:466px; }
    49 .content { border: 1px solid #000; border-top: 0; margin:21px 7px 0 290px; padding-top:7px; }
    50 .content h2 { margin:0; padding:0px 10px 15px 15px; border:0;}
    51 #menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; margin:0; }
     16BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT {
     17        color:#666;
     18}
     19#imageHeaderBar, #imageToolBar A:hover {
     20        background-color: transparent;
     21}
     22BODY {
     23        background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom;
     24        margin:0;
     25        min-height: 100%;
     26        height: 100%;
     27        padding:0;
     28}
     29#the_page {
     30        background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top;
     31        left:0;
     32        margin:0;
     33        padding:0;
     34        position:absolute;
     35        top:0;
     36        z-index:0;
     37        width: 100%;
     38        min-width: 100%;
     39}
     40#mbIdentification p, .totalImages {
     41        color: #333;
     42}
     43.header_msgs {
     44        background:transparent url(images/header_msgs-bg.gif) repeat scroll right top;
     45        border:0;
     46        color:#333;
     47        font-size:24px;
     48        left:0;
     49        margin:0;
     50        padding:10px 0 6px 0;
     51        position:absolute;
     52        text-align:center;
     53        top:0;
     54        width:100%;
     55        z-index:99;
     56}
     57.header_notes {
     58        border:0;
     59        color:#333;
     60        margin:0;
     61        padding:12px 44px 0 0;
     62        position:absolute;
     63        right:9px;
     64        top:48px;
     65        z-index:99;
     66        background-position: right top;
     67}
     68#menubar DL {
     69        background:transparent url(images/menuBox_top.gif) no-repeat scroll left top;
     70        margin:0 0 5px 40px;
     71        padding:0;
     72        width: 231px;
     73        min-width: 231px;
     74        border: 0;
     75        min-height: 32px;
     76        overflow-x: hidden;
     77}
     78#imageHeaderBar H2 {
     79        border: 0;
     80}
     81#menubar DT {
     82        background-color:#111;
     83        border:0;
     84        display:inline;
     85        margin-left:8px;
     86        text-align:left;
     87}
     88#menubar DD {
     89        background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom;
     90        margin:14px 0 0 0;
     91        padding:0 0 22px;
     92        width: 231px;
     93        min-width: 231px;
     94        border: 0;
     95        overflow-x: hidden;
     96}
     97#menubar UL, #menubar #mbCategories p, #menubar .illustration  {
     98        background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
     99        margin:0;
     100}
     101#menubar DT A {
     102        font-size: 100%;
     103}
     104#menubar UL {
     105        color: #333;
     106        font-size: 16px;
     107        line-height: 15px;
     108}
     109#menubar LI {
     110        padding-left: 12px;
     111}
     112#menubar A, .menuInfoCat {
     113        font-size: 13px;
     114}
     115#menubar form {
     116        background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
     117        margin:0;
     118}
     119#menubar DL#mbIdentification {
     120        background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important;
     121}
     122#menubar #mbIdentification DD {
     123        background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom;
     124}
     125#menubar #mbIdentification UL, #menubar #mbIdentification p, #menubar #mbIdentification .illustration  {
     126        background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom;
     127}
     128#menubar #mbIdentification form {
     129        background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom;
     130}
     131#menubar #mbIdentification  .actions, #menubar li ul, #menubar #mbIdentification form  p {
     132        background:transparent none repeat-y scroll left bottom;
     133}
     134#menubar #mbIdentification p {
     135        padding: 2px 16px 0;
     136        margin: 0;
     137}
     138#menubar p {
     139        padding: 16px 16px 0;
     140}
     141#menubar .button {
     142        position:relative;
     143        right:9px;
     144        top:16px;
     145        height:16px;
     146}
     147#menubar #mbIdentification .button {
     148        height:24px;
     149        right:0px;
     150        top:-40px;
     151}
     152#menubar #mbIdentification fieldset {
     153        border:0;
     154        margin:0 24px 0 23px;
     155}
     156#menubar #mbIdentification legend {
     157        display: none;
     158}
     159#menubar #menuTagCloud {
     160        margin: 0;
     161        padding: 0 8px 0 16px;
     162}
     163
     164#content {
     165        background:#222 url(images/fillet.gif) repeat-x scroll left top;
     166        min-height:466px;
     167}
     168
     169.content {
     170        border: 1px solid #000;
     171        border-top: 0;
     172        margin:21px 7px 0 290px;
     173        padding-top:7px;
     174}
     175.content h2 {
     176        margin:0;
     177        padding:0px 10px 15px 15px;
     178        border:0;
     179}
     180#menubar form {
     181        background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
     182        margin:0;
     183}
    52184#content ul.thumbnailCategories li {
    53 background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; width:49%; margin: 0; padding:0; }
    54 .content div.thumbnailCategory { background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom;
    55 padding: 0; margin:0; }
    56 #content .thumbnailCategory div.illustration { background:transparent url(images/cat_top-left.gif) no-repeat scroll left top;
    57 padding: 0 0 0 10px; margin: 0; }
    58 .content .thumbnailCategory div.illustration a { display: block; margin: 0; padding:20px 0 0 8px; }
    59 #content .thumbnailCategory div.description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
    60 margin: 0; padding:15px 10px 3px 0; overflow: hidden; }
    61 #content .thumbnailCategory div.description .text { display:block; margin:10px 2px 0 0;
    62 overflow: auto; overflow-x:hidden; padding:0 0 5px; }
    63 .content div.thumbnailCategory div.description p.dates { margin: 0 15px 0 15px; text-align: right; }
    64 #content.content .thumbnailCategory div.description H3 { display: block; margin: 0; }
    65 #content ul.thumbnailCategories li:hover { background-color:#111; }
    66 .infos { color: #f70; border:0; background-color: transparent; margin-left:125px;
    67 padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; }
    68 .infos li, .errors li { list-style-type:none; }
    69 .errors { color: #f30; border:0; background-color: transparent; margin-left:125px;
    70 padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; font-weight:bold; }
    71 #menubar #menuTagCloud { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
    72 margin:0; padding: 0 12px; }
    73 H2 { border-bottom: 1px solid #000000; }
    74 #qsearchInput { border-color: #222; color: #222;}
    75 FIELDSET, INPUT, SELECT, TEXTAREA { border: 1px solid #666; }
     185        background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom;
     186        width:49%;
     187        margin: 0;
     188        padding:0;
     189}
     190.content div.thumbnailCategory {
     191        background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom;
     192        padding: 0;
     193        margin:0;
     194}
     195#content .thumbnailCategory div.illustration {
     196        background:transparent url(images/cat_top-left.gif) no-repeat scroll left top;
     197        padding: 0 0 0 10px;
     198        margin: 0;
     199}
     200.content .thumbnailCategory div.illustration a {
     201        display: block;
     202        margin: 0;
     203        padding:20px 0 0 8px;
     204}
     205#content .thumbnailCategory div.description {
     206        background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
     207        margin: 0;
     208        padding:15px 10px 3px 0;
     209        overflow: hidden;
     210}
     211#content .thumbnailCategory div.description .text {
     212        display:block;
     213        margin:10px 2px 0 0;
     214        overflow: auto;
     215        overflow-x:hidden;
     216        padding:0 0 5px;
     217}
     218.content div.thumbnailCategory div.description p.dates {
     219        margin: 0 15px 0 15px;
     220        text-align: right;
     221}
     222#content.content .thumbnailCategory div.description H3 {
     223        display: block;
     224        margin: 0;
     225}
     226#content ul.thumbnailCategories li:hover {
     227        background-color:#111;
     228}
     229.infos {
     230        color: #f70;
     231        border:0;
     232        background-color: transparent;
     233        margin-left:125px;
     234        padding:5px 0px 0pt 10pt;
     235        min-height: 48px;
     236        text-align:left;
     237}
     238.infos li, .errors li {
     239        list-style-type:none;
     240}
     241.errors {
     242        color: #f30;
     243        border:0;
     244        background-color: transparent;
     245        margin-left:125px;
     246        padding:5px 0px 0pt 10pt;
     247        min-height: 48px;
     248        text-align:left;
     249        font-weight:bold;
     250}
     251#menubar #menuTagCloud {
     252        background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
     253        margin:0;
     254        padding: 0 12px;
     255}
     256H2 {
     257        border-bottom: 1px solid #000000;
     258}
     259#qsearchInput {
     260        border-color: #222;
     261        color: #222;
     262}
     263FIELDSET, INPUT, SELECT, TEXTAREA {
     264        border: 1px solid #666;
     265}
    76266input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
    77 background-color:#444; color:#999; } /* stupid Line but needed  due to inpact on other themes and deadline of Piwigo 2.0 */
    78 INPUT, select, textarea { color:#999; background-color: #444; }
    79 input[type="radio"], input[type="checkbox"],
    80 input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { background-color: transparent; }
    81 #qsearchInput:focus,
    82 input:focus, select:focus, textarea:focus, input.focus, form .focus { background-color:#444;color: #999; }
     267        background-color:#444;
     268        color:#999;
     269} /* stupid Line but needed  due to inpact on other themes and deadline of Piwigo 2.0 */
     270INPUT, select, textarea {
     271        color:#999;
     272        background-color: #444;
     273}
     274input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull {
     275        background-color: transparent;
     276}
     277#qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus {
     278        background-color:#444;
     279        color: #999;
     280}
    83281.content UL.thumbnails SPAN.wrap2 {
    84 border: 1px solid #666; /* thumbnails border color and style */
    85 border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ }
    86 .content UL.thumbnails SPAN.wrap2:hover { color: #666;
    87 background-color: #111; border:1px solid #ff3363;       /* thumbnails border color when mouse cursor is over it */ }
    88 #comments ul.actions li, #comments ul.actions li:hover { background:transparent none; padding: 0 22px; clear:both; list-style-type:none; }
    89 A, INPUT.rateButton { color:#f70; border-width: 0; }
    90 A:hover, A:active { color: #f33; border-bottom: 1px solid #f33; cursor: pointer; }
    91 #theImage A, .illustration A, A.navThumb, A.navThumb { border-bottom-width: 0; }
    92 #imageToolBar { padding:0 7%; }
    93 #imageHeaderBar .imageNumber { margin-right:7%; }
    94 #imageHeaderBar .browsePath { margin-left:7%; }
    95 *, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; }
    96 #debug { margin: 15px 15px 5px 248px; font-size:12px; clear: both; }
    97 .rateButtonStarFull {   background-image: url('icon/rating-stars.gif'); }
    98 .rateButtonStarEmpty { background-image: url('icon/rating-stars.gif'); }
    99 #menubar #mbIdentification fieldset div input[type="text"] { margin: 0 0 3px; width: 174px; display: inline; }
     282        border: 1px solid #666; /* thumbnails border color and style */
     283        border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
     284}
     285.content UL.thumbnails SPAN.wrap2:hover {
     286        color: #666;
     287        background-color: #111;
     288        border:1px solid #ff3363;       /* thumbnails border color when mouse cursor is over it */
     289}
     290#comments ul.actions li, #comments ul.actions li:hover {
     291        background:transparent none;
     292        padding: 0 22px;
     293        clear:both;
     294        list-style-type:none;
     295}
     296A, INPUT.rateButton {
     297        color:#f70;
     298        border-width: 0;
     299}
     300A:hover, A:active {
     301        color: #f33;
     302        border-bottom: 1px solid #f33;
     303        cursor: pointer;
     304}
     305#theImage A, .illustration A, A.navThumb, A.navThumb {
     306        border-bottom-width: 0;
     307}
     308#imageToolBar {
     309        padding:0 7%;
     310}
     311#imageHeaderBar .imageNumber {
     312        margin-right:7%;
     313}
     314#imageHeaderBar .browsePath {
     315        margin-left:7%;
     316}
     317*, *:focus, *:active, input:active, a:active, input:focus, a:focus {
     318        outline: none;
     319}
     320#debug {
     321        margin: 15px 15px 5px 248px;
     322        font-size:12px;
     323        clear: both;
     324}
     325.rateButtonStarFull, .rateButtonStarEmpty {     
     326        background-image: url('icon/rating-stars.gif');
     327}
     328#menubar #mbIdentification fieldset div input[type="text"] {
     329        margin: 0 0 3px;
     330        width: 174px;
     331        display: inline;
     332}
    100333input[type="button"], input[type="submit"], input[type="reset"] {
    101 color:#ff3363; background-color:#222; border-color: #ff3363; }
     334        color:#ff3363;
     335        background-color:#222;
     336        border-color: #ff3363;
     337}
    102338input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
    103 color:#999; border-color: #666; }
     339        color:#999;
     340        border-color: #666;
     341}
Note: See TracChangeset for help on using the changeset viewer.