source: main/trunk/greenstone3/web/interfaces/therin/css/gs3-core-min.css@ 28644

Last change on this file since 28644 was 28644, checked in by jlwhisler, 10 years ago

A new interface created using a CSS template by luiszuno.com. Based on the default interface.

File size: 5.3 KB
Line 
1
2/* -------- SEARCH ------- */
3.paramLabel {
4clear: both;
5 margin: 2px;
6 float: left;
7 min-width: 250px;
8}
9.paramValue {
10 margin: 2px;
11 float: left;
12}
13
14
15/** query form style**/
16div#queryform{
17
18}
19
20/** search result style */
21.termInfo{
22font-style: italic;
23
24}
25
26div#matchdocs{
27clear: both;
28}
29
30div.resultnavigation{
31 margin: 0;
32 padding:0;
33}
34
35ul#resultlist li{
36 display:block;
37}
38
39
40
41
42
43
44
45
46
47
48
49/* Horizontal Classifiers */
50
51.horizontalContainer {
52 padding-left:0px;
53 margin:0px;
54 text-transform: uppercase; /* To get the bookshelves and buckets titlecased (they're stored lowercased) */
55}
56
57.selectedHorizontalClassifierNode a{
58 font-weight: bold;
59 text-decoration: none;
60}
61
62.horizontalClassifierNode {
63 padding:0px 0px 10px 10px;
64 list-style:none;
65 display: inline-block;
66}
67
68/* Registered users table */
69
70
71#userListTable {
72 text-align: center;
73 width: 90%;
74 margin: auto;
75}
76
77#userListTable td{
78 border: black 1px solid;
79 padding: 5px;
80}
81
82
83table{
84 border-collapse:collapse;
85 border-spacing:0;
86}
87
88
89
90#auth_navbar {
91 width: 90%;
92 margin: 10px auto;
93}
94
95#auth_navbar span{
96 padding:3px;
97}
98
99
100
101
102/* TABLE OF CONTENTS*/
103.termList {
104 font-size:12px;
105 line-height:14px;
106}
107
108.noTermHighlight{
109
110}
111
112.termHighlight{
113 background:yellow;
114}
115
116#viewAndZoomOptions {
117 margin-bottom:10px;
118 border:0px;
119}
120
121#viewOptions {
122 margin: 0px;
123 padding: 0px;
124}
125
126#viewOptions li {
127 list-style:none;
128 float:left;
129 padding: 5px;
130 cursor:pointer;
131}
132
133
134
135.tableOfContentsTitle{
136 font-weight:bold;
137 text-align:left;
138}
139
140.viewOptions a:link, .viewOptions a:hover, .viewOptions a:active, .viewOptions a:visited {
141 text-decoration:none;
142}
143
144#rightSidebar {
145 width: 30%;
146 min-width:180px;
147 float:right;
148 margin: 0 0 10px 20px;
149}
150
151#contentsArea {
152 padding:0px 10px;
153}
154
155#collectionLinks {
156 position: relative;
157}
158
159
160.tocTable {
161 width: 100%;
162 background: white !important;
163}
164
165.tocTextCell {
166 padding-left:5px;
167}
168
169.tableOfContentsContainer {
170 padding:1px;
171
172}
173
174#tableOfContents {
175 margin: 0;
176 padding: 0;
177 font-size: 90%;
178}
179
180#tableOfContents li {
181 list-style: none;
182 margin: 0;
183 padding: 2px;
184}
185
186#tableOfContents li.current {
187 background-color: #090;
188}
189
190#tableOfContents li.current li {
191 background-color: #fff;
192}
193
194
195/* SECTIONED DOCUMENTS*/
196
197.sectionHeader {
198 margin-top:0px;
199 margin-bottom:0px;
200}
201
202.headerTD {
203 vertical-align: middle;
204}
205
206/* Styles for the different depths */
207.sectionHeaderDepthTitle{
208 font-size:1.4em;
209 line-height:1em;
210 font-weight:bold;
211}
212
213.sectionHeaderDepth1{
214 font-size:1.3em;
215 line-height:1em;
216 font-weight:bold;
217}
218
219.sectionHeaderDepth2{
220 font-size:1.2em;
221 line-height:1em;
222 font-weight:bold;
223 font-style:italic;
224}
225
226.sectionHeaderDepth3{
227 font-size:1.1em;
228 line-height:1em;
229 font-style:italic;
230}
231
232.sectionHeaderDepth4{
233 font-size:1em;
234 line-height:1em;
235 font-weight:italic;
236}
237
238.sectionNumberSpan{
239 /*Comment out this line to enable automatic section numbering*/
240 display:none;
241}
242
243.sectionContainer{
244 padding-top:0.5em;
245 padding-bottom:1em;
246 padding-left:1.5em;
247}
248
249
250
251.sectionText pre {
252width: 100%;
253overflow:hidden;
254clear:both;
255}
256
257#gs-document-text pre {
258white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
259white-space: -pre-wrap; /* Opera 4-6 */
260white-space: -o-pre-wrap; /* Opera 7 */
261white-space: pre-wrap; /* css-3 */
262word-wrap: break-word; /* Internet Explorer 5.5+ */
263}
264
265
266
267/* HIERARCHICAL CLASSIFIERS */
268
269table {
270 border-collapse: collapse;
271 border-spacing: 0;
272}
273.childrenlist {
274 margin: 0 0 0 10px;
275}
276.childrenlist td {
277 padding: 3px 0 0 10px;
278}
279
280
281
282/* PAGED IMAGE VIEWER */
283
284#viewOptions li {
285 cursor: pointer;
286 float: left;
287 list-style: none outside none;
288 padding: 5px;
289 display: block;
290}
291
292
293.pageSlider {
294 margin-left: auto;
295 margin-right: auto;
296 overflow: auto;
297 padding: 2px;
298 width: 250px;
299}
300.pageSliderSpacer {
301 width: 2px;
302}
303.pageSliderCol {
304 height: 100px;
305 padding: 2px;
306 text-align: center;
307 vertical-align: top;
308}
309
310/* INTERFACE SPECIFIC */
311
312
313#logo {
314text-align: center;
315}
316
317#logo a {
318font-family: Algerian, serif;
319color: #E37655;
320line-height: 1;
321
322}
323
324div.widget-block h4 {
325text-transform: uppercase;
326}
327
328div#title a#lib {
329color: #BB4E2D;
330}
331
332div#title a#lib:hover, div#title a#coll:hover {
333color: #FF9E7D;
334}
335
336@media (max-width:299px) {
337#logo a {font-size: 20px;}
338#logo a#coll {font-size: 10px;}
339#top {height: 50%}
340}
341
342@media (min-width:300px) {
343#logo a {font-size: 20px;}
344#logo a#coll {font-size: 10px;}
345#top {height: 50%}
346}
347@media (min-width:500px) {
348#logo a {font-size: 30px;}
349#logo a#coll {font-size: 20px;}
350#top {height: 40%}
351}
352@media (min-width:800px) {
353#logo a {font-size: 40px;}
354#logo a#coll {font-size: 30px;}
355#top {height: 30%}
356}
357@media (min-width:1000px) {
358#logo a {font-size: 50px;}
359#logo a#coll {font-size: 40px;}
360#top {height: 20%}
361}
362@media (min-width:1200px) {
363#logo a {font-size: 60px;}
364#logo a#coll {font-size: 50px;}
365#top {height: 10%}
366}
367
368
369
370td {
371padding: 1px;
372}
373
374form#prefform h3 {
375clear: both;
376}
377
378input[type='submit'], button {
379 display:block;
380 float:left;
381 clear: both;
382 margin-top: 10px;
383
384}
385
386form div table {
387float: left;
388clear: both;
389}
Note: See TracBrowser for help on using the repository browser.