Dogcows Code - chaz/chatty/blob - root/static/css/common.css

   1
   2 body {
   3         font: 100 14px Verdana, Helvetica, Arial;
   4         margin: 10px;
   5         background: #ccf;
   6 }
   7
   8 img {
   9         border: 0;
  10 }
  11
  12 hr {
  13         border: 0;
  14         border-bottom: 1px solid gray;
  15 }
  16
  17 a {
  18         text-decoration: none;
  19 }
  20
  21 a:hover {
  22         border-bottom: 1px dotted blue;
  23 }
  24
  25 label {
  26         width: 100px;
  27         float: left;
  28 }
  29
  30
  31 .left {
  32         float: left;
  33         margin: 0 5px 5px 0;
  34 }
  35
  36 .right {
  37         float: right;
  38         margin: 0 0 5px 5px;
  39 }
  40
  41
  42 #outer {
  43         margin: 0 auto 0 auto;
  44         width: 640px;
  45         border: 2px solid black;
  46         background: #99c;
  47 }
  48
  49 #inner {
  50         margin: 5px;
  51         padding: 10px;
  52         border: 2px solid black;
  53         background: white;
  54 }
  55
  56 #inner h1 {
  57         font-size: 1.3em;
  58 }
  59
  60 #inner h2 {
  61         font-size: 1.2em;
  62 }
  63
  64 #footer {
  65         padding: 0;
  66         height: 31px;
  67         line-height: 31px;
  68         font-size: 0.8em;
  69 }
  70
  71 #error {
  72         line-height: 24px;
  73         margin: 5px;
  74         padding: 10px 0 10px 44px;
  75         border: 2px solid black;
  76         background: white url('../img/warning.png') 10px 50% no-repeat;
  77         display: none;
  78         cursor: pointer;
  79         color: red;
  80         font-weight: bold;
  81 }
  82
  83 #message {
  84         line-height: 24px;
  85         margin: 5px;
  86         padding: 10px 0 10px 44px;
  87         border: 2px solid black;
  88         background: white url('../img/info.png') 10px 50% no-repeat;
  89         display: none;
  90         cursor: pointer;
  91 }
  92
  93 /* error message */
  94 .error {
  95         /* supply height to ensure consistent positioning for every browser */
  96         height:15px;
  97         background-color:#FFFE36;
  98         border:1px solid #E1E16D;
  99         font-size:11px;
 100         color:#000;
 101         padding:3px 10px;
 102         margin-left:-2px;
 103
 104
 105         /* CSS3 spicing for mozilla and webkit */
 106         -moz-border-radius:4px;
 107         -webkit-border-radius:4px;
 108         -moz-border-radius-bottomleft:0;
 109         -moz-border-radius-topleft:0;
 110         -webkit-border-bottom-left-radius:0;
 111         -webkit-border-top-left-radius:0;
 112
 113         -moz-box-shadow:0 0 6px #ddd;
 114         -webkit-box-shadow:0 0 6px #ddd;
 115 }
 116