Adam Young
3920b36b4a
make clickable links blue change spacing to keep headers from wrapping convert most px values to em, to support scaling indent action controls and place them under the active facet set default font size to 11px
687 lines
12 KiB
CSS
687 lines
12 KiB
CSS
/* Authors:
|
|
* Pavel Zuna <pzuna@redhat.com>
|
|
* Adam Young <ayoung@redhat.com>
|
|
* Endi Sukma Dewata <edewata@redhat.com>
|
|
* Kyle Baker <kybaker@redhat.com>
|
|
*
|
|
* Copyright (C) 2010 Red Hat
|
|
*/
|
|
|
|
|
|
@font-face {font-family: "FreeWay"; src:url("FreeWay.otf");}
|
|
@font-face {font-family: "FreeWayBold"; src:url("FreeWay-Bold.otf");}
|
|
|
|
body{
|
|
border-width: 0;
|
|
font-family:"Liberation Sans",Arial,Sans;
|
|
font-size:11px;
|
|
margin: 0;
|
|
}
|
|
|
|
.ui-widget {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.input_link {
|
|
padding: .4em 1em .4em 2em;
|
|
text-decoration: none;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.input_link span.ui-icon {
|
|
-moz-border-radius: 0.3em;
|
|
border: 1px solid #B8B8B8;
|
|
margin: -0.9em 0.4em 0em -0.3em;
|
|
position: absolute;
|
|
left: .2em;
|
|
top: 50%;
|
|
}
|
|
|
|
/* ---- Header ---- */
|
|
div.header {
|
|
background-color:#0C3B00;
|
|
width: 100%;
|
|
height: 4em;
|
|
}
|
|
|
|
div.header a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.header a:link {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
div.header a:visited {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
div.header span.header-logo {
|
|
padding-left: 6em;
|
|
}
|
|
|
|
div.header span.header-logo a img {
|
|
border: 0;
|
|
}
|
|
|
|
div.header span.header-loggedinas {
|
|
width: 96em;
|
|
color: #fff;
|
|
display: block;
|
|
padding-left: none;
|
|
margin-top: -2.6em;
|
|
margin-left: auto;
|
|
margin-right: 27.6em;
|
|
width: 20em;
|
|
}
|
|
|
|
/* ---- Navigation ---- */
|
|
div.tabs {
|
|
overflow: auto;
|
|
width: 100%;
|
|
height: 100%;
|
|
min-height: 40em;
|
|
}
|
|
|
|
div#content {
|
|
margin-top: 0;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
ul#viewtype {
|
|
padding-left: 2em;
|
|
}
|
|
|
|
ul#viewtype li {
|
|
color: #656565;
|
|
display: inline;
|
|
font-weight: bold;
|
|
list-style-type: none;
|
|
padding-right: 2em;
|
|
}
|
|
|
|
|
|
ul#viewtype li img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
ul#viewtype li a {
|
|
font-weight: normal;
|
|
}
|
|
|
|
div.content div.content-buttons {
|
|
float: right;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
div.content div.content-buttons img {
|
|
border: 0;
|
|
}
|
|
|
|
h2 {
|
|
font-family: "FreeWayBold","Liberation Sans", Arial, sans-serif;
|
|
font-size: 1.5em;
|
|
font-weight: normal;
|
|
color: #333333;
|
|
text-transform: uppercase;
|
|
margin-left: 1em;
|
|
margin-bottom: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.section-expand{
|
|
float:left;
|
|
-moz-border-radius: 0.3em;
|
|
background-color: -moz-linear-gradient(top, #959595, #5e5e5e);
|
|
border: 1px solid #b8b8b8;
|
|
color: #fff;
|
|
margin-right: 0.5em;
|
|
margin-top: 0.1em;
|
|
}
|
|
|
|
hr {
|
|
background-color: #EEEEEE;
|
|
clear: both;
|
|
color: #FFFFFF;
|
|
height: 0.1em;
|
|
margin-left: 1.5em;
|
|
margin-right: 1.5em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.details-section {
|
|
margin-left: 4.5em;
|
|
margin-right: 1.5em;
|
|
margin-top: 1.8em;
|
|
white-space: nowrap;
|
|
padding-bottom: 1.8em;
|
|
padding-right: 1.8em;
|
|
}
|
|
|
|
.undo {
|
|
cursor:pointer;
|
|
}
|
|
|
|
dl.entryattrs {
|
|
clear: both;
|
|
margin-left: 1.5em;
|
|
margin-top: 1.8em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
dl.entryattrs dt {
|
|
clear: left;
|
|
float: left;
|
|
padding-bottom: 1.8em;
|
|
padding-right: 1.8em;
|
|
text-align: right;
|
|
width: 16em;
|
|
margin: 0.5em -0.5em 0 -6em;
|
|
}
|
|
|
|
dl.entryattrs dd {
|
|
float: left;
|
|
padding-bottom: 1.8em;
|
|
}
|
|
|
|
dl.entryattrs dd.first {
|
|
margin-left: 0;
|
|
margin-top: 0.7em;
|
|
}
|
|
|
|
dl.entryattrs dd.other {
|
|
clear: both;
|
|
margin-left: 10.7em;
|
|
}
|
|
|
|
dl.entryattrs input {
|
|
margin-right: 0.5em;
|
|
margin-top: -1.2em;
|
|
min-width: 27.5em;
|
|
}
|
|
|
|
|
|
span.attrhint {
|
|
font-size: 8pt;
|
|
left: 5em;
|
|
margin-left: 12.5em;
|
|
position: absolute;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
|
|
/*Navigation */
|
|
.tabs1 .ui-tabs-nav{
|
|
padding-left: 5.5em;
|
|
padding-top: 2em;
|
|
margin: 0;
|
|
border: none;
|
|
background-image: url(Mainnav-background.png);
|
|
-moz-border-radius: 0;
|
|
}
|
|
|
|
.ui-tabs {
|
|
padding:0;
|
|
}
|
|
|
|
#the positions for these are in the large icon image,
|
|
#and need to be specified in pixels.
|
|
.ui-icon-plus {
|
|
background-position: -16px -129px;
|
|
}
|
|
|
|
.ui-icon-minus {
|
|
background-position: -48px -129px;
|
|
}
|
|
|
|
.ui-icon-trash {
|
|
background-position: -176px -97px;
|
|
}
|
|
|
|
.ui-widget-content .ui-icon {
|
|
background-image: url("ui-icons_222222_256x240.png");
|
|
background-color: #e2e2e2;
|
|
}
|
|
|
|
.ui-widget-content {
|
|
background: -moz-linear-gradient(top, #F9F9F9, #fff);
|
|
}
|
|
|
|
|
|
.ui-widget-content a {
|
|
text-decoration: none;
|
|
color: #1d85d5;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.ui-widget-header {
|
|
background: url("modal-background.png")
|
|
repeat scroll 50% 50% #1f9123;
|
|
border: 1px solid #244c16;
|
|
color: #EEEEEE;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.tabs1 .ui-tabs-nav {
|
|
height: 3em;
|
|
}
|
|
|
|
.ui-widget input, .ui-widget select,
|
|
.ui-widget textarea, .ui-widget button {
|
|
font-family: "Liberation Sans", Arial, sans-serif;
|
|
font-size: 1.3em;
|
|
margin-right: .1em;
|
|
}
|
|
|
|
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
|
|
-moz-border-radius: .3em;
|
|
background: -moz-linear-gradient(top, #959595, #5e5e5e);
|
|
border: 1px solid #777777;
|
|
color: #fff;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.tabs1 .ui-tabs-nav li {
|
|
-moz-border-radius: 0 !important;
|
|
background-image: url(Mainnav-offtab.png);
|
|
margin: 0;
|
|
border-width: 0;
|
|
text-align: center;
|
|
vertical-align:baseline;
|
|
}
|
|
|
|
.tabs1 .ui-tabs-nav li.ui-tabs-selected {
|
|
padding: 0 0;
|
|
background-image: url(Mainnav-ontab.png);
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
|
|
.tabs1 .ui-tabs-nav li a{
|
|
-moz-border-radius: 0 !important;
|
|
font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
|
|
width:5.5em;
|
|
padding: none;
|
|
color: #7E7E7E;
|
|
margin: 0 auto;
|
|
text-align:center;
|
|
font-size:1.5em;
|
|
}
|
|
|
|
|
|
.tabs1 .ui-tabs-nav li > a:link, span.main-nav-off > a:visited{
|
|
color: #7E7E7E;
|
|
}
|
|
|
|
.tabs1 .ui-tabs-nav li.ui-tabs-selected a{
|
|
color: #3D752A;
|
|
}
|
|
|
|
.tabs1 .ui-tabs-panel {
|
|
display: block;
|
|
border-width: 0;
|
|
padding: 0 0 0 0;
|
|
background: none;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.tabs2 .ui-tabs-nav {
|
|
padding: 0.3em 6em 0 7em;
|
|
margin: 0;
|
|
height: 2.5em;
|
|
background-image: url(Subnav-background.png);
|
|
}
|
|
|
|
.tabs2 .ui-tabs-nav li {
|
|
width:auto;
|
|
padding-left: 1em;
|
|
margin: 0;
|
|
background: #326122 !important;
|
|
color: white;
|
|
}
|
|
|
|
.tabs2 .ui-tabs-nav li.ui-tabs-selected {
|
|
padding-left: 1em;
|
|
height: 1em;
|
|
background: #326122 !important;
|
|
}
|
|
|
|
|
|
.tabs2 .ui-tabs-nav li a{
|
|
width:auto;
|
|
padding: 0.4em 0.6em ;
|
|
-moz-border-radius: 2em !important;
|
|
border-radius: 2em !important;
|
|
color: white;
|
|
font-size: 1em;
|
|
font-family: "Liberation Sans", Arial, Sans;
|
|
}
|
|
|
|
.tabs2 .ui-tabs-nav li > a:link, span.main-nav-off > a:visited{
|
|
color:white;
|
|
}
|
|
|
|
|
|
.tabs2 .ui-tabs-nav li a:hover{
|
|
background: none repeat scroll 0 0 #1C3612;
|
|
}
|
|
|
|
.tabs2 .ui-tabs-nav li.ui-tabs-selected a{
|
|
background: none repeat scroll 0 0 #1C3612;
|
|
color: white;
|
|
|
|
}
|
|
|
|
span.sub-nav-off > a:link, span.sub-nav-off > a:visited{
|
|
color:white;
|
|
}
|
|
|
|
span.main-nav-off > a:link, span.main-nav-off > a:visited{
|
|
color:white;
|
|
}
|
|
|
|
span.main-separator{
|
|
background: #333339;
|
|
padding:0.1em;
|
|
}
|
|
|
|
|
|
|
|
/* Entity */
|
|
|
|
.entity-container{
|
|
position: relative;
|
|
left: 25em;
|
|
width: 80%;
|
|
margin: 0.06em;
|
|
padding: 0.06em;
|
|
background: #e8e8e8;
|
|
}
|
|
|
|
.action-panel {
|
|
position: fixed;
|
|
height: 33em;
|
|
left: 3em;
|
|
border: none;
|
|
float: left;
|
|
margin-top: 6.3em;
|
|
margin-left: 2.5em;
|
|
padding-left: 0.5em;
|
|
padding-bottom: 1em;
|
|
width: 18em;
|
|
background-image:url('panel-background.png');
|
|
background-repeat:no-repeat;
|
|
background-position:right;
|
|
}
|
|
|
|
.action-panel h3{
|
|
font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif;
|
|
color: #333333;
|
|
margin: 0;
|
|
background: #EEEEEE;
|
|
padding: .5em;
|
|
border-right: 1px solid #dfdfdf;
|
|
text-transform: uppercase;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.action-panel ul {
|
|
list-style-type:none;
|
|
padding-left: .5em;
|
|
}
|
|
|
|
.action-panel h3{
|
|
margin: 0;
|
|
background: #e8e8e8;
|
|
}
|
|
|
|
.action-panel li {
|
|
font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif;
|
|
font-size: 1.1em;
|
|
color: #1d85d5;
|
|
list-style-type: none;
|
|
min-height: 2.1em;
|
|
padding: none;
|
|
}
|
|
|
|
.action-panel li.search-facet {
|
|
font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
|
|
color: #1D85D5;
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.action-panel li.entity-facet {
|
|
font-family: "Liberation Sans",Arial,sans-serif;
|
|
color: #1d85d5;
|
|
cursor: pointer;
|
|
margin-left:1.8em;
|
|
text-transform: none;
|
|
}
|
|
|
|
.action-panel li.entity-facet-disabled {
|
|
font-family: "Liberation Sans",Arial,sans-serif;
|
|
color: gray;
|
|
cursor: default;
|
|
text-decoration: none;
|
|
text-transform: none;
|
|
}
|
|
|
|
.action-panel li.entity-facet-relation-label {
|
|
font-family: "FreeWayBold", "Liberation Sans", Arial, Sans;
|
|
color: #333333;
|
|
cursor: default;
|
|
text-transform: uppercase;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.action-button {
|
|
background: none;
|
|
background-image:none;
|
|
font-family: "Liberation Sans", Arial, sans-serif;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.action-controls {
|
|
padding-left: 2em;
|
|
}
|
|
|
|
.client {
|
|
font-size: 10px;
|
|
margin-top: 0.4em;
|
|
float: left;
|
|
min-width: 70em;
|
|
}
|
|
|
|
|
|
/* Search */
|
|
|
|
.search-controls {
|
|
-moz-border-radius: .7em .7em 0 0;
|
|
height:2.5em;
|
|
background: -moz-linear-gradient(top, #eeeeee, #dfdfdf);
|
|
position: relative;
|
|
padding: 1em 1.5em;
|
|
margin-top: 1.5em;
|
|
}
|
|
|
|
.search-table > a:link,a:visted{
|
|
color:black;
|
|
}
|
|
|
|
.search-table{
|
|
padding: 0;
|
|
width:100%;
|
|
border: none;
|
|
}
|
|
|
|
.search-table td{
|
|
padding-left: 0.5em;
|
|
}
|
|
|
|
.search-table th{
|
|
padding-left: 0.5em;
|
|
background-color:#f6f6f6;
|
|
color:#333333;
|
|
text-align: left;
|
|
border: 1px solid #dfdfdf;
|
|
}
|
|
|
|
.search-table tfoot tr td span{
|
|
border-top: 1px solid #dfdfdf;
|
|
padding: 0.9em 0 0 1em;
|
|
display: block;
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.search-table tr:nth-child(even){
|
|
# background-color:#CCC;
|
|
}
|
|
|
|
.search-table tr:nth-child(odd){
|
|
# background-color:#FFF;
|
|
}
|
|
|
|
.entity-views{
|
|
list-style-type:none;
|
|
}
|
|
|
|
.entity-views li {
|
|
display:inline;
|
|
cursor: pointer;
|
|
padding: 0.4em;
|
|
}
|
|
|
|
.strikethrough { text-decoration: line-through; }
|
|
|
|
|
|
.key-status-valid {
|
|
list-style-type: circle;
|
|
color: #008000;
|
|
}
|
|
|
|
.key-status-missing {
|
|
list-style-type: circle;
|
|
color: #daa520;
|
|
}
|
|
|
|
.key-status-active {
|
|
list-style-type: disc;
|
|
}
|
|
|
|
.certificate-status-valid {
|
|
list-style-type: circle;
|
|
color: #008000;
|
|
}
|
|
|
|
.certificate-status-revoked {
|
|
list-style-type: circle;
|
|
color: #ff0000;
|
|
}
|
|
|
|
.certificate-status-missing {
|
|
list-style-type: circle;
|
|
color: #daa520;
|
|
}
|
|
|
|
.certificate-status-active {
|
|
list-style-type: disc;
|
|
}
|
|
|
|
dl.modal {
|
|
clear: both;
|
|
margin-left: 1em;
|
|
margin-top: 1em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
dl.modal dt {
|
|
clear: left;
|
|
float: left;
|
|
padding-bottom: 0;
|
|
padding-right: 0;
|
|
text-align: right;
|
|
width: 10em;
|
|
}
|
|
|
|
dl.modal dd {
|
|
float: left;
|
|
padding-bottom: 0;
|
|
margin-left: 0.8em;
|
|
}
|
|
|
|
|
|
|
|
.ui-widget-content {
|
|
border:0;
|
|
}
|
|
|
|
table.scrollable thead {
|
|
display: block;
|
|
}
|
|
|
|
table.scrollable tbody {
|
|
display: block;
|
|
overflow: auto;
|
|
}
|
|
|
|
.adder-dialog-filter {
|
|
height: 2.5em;
|
|
}
|
|
|
|
.adder-dialog-results {
|
|
position: relative;
|
|
height: 20.0em;
|
|
}
|
|
|
|
.adder-dialog-available {
|
|
border: 1px solid black;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 25.0em;
|
|
}
|
|
|
|
.adder-dialog-buttons {
|
|
position: absolute;
|
|
top: 1.5em;
|
|
left: 25em;
|
|
right: 25;
|
|
bottom: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.adder-dialog-selected {
|
|
border: 1px solid black;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 25em;
|
|
}
|
|
|
|
.adder-dialog-internal {
|
|
border: 1px solid black;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 4.5em;
|
|
width: 25em;
|
|
}
|
|
|
|
.adder-dialog-external {
|
|
border: 1px solid black;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 25em;
|
|
height: 4em;
|
|
}
|