Orchard/src/Orchard.Web/Content/Admin/css/base.css

/* begin: reset
   todo: (heskew) pare down and combine with existing selectors where appropriate */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
:focus {
	outline:0;
}
button::-moz-focus-inner, input.button::-moz-focus-inner {
    border:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* end: reset */

html {
    background:#8a8f7a;
    color:#525e50;
}
body {
	color:#5a5b32;
    font-family:Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:62.5%; /* 10px */
	line-height:1.6em;
    margin:0 auto 1em;
    min-width:94.6em; /* 946px */
    padding:0 .4em;
}
body#preview {
    min-width:0;
}
#content {
    background:#f9faf5;
}

/* Layout

number of columns: 24; actual width: 946; column width: 26; gutter width:14

   |     24|     23|     22|     21|     20|     19|     18|     17|     16|     15|     14|     13|     12|     11|     10|      9|      8|      7|      6|      5|      4|      3|      2
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
.5g|  0.759|  0.793|  0.829|  0.870|  0.914|  0.963|  1.017|  1.079|  1.148|  1.226|  1.316|  1.420|  1.542|  1.687|  1.862|  2.077|  2.349|  2.703|  3.182|  3.867|  4.930|  6.796| 10.938
 24|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 23| 95.770|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 22| 91.540| 95.583|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 21| 87.310| 91.166| 95.379|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 20| 83.080| 86.750| 90.758| 95.155|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 19| 78.850| 82.333| 86.137| 90.311| 94.909|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 18| 74.620| 77.916| 81.517| 85.466| 89.817| 94.635|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 17| 70.390| 73.499| 76.896| 80.621| 84.726| 89.271| 94.331|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 16| 66.161| 69.083| 72.275| 75.776| 79.634| 83.906| 88.663| 93.991|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 15| 61.931| 64.666| 67.654| 70.932| 74.543| 78.542| 82.994| 87.982| 93.607|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 14| 57.701| 60.249| 63.033| 66.087| 69.452| 73.177| 77.326| 81.972| 87.213| 93.170|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 13| 53.471| 55.832| 58.412| 61.242| 64.360| 67.813| 71.657| 75.963| 80.820| 86.340| 92.669|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 12| 49.241| 51.416| 53.791| 56.398| 59.269| 62.448| 65.988| 69.954| 74.426| 79.510| 85.338| 92.089|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 11| 45.011| 46.999| 49.171| 51.553| 54.178| 57.084| 60.320| 63.945| 68.033| 72.680| 78.008| 84.178| 91.410|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
 10| 40.781| 42.582| 44.550| 46.708| 49.086| 51.719| 54.651| 57.935| 61.639| 65.849| 70.677| 76.268| 82.819| 90.602|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---|    ---
  9| 36.551| 38.165| 39.929| 41.863| 43.995| 46.355| 48.983| 51.926| 55.246| 59.019| 63.346| 68.357| 74.229| 81.205| 89.628|100.000|    ---|    ---|    ---|    ---|    ---|    ---|    ---
  8| 32.321| 33.749| 35.308| 37.019| 38.903| 40.990| 43.314| 45.917| 48.852| 52.189| 56.015| 60.446| 65.639| 71.807| 79.255| 88.427|100.000|    ---|    ---|    ---|    ---|    ---|    ---
  7| 28.091| 29.332| 30.687| 32.174| 33.812| 35.626| 37.645| 39.908| 42.459| 45.359| 48.684| 52.535| 57.048| 62.410| 68.883| 76.855| 86.913|100.000|    ---|    ---|    ---|    ---|    ---
  6| 23.861| 24.915| 26.066| 27.329| 28.721| 30.261| 31.977| 33.898| 36.066| 38.529| 41.353| 44.625| 48.458| 53.012| 58.511| 65.282| 73.826| 84.942|100.000|    ---|    ---|    ---|    ---
  5| 19.631| 20.498| 21.445| 22.484| 23.629| 24.897| 26.308| 27.889| 29.672| 31.699| 34.023| 36.714| 39.868| 43.614| 48.138| 53.709| 60.738| 69.884| 82.273|100.000|    ---|    ---|    ---
  4| 15.401| 16.082| 16.825| 17.640| 18.538| 19.532| 20.640| 21.880| 23.279| 24.869| 26.692| 28.803| 31.278| 34.217| 37.766| 42.136| 47.651| 54.826| 64.545| 78.453|100.000|    ---|    ---
  3| 11.171| 11.665| 12.204| 12.795| 13.446| 14.168| 14.971| 15.871| 16.885| 18.039| 19.361| 20.892| 22.687| 24.819| 27.394| 30.564| 34.564| 39.768| 46.818| 56.906| 72.535|100.000|    ---
  2|  6.941|  7.248|  7.583|  7.950|  8.355|  8.803|  9.302|  9.861| 10.492| 11.208| 12.030| 12.982| 14.097| 15.422| 17.021| 18.991| 21.477| 24.710| 29.091| 35.359| 45.070| 62.136|100.000
  1|  2.711|  2.831|  2.962|  3.106|  3.264|  3.439|  3.634|  3.852|  4.098|  4.378|  4.699|  5.071|  5.507|  6.024|  6.649|  7.418|  8.389|  9.653| 11.364| 13.812| 17.606| 24.272| 39.063
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   |     24|     23|     22|     21|     20|     19|     18|     17|     16|     15|     14|     13|     12|     11|     10|      9|      8|      7|      6|      5|      4|      3|      2

----------------------------------------------------------*/
#header, #footer {
    width:100%;
}
#header {
    overflow:hidden;
}
#content {
    overflow:auto;
    padding:1.4em;
}
#main {
    display:inline;
    float:right;
    width:83.08%;
}
#navigation {
    display:inline;
    float:left;
    width:15.401%;
}
.wrapper, .sections {
    overflow:hidden;
}
.sections .primary {
    display:inline;
    float:left;
    width:74.543%;
}
.sections .secondary {
    display:inline;
    float:left;
    margin-left:1.71%;
    width:23.629%;
}

