image listings / boxes work but need polishing. started coding the viewer.
[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 .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 }