Ignore:
Timestamp:
Apr 4, 2011, 2:42:15 PM (13 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.