Changeset 359:f8482768790a for themes/ductile/style.css
- Timestamp:
- 06/13/11 18:44:35 (14 years ago)
- Branch:
- themes
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
themes/ductile/style.css
r355 r359 26 26 Titres: #909090 27 27 Fond formulaire comm: #eef 28 29 Thanks to: 30 Colorzilla wysiwyg gradient editor http://www.colorzilla.com/gradient-editor/ 28 31 */ 29 32 … … 63 66 } 64 67 a:hover, a:focus { 65 background-color: #e ee;68 background-color: #ebebee; 66 69 text-decoration: none; 67 70 } … … 78 81 4. HAUT DE PAGE 79 82 ------------------------------------------------------------- */ 80 83 #header { 84 text-shadow: 0 1px 1px rgba(0,0,0,.2); 85 line-height: 1; 86 } 81 87 h1 { 82 88 font-variant: small-caps; 83 line-height: 1;84 89 } 85 90 h1 a { 86 91 text-decoration: none; 87 display: inline-block;88 92 } 89 93 #prelude { … … 94 98 color: #fff; 95 99 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; 102 117 } 103 118 #blogdesc { 104 margin: -8px 0 0 68px; 119 margin: 0; 120 padding-left: 32px; 105 121 font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif; 106 122 font-style: italic; 107 123 color: #909090; 124 text-shadow: none; 108 125 } 109 126 #supranav { 110 margin: 24px 0 0; 111 padding: 0; 127 padding: 0 0 0 2px; 112 128 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; 117 131 } 118 132 #supranav li { 119 133 font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif; 120 134 text-transform: uppercase; 121 display: inline;135 vertical-align: top; 122 136 } 123 137 #supranav li a { 124 display: inline-block;125 margin-bottom: 2px;126 138 text-decoration: none; 127 padding: 4px 2em;128 139 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; 130 159 } 131 160 … … 171 200 font-size: .875em; 172 201 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%); 176 210 -moz-border-radius: 4px; 177 211 -webkit-border-radius: 4px; … … 202 236 font-weight: normal; 203 237 margin-bottom: .33em; 204 color: # 686867;238 color: #000; 205 239 line-height: 1.17; 206 240 } … … 427 461 -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); 428 462 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 ); 429 470 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');434 471 } 435 472 #comment-form input[type=submit]:hover, #comment-form input[type=submit]:focus, 436 473 #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%); 441 483 text-decoration: none; 442 484 } … … 529 571 #search #q { 530 572 float: left; 531 width: 80%;573 width: 78%; 532 574 } 533 575 #search #q:focus { … … 556 598 } 557 599 #footer p { 558 padding: .66em ;600 padding: .66em 2em; 559 601 margin: 0; 560 602 text-align: right; 603 font-size: .875em; 604 font-family: "Franklin gothic medium","arial narrow","DejaVu Sans Condensed","helvetica neue",helvetica,sans-serif; 561 605 } 562 606 #footer a {
Note: See TracChangeset
for help on using the changeset viewer.