mirror of
https://salsa.debian.org/freeipa-team/freeipa.git
synced 2025-02-25 18:55:28 -06:00
518 lines
9.2 KiB
CSS
518 lines
9.2 KiB
CSS
/** BASIC PAGE STYLES */
|
|
|
|
*
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: small;
|
|
}
|
|
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
background-image: url('/ipa/ui/static/images/template/background.png');
|
|
background-repeat: repeat-x;
|
|
background-color: #f9f9f9;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
padding-top: 16px;
|
|
min-width: 750px;
|
|
}
|
|
|
|
body, h1, h2, h3, h4, h5, p, ul, li, div, span, td {
|
|
font-family: "Luxi Sans", "Gill Sans", "Verdana", "Helvetica", sans-serif;
|
|
font-size: small;
|
|
color: #444;
|
|
}
|
|
|
|
td, th {
|
|
text-align: left;
|
|
}
|
|
|
|
#head {
|
|
margin: 0px;
|
|
padding: 0px 1.5ex;
|
|
}
|
|
|
|
#head h1 a {
|
|
display: block;
|
|
text-indent: -9999px;
|
|
height: 60px;
|
|
width: 350px;
|
|
overflow: hidden;
|
|
float: left;
|
|
margin-top: -10px;
|
|
|
|
background: url('/ipa/ui/static/images/branding/logo.png') no-repeat;
|
|
}
|
|
|
|
#content {
|
|
width: 100%;
|
|
min-height: 100%;
|
|
|
|
background-color: #f9f9f9;
|
|
background-image: url('/ipa/ui/static/images/template/background-content.png');
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
#main_content table {
|
|
clear: left;
|
|
}
|
|
|
|
#main_content {
|
|
height: auto;
|
|
margin-bottom: 4ex;
|
|
}
|
|
|
|
#footer {
|
|
font-size: x-small;
|
|
color: #ccc;
|
|
clear: both;
|
|
text-align: center;
|
|
padding-top: 4ex;
|
|
border-top: 1px solid #efefef;
|
|
width: 100%;
|
|
}
|
|
|
|
/* freeipa only? */
|
|
div#search {
|
|
padding-top: 16px;
|
|
padding-bottom: 24px;
|
|
}
|
|
|
|
#searchbar {
|
|
float: right;
|
|
margin-top: 18px;
|
|
}
|
|
|
|
/** MAIN NAVBAR SECTION **/
|
|
|
|
#navbar {
|
|
width: 100%;
|
|
height: 70px;
|
|
margin: 0px;
|
|
clear: both;
|
|
|
|
background-image: url('/ipa/ui/static/images/template/background-navbar.png');
|
|
background-repeat: repeat-x;
|
|
|
|
}
|
|
|
|
#navbar ul {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
padding-left: 10px;
|
|
list-style: none;
|
|
}
|
|
|
|
#navbar li {
|
|
float: left;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
|
|
font-size: small;
|
|
}
|
|
|
|
#navbar a {
|
|
display: block;
|
|
margin: 22px 15px;
|
|
}
|
|
|
|
#navbar .active {
|
|
background-image: url('/ipa/ui/static/images/template/background-navbar-active.png');
|
|
height: 70px;
|
|
width: 116px;
|
|
|
|
text-align: center;
|
|
}
|
|
|
|
#navbar-secondary li {
|
|
font-size: medium;
|
|
}
|
|
|
|
#navbar-secondary .active a:link,
|
|
#navbar-secondary .active a:visited,
|
|
#navbar-secondary .active a:active,
|
|
#navbar-secondary .active a,
|
|
#navbar-secondary li
|
|
{
|
|
color: #555 !important;
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/** SIDEBAR SECTION **/
|
|
|
|
#sidebar {
|
|
width: 250px;
|
|
text-align: left;
|
|
|
|
padding: 18px 12px;
|
|
margin-right: 24px;
|
|
float: right;
|
|
height: 100%;
|
|
|
|
border: 1px solid #aaa;
|
|
background-color: #ccc;
|
|
background-image: url('/ipa/ui/static/images/template/background-sidebar.png');
|
|
background-repeat: repeat-y;
|
|
}
|
|
|
|
#sidebar h1, h2, h3 {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
#sidebar h2 { font-size: medium; }
|
|
#sidebar h3 { font-size: small; }
|
|
|
|
#sidebar ul {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
list-style: none;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
#sidebar ul, #sidebar li {
|
|
margin-bottom: 6px;
|
|
font-size: small;
|
|
}
|
|
|
|
#sidebar hr {
|
|
border-top: 1px solid #aaa;
|
|
border-bottom: 1px solid #ddd;
|
|
color: #ddd;
|
|
margin-top: 20px !important;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
.context-tools {
|
|
float: right;
|
|
margin-top: -1.2em;
|
|
font-size: small;
|
|
}
|
|
|
|
.context-tools a:link, .context-tools a:active, .context-tools a:visited {
|
|
text-decoration: none;
|
|
}
|
|
|
|
/** DETAILS SECTION **/
|
|
|
|
#details {
|
|
height: 100%;
|
|
margin: 0px 24px;
|
|
margin-right: 298px;
|
|
|
|
padding: 18px 18px;
|
|
padding-bottom: 12%;
|
|
border-top: 1px solid #aaa;
|
|
background-color: white;
|
|
text-align: left;
|
|
color: #444;
|
|
}
|
|
|
|
#details p {
|
|
margin-top: 1ex;
|
|
margin-bottom: 1ex;
|
|
}
|
|
|
|
#details h3 {
|
|
font-size: medium;
|
|
text-transform: uppercase;
|
|
margin-bottom: 1ex;
|
|
margin-top: 1.5ex;
|
|
}
|
|
|
|
#details h4 {
|
|
font-size: medium;
|
|
color: #8aa445;
|
|
}
|
|
|
|
|
|
#details p,
|
|
#details td,
|
|
#details li {
|
|
font-size: small;
|
|
color: #555;
|
|
}
|
|
|
|
#details h1 {
|
|
color: #7d7d5b;
|
|
font-size: x-large;
|
|
margin-bottom: 18px;
|
|
height: 40px;
|
|
padding-left: 48px;
|
|
padding-top: 6px;
|
|
vertical-align: middle;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
|
|
#details h2, #details table caption {
|
|
color: #999;
|
|
font-size: large;
|
|
font-weight: normal;
|
|
|
|
border-bottom: 1px solid #999;
|
|
margin-bottom: 10px;
|
|
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
|
|
#details h2 img {
|
|
margin-right: 1.4ex;
|
|
}
|
|
|
|
table.details {
|
|
margin-bottom: 18px;
|
|
width: 100%;
|
|
}
|
|
|
|
#details h3, table.formtable th {
|
|
font-size: small;
|
|
color: black;
|
|
}
|
|
|
|
#details table.details th {
|
|
font-size: small;
|
|
width: 150px;
|
|
padding: 4px 0px;
|
|
padding-right: 8px;
|
|
border-bottom: 1px dotted #ddd;
|
|
}
|
|
|
|
#details table.details th.even { background-color: white; }
|
|
#details table.details th.odd { background-color: #eee; }
|
|
|
|
#details table.details td {
|
|
padding-left: 8px;
|
|
padding-bottom: 3px;
|
|
border-bottom: 1px dotted #ddd;
|
|
}
|
|
|
|
#details hr {
|
|
margin-top: 48px;
|
|
margin-bottom: 12px;
|
|
height: 1px;
|
|
border-color: #bbb;
|
|
border-width: 0pt 0pt 1px;
|
|
padding: 0.5em;
|
|
border-style: none none dashed;
|
|
}
|
|
|
|
.details-block {
|
|
border-top: 1px solid #eeeeee;
|
|
}
|
|
|
|
#details ul.context-nav {
|
|
float: left;
|
|
width: 100%;
|
|
padding: 0;
|
|
margin: 0;
|
|
list-style-type: none;
|
|
border-bottom: 6px solid #eee;
|
|
margin-bottom: 2ex;
|
|
}
|
|
|
|
#details ul.context-nav li a {
|
|
float: left;
|
|
text-decoration: none;
|
|
background-color: #d6d6d6;
|
|
padding: 1ex 2ex;
|
|
text-align: center;
|
|
margin-right: 3px;
|
|
|
|
-moz-border-radius-topleft: 12px;
|
|
-moz-border-radius-topright: 12px;
|
|
}
|
|
|
|
#details ul.context-nav li#active a {
|
|
color: #444;
|
|
background-color: #eee;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/** FORMS SECTION **/
|
|
|
|
input.text {
|
|
border: 1px solid #8e8e8e;
|
|
background-color: #e5f1f4;
|
|
color: #444444;
|
|
}
|
|
|
|
input.submitbutton {
|
|
float: right;
|
|
}
|
|
|
|
form.tableform table th {
|
|
padding-right: 2ex;
|
|
text-align: right;
|
|
}
|
|
|
|
h2.formsection {
|
|
color: #999;
|
|
font-size: large;
|
|
font-weight: normal;
|
|
|
|
border-bottom: 1px solid #999;
|
|
margin-bottom: 10px;
|
|
margin-top: 12px;
|
|
|
|
text-align: left;
|
|
width: 100%;
|
|
}
|
|
|
|
table.formtable {
|
|
width: 100%;
|
|
}
|
|
|
|
/**** freeipa only below? ****/
|
|
ul.checkboxlist li {
|
|
list-style: none;
|
|
margin: 8px 0px;
|
|
}
|
|
|
|
ul.checkboxlist li input {
|
|
background-color: yellow;
|
|
height: 1.1em;
|
|
width: 1.2em;
|
|
border: 1px solid red;
|
|
}
|
|
|
|
table.formtable th, table.formtable td {
|
|
vertical-align: top;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
table.formtable th {
|
|
width: 28%;
|
|
}
|
|
|
|
input.submitbutton, input.searchbutton, #source_searcharea input.searchbutton {
|
|
border: 1px outset #aaa;
|
|
padding: 2px 1px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
table.formtable td input[type="text"], input#criteria {
|
|
border: 1px inset #dcdcdc;
|
|
font-size: medium;
|
|
padding: 2px 1px;
|
|
}
|
|
|
|
table.formtable td select {
|
|
border: 1px inset #dcdcdc;
|
|
font-size: small;
|
|
padding: 2px 1px;
|
|
}
|
|
|
|
#inactive {
|
|
background-color: silver;
|
|
}
|
|
|
|
/** ALERTS / MESSAGING SECTION **/
|
|
|
|
#alertbox {
|
|
width: 100%;
|
|
padding: 10px 0px;
|
|
margin-top: 12px;
|
|
margin-bottom: 18px;
|
|
vertical-align: middle;
|
|
|
|
-moz-border-radius: 6px;
|
|
background-color: #7d7d5b;
|
|
color: white;
|
|
}
|
|
|
|
#alertbox h2 {
|
|
width: auto;
|
|
padding: 0px 16px;
|
|
float: left;
|
|
font-size: medium;
|
|
text-transform: uppercase;
|
|
color: white;
|
|
font-weight: bold;
|
|
border: none;
|
|
}
|
|
|
|
#alertbox p {
|
|
padding: 0px 16px;
|
|
text-align: center;
|
|
color: white;
|
|
width: auto;
|
|
}
|
|
|
|
/**** freeipa only alerts/messaging below ****/
|
|
|
|
p.empty-message {
|
|
font-size: large;
|
|
font-style: italic;
|
|
color: #888 !important;
|
|
}
|
|
|
|
div.instructions {
|
|
padding: 2px 6px;
|
|
margin-top: 16px;
|
|
border-top: 1px solid #c0d5f1;
|
|
border-bottom: 1px solid #c0d5f1;
|
|
background-color: #eef4fd;
|
|
}
|
|
|
|
|
|
/** OVERVIEW PAGE STYLES **/
|
|
|
|
.summary {
|
|
width: 40%;
|
|
float: left;
|
|
clear: none;
|
|
padding-top: 2ex;
|
|
}
|
|
|
|
.tasks, .search {
|
|
padding: 3ex;
|
|
padding-top: 2ex;
|
|
width: 40%;
|
|
float: right;
|
|
background-image: url('/ipa/ui/static/images/template/background-search.png');
|
|
background-repeat: repeat-y;
|
|
background-color: white;
|
|
}
|
|
|
|
.summary ul, .tasks ul, ul { margin-top: 1ex; padding-top: 1ex; list-style: square; margin-left: 2ex; }
|
|
.summary ul + ul, .tasks ul + ul { border-top: 1px solid #eee; }
|
|
.search ul { list-style: none; margin-left: 2ex; }
|
|
|
|
.additional-link {
|
|
font-size: x-small;
|
|
}
|
|
|
|
#perspectives h3 a {
|
|
font-size: x-small;
|
|
text-transform: none;
|
|
margin-left: 1ex;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/** TURBOGEARS GRID-TABLE-SPECIFIC STYLES **/
|
|
|
|
.grid td, .grid th {padding:3px;border:none;}
|
|
.grid .action_cell {text-align:right;}
|
|
.grid THEAD tr th {text-align:left;background-color:#f0f0f0;color:#333;}
|
|
.grid .heading img {float:right;margin-left:2px;margin-right:3px;}
|
|
.grid .heading a {text-decoration:none;color:#333;}
|
|
.grid td a {text-decoration:none;color:#333;}
|
|
.grid tr.odd td {background-color:#edf3fe;}
|
|
.grid tr.even td {background-color:#fff;}
|
|
.grid .pointer {cursor:pointer;}
|
|
.grid .column_chooser_link {position:relative;background-color:#e3e3e3;}
|
|
.grid .column_chooser_link ul {position:absolute;display:none;top:0px;right:-20px;}
|
|
.grid .column_chooser_list a {width:200px;display:block;padding:3px;background-color:#e3e3e3;}
|
|
.grid .column_chooser_list a:hover {background-color:#cdcdcd;}
|
|
.grid .column_chooser_list {padding:0;margin:0;list-style:none;background-color:#e3e3e3;}
|
|
|
|
|
|
|