source: trunk/css/admin2.inc.css @ 673

Last change on this file since 673 was 673, checked in by anonymous, 5 years ago

Minor css changes

File size: 7.2 KB
RevLine 
[295]1/**
[455]2 * admin2.inc.css
[295]3 *
4 * CSS for the Strangecode administration sites.
5 */
6
7/*_____________________ GLOBAL ____________________*/
8body {
9    background: #fff;
10    margin: 0;
11    padding: 0;
12    font-family: verdana,geneva,arial,sans-serif;
13    color: #000;
14}
15
16a:link,
[673]17a:visited   { color: #227899; text-decoration: none; border: none; }
18a:hover     { color: #000; text-decoration: none; border: none; }
19a:active    { color: #00b8ff; text-decoration: none; border: none; }
[295]20
[365]21pre { margin: 0; }
22
[295]23/*_____________________ MISC ____________________*/
24
25/* The following are here in addition to in utilities.inc.css only because I want the font size 70%. Is there a more general way to do this? There currently are NO font-size specifications in utilities.inc.css or codebase.inc.css. That seems safest, but requires that they are redefined anyways (like here for eg). Have you figured out how to do font sizes correctly? */
26
27/* Why does having a form change the presentation of the page? Don't do that. */
28/* form { margin: 0; }
29
30form label {
31    font-size: 70%;
32    max-width: 25em;
33    font-weight: bold;
34}
35 */
36.help,
37.sc-help,
38.commandtext,
[616]39.commanditem { font-size: 0.7rem; }
[295]40
41/* For fv err applied to tds. */
42td.sc-msg-warning,
43td.sc-msg-error,
44td.sc-msg-success,
45td.sc-msg-notice {
46    background: #fff;
47    color: #f00;
48    border: none;
49}
50
[297]51img {
52    border: 0;
53    vertical-align: middle;
54}
[295]55
[323]56#container-columns {
57    width: 100%;
58}
59
[295]60/*_____________________ HEADER ____________________*/
61#userinfo {
62    width: 98%;
63    margin: 4px auto 2px;
64    color: #333;
65    text-align: right;
66}
67
68#userinfo p {
69    margin: 0;
70    padding: 0;
71}
72
73#container {
74    width: 98%;
75    margin: 0 auto 10px;
[333]76    background-color: #fff;
[295]77    border: 1px solid gray;
78}
79
80#top {
81    border-bottom: 1px solid gray;
82    background-color: #CCC;
83    padding: .5em;
84}
85
86#top h1 {
87    margin: 0;
88    padding: 0;
[616]89    font-size: 1.5rem;
[295]90    color: #000;
91}
92
93/*_____________________ NAVIGATION ____________________*/
94#leftnav {
[323]95/*     float: left; */
[436]96    min-width: 10em;
[483]97    width: 10em;
[436]98    _width: 10em;  /* IE6 hack */
[295]99    margin: 0 0 10px 0;
100    padding: 0;
101    background-color: #EEE;
102}
103
104#leftnav ul {
105    padding: 0;
106    margin: 0;
107}
108
109#leftnav #navlist li {
110    list-style: none;
111    margin: 0;
112    border-bottom: 1px solid #ccc;
113    margin-left: 0em;
114    padding: 1px 0 2px 6px;
[616]115    font-size: 0.7rem;
[295]116    font-weight: bold;
117}
118
119#leftnav #navlist li a {
120    text-decoration: none;
121    padding: 1px;
122}
123
124#leftnav #navlist li.label {
125    color: #999;
126    padding-top: 15px;
[616]127    font-size: 0.9rem;
[295]128    font-weight: bold;
129}
130
131#leftnav a.addlink {
[320]132    margin-left: 0.25em;
[295]133    font-weight: normal;
134}
135
136#leftnav #navlist li a:link, #navlist li a:visited {
[673]137    /* color: #336; */
[295]138}
139
140#leftnav #navlist li a:hover, #navlist li a:active {
[673]141    /* color: #C00; */
[295]142}
143
144/*_____________________ CONTENT ____________________*/
[333]145
146#content-table {
147    width: 100%;
148}
149
[295]150#content {
[323]151/*     width: 100%; */
[295]152/*     margin-left: 1em; */
[323]153/*     border-left: 1px solid gray; */
[295]154    padding: 0.75em 0.5em 15px 0.75em;
155    background-color: #FFF;
156}
157
158#content h1, #content h2, #content h3, #content h4, #content h5 {
159    margin: 0 0 .5em 0;
160}
[616]161#content h1 { font-size: 1.3rem; }
162#content h2 { font-size: 1.1rem; }
163#content h3 { font-size: 0.9rem; }
164#content h4 { font-size: 0.75rem; }
[295]165
[643]166#content p,
167#content ul,
168#content ol {
169    margin-bottom: .5em;
[616]170    font-size: 0.7rem;
[295]171    line-height: 130%;
172}
173
[643]174/* li:not(.ui-tab) {
175    list-style-position: inside;
176    list-style: disc;
177    margin-left: 1.2em;
[634]178} */
[643]179ul.normal li,
180ol.normal li {
181    list-style-position: inside;
182    list-style: disc;
183    margin-left: 1.2em;
184}
[295]185
186/*_____________________ TABLES ____________________*/
187table {
188    border-size: 1px;
189    border-collapse: collapse;
190    border-spacing: 0;
191}
192
193th {
194    padding: 2px;
195    text-align: left;
196    vertical-align: middle;
197    white-space: nowrap;
198}
199
200td {
201    vertical-align: top;
202    padding: 8px 6px 0 0;
203}
204
205table.list {
206    border-size: 1px;
207    width: 100%;
[483]208    margin: 6px 0;
[295]209}
210
211table.list th {
212    padding: 0 6px 1px 2px;
[616]213    font-size: 0.7rem;
[295]214    border-top: 2px solid #eee;
215    border-bottom: 2px solid #eee;
216    background-color: #ddd;
217/*  border-bottom: 1px solid #000; */
218}
219
[457]220table.list td, #commandbox table td, .commandbox table td {
[616]221    font-size: 0.7rem;
[295]222    padding: 2px 6px 2px 2px;
223    border-bottom: 1px dotted #ccc;
224    vertical-align: top;
225}
226
[457]227table.list tr:hover, #commandbox table tr:hover, .commandbox table tr:hover {
[295]228    background: #FAF8C7;
229}
230
231/*_____________________ COMMANDS ____________________*/
232
[457]233/* We were using an ID, now using class. */
234#commandbox, .commandbox
[295]235{
236    padding: 3px 5px 5px 5px;
237    margin: 0 0 10px 0;
238    border: 2px solid #eee;
239    background-color: #ddd;
240    color: inherit;
241}
242
243.commanditem
244{
245    padding: 0 10px 5px 0;
246    white-space: nowrap;
247}
248
[457]249#commandbox form, .commandbox form {
[295]250    margin: 8px 0 0 0;
251}
252
253/* I replaced all instances of commandtext with commanditem on the SC admin, but leave it here for sites I didn't. */
254.commandtext
255{
256    padding-right: 1em;
257}
258
259.command_left
260{
261    float: left;
262    white-space: nowrap;
263}
264
265.command_right
266{
267    position: relative;
268    visibility: visible;
269    white-space: nowrap;
270    float: right;
271}
272
273
274/*_____________________ FOOTER ____________________*/
275#footer {
276    clear: both;
277    margin: 0;
278    padding: 6px;
279    color: #333;
280    background-color: #DDD;
281    border-top: 1px solid gray;
[616]282    font-size: 0.7rem;
[295]283    line-height: 100%;
284}
285
[455]286#footer a:link,
[295]287#footer a:visited {
288    color: #333;
289    text-decoration: none;
290}
291
[455]292#footer a:active,
[295]293#footer a:hover {
294    color: #333;
295    text-decoration: underline;
296}
297
298/* Form Defaults ---------------------------------------------------- */
299
300.sc-form {
301    width: 100%;
302    margin: 1em 0;
303}
304
305.sc-form-row {
[320]306    margin: .5em 0;
[295]307}
308.sc-form-row:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } /* clear floats - Ydnar Hack */
309
310fieldset {
311    margin: 1em 0 0 0;
312    padding: 0;
[455]313    border: 0;
[295]314}
315
316legend {
317    font-size: 90%;
[455]318    font-weight: bold;
[295]319    padding: 0;
320    margin: 0;
321}
322
323.sc-form textarea,
324.sc-tiny,
325.sc-small,
326.sc-medium,
[455]327.sc-large,
[295]328.sc-full,
329#sc-captcha-input,
330input[type="text"],
331input[type="password"],
332textarea,
333select {
334    border: 1px solid #ccc;
[616]335    margin: 0 0.5rem 0 0;
336    padding: 2px 0.25rem;
337    box-sizing: border-box;
[295]338}
339label.sc-full {
340    border: none;
341}
342
343textarea {
344    padding: 0 2px;
345}
346
347.sc-form-row label {
[616]348    font-size: 0.7rem;
[320]349    padding-top: 0.25em;
[295]350}
351
[335]352.sc-form-row label { /* Modified by Matt. Was .sc-form-row>label:first-child */
[295]353    display: block;
354    width: 120px;
355    float: left;
356    text-align: right;
357    padding-right: 10px;
358    font-style: italic;
359}
360
[350]361.sc-form-row label.sc-label-secondary {
362    display: inline;
363    width: auto;
364    float: none;
365    text-align: left;
366    padding-right: 10px;
367    font-style: normal;
368}
369
[295]370.sc-form label span {
371    visibility: hidden;
372}
373
[587]374/*.sc-form-row input + input {
[557]375    margin-top: .5rem;
376    margin-bottom: .5rem;
[587]377} */
[557]378
[295]379input[type="submit"],
380input[type="button"] {
381    margin-right: 5px;
[320]382    padding: 0.4em 0.6em;
[295]383    border: 1px solid #ccc;
[320]384    background-color: #eee;
[295]385}
386
387.sc-submit-buttons {
[320]388    margin: 20px 0 20px 130px;
[295]389}
390.sc-form-row .sc-help {
391    margin-left: 130px;
392}
393
394label.sc-radio-label {
395    width: auto;
[493]396}
[500]397
398/* Hide foundation elements for sites still using old admin css. */
399.sc-msg .close {
400    display: none;
401}
Note: See TracBrowser for help on using the repository browser.