tinycm annotate style.css @ rev 52

Improved added some functions
author Christophe Lincoln <pankso@slitaz.org>
date Fri Jan 24 23:08:48 2014 +0100 (2014-01-24)
parents 09f5185ff6e0
children 854c4a8f0972
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
pankso@1 131 #search input[type="text"] { width: 180px; }
pankso@1 132
pankso@1 133 /* Content */
pankso@1 134
pankso@1 135 #content {
pankso@52 136 margin: 50px auto;
pankso@1 137 padding: 0 20px;
pankso@1 138 text-align: justify;
pankso@1 139 max-width: 680px;
pankso@1 140 }
pankso@1 141
pankso@1 142 #edit textarea { width: 100%; height: 240px; background: #f8f8f8; }
pankso@1 143 #edit a { text-decoration: none; }
pankso@1 144
pankso@1 145 .box, pre, #login, #account-info {
pankso@1 146 background-color: #f8f8f8;
pankso@1 147 border: 1px solid #ddd;
pankso@1 148 padding: 10px;
pankso@1 149 }
pankso@1 150
pankso@28 151 pre img { margin: 4px 4px 4px 0px; }
pankso@15 152
pankso@1 153 .error { color: red; }
pankso@1 154 .ok { color: green; }
pankso@28 155 .date { color: #666; font-size: 96%; }
pankso@1 156
pankso@1 157 /* Progress bar */
pankso@1 158
pankso@1 159 .pct { background: #9dff4a; padding: 2px 4px; }
pankso@1 160
pankso@1 161 .pctbar {
pankso@1 162 margin: 0;
pankso@1 163 color: #666;
pankso@1 164 background: #f1f1f1;
pankso@1 165 border: 1px solid #ddd;
pankso@1 166 overflow: hidden;
pankso@1 167 clear: both;
pankso@1 168 }
pankso@1 169
pankso@1 170 /* Form */
pankso@1 171
pankso@1 172 form { display: inline; }
pankso@1 173 textarea { border: 2px solid #ccc; padding: 4px; width: 100%; }
pankso@1 174 select { min-width: 180px; }
pankso@1 175 input[type="submit"], input[type="text"], input[type="password"],
pankso@1 176 select, #tools a {
pankso@1 177 color: #444444;
pankso@1 178 border: 1px solid #cccccc;
pankso@1 179 padding: 4px;
pankso@1 180 margin: 4px 0px;
pankso@1 181 font-size: 14px;
pankso@1 182 line-height: 1.2em;
pankso@1 183 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 184 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 185 -webkit-appearance: none;
pankso@1 186 -webkit-padding-end: 12px;
pankso@1 187 -webkit-padding-start: 6px;
pankso@1 188 }
pankso@1 189
pankso@1 190 input[type="text"], input[type="password"] {
pankso@1 191 background: #fefefe; border: 2px solid #ccc;
pankso@1 192 width: 460px; }
pankso@1 193 /*input[type="file"] { border: 2px solid #ddd; }*/
pankso@1 194 /*input[type="checkbox"] { background: #fefefe; }*/
pankso@1 195
pankso@1 196 /* Be compatible with old FF and Webkit version. */
pankso@1 197 input[type="submit"] {
pankso@1 198 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 199 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 200 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 201 }
pankso@1 202
pankso@1 203 input[type="submit"]:hover, #tools a:hover {
pankso@1 204 cursor: pointer;
pankso@1 205 color: black;
pankso@1 206 }
pankso@1 207
pankso@1 208 select {
pankso@1 209 background-image: url(images/down.png),
pankso@1 210 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 211 background-position: center right;
pankso@1 212 background-repeat: no-repeat;
pankso@1 213 }
pankso@1 214
pankso@52 215 #tools {
pankso@52 216 position: absolute;
pankso@52 217 top: 68px;
pankso@1 218 }
pankso@1 219 #tools a { text-decoration: none; margin: 4px 6px 4px 0px; }
pankso@1 220
pankso@1 221 /* Round corner */
pankso@1 222
pankso@1 223 pre, .button, .pctbar, .box, #login, #account-info, #user, img,
pankso@1 224 input, textarea, select, #tools a {
pankso@1 225 -moz-border-radius: 4px;
pankso@1 226 -webkit-border-radius: 4px;
pankso@1 227 border-radius: 4px;
pankso@1 228 }
pankso@1 229
claudinei@9 230 /* notes */
claudinei@9 231
claudinei@9 232 .noteclassic,.noteimportant,.notewarning,.notetip {
claudinei@9 233 margin:2em;
claudinei@9 234 margin-left:auto;
claudinei@9 235 margin-right:auto;
claudinei@9 236 width:70% !important;
claudinei@9 237 min-height:40px;
claudinei@9 238 clear:both;
claudinei@9 239 text-align:justify;
claudinei@9 240 vertical-align:middle;
claudinei@9 241 border-collapse:collapse;
claudinei@9 242 padding:15px 20px 15px 80px;
claudinei@9 243 background-position:20px 50%;
claudinei@9 244 background-repeat:no-repeat;
claudinei@9 245 -moz-border-radius:20px;
claudinei@9 246 -khtml-border-radius:20px;
claudinei@9 247 border-radius:20px;
claudinei@9 248 }
claudinei@9 249
claudinei@9 250 .noteclassic {
claudinei@9 251 background-color:#eef;
claudinei@9 252 background-image:url(images/note.png);
claudinei@9 253 }
claudinei@9 254
claudinei@9 255 .noteimportant {
claudinei@9 256 background-color:#ffc;
claudinei@9 257 background-image:url(images/important.png);
claudinei@9 258 }
claudinei@9 259
claudinei@9 260 .notewarning {
claudinei@9 261 background-color:#fdd;
claudinei@9 262 background-image:url(images/warning.png);
claudinei@9 263 }
claudinei@9 264
claudinei@9 265 .notetip {
claudinei@9 266 background-color:#dfd;
claudinei@9 267 background-image:url(images/tip.png);
claudinei@9 268 }
claudinei@9 269
pankso@1 270 /* Footer */
pankso@1 271
pankso@1 272 #footer {
pankso@1 273 text-align: center;
pankso@1 274 padding: 20px;
pankso@1 275 border-top: 1px solid #ddd;
pankso@1 276 font-size: 90%;
pankso@1 277 }
pankso@1 278
pankso@1 279 #footer a { padding: 0 2px; }
pankso@28 280
pankso@28 281 /* Plugins CSS */
pankso@28 282
pankso@52 283
pankso@52 284 .post-tools {
pankso@52 285 border-top: 1px dotted #ddd;
pankso@52 286 border-bottom: 1px dotted #ddd;
pankso@52 287 padding: 4px 0; }
pankso@28 288 .post-tools a { text-decoration: none; }
pankso@28 289 .post-tools a:hover { text-decoration: underline; }