898 lines
14 KiB
CSS
898 lines
14 KiB
CSS
/*
|
|
$Id$
|
|
|
|
This code is part of LDAP Account Manager (http://www.sourceforge.net/projects/lam)
|
|
Copyright (C) 2003 Leonhard Walchshäusl
|
|
|
|
This program is free software; you can redistribute it 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 more detaexils.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program; if not, write to the Free Software
|
|
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
|
|
|
*/
|
|
|
|
/* CSS layout for LAM */
|
|
|
|
|
|
/**
|
|
* global page layout
|
|
*
|
|
*/
|
|
|
|
h1,h2,h3,h4,p,ul,ol,li,div,td,th,address,blockquote,b,i {
|
|
font-family:Arial,Verdana,sans-serif;
|
|
}
|
|
|
|
body {
|
|
background-color:#F5F5F5;
|
|
}
|
|
|
|
/* links */
|
|
a {
|
|
color:blue;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a:visited {
|
|
color:blue;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a:hover {
|
|
color:red;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a:active {
|
|
color:red;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a img {
|
|
border: 0px;
|
|
}
|
|
|
|
form { }
|
|
input {
|
|
font-weight:bold;
|
|
background-color:#CCCCFF;
|
|
}
|
|
button {
|
|
font-weight:bold;
|
|
background-color:#CCCCFF;
|
|
}
|
|
|
|
fieldset {
|
|
background-color:#EEEEEE;
|
|
}
|
|
|
|
legend {
|
|
color:#007a3b;
|
|
}
|
|
|
|
|
|
/**
|
|
* style for userlist.php
|
|
*
|
|
*/
|
|
|
|
/* table preferences */
|
|
table.userlist {
|
|
border-width:1px;
|
|
border-style:solid;
|
|
border-color:#9b8523;
|
|
}
|
|
|
|
/* color of entry rows */
|
|
tr.userlist {
|
|
background-color:#fffde2;
|
|
}
|
|
|
|
/* color of head row */
|
|
tr.userlist-head {
|
|
background-color:#fff2a3;
|
|
font-weight:bold;
|
|
}
|
|
|
|
/* color of rows on mouseOver */
|
|
tr.userlist-over {
|
|
background-color:#ccccff;
|
|
}
|
|
|
|
/* color of checked rows */
|
|
tr.userlist-checked {
|
|
background-color:#f27c71;
|
|
}
|
|
|
|
/* color for active page digit */
|
|
td.usernav-activepage {
|
|
color:red;
|
|
}
|
|
|
|
/* style of navigation bar */
|
|
td.usernav {
|
|
color:#AAAAAA;
|
|
}
|
|
|
|
table.usernav {
|
|
background-color:#fff2a3;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
border-color:#9b8523;
|
|
}
|
|
|
|
td.usernav-text {
|
|
color:green;
|
|
font-family:Verdana,sans-serif;
|
|
font-size:12px;
|
|
}
|
|
|
|
/* style of active column */
|
|
th.userlist-sort {
|
|
background-color:#fffde2;
|
|
}
|
|
|
|
|
|
/**
|
|
* table style for grouplist.php
|
|
*
|
|
*/
|
|
|
|
/* navigation bar */
|
|
table.groupnav {
|
|
background-color:#a8c3ff;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
border-color:#7167bf;
|
|
}
|
|
|
|
/* text in navigation bar */
|
|
td.groupnav-text {
|
|
color:green;
|
|
font-family:Verdana,sans-serif;
|
|
font-size:12px;
|
|
}
|
|
|
|
/* color for active page digit */
|
|
td.groupnav-activepage {
|
|
color:red;
|
|
}
|
|
|
|
/* table preferences */
|
|
table.grouplist {
|
|
border-width:1px;
|
|
border-style:solid;
|
|
border-color:#7167bf;
|
|
}
|
|
|
|
/* color of entry rows */
|
|
tr.grouplist {
|
|
background-color:#d6e3ff;
|
|
}
|
|
|
|
/* color of head row */
|
|
tr.grouplist-head {
|
|
background-color:#a8c3ff;
|
|
}
|
|
|
|
/* color of sorted column in head row */
|
|
th.grouplist-sort {
|
|
background-color:#d6e3ff;
|
|
}
|
|
|
|
/* color of rows on mouseOver */
|
|
tr.grouplist-over {
|
|
background-color:#C7E7C7;
|
|
}
|
|
|
|
/* color of checked rows */
|
|
tr.grouplist-checked {
|
|
background-color:#f27c71;
|
|
}
|
|
|
|
/**
|
|
* table style for hostlist.php
|
|
*
|
|
*/
|
|
|
|
/* */
|
|
table.hostnav {
|
|
background-color:#ffc4ba;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
border-color:#911a1a;
|
|
}
|
|
|
|
/* text in navigation bar */
|
|
td.hostnav-text {
|
|
color:green;
|
|
font-family:Verdana,sans-serif;
|
|
font-size:12px;
|
|
}
|
|
|
|
/* color for active page digit */
|
|
td.hostnav-activepage {
|
|
color:red;
|
|
}
|
|
|
|
/* table preferences */
|
|
table.hostlist {
|
|
border-width:1px;
|
|
border-style:solid;
|
|
border-color:#911a1a;
|
|
}
|
|
|
|
/* color of entry rows */
|
|
tr.hostlist {
|
|
background-color:#ffe2dd;
|
|
}
|
|
|
|
/* color of head row */
|
|
tr.hostlist-head {
|
|
background-color:#ffc4ba;
|
|
}
|
|
|
|
/* color of sorted column in head row */
|
|
th.hostlist-sort {
|
|
background-color:#ffe2dd;
|
|
}
|
|
|
|
/* color of rows on mouseOver */
|
|
tr.hostlist-over {
|
|
background-color:#ffe265;
|
|
}
|
|
|
|
/* color of checked rows */
|
|
tr.hostlist-checked {
|
|
background-color:#f27c71;
|
|
}
|
|
|
|
/**
|
|
* table style for domainlist.php
|
|
*
|
|
*/
|
|
|
|
/* */
|
|
table.domainnav {
|
|
background-color:#a8ddbf;
|
|
border-width:1px;
|
|
border-style:solid;
|
|
border-color:#1d993e;
|
|
}
|
|
|
|
/* text in navigation bar */
|
|
td.domainnav-text {
|
|
color:green;
|
|
font-family:Verdana,sans-serif;
|
|
font-size:12px;
|
|
}
|
|
|
|
/* color for active page digit */
|
|
td.domainnav-activepage {
|
|
color:red;
|
|
}
|
|
|
|
/* table preferences */
|
|
table.domainlist {
|
|
border-width:1px;
|
|
border-style:solid;
|
|
border-color:#1d993e;
|
|
}
|
|
|
|
/* color of entry rows */
|
|
tr.domainlist {
|
|
background-color:#c9ddd2;
|
|
}
|
|
|
|
/* color of head row */
|
|
tr.domainlist-head {
|
|
background-color:#a8ddbf;
|
|
}
|
|
|
|
/* color of sorted column in head row */
|
|
th.domainlist-sort {
|
|
background-color:#c9ddd2;
|
|
}
|
|
|
|
/* color of rows on mouseOver */
|
|
tr.domainlist-over {
|
|
background-color:#ffe265;
|
|
}
|
|
|
|
/* color of checked rows */
|
|
tr.domainlist-checked {
|
|
background-color:#f27c71;
|
|
}
|
|
|
|
/**
|
|
* style for domain.php
|
|
*
|
|
*/
|
|
|
|
/* fieldset and legend */
|
|
|
|
fieldset.domedit {
|
|
background-color:#c9ddd2;
|
|
}
|
|
|
|
legend.domedit {
|
|
color:blue;
|
|
}
|
|
|
|
|
|
/**
|
|
* table style for delete.php
|
|
*
|
|
*/
|
|
|
|
/* table preferences */
|
|
table.account {
|
|
border-width:0px;
|
|
border-style:solid;
|
|
border-color:#000000;
|
|
}
|
|
|
|
/* color of entry rows */
|
|
tr.account {
|
|
background-color:#FFFFEE;
|
|
}
|
|
|
|
|
|
/**
|
|
* Color and font definitions for templates/status.php
|
|
*
|
|
*/
|
|
|
|
/* Background olor for the different Status Messages */
|
|
div.statusInfo {
|
|
background-color:#5C7EC6;
|
|
}
|
|
|
|
div.statusWarn {
|
|
background-color:#CE8037;
|
|
}
|
|
|
|
div.statusError {
|
|
background-color:#C65146;
|
|
}
|
|
|
|
/* H1 (MessageTyp) font size, family, color, and some more settings for the different Status Messages */
|
|
h1.statusInfo {
|
|
font-size:16pt;
|
|
font-family:Arial,sans-serif;
|
|
color:#FFFFFF;
|
|
margin-left:20px;
|
|
}
|
|
|
|
h1.statusWarn {
|
|
font-size:16pt;
|
|
font-family:Arial,sans-serif;
|
|
color:#FFFFFF;
|
|
margin-left:20px;
|
|
}
|
|
|
|
h1.statusError {
|
|
font-size:16pt;
|
|
font-family:Arial,sans-serif;
|
|
color:#FFFFFF;
|
|
margin-left:20px;
|
|
}
|
|
|
|
/* H2 (MessageHeadline) font size, family, color, and some more settings for the different Status Messages */
|
|
h2.statusInfo {
|
|
font-size:13pt;
|
|
font-family:Arial,sans-serif;
|
|
color:#FFFFFF;
|
|
margin-left:25px;
|
|
margin-right:25px;
|
|
}
|
|
|
|
h2.statusWarn {
|
|
font-size:13pt;
|
|
font-family:Arial,sans-serif;
|
|
color:#FFFFFF;
|
|
margin-left:25px;
|
|
margin-right:25px;
|
|
}
|
|
|
|
h2.statusError {
|
|
font-size:13pt;
|
|
font-family:Arial,sans-serif;
|
|
color:#FFFFFF;
|
|
margin-left:25px;
|
|
margin-right:25px;
|
|
}
|
|
|
|
/* P (MessageText) font size, family, color, and some more settings for the different Status Messages */
|
|
p.statusInfo {
|
|
font-size:11pt;
|
|
font-family:Times,serif;
|
|
color:#FFFFFF;
|
|
margin-left:35px;
|
|
margin-right:35px;
|
|
}
|
|
|
|
p.statusWarn {
|
|
font-size:11pt;
|
|
font-family:Times,serif;
|
|
color:#FFFFFF;
|
|
margin-left:35px;
|
|
margin-right:35px;
|
|
}
|
|
|
|
p.statusError {
|
|
font-size:11pt;
|
|
font-family:Times,serif;
|
|
color:#FFFFFF;
|
|
margin-left:35px;
|
|
margin-right:35px;
|
|
}
|
|
|
|
/**
|
|
* table style for groupedit.php
|
|
*
|
|
*/
|
|
|
|
fieldset.groupedit {
|
|
background-color:#d6e3ff;
|
|
}
|
|
|
|
fieldset.groupedit legend {
|
|
color:blue;
|
|
}
|
|
|
|
fieldset.groupedit fieldset {
|
|
background-color:#d6e3ff;
|
|
}
|
|
|
|
fieldset.groupedit fieldset fieldset {
|
|
background-color:#d6e3ff;
|
|
}
|
|
|
|
fieldset.groupedit select {
|
|
background-color:#a8c3ff;
|
|
}
|
|
|
|
|
|
/**
|
|
* table style for hostedit.php
|
|
*
|
|
*/
|
|
|
|
fieldset.hostedit {
|
|
background-color:#ffe2dd;
|
|
}
|
|
|
|
fieldset.hostedit legend {
|
|
color:blue;
|
|
}
|
|
|
|
fieldset.hostedit fieldset {
|
|
background-color:#ffe2dd;
|
|
}
|
|
|
|
fieldset.hostedit fieldset fieldset {
|
|
background-color:#ffe2dd;
|
|
}
|
|
|
|
fieldset.hostedit select {
|
|
background-color:#ffc4ba;
|
|
}
|
|
|
|
|
|
/**
|
|
* table style for useredit.php
|
|
*
|
|
*/
|
|
|
|
fieldset.useredit {
|
|
background-color:#fff2a3;
|
|
}
|
|
|
|
fieldset.useredit legend {
|
|
color:blue;
|
|
}
|
|
|
|
fieldset.useredit fieldset {
|
|
background-color:#fff2a3;
|
|
}
|
|
|
|
fieldset.useredit fieldset fieldset {
|
|
background-color:#fff2a3;
|
|
}
|
|
|
|
fieldset.useredit select {
|
|
background-color:#fffde2;
|
|
}
|
|
|
|
|
|
/* schema browser */
|
|
|
|
table.schema_oclasses {
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
border-bottom: 1px solid black;
|
|
border-top: 0;
|
|
margin-bottom: 10px;
|
|
background-color: #eee;
|
|
}
|
|
|
|
table.schema_oclasses td {
|
|
vertical-align: top;
|
|
text-align: left;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
table.schema_attr th {
|
|
background-color: #016;
|
|
padding: 5px;
|
|
color: white;
|
|
font-weight: bold;
|
|
font-size: 125%;
|
|
}
|
|
|
|
table.schema_attr td {
|
|
padding: 5px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
table.schema_attr tr.even {
|
|
background-color: #eee;
|
|
}
|
|
|
|
table.schema_attr tr.odd {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
table.schema_attr tr.highlight{
|
|
background-color: #bcd;
|
|
font-weight: Bold;
|
|
}
|
|
|
|
ul.schema {
|
|
margin: 5px;
|
|
margin-left: 0px;
|
|
padding-left: 20px;
|
|
}
|
|
|
|
ul.schema li {
|
|
margin-left: 0px;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
ul.schema li small {
|
|
font-size: 75%;
|
|
color: #777;
|
|
}
|
|
|
|
ul.schema li small a {
|
|
color: #77c;
|
|
}
|
|
|
|
h4.schema_oclass {
|
|
background: #016;
|
|
padding: 5px;
|
|
margin: 0px;
|
|
margin-top: 8px;
|
|
font-weight: normal;
|
|
border: 1px solid black;
|
|
font-size: 140%;
|
|
color: white;
|
|
}
|
|
|
|
h4.schema_oclass_sub {
|
|
background: #dde;
|
|
border: 1px solid black;
|
|
border-top: 0px;
|
|
font-weight: normal;
|
|
margin: 0px;
|
|
padding: 2px;
|
|
padding-left: 5px;
|
|
font-size: 80%;
|
|
}
|
|
|
|
table.tree tr.login td {
|
|
}
|
|
|
|
table.tree td.links {
|
|
padding: 0px;
|
|
font-size: 10px;
|
|
padding-left: 12px;
|
|
font-size: 10px;
|
|
}
|
|
|
|
table.tree td.links a {
|
|
font-size: 10px;
|
|
}
|
|
|
|
table.tree {
|
|
border: 0px;
|
|
}
|
|
|
|
table.tree img {
|
|
border: 0px;
|
|
}
|
|
|
|
table.tree td {
|
|
padding: 2px;
|
|
border: 0px solid black;
|
|
}
|
|
|
|
table.tree tr {
|
|
}
|
|
|
|
table.tree tr.server td.icon {
|
|
width: 14px;
|
|
}
|
|
|
|
table.tree tr.server td {
|
|
padding-top: 15px;
|
|
padding-bottom: 0px;
|
|
vertical-align: top;
|
|
font-size: 20px;
|
|
text-align: left;
|
|
}
|
|
|
|
table.tree td.icon {
|
|
text-align: center;
|
|
padding: 0px;
|
|
width: 14px;
|
|
font-size: 1px;
|
|
}
|
|
|
|
table.tree td.rdn {
|
|
width: 500px;
|
|
}
|
|
|
|
table.tree td.rdn a {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
table.tree td.rdn a:hover {
|
|
text-decoration: none;
|
|
color: blue;
|
|
}
|
|
|
|
table.tree td.create {
|
|
}
|
|
|
|
table.tree td.create a {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
table.tree td.create a:hover {
|
|
text-decoration: none;
|
|
color: blue;
|
|
}
|
|
|
|
|
|
table.tree td.spacer {
|
|
width: 22px;
|
|
}
|
|
|
|
table.tree td.expander {
|
|
text-align: center;
|
|
width: 22px;
|
|
max-width: 22px;
|
|
min-width: 22px;
|
|
}
|
|
|
|
table.tree td span.count {
|
|
color: gray;
|
|
font-size: 85%;
|
|
}
|
|
|
|
h3.tree_title {
|
|
text-align: center;
|
|
margin: 0px;
|
|
padding: 10px;
|
|
color: white;
|
|
background-color: #018;
|
|
border: 1px solid black;
|
|
font-weight: normal;
|
|
font-size: 150%;
|
|
}
|
|
|
|
h3.tree_subtitle {
|
|
text-align: center;
|
|
margin: 0px;
|
|
margin-bottom: 15px;
|
|
font-size: 75%;
|
|
color: white;
|
|
border-bottom: 1px solid black;
|
|
border-left: 1px solid black;
|
|
border-right: 1px solid black;
|
|
background: #018;
|
|
padding: 4px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
table.tree_edit_dn {
|
|
border-collapse: collapse;
|
|
border-spacing: 0px;
|
|
empty-cells: show;
|
|
width: 500px;
|
|
}
|
|
|
|
table.tree_edit_dn input {
|
|
margin: 1px;
|
|
}
|
|
|
|
table.tree_edit_dn input.val {
|
|
font-size: 14px;
|
|
width: 350px;
|
|
font-family: arial, helvetica, sans-serif;
|
|
background-color: white;
|
|
}
|
|
|
|
table.tree_edit_dn textarea.val {
|
|
font-size: 14px;
|
|
width: 350px;
|
|
font-family: arial, helvetica, sans-serif;
|
|
background-color: white;
|
|
}
|
|
|
|
table.tree_edit_dn tr td {
|
|
padding: 4px;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
table.tree_edit_dn tr td.attr {
|
|
background-color: #eee;
|
|
vertical-align: top;
|
|
}
|
|
|
|
table.tree_edit_dn tr td.heading {
|
|
border-top: 3px solid #ccc;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.tree_edit_dn tr td.attr_note {
|
|
text-align: right;
|
|
background-color: #eee;
|
|
}
|
|
|
|
table.tree_edit_dn tr td.attr a {
|
|
text-decoration: none;
|
|
color: black;
|
|
}
|
|
|
|
table.tree_edit_dn tr td.attr a:hover {
|
|
text-decoration: underline;
|
|
color: #016;
|
|
}
|
|
|
|
table.tree_edit_dn tr td.val {
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
padding-bottom: 10px;
|
|
padding-left: 80px;
|
|
}
|
|
|
|
|
|
/** When an attr is updated, it is highlighted to indicate such */
|
|
table.tree_edit_dn tr.updated_attr td.attr {
|
|
border-top: 1px dashed green;
|
|
border-left: 1px dashed green;
|
|
background-color: #ded;
|
|
}
|
|
|
|
table.tree_edit_dn tr.updated_attr td.attr_note {
|
|
border-top: 1px dashed green;
|
|
border-right: 1px dashed green;
|
|
background-color: #ded;
|
|
}
|
|
|
|
/** An extra row that sits at the bottom of recently modified attrs to encase them in dashes */
|
|
table.tree_edit_dn tr.updated_attr td.bottom {
|
|
border-top: 1px dashed green;
|
|
}
|
|
|
|
/** Formatting for the value cell when it is the attribute that has been recently modified */
|
|
table.tree_edit_dn tr.updated_attr td.val {
|
|
border-left: 1px dashed green;
|
|
border-right: 1px dashed green;
|
|
}
|
|
|
|
/* Neede to prevent sub-tables (like the one in which jpegPhotos are displayed)
|
|
* from drawing borders as well. */
|
|
table.tree_edit_dn tr.updated_attr td table td {
|
|
border: 0px;
|
|
}
|
|
|
|
table.tree_edit_dn tr.updated_attr a {
|
|
}
|
|
|
|
table.tree_edit_dn tr.mod_dn {
|
|
background: #def;
|
|
}
|
|
|
|
table.tree_edit_dn tr.row1 {
|
|
background: #eee;
|
|
}
|
|
|
|
table.tree_edit_dn tr.row2 {
|
|
background: #ccc;
|
|
}
|
|
|
|
form.tree_edit_dn {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
table.tree_edit_dn_menu {
|
|
font-size: 75%;
|
|
}
|
|
|
|
table.tree_edit_dn_menu td.icon {
|
|
width: 16px;
|
|
text-align: center;
|
|
}
|
|
|
|
span.tree_hint {
|
|
font-size: small;
|
|
font-weight: normal;
|
|
color: #888;
|
|
}
|
|
|
|
table.tree_confirm th {
|
|
background-color: #016;
|
|
padding: 5px;
|
|
color: white;
|
|
font-weight: normal;
|
|
}
|
|
|
|
table.tree_confirm tr td {
|
|
padding: 4px;
|
|
}
|
|
|
|
table.tree_confirm tr.spacer {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
table.tree_confirm tr.even {
|
|
background-color: #ccc;
|
|
}
|
|
|
|
table.tree_confirm tr.odd {
|
|
background-color: #eee;
|
|
}
|
|
|
|
table.tree_confirm tr td.heading {
|
|
text-align: right;
|
|
font-size: 75%;
|
|
}
|
|
|
|
table.tree_confirm td.icon {
|
|
text-align: center;
|
|
}
|
|
|
|
table.tree_delete_confirm {
|
|
width: 76%;
|
|
background-color: #ddf;
|
|
padding: 20px;
|
|
text-align: left;
|
|
}
|
|
|
|
table.tree_create {
|
|
font-size: 75%;
|
|
}
|
|
|
|
table.tree_create td.heading {
|
|
vertical-align: top;
|
|
padding: 10px;
|
|
}
|
|
|
|
|