mirror of
https://github.com/OrchardCMS/Orchard.git
synced 2025-10-15 19:54:57 +08:00
Moving CSS over from theme machine to admin.
--HG-- branch : dev
This commit is contained in:
@@ -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;
|
||||||
|
Reference in New Issue
Block a user