Changeset 10201


Ignore:
Timestamp:
Apr 9, 2011, 6:05:40 PM (13 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.