slitaz-forge annotate tank/web/slitaz.css @ rev 388

tank: add up-bugs to up bugs interface on Tank
author Christophe Lincoln <pankso@slitaz.org>
date Tue Jan 07 15:46:20 2014 +0100 (2014-01-07)
parents d31df0170214
children 8ae65a4e430a
rev   line source
slaxemulator@12 1 /*
pascal@384 2 CSS style for SliTaz Network - (C) 2014 SliTaz GNU/Linux
slaxemulator@12 3 */
slaxemulator@12 4
slaxemulator@12 5 html {
slaxemulator@12 6 min-height: 102%;
slaxemulator@12 7 }
slaxemulator@12 8
slaxemulator@12 9 body {
slaxemulator@12 10 background: #ffffff;
slaxemulator@12 11 color: black;
slaxemulator@12 12 font: 13px sans-serif, vernada, arial;
slaxemulator@12 13 margin: 0;
pankso@40 14 min-width: 900px;
slaxemulator@12 15 }
slaxemulator@12 16
pankso@40 17 a { text-decoration: underline; color: #215090; }
pankso@40 18 a:hover { text-decoration: none; color: blue; }
pankso@40 19 img { border: 0pt none; vertical-align: middle; }
pankso@40 20 h2 { color: #444; }
pankso@40 21 h3 { color: #666; font-size: 140%; }
pankso@40 22 h4 { color: #888; font-size: 120%; }
pankso@40 23 pre {
pankso@40 24 background-color: #f8f8f8;
pankso@40 25 border: 1px solid #ddd;
pankso@40 26 padding: 10px;
slaxemulator@12 27 }
slaxemulator@12 28
pankso@40 29 /* Header */
pankso@40 30
pankso@40 31 #header {
pankso@40 32 height: 40px;
pankso@40 33 background: #351a0a;
pankso@40 34 }
pankso@40 35
pankso@40 36 #header h1 {
pankso@40 37 margin: 0;
pankso@40 38 padding: 8px 0 0 42px;
pankso@40 39 width: 250px;
pankso@40 40 }
pankso@40 41
pankso@40 42 #header h1 a {
pankso@40 43 color: white;
pankso@40 44 text-decoration: none;
pankso@40 45 font-size: 20px;
pankso@40 46 font-style: italic;
pankso@40 47 }
pankso@40 48
pankso@251 49 #header h1 a:hover {
pankso@40 50 color: #d66018;
pankso@40 51 }
pankso@40 52
pankso@40 53 /* Logo */
pankso@40 54
pankso@40 55 #logo {
pankso@40 56 background: url(images/logo.png) no-repeat left;
pankso@40 57 position: absolute;
pankso@40 58 float: left;
pankso@40 59 left: 0px;
pankso@40 60 top: 0px;
pankso@40 61 width: 40px;
pankso@40 62 height: 40px;
pankso@40 63 }
pankso@40 64
pankso@40 65 /* SliTaz Network */
pankso@40 66
pankso@40 67 #network {
pankso@40 68 float: right;
pankso@251 69 padding: 12px 5px 0;
pankso@40 70 font-size: 12px;
pankso@40 71 }
pankso@40 72
pankso@40 73 #network a { padding: 0 6px; }
pankso@251 74 #network a:hover { color: #cfcfcf; }
pankso@40 75
pankso@40 76 /* Block */
pankso@40 77
pankso@40 78 #block {
pankso@40 79 min-height: 200px;
pankso@40 80 background: #d66018;
pankso@40 81 padding: 26px 10% 0px;
pankso@40 82 text-align: center;
pankso@40 83 color: #333;
pankso@40 84 border-bottom: 1px solid #f5f5f5;
pankso@40 85 }
pankso@40 86
pankso@40 87 #block_info {
pankso@40 88 text-align: justify;
pankso@40 89 width: 48%;
pankso@40 90 padding: 10px 10px 0 0;
pankso@40 91 }
pankso@40 92
pankso@40 93 #block a, #network a {
pankso@40 94 color: #fff;
pankso@40 95 font-weight: bold;
slaxemulator@12 96 text-decoration: none;
slaxemulator@12 97 }
slaxemulator@12 98
pankso@40 99 #block h4 {
pankso@40 100 color: #351a0a;
pankso@40 101 margin: 0px;
pankso@40 102 font-weight: bold;
pankso@40 103 font-size: 110%;
slaxemulator@12 104 }
slaxemulator@12 105
pankso@40 106 #block_info p { margin: 6px 0; padding: 0 12px 0 0; }
pankso@40 107 #block_info a { font-weight: normal; }
pankso@40 108 #block ul { list-style-type: square; }
pankso@40 109 #block a:hover { color: #351a0a; }
pankso@40 110
pankso@40 111 /* Navigation */
pankso@40 112
pankso@40 113 #block_nav {
pankso@40 114 background: #cc5b17;
pankso@40 115 padding: 10px 10px 40px;
pankso@40 116 text-align: justify;
pankso@40 117 width: 48%;
pankso@40 118 float: right;
slaxemulator@12 119 }
slaxemulator@12 120
pankso@40 121 #block_nav ul {
pankso@40 122 list-style-type: none;
pankso@40 123 margin: 6px 0;
pankso@40 124 padding: 0;
slaxemulator@12 125 }
slaxemulator@12 126
pankso@40 127 #block_nav h4 img {
pankso@40 128 margin: 0 4px 0 0;
pankso@40 129 padding: 0;
slaxemulator@12 130 }
slaxemulator@12 131
pankso@40 132 /* Languages */
pankso@40 133
pankso@40 134 #lang {
pankso@40 135 float: right;
pankso@40 136 padding: 6px;
pankso@40 137 font-size: 11px;
slaxemulator@12 138 }
slaxemulator@12 139
pankso@40 140 #lang a {
pankso@40 141 text-decoration: none;
pankso@40 142 padding: 0 2px;
slaxemulator@12 143 }
slaxemulator@12 144
pankso@40 145 #lang a:hover {
slaxemulator@12 146 text-decoration: underline;
slaxemulator@12 147 }
slaxemulator@12 148
pankso@40 149 /* Content */
slaxemulator@12 150
slaxemulator@12 151 #content {
pankso@40 152 padding: 30px 80px;
slaxemulator@12 153 text-align: justify;
slaxemulator@12 154 }
slaxemulator@12 155
slaxemulator@12 156 #news li {
slaxemulator@12 157 list-style-type: square;
slaxemulator@12 158 border-bottom: 1px dotted #BEBEBE;
slaxemulator@12 159 margin-left: -25px;
slaxemulator@12 160 padding: 4px 0px 4px 0px;
slaxemulator@12 161 }
slaxemulator@12 162
pankso@40 163 #news a, .feed-grid a { text-decoration: none; }
pankso@40 164 #news p a { text-decoration: underline; }
pankso@40 165 #news p a:hover { text-decoration: none; }
pankso@40 166 #twitter { margin: 20px 0; }
pankso@40 167 #gallery { text-align: center; }
pankso@40 168
pankso@40 169 /* Classes */
pankso@40 170
pankso@40 171 .right_box { width: 48%; float: right; }
pankso@40 172 .left_box { width: 48%; float: left; }
pankso@40 173
pankso@40 174 .box {
pankso@40 175 margin: 20px 60px;
pankso@40 176 padding: 12px;
pankso@40 177 background: #efefef;
pankso@40 178 border: 1px solid #ddd;
slaxemulator@12 179 }
slaxemulator@12 180
pankso@40 181 .searchbox {
pankso@40 182 margin: 20px 80px;
pankso@40 183 padding: 12px;
pankso@40 184 background: #f8f8f8;
slaxemulator@12 185 text-align: center;
pankso@40 186 border: 1px solid #ddd;
slaxemulator@12 187 }
slaxemulator@12 188
pankso@40 189 .feed-grid { height: 180px; overflow: hidden; text-align: left; }
pankso@40 190 .feed-grid h3 {
pankso@40 191 margin: 15px 0 0; font-size: 16px;
pankso@40 192 padding: 0 22px;
pankso@40 193 background: url(images/feed.png) no-repeat left; }
pankso@40 194 .feed-grid span { font-size: 10px; color: #888; margin-left: 24px; }
pankso@40 195 .feed-grid ul { color: #666; }
pankso@40 196 .feed-grid a { color: #666; }
pankso@40 197 .feed-grid a:hover { color: blue; }
slaxemulator@12 198
pankso@40 199 /* Button */
pankso@40 200
pankso@40 201 .button a {
pankso@40 202 background-color: #b64b22;
pankso@40 203 color: #ffffff;
pankso@40 204 margin-right: 6px;
pankso@40 205 padding: 6px 10px;
pankso@40 206 font-size: 12px;
pankso@40 207 text-decoration: none;
pankso@40 208 font-weight: bold;
pankso@40 209 }
pankso@40 210 .button a:hover, input[type=submit]:hover {
pankso@40 211 background-color: #a3431f;
pankso@40 212 color: #ffffff;
slaxemulator@12 213 }
slaxemulator@12 214
pankso@40 215 /* Round corner */
slaxemulator@12 216
pankso@40 217 #block_nav, pre, .box, .searchbox, .button a, #twitter {
pankso@40 218 -moz-border-radius: 4px;
pankso@40 219 -webkit-border-radius: 4px;
pankso@40 220 border-radius: 4px;
slaxemulator@12 221 }
slaxemulator@12 222
pankso@40 223 /* Transition */
slaxemulator@12 224
pankso@40 225 .box {
slaxemulator@12 226 -webkit-transition-property: background-color;
slaxemulator@12 227 -webkit-transition-duration: 2s;
slaxemulator@12 228 -moz-transition-property: background-color;
slaxemulator@12 229 -moz-transition-duration: 2s;
slaxemulator@12 230 transition-property: background-color;
slaxemulator@12 231 transition-duration: 2s;
slaxemulator@12 232 }
slaxemulator@12 233
pankso@40 234 /* Form */
slaxemulator@12 235
slaxemulator@12 236 input[type=submit] {
slaxemulator@12 237 border: 1px solid #b64b22;
slaxemulator@12 238 background-color: #b64b22;
slaxemulator@12 239 color: white;
slaxemulator@12 240 font-weight: bold;
slaxemulator@12 241 cursor: pointer;
pankso@40 242 padding: 4px 10px;
slaxemulator@12 243 font-size: 14px;
pankso@40 244 margin-left: -5px;
pankso@40 245 -webkit-border-top-right-radius: 4px;
pankso@40 246 -webkit-border-bottom-right-radius: 4px;
pankso@40 247 -moz-border-radius-topright: 4px;
pankso@40 248 -moz-border-radius-bottomright: 4px;
pankso@40 249 border-top-right-radius: 4px;
pankso@40 250 border-bottom-right-radius: 4px;
slaxemulator@12 251 }
slaxemulator@12 252
pankso@40 253 input[type=submit]:hover { background-color: #a3431f; }
pankso@40 254
slaxemulator@12 255 input[type=text] {
slaxemulator@12 256 border: 1px solid #333333;
pankso@40 257 padding: 4px;
pankso@40 258 height: 17px;
slaxemulator@12 259 width: 100%;
pankso@40 260 -webkit-border-top-left-radius: 4px;
pankso@40 261 -webkit-border-bottom-left-radius: 4px;
pankso@40 262 -moz-border-radius-topleft: 4px;
pankso@40 263 -moz-border-radius-bottomleft: 4px;
pankso@40 264 border-top-left-radius: 4px;
pankso@40 265 border-bottom-left-radius: 4px;
slaxemulator@12 266 }
slaxemulator@12 267
pankso@40 268 /* Footer */
slaxemulator@12 269
pankso@40 270 #footer {
pankso@40 271 background: #f1f1f1;
slaxemulator@12 272 text-align: center;
pankso@40 273 border-top: 1px solid #ddd;
pankso@40 274 padding: 40px;
pankso@40 275 color: #666;
slaxemulator@12 276 }
slaxemulator@12 277
pankso@40 278 #footer a { color: #666; padding: 0 2px; }
slaxemulator@12 279
slaxemulator@12 280 .year:after {
pascal@384 281 /* content: "2007-2014"; */
pascal@384 282 content: "2014";
slaxemulator@12 283 }