install/images/css/installer.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 - 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;
}