install/images/css/installer.css
author Dan Fuhry <dan@enanocms.org>
Thu, 18 Nov 2010 15:34:06 -0500
changeset 1324 612680c02316
parent 1227 bdac73ed481e
permissions -rw-r--r--
Added FLAC to list of file types. (In other news: I'm an audiophile)

/*
 * Enano - an open-source CMS capable of wiki functions, Drupal-like sidebar blocks, and everything in between
 * Copyright (C) 2006-2009 Dan Fuhry
 * Installation package
 * installer.css - visual styling rules for the installer
 *
 * This program is Free Software; you can redistribute and/or modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied
 * warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for details.
 */

body {
	font-family: DejaVu Sans, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0;
	padding: 0;
}

div#header {
	margin: 0px auto;
	width: 800px;
	padding: 10px 0;
}

div#step {
	float: right;
	font-size: 12pt;
	color: #D84308;
	line-height: 48px;
	background-image: url(../icons/install.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 56px;
	margin: 10px 0 0 0;
}

div.stages-holder {
	color: #ffffff;
	background-color: #2f527a;
	width: 100%;
}

ul.stages {
	margin: 0;
	line-height: 24px;
	font-size: 8pt;
	padding: 0;
}
ul.stages-fixed {
	/*
	width: 840px;
	*/
	display: table;
	margin: 0 auto;
}
li.stage {
	list-style-type: none;
	float: left;
	text-align: center;
	padding: 3px 20px 3px 20px;
}
li.stage-active {
	font-weight: bold;
	padding: 1px 20px 5px 20px;
	background-image: url(../marker.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #5f82aa;
}
div#enano-fill {
	background-image: url(../substages.png);
	background-repeat: repeat-x;
}
div#enano-body {
	width: 780px;
	padding: 10px;
	margin: 0 auto;
}
div#enano-body a {
	color: #003366;
	text-decoration: underline;
}
div#enano-body a:hover {
	color: #0055AA;
}
div#copyright {
	border-top: 1px dotted #003399;
	font-size: 6pt;
	padding: 10px;
	background-image: url(../substages.png);
	background-repeat: repeat-x;
	width: 77%;
	margin: 20px auto 0 auto;
	text-align: center;
	color: #808080;
}
td.balancer {
	width: 21px;
	background-image: url(../balancer.png);
	background-position: center center;
	background-repeat: no-repeat;
}
ul.icons {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: table;
}
ul.icons li:first-child {
	border-top-color: #FFFFFF;
}
ul.icons li {
	/* Invisible border to prevent size-switching later */
	border: 1px solid #FFFFFF;
	border-top-color: #F0F0F0;
	margin: 0 0 -2px 0;
	padding: 0;
	display: block;
}
ul.icons li:hover {
	border-color: #D0D0D0;
	-moz-border-radius: 5px;
}
a.icon, span.icon {
	display: block;
	font-size: 18pt;
	line-height: 48px;
	padding: 10px 20px 10px 68px;
	background-position: 10px center;
	background-repeat: no-repeat;
	color: #002266;
	text-decoration: none !important;
}
a.icon:hover, span.icon:hover {
	cursor: pointer;
	color: #002266 !important;
	background-color: #F0F0F0;
}
a.icon-disabled, span.icon-disabled {
	color: #808080 !important;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a.icon-disabled:hover, span.icon-disabled:hover {
	color: #808080 !important;
	background-color: #FCFCFC;
	border-color: #F8F8F8;
}
a.icon small, a.icon-disabled small, span.icon small, span.icon-disabled small {
	display: block;
	font-size: 8pt;
	line-height: normal;
	margin-top: -10px;
}
a.readme {
	background-image: url(../icons/readme.png);
}
a.install {
	background-image: url(../icons/install.png);
}
a.install-disabled {
	background-image: url(../icons/install-disabled.png);
}
a.upgrade {
	background-image: url(../icons/upgrade.png);
}
a.upgrade-disabled, span.upgrade-disabled {
	background-image: url(../icons/upgrade-disabled.png);
}

.scroller {
	padding: 10px;
	border: 1px dotted #002266;
	background-color: #F0F0F0;
	max-height: 500px;
	clip: rect(0px, auto, auto, 0px);
	overflow: auto;
}

div#installnotice {
	margin: 5% 0 0 0;
}

table#installmenu {
	margin: 0 auto 5% auto;
}
span.fieldtip_js {
	display: block;
	background-color: #F0F0FF;
	padding: 10px;
	border: 1px solid #245687;
	position: absolute;
}

/* Inputs, form controls */

input[type ^="button"], button {
	background-color: #F8F8FB;
	color: #202020;
	border-color: #B0B0B8 #D0D0D8 #D0D0D8 #B0B0B8;
	border-width: 1px;
	border-style: solid;
}
input[type ^="submit"], button.submit {
	background-color: #4F729A;
	color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #1F426A #7FA2CA #7FA2CA #1F426A;
}
input[type ^="submit"]:hover, input[type ^="submit"]:focus, button.submit:hover, button.submit:focus {
	background-color: #5f82aa;
}
input[type ^="text"], input[type ^="password"] {
	color: #202020;
	background-color: #F0F0F4;
	border: 1px solid #D6D6E9;
}
input[type ^="text"]:hover, input[type ^="password"]:hover {
	color: #202020;
	background-color: #F4F4F8;
	border: 1px solid #D6D6E9;
}
input[type ^="text"]:focus, input[type ^="password"]:focus {
	color: #202020;
	background-color: #FFFFFF;
	border: 1px solid #D6D6E9;
}

/* SysReqs: table */

table.sysreqs {
	width: 100%;
}

table.sysreqs td {
	border-right: 1px solid #ededed;
	width: 70%;
	padding: 8px;
}

table.sysreqs th {
	border-right-width: 0;
	width: 100%;
	border-bottom: 1px solid #acacac;
	text-align: left;
	padding: 7px 0 0 0;
}

table.sysreqs td.good, table.sysreqs td.bad, table.sysreqs td.warn {
	font-weight: bold;
	border-right-width: 0;
	width: 30%;
}

table.sysreqs td.good small, table.sysreqs td.bad small, table.sysreqs td.warn small {
	font-weight: normal;
}

table.sysreqs td.good {
	color: #00aa00;
}

table.sysreqs td.bad {
	color: #aa0000;
}

table.sysreqs td.warn {
	color: #aaaa00;
}

div.sysreqs_error, div.sysreqs_warning, div.sysreqs_success {
	background-image: url(../box_error.png);
	background-repeat: repeat-x;
	background-position: top center;
	background-color: #ffd1d1;
	border: 1px solid #6e0000;
	padding: 7px;
	margin-bottom: 7px;
}

div.sysreqs_warning {
	background-image: url(../box_warning.png);
	background-color: #fffed1;
	border-color: #6e6e00;
}

div.sysreqs_success {
	background-image: url(../box_success.png);
	background-color: #d1ffd1;
	border-color: #006e00;
}

div.sysreqs_error h3, div.sysreqs_warning h3, div.sysreqs_success h3 {
	font-size: 9pt;
	border-bottom: 1px solid #8f3131;
	margin-top: 0;
	margin-bottom: 6px;
}

div.sysreqs_warning h3 {
	border-bottom-color: #8f8f31;
}

div.sysreqs_success h3 {
	border-bottom-color: #318f31;
}

div.sysreqs_error p, div.sysreqs_warning p, div.sysreqs_success p {
	margin: 0;
}