foreman/public/stylesheets/style.css @ ef14965b
7fcd9832 | Ohad Levy | body {
|
|
font-family: Verdana, sans-serif;
|
|||
font-size: medium;
|
|||
color:#484848;
|
|||
margin: 0;
|
|||
padding: 0;
|
|||
min-width: 900px;
|
|||
background-color: #E6DFCF;
|
|||
}
|
|||
h1, h2, h3, h4 {
|
|||
font-family: "Trebuchet MS", Verdana, sans-serif;
|
|||
}
|
|||
th.underlined {
|
|||
text-decoration: underline
|
|||
}
|
|||
a:link, a:visited {
|
|||
color: #507EA1;
|
|||
}
|
|||
a:active {
|
|||
color: #3082BF;
|
|||
}
|
|||
input {
|
|||
margin-bottom: 1px;
|
|||
}
|
|||
p {
|
|||
c6f1b718 | Ohad Levy | line-height: 130%;
|
|
7fcd9832 | Ohad Levy | }
|
|
4e42b118 | Ohad Levy | #header {height:3.7em;margin:0;background-color:#406480;color:#E6DFCF;padding: 4px 8px 0px 6px; position:relative;}
|
|
7fcd9832 | Ohad Levy | ||
#header a {
|
|||
float:right;
|
|||
margin-right: 0.5em;
|
|||
color: #CFDCE6;
|
|||
height:1.8em;
|
|||
font-size: 0.8em;
|
|||
}
|
|||
#header .title {
|
|||
50d325f0 | Ohad Levy | color:#FFFAFA;
|
|
7fcd9832 | Ohad Levy | font-variant:small-caps;
|
|
font-weight: bold;
|
|||
72e65b31 | Ohad Levy | font-family: Helvetica, Arial, Verdana, sans-serif;
|
|
50d325f0 | Ohad Levy | font-size: 130%;
|
|
7fcd9832 | Ohad Levy | }
|
|
72e65b31 | Ohad Levy | #menu ul {
|
|
c6f1b718 | Ohad Levy | margin: 0; padding: 0;
|
|
list-style: none;
|
|||
float: left;
|
|||
width: 960px;
|
|||
72e65b31 | Ohad Levy | }
|
|
7fcd9832 | Ohad Levy | #menu li {
|
|
float:left;
|
|||
list-style-type:none;
|
|||
}
|
|||
#menu li a {
|
|||
display: block;
|
|||
float:left;
|
|||
color: #fff;
|
|||
text-decoration: none;
|
|||
font-weight: bold;
|
|||
margin: 0;
|
|||
padding: 4px 10px 4px 10px;
|
|||
}
|
|||
#menu li a:hover {background:#759FCF; color:#fff;}
|
|||
72e65b31 | Ohad Levy | #menu li a.active, li a.selected:hover {background:#fff; color:#555;}
|
|
7fcd9832 | Ohad Levy | ||
div#content {
|
|||
c88c9fd6 | Ohad Levy | position:relative;
|
|
7fcd9832 | Ohad Levy | float: center;
|
|
padding: 10px;
|
|||
}
|
|||
div#content h3 {
|
|||
margin-top: 15px;
|
|||
}
|
|||
div#footer {
|
|||
clear: both;
|
|||
border-top: 1px solid #bbb;
|
|||
font-size: 0.9em;
|
|||
padding: 5px;
|
|||
text-align:center;
|
|||
background: #E6C373;
|
|||
color: #806C40;
|
|||
margin-top: 1em;
|
|||
}
|
|||
#login-form {text-align: center;}
|
|||
#login-form table {margin-top:2em; padding:1em; margin-left: auto; margin-right: auto; border: 2px solid #FDBF3B; background-color:#FFEBC1; }
|
|||
#login-form table td {padding: 6px;text-align: center;}
|
|||
#login-form label {font-weight: bold;}
|
|||
/***** Flash & error messages ****/
|
|||
#errorExplanation, div.flash, .nodata, .warning {
|
|||
padding: 4px 4px 4px 30px;
|
|||
margin-bottom: 12px;
|
|||
font-size: 1.1em;
|
|||
border: 2px solid;
|
|||
}
|
|||
div.flash {margin-top: 8px;}
|
|||
div.flash.error, #errorExplanation {
|
|||
background: url(../images/false.png) 8px 5px no-repeat;
|
|||
background-color: #ffe3e3;
|
|||
border-color: #dd0000;
|
|||
color: #550000;
|
|||
}
|
|||
div.flash.notice {
|
|||
background: url(../images/true.png) 8px 5px no-repeat;
|
|||
background-color: #dfffdf;
|
|||
border-color: #9fcf9f;
|
|||
color: #005f00;
|
|||
}
|
|||
.nodata, .warning {
|
|||
text-align: center;
|
|||
background-color: #FFEBC1;
|
|||
border-color: #FDBF3B;
|
|||
color: #A6750C;
|
|||
}
|
|||
#errorExplanation ul { font-size: 0.9em;}
|
|||
/* rails error message */
|
|||
.error-messages {
|
|||
background: #BC1C3D;
|
|||
border: 1px solid #900024;
|
|||
padding: 15px 30px;
|
|||
color: white;
|
|||
margin-bottom: 20px;
|
|||
}
|
|||
.error-messages h2 {
|
|||
color: white; margin-top: 0; padding-bottom: 0; font-size: 16px;
|
|||
}
|
|||
.error-messages li {margin-left: 20px; list-style: square;}
|
|||
.field-with-errors input, .field-with-errors textarea, .field-with-errors select {border: 2px solid #BC1C3D;}
|
|||
/* Tables */
|
|||
16cb7742 | Ohad Levy | table.list { border: 1px solid #e4e4e4; border-collapse: collapse; width: 100%; margin-bottom: 4px; }
|
|
table.list th { background-color:#EEEEEE; padding: 4px; white-space:nowrap; }
|
|||
table.list td { vertical-align: top; border: 1px #fff solid; padding: 4px }
|
|||
table.list td.id { width: 2%; text-align: center;}
|
|||
table.list td.checkbox { width: 15px; padding: 0px;}
|
|||
table.list tbody tr:hover { background-color:#ffffaa; }
|
|||
table.list caption {
|
|||
text-align: center;
|
|||
font-size: 125%;
|
|||
padding: .75em;
|
|||
color: #000;
|
|||
}
|
|||
table td {padding:2px;}
|
|||
table p {margin:0;}
|
|||
.odd {background-color:#f6f7f8;}
|
|||
.even {background-color: #fff;}
|
|||
7fcd9832 | Ohad Levy | .fieldWithErrors input.text-input,
|
|
.fieldWithErrors select,
|
|||
.fieldWithErrors {
|
|||
16cb7742 | Ohad Levy | border: solid 1px #f00;
|
|
50d325f0 | Ohad Levy | }
|
|
4e42b118 | Ohad Levy | ||
/* host show page */
|
|||
#title, td.last_row { font-weight: bold; }
|
|||
#host_overview {
|
|||
float:right;
|
|||
width:30%
|
|||
}
|
|||
#host_overview table { border: 1px solid #ccc; }
|
|||
#host_overview table th{ text-align: left; }
|
|||
.pagination { float: right }
|
|||
#host_report {
|
|||
border-bottom: 1px solid #ccc;
|
|||
float: left;
|
|||
width:70%
|
|||
}
|
|||
#border-it { border: 2px solid #ddd; }
|
|||
c88c9fd6 | Ohad Levy | ||
.simple_search {
|
|||
position: absolute;
|
|||
top:40px;
|
|||
right:20px;
|
|||
}
|
|||
c6f1b718 | Ohad Levy | div#dashboard {
|
|
text-align: center;
|
|||
position: relative;
|
|||
}
|
|||
div#overview {
|
|||
position: absolute;
|
|||
right: 0;
|
|||
top: 20px;
|
|||
width: 30%
|
|||
}
|
|||
div#run_distribution {
|
|||
position: absolute;
|
|||
top: 20px;
|
|||
left: 0;
|
|||
width: 30%
|
|||
}
|
|||
bd46fa41 | Ohad Levy | ||
#hostclasses, #classes li {
|
|||
list-style-type:none;
|
|||
margin-right: 0.5em;
|
|||
}
|
|||
#classes .puppetclass a {
|
|||
font-size: 75%;
|
|||
color: #333;
|
|||
}
|
|||
ef14965b | Ohad Levy | ||
#host_index_links {
|
|||
position: relative;
|
|||
float: right;
|
|||
}
|