/* Headings and defaults
----------------------------------------------------------*/
h1, h2, h3, h4, h5, legend {
    padding:.4em 0;
    font-family:"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    font-style: normal;
    font-weight:normal;
}

h1 { font-size:2.8em; } /* 28px */
h2 { font-size:2.4em; } /* 24px */
h3 { font-size:2.1em; } /* 21px */
h4 { font-size:1.8em; } /* 18px */
h5 { font-size:1.6em; } /* 16px */

h6, p, legend, label, input, select, .button, .cancel /* todo: (heskew) need to do something better with cancel */,
.message, th, td { font-size:1.5em; line-height:1.5em; } /* 15px */
p .button,
td *, .mceLayout td { font-size:inherit; }
.meta { font-size:1.2em; }

h3 span { font-size:.57em; } /* 12px */

/* ---------- Links ---------- */
a, a:link, a:visited {
    color:#1e5d7d;
    text-decoration:none;
}
a:hover, a:active, a:focus {
    color:#1e5d7d;
    text-decoration:underline;
}

/* Header - Branding and Login  
----------------------------------------------------------*/
#header {
	background:#8a8f7a url(images/background_header.jpg) no-repeat bottom right;
	height:60px;
}
#header h1 {
    float:left;
}
#header h1 a {
	background:url(images/orchardLogo.jpg) no-repeat;
	display:block;
	height:60px;
	margin:-11px 0 0 14px;
	text-indent:-9999px;
	width:105px;
}

#site, #login {
    font-size:1.5em;
}

#site a, #site a:visited, #site a:active {
	color:#e2e4dd;
	float:left;
	line-height:2.2em;
	padding:14px 0 0 12px;
	position:relative;
}

#login{
	color:#1a1505;
	display:block;
	float:right;
	margin:20px 20px 0 0;
	white-space:nowrap;
}
#login a, #login a:link, #login a:visited {
    color:#e2e4dd;
    padding:0;
}
#login a:hover, #login a:active, #login a:focus {
    color:#ffea9b;
}

/* Navigation
----------------------------------------------------------*/
#navshortcut {
    height:0;
    overflow:hidden;
    width:0;
}

