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