slitaz-dev-tools annotate tazpkg-web/style/slitaz.css @ rev 254

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