#navigation li {
	background:#fff;
	border:1px solid #d2d6c6;
	margin:10px 0 15px 0;
}
#navigation ul li {
    border:0;
    margin:0;
}
#navigation li h4 {
    padding:0;
}
#navigation li h4 a, #navigation li h4 span {
	background:#dddfcb url(images/tableHeaderBackground.gif) repeat-x top left;
    display:block;
	padding:6px 4px 8px 8px;
}
#navigation li h4 a, #navigation li h4 a:link, #navigation li h4 a:visited {
    color:inherit;
}
#navigation li h4 a:hover, #navigation li h4 a:active, #navigation li h4 a:focus {
    background:#8a8f7a;
    color:#f6faea;
    text-decoration:none;
}
#navigation ul a, #navigation ul a:link, #navigation ul a:visited {
	color:#5a5b32;
	display:block;
	font-size:1.5em;
	height:28px;
	line-height:28px;
	padding:0 0 0 12px;
	text-decoration:none;
}
#navigation ul a:hover, #navigation ul a:active, #navigation ul a:focus {
	background:#f0ecd2;
	color: #3e4301;
	text-decoration:underline;
}

/* Content
----------------------------------------------------------*/
#main h2 {
    margin:.23em 0 1em;
}
#main h3, #main h4 {
    margin:.5em 0;
}
#main p {
    margin:0 0 1.5em;
}
#main .main.actions {
    margin:0 0 1.4em;
}
#main .meta {
    margin:-.4em 0 .4em;
}
#main form {
    margin:.345em 0 1.5em;
}
#main h2 {
    border-bottom:1px dashed #e4e7dc;
}
#main h3 {
    border-bottom:1px solid #e4e7dc;
}

/* Confirmations, Messages and the like
----------------------------------------------------------*/
.message {
	margin:10px 0 4px 0;
    padding:4px;
}
span.message {
    display:block;
	margin:4px 0 4px 4px;
}
.message a {
    font-weight:bold;
}

.confirmation.message {
	background:#e6f1c9; /* green */
	border:1px solid #cfe493;
}
.warning.message {
	background:#fdf5bc; /* yellow */
	border:1px solid #ffea9b;
}
.critical.message {
	background:#e68585; /* red */
	border:1px solid #990808;
	color:#fff;
}
.info.message {
    background:#fff; /* orange :P */
	border:1px dashed #D2D6C6;
}
.debug.message {
    background:#eee;
	border:1px dashed #D2D6C6;
	color:#7a7a7a;
	margin:20px 0 14px 0;
}
.debug.message:before {
    content:"DEBUG » ";
}

/* Forms   
----------------------------------------------------------*/
fieldset.bulk.actions {
    display:inline;
    height:auto;
    margin:0 1.4em -.7em 0;
    padding-top:0;
}

label {
	display: block;
	font-weight:700;
}
fieldset.bulk.actions label, label.sub {
    display:inline;
}
label span {
	font-weight:normal;
}
label input {
    vertical-align:text-top;
}

/* todo: (heskew) try to get .text on stuff like #PublishLaterDate and .text-box */
select, textarea, input.text, input.text-box, #PublishLaterDate {
	padding:2px;
	border:1px solid #d2d6c6;
	color:#5a5b32;
}
input.text, input.text-box {
    line-height:1.2em;
}
select:focus, textarea:focus, input.text:focus, input.text-box:focus, #PublishLaterDate:focus {
	border-color:#666d51;
}

input.large.text, textarea, fieldset {
    clear:both;
}
fieldset {
    margin:.7em 0 .4em;
}
textarea {
    min-height:8em;
}
.primary input.large.text, .primary textarea {
    margin:0;
    padding:4px;
    width:98%;
}

/* todo: (heskew) move editor specific style elsewhere */
.primary .mceEditor {
    display:block;
    margin:0;
}
.secondary fieldset {
    margin:.446% 0 .446% .446%;
    padding:4px;
    width:98.662%;
}

