LDAPAccountManager/lam/style/500_layout.css

731 lines
12 KiB
CSS

/*
$Id$
This code is part of LDAP Account Manager (http://www.ldap-account-manager.org/)
Copyright (C) 2003 Leonhard Walchshaeusl
Copyright (C) 2005 - 2011 Roland Gruber
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,Tahoma,Verdana,sans-serif;
}
h1,h2,h3 { color:#253aa3; }
body {
background-color:#F5F5F5;
}
/* links */
a {
color: blue;
text-decoration: none;
}
a:link {
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;
}
a.lamHeader {
color:black;
text-decoration:none;
}
fieldset {
background-color:#fff3c8;
border:1px solid #af8800;
padding:10px;
}
legend {
color:blue;
}
select {
background:#F5F5F5 none repeat-x scroll 50% 50%;
border:1px solid #AAAAAA;
color:#222222;
}
.align-middle {
vertical-align: middle;
}
table.lamHeader {
background-image: url(lam-images/headerLine.png);
padding: 0px;
margin: 0px;
height: 35px;
}
tr.highlight {
border-color: red;
border-style: dotted;
border-width: 1px 0px 1px 0px;
}
.rightToLeftText {
text-align: right;
}
/** buttons */
.saveButton {
background-image: url(../graphics/save.png) !important;
}
.cancelButton {
background-image: url(../graphics/del.png) !important;
}
.logoutButton {
background-image: url(../graphics/exit.png) !important;
}
.undoButton {
background-image: url(../graphics/undo.png) !important;
}
.passwordButton {
background-image: url(../graphics/key.png) !important;
}
.loadProfileButton {
background-image: url(../graphics/loadProfile.png) !important;
}
.deleteButton {
background-image: url(../graphics/del.png) !important;
}
.createButton {
background-image: url(../graphics/add.png) !important;
}
.settingsButton {
background-image: url(../graphics/tools.png) !important;
}
.upButton {
background-image: url(../graphics/up.gif) !important;
}
.smallPadding span {
padding: 0.1em 0.4em !important;
}
.smallPaddingContent {
padding: 0.5em;
}
/** titles */
.titleText {
color: black;
}
/** subtitles */
.subTitle {
margin: 20px 0px 15px 0px;
border-bottom: 2px dotted black;
}
.subTitleText {
margin: 0px 0px 0px 10px;
color: black;
}
.hidden {
display: none;
}
/**
* 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;
}
/* --- workaround for vertical tabs --- */
#lamVerticalTabs .ui-tabs-nav li {
margin: 0 -1px .2em 0;
clear: left;
width: 100%;
border-bottom-width: 1px !important;
border-right-width: 0 !important;
border-bottom: 1px solid #AAAAAA !important;
}
#lamVerticalTabs .ui-tabs-nav li.ui-tabs-selected {
border-right-width: 1px;
border-right-width: 1px;
padding-bottom: 0;
padding-right: .1em;
}
#lamVerticalTabs .ui-tabs-nav {
float: left;
padding: .2em .1em .2em .2em !IMPORTANT;
}
#lamVerticalTabs .ui-tabs-panel {
padding: 1em;
float: left;
}
#lamVerticalTabs .ui-widget-header {
background: #CCCCCC url(images/ui-bg_highlight-soft_75_cccccc_1x150-vertical.png) repeat-y;
}
#lamVerticalTabs .ui-tabs-nav li button {
width: 100%;
text-align: left;
display:block;
}
/* --- end of workaround for vertical tabs --- */
.tabs-hover {
background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x !important;
}
/* title bar */
.titleBar {
background: #AAAAAA url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50%;
border-top: 1px solid #AAAAAA;
border-left: 1px solid #AAAAAA;
border-right: 1px solid #AAAAAA;
padding: 5px 5px 5px 15px;
}
.titleBarTitle {
font: bold 1em Arial,Tahoma,Verdana,sans-serif;
}
.titleBarSubtitle {
/* font-style: italic;*/
padding: 0px 5px 0px 10px;
}
/**
* Color and font definitions for templates/status.php
*
*/
/* Background olor for the different Status Messages */
div.statusInfo {
background-color:#a8c3ff;
border: 1px solid blue;
}
div.statusWarn {
background-color:#fff2a3;
border: 1px solid #ffd800;
}
div.statusError {
background-color:#ffc4ba;
border: 1px solid red;
}
/* 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;
margin:5px 5px 5px 15px;
}
h2.statusWarn {
font-size:13pt;
font-family:Arial,sans-serif;
margin:5px 5px 5px 15px;
}
h2.statusError {
font-size:13pt;
font-family:Arial,sans-serif;
margin:5px 5px 5px 15px;
}
/* P (MessageText) font size, family, color, and some more settings for the different Status Messages */
p.statusInfo {
font-size:11pt;
font-family:Times,serif;
margin:5px 5px 5px 25px;
}
p.statusWarn {
font-size:11pt;
font-family:Times,serif;
margin:5px 5px 5px 25px;
}
p.statusError {
font-size:11pt;
font-family:Times,serif;
margin:5px 5px 5px 25px;
}
input.smallImageButton {
background-position: 2px center;
background-repeat: no-repeat;
height:24px;
border: 0px;
background-color: transparent;
cursor:pointer;
}
hr.modulePage {
width: 100%;
height: 2px;
margin-bottom: 20px;
margin-top: 3px;
}
/* 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;
}
table.export_form {
font-size: 75%;
width: 400px;
border-spacing: 10px;
border-collapse: separate;
}
table.export_form tr td {
text-align: left;
vertical-align: top;
padding: 4px;
}