Ignore:
Timestamp:
Jul 24, 2012, 3:33:13 PM (12 years ago)
Author:
Sixpo
Message:
 
File:
1 edited

Legend:

Unmodified
Added
Removed

  • extensions/Metal/theme.css

    r12714 r16970  
    11/* -----------------------------------------------------------------------------
    2   Metal
     2  Wall
    33  Theme for Piwigo
    44  ------------------------------------------------------------------------------
    5   file: Metal/theme.css
     5  file: Wall/theme.css
    66  file version: 0.1
    77  date: 2011-05-27
    … …  
    1010  << May the Little SpaceFrog be with you >>
    1111----------------------------------------------------------------------------- */
    12 @import "iconset.css";
    1312/* text color */
    1413BODY, H1, H3, DT,
    1514INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
    16   color:#993300;/*couleur du texte*/
    17 
    18 }
     15color:#3F3F3F;/*couleur du texte*/
     16}
     17
    1918
    2019#content {
    21   text-align:justify;
     20text-align:justify;
    2221}
    2322
    2423H2, #menubar DT, .throw {
    25   background-image:url(Images/tableh1_bg.png);
    26    color:#dedede; /*gris tres clair  */
     24background-image:url(Images/tableh1_bg.png); /* gris tres clair color:#dedede;  */
    2725}
    2826
    2927.infoTable, .infoTable2 {
    30   background-color: grey;
    31   background-image: url(Images/mur1.jpg);
    32         -moz-border-radius:10px;
    33         -webkit-border-radius:10px;
    34         border-radius:10px;
    35        
    36  
     28background-color: none;
     29background-image: none;
     30-moz-border-radius:10px;
     31-webkit-border-radius:10px;
     32border-radius:10px;
    3733}
    3834
    3935#theImage p {
    40   background-color: #FFFFFF;
    41   background-image: url(Images/mur1.jpg);
    42         margin:auto;
    43         width:40%;
    44 }
    45 
    46 #theImage p,
    47 .thumbnails SPAN.thumbLegend {
    48  
    49   background-color: #FFFFFF;
    50   background-image: url(Images/mur1.jpg);
    51         -moz-border-radius:10px;
    52         -webkit-border-radius:10px;
    53         border-radius:10px;
    54         margin-top: 10px;
    55        
    56 
     36background-color: none;
     37background-image: none;
     38margin:auto;
     39width:40%;
     40}
     41
     42#theImage p, .thumbnails SPAN.thumbLegend {
     43background-color: none;
     44background-image: none;
     45-moz-border-radius:10px;
     46-webkit-border-radius:10px;
     47border-radius:10px;
     48margin-top: 10px;
    5749}
    5850
    5951
    6052#content .additional_info {
    61   background-color: grey;
    62   background-image: url(Images/mur1.jpg);
    63   background-color:#404040;
    64         -moz-border-radius:10px;
    65         -webkit-border-radius:10px;
    66         border-radius:10px;
    67        
     53background-color: grey;
     54background-image: url(Images/mur1.jpg);
     55background-color:#404040;
     56-moz-border-radius:10px;
     57-webkit-border-radius:10px;
     58border-radius:10px;
    6859}
    6960
    7061#content .navigationBar {
    71   color: #aaaaaa;
    72   padding:0px;
    73   margin:0px;
    74   display:block;
    75   background-color:#303030;
    76   font-size:90%;
     62color: #aaaaaa;
     63padding:0px;margin:0px;
     64display:block;
     65background-color:#303030;
     66font-size:90%;
    7767}
    7868
    7969#content .pageNumberSelected {
    80   color: #000000;
     70color: #000000;
    8171}
    8272
    8373
    8474.tabsheet li,
    85 .tabsheet li a { color: #fff#48e; }
    86 .tabsheet li a:hover { color: #fff48e; }
     75.tabsheet li a {
     76 color: #fff#48e;
     77 }
     78.tabsheet li a:hover {
     79color: #fff48e;
     80}
    8781
    8882/* backgrounds */
    8983BODY {
    90   background-image:url(Images/mur.jpg);
     84background-image:url(Images/mur.jpg);
    9185}
    9286
    9387H3, #the_page, #imageToolBar A:hover, .row1  {
    94     background: transparent;
    95 }
    96 
    97 #menubar DL, #content, #imageToolBar, .header_notes, .content
    98 {
    99   background: transparent;
     88background: transparent;
     89}
     90
     91#menubar DL, #content, #imageToolBar, .header_notes, .content {
     92background: transparent;
    10093}
    10194
    10295H2, #menubar DT, .throw, #imageHeaderBar  {
    103   background-image: url(images/tableh1_bg.png);
    104   background-color: #303030;
     96background-color: #303030;          /*background-image: url(images/tableh1_bg.png);*/
    10597}
    10698
    … …  
    108100
    109101#imageHeaderBar H2 {
    110   background-image: url(Images/mur1.jpg);
    111   border: none;
     102background-image: url(Images/mur6.jpg);
     103border: none;
    112104}
    113105
    … …  
    117109  background-position: center;
    118110}
    119 .tabsheet li { background-color: #3f3f3f; }
    120 
    121 .selected_tab { background-color: #5f5f5f !important; }
     111.tabsheet li {
     112 background-color: #3f3f3f;
     113 }
     114
     115.selected_tab {
     116 background-color: #5f5f5f !important;
     117 }
    122118
    123119/* borders */
    124 #menubar DL, #content, .content,
    125 #comments DIV.comment BLOCKQUOTE {
    126   border: none;
     120#menubar DL, #content, .content,#comments DIV.comment BLOCKQUOTE {
     121border: none;
    127122}
    128123
    129124#imageHeaderBar {
    130   border-top: 3px solid #000000;
    131   background-image: url(Images/mur1.jpg);
    132         -moz-border-radius:10px;
    133         -webkit-border-radius:10px;
    134         border-radius:10px
    135 }
    136 
    137 #menubar DL
    138 {
    139 
    140  margin-bottom:-1px;
    141  border:1px solid #303030;
    142  background-image: url(Images/mur1.jpg)
     125border-top: 5px solid #000000;
     126background-image: url(Images/mur6.jpg);
     127-moz-border-radius:10px;
     128-webkit-border-radius:10px;
     129border-radius:10px
     130}
     131
     132#menubar DL {
     133margin-bottom:-1px;
     134border:1px solid #303030;
     135background-image: url(Images/mur1.jpg);
    143136}
    144137
    145138
    146 H2, #menubar DT, #imageToolBar {
    147   border-bottom: 1px solid #cc0000;
     139 H2, #menubar DT, #imageToolBar {
     140  border-bottom: 0px solid #cc0000;
    148141}
    149 
    150142#theImage img {
    151   border: 8px solid #333333;/*cadre des photos moyenne*/
    152   margin-top: 10px;
    153   margin-bottom: 10px;
    154 }
     143 border: 8px solid #333333;/*cadre des photos moyenne*/
     144 margin-top: 10px;
     145 margin-bottom: 10px;
     146 }
    155147
    156148
    … …  
    158150FIELDSET, INPUT , SELECT, TEXTAREA,
    159151#content DIV.comment  A.illustration IMG, #infos {
    160   border: 1px solid gray;
     152border: 1px solid gray;
    161153}
    162154
    163155#content DIV.thumbnailCategory {
    164     border: none;
    165     border:  8px #808080  outset ;
    166     background-image:url(Images/mur5.jpg)
    167 }
    168 
    169 FIELDSET :disabled, INPUT:disabled, SELECT:disabled, TEXTAREA:disabled
    170 {
    171   color:#404040;
    172   background-color:#808080;
    173 }
     156border: none;border:  4px #808080  outset ;
     157background-image:url(Images/mur5.jpg);
     158}
     159
     160FIELDSET :disabled, INPUT:disabled, SELECT:disabled, TEXTAREA:disabled{color:#404040; background-color:#808080;}
    174161
    175162#comments DIV.comment BLOCKQUOTE {
    176   border-left: 15px solid #696969;
    177   background-color: #404040;
    178 }
    179 
    180 
    181 
    182 #content UL.thumbnails SPAN.wrap2, .content .additional_info {
    183   border: none; /* thumbnails border color and style */
    184   -moz-border-radius: 8px;  /* round corners with Geko */
    185   border-radius: 8px 8px; /* round corners with CSS3 compliant browsers */
    186   background-image:url(Images/mur3.png);
    187 }
    188 
     163 border-left: 15px solid #696969;
     164 background-color: #404040;
     165 }
     166
     167
     168
     169#content UL.thumbnails SPAN.wrap2{
     170border: none; /* thumbnails border color and style */
     171 -moz-border-radius: 8px; /* round corners with Geko */
     172 border-radius: 8px 8px;/* round corners with CSS3 compliant browsers */
     173 background-image:url(Images/mur3.jpg);
     174  width :140px;
     175 height : 140px;
     176 margin-top:15px;
     177 }
     178 
     179#mbIdentification dt{
     180color: #FFFFFF;
     181}
     182
     183.thumbnails .wrap1 {
     184    display: inline-block;
     185    margin: 0 10px 5px;
     186    text-align: center;
     187    vertical-align: top;
     188}
     189
     190#content UL.thumbnails .wrap2 a{
     191 width :142px;
     192 height : auto;
     193 margin:auto;
     194 
     195 }
     196 
    189197#content UL.thumbnails LI SPAN.wrap1 SPAN.wrap2:hover {
    190   border-color: none;   /* thumbnails border color when mouse cursor is over it */
    191   background-image:url(Images/mur4.png);
    192 }
    193 
    194 
    195 ul.tabsheet { border-color: #fff48e; }
    196 .tabsheet li { border: 1px solid #fff48e; }
    197 .tabsheet li:hover { border-color: #fff48e !important; }
     198border-color: none;   /* thumbnails border color when mouse cursor is over it */
     199background-image:url(Images/mur4.jpg);
     200}
     201
     202.thumbName{
     203background-image:url(Images/mur6.jpg);
     204}
     205
     206
     207ul.tabsheet {
     208 border-color: #fff48e;
     209 }
     210.tabsheet li {
     211border: 1px solid #fff48e;
     212}
     213.tabsheet li:hover {
     214 border-color: #fff48e !important;
     215 }
    198216
    199217/* links */
    200218A, INPUT.rateButton {
    201     color: #993300;/*texte lien menu pas selectionner*/
    202     background: transparent;
    203   border: none;
     219color: #FFFFFF;/*texte lien menu pas selectionner*/
     220background: transparent;border: none;
    204221}
    205222
    206223A:hover {
    207   color: #CC6600;/*texte lien menu selectionner*/
    208   border: none;
     224color: #CC6600;/*texte lien menu selectionner*/
     225border: none;
    209226}
    210227
    211228#imageToolBar A, #imageToolBar A:hover,
    212229A.navThumb, A.navThumb:hover {
    213   border-bottom: none;
     230border-bottom: none;
    214231}
    215232
    216233
    217234/* others */
    218 #menubar ul, #menubar form, #menubar p {
    219   text-align:left;
     235#menubar ul, #menubar form, #menubar p { 
     236text-align:left;
    220237}
    221238
    222239#menubar ul {
    223   margin-left:8px;
     240margin-left:8px;
    224241}
    225242
    226243.pleaseNote {
    227   background: #9c9c9c;
    228   color: #ffff99;
    229   padding: 1ex;
    230   font-weight: bold;
    231 }
    232 
    233 #menubar .menuInfoCatByChild,
    234 #menubar .menuInfoCat {
    235   font-size:80%;
    236   font-style:normal;
    237   position:relative;
    238   top:-4px;
     244background: #9c9c9c;
     245color: #ffff99;
     246padding: 1ex;
     247font-weight: bold;
     248}
     249
     250#menubar .menuInfoCatByChild, #menubar .menuInfoCat {
     251font-size:80%;
     252font-style:normal;
     253position:relative;
     254top:-4px;
    239255}
    240256
    241257#imageHeaderBar {
    242    background-image: none;
    243 }
    244 
    245 #the_page {
    246   border: 0px solid #e0e0e0;
    247   padding-top: 5px;
    248   padding-bottom:30px;
    249   text-align:center;
    250   display:block;
     258background-image: none;
     259}
     260
     261#the_page {  /* border: 0px solid #e0e0e0; padding-top: 5px; padding-bottom:30px; */
     262text-align:center;display:block;
    251263}
    252264
    253265#menubar p.totalImages {
    254   text-align:right;
    255   margin:2px;
    256   font-size:80%
     266text-align:right;
     267margin:2px;
     268font-size:80%;
    257269}
    258270
    259271/*calendar elements*/
    260 SPAN.calItemEmpty { color: silver; }
    261 
    262 SPAN.calItem, SPAN.calItemEmpty
    263 {
    264   border: 1px solid gray;
    265 }
    266 
    267 .virtual_cat { background: #3f3f3f !important; }
    268 .qsearch { font-size: 80%; font-style: normal; }
    269 #mbMenu #quicksearch > p { text-align: left; }
     272SPAN.calItemEmpty {
     273 color: silver;
     274 }
     275
     276SPAN.calItem, SPAN.calItemEmpty{
     277border: 1px solid gray;
     278}
     279
     280.virtual_cat {
     281background: #3f3f3f !important;
     282 }
     283.qsearch {
     284 font-size: 80%;
     285 font-style: normal;
     286 }
     287#mbMenu #quicksearch > p {
     288 text-align: left;
     289 }
    270290
    271291
    … …  
    284304
    285305div.illustration img {
    286   border: 2px #333333 solid;
     306 width :100px;
     307 height : 76px;
     308 margin-top:10px;
     309 box-shadow: 8px 8px 12px #000000;
     310 -webkit-box-shadow: 8px 8px 12px #000000;
     311 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */ 
     312 border: ridge 1px;
     313 border-radius:1em;
     314 border-color:#3f3f3f;
    287315}
    288316
    … …  
    293321.content ul.thumbnails img, #linkPrev img, #linkNext img {
    294322  border:1px #333333 solid;
     323  cellpadding:25px;
    295324}
    296325
    … …  
    308337
    309338.rateButtonStarFull {
    310   background: url('icon/rating-stars.png') no-repeat scroll; background-position:-16px center; width:16px;
     339  background: url('icon/rating-stars.png') no-repeat scroll;
     340  background-position:-16px center;
     341  width:16px;
    311342}
    312343
    313344.rateButtonStarEmpty {
    314   background: url('icon/rating-stars.png') no-repeat scroll; background-position:0 center; width:16px;
     345  background: url('icon/rating-stars.png') no-repeat scroll;
     346  background-position:0 center;
     347  width:16px;
    315348}
    316349
    … …  
    376409
    377410div.description div.text p.Nb_images {
    378   border-bottom:1px #303030 dotted; /*carres autour des miniatures*/
     411  border-bottom:1px #303030 dotted;/*cares autour des miniatures*/
    379412  font-style:italic;
    380413  font-size:85%;
Note: See TracChangeset for help on using the changeset viewer.