nagiosql/install/css/install.css
2017-10-20 15:00:08 +02:00

463 lines
7.6 KiB
CSS

@charset "utf-8";
/**********************************************
/* CSS for Installation Wizard **************
/**********************************************
/*
/* NagiosQL
/*
/**********************************************
/*
/* Project : NagiosQL
/* Component: Installer CSS
/* Website : http://www.nagiosql.org
/* Date : $LastChangedDate: 2017-06-22 09:29:35 +0200 (Thu, 22 Jun 2017) $
/* Author : $LastChangedBy: martin $
/* Version : 3.3.0
/* Revision : $LastChangedRevision: 2 $
/*
/**********************************************/
/**********************************************/
/* Body CSS
/**********************************************/
body {
background: #7fadd4 url(../images/body_background.png) repeat-x fixed left top;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px;
}
/**********************************************/
/* Page Common CSS
/**********************************************/
#page {
border: 5px solid #053056;
background: #FFFFFF;
}
#page_margins {
min-width: 740px;
max-width: 80em;
margin: 0 auto;
border: 0px #889 solid;
text-align:left;
}
#header, #main, #footer {
clear:both;
}
#header {
background: #FFFFFF url(../images/background.png) repeat-x left top;
position: relative;
padding: 5px;
text-align: center;
height: 120px;
}
#main {
background: #fff;
padding:10px 0;
}
#footer {
color:#666;
background: #f9f9f9;
padding: 15px;
text-align: center;
border-top: 5px #efefef solid;
}
/**********************************************/
/* Page Custom CSS
/**********************************************/
#header-logo {
background: transparent;
position: absolute;
text-align: center;
top: 30px;
left: 70px;
}
#documentation {
position:absolute;
left: 320px;
text-align:right;
top: 56px;
}
#langselector {
position:absolute;
left: 650px;
text-align:right;
top: 50px;
}
/**********************************************/
/* Step Rows
/**********************************************/
/* Installer Menu */
#installmenu {
width: 20%;
z-index: 3;
float: left;
}
#installmenu_content {
padding: 10px 10px 10px 20px;
z-index: 4;
}
.step1_active {
background: url(../images/step1_active.png) no-repeat;
height: 75px;
width: 150px;
color: #FFFFFF;
text-align: center;
font-weight: bold;
padding: 0px 0 0 0;
}
.step1_active a,
.step1_active a:hover,
.step3_active a,
.step3_active a:hover,
.step2_active a,
.step2_active a:hover {
color: #FFFFFF;
}
.step1_deactive {
background: url(../images/step1_deactive.png) no-repeat;
height: 75px;
width: 150px;
color: #FFFFFF;
text-align: center;
font-weight: bold;
padding: 0px 0 0 0;
}
.step2_active {
background: url(../images/step2_active.png) no-repeat;
height: 75px;
width: 150px;
color: #FFFFFF;
text-align: center;
font-weight: bold;
padding: 0px 0 0 0;
}
.step2_deactive {
background: url(../images/step2_deactive.png) no-repeat;
height: 75px;
width: 150px;
color: #FFFFFF;
text-align: center;
font-weight: bold;
padding: 0px 0 0 0;
}
.step3_active {
background: url(../images/step3_active.png) no-repeat;
height: 75px;
width: 150px;
color: #FFFFFF;
text-align: center;
font-weight: bold;
padding: 0px 0 0 0;
}
.step3_deactive {
background: url(../images/step3_deactive.png) no-repeat;
height: 75px;
width: 150px;
color: #FFFFFF;
text-align: center;
font-weight: bold;
padding: 0px 0 0 0;
}
.textmiddle {
vertical-align:middle;
}
#installmain {
margin-left: 20%;
margin-right: 0;
z-index: 1;
}
#installmain_content {
padding: 10px 20px 10px 10px;
z-index: 2;
}
#install-next {
float: right;
text-align: center;
}
#install-back {
float: left;
text-align: center;
}
#install-center {
padding-left: 240px;
}
#install-button-index {
text-align:center;
position:relative;
}
.button-index {
overflow: auto;
width: 40%;
text-align: center;
margin: 0 auto;
padding: 0px;
}
.button-install {
float: left;
width: 100px;
padding: 5px;
width: 45%;
float: left;
}
.button-update {
float: left;
width:100px;
padding: 5px;
width: 45%;
float: right;
}
.button-skip {
width:100px;
text-align: center;
display: block;
padding: 5px;
}
/* Index */
#indexmain {
z-index: 1;
}
#indexmain_content {
padding: 0px 20px 10px 10px;
z-index: 2;
}
#installmain_content,
#installmenu_content,
#indexmain_content {
position: relative;
}
/* Hyperlinks */
A {
text-decoration: none;
font-weight: bold;
color: #0c4271;
}
A:hover {
text-decoration: underline;
font-weight: bold;
color: #0c4271;
}
/* Headlines */
h1,h2,h3 {
color: #0c4271;
}
h1 {
text-align: center;
font-size: 22px;
}
h2 {
font-size: 14px;
color: #1962a2;
}
h3 {
font-size: 14px;
font-style:italic;
}
/* Index Headlines */
.index-install {
padding: 10px 0 0 28px;
height: 25px;
background: url(../images/index-install.png) no-repeat left top;
margin: 10px 0 0 0;
}
.index-update {
padding: 10px 0 0 28px;
height: 25px;
background: url(../images/index-update.png) no-repeat left top;
}
/* Specials */
.attention {
color: #CC0000;
font-weight: bold;
}
.red {
font-weight:bold;
color:#FF0000
}
.green {
font-weight:bold;
color:#006600;
}
.yellow {
font-weight:bold;
color:#f2d409;
}
.steps {
text-align: center;
}
.clear {
overflow: hidden;
width: 100%;
}
.clearfix {
display: block;
}
#ie_clearing {
display:none;
}
.showfield {
}
.hidefield {
display:none;
}
/* Required fields validation */
input[type=text].required,input[type=password].required {
width:200px;
border: 1px solid #053056;
background: #941616 url(../images/inputmust.png);
font-family:Verdana, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
font-size:12px;
height:18px;
}
input[type=text] {
width:200px;
border: 1px solid #053056;
background: #941616 url(../images/input.png);
font-family:Verdana, Helvetica, sans-serif;
color: #000000;
font-size:12px;
height:18px;
}
input[type=text].locked {
width:200px;
border: 1px solid #053056;
background: #666666 url(../images/inputlock.png);
font-family:Verdana, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
font-size:12px;
height:18px;
}
input[type=submit] {
border:1px solid #6CF;
background: #d1e2fd url(../images/input.png);
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#0c4271;
height:25px;
padding-left:10px;
padding-right:10px;
margin:0px;
padding-bottom:2px;
}
input[type=submit][disabled] {
border:1px solid #6CF;
background: #d1e2fd url(../images/input.png);
font-family:Verdana, Helvetica, sans-serif;
font-size:12px;
color:#999;
height:25px;
padding-left:10px;
padding-right:10px;
margin:0px;
padding-bottom:2px;
}
select.required {
width:202px;
border: 1px solid #053056;
background: #941616 url(../images/inputmust.png);
font-family:Verdana, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
font-size:12px;
height:22px;
}
.validation-advice {
margin: 5px 0;
padding: 5px;
background-color: #FF3300;
color : #FFF;
font-weight: bold;
}
/* Text Styles */
.hint {
color: #666;
font-size: 0.95em;
}
/* Tooltip */
.yh_tt_div {
width: 200px;
background-color: #ffffff;
padding: 10px;
border: 1px solid #ff6600;
}
.yh_tooltip {
font-size: 11px;
font-face: arial,helvetica,sans-serif;
}
.tt_header {
position: relative;
width: 150px;
height: 19px;
background-image: url(../images/tip_header.gif);
margin-bottom: 3px;
}
.tooltip {
display: none;
}