apps/wolnelektury_core/static/css/screen.css

   1 /*
   2  * Should only be applied for big-screen pc-like devices.
   3  */
   4
   5 .left-column {
   6     width: 47em;
   7     float: left;
   8 }
   9 .right-column {
  10     float:right;
  11     width: 47em;
  12 }
  13
  14 .hidden-box ul {
  15         width: 48em;
  16     column-width: 12em;
  17     -moz-column-width: 12em;
  18     -webkit-column-width: 12em;
  19 }
  20
  21 #header-content, div#main-content, div#half-header-content, #footer-content {
  22     width: 97.5em;
  23     margin: auto;
  24 }
  25
  26 #promo-box {
  27     float: right;
  28     margin-top: -5.1em;
  29 }
  30
  31 #promo-box-body {
  32         height: 30em;
  33 }
  34
  35 #big-cite .vip {
  36         float:left;
  37         text-align:right;
  38         width: 14.7em;
  39 }
  40
  41 #big-cite .cite-body {
  42     margin-left: 17.5em;
  43 }
  44
  45 #big-cite .source {
  46     margin-left: 17.5em;
  47 }
  48
  49
  50 .book-wide-box {
  51     width: 97.5em;
  52 }
  53 .book-wide-box .book-box-body {
  54         width: 38.2em;
  55 }
  56
  57
  58 #tagged-object-list .left-column, #tagged-object-list .right-column {
  59     width: 48em;
  60 }
  61
  62
  63
  64
  65 .inline-body {
  66         width: 35em;
  67 }
  68
  69
  70 .search-result {
  71     width: 97.5em;
  72 }
  73
  74
  75 .book-list-header {
  76     width: 97.5em;
  77 }
  78
  79 .book-wide-box .right-column {
  80     width: 41.5em;
  81     margin-top: -23em;
  82 }
  83
  84 .book-wide-box #theme-list-wrapper {
  85         margin-bottom: 0;
  86 }
  87
  88 .snippets {
  89     width: 44em;
  90     float: right;
  91     margin-top: -20em;
  92 }
  93
  94
  95 /* HEADER */
  96
  97 #header {
  98     height: 3em;
  99     padding-top: 1.9em;
 100 }
 101
 102 #logo {
 103     position: absolute;
 104     top: 0;
 105 }
 106
 107 #user-info {
 108     float: right;
 109     padding: 0;
 110 }
 111
 112 #tagline {
 113     display: inline-block;
 114     margin-left: 25.5em;
 115 }
 116
 117 #search-area {
 118     margin-left: 24em;
 119     width: 73.5em;
 120 }
 121
 122 #search-field {
 123     width: 63.1em;
 124     padding-right: 0;
 125 }
 126
 127 #search {
 128     width: 47.47em;
 129 }
 130
 131 #search-button {
 132         float: right;
 133 }
 134
 135 #promo-box {
 136     width: 32em;
 137 }
 138
 139
 140 /* Book list */
 141
 142 #book-list-nav {
 143     border-left: 1px solid #CFCFCF;
 144     padding: .75em;
 145     position: absolute;
 146     right: 4em;
 147     width: 25em;
 148 }