root/elgg/branches/elgg1.5/mod/bsctheme/views/default/bsctheme/css.php

Revision 365, 6.4 kB (checked in by bettse, 5 months ago)

increase width of topbar so increases in text size (ctrl+) don't overflow it

  • Property svn:executable set to *
Line 
1 /* Trac CSS */
2
3 p {
4     color:#555;
5     margin:0 0 10px 0;
6 }
7
8 a {
9     text-decoration:none;
10     color:#336699;
11 }
12
13 ol, ul {
14     color:#697C83;
15 }
16
17 h1 {
18     font-size:130%;
19 }
20
21 h2, h3, h4, h5 {
22     font-size:100%;
23 }
24
25 blockquote{
26     background: #EEE url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/blockquote.png) no-repeat bottom left;
27     padding: 10px;
28     padding-bottom: 40px;
29     margin: 1em;
30 }
31
32
33
34
35
36 /* Header */
37 #header { height:47px; }
38 #header hr { display: none }
39 #header h1 { margin: 1.5em 0 -1.5em; }
40 #header img { border: none; margin: 0 0 -3em }
41 #header :link, #header :visited, #header :link:hover, #header :visited:hover {
42  background: transparent;
43  color: #555;
44  margin-bottom: 2px;
45  border: none;
46 }
47 #header h1 :link:hover, #header h1 :visited:hover { color: #000 }
48
49
50 /*
51     LOGO: LOCATED WITHIN HEADER
52 */
53 div#header #logo{
54     margin: 0px;
55     padding:10px;
56     padding-top:0px;
57     float:left;
58 }
59
60 div#header #logo h1 {
61     font-size:24px;
62     padding:0;
63     margin:-30px 7px 0px 160px;
64     color:#000;
65     font-style:italic;
66 }
67
68 div#header #logo h1 a{
69     color:#fff;
70     font-family: cursive, sans-serif
71 }
72
73 div#header #logo h2{
74     color:#174764;
75     padding:0;
76     margin:0;
77     font-size:1.2em;
78 }
79
80 body {
81  background: #fff;
82  color: #000;
83  margin: 0;
84  padding: 0;
85 }
86
87
88 /* Navigation */
89 .nav h2, .nav hr { display: none }
90 .nav ul { font-size: 10px; list-style: none; margin: 0; text-align: right }
91 .nav li {
92  border-right: 1px solid #d7d7d7;
93  display: inline;
94  padding: 0 .75em;
95  white-space: nowrap;
96 }
97 .nav li.last { border-right: none }
98
99
100 /* Main navigation bar */
101 #mainnav {
102  background: #f7f7f7 url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/topbar_gradient.png) 0 0;
103  border: 1px solid #000;
104  font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
105  margin: .66em 0 .33em;
106  padding: .2em 0;
107 }
108
109 #mainnav li { border-right: none; padding: .25em 0 }
110 #mainnav :link, #mainnav :visited {
111 background: url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/dots.gif) 0 0 no-repeat;
112  border-right: 1px solid #fff;
113  border-bottom: none;
114  border-left: 1px solid #555;
115  color: #000;
116  padding: .2em 20px;
117 }
118 * html #mainnav :link, * html #mainnav :visited { background-position: 1px 0 }
119 #mainnav :link:hover, #mainnav :visited:hover {
120  background-color: #ccc;
121  border-right: 1px solid #ddd;
122 }
123 #mainnav .active :link, #mainnav .active :visited {
124 background: #333 url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/topbar_gradient2.png) 0 0 repeat-x;
125  border-top: none;
126  border-right: 1px solid #000;
127  color: #eee;
128  font-weight: bold;
129 }
130 #mainnav .active :link:hover, #mainnav .active :visited:hover {
131  border-right: 1px solid #000;
132 }
133
134
135 #content { padding-bottom: 2em; position: relative; margin:10px; }
136
137 blockquote.citation {
138  margin: -0.6em 0;
139  border-style: solid;
140  border-width: 0 0 0 2px;
141  padding-left: .5em;
142  border-color: #b44;
143 }
144
145 /* Added special */
146 .width50 { width:48%; }
147 .width66 { width:65%; }
148 .width33 { width:32%; }
149 .alignRight { float:right; }
150 .alignLeft {float:left; }
151 .light { color:#666; font-size:85%; }
152
153 .prettyList { margin:0px; padding:0px; }
154 .prettyList li { list-style:none;
155  background:url((<?php echo $vars['url']; ?>mod/bsctheme/graphics/bullet.gif) no-repeat left;
156  padding:.2em 0 0 1.5em;
157  margin:0px;
158 }
159 .prettyList .noStart { background:none; padding:.2em 0 0 1em;}
160 .ident { padding-left:2em; }
161
162 #mainnav {
163  background: #fff url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/bk.gif) repeat-x top left;
164  border-top: 3px solid #999;
165  border-bottom:1px solid #fff;
166  font: normal 10px verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
167  margin: 0 0 .33em;
168  padding-top:1em;
169
170  border-left:none;
171  border-right:none;
172 /*clear:both;*/
173 }
174 #search {float:right; clear:none !important;}
175 #banner {  background: #e55e00 url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/line.png) repeat-x top; height:95px; }
176 #mainnav li { border-right: none; padding: .1em 0;  margin-left:.2em;background:#ddd;}
177
178 .gradient { 
179     background: #fff url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/grad.gif) repeat-x top left;
180     margin-bottom:1em;
181 }
182 .ule {     height:10px; width:10px; float:left; background: url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/ul.gif) no-repeat top left; display:block; position:relative; top:-25px;}
183 .ure {    height:10px; width:10px; float:right; display:block; background: url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/ur.gif) no-repeat top left; }
184
185
186 th { text-align:left; left:-19px; position:relative; font-weight:bold;}
187 .post-footer {
188     background-color: #FAFAFA;
189     padding: 5px; margin: 20px 15px 0 15px;
190     border: 1px solid #f2f2f2;
191     font-size: 95%;
192 }
193 .post-footer .date {
194     background: url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/clock.gif) no-repeat left center;
195     padding-left: 20px; margin: 0 10px 0 5px;
196 }
197 .post-footer .comments {
198     background: url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/comment.gif) no-repeat left center;
199     padding-left: 20px; margin: 0 10px 0 5px;
200 }
201 .post-footer .readmore {
202     background: url(<?php echo $vars['url']; ?>mod/bsctheme/graphics/page.gif) no-repeat left center;
203     padding-left: 20px; margin: 0 10px 0 5px;
204 }
205
206 .inImage {
207     float:right;
208     padding:10px;
209     background-color: #FAFAFA;
210     border: 1px solid #f2f2f2;
211 }
212
213
214 /* Footer */
215 #footer {
216   clear: both;
217   color: #bbb;
218   font-size: 10px;
219   border-top: 1px solid;
220   height:80px;
221   margin:20px 0 0;
222   padding:3px 0 0;
223   position:relative;
224   width:100%;
225 }
226 #footer :link, #footer :visited { color: #bbb; }
227 #footer hr { display: none }
228 #footer #tracpowered { border: 0; float: left }
229 #footer #tracpowered:hover { background: transparent }
230 #footer p {
231   margin: 0
232   border-right:1px solid #D7D7D7;
233   border-left: 1px solid #d7d7d7;
234   float:left;
235   padding:0 1em;
236 }
237 #footer p.left {
238   float: left;
239   margin-left: 1em;
240   padding: 0 1em;
241   border-left: 1px solid #d7d7d7;
242   border-right: 1px solid #d7d7d7;
243 }
244 #footer p.right {
245   float: right;
246   text-align: right;
247 }
248 #footer img {
249   float:left;
250 }
251 #footer img {
252   padding:3px 0 0;
253   text-align:right;
254 }
255
256 /*temporarly ajax notiication message changes*/
257
258 .messages {
259     top:160px;
260 }
261 .messages_error {
262     top:160px;
263 }
264
265
266 input {
267   width:180px;
268 }
269
270 .rb {
271   border-right:1px solid #5D5D5D;
272 }
273
274 .toolbarlinks a {
275   color: #EEE;
276   text-decoration: none;
277   padding:0.5em 1.0em;
278 }
279 .toolbarlinks a:hover {
280   background:  #8B8B8B url(/social/mod/template/templates/Default_Template/images/hover-bk4.jpg) repeat-x scroll center top;
281   color: #FFF;
282 }
283 #elgg_topbar_container_left {
284   width: 80%;
285 }
286
287 #elgg_topbar_container_left .user_mini_avatar {
288   border:1px solid #EEEEEE;
289   margin:4px 0 0 20px;
290 }
291
Note: See TracBrowser for help on using the browser.