media/css/master.css

   1 body {
   2     margin: 2em;
   3     font: 70% Verdana, Arial, Helvetica, sans-serif;
   4     line-height: 1.5em;
   5     background: #FFF url(/media/img/bg.png) repeat-x;
   6     color: #000;
   7 }
   8
   9 img {
  10     border: none;
  11 }
  12
  13 a {
  14     color: #295158;
  15     text-decoration: none;
  16 }
  17
  18 a:hover, a:active {
  19     text-decoration: underline;
  20 }
  21
  22 input {
  23     font: 1em Verdana, Arial, Helvetica, sans-serif;
  24 }
  25
  26 h1 {
  27     font: normal normal bold 2em Arial, sans-serif;
  28     color: #2F4110;
  29     margin: 0.5em 0 0 0;
  30 }
  31
  32 h2 {
  33     font-size: 1.2em;
  34     font-weight: bold;
  35     color: #2F4110;
  36     margin: 0;
  37 }
  38
  39 h3 {
  40     font-size: 1.3em;
  41     font-weight: bold;
  42     margin: 0.2em 0 0 0;
  43     color: #333;
  44 }
  45
  46 em {
  47     font-style: normal;
  48     background-color: #F5DC7D;
  49 }
  50
  51 .clearboth {
  52     clear: both;
  53 }
  54
  55 .blur {
  56     color: #999;
  57 }
  58
  59 /* ================================== */
  60 /* = Header with logo and user-info = */
  61 /* ================================== */
  62 #header {
  63     position: relative;
  64 }
  65
  66 #header #logo {
  67     float: left;
  68 }
  69
  70 #header #user-info {
  71     margin: 0 0 0 auto;
  72     width: 40em;
  73     text-align: right;
  74 }
  75
  76
  77 /* ======================== */
  78 /* = Footer with sponsors = */
  79 /* ======================== */
  80 #footer {
  81     border-top: 0.1em solid #999;
  82     color: #999;
  83     font-size: 0.8em;
  84     padding-top: 0.5em;
  85     margin: 2em 0 0 0;
  86 }
  87
  88 #footer p {
  89     margin: 0;
  90 }
  91
  92 #footer a {
  93     color: #999;
  94     text-decoration: underline;
  95 }
  96
  97
  98 /* =============== */
  99 /* = Search form = */
 100 /* =============== */
 101 #search-form {
 102     margin: 0.5em 0;
 103     padding: 0.5em;
 104     background-color: rgb(132, 191, 42);
 105     -moz-border-radius: 4px;
 106     -webkit-border-radius: 4px;
 107     border-radius: 4px;
 108     border-bottom: 0.15em solid #7B9C2D;
 109     border-right: 0.15em solid #7B9C2D;
 110 }
 111
 112 #search-form p {
 113     margin: 0em 0 0 0;
 114 }
 115
 116 #search-form ol {
 117     margin: 0;
 118     padding: 0;
 119 }
 120
 121 #search-form li {
 122     margin: 0;
 123     padding: 0;
 124     list-style: none;
 125     display: inline;
 126 }
 127
 128 #search-form li.category, #search-form li.book-title {
 129     padding: 0.2em 0.5em 0.2em 0.5em;
 130     background-color: rgb(242, 163, 15);
 131     border: 1px solid #BA8722;
 132     border-right: 1px solid #555;
 133     border-bottom: 1px solid #555;
 134     -moz-border-radius: 3px;
 135     -webkit-border-radius: 3px;
 136     border-radius: 3px;
 137 }
 138
 139 #search-form li.book-title {
 140     background-color: #DDD;
 141     border: 1px solid #999;
 142     border-right: 1px solid #555;
 143     border-bottom: 1px solid #555;
 144 }
 145
 146 #search-form input[type=submit] {
 147     color: #444;
 148 }
 149
 150 /* TODO: Shouldn't be needed */
 151 #book-detail #search-form {
 152     padding: 0.75em 0.5em;
 153 }
 154
 155 .ac_input {
 156     width: 20em;
 157 }
 158
 159
 160 /* ============= */
 161 /* = Tags list = */
 162 /* ============= */
 163 #tags-list {
 164     margin-top: 1em;
 165     padding: 1em;
 166     background-color: #FBEF90;
 167     -moz-border-radius: 4px;
 168     -webkit-border-radius: 4px;
 169     border-radius: 4px;
 170     border-bottom: 0.15em solid #E3D888;
 171     border-right: 0.15em solid #E3D888;
 172 }
 173
 174 #books #tags-list, #book-detail #tags-list {
 175     margin-left: 39em;
 176 }
 177
 178 #tags-list ol, #tags-list ul {
 179     padding: 0;
 180     margin: 0.3em 0 1.2em 0;
 181 }
 182
 183 #tags-list li {
 184     list-style: none;
 185     padding: 0;
 186     margin: 0;
 187 }
 188
 189 #main-page #categories-list {
 190     float: left;
 191     width: 50%;
 192 }
 193
 194 #main-page #themes-list {
 195     margin-left: 50%;
 196 }
 197
 198
 199 .column {
 200     padding-right: 1em;
 201 }
 202
 203 .last.column {
 204     padding-right: 0;
 205 }
 206
 207
 208 #books-list {
 209     width: 38em;
 210     float: left;
 211 }
 212
 213 /* ===================== */
 214 /* = Latest blog posts = */
 215 /* ===================== */
 216 #latest-blog-posts {
 217     padding: 0.5em;
 218     margin-top: 0.5em;
 219 }
 220
 221 #latest-blog-posts ol {
 222     padding: 0 0 0 1.5em;
 223     margin: 0.3em 0 0 0;
 224     list-style-type: square;
 225     color: #D13628;
 226 }
 227
 228 /* =============== */
 229 /* = Description = */
 230 /* =============== */
 231 #description {
 232     margin-top: 0.5em;
 233     text-align: justify;
 234 }
 235
 236 #toggle-description, #books .pagination {
 237     width: 100%;
 238     height: 1.5em;
 239     background-color: #EEE;
 240     margin-top: 0.5em;
 241     -moz-border-radius: 4px;
 242     -webkit-border-radius: 4px;
 243     border-radius: 4px;
 244     text-align: center;
 245 }
 246
 247 #toggle-description p {
 248     margin: 0;
 249     padding: 0;
 250     color: #999;
 251 }
 252
 253 /* ============== */
 254 /* = Books list = */
 255 /* ============== */
 256 #books-list {
 257     margin: 0;
 258 }
 259
 260 #books-list ol {
 261     list-style: none;
 262     padding: 0;
 263     margin: 1.5em 0;
 264 }
 265
 266 .book {
 267     padding: 0.5em;
 268     background-color: #FFF;
 269     -moz-border-radius: 3px;
 270     -webkit-border-radius: 3px;
 271     border-radius: 3px;
 272 }
 273
 274 .book .change-sets {
 275     float: right;
 276 }
 277
 278 .book-description {
 279     margin-left: 3.5em;
 280 }
 281
 282 .book-thumbnail {
 283     background: transparent url(/media/img/book.png) no-repeat 0 0;
 284     width: 3em;
 285     height: 3em;
 286     float: left;
 287 }
 288
 289 /* =============== */
 290 /* = Simple form = */
 291 /* =============== */
 292 .cuteform ol, .cuteform ul {
 293     padding: 0;
 294     margin: 0;
 295     list-style: none;
 296 }
 297
 298 .cuteform ol li, .cuteform ul li {
 299     margin-top: 0.5em;
 300 }
 301
 302 /* ================ */
 303 /* = Modal Window = */
 304 /* ================ */
 305 #set-window {
 306     position: absolute;
 307     display: none;
 308     width: 32em;
 309     background-color: transparent;
 310     color: #333;
 311     margin-top: -0.5em;
 312     margin-left: -1em;
 313 }
 314
 315 #set-window div.header {
 316     background-color: #FFF;
 317     border-right: 0.5em solid #DDD;
 318     width: 4em;
 319     padding: 0.5em 1em 0.5em 1em;
 320 }
 321
 322 #set-window div.target {
 323     background-color: #FFF;
 324     border-right: 0.5em solid #DDD;
 325     border-bottom: 0.5em solid #DDD;
 326     padding: 1em;
 327 }
 328
 329 .jqmOverlay { background-color: #000; }
 330
 331
 332 /* ======================== */
 333 /* = Alphabetic book list = */
 334 /* ======================== */
 335 #book-a-list ol {
 336     padding: 0;
 337     margin: 0.3em 0 1.2em 0;
 338     list-style: none;
 339 }