tinycm annotate style.css @ rev 64

Tiny edits
author Paul Issott <paul@slitaz.org>
date Thu Feb 06 19:35:03 2014 +0000 (2014-02-06)
parents 03338ebb4d86
children c9ab61b3774a
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@1 22 background: #443b31;
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@1 88 #user {
pankso@1 89 background-color: #362E24;
pankso@1 90 padding: 4px;
pankso@1 91 width: 84px;
pankso@1 92 float: right;
pankso@1 93 font-size: 12px;
pankso@1 94 position: absolute;
pankso@1 95 right: 10px;
pankso@1 96 top: 6px;
pankso@1 97 }
pankso@1 98 #user a { padding: 0 2px; color: #fff;
pankso@1 99 font-weight: bold; text-decoration: none; }
pankso@1 100
pankso@1 101 #account-info { width: 380px; height: 120px; float: right; }
pankso@1 102
pankso@1 103 /* Languages */
pankso@1 104
pankso@1 105 #lang {
pankso@1 106 position: absolute;
pankso@1 107 right: 0;
pankso@1 108 top: 48px;
pankso@1 109 padding: 6px;
pankso@1 110 font-size: 12px;
pankso@1 111 }
pankso@1 112
pankso@1 113 #lang a {
pankso@1 114 text-decoration: none;
pankso@1 115 padding: 0 2px;
pankso@1 116 }
pankso@1 117
pankso@1 118 #lang a:hover {
pankso@1 119 text-decoration: underline;
pankso@1 120 }
pankso@1 121
pankso@1 122 /* Search */
pankso@1 123
pankso@1 124 #search {
pankso@1 125 position: absolute;
pankso@1 126 right: 20px;
pankso@1 127 top: 72px;
pankso@1 128 }
pankso@1 129
pankso@1 130 #search input[type="text"] { width: 180px; }
pankso@1 131
pankso@1 132 /* Content */
pankso@1 133
pankso@1 134 #content {
pankso@60 135 margin: 60px auto;
pankso@1 136 padding: 0 20px;
pankso@1 137 text-align: justify;
pankso@1 138 max-width: 680px;
pankso@1 139 }
pankso@1 140
pankso@1 141 #edit textarea { width: 100%; height: 240px; background: #f8f8f8; }
pankso@1 142 #edit a { text-decoration: none; }
pankso@1 143
pankso@1 144 .box, pre, #login, #account-info {
pankso@1 145 background-color: #f8f8f8;
pankso@1 146 border: 1px solid #ddd;
pankso@1 147 padding: 10px;
pankso@1 148 }
pankso@1 149
pankso@28 150 pre img { margin: 4px 4px 4px 0px; }
pankso@15 151
pankso@1 152 .error { color: red; }
pankso@1 153 .ok { color: green; }
pankso@28 154 .date { color: #666; font-size: 96%; }
pankso@1 155
pankso@1 156 /* Progress bar */
pankso@1 157
pankso@1 158 .pct { background: #9dff4a; padding: 2px 4px; }
pankso@1 159
pankso@1 160 .pctbar {
pankso@1 161 margin: 0;
pankso@1 162 color: #666;
pankso@1 163 background: #f1f1f1;
pankso@1 164 border: 1px solid #ddd;
pankso@1 165 overflow: hidden;
pankso@1 166 clear: both;
pankso@1 167 }
pankso@1 168
pankso@1 169 /* Form */
pankso@1 170
pankso@1 171 form { display: inline; }
pankso@1 172 textarea { border: 2px solid #ccc; padding: 4px; width: 100%; }
pankso@1 173 select { min-width: 180px; }
pankso@1 174 input[type="submit"], input[type="text"], input[type="password"],
pankso@1 175 select, #tools a {
pankso@1 176 color: #444444;
pankso@1 177 border: 1px solid #cccccc;
pankso@1 178 padding: 4px;
pankso@1 179 margin: 4px 0px;
pankso@1 180 font-size: 14px;
pankso@1 181 line-height: 1.2em;
pankso@1 182 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 183 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 184 -webkit-appearance: none;
pankso@1 185 -webkit-padding-end: 12px;
pankso@1 186 -webkit-padding-start: 6px;
pankso@1 187 }
pankso@1 188
pankso@1 189 input[type="text"], input[type="password"] {
pankso@1 190 background: #fefefe; border: 2px solid #ccc;
pankso@62 191 width: 100%; }
pankso@1 192 /*input[type="file"] { border: 2px solid #ddd; }*/
pankso@1 193 /*input[type="checkbox"] { background: #fefefe; }*/
pankso@1 194
pankso@1 195 /* Be compatible with old FF and Webkit version. */
pankso@1 196 input[type="submit"] {
pankso@1 197 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 198 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 199 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 200 }
pankso@1 201
pankso@1 202 input[type="submit"]:hover, #tools a:hover {
pankso@1 203 cursor: pointer;
pankso@1 204 color: black;
pankso@1 205 }
pankso@1 206
pankso@1 207 select {
pankso@1 208 background-image: url(images/down.png),
pankso@1 209 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 210 background-position: center right;
pankso@1 211 background-repeat: no-repeat;
pankso@1 212 }
pankso@1 213
pankso@52 214 #tools {
pankso@52 215 position: absolute;
pankso@60 216 top: 72px;
pankso@1 217 }
pankso@1 218 #tools a { text-decoration: none; margin: 4px 6px 4px 0px; }
pankso@1 219
pankso@1 220 /* Round corner */
pankso@1 221
pankso@1 222 pre, .button, .pctbar, .box, #login, #account-info, #user, img,
pankso@1 223 input, textarea, select, #tools a {
pankso@1 224 -moz-border-radius: 4px;
pankso@1 225 -webkit-border-radius: 4px;
pankso@1 226 border-radius: 4px;
pankso@1 227 }
pankso@1 228
claudinei@9 229 /* notes */
claudinei@9 230
claudinei@9 231 .noteclassic,.noteimportant,.notewarning,.notetip {
claudinei@9 232 margin:2em;
claudinei@9 233 margin-left:auto;
claudinei@9 234 margin-right:auto;
claudinei@9 235 width:70% !important;
claudinei@9 236 min-height:40px;
claudinei@9 237 clear:both;
claudinei@9 238 text-align:justify;
claudinei@9 239 vertical-align:middle;
claudinei@9 240 border-collapse:collapse;
claudinei@9 241 padding:15px 20px 15px 80px;
claudinei@9 242 background-position:20px 50%;
claudinei@9 243 background-repeat:no-repeat;
claudinei@9 244 -moz-border-radius:20px;
claudinei@9 245 -khtml-border-radius:20px;
claudinei@9 246 border-radius:20px;
claudinei@9 247 }
claudinei@9 248
claudinei@9 249 .noteclassic {
claudinei@9 250 background-color:#eef;
claudinei@9 251 background-image:url(images/note.png);
claudinei@9 252 }
claudinei@9 253
claudinei@9 254 .noteimportant {
claudinei@9 255 background-color:#ffc;
claudinei@9 256 background-image:url(images/important.png);
claudinei@9 257 }
claudinei@9 258
claudinei@9 259 .notewarning {
claudinei@9 260 background-color:#fdd;
claudinei@9 261 background-image:url(images/warning.png);
claudinei@9 262 }
claudinei@9 263
claudinei@9 264 .notetip {
claudinei@9 265 background-color:#dfd;
claudinei@9 266 background-image:url(images/tip.png);
claudinei@9 267 }
claudinei@9 268
pankso@1 269 /* Footer */
pankso@1 270
pankso@1 271 #footer {
pankso@1 272 text-align: center;
pankso@1 273 padding: 20px;
pankso@1 274 border-top: 1px solid #ddd;
pankso@1 275 font-size: 90%;
pankso@63 276 color: #888;
pankso@1 277 }
pankso@1 278
pankso@63 279 #footer a { padding: 0 2px; color: #888; text-decoration: none; }
pankso@63 280 #footer a:hover { text-decoration: underline; }
pankso@28 281
pankso@28 282 /* Plugins CSS */
pankso@28 283
pankso@60 284 /* Blog */
pankso@52 285 .post-tools {
pankso@52 286 border-top: 1px dotted #ddd;
pankso@52 287 border-bottom: 1px dotted #ddd;
pankso@52 288 padding: 4px 0; }
pankso@28 289 .post-tools a { text-decoration: none; }
pankso@28 290 .post-tools a:hover { text-decoration: underline; }
pankso@60 291
pankso@60 292 /* Forum */
pankso@60 293 #hashtags { font-size: 16px; font-weight: bold; }
pankso@60 294 #hashtags a { text-decoration: none; padding: 0 4px; }
pankso@60 295 .topic { padding: 6px; margin: 4px; }
pankso@60 296 .topic span a { text-decoration: none; color: #666;
pankso@60 297 font-weight: bold; padding-left: 2px; }
pankso@60 298 .forum-msg { background-color: #eee; padding: 10px;
pankso@60 299 border: 2px solid #ddd; width: 98%;}