themes/admin/css/default.css
author Dan Fuhry <dan@enanocms.org>
Wed, 29 Dec 2010 13:25:32 -0500
changeset 1332 12286b3ee214
parent 1227 bdac73ed481e
permissions -rw-r--r--
Added some more hooks to the page editing pipeline. It should now be possible to add controls to the page editor, send the data from them out to the server, and process them on the server side.

/*
 * Enano theme specifically designed to make the admin panel work better
 */


body                          { color: #000000; background-color: #456798; font-family: arial, helvetica, sans-serif; font-size: 8pt; margin: 0; padding: 0; }

div#header                    { font-family: georgia, serif; font-size: 11pt; background-color: #254778; padding: 10px; color: #FFFFFF; line-height: 55px; }
div#header a                  { color: #C0D0F0; border-bottom: 1px dotted #a0c0f0; text-decoration: none; }
div#header div.sitename       { color: #B0C8F0; font-family: georgia, serif; font-weight: normal; font-size: 22pt; margin: 0 10px 0 0; padding: 0; float: left; }
div#header div.menulink       { float: right; padding: 0 10px 0 0; }
div#header div.menulink a     { text-decoration: underline; color: #FFFFFF; border-bottom-width: 0; }

div#sidebar                   { padding: 0px; }
div#sidebar h4                { margin: 0; padding: 5px; }
div#sidebar ul                { margin: 0; padding: 0; list-style: none; }
div#sidebar ul li a           { display: block; padding: 5px 8px; text-decoration: none; }
div#sidebar ul li a:hover     { background-color: #E0E0E0; }

div.footer                    { margin: 10px 0 0 0; padding: 7px; text-align: center; border: 1px solid #A0A0A0; background-color: #e0e0e0; color: #666; }
div.footer a                  { color: #777; text-decoration: underline; }

table#sidebarholder           { width: 100%; margin: 10px 0 0 0; }

table.wrapper                 { Width: 100%; }
table.wrapper td.top-left     { width: 37px; height: 28px; background-image: url(../images/window-topcorners.png); background-repeat: no-repeat; }
table.wrapper td.top          {              height: 28px; background-image: url(../images/window-top.png); background-repeat: repeat-x; }
table.wrapper td.top-right    { width: 37px; height: 28px; background-image: url(../images/window-topcorners.png); background-repeat: no-repeat; background-position: -37px 0px; }
table.wrapper td.left         { width: 37px;               background-image: url(../images/window-left.png); background-repeat: repeat-y; }
table.wrapper td.main         { background-color: #FFFFFF; }
table.wrapper td.right        { width: 37px;               background-image: url(../images/window-right.png); background-repeat: repeat-y; }
table.wrapper td.bottom-left  { width: 37px; height: 44px; background-image: url(../images/window-bottomcorners.png); background-repeat: no-repeat; }
table.wrapper td.bottom       {              height: 44px; background-image: url(../images/window-bottom.png); background-repeat: repeat-x; }
table.wrapper td.bottom-right { width: 37px; height: 44px; background-image: url(../images/window-bottomcorners.png); background-repeat: no-repeat; background-position: -37px 0px; }

/* Sidebar */
td#td-sidebar                 { padding-right: 12px; height: 100%; }
table#sidebar-show {
	display: none;
	width: 100%;
}
div#sidebar-hide {
	width: 10px;
	height: 100%;
	background-color: #6587B8;
	cursor: pointer;
	position: absolute;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center center;
}
div#sidebar-hide:hover {
	background-color: #95B7E8;
}
div.expanded {
	background-image: url(../images/collapse.gif);
	right: 232px;
}
div.collapsed {
	background-image: url(../images/expand.gif);
	right: 0px;
}

/* Content area */
table.wrapper td.main h2.pagename {
	border-bottom: 1px solid #456798;
	margin-bottom: 0;
}

table.wrapper td.main a {
	color: #294F75;
}
table.wrapper td.main a:hover {
	color: #597FA5;
}

/*
 * jBox menu system
 */

div.menu, div.menu_nojs {
	background-color: #B0D0F0;
	font-size: 7pt;
	border-width: 0;
}
div.menu a, div.menu_nojs a, div.menu div.label, div.menu_nojs div.label {
	padding: 2.5pt 5px;
	margin-right: 3px;
	text-decoration: none;
	display: block;
	float: left;
	color: #406080;
}
div.menu div.label, div.menu_nojs div.label {
	color: #001020;
	cursor: default;
}
div.menu span.sep, div.menu_nojs span.sep {
	display: block;
	float: left;
	width: 5px;
}
div.menu div.multopts, div.menu_nojs div.multopts {
	line-height: 17pt;
}
div.menu div.multopts a, div.menu_nojs div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts div.label {
	float: none;
	display: inline;
}
div.menu a.liteselected, div.menu_nojs a.liteselected, div.menu a.liteselected:hover, div.menu_nojs a.liteselected:hover, div.menu a:hover, div.menu_nojs a:hover {
	color: #406080;
	background-color: #D0F0FF;
}
div.menu input[type ^="text"], div.menu_nojs input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="password"] {
	border-width: 0;
	font-size: 9pt;
	padding: 4px 5px;
	max-width: 70px;
	background-color: #D0F0FF;
}
div.menu input[type ^="text"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="password"]:hover {
	background-color: #E0F0FF;
}
div.menu input[type ^="text"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="password"]:focus {
	background-color: #F0F0FF;
}
div.menu input[type ^="button"], div.menu_nojs input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="submit"] {
	border-width: 0;
	font-size: 9pt;
	padding: 3px 5px;
	max-width: 70px;
}
div.menu a.current, div.menu_nojs a.current, div.menu a.current:hover, div.menu_nojs a.current:hover, div.menu a.selected, div.menu_nojs a.selected, div.menu a.selected:hover, div.menu_nojs a.selected:hover {
	color: #000040;
	background-color: #FFFFFF;
}
div.menu ul, div.menu_nojs ul {
	display: none;
	position: absolute;
	padding: 0;
	margin: 0;
	background-color: #B0D0F0;
	border-width: 0;
	min-width: 120px;
}
div.menu ul li, div.menu_nojs ul li {
	list-style: none;
}
div.menu ul a, div.menu_nojs ul a {
	float: none;
	margin: 0;
}
span.menuclear {
	font-size: 1px;
	height: 0px;
	width: 0px;
	clear: left;
	line-height: 0px;
	display: block;
}

