tinycm annotate style.css @ rev 69

small CSS change
author Christophe Lincoln <pankso@slitaz.org>
date Thu Apr 24 02:26:38 2014 +0200 (2014-04-24)
parents c9ab61b3774a
children 4418f0315c8e
rev   line source
pankso@1 1 /* CSS style for SliTaz Bugs/TinyCM */
pankso@1 2
pankso@1 3 html { min-height: 102%; }
pankso@1 4 body { font: 13px sans-serif, vernada, arial; margin: 0; }
pankso@1 5 h1 { margin: 0; padding: 8px; color: #fff; font-size: 20px; }
pankso@1 6 h1 a { color: #fff; text-decoration: none; }
pankso@1 7 h2 { color: #444; } h3 { color: #666; font-size: 140%; }
pankso@1 8 a { text-decoration: underline; color: #215090; }
pankso@1 9 a:hover { text-decoration: none; }
pankso@1 10 img { border: 0pt none; vertical-align: middle; }
pankso@1 11 pre {
pankso@1 12 overflow: auto;
pankso@28 13 font-size: 98%;
pankso@1 14 }
pankso@1 15 textarea, table { width: 100%; }
pankso@1 16 thead { font-weight: bold; }
pankso@1 17
pankso@1 18 /* Header */
pankso@1 19
pankso@1 20 #header {
pankso@1 21 /*background: #351a0a;*/
pankso@69 22 background: #333;
pankso@1 23 height: 40px;
pankso@1 24 border-bottom: 8px solid #cfcfcf;
pankso@1 25 }
pankso@1 26
pankso@1 27 #header h1 {
pankso@1 28 margin: 0;
pankso@1 29 padding: 8px 0 0 42px;
pankso@1 30 width: 250px;
pankso@1 31 }
pankso@1 32
pankso@1 33 #header h1 a {
pankso@1 34 color: white;
pankso@1 35 text-decoration: none;
pankso@1 36 font-size: 20px;
pankso@1 37 font-style: italic;
pankso@1 38 }
pankso@1 39
pankso@1 40 #header h1 a:hover {
pankso@1 41 color: #cfcfcf;
pankso@1 42 }
pankso@1 43
pankso@1 44 /* Header links */
pankso@1 45
pankso@1 46 #network {
pankso@1 47 float: right;
pankso@1 48 padding: 12px 5px 0;
pankso@1 49 font-size: 12px;
pankso@1 50 margin-right: 100px;
pankso@1 51 }
pankso@1 52
pankso@1 53 #network a {
pankso@1 54 padding: 0 4px;
pankso@1 55 color: #fff;
pankso@1 56 font-weight: bold;
pankso@1 57 text-decoration: none;
pankso@1 58 }
pankso@1 59
pankso@1 60 #network a:hover, #user a:hover { color: #cfcfcf; }
pankso@1 61
pankso@1 62 /* Logo */
pankso@1 63
pankso@1 64 #logo {
pankso@1 65 background: url(images/logo.png) no-repeat left;
pankso@1 66 position: absolute;
pankso@1 67 float: left;
pankso@1 68 left: 0px;
pankso@1 69 top: 0px;
pankso@1 70 width: 40px;
pankso@1 71 height: 40px;
pankso@1 72 }
pankso@1 73
pankso@1 74 /* Login and user box */
pankso@1 75
pankso@1 76 #login {
pankso@1 77 width: 240px;
pankso@1 78 float: left;
pankso@1 79 height: 120px;
pankso@1 80 }
pankso@1 81
pankso@1 82 #login input[type="text"], #login input[type="password"] {
pankso@1 83 width: 200px; }
pankso@1 84
pankso@1 85 #login input[type="submit"] { float: none; }
pankso@1 86 #login p { display: inline; }
pankso@1 87
pankso@69 88 #signup input[type="text"], #signup input[type="password"] {
pankso@69 89 width: 400px; }
pankso@69 90
pankso@1 91 #user {
pankso@69 92 background-color: #222;
pankso@1 93 padding: 4px;
pankso@1 94 width: 84px;
pankso@1 95 float: right;
pankso@1 96 font-size: 12px;
pankso@1 97 position: absolute;
pankso@1 98 right: 10px;
pankso@1 99 top: 6px;
pankso@1 100 }
pankso@1 101 #user a { padding: 0 2px; color: #fff;
pankso@1 102 font-weight: bold; text-decoration: none; }
pankso@1 103
pankso@1 104 #account-info { width: 380px; height: 120px; float: right; }
pankso@1 105
pankso@1 106 /* Languages */
pankso@1 107
pankso@1 108 #lang {
pankso@1 109 position: absolute;
pankso@1 110 right: 0;
pankso@1 111 top: 48px;
pankso@1 112 padding: 6px;
pankso@1 113 font-size: 12px;
pankso@1 114 }
pankso@1 115
pankso@1 116 #lang a {
pankso@1 117 text-decoration: none;
pankso@1 118 padding: 0 2px;
pankso@1 119 }
pankso@1 120
pankso@1 121 #lang a:hover {
pankso@1 122 text-decoration: underline;
pankso@1 123 }
pankso@1 124
pankso@1 125 /* Search */
pankso@1 126
pankso@1 127 #search {
pankso@1 128 position: absolute;
pankso@1 129 right: 20px;
pankso@1 130 top: 72px;
pankso@1 131 }
pankso@1 132
pankso@1 133 #search input[type="text"] { width: 180px; }
pankso@1 134
pankso@1 135 /* Content */
pankso@1 136
pankso@1 137 #content {
pankso@68 138 margin: 40px auto;
pankso@1 139 padding: 0 20px;
pankso@1 140 text-align: justify;
pankso@1 141 max-width: 680px;
pankso@1 142 }
pankso@1 143
pankso@1 144 #edit textarea { width: 100%; height: 240px; background: #f8f8f8; }
pankso@1 145 #edit a { text-decoration: none; }
pankso@1 146
pankso@1 147 .box, pre, #login, #account-info {
pankso@1 148 background-color: #f8f8f8;
pankso@1 149 border: 1px solid #ddd;
pankso@1 150 padding: 10px;
pankso@1 151 }
pankso@1 152
pankso@28 153 pre img { margin: 4px 4px 4px 0px; }
pankso@15 154
pankso@1 155 .error { color: red; }
pankso@1 156 .ok { color: green; }
pankso@28 157 .date { color: #666; font-size: 96%; }
pankso@1 158
pankso@1 159 /* Progress bar */
pankso@1 160
pankso@1 161 .pct { background: #9dff4a; padding: 2px 4px; }
pankso@1 162
pankso@1 163 .pctbar {
pankso@1 164 margin: 0;
pankso@1 165 color: #666;
pankso@1 166 background: #f1f1f1;
pankso@1 167 border: 1px solid #ddd;
pankso@1 168 overflow: hidden;
pankso@1 169 clear: both;
pankso@1 170 }
pankso@1 171
pankso@1 172 /* Form */
pankso@1 173
pankso@1 174 form { display: inline; }
pankso@1 175 textarea { border: 2px solid #ccc; padding: 4px; width: 100%; }
pankso@1 176 select { min-width: 180px; }
pankso@1 177 input[type="submit"], input[type="text"], input[type="password"],
pankso@1 178 select, #tools a {
pankso@1 179 color: #444444;
pankso@1 180 border: 1px solid #cccccc;
pankso@1 181 padding: 4px;
pankso@1 182 margin: 4px 0px;
pankso@1 183 font-size: 14px;
pankso@1 184 line-height: 1.2em;
pankso@1 185 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 186 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 187 -webkit-appearance: none;
pankso@1 188 -webkit-padding-end: 12px;
pankso@1 189 -webkit-padding-start: 6px;
pankso@1 190 }
pankso@1 191
pankso@1 192 input[type="text"], input[type="password"] {
pankso@1 193 background: #fefefe; border: 2px solid #ccc;
pankso@62 194 width: 100%; }
pankso@1 195 /*input[type="file"] { border: 2px solid #ddd; }*/
pankso@1 196 /*input[type="checkbox"] { background: #fefefe; }*/
pankso@1 197
pankso@1 198 /* Be compatible with old FF and Webkit version. */
pankso@1 199 input[type="submit"] {
pankso@1 200 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 201 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 202 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 203 }
pankso@1 204
pankso@1 205 input[type="submit"]:hover, #tools a:hover {
pankso@1 206 cursor: pointer;
pankso@1 207 color: black;
pankso@1 208 }
pankso@1 209
pankso@1 210 select {
pankso@1 211 background-image: url(images/down.png),
pankso@1 212 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 213 background-position: center right;
pankso@1 214 background-repeat: no-repeat;
pankso@1 215 }
pankso@1 216
pankso@52 217 #tools {
pankso@68 218 /*position: absolute;
pankso@68 219 top: 72px;*/
pankso@68 220 padding-top: 10px;
pankso@68 221 margin: 20px 0px;
pankso@1 222 }
pankso@1 223 #tools a { text-decoration: none; margin: 4px 6px 4px 0px; }
pankso@1 224
pankso@1 225 /* Round corner */
pankso@1 226
pankso@1 227 pre, .button, .pctbar, .box, #login, #account-info, #user, img,
pankso@1 228 input, textarea, select, #tools a {
pankso@1 229 -moz-border-radius: 4px;
pankso@1 230 -webkit-border-radius: 4px;
pankso@1 231 border-radius: 4px;
pankso@1 232 }
pankso@1 233
claudinei@9 234 /* notes */
claudinei@9 235
claudinei@9 236 .noteclassic,.noteimportant,.notewarning,.notetip {
claudinei@9 237 margin:2em;
claudinei@9 238 margin-left:auto;
claudinei@9 239 margin-right:auto;
claudinei@9 240 width:70% !important;
claudinei@9 241 min-height:40px;
claudinei@9 242 clear:both;
claudinei@9 243 text-align:justify;
claudinei@9 244 vertical-align:middle;
claudinei@9 245 border-collapse:collapse;
claudinei@9 246 padding:15px 20px 15px 80px;
claudinei@9 247 background-position:20px 50%;
claudinei@9 248 background-repeat:no-repeat;
claudinei@9 249 -moz-border-radius:20px;
claudinei@9 250 -khtml-border-radius:20px;
claudinei@9 251 border-radius:20px;
claudinei@9 252 }
claudinei@9 253
claudinei@9 254 .noteclassic {
claudinei@9 255 background-color:#eef;
claudinei@9 256 background-image:url(images/note.png);
claudinei@9 257 }
claudinei@9 258
claudinei@9 259 .noteimportant {
claudinei@9 260 background-color:#ffc;
claudinei@9 261 background-image:url(images/important.png);
claudinei@9 262 }
claudinei@9 263
claudinei@9 264 .notewarning {
claudinei@9 265 background-color:#fdd;
claudinei@9 266 background-image:url(images/warning.png);
claudinei@9 267 }
claudinei@9 268
claudinei@9 269 .notetip {
claudinei@9 270 background-color:#dfd;
claudinei@9 271 background-image:url(images/tip.png);
claudinei@9 272 }
claudinei@9 273
pankso@1 274 /* Footer */
pankso@1 275
pankso@1 276 #footer {
pankso@1 277 text-align: center;
pankso@1 278 padding: 20px;
pankso@1 279 border-top: 1px solid #ddd;
pankso@1 280 font-size: 90%;
pankso@63 281 color: #888;
pankso@1 282 }
pankso@1 283
pankso@63 284 #footer a { padding: 0 2px; color: #888; text-decoration: none; }
pankso@63 285 #footer a:hover { text-decoration: underline; }
pankso@28 286
pankso@28 287 /* Plugins CSS */
pankso@28 288
pankso@60 289 /* Blog */
pankso@52 290 .post-tools {
pankso@52 291 border-top: 1px dotted #ddd;
pankso@52 292 border-bottom: 1px dotted #ddd;
pankso@52 293 padding: 4px 0; }
pankso@28 294 .post-tools a { text-decoration: none; }
pankso@28 295 .post-tools a:hover { text-decoration: underline; }
pankso@60 296
pankso@60 297 /* Forum */
pankso@60 298 #hashtags { font-size: 16px; font-weight: bold; }
pankso@60 299 #hashtags a { text-decoration: none; padding: 0 4px; }
pankso@60 300 .topic { padding: 6px; margin: 4px; }
pankso@60 301 .topic span a { text-decoration: none; color: #666;
pankso@60 302 font-weight: bold; padding-left: 2px; }
pankso@60 303 .forum-msg { background-color: #eee; padding: 10px;
pankso@60 304 border: 2px solid #ddd; width: 98%;}