projects.mako.cc - scuttle/blob - scuttle.css

   1 /* BASE */
   2
   3 * {
   4     font-family: "trebuchet ms", tahoma, sans-serif;
   5 }
   6 a {
   7     color: #47A;
   8     text-decoration: none;
   9 }
  10 a:hover {
  11     color: #258;
  12     text-decoration: underline;
  13 }
  14 a img {
  15     border: 0;
  16 }
  17 body {
  18     margin: 0;
  19     padding: 0;
  20 }
  21 input[type=text],
  22 input[type=password],
  23 select,
  24 textarea {
  25     border: 1px solid #AAA;
  26     padding: 0.1em;
  27 }
  28 input[type=text],
  29 input[type=password],
  30 textarea {
  31     padding: 0.2em;
  32 }
  33 input[type=text]:focus,
  34 input[type=password]:focus,
  35 select:focus,
  36 textarea:focus {
  37     border-color: #666;
  38 }
  39 p.error,
  40 p.success {
  41     border: 1px solid;
  42     font-size: small;
  43     margin: 0.5em;
  44     padding: 0.5em;
  45     width: 70%;
  46 }
  47 p.error {
  48     background: #FCC;
  49     border-color: #966;
  50     color: #633;
  51 }
  52 p.success {
  53     background: #CFC;
  54     border-color: #696;
  55     color: #363;
  56 }
  57 td#availability {
  58     color: #285;
  59     font-weight: bold;
  60 }
  61 td#availability.not-available {
  62     color: #F00;
  63 }
  64 textarea {
  65     font-size: small;
  66     padding: 0.2em;
  67 }
  68 th {
  69     padding-right: 1em;
  70     text-align: right;
  71 }
  72
  73 /* HEADER */
  74
  75 div#header {
  76     background: #FFF url('bg_header.png') bottom repeat-x;
  77     border-bottom: 3px solid #9CD;
  78     clear: both;
  79 }
  80 div#header:after {
  81     content: ".";
  82     display: block;
  83     height: 0;
  84     clear: both;
  85     visibility: hidden;
  86 }
  87 * html div#header {
  88     height: 1%;
  89 }
  90 h1 {
  91     float: left;
  92     font-size: x-large;
  93     font-weight: bold;
  94     letter-spacing: 0.25em;
  95     margin: 0;
  96     padding: 1em;
  97     text-transform: lowercase;
  98 }
  99 html > body h1 {
 100     background: url('logo.png') no-repeat 10px;
 101     padding-left: 75px;
 102 }
 103 html > body div#header.popup h1 {
 104     background: url('logo_24.png') no-repeat 10px;
 105     padding: 0.5em 0.5em 0.5em 50px;
 106 }
 107 h1 a {
 108     color: #000;
 109 }
 110 h1 a:hover {
 111     color: #000;
 112 }
 113 h2 {
 114     background: #666 url('bg_bar.png') center center repeat-x;
 115     border-bottom: 3px solid #DDD;
 116     clear: both;
 117     color: #DDD;
 118     font-size: medium;
 119     letter-spacing: 0.1em;
 120     margin: 0 0 1em 0;
 121     padding: 0.5em 1em;
 122     text-transform: lowercase;
 123 }
 124
 125 /* NAVIGATION */
 126
 127 ul#navigation {
 128     list-style-type: none;
 129     margin: 0;
 130     padding: 1.75em 1em;
 131     text-transform: lowercase;
 132     width: auto;
 133 }
 134 ul#navigation a {
 135     font-size: medium;
 136     font-weight: bold;
 137     padding: 0.2em 0.5em;
 138 }
 139 ul#navigation a:hover {
 140     background: #7AD;
 141     color: #FFF;
 142 }
 143 ul#navigation li {
 144     float: left;
 145 }
 146 ul#navigation li.access {
 147     float: right;
 148 }
 149
 150 /* BOOKMARKS */
 151
 152 ol#bookmarks {
 153     list-style-type: none;
 154     margin: 0;
 155     padding: 0 1em;
 156     width: 70%;
 157 }
 158 html > body ol#bookmarks {
 159     margin: 0 1em;
 160     padding: 0;
 161 }
 162 div.link a {
 163     color: blue;
 164     font-size: medium;
 165 }
 166 div.link a:visited {
 167     color: purple;
 168 }
 169 div.meta {
 170     color: #285;
 171 }
 172 div.meta span {
 173     color: #F00;
 174 }
 175 li.xfolkentry {
 176     border-bottom: 1px solid #DDD;
 177     margin-bottom: 0;
 178     padding: 1em 0.5em;
 179 }
 180 html > body li.xfolkentry {
 181     border-bottom: 1px dotted #AAA;
 182 }
 183 li.xfolkentry div {
 184     padding: 0.1em;
 185 }
 186 li.xfolkentry.deleted {
 187     opacity: 0.5;
 188 }
 189 li.xfolkentry.private {
 190     border-left: 3px solid #F00;
 191 }
 192 li.xfolkentry.shared {
 193     border-left: 3px solid #FA0;
 194 }
 195
 196 /* SIDEBAR */
 197
 198 div#sidebar {
 199     font-size: small;
 200     position: absolute;
 201     right: 1em;
 202     top: 10em;
 203     width: 25%;
 204 }
 205 div#sidebar a {
 206     color: #995;
 207 }
 208 div#sidebar a:hover {
 209     color: #773;
 210 }
 211 div#sidebar div {
 212     background: #FFF url('bg_sidebar.png') bottom repeat-x;
 213     border: 1px solid #CC8;
 214     color: #555;
 215     margin-bottom: 1em;
 216 }
 217 div#sidebar h2 {
 218     background: transparent;
 219     border: 0;
 220     color: #995;
 221     letter-spacing: 0;
 222     margin: 0;
 223     padding: 0.5em 0;
 224 }
 225 div#sidebar hr {
 226     display: none;
 227 }
 228 div#sidebar p {
 229     margin: 1em;
 230 }
 231 div#sidebar p.tags a {
 232     margin: 0;
 233 }
 234 div#sidebar table {
 235     margin: 0.5em 0.5em 0 0.5em;
 236 }
 237 div#sidebar table td {
 238     padding-bottom: 0.25em;
 239     padding-right: 0.5em;
 240 }
 241 div#sidebar ul {
 242     list-style-type: none;
 243     margin: 0;
 244     padding: 0.5em;
 245 }
 246 div#sidebar ul li {
 247     margin: 0.5em 0;
 248 }
 249
 250 /* TAGS */
 251
 252 p.tags {
 253     line-height: 2.25em;
 254     margin: 2em 10%;
 255     text-align: justify;
 256     vertical-align: middle;
 257 }
 258 p.tags a,
 259 p.tags span {
 260     color: #47A;
 261     margin-right: 0.5em;
 262 }
 263 p.tags span:hover {
 264     cursor: pointer;
 265     text-decoration: underline;
 266 }
 267 p.tags span.selected {
 268     background: #CEC;
 269 }
 270
 271 /* PROFILE */
 272
 273 table.profile th {
 274     width: 10em;
 275 }
 276
 277 /* OTHER GUFF */
 278
 279 dd {
 280         background: #CEC;
 281         border-right: 4px solid #ACA;
 282         color: #464;
 283         padding: 6px;
 284 }
 285 dd a {
 286         color: #464;
 287 }
 288 dd a:hover {
 289         color: #000 !important;
 290         text-decoration: underline !important;
 291 }
 292
 293 dl {
 294         font-size: small;
 295         margin: 1em;
 296         width: 70%;
 297 }
 298 dl#profile dd {
 299         background: #CDE;
 300         border-color: #ABC;
 301         color: #247;
 302 }
 303 dl#profile dt {
 304         background: #BCE;
 305         border-color: #9AC;
 306         color: #245;
 307         display: block;
 308         font-weight: bold;
 309         padding: 6px;
 310 }
 311 dl#profile a {
 312         color: #446;
 313 }
 314 dl#profile a:hover {
 315         color: #000 !important;
 316         text-decoration: underline !important;
 317 }
 318 dl#meta dd {
 319         line-height: 1.5em;
 320 }
 321 dl#meta dt {
 322         background: #BDB;
 323         color: #353;
 324         display: block;
 325         font-weight: bold;
 326         padding: 6px;
 327 }
 328 dt {
 329         border-right: 4px solid #9B9;
 330 }
 331 dt a {
 332         background: #BDB;
 333         color: #353;
 334         display: block;
 335         font-weight: bold;
 336         padding: 6px;
 337 }
 338 dt a:hover {
 339     background: #ACA;
 340     border: 0;
 341 }
 342 form {
 343         margin: 0;
 344 }
 345 form#search {
 346         background: #FFF;
 347         color: #555;
 348         font-size: small;
 349         margin-bottom: 1em;
 350 }
 351 form label,
 352 form td,
 353 form th {
 354         font-size: small;
 355 }
 356 form table {
 357         margin: 0 1em;
 358 }
 359 h3 {
 360         background: #DDD;
 361         color: #555;
 362         font-size: small;
 363         letter-spacing: 0.2em;
 364         margin: 2em 1em 1em 1em;
 365         padding: 0.25em 0.75em;
 366 }
 367 li {
 368         font-size: small;
 369         margin-bottom: 0.5em;
 370 }
 371 p {
 372     font-size: small;
 373     margin: 1em;
 374 }
 375 p#sort {
 376     color: #CCC;
 377     font-size: small;
 378     float: right;
 379     margin: 0;
 380     position: absolute;
 381     right: 0;
 382     top: 7em;
 383 }
 384 html > body p#sort {
 385     margin-right: 0.75em;
 386 }
 387 p#sort a {
 388     background: #AAA;
 389     color: #555;
 390     font-weight: normal;
 391     margin-right: 0.5em;
 392     padding: 0 1em;
 393 }
 394 html > body p#sort a {
 395     margin-right: 0;
 396 }
 397 p#sort a:hover {
 398     background: #CCC;
 399     text-decoration: none !important;
 400 }
 401 p#sort span {
 402     display: none;
 403 }
 404 p.paging {
 405         font-size: small;
 406         margin-left: 1em;
 407 }
 408 p.paging a,
 409 p.paging span.disable {
 410         background: #888;
 411         color: #FFF;
 412         display: inline;
 413         margin-right: 0.5em;
 414         padding: 0.25em 1em;
 415 }
 416 p.paging a:hover {
 417         background: #666;
 418 }
 419 p.paging span {
 420         display: none;
 421 }
 422 p.paging span.disable {
 423         background: #DDD;
 424         color: #AAA;
 425 }
 426 div.collapsible p.tags {
 427         line-height: 2.25em;
 428         margin: 1em 2em;
 429 }
 430 th label {
 431         padding-right: 1em;
 432 }
 433 ul {
 434         margin-right: 1em;
 435         width: 75%;
 436 }