tinycm annotate style.css @ rev 1

Add images and CSS
author Christophe Lincoln <pankso@slitaz.org>
date Wed Apr 11 15:56:05 2012 +0200 (2012-04-11)
parents
children c232bee4c3d3
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@1 13 font-size: 96%;
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@1 136 margin: 40px 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@1 151 .error { color: red; }
pankso@1 152 .ok { color: green; }
pankso@1 153
pankso@1 154 /* Progress bar */
pankso@1 155
pankso@1 156 .pct { background: #9dff4a; padding: 2px 4px; }
pankso@1 157
pankso@1 158 .pctbar {
pankso@1 159 margin: 0;
pankso@1 160 color: #666;
pankso@1 161 background: #f1f1f1;
pankso@1 162 border: 1px solid #ddd;
pankso@1 163 overflow: hidden;
pankso@1 164 clear: both;
pankso@1 165 }
pankso@1 166
pankso@1 167 /* Form */
pankso@1 168
pankso@1 169 form { display: inline; }
pankso@1 170 textarea { border: 2px solid #ccc; padding: 4px; width: 100%; }
pankso@1 171 select { min-width: 180px; }
pankso@1 172 input[type="submit"], input[type="text"], input[type="password"],
pankso@1 173 select, #tools a {
pankso@1 174 color: #444444;
pankso@1 175 border: 1px solid #cccccc;
pankso@1 176 padding: 4px;
pankso@1 177 margin: 4px 0px;
pankso@1 178 font-size: 14px;
pankso@1 179 line-height: 1.2em;
pankso@1 180 background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 181 background-image: -moz-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 182 -webkit-appearance: none;
pankso@1 183 -webkit-padding-end: 12px;
pankso@1 184 -webkit-padding-start: 6px;
pankso@1 185 }
pankso@1 186
pankso@1 187 input[type="text"], input[type="password"] {
pankso@1 188 background: #fefefe; border: 2px solid #ccc;
pankso@1 189 width: 460px; }
pankso@1 190 /*input[type="file"] { border: 2px solid #ddd; }*/
pankso@1 191 /*input[type="checkbox"] { background: #fefefe; }*/
pankso@1 192
pankso@1 193 /* Be compatible with old FF and Webkit version. */
pankso@1 194 input[type="submit"] {
pankso@1 195 -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 196 -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 197 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
pankso@1 198 }
pankso@1 199
pankso@1 200 input[type="submit"]:hover, #tools a:hover {
pankso@1 201 cursor: pointer;
pankso@1 202 color: black;
pankso@1 203 }
pankso@1 204
pankso@1 205 select {
pankso@1 206 background-image: url(images/down.png),
pankso@1 207 -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
pankso@1 208 background-position: center right;
pankso@1 209 background-repeat: no-repeat;
pankso@1 210 }
pankso@1 211
pankso@1 212 #tools {
pankso@1 213 padding-top: 10px;
pankso@1 214 margin-top: 20px;
pankso@1 215 /*border-top: 1px dotted #ccc;
pankso@1 216 position: fixed;
pankso@1 217 bottom: 10px;*/
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
pankso@1 230 /* Footer */
pankso@1 231
pankso@1 232 #footer {
pankso@1 233 text-align: center;
pankso@1 234 padding: 20px;
pankso@1 235 border-top: 1px solid #ddd;
pankso@1 236 font-size: 90%;
pankso@1 237 }
pankso@1 238
pankso@1 239 #footer a { padding: 0 2px; }