This repository has been archived on 2020-01-20. You can view files and clone it, but cannot push or open issues or pull requests.
lilac/style/lilac.css
2011-08-18 14:54:38 +00:00

569 lines
10 KiB
CSS
Executable file

html, body {
font-family: Helvetica, Arial, sans-serif;
background: #fff;
font-size: 0.9em;
min-width: 900px;
}
strong {
font-weight: bold;
}
a {
text-decoration: none;
font-weight: bold;
color: #4e518d;
font-size: 13px;
}
em {
font-style: italic;
}
p {
margin: 5px;
}
a:hover {
text-decoration: underline;
}
.clear {
clear: both;
}
.shaded {
margin: 2px;
padding: 4px;
background: #f0f0f0;
border: 1px solid #e0e0e0;
}
#main {
margin: 10px;
margin-top: 40px;
}
h3 {
font-size: 14px;
font-weight: bold;
}
#search {
float: right;
color: white;
font-size: 0.5em;
margin-right: 5px;
}
.roundedcorner_success_content a:hover {
text-decoration: none;
}
.tablelist {
width: 100%;
}
.tablelist thead td {
font-weight: bold;
}
.tablelist td {
background: #f0f0f0;
padding: 4px;
border: 1px solid #d0d0d0;
}
.tablelist tr.alt {
background: #e0e0e0;
}
#search span {
background: transparent url('../images/lilac_small_white.gif.png') no-repeat 0px 2px;
padding-left: 20px;
line-height: 16px;
}
#search input {
background: transparent url(../images/searchback.gif) repeat scroll 0 0;
border:1px solid #888;
font-size:11px;
margin-top:7px;
padding:5px 7px;
width:320px;
}
a.networkadd {
float: right;
}
.formbox {
padding: 5px;
border-top: 1px dashed #ccc;
clear: both;
}
.formelement {
float: left;
width: 100%;
}
.formelement .formcontent.toggle {
margin-right: 205px;
}
.formtoggle {
width: 200px;
margin-left: -200px;
float: left;
}
#header {
background: #333 url('../images/gradient.gif') repeat-x;
height: 60px;
line-height: 60px;
color: white;
font-size: 2em;
font-weight: bold;
border-width: 0px 0px 7px 0px;
border-style: solid;
border-color: #B5BEDF;
}
#header h1 {
float: left;
background: transparent url('../images/lilacs.gif') no-repeat;
margin-top: 15px;
margin-left: 10px;
padding-left: 55px;
}
#header h1 .title {
background: transparent url('../images/lilac_configurator.gif') no-repeat;
float: left;
height: 35px;
width: 250px;
text-indent: -4000px;
}
#navigation ul {
margin: 0;
padding: 0;
list-style: none;
float: right;
}
#navigation ul li {
float: left;
}
#navigation ul li a {
display: block;
margin-right: 3px;
padding: 0 1em;
line-height: 2.1em;
text-decoration: none;
font-weight: bold;
color: #4e518d;
font-size: 13px;
}
.lilacheader {
background: blue;
}
.lilacheader {
font-size: 2em;
font-weight: bold;
border-width: 0px 0px 1px 0px;
background: #6699CC;
border-style: solid;
border-color: grey;
padding: 3px;
}
.lilacwindow {
margin: 10px;
border-style: solid;
border-width: 1px;
border-color: grey black grey black;
}
.lilacwindowheader {
padding: 2px;
color: white;
font-weight: bold;
background: #C8A2C8;
border-width: 0px 0px 1px 0px;
border-color: grey;
border-style: solid;
}
.jobs {
width: 100%;
}
.lilacwindowcontent {
padding: 3px;
}
.subnav {
font-size: 0.9em;
font-weight: normal;
margin-left: -5px;
}
.subnav a {
font-weight: normal;
font-size: 11px;
}
.subnav li{
float: left;
margin-right: 15px;
padding-bottom: 5px;
}
.subnav li.selected {
font-weight: bold;
text-decoration: underline;
}
.listing {
width: 100%;
border: 1px;
border-spacing: 0px;
border-collapse: true;
}
tr.altTop td {
font-weight: bold;
border-bottom: 1px solid #aaaaaa;
margin: 0px;
}
tr.altRow1 td {
background-color: #cccccc;
border-bottom: 1px solid #aaaaaa;
margin: 0px;
}
tr.altRow2 td {
background-color: #f0f0f0;
border-bottom: 1px solid #aaaaaa;
margin: 0px;
}
.doublePane {
width: 100%;
border-spacing: 0px;
border-collapse: true;
}
.lilac-tree-server {
background-image:url(../images/tree-server.gif);
}
.calendar {
border-spacing: 0px;
border-collapse: collapse;
}
.calendar, .calendar td {
border: 1px solid gray;
}
.calendar td {
margin: 0px;
font-size: 0.8em;
width: 30px;
height: 30px;
}
.calendarnoday {
background: gray;
}
.addons {
width: 100%;
}
.addon {
background: #ccc;
padding: 4px;
border: 1px solid grey;
border-width: 1px 0px;
}
.addon .title {
font-weight: bold;
}
.roundedcorner_lilac_box {
background: #B5BEDF;
margin: 10px;
}
.roundedcorner_lilac_top div {
background: url(../images/roundedcorner_lilac_tl.png) no-repeat top left;
}
.roundedcorner_lilac_top {
background: url(../images/roundedcorner_lilac_tr.png) no-repeat top right;
}
.roundedcorner_lilac_bottom div {
background: url(../images/roundedcorner_lilac_bl.png) no-repeat bottom left;
}
.roundedcorner_lilac_bottom {
background: url(../images/roundedcorner_lilac_br.png) no-repeat bottom right;
}
.roundedcorner_lilac_top div, .roundedcorner_lilac_top,
.roundedcorner_lilac_bottom div, .roundedcorner_lilac_bottom {
width: 100%;
height: 10px;
font-size: 1px;
}
.roundedcorner_lilac_content { margin: 0 10px; }
.roundedcorner_lilac_content h2 {
font-size: 18px;
font-weight: bold;
color: #333;
}
.roundedcorner_inner_box {
background: #fff;
margin: 10px;
}
.roundedcorner_inner_top div {
background: url(../images/roundedcorner_inner_tl.png) no-repeat top left;
}
.roundedcorner_inner_top {
background: url(../images/roundedcorner_inner_tr.png) no-repeat top right;
}
.roundedcorner_inner_bottom div {
background: url(../images/roundedcorner_inner_bl.png) no-repeat bottom left;
}
.roundedcorner_inner_bottom {
background: url(../images/roundedcorner_inner_br.png) no-repeat bottom right;
}
.roundedcorner_inner_top div, .roundedcorner_inner_top,
.roundedcorner_inner_bottom div, .roundedcorner_inner_bottom {
width: 100%;
height: 10px;
font-size: 1px;
}
.roundedcorner_inner_content { margin: 0 10px; }
.roundedcorner_error_box {
background: #FF0033;
margin: 10px;
color: white;
font-weight: bold;
}
.roundedcorner_error_top div {
background: url(../images/roundedcorner_error_tl.png) no-repeat top left;
}
.roundedcorner_error_top {
background: url(../images/roundedcorner_error_tr.png) no-repeat top right;
}
.roundedcorner_error_bottom div {
background: url(../images/roundedcorner_error_bl.png) no-repeat bottom left;
}
.roundedcorner_error_bottom {
background: url(../images/roundedcorner_error_br.png) no-repeat bottom right;
}
.roundedcorner_error_top div, .roundedcorner_error_top,
.roundedcorner_error_bottom div, .roundedcorner_error_bottom {
width: 100%;
height: 10px;
font-size: 1px;
}
.roundedcorner_error_content { margin: 0 10px; }
.roundedcorner_success_box {
background: #66cc66;
margin: 10px;
color: white;
font-weight: bold;
}
.roundedcorner_success_top div {
background: url(../images/roundedcorner_success_tl.png) no-repeat top left;
}
.roundedcorner_success_top {
background: url(../images/roundedcorner_success_tr.png) no-repeat top right;
}
.roundedcorner_success_bottom div {
background: url(../images/roundedcorner_success_bl.png) no-repeat bottom left;
}
.roundedcorner_success_bottom {
background: url(../images/roundedcorner_success_br.png) no-repeat bottom right;
}
.roundedcorner_success_top div, .roundedcorner_success_top,
.roundedcorner_success_bottom div, .roundedcorner_success_bottom {
width: 100%;
height: 10px;
font-size: 1px;
}
.roundedcorner_success_content { margin: 0 10px; }
.roundedcorner_warning_box {
background: #ffff99;
margin: 10px;
color: black;
font-weight: bold;
}
.roundedcorner_warning_top div {
background: url(../images/roundedcorner_warning_tl.png) no-repeat top left;
}
.roundedcorner_warning_top {
background: url(../images/roundedcorner_warning_tr.png) no-repeat top right;
}
.roundedcorner_warning_bottom div {
background: url(../images/roundedcorner_warning_bl.png) no-repeat bottom left;
}
.roundedcorner_warning_bottom {
background: url(../images/roundedcorner_warning_br.png) no-repeat bottom right;
}
.roundedcorner_warning_top div, .roundedcorner_warning_top,
.roundedcorner_warning_bottom div, .roundedcorner_warning_bottom {
width: 100%;
height: 10px;
font-size: 1px;
}
.roundedcorner_warning_content { margin: 0 10px; }
.icon-monitor-edit {
background: transparent url(../images/icons/monitor_edit.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-application-home {
background: transparent url(../images/icons/application_home.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-book {
background: transparent url(../images/icons/book.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-clock {
background: transparent url(../images/icons/clock.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-application-lightning {
background: transparent url(../images/icons/application_lightning.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-user {
background: transparent url(../images/icons/user.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-group {
background: transparent url(../images/icons/group.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-server-link {
background: transparent url(../images/icons/server_link.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-brick {
background: transparent url(../images/icons/brick.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-database-save {
background: transparent url(../images/icons/database_save.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-database-lightning {
background: transparent url(../images/icons/database_lightning.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-package {
background: transparent url(../images/icons/package.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-server-go {
background: transparent url(../images/icons/server_go.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-computer-add {
background: transparent url(../images/icons/computer_add.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-bricks {
background: transparent url(../images/icons/bricks.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
.icon-database-go {
background: transparent url(../images/icons/database-go.png) no-repeat top left;
padding-left: 20px;
line-height: 16px;
}
li.general {
float: left;
margin: 10px;
width: 320px;
min-height: 50px;
}
.statistics {
width: 300px;
border: 1px solid grey;
}
.statistics tr {
border: 1px solid grey;
}
.statistics tr.odd {
background-color: #e0e0e0;
}