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 .book-wide-box #theme-list-wrapper {
  90         margin-bottom: 0;
  91 }
  92
  93 .snippets {
  94     width: 44em;
  95     float: right;
  96     margin-top: -20em;
  97 }
  98
  99
 100 /* HEADER */
 101
 102 #header {
 103     height: 3em;
 104     padding-top: 1.9em;
 105 }
 106
 107 #logo {
 108     position: absolute;
 109     top: 0;
 110 }
 111
 112 #user-info {
 113     float: right;
 114     padding: 0;
 115 }
 116
 117 #tagline {
 118     display: inline-block;
 119     margin-left: 25.5em;
 120 }
 121
 122 #search-area {
 123     margin-left: 24em;
 124     width: 73.5em;
 125 }
 126
 127 #search-field {
 128     width: 63.1em;
 129     padding-right: 0;
 130 }
 131
 132 #search {
 133     width: 47.47em;
 134 }
 135
 136 #search-button {
 137         float: right;
 138 }
 139
 140 #promo-box {
 141     width: 32em;
 142 }
 143
 144
 145 /* Book list */
 146
 147 #book-list-nav {
 148     border-left: 1px solid #CFCFCF;
 149     padding: .75em;
 150     position: absolute;
 151     right: 4em;
 152     width: 25em;
 153 }