button, .button, .button:link, .button:visited {
	background:#dddfcb url(images/tableHeaderBackground.gif) repeat-x top left;
	border:1px solid #d2d6c6;
	color:#5a5b32;
	cursor:pointer;
	height:26px;
	padding:0 8px;
	text-align:center;
}
button.remove, .remove.button, .remove.button:link, .remove.button:visited {
    background-color:#DECCCA;
    background-image:url(images/tableHeaderBackgroundRed.gif);
    border-color:#d6c9c7;
    color:#5c3732;
}
a.button, a.button:link, a.button:visited {
    line-height:1em;
    padding:.2em .6em;
}
button:hover, .button:hover,
button:active, .button:active,
button:focus, .button:focus {
    background:#8a8f7a;
    border-color:#666d51;
    color:#f6faea;
    text-decoration:none;
}
button.remove:hover, .remove.button:hover,
button.remove:active, .remove.button:active,
button.remove:focus, .remove.button:focus {
    background:#8f7c79;
    border-color:#6e5551;
    color:#faedeb;
}
.button {
    line-height:26px;
}
.delete.button {
    float:right;
}
.cancel {
    margin:0 0 0 .93em;
}
.manage {
    float:right;
    margin:4px 0 6px 4px;
    overflow:hidden;
}
.actions {
    height:2em;
    overflow:hidden;
    padding:.6em 0 .1em;
    text-align:right;
}
.actions .construct {
    float:left;
}
.actions .destruct {
    float:right;
}
.manage a.button {
    float:right;
    height:inherit;
    margin-left:.3em;
    padding-bottom:.3em;
    padding-top:.3em;
}

/* Icon buttons
----------------------------------------------------------*/
a.ibutton, a.ibutton:link, a.ibutton:visited {
    background:url(images/icons.png) 0 -20px;
    border:none;
    display:inline;
    float:left;
    height:17px;
    overflow:hidden;
    padding:0 0 0 17px;
    width:0;
}
a.ibutton:hover, a.ibutton:active, a.ibutton:focus { background-position:0 0; }
a.ibutton.remove,
a.ibutton.remove:link,
a.ibutton.remove:visited { background-position:-20px -20px; }
a.ibutton.remove:hover, a.ibutton.remove:active, a.ibutton.remove:focus { background-position:-20px 0; }
a.ibutton.view,
a.ibutton.view:link,
a.ibutton.view:visited { background-position:-40px -20px; }
a.ibutton.view:hover, a.ibutton.view:active, a.ibutton.view:focus { background-position:-40px 0; }
a.ibutton.add.page,
a.ibutton.add.page:link,
a.ibutton.add.page:visited { background-position:-60px -20px; }
a.ibutton.add.page:hover, a.ibutton.add.page:active, a.ibutton.add.page:focus { background-position:-60px 0; }
a.ibutton.edit,
a.ibutton.edit:link,
a.ibutton.edit:visited { background-position:-80px -20px; }
a.ibutton.edit:hover, a.ibutton.edit:active, a.ibutton.edit:focus { background-position:-80px 0; }
a.ibutton.publish,
a.ibutton.publish:link,
a.ibutton.publish:visited { background-position:-100px -20px; }
a.ibutton.publish:hover, a.ibutton.publish:active, a.ibutton.publish:focus { background-position:-100px 0; }
a.ibutton.blog,
a.ibutton.blog:link,
a.ibutton.blog:visited { background-position:-120px -20px; }
a.ibutton.blog:hover, a.ibutton.blog:active, a.ibutton.blog:focus { background-position:-120px 0; }


/* todo: (heskew) needs attention */
#permalink {
    background:transparent;
    border-color:#EAE9D9;
    border-style:dashed;
    margin-left:0;
	width:350px;
}
#permalink:focus {
    background:#FFF;
    border-color:#666d51;
    border-style:solid;
}
.withActions {
    overflow:hidden;
}
.withActions a {
    display:inline;
    float:left;
    margin-right:7px;
}
input.large.text {
	font-size:130%;
	font-weight:500;
}
.helperText {
	margin:-4px 0 8px 0;
}
#Revision_Slug{
    width:245px;
}
/* ---------- Sidebar forms ---------- */
.sideBar fieldset {margin:0px; border:none;}
#Date {width:80px; margin:4px 4px 4px 16px;}
#Hour, #Minutes {width:30px;}
/* ---------- Actions form elements and filtering ---------- */
ol.actions {margin:20px 0 0 0;}
ol.actions .button {margin:4px 4px 4px -8px;}
ol.actions label {
	margin:9px 0 0;
}
.filterActions {
	float:right;
	margin:10px 2px 0 0;
}

