Changeset 10201 for extensions/floPure


Ignore:
Timestamp:
04/09/11 18:05:40 (9 years ago)
Author:
flop25
Message:

style épuré

File:
1 edited

Legend:

Unmodified
Added
Removed
  • extensions/floPure/Pure_grey/theme.css

    r6863 r10201  
    11/* flop25 $ */ 
    22/* text color */ 
    3 BODY, H1, H3, DT, 
    4 INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 
    5   color:#e0e0e0; 
    6 } 
    7  
     3BODY, H1, H3, DT, INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { 
     4        color:#e0e0e0; 
     5} 
    86H2, #menubar DT, .throw { 
    97        color: #FFFFFF; 
    108} 
    11  
    129#content .navigationBar { 
    13   color: #aaaaaa; 
     10        color: #aaaaaa; 
    1411} 
    1512#content .pageNumberSelected, #comments DIV.comment BLOCKQUOTE { 
    16   color: #000000; 
    17 } 
    18  
    19 .tabsheet li, 
    20 .tabsheet li a { color: #fff; } 
    21 .tabsheet li a:hover { color: #fff48e; } 
    22  
     13        color: #000000; 
     14} 
     15.tabsheet li, .tabsheet li a { 
     16        color: #fff; 
     17} 
     18.tabsheet li a:hover { 
     19        color: #fff48e; 
     20} 
    2321/* positionnement */ 
    2422#menubar DL, #menubar DT, #the_page, BODY { 
     
    2624        padding: 0px; 
    2725} 
    28  
    2926#content { 
    30 margin-top:0; 
     27        margin-top:0; 
    3128} 
    3229/* backgrounds */ 
    3330BODY, H3, .throw, #content { 
    34   background-color: #414141; 
    35 } 
    36  
     31        background-color: #414141; 
     32} 
    3733H2, #imageHeaderBar, #imageToolBar A:hover, .row1 { 
    38 background-color: #676767 
    39 } 
    40  
     34        background-color: #676767 
     35} 
    4136#imageToolBar, #admin_content { 
    42   background-color: #676767; 
    43 } 
    44 .header_notes, .content,  #autre_content { 
    45   background-color: #676767; 
    46 } 
    47  
     37        background-color: #676767; 
     38} 
     39.header_notes, .content, #autre_content { 
     40        background-color: #676767; 
     41} 
    4842#theHeader { 
    4943        background-color:#282828; 
     
    5246} 
    5347.categoryActions { 
    54         background-image: url(images/bouton.jpg); 
     48        /*      background-image: url(images/bouton.jpg);*/ 
    5549        background-repeat:repeat-x; 
    5650        background-position:center; 
    5751} 
    58 #imageToolBar, H2 { 
     52H2 { 
     53        /*      background-image: url(images/boutonh.jpg); */ 
     54        background-repeat:repeat-x; 
     55        background-position:center; 
     56} 
     57#imageToolBar { 
    5958        background-image: url(images/boutonh.jpg); 
    6059        background-repeat:repeat-x; 
     
    6362/*--------menu--------------*/ 
    6463#table_content, .table_menu, #table_mbLinks, #table_mbCategories, #table_mbTags, #table_mbSpecials, #table_mbMenu, #table_mbIdentification { 
    65 width:100%; 
    66 border:0; 
    67 padding:0; 
    68 margin:0; 
    69 } 
    70  
     64        width:100%; 
     65        border:0; 
     66        padding:0; 
     67        margin:0; 
     68} 
    7169/* backgrounds menu */ 
    7270 
    73 .blocmenu_up_right, #section_up_right{ 
     71.blocmenu_up_right, #section_up_right { 
    7472        background-image: url(images/c2_haut_droit.jpg); 
    7573        background-position:bottom; 
    7674        background-repeat:no-repeat; 
    7775        width:15px; 
    78          height:32px; 
    79 } 
    80 .blocmenu_up_left, #section_up_left{ 
     76        height:32px; 
     77} 
     78.blocmenu_up_left, #section_up_left { 
    8179        background-image: url(images/c2_haut_gauche.jpg); 
    8280        background-position:bottom; 
    8381        background-repeat:no-repeat; 
    8482        width:15px; 
    85          height:32px; 
    86 } 
    87 .blocmenu_up, #section_up{ 
    88  background-image: url(images/c2_haut_milieu.jpg); 
    89  background-position:bottom; 
    90  background-repeat:repeat-x; 
    91          height:32px; 
    92 } 
    93  
    94 .blocmenu_in, #section_in{ 
     83        height:32px; 
     84} 
     85.blocmenu_up, #section_up { 
     86        background-image: url(images/c2_haut_milieu.jpg); 
     87        background-position:bottom; 
     88        background-repeat:repeat-x; 
     89        height:32px; 
     90} 
     91.blocmenu_in, #section_in { 
    9592        background-color:#676767; 
    9693} 
    97 .blocmenu_left, #section_left{ 
    98  background-image: url(images/c2_milieu_gauche.jpg); 
    99  background-position:right; 
    100  background-repeat:repeat-y; 
    101         width:15px; 
    102 } 
    103 .blocmenu_right, #section_right{ 
    104  background-image: url(images/c2_milieu_droit.jpg); 
    105  background-position:left; 
    106  background-repeat:repeat-y; 
    107         width:15px; 
    108 } 
    109 .blocmenu_bottom_right, #section_bottom_right{ 
    110  background-image: url(images/c2_bas_droit.jpg); 
    111  background-position:top; 
    112  background-repeat:no-repeat; 
    113  width:15px; 
    114  height:15px; 
    115 } 
    116 .blocmenu_bottom_left, #section_bottom_left{ 
    117  background-image: url(images/c2_bas_gauche.jpg); 
    118  background-position:top; 
    119  background-repeat:no-repeat; 
    120  width:15px; 
    121  height:15px; 
    122 } 
    123 .blocmenu_bottom, #section_bottom{ 
    124  background-image: url(images/c2_bas_milieu.jpg); 
    125  background-position:top; 
    126  background-repeat:repeat-x; 
    127   height:15px; 
     94.blocmenu_left, #section_left { 
     95        background-image: url(images/c2_milieu_gauche.jpg); 
     96        background-position:right; 
     97        background-repeat:repeat-y; 
     98        width:15px; 
     99} 
     100.blocmenu_right, #section_right { 
     101        background-image: url(images/c2_milieu_droit.jpg); 
     102        background-position:left; 
     103        background-repeat:repeat-y; 
     104        width:15px; 
     105} 
     106.blocmenu_bottom_right, #section_bottom_right { 
     107        background-image: url(images/c2_bas_droit.jpg); 
     108        background-position:top; 
     109        background-repeat:no-repeat; 
     110        width:15px; 
     111        height:15px; 
     112} 
     113.blocmenu_bottom_left, #section_bottom_left { 
     114        background-image: url(images/c2_bas_gauche.jpg); 
     115        background-position:top; 
     116        background-repeat:no-repeat; 
     117        width:15px; 
     118        height:15px; 
     119} 
     120.blocmenu_bottom, #section_bottom { 
     121        background-image: url(images/c2_bas_milieu.jpg); 
     122        background-position:top; 
     123        background-repeat:repeat-x; 
     124        height:15px; 
    128125} 
    129126/* borders */ 
     
    131128#imageToolBar, */ 
    132129#comments DIV.comment BLOCKQUOTE { 
    133   border: 1px solid #d3d3d3; 
    134 } 
    135  
     130        border: 1px solid #d3d3d3; 
     131} 
    136132#theImage IMG { 
    137   border-color: #d3d3d3; 
    138 } 
    139  
     133        border-color: #d3d3d3; 
     134} 
    140135#content UL.thumbnail IMG { 
    141     border: 1px solid #a0a0a0; 
    142 } 
    143  
    144 FIELDSET, INPUT, SELECT, TEXTAREA, 
    145 #content DIV.comment  A.illustration IMG, #infos, 
    146 #content DIV.thumbnailCategory { 
    147   border: 1px solid gray; 
    148 } 
    149  
     136        border: 1px solid #a0a0a0; 
     137} 
     138FIELDSET, INPUT, SELECT, TEXTAREA, #content DIV.comment A.illustration IMG, #infos, #content DIV.thumbnailCategory { 
     139        border: 1px solid gray; 
     140} 
    150141#comments DIV.comment BLOCKQUOTE { 
    151   border-left: 2px solid #696969; 
    152   background-color: #eee; 
    153 } 
    154  
     142        border-left: 2px solid #696969; 
     143        background-color: #eee; 
     144} 
    155145#content UL.thumbnails SPAN.wrap2 { 
    156   border: 1px solid #aaaaaa;    /* thumbnails border color and style */ 
    157   border-radius: 4px 4px;       /* round corners with CSS3 compliant browsers */ 
    158 } 
    159  
    160 #content UL.thumbnails SPAN.wrap2:hover, 
    161 #content UL.thumbnailCategories DIV.thumbnailCategory:hover, 
    162 #content UL.thumbnailCategories DIV.thumbnailCategory:hover A { 
     146        border: 1px solid #aaaaaa;      /* thumbnails border color and style */ 
     147        border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ 
     148} 
     149#content UL.thumbnails SPAN.wrap2:hover, #content UL.thumbnailCategories DIV.thumbnailCategory:hover, #content UL.thumbnailCategories DIV.thumbnailCategory:hover A { 
    163150        background-color: #90949a; 
    164151        border-color: #76717B;          /* thumbnails border color when mouse cursor is over it */ 
    165152        color: black; 
    166153} 
    167  
    168 ul.tabsheet { border-color: #fff48e; } 
    169 .tabsheet li { border: 1px solid #fff; } 
    170 .tabsheet li:hover { border-color: #fff48e !important; } 
    171  
    172  
     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} 
    173163/* links */ 
    174164A, INPUT.rateButton { 
    175   color: #FFFFFF; 
    176 } 
    177  
     165        color: #FFFFFF; 
     166} 
    178167A:hover { 
    179   color: #CCCCCC; 
    180 } 
    181  
    182 #imageToolBar A, #imageToolBar A:hover, 
    183 A.navThumb, A.navThumb:hover { 
    184   border-bottom: none; 
    185 } 
    186  
     168        color: #CCCCCC; 
     169} 
     170#imageToolBar A, #imageToolBar A:hover, A.navThumb, A.navThumb:hover { 
     171        border-bottom: none; 
     172} 
    187173/* others */ 
    188174.pleaseNote { 
    189   background: #9c9c9c; 
    190   color: #CCCCCC; 
    191   padding: 1ex; 
    192   font-weight: bold; 
     175        background: #9c9c9c; 
     176        color: #CCCCCC; 
     177        padding: 1ex; 
     178        font-weight: bold; 
    193179} 
    194180#the_page { 
    195   border: 1px solid #e0e0e0; 
    196   padding-bottom:30px; 
    197 /*  text-align:center; */ 
     181        border: 1px solid #e0e0e0; 
     182        padding-bottom:30px; 
     183        /*  text-align:center; */ 
    198184  display:block; 
    199185} 
    200186#content { 
    201   padding-right:5px; 
     187        padding-right:5px; 
    202188} 
    203189/*calendar elements*/ 
    204 SPAN.calItemEmpty { color: silver; } 
    205  
    206 SPAN.calItem, SPAN.calItemEmpty 
    207 { 
    208   border: 1px solid silver; 
    209 } 
    210  
     190SPAN.calItemEmpty { 
     191        color: silver; 
     192} 
     193SPAN.calItem, SPAN.calItemEmpty { 
     194        border: 1px solid silver; 
     195} 
    211196/* nice looking month calendar*/ 
    212 TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid #7E7262;} 
    213  
    214 TD.calDayCellEmpty { color: silver; } 
    215  
    216 .calBackDate { color: #000; } 
    217 .calForeDate { color: #fff; } 
    218 .virtual_cat { background: #fff !important; } 
    219 .qsearch { font-size: 80%; font-style: normal; } 
    220 #mbMenu #quicksearch > p { text-align: left; } 
     197TD.calDayCellEmpty, TD.calDayCellFull { 
     198        border: 1px solid #7E7262; 
     199} 
     200TD.calDayCellEmpty { 
     201        color: silver; 
     202} 
     203.calBackDate { 
     204        color: #000; 
     205} 
     206.calForeDate { 
     207        color: #fff; 
     208} 
     209.virtual_cat { 
     210        background: #fff !important; 
     211} 
     212.qsearch { 
     213        font-size: 80%; 
     214        font-style: normal; 
     215} 
     216#mbMenu #quicksearch > p { 
     217        text-align: left; 
     218} 
    221219#qsearchInput { 
    222220        color: #000; 
     
    225223        color: #000; 
    226224} 
    227 .tabsheet li, 
    228 .tabsheet li a { color: #FFFFFF;} 
    229 .tabsheet li a:hover { color: #484848; } 
    230 .tabsheet li { background-color: #807d76; } 
    231 .selected_tab { background-color: #9e9c96!important; } 
    232 ul.tabsheet { border-color: #807d76; } 
    233 .tabsheet li { border: 1px solid #696969; } 
    234 .tabsheet li:hover { border-color: #484848 !important; } 
     225.tabsheet li, .tabsheet li a { 
     226        color: #FFFFFF; 
     227} 
     228.tabsheet li a:hover { 
     229        color: #484848; 
     230} 
     231.tabsheet li { 
     232        background-color: #807d76; 
     233} 
     234.selected_tab { 
     235        background-color: #9e9c96!important; 
     236} 
     237ul.tabsheet { 
     238        border-color: #807d76; 
     239} 
     240.tabsheet li { 
     241        border: 1px solid #696969; 
     242} 
     243.tabsheet li:hover { 
     244        border-color: #484848 !important; 
     245} 
Note: See TracChangeset for help on using the changeset viewer.