/* Buttons - this is CSS3 */
input[type ^="button"], input[type ^="submit"], button {
	border-width: 1px;
	border-color: #666;
	border-style: solid;
	background-color: #DDD;
	color: #101010;
	cursor: pointer;
	font-size: 8pt;
	font-family: arial, helvetica, sans-serif;
	padding: 5px 3px;
	background-image: url(../images/buttonbg.gif);
	background-repeat: repeat-x;
}

input[type ^="button"]:hover, input[type ^="submit"]:hover, button:hover {
	border-color: #999;
}

input[type ^="button"]:active, input[type ^="submit"]:active, button:active {
	padding: 6px 2px 4px 4px;
	border-color: #333;
}

input[type ^="text"], input[type ^="password"] {
	background-color: #F8FBFF;
	color: #202020;
	border: 1px solid #254778;
	font-size: 8pt;
	font-family: arial, helvetica, sans-serif;
	padding: 3px;
}

input:disabled, input[disabled ^="disabled"], button:disabled, button[disabled ^="disabled"] {
	border-color: #666666 !important;
	background-image: none !important;
	background-color: #DDD !important;
	color: #888;
}

/* ACP home elements */

div.acphome-box {
	border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 14px 11px;
	margin: 4px;
}

div.acphome-box.halfwidth {
	padding: 1.5%;
	margin: 4px 0.5%;
	float: left;
	width: 46%;
}

div.acphome-box h3 {
	text-decoration: underline;
	margin: 0 0 10px 0;
}

div.acphome-box p {
	margin: 0 0 10px 0;
}

div.acphome-box div.tblholder table {
	color: black;
}

div.acphome-box.warning {
	background-color: #900000;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

div.acphome-box.info {
	background-color: #e2ecfe;
	color: #202020;
}

div.acphome-box.notice {
	background-color: #009000;
	color: #fff;
}

div.acphome-box.warning a:link, div.acphome-box.notice a:link {
	color: #eee;
}

div.acphome-box.warning a:hover, div.acphome-box.notice a:hover {
	color: #fff !important;
}

div.acphome-box div.tblholder table a {
	color: #294F75 !important;
}

div.acphome-box div.tblholder table a:hover {
	color: #597FA5 !important;
}

th.systemversion a {
	font-weight: normal;
	color: #fff !important;
}

th.systemversion a:hover {
	font-weight: normal;
	color: #ff0 !important;
}