Ignore:
Timestamp:
04/04/11 14:42:15 (9 years ago)
Author:
flop25
Message:

bug corrected on safari

File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/flop_mauve/current/theme.css

    r9811 r10033  
    1  
    2  
    31/*catégories*/ 
    42 
     
    75        padding-left:auto; 
    86        padding-right:auto; 
    9         padding: 5px; 
    107        list-style: none outside none; 
    118        text-align: center; 
     
    1411        width: auto; 
    1512        float: none; 
    16         display:inline; 
     13        display:inline-block; 
    1714        text-align:center; 
    1815        margin-left:10px; 
    1916} 
    20 BODY#theCategoryPage div.thumbnailCategory { 
    21         text-align:center; 
    22         width:100%; 
    23         height:100%; 
    24         margin: 0 auto; 
    25         padding: 0; 
    26         vertical-align:middle; 
    27 } 
    28  
    29 BODY#theCategoryPage div.thumbnailCategory div.illustration  { 
    30 width:auto; 
     17BODY#theCategoryPage div.thumbnailCategory div.illustration { 
     18        width:auto; 
    3119        height:auto; 
    32 /*height:135px;*/ 
     20        /*height:135px;*/ 
    3321text-align:center; 
    34 overflow: inherit; 
    35 float:none; 
     22        overflow: inherit; 
     23        float:none; 
    3624        margin: 0; 
    3725        padding: 0; 
     
    4230        text-align:center; 
    4331        overflow:inherit; 
    44     float:none; 
    45     overflow: auto; 
    46  
     32        float:none; 
     33        overflow: auto; 
    4734} 
    4835BODY#theCategoryPage div.thumbnailCategory div.description IMG { 
    4936        float:right; 
    5037} 
    51 /* --------------Hack-------------*/ 
     38BODY#theCategoryPage div.thumbnailCategory div.description p { 
     39        text-align: center; 
     40} 
    5241BODY#theCategoryPage div.thumbnailCategory { 
    53     display: table-cell; 
    54     text-align: center; 
    55     vertical-align: middle; 
    56 width:160px; 
    57 height:205px; 
     42        display: inline-block; 
     43        margin: 5px auto; 
     44        padding:5px; 
     45        vertical-align: middle; 
     46        width:160px; 
     47        height:205px; 
     48        text-align: center; 
     49        background-image:none; 
    5850} 
    5951BODY#theCategoryPage div.thumbnailCategory * { 
    60     vertical-align: middle; 
    61 } 
    62 /*\*//*/ 
    63 .wraptocenter { 
    64     display: block; 
    65 } 
    66 .wraptocenter span { 
    67     display: inline-block; 
    68     height: 100%; 
    69     width: 1px; 
    70 } 
    71 /**/ 
    72 /* --------------fin Hack-------------*/ 
     52        vertical-align: middle; 
     53} 
    7354BODY#theCategoryPage div.thumbnailCategory div.illustration img { 
    74     height: 96px; 
     55        height: 96px; 
    7556} 
    7657BODY#theCategoryPage div.thumbnailCategory div.description h3 { 
    77 text-align:center; 
     58        text-align:center; 
    7859} 
    7960#la_description { 
    80 display:none; 
    81 } 
    82  
    83  
     61        display:none; 
     62} 
    8463/* text color */ 
    85 BODY, H1, H3, DT, 
    86 INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 
    87   color:#e0e0e0; 
    88 } 
    89  
     64BODY, H1, H3, DT, INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 
     65        color:#e0e0e0; 
     66} 
    9067H2, #menubar DT, .throw { 
    91   color: #fff48e; 
    92 } 
    93  
     68        color: #fff48e; 
     69} 
    9470#content .navigationBar { 
    95   color: #aaaaaa; 
     71        color: #aaaaaa; 
    9672} 
    9773#content .pageNumberSelected { 
    98   color: #000000; 
    99 } 
    100  
    101 .tabsheet li, 
    102 .tabsheet li a { color: #fff; } 
    103 .tabsheet li a:hover { color: #fff48e; } 
    104  
     74        color: #000000; 
     75} 
     76.tabsheet li, .tabsheet li a { 
     77        color: #fff; 
     78} 
     79.tabsheet li a:hover { 
     80        color: #fff48e; 
     81} 
    10582/* backgrounds */ 
    10683BODY { 
    107   background-color: #330033; 
    108 } 
    109  
     84        background-color: #330033; 
     85} 
    11086BODY#theCategoryPage #the_page { 
    11187        background-image: url(images/bk_ground.gif); 
     
    11389        background-attachment: fixed; 
    11490} 
    115  
    11691BODY#thePicturePage #theHeader { 
    11792        background-image: url(images/bk_ground.gif); 
    11893} 
    119  
    120  
    121 H3, #the_page, #imageHeaderBar, #imageToolBar A:hover, .row1  { 
     94H3, #the_page, #imageHeaderBar, #imageToolBar A:hover, .row1 { 
    12295        background-image: url(images/bk_ground.gif); 
    123         } 
    124  
     96} 
    12597#menubar DL, #content, #imageToolBar, .header_notes, .content { 
    126   background-color: #5f5f5f; 
    127 } 
    128  
    129 H2, #menubar DT, .throw  { 
    130   background-image: url(images/tableh1_bg.png); 
    131 } 
    132  
     98        background-color: #5f5f5f; 
     99} 
     100H2, #menubar DT, .throw { 
     101        background-image: url(images/tableh1_bg.png); 
     102} 
    133103#imageHeaderBar H2 { 
    134   background-image: none; 
    135   background-color: transparent; 
    136   border: none; 
    137 } 
    138  
     104        background-image: none; 
     105        background-color: transparent; 
     106        border: none; 
     107} 
    139108#imageHeaderBar { 
    140   background-image: url(images/tableh2_bg.png); 
    141   background-repeat: repeat-x; 
    142   background-position: center; 
    143 } 
    144 .tabsheet li { background-color: #3f3f3f; } 
    145  
    146 .selected_tab { background-color: #5f5f5f !important; } 
    147  
     109        background-image: url(images/tableh2_bg.png); 
     110        background-repeat: repeat-x; 
     111        background-position: center; 
     112} 
     113.tabsheet li { 
     114        background-color: #3f3f3f; 
     115} 
     116.selected_tab { 
     117        background-color: #5f5f5f !important; 
     118} 
    148119/* borders */ 
    149 #menubar DL, #content, .content, 
     120#menubar DL, #content, .content, #comments DIV.comment BLOCKQUOTE { 
     121        border: 1px solid #000000; 
     122} 
     123#imageHeaderBar { 
     124        border-top: 1px solid #000000; 
     125} 
     126H2, #menubar DT, #imageToolBar { 
     127        border-bottom: 1px solid #000000; 
     128} 
     129#theImage IMG { 
     130        border-color: #000000; 
     131} 
     132#content UL.thumbnail IMG { 
     133        border: 1px solid #a0a0a0; 
     134} 
     135FIELDSET, INPUT, SELECT, TEXTAREA, #content DIV.comment A.illustration IMG, #infos, #content DIV.thumbnailCategory { 
     136        border: 1px solid gray; 
     137} 
    150138#comments DIV.comment BLOCKQUOTE { 
    151   border: 1px solid #000000; 
    152 } 
    153  
    154 #imageHeaderBar { 
    155   border-top: 1px solid #000000; 
    156 } 
    157 H2, #menubar DT, #imageToolBar { 
    158   border-bottom: 1px solid #000000; 
    159 } 
    160  
    161 #theImage IMG { 
    162   border-color: #000000; 
    163 } 
    164  
    165 #content UL.thumbnail IMG { 
    166   border: 1px solid #a0a0a0; 
    167 } 
    168  
    169 FIELDSET, INPUT, SELECT, TEXTAREA, 
    170 #content DIV.comment  A.illustration IMG, #infos, 
    171 #content DIV.thumbnailCategory { 
    172   border: 1px solid gray; 
    173 } 
    174  
    175 #comments DIV.comment BLOCKQUOTE { 
    176   border-left: 2px solid #696969; 
    177 } 
    178  
     139        border-left: 2px solid #696969; 
     140} 
    179141#content UL.thumbnails SPAN.wrap2 { 
    180   border: 1px solid #aaaaaa;    /* thumbnails border color and style */ 
    181   -moz-border-radius: 10px;     /* round corners with Geko */ 
    182   border-radius: 10px 10px;     /* round corners with CSS3 compliant browsers */ 
    183   background-image: url(images/tn.jpg); 
    184 } 
    185  
    186 #content UL.thumbnails SPAN.wrap2:hover, 
    187 #content UL.thumbnailCategories DIV.thumbnailCategory:hover, 
    188 #content UL.thumbnailCategories DIV.thumbnailCategory:hover A { 
    189   background-color: #faebd7; 
    190   border-color: yellow;         /* thumbnails border color when mouse cursor is over it */ 
    191   color: black; 
    192   -moz-border-radius: 10px;     /* round corners with Geko */ 
    193   border-radius: 10px 10px;     /* round corners with CSS3 compliant browsers */ 
    194 } 
    195  
    196 ul.tabsheet { border-color: #fff48e; } 
    197 .tabsheet li { border: 1px solid #fff; } 
    198 .tabsheet li:hover { border-color: #fff48e !important; } 
    199  
     142        border: 1px solid #aaaaaa;      /* thumbnails border color and style */ 
     143        -moz-border-radius: 10px;       /* round corners with Geko */ 
     144        border-radius: 10px 10px;       /* round corners with CSS3 compliant browsers */ 
     145        background-image: url(images/tn.jpg); 
     146} 
     147#content UL.thumbnails SPAN.wrap2:hover, #content UL.thumbnailCategories DIV.thumbnailCategory:hover, #content UL.thumbnailCategories DIV.thumbnailCategory:hover A { 
     148        background-color: #faebd7; 
     149        border-color: yellow;           /* thumbnails border color when mouse cursor is over it */ 
     150        color: black; 
     151        -moz-border-radius: 10px;       /* round corners with Geko */ 
     152        border-radius: 10px 10px;       /* round corners with CSS3 compliant browsers */ 
     153} 
     154ul.tabsheet { 
     155        border-color: #fff48e; 
     156} 
     157.tabsheet li { 
     158        border: 1px solid #fff; 
     159} 
     160.tabsheet li:hover { 
     161        border-color: #fff48e !important; 
     162} 
    200163/* links */ 
    201164A, INPUT.rateButton { 
    202   color: #FFFFFF; 
    203 } 
    204  
     165        color: #FFFFFF; 
     166} 
    205167A:hover { 
    206   color: #FFF48E; 
    207 } 
    208  
    209 #imageToolBar A, #imageToolBar A:hover, 
    210 A.navThumb, A.navThumb:hover { 
    211   border-bottom: none; 
    212 } 
    213  
     168        color: #FFF48E; 
     169} 
     170#imageToolBar A, #imageToolBar A:hover, A.navThumb, A.navThumb:hover { 
     171        border-bottom: none; 
     172} 
    214173#theHeader A { 
    215174        text-decoration: none; 
     
    221180        list-style-position: outside; 
    222181        list-style-type:circle; 
    223          
    224182} 
    225183.thumbnailCategories blockquote OL LI { 
    226184        list-style-position: outside; 
    227         list-style-type: decimal;        
    228 } 
    229  
     185        list-style-type: decimal; 
     186} 
    230187.pleaseNote { 
    231   background: #9c9c9c; 
    232   color: #ffff99; 
    233   padding: 1ex; 
    234   font-weight: bold; 
     188        background: #9c9c9c; 
     189        color: #ffff99; 
     190        padding: 1ex; 
     191        font-weight: bold; 
    235192} 
    236193#the_page { 
    237   border: 1px solid #e0e0e0; 
    238   padding-top: 5px; 
    239   padding-bottom:30px; 
    240   display:block; 
     194        border: 1px solid #e0e0e0; 
     195        padding-top: 5px; 
     196        padding-bottom:30px; 
     197        display:block; 
    241198} 
    242199.pwg-icon { 
    243200        background-image: url(../default/s26/outline_ffffff.png); 
    244201} 
    245  
    246202A:hover .pwg-icon { 
    247203        background-image: url(../default/s26/outline_ffff80.png); 
    248204} 
    249205/*calendar elements*/ 
    250 SPAN.calItemEmpty { color: silver; } 
    251  
    252 SPAN.calItem, SPAN.calItemEmpty 
    253 { 
    254   border: 1px solid gray; 
    255 } 
    256  
     206SPAN.calItemEmpty { 
     207        color: silver; 
     208} 
     209SPAN.calItem, SPAN.calItemEmpty { 
     210        border: 1px solid gray; 
     211} 
    257212/* nice looking month calendar*/ 
    258 TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;} 
    259  
    260 TD.calDayCellEmpty { color: silver; } 
    261  
    262 .calBackDate { color: #000; } 
    263 .calForeDate { color: #fff; } 
    264 .virtual_cat { background: #3f3f3f !important; } 
    265 .qsearch { font-size: 80%; font-style: normal; } 
    266 #mbMenu #quicksearch > p { text-align: left; } 
     213TD.calDayCellEmpty, TD.calDayCellFull { 
     214        border: 1px solid gray; 
     215} 
     216TD.calDayCellEmpty { 
     217        color: silver; 
     218} 
     219.calBackDate { 
     220        color: #000; 
     221} 
     222.calForeDate { 
     223        color: #fff; 
     224} 
     225.virtual_cat { 
     226        background: #3f3f3f !important; 
     227} 
     228.qsearch { 
     229        font-size: 80%; 
     230        font-style: normal; 
     231} 
     232#mbMenu #quicksearch > p { 
     233        text-align: left; 
     234} 
Note: See TracChangeset for help on using the changeset viewer.