web/query/_attachments/style/screen.css

   1 body {
   2   font: 1.0em Arial, serif;
   3   line-height:1.2em;
   4   margin:0;
   5   padding:0;
   6
   7 }
   8
   9 #profile {
  10 /*  margin:2em;*/
  11 /*  padding:.5em;*/
  12 }
  13
  14 #account {
  15   font-size:0.8em;
  16   text-shadow: #fff 0 0 4px;
  17   float:right;
  18 }
  19
  20 #feeds {
  21   font-size:0.6em;
  22   text-shadow: #fff 0 0 4px;
  23 }
  24
  25 a {
  26   text-decoration:none;
  27 }
  28
  29 h1 {
  30   padding:6px;
  31   margin:0;
  32   line-height:1.2em;
  33 }
  34
  35 h2 {
  36   padding:0;
  37   margin:0;
  38   line-height:1em;
  39   font-size:112%;
  40 }
  41
  42 #header h2 {
  43   text-shadow: 0 0 4px #000;
  44 }
  45
  46 #header h2 a {
  47   color:#fff;
  48 }
  49
  50 #header #login, #header #edit {
  51   float:right;
  52 }
  53
  54 h3 {
  55   margin-bottom:0;
  56   margin-top:4px;
  57 }
  58
  59 h4 {
  60   margin:4px;
  61 }
  62
  63 #header {
  64   background:#9a9;
  65   padding:8px;
  66   border-bottom: 1em solid #b9dab9;
  67 }
  68
  69 #content {
  70   width:750px;
  71   padding:10px;
  72   background:#f9f9f9;
  73 /*  float:left;*/
  74   margin-top:0;
  75   margin-left:240px;
  76 }
  77
  78 #tagcloud {
  79   float:left;
  80   width:220px;
  81   margin:2ex 1em;
  82 }
  83
  84 .tags a, #tagcloud a {
  85   color:#bbb;
  86 }
  87 .tags a:hover, #tagcloud a:hover {
  88   color:#9b9;
  89 }
  90
  91 .tags, .by {
  92   font-size:80%;
  93   color:#666;
  94   margin-top:0;
  95 }
  96
  97
  98 label {
  99   display:block;
 100 }
 101
 102 #post .body {
 103   padding:5px 15px;
 104 }
 105
 106 #posts .body {
 107   padding:5px 10px;
 108 }
 109 .body img {
 110   border:2px solid #fff;
 111   margin-left:133px;
 112 }
 113
 114 #posts li {
 115   margin-bottom:16px;
 116 }
 117
 118 p.post {
 119   font-family: serif;
 120   margin:10px;
 121 }
 122
 123 #comments {
 124   font-size:80%;
 125   background:#fdfdfd;
 126   padding:12px;
 127   margin:8px;
 128   border:4px #fff;
 129 }
 130
 131 #comments ul {
 132   padding:0;
 133 }
 134
 135 #comments li {
 136   border:4px solid #ebebeb;
 137   background:#fbfbfb;
 138   margin:20px 0;
 139   padding:3px 3px 3px 3px;
 140 }
 141
 142 #comments h4 {
 143   background:#ebebeb;
 144   padding:1px 0 0 5px;
 145 }
 146
 147 img.gravatar {
 148   width:40px;
 149   height:40px;
 150   float:left;
 151   margin:2px 8px;
 152   border:2px solid #fff;
 153 }
 154
 155 ul {
 156   margin:0;
 157   list-style: none;
 158   padding:0 20px;
 159 }
 160
 161 .body ul {
 162   list-style: disc;
 163 }
 164
 165 .paginate {
 166   text-align:center;
 167   display:block;
 168   width:100%;
 169   font-size:80%;
 170 }
 171
 172 form {
 173   font-size:0.8em;
 174   padding:8px;
 175   background:#ddd;
 176 }
 177
 178
 179
 180 fieldset {
 181   background:#ebebeb;
 182 }
 183
 184 fieldset#author {
 185   float:left;
 186   width:20%;
 187 }
 188
 189 textarea {
 190   padding:2px;
 191 }
 192
 193
 194 blockquote {
 195   padding:8px;
 196   background:#444;
 197   color:#fff;
 198 }