source: documentation/trunk/tutorial_sample_files/interfaces/aybara/styles/gs3-core-min.css@ 28516

Last change on this file since 28516 was 28516, checked in by jlwhisler, 11 years ago

Files for the new tutorials on designing a new interface, including images and CSS, as well as start main.xsl, header.xsl, and home.xsl files. The pages and layouts folders in transform are empty on purpose, so the users can put each XSL file in the right place themselves as they go through the tutorials. index-GS3.html gives a preview of what the new interface will look like. During the tutorial, users are also instructed to visit http://www.os-templates.com/free-website-templates/news-magazine to get the remainder of the CSS and image files required. (Necessary because the license prohibits distribution.)

File size: 5.1 KB
Line 
1
2/* -------- SEARCH ------- */
3.paramLabel {
4 margin: 2px;
5 float: left;
6 min-width: 250px;
7}
8.paramValue {
9 margin: 2px;
10 float: left;
11}
12
13
14/** query form style**/
15div#queryform{
16
17}
18
19/** search result style */
20.termInfo{
21font-style: italic;
22
23}
24
25div#matchdocs{
26clear: both;
27}
28
29div.resultnavigation{
30 margin: 0;
31 padding:0;
32}
33
34ul#resultlist li{
35 display:block;
36}
37
38
39
40
41
42
43
44
45
46
47
48/* Horizontal Classifiers */
49
50.horizontalContainer {
51 padding-left:0px;
52 margin:0px;
53 text-transform: uppercase; /* To get the bookshelves and buckets titlecased (they're stored lowercased) */
54}
55
56.selectedHorizontalClassifierNode a{
57 font-weight: bold;
58 text-decoration: none;
59}
60
61.horizontalClassifierNode {
62 padding:0px 0px 10px 10px;
63 list-style:none;
64 display: inline-block;
65}
66
67/* Registered users table */
68
69
70#userListTable {
71 text-align: center;
72 width: 90%;
73 margin: auto;
74}
75
76#userListTable td{
77 border: black 1px solid;
78 padding: 5px;
79}
80
81
82table{
83 border-collapse:collapse;
84 border-spacing:0;
85}
86
87
88
89#auth_navbar {
90 width: 90%;
91 margin: 10px auto;
92}
93
94#auth_navbar span{
95 padding:3px;
96}
97
98
99
100
101/* TABLE OF CONTENTS*/
102.termList {
103 font-size:12px;
104 line-height:14px;
105}
106
107.noTermHighlight{
108
109}
110
111.termHighlight{
112 background:yellow;
113}
114
115#viewAndZoomOptions {
116 margin-bottom:10px;
117 border:0px;
118}
119
120#viewOptions {
121 margin: 0px;
122 padding: 0px;
123}
124
125#viewOptions li {
126 list-style:none;
127 float:left;
128 padding: 5px;
129 cursor:pointer;
130}
131
132
133
134.tableOfContentsTitle{
135 font-weight:bold;
136 text-align:left;
137}
138
139.viewOptions a:link, .viewOptions a:hover, .viewOptions a:active, .viewOptions a:visited {
140 text-decoration:none;
141}
142
143#rightSidebar {
144 width: 30%;
145 min-width:180px;
146 float:right;
147 margin: 0 0 10px 20px;
148}
149
150#contentsArea {
151 padding:0px 10px;
152}
153
154#collectionLinks {
155 position: relative;
156}
157
158
159.tocTable {
160 width: 100%;
161 background: white !important;
162}
163
164.tocTextCell {
165 padding-left:5px;
166}
167
168.tableOfContentsContainer {
169 padding:1px;
170 max-height:500px;
171 overflow:auto;
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
311
312
313/* INTERFACE SPECIFIC */
314
315
316.col2{color:#FFFFFF; background-color:#F6F6F6;height:67px;}
317
318
319#header .fl_left p{
320 font-size: 22px;
321 }
322
323.container{
324 min-height: 300px;
325 }
326
327
328.column .latestnews li{
329 height: auto;
330 }
331
332#hpage_cats{
333 margin-top: 20px;
334 }
335
336
337#hpage_cats .fl_left img, #hpage_cats .fl_right img{
338 height: 100px;
339 width: 100px;
340 }
341
342
343.panel .panel-overlay, .panel .overlay-background{height: 20px;}
344
345
346#advanced {
347margin: 2px 0px 0px 0px;
348float: right;
349clear: both;
350}
351
352
353input[type='submit'], button {
354display:block;
355 float:left;
356 border:1px solid #396B86;
357 font-size:12px;
358 width:68px;
359 height:26px;
360 margin:0;
361 padding:4px 0;
362 text-transform:uppercase;
363 color:#FFFFFF;
364 background-color:#059BD8;
365 border-color:#396B86;
366 cursor:pointer;
367 font-weight:bold;
368}
369
370
371#changePasswordButton {
372 width:175px;
373}
374
375#addGroupButton {
376 width:100px;
377}
378
379
380li.login a {
381color: #a4e3fd;
382}
383
384
385input[value='Set preferences'] {
386width: 150px;
387}
Note: See TracBrowser for help on using the repository browser.