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

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