0
|
1 |
/*
|
|
2 |
* Simplistic: a springy theme for Enano
|
|
3 |
* Copyright (C) 2007 Dan Fuhry
|
|
4 |
*
|
|
5 |
* The licensing conditions for this theme package can be viewed in the file "GPL" included with this package.
|
|
6 |
*/
|
|
7 |
|
|
8 |
/* Enano imports */
|
|
9 |
@import url("../css-global/tables.css");
|
|
10 |
@import url("../css-global/jbox.css");
|
|
11 |
@import url("../css-global/inputs.css");
|
|
12 |
|
|
13 |
body {
|
|
14 |
background-color: #7dcde7;
|
|
15 |
font-family: lucida grande, verdana, arial, sans-serif;
|
|
16 |
font-size: 75%;
|
|
17 |
}
|
|
18 |
|
|
19 |
div#mainholder, div#mainholder-simple {
|
|
20 |
width: 718px;
|
|
21 |
margin: 0 auto;
|
|
22 |
}
|
|
23 |
|
|
24 |
div#mainholder-simple {
|
|
25 |
background-image: url(../img/simple-footer.png);
|
|
26 |
background-position: bottom center;
|
|
27 |
background-repeat: no-repeat;
|
|
28 |
padding: 0 0 40px 0;
|
|
29 |
margin-top: 50px;
|
|
30 |
}
|
|
31 |
|
|
32 |
div#rap {
|
|
33 |
width: 718px;
|
|
34 |
padding: 10px 0;
|
|
35 |
background-image: url(../img/spacer.png);
|
|
36 |
margin: 0 auto;
|
|
37 |
}
|
|
38 |
|
|
39 |
div.rap-simple {
|
|
40 |
padding: 0 !important;
|
|
41 |
}
|
|
42 |
|
|
43 |
/* Catch-all for links */
|
|
44 |
|
|
45 |
a {
|
|
46 |
color: #73b22e;
|
|
47 |
}
|
|
48 |
|
|
49 |
a:hover {
|
|
50 |
color: #ffbb00;
|
|
51 |
}
|
|
52 |
|
|
53 |
/* Title area */
|
|
54 |
|
|
55 |
div.title {
|
|
56 |
width: 718px;
|
|
57 |
height: 203px;
|
|
58 |
background-image: url(../img/heading.jpg);
|
|
59 |
background-repeat: no-repeat;
|
|
60 |
text-align: center;
|
|
61 |
}
|
|
62 |
|
|
63 |
div.title h1.site-name {
|
|
64 |
margin: 0 auto;
|
|
65 |
padding: 70px 0 0 0;
|
|
66 |
}
|
|
67 |
|
|
68 |
/* Left sidebar
|
|
69 |
In this theme the left and right sidebars are dramatically different
|
|
70 |
So we have different divs for each side
|
|
71 |
*/
|
|
72 |
|
|
73 |
div#sidebar-left {
|
|
74 |
width: 206px;
|
|
75 |
margin-right: 10px;
|
|
76 |
background-color: white;
|
|
77 |
}
|
|
78 |
|
|
79 |
div#sidebar-left div.sidebar-top {
|
|
80 |
height: 17px;
|
|
81 |
background-image: url(../img/sidebar-hi.png);
|
|
82 |
margin: 0;
|
|
83 |
}
|
|
84 |
|
|
85 |
div#sidebar-left div.sidebar-mid {
|
|
86 |
background-image: url(../img/sidebar-mid.png);
|
|
87 |
margin: 0;
|
|
88 |
padding: 4px 12px;
|
|
89 |
}
|
|
90 |
|
|
91 |
div#sidebar-left div.sidebar-bottom {
|
|
92 |
height: 12px;
|
|
93 |
background-image: url(../img/sidebar-low.png);
|
|
94 |
margin-bottom: 12px;
|
|
95 |
}
|
|
96 |
|
|
97 |
div#sidebar-left h4.blocktitle {
|
|
98 |
color: #4a6e22;
|
|
99 |
text-transform: uppercase;
|
|
100 |
border-bottom: 1px solid #6ca132;
|
|
101 |
margin: 0;
|
|
102 |
font-family: arial, sans-serif;
|
|
103 |
}
|
|
104 |
|
|
105 |
div#sidebar-left ul {
|
|
106 |
padding: 0;
|
|
107 |
margin: 7px 0 0 0;
|
|
108 |
list-style: none;
|
|
109 |
}
|
|
110 |
|
|
111 |
div#sidebar-left div.section-normal ul li a {
|
|
112 |
line-height: 30px;
|
|
113 |
display: block;
|
|
114 |
text-decoration: none;
|
|
115 |
padding: 0% 5px;
|
|
116 |
color: #39541a;
|
|
117 |
/* These are to compensate for hover effects */
|
|
118 |
border-width: 1px 0px 1px 0px;
|
|
119 |
border-style: solid;
|
|
120 |
border-color: #bbe78a;
|
|
121 |
}
|
|
122 |
|
|
123 |
div#sidebar-left div.section-normal ul li a:hover {
|
|
124 |
background-color: #e2ffc2;
|
|
125 |
border-width: 1px 0px 1px 0px;
|
|
126 |
border-style: solid;
|
|
127 |
border-color: #6ca132;
|
|
128 |
}
|
|
129 |
|
|
130 |
div#sidebar-left a {
|
|
131 |
display: inline;
|
|
132 |
}
|
|
133 |
|
|
134 |
/* Right (logged-in-only) sidebar */
|
|
135 |
div#right-sidebar-trigger {
|
|
136 |
position: fixed;
|
|
137 |
top: 4px;
|
|
138 |
right: 4px;
|
|
139 |
}
|
|
140 |
div#right-sidebar-trigger a {
|
|
141 |
color: #181818;
|
|
142 |
font-family: arial, helvetica, sans-serif;
|
|
143 |
font-size: 8pt;
|
|
144 |
text-decoration: none;
|
|
145 |
}
|
|
146 |
|
|
147 |
div#right-sidebar {
|
|
148 |
background-color: #96E5FF;
|
|
149 |
display: none;
|
|
150 |
position: absolute;
|
|
151 |
top: 15px;
|
|
152 |
right: 4px;
|
|
153 |
width: 150px;
|
|
154 |
border: 1px solid #3e98b5;
|
|
155 |
padding: 7px;
|
|
156 |
}
|
|
157 |
|
|
158 |
div#right-sidebar ul {
|
|
159 |
padding: 0;
|
|
160 |
margin: 7px 0 0 0;
|
|
161 |
list-style: none;
|
|
162 |
}
|
|
163 |
|
|
164 |
div#right-sidebar h4.blocktitle {
|
|
165 |
color: #224a6e;
|
|
166 |
text-transform: uppercase;
|
|
167 |
border-bottom: 1px solid #2c5f8e;
|
|
168 |
margin: 0;
|
|
169 |
font-family: arial, sans-serif;
|
|
170 |
}
|
|
171 |
|
|
172 |
div#right-sidebar div.sidebar-mid {
|
|
173 |
padding: 4px 0;
|
|
174 |
}
|
|
175 |
|
|
176 |
div#right-sidebar div.section-normal a {
|
|
177 |
color: black;
|
|
178 |
display: block;
|
|
179 |
text-decoration: none;
|
|
180 |
padding: 5px 3px;
|
|
181 |
}
|
|
182 |
|
|
183 |
div#right-sidebar div.section-normal a:hover {
|
|
184 |
background-color: #cdf3ff;
|
|
185 |
}
|
|
186 |
|
|
187 |
/* Page title on simple theme */
|
|
188 |
|
|
189 |
h2.simple-title {
|
|
190 |
margin: 0;
|
|
191 |
padding: 0 50px;
|
|
192 |
line-height: 134px;
|
|
193 |
background-image: url(../img/simple-header.png);
|
|
194 |
}
|
|
195 |
|
|
196 |
/* Copyright bar */
|
|
197 |
|
|
198 |
div.copyright-top {
|
|
199 |
height: 11px;
|
|
200 |
width: 718px;
|
|
201 |
background-image: url(../img/copyright-hi.png);
|
|
202 |
clear: both;
|
|
203 |
}
|
|
204 |
div.copyright {
|
|
205 |
width: 622px; /* 718px - 96px of padding */
|
|
206 |
background-image: url(../img/copyright-mid.png);
|
|
207 |
padding: 4px 48px;
|
|
208 |
font-family: verdana, sans-serif;
|
|
209 |
text-transform: lowercase;
|
|
210 |
color: white;
|
|
211 |
}
|
|
212 |
div.copyright a {
|
|
213 |
color: #c9ff8e;
|
|
214 |
text-decoration: none;
|
|
215 |
}
|
|
216 |
div.copyright a:hover {
|
|
217 |
color: #ffbb00;
|
|
218 |
}
|
|
219 |
div.copyright-bottom {
|
|
220 |
height: 53px;
|
|
221 |
width: 718px;
|
|
222 |
background-image: url(../img/copyright-low.png);
|
|
223 |
}
|
|
224 |
|
|
225 |
/* Content area */
|
|
226 |
|
|
227 |
div.content-holder {
|
|
228 |
padding: 4px 33px;
|
|
229 |
}
|
|
230 |
|
|
231 |
div.content-holder a {
|
|
232 |
color: #73b22e;
|
|
233 |
}
|
|
234 |
|
|
235 |
div.content-holder a:hover {
|
|
236 |
color: #ffbb00;
|
|
237 |
border-bottom: 1px dotted #73b22e;
|
|
238 |
}
|
|
239 |
|
|
240 |
div.mdg-comment {
|
|
241 |
background-color: #fffcfa;
|
|
242 |
}
|
|
243 |
|
|
244 |
div.content-inner {
|
|
245 |
margin: 0 0 0 10px;
|
|
246 |
}
|
|
247 |
|
|
248 |
div.content-inner h2#h2PageName {
|
|
249 |
border-bottom: 1px solid #8fd542;
|
|
250 |
margin: 0;
|
|
251 |
}
|
|
252 |
|
|
253 |
div.content-inner blockquote {
|
|
254 |
margin-left: 2em;
|
|
255 |
border-left: 5px solid #8fd542;
|
|
256 |
padding-left: 10px;
|
|
257 |
background-image: url(../img/blockquote.png);
|
|
258 |
background-repeat: no-repeat;
|
|
259 |
background-position: bottom right;
|
|
260 |
min-height: 49px; /* To make sure entire quote mark is showing */
|
|
261 |
font-style: italic;
|
|
262 |
}
|
|
263 |
div.content-inner blockquote em, div.content-inner blockquote i {
|
|
264 |
font-style: normal;
|
|
265 |
}
|
|
266 |
|