/* Content item lists
----------------------------------------------------------*/
.contentItems {
    background:#FFF;
    border:1px solid #B0B083;
    margin:1.4em 0;
    padding:2px;
}
.contentItems li {
    background:#FFF;
    border-bottom:1px solid #EAE9D9;
    margin:0;
    overflow:hidden;
    padding:.7em 1.4em;
}
.contentItems li.last {
    border-bottom:0;
}
#main .contentItems li h3 {
    border-bottom:0;
    margin-top:0;
}
#main .contentItems li .actions {
    color:#EAE9D9;
    height:auto;
    margin:-1.3em 0 0;
    padding:0 0 .1em;
}
#main .contentItems li .actions .ibutton {
    margin-right:6px;
}
#main .contentItems li .actions .destruct .ibutton {
    margin-left:8px;
    margin-right:0;
}
#main .contentItems li:hover { background:#fafbed; }
#main .contentItems li:hover a.ibutton { background-position:0 0; }
#main .contentItems li:hover a.ibutton.remove { background-position:-20px 0; }
#main .contentItems li:hover a.ibutton.view { background-position:-40px 0; }
#main .contentItems li:hover a.ibutton.add.page { background-position:-60px 0; }
#main .contentItems li:hover a.ibutton.edit { background-position:-80px 0; }
#main .contentItems li:hover a.ibutton.publish { background-position:-100px 0; }
#main .contentItems li:hover a.ibutton.blog { background-position:-120px 0; }

/* Tables
----------------------------------------------------------*/
table {
	background:#fff;
	border:1px solid #B0B083;
	border-collapse:separate;
	border-spacing:0;
	width:100%;
}
tbody 
{
	border-spacing:0;
	vertical-align:middle;
}
thead, th {
	background:url(images/tableHeaderBackground.gif) repeat-x top left #dddfcb;
	font-weight:700;
	overflow:hidden;
	text-align:left;
}
/* todo: (heskew) hook back up */
.trhover{background-color:#f0f3d6;}
th, td {
	border-bottom:1px solid #EAE9D9;
	border-spacing:0px;
	display:table-cell;
	padding:8px 12px;
	vertical-align:middle;
}
caption {
	font-size:110%;
	padding:8px 0 8px 0;
	text-indent:0;
}
col {
	border-spacing:0;
	display:table-column;
}
colgroup 
{
	border-spacing:0;
	display:table-column-group;
}

tr.critical {background:#e68585; border:inherit;}
tr.warning {background:#fdf5bc; border:inherit;}




/* todo: (heskew) needs attention */
/* Horizontal lists
----------------------------------------------------------*/
ul.horizontal, ol.horizontal {
	margin:0;
	padding:0;
	list-style:none;
}
ul.horizontal li, ol.horizontal li {
	float:left;
	margin:0 4px;
}
ul.horizontal li a, ul.horizontal li a:visited, ul.horizontal li a:active, ol.horizontal li a, ol.horizontal li a:visited, ol.horizontal li a:active {
	display:block;
	text-decoration: none;
}




/* MISC.
todo: (heskew) pull out into relevant modules where appropriate
----------------------------------------------------------*/

/* CMSPages
----------------------------------------------------------*/
.templates fieldset {
    margin:0 0 .933%;
}
.templates p {
    overflow:hidden;
}
.templates p img {
    float:left;
    height:144px;
    margin:.27em .93em .93em .54em;
    width:124px;
}
.previewImage {
	border:1px solid #525e50;
	height:70%;
	width:70%;
}

/* todo: (heskew) needs attention */
/* Extensions;
----------------------------------------------------------*/
.floatLeft {float: left;} /*Use this class to float anything to the left*/
.floatRight {float: right;}  /*Use this class to float anything to the right*/
.alignRight {text-align: right;}
.Inline {display: inline;}
.center {margin:0 auto;}  /*Center*/
.clearLayout {clear:both;}  /*Use this class clear layout*/
.disabled {color:#CCC;}
.topSpacer{margin-top: 20px;}
.bottomSpacer{margin-bottom: 20px;}
.displayText {display:none;}

#content, #navigation li, button, .button,
table, textarea, input.text, input.text-box,
.contentItems, .message {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
#navigation li h4 a {
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}