#3208 + raphael.js
[wolnelektury.git] / 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 }