Moving CSS over from theme machine to admin.

--HG--
branch : dev
This commit is contained in:
Jonathan Wall
2010-11-05 16:01:22 -07:00
parent 054b0078d5
commit b0676991ac

View File

@@ -1,70 +1,143 @@
/* begin: reset /*
todo: (heskew) pare down and combine with existing selectors where appropriate */ Theme: Theme Admin
/* http://meyerweb.com/eric/tools/css/reset/ */ Author: Orchard Team http://www.orchardproject.net
/* v1.0 | 20080212 */ Copyright: 2010, Orchard. All Rights Reserved
*/
/* Color Palette
**************************************************************
Background:
Borders:
Text:
Secondary Text:
Main Accent:
Links:
*/
/* Reset
***************************************************************/
html, body, div, span, applet, object, iframe, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { table, caption, tbody, tfoot, thead, tr, th, td {
border:0; margin: 0;
font-size:100%; padding: 0;
margin:0; border: 0;
padding:0; outline: 0;
vertical-align:baseline; font-weight: inherit;
} font-style: inherit;
ol, ul { font-size: 100%;
list-style:none; font-family: inherit;
} vertical-align: baseline;
blockquote, q {
quotes:none;
} }
/* Remember focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* Tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, blockquote:before, blockquote:after,
q:before, q:after { q:before, q:after { content: ""; }
content:''; blockquote, q { quotes: "" ""; }
content:none;
} /* HTML 5 elements as block */
ins { header, footer, aside, nav, article { display: block; }
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* end: reset */ /* end: reset */
/* Base setup
----------------------------------------------------------*/ /* Clearing Floats
***************************************************************/
.group:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* General
***************************************************************/
/* Default font settings.
The font-size 81.3% sets the base font to 13px
Pixels EMs Percent Points
6px 0.462em 46.2% 5pt
7px 0.538em 53.8% 5pt
8px 0.615em 61.5% 6pt
9px 0.692em 69.2% 7pt
10px 0.769em 76.9% 8pt
11px 0.846em 84.6% 8pt
12px 0.923em 92.3% 9pt
13px 1em 100% 10pt
14px 1.077em 107.7% 11pt
15px 1.154em 115.4% 11pt
16px 1.231em 123.1% 12pt
17px 1.308em 130.8% 13pt
18px 1.385em 138.5% 14pt
19px 1.462em 146.2% 14pt
20px 1.538em 153.8% 15pt
21px 1.615em 161.5% 16pt
22px 1.692em 169.2% 17pt
23px 1.769em 176.9% 17pt
24px 1.846em 184.6% 18pt
*/
html { html {
background:#2d2f25; background:#2d2f25;
color:#333; color:#333;
} }
body {
color:#333; body {
font-family:Segoe UI,Trebuchet,Arial,Sans-Serif; font-size: 81.3%;
font-size:62.5%; /* 10px */ color: #333;
line-height:1.6em; background: #fff;
margin:0 auto 1em; font-family: Segoe UI,Trebuchet,Arial,Sans-Serif;
min-width:74em; /* 946px */ line-height:1.6em;
padding:0; margin:0 auto 1em;
min-width:74em; /* 946px */
padding:0;
} }
button {
font-family:Segoe UI,Trebuchet,Arial,Sans-Serif; /* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal;}
h1 { font-size: 1.231em; }
h2, h2 span { font-size: 1.154em; }
h3 { font-size: 1.077em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }
h1, h2, h3, h4, h5, legend {
padding:.4em 0;
font-style: normal;
font-weight:normal;
} }
body#preview {
min-width:0; h1 img, h2 img, h3 img,
} h4 img, h5 img, h6 img {
#content { margin: 0;
background:#fcfcfc;
} }
/* Layout /* Layout
number of columns: 24; actual width: 946; column width: 26; gutter width:14 number of columns: 24; actual width: 946; column width: 26; gutter width:14
@@ -137,28 +210,8 @@ number of columns: 24; actual width: 946; column width: 26; gutter width:14
width:28.721%; width:28.721%;
} }
/* Headings and defaults
----------------------------------------------------------*/
h1, h2, h3, h4, h5, legend {
padding:.4em 0;
font-style: normal;
font-weight:normal;
}
h1 { font-size:2.6em; } /* 26px */
h2 { font-size:2.1em; } /* 21px */
h2 span { font-size:.57em; } /* 12px */
h3 { font-size:1.8em; } /* 18px */
h3 span { font-size:.667em; } /* 12px */
h4 { font-size:1.6em; } /* 16px */
h5 { font-size:1.4em; } /* 14px */
h6, p, dl, label, /*input, select,*/ .button, button,
.message, .validation-summary-errors,
table.items th, table.items td, table.items caption { font-size:1.4em; line-height:1.4em; } /* 14px */
table.items p, table.items label, table.items input { font-size:1em; line-height:1em; }
p .button, table.items .button, table.items button { font-size:inherit; }
.meta, .hint { font-size:1.2em; } /* 12px */
form.link button { font-size:1.01em; }
/* Links /* Links
----------------------------------------------------------*/ ----------------------------------------------------------*/
@@ -206,27 +259,28 @@ form.link button:hover {
width:35px; width:35px;
} }
#site { #site {
font-size:2em; font-size:1.385em; /*18px*/
} }
#site a, #site a:visited, #site a:active { #site a, #site a:visited, #site a:active {
color:#fff; color:#fff;
float:left; float:left;
line-height:2.2em; line-height:2.6em;
padding:0 0 0 6px;
position:relative; position:relative;
} }
#login { #login {
font-size:1.5em;
color:#fff; color:#fff;
display:block; display:block;
float:right; float:right;
margin:16px 20px 0 0; margin:14px 20px 0 0;
white-space:nowrap; white-space:nowrap;
} }
#login a, #login a:link, #login a:visited { #login a, #login a:link, #login a:visited {
color:#fff; color:#fff;
padding:0; padding:0;
} }
#login a:hover, #login a:active, #login a:focus { #login a:hover, #login a:active, #login a:focus {
color:#ffea9b; color:#ffea9b;
} }
@@ -254,7 +308,6 @@ form.link button:hover {
#menu .menu-admin ul a, #menu .menu-admin ul a:link, #menu .menu-admin ul a:visited { #menu .menu-admin ul a, #menu .menu-admin ul a:link, #menu .menu-admin ul a:visited {
color:#2d2f25; color:#2d2f25;
display:block; display:block;
font-size:1.4em;
line-height:1.2em; line-height:1.2em;
padding:.4em 0 .4em 12px; padding:.4em 0 .4em 12px;
text-decoration:none; text-decoration:none;
@@ -338,9 +391,9 @@ form.link button:hover {
#main form.inline { #main form.inline {
margin:0; margin:0;
} }
#main h1, #main h2 { /*#main h1, #main h2 {
border-bottom:1px solid #eaeaea; border-bottom:1px solid #eaeaea;
} }*/
#main ul h2 { #main ul h2 {
border-bottom:0; border-bottom:0;
margin:.2em 0; margin:.2em 0;