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