themes/admin/css/default.css
author Dan Fuhry <dan@enanocms.org>
Mon, 15 Nov 2010 19:21:40 -0500
changeset 1311 a228f7e8fb15
parent 1227 bdac73ed481e
permissions -rw-r--r--
Added a new "hide-with-mce" CSS class in Dynano; all elements which have it will be hidden when TinyMCE is activated, and re-shown when it is destroyed.

/*
 * 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;
}