summary refs log tree commit diff stats
path: root/theme/admin/css/layout.css
diff options
context:
space:
mode:
authorStarla Insigna <hatkirby@fourisland.com>2009-08-13 17:46:09 -0400
committerStarla Insigna <hatkirby@fourisland.com>2009-08-13 17:46:09 -0400
commitb5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a (patch)
tree0449277e94a42aa155995a90fd8a89cb3309e7ab /theme/admin/css/layout.css
parent6a1d5b60e6ec541a36727b84b71168f62221f7d7 (diff)
downloadfourisland-b5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a.tar.gz
fourisland-b5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a.tar.bz2
fourisland-b5736e3ad3830fa732dcbd1a518ec3dd6ea7b98a.zip
Rewrote Admin panel
The following database changes must be made:

* A TEXT column called "text" must be added to the end of "polloftheweek"
* The transferPollRss.php script must be run
* The "pollrss" table must be dropped

Closes #113
Diffstat (limited to 'theme/admin/css/layout.css')
-rw-r--r--theme/admin/css/layout.css280
1 files changed, 280 insertions, 0 deletions
diff --git a/theme/admin/css/layout.css b/theme/admin/css/layout.css new file mode 100644 index 0000000..06aa372 --- /dev/null +++ b/theme/admin/css/layout.css
@@ -0,0 +1,280 @@
1/* Basic ---------------------------------------- */
2
3.clear { clear: both; }
4
5body {
6 background: white;
7 font-family: Arial, Helvetica, sans-serif;
8 font-size: 12px;
9 color: #646464;
10 text-align: center;
11}
12
13#wrapper {
14 text-align: left;
15 width: 930px;
16 margin: 0 auto;
17}
18
19/* Logo ---------------------------------------- */
20
21h1 {
22 margin: 15px 0 10px 5px;
23 width: 225px;
24 height: 28px;
25 background: url(../img/transdmin-light.gif) no-repeat left top;
26}
27
28h1 a {
29 display: block;
30 width: 225px;
31 height: 28px;
32}
33
34h1 span { display: none; }
35
36/* Main Navigation ---------------------------------------- */
37
38#mainNav {
39 width: 918px;
40 height: 37px;
41 padding: 6px;
42 margin: 0 0 30px 0;
43 background: url(../img/top-menu-bg.gif) no-repeat left top;
44 /* We used a background image making the thick border and the thin one to keep the html structure simple */
45}
46
47#mainNav li {
48 float: left;
49 height: 37px;
50 border-right: 1px solid #ddd;
51}
52
53#mainNav li a {
54 display: block;
55 float: left;
56 height: 37px;
57 font-weight: bold;
58 line-height: 37px;
59 text-decoration: none;
60 color: #646464;
61 padding: 0 20px;
62}
63
64#mainNav li.logout {
65 float: right;
66 border-left: 1px solid #ddd;
67 border-right: none;
68}
69
70#mainNav li a:hover { background: #fdfcf6; }
71
72#mainNav li a.active, #mainNav li a.active {
73 background: #f0f0f0 url(../img/top-menu-item-bg.gif) repeat-x left top;
74 color: #454545;
75}
76
77/* Container ---------------------------------------- */
78
79#containerHolder {
80 background: #eee;
81 padding: 5px;
82}
83
84
85#container {
86 background: #fff url(../img/content.gif) repeat-y left top;
87 border: 1px solid #ddd;
88 width: 918px;
89}
90
91/* Sidebar ---------------------------------------- */
92
93#sidebar {
94 width: 179px;
95 float: left;
96}
97
98#sidebar .sideNav { width: 179px; }
99
100#sidebar .sideNav li { border-bottom: 1px solid #ddd; width: 179px; }
101
102#sidebar .sideNav li a {
103 display: block;
104 color: #646464;
105 background: #f6f6f6;
106 text-decoration: none;
107 height: 29px;
108 line-height: 29px;
109 padding: 0 19px;
110 width: 141px;
111}
112
113#sidebar .sideNav li a:hover { background: #fdfcf6; }
114
115#sidebar .sideNav li a.active, #sidebar .sideNav li a.active:hover {
116 background: #f0f7fa;
117 color: #c66653;
118}
119
120/* Breadcrumb ---------------------------------------- */
121
122h2 {
123 width: 718px;
124 float: right;
125 color: #646464;
126 font-size: 16px;
127 line-height: 16px;
128 font-weight: bold;
129 margin: 20px 0 0 0;
130 padding: 0 0 10px 0;
131 border-bottom: 1px solid #ddd;
132}
133
134h2 a {
135 color: #646464;
136 text-decoration: none;
137}
138
139h2 a.active { color: #c66653; }
140
141h2 a:hover { text-decoration: underline; }
142
143/* Content ---------------------------------------- */
144
145#main {
146 width: 700px;
147 float: right;
148 padding: 0 19px 0 0;
149}
150
151h3 {
152 font-size: 14px;
153 line-height: 14px;
154 font-weight: bold;
155 color: #5494af;
156 padding: 0 0 0 10px;
157 margin: 20px 0 10px;
158}
159
160#main table {
161 border-top: 1px solid #ddd;
162 width: 700px;
163}
164
165#main table tr td {
166 background: #f6f6f6;
167 padding: 0px 20px;
168 height: 29px;
169 line-height: 29px;
170 border-bottom: 1px solid #ddd;
171}
172
173#main table tr.odd td {
174 background: #fbfbfb;
175}
176
177#main table tr:hover td { background: #fdfcf6; }
178
179#main table .action {
180 text-align: right;
181 padding: 0 20px 0 10px;
182}
183
184#main table tr .action a { margin: 0 0 0 10px; text-decoration: none; color: #9b9b9b; }
185#main table tr:hover .action .edit { color: #c5a059; }
186#main table tr:hover .action .delete { color: #a02b2b; }
187#main table tr:hover .action .view { color: #55a34a; }
188
189#main table tr:hover .action a:hover { text-decoration: underline; }
190
191/*#main fieldset {
192 border: 1px solid #ddd;
193 padding: 19px;
194 margin: 0 0 20px 0;
195 background: #fbfbfb;
196}
197
198#main fieldset p { margin: 0 0 14px 0; float: left; width: 100%; }
199
200#main fieldset label {
201 display: block;
202 width: 100%;
203 margin: 0 0 7px 0;
204 line-height: 12px;
205}
206
207#main fieldset .text-long {
208 border: 1px solid #ddd;
209 background: #fff url(../img/input-shaddow.gif) no-repeat left top;
210 font: 11px Arial, Helvetica, sans-serif;
211 color: #646464;
212 padding: 5px 7px;
213 width: 264px;
214 float: left;
215 margin: 0 10px 0 0;
216}
217
218#main fieldset .text-medium {
219 border: 1px solid #ddd;
220 background: #fff url(../img/input-shaddow.gif) no-repeat left top;
221 font: 11px Arial, Helvetica, sans-serif;
222 color: #646464;
223 padding: 5px 7px;
224 width: 124px;
225 float: left;
226 margin: 0 10px 0 0;
227}
228
229#main fieldset .text-small {
230 border: 1px solid #ddd;
231 background: #fff url(../img/input-shaddow.gif) no-repeat left top;
232 font: 11px Arial, Helvetica, sans-serif;
233 color: #646464;
234 padding: 5px 7px;
235 width: 44px;
236 float: left;
237 margin: 0 10px 0 0;
238}
239
240#main fieldset .text-long:focus,
241#main fieldset .text-medium:focus,
242#main fieldset .text-small:focus,
243#main fieldset textarea:focus { background: #fdfcf6 url(../img/input-shaddow-hover.gif) no-repeat left top; }
244
245#main fieldset textarea {
246 border: 1px solid #ddd;
247 background: #fff url(../img/input-shaddow.gif) no-repeat left top;
248 font: 11px Arial, Helvetica, sans-serif;
249 color: #646464;
250 padding: 5px 7px;
251 width: 364px;
252 float: left;
253 margin: 0 10px 0 0;
254 height: 148px;
255 overflow: hidden;
256}*/
257
258.button-submit {
259 font: 11px Arial, Helvetica, sans-serif;
260 color: #646464;
261 width: 94px;
262 height: 29px;
263 cursor: pointer;
264 border: none;
265 background: url(../img/button-submit.gif) no-repeat left top;
266}
267
268/* Footer ---------------------------------------- */
269
270#footer {
271 margin: 10px 0 30px 0;
272 font-size: 11px;
273 line-height: 11px;
274 color: #9B9B9B;
275 padding: 0 0 0 5px;
276}
277
278#footer a { color: #9B9B9B; }
279
280#footer a:hover { text-decoration: none; }
generated by cgit-pink 1.4.1 (git 2.36.1) at 2024-06-29 12:36:26 +0000