Dotclear


Ignore:
Timestamp:
06/13/11 18:44:35 (14 years ago)
Author:
kozlika
Branch:
themes
Message:

Ductile, jour 4, HTML and CSS for #footer and #header done.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • themes/ductile/style.css

    r355 r359  
    2626Titres: #909090 
    2727Fond formulaire comm: #eef 
     28 
     29Thanks to: 
     30Colorzilla wysiwyg gradient editor http://www.colorzilla.com/gradient-editor/ 
    2831*/ 
    2932 
     
    6366     } 
    6467a:hover, a:focus { 
    65      background-color: #eee; 
     68     background-color: #ebebee; 
    6669     text-decoration: none; 
    6770     } 
     
    7881     4. HAUT DE PAGE 
    7982------------------------------------------------------------- */ 
    80  
     83#header { 
     84     text-shadow: 0 1px 1px rgba(0,0,0,.2); 
     85     line-height: 1; 
     86     } 
    8187h1 { 
    8288     font-variant: small-caps; 
    83      line-height: 1; 
    8489     } 
    8590h1 a { 
    8691     text-decoration: none; 
    87      display: inline-block; 
    8892     } 
    8993#prelude { 
     
    9498     color: #fff; 
    9599     font-size: .875em; 
    96      } 
    97 #prelude a { 
    98      color: #fff; 
    99      } 
    100 #prelude a:focus { 
    101      color: #666; 
     100     list-style-type: none; 
     101     } 
     102#prelude li { 
     103     display: inline; 
     104     } 
     105#prelude a, #prelude a:hover, #prelude a:visited { 
     106     position:absolute; 
     107     left:0px; 
     108     top:-500px; 
     109     width:1px; 
     110     height:1px; 
     111     overflow:hidden; 
     112     } 
     113#prelude a:active, #prelude a:focus { 
     114     position:static; 
     115     width:auto; 
     116     height:auto; 
    102117     } 
    103118#blogdesc { 
    104      margin: -8px 0 0 68px; 
     119     margin: 0; 
     120     padding-left: 32px; 
    105121     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif; 
    106122     font-style: italic; 
    107123     color: #909090; 
     124     text-shadow: none; 
    108125     } 
    109126#supranav { 
    110      margin: 24px 0 0; 
    111      padding: 0; 
     127     padding: 0 0 0 2px; 
    112128     list-style-type: none; 
    113      padding: 4px 4px 2px 4px; 
    114      font-size: .875em; 
    115      border-top: 1px solid #ddd; 
    116      border-bottom: 1px solid #ddd; 
     129     line-height: 1.25; 
     130     font-size: .875em; 
    117131     } 
    118132#supranav li { 
    119133     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif; 
    120134     text-transform: uppercase; 
    121      display: inline; 
     135     vertical-align: top; 
    122136     } 
    123137#supranav li a { 
    124      display: inline-block; 
    125      margin-bottom: 2px; 
    126138     text-decoration: none; 
    127      padding: 4px 2em; 
    128139     white-space: nowrap; 
    129      background-color: #F3F2E9; 
     140     margin-bottom: 4px; 
     141     -webkit-border-bottom-left-radius: 7px; 
     142     -moz-border-radius-bottomleft: 7px; 
     143     border-bottom-left-radius: 7px;     
     144     background: transparent url(img/menu.png) no-repeat right top; 
     145 } 
     146#supranav li a:hover, #supranav li a:active, #supranav li a:focus { 
     147     background-color: #ebebee; 
     148     background-position: right -150px; 
     149     } 
     150#supranav li.active a { 
     151     background-position: right -150px; 
     152     } 
     153#supranav li a span { 
     154     display: block; 
     155     text-transform: none; 
     156     text-shadow: none; 
     157     font-family: georgia; 
     158     font-style:italic; 
    130159     } 
    131160 
     
    171200     font-size: .875em; 
    172201     color: #000; 
    173      background: #f4f4f5; 
    174      background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f5), to(#d7d7dC)); 
    175      background: -moz-linear-gradient(top,  #f4f4f5,  #d7d7dC); 
     202     background: rgb(244,244,245); 
     203     background: -moz-linear-gradient(top, rgba(244,244,245,1) 0%, rgba(215,215,220,1) 100%); 
     204     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,244,245,1)), color-stop(100%,rgba(215,215,220,1))); 
     205     background: -webkit-linear-gradient(top, rgba(244,244,245,1) 0%,rgba(215,215,220,1) 100%); 
     206     background: -o-linear-gradient(top, rgba(244,244,245,1) 0%,rgba(215,215,220,1) 100%); 
     207     background: -ms-linear-gradient(top, rgba(244,244,245,1) 0%,rgba(215,215,220,1) 100%); 
     208     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f5', endColorstr='#d7d7dc',GradientType=0 ); 
     209     background: linear-gradient(top, rgba(244,244,245,1) 0%,rgba(215,215,220,1) 100%); 
    176210     -moz-border-radius: 4px; 
    177211     -webkit-border-radius: 4px; 
     
    202236     font-weight: normal; 
    203237     margin-bottom: .33em; 
    204      color: #686867; 
     238     color: #000; 
    205239     line-height: 1.17; 
    206240     } 
     
    427461     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 
    428462     box-shadow: 0 1px 2px rgba(0,0,0,.2); 
     463     background: rgb(119,119,119); 
     464     background: -moz-linear-gradient(top, rgba(119,119,119,1) 0%, rgba(85,85,85,1) 100%); 
     465     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,119,119,1)), color-stop(100%,rgba(85,85,85,1))); 
     466     background: -webkit-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%); 
     467     background: -o-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%); 
     468     background: -ms-linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%); 
     469     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#555555',GradientType=0 ); 
    429470     color: #eee; 
    430      background: #555; 
    431      background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#555)); 
    432      background: -moz-linear-gradient(top, #777, #555); 
    433      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#555555');  
    434471     } 
    435472#comment-form input[type=submit]:hover, #comment-form input[type=submit]:focus, 
    436473#comment-form input[type=reset]:hover, #comment-form input[type=reset]:focus { 
    437      background: #777; 
    438      background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#777)); 
    439      background: -moz-linear-gradient(top, #555, #777); 
    440      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#777777'); 
     474     background: linear-gradient(top, rgba(119,119,119,1) 0%,rgba(85,85,85,1) 100%); 
     475     background: rgb(85,85,85); 
     476     background: -moz-linear-gradient(top, rgba(85,85,85,1) 0%, rgba(119,119,119,1) 100%); 
     477     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(85,85,85,1)), color-stop(100%,rgba(119,119,119,1))); 
     478     background: -webkit-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%); 
     479     background: -o-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%); 
     480     background: -ms-linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%); 
     481     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#777777',GradientType=0 ); 
     482     background: linear-gradient(top, rgba(85,85,85,1) 0%,rgba(119,119,119,1) 100%); 
    441483     text-decoration: none; 
    442484     } 
     
    529571#search #q { 
    530572     float: left; 
    531      width: 80%; 
     573     width: 78%; 
    532574     } 
    533575#search #q:focus { 
     
    556598     } 
    557599#footer p { 
    558      padding: .66em; 
     600     padding: .66em 2em; 
    559601     margin: 0; 
    560602     text-align: right; 
     603     font-size: .875em; 
     604     font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif; 
    561605     } 
    562606#footer a { 
Note: See TracChangeset for help on using the changeset viewer.

Sites map