mirror of
https://salsa.debian.org/freeipa-team/freeipa.git
synced 2025-02-25 18:55:28 -06:00
696fce5c8d
browserconfig.html was changed to use new FF extension. The page is completely Firefox specific therefore the title was changed from 'Configure browser' to 'Firefox configuration'. Instruction to import CA cert in unauthorized.html are FF specific too, so they were moved to browserconfig.html. Unauthorized.html text was changed to distinguish FF config and other browsers. Now the page shows link for FF (browserconfig.html) and other browsers (ssbrowser.html). Ssbrowser.html should be enhanced by more configurations and browsers later [1]. Old configuration method was moved to ssbrowser.html. Unauthorized dialog in Web UI now links to http://../unauthorized.html instead of https. This change is done because of FF strange handling of extension installations from https sites [2]. Firefox allows ext. installation from https sites only when the certificate is signed by some build-in CA. To allow custom CAs an option in about:config has to be changed which don't help us at all because we wants to avoid manual changes in about:config. The design of browserconfig is inspired by Kyle Baker's design (2.1 Enhancements_v2.odt). It is not exactly the same. Highlighting of the steps wasn't used because in some cases we can switch some steps. Ticket: https://fedorahosted.org/freeipa/ticket/3094 [1] https://fedorahosted.org/freeipa/ticket/823 [2] https://bugzilla.mozilla.org/show_bug.cgi?id=688383
1787 lines
30 KiB
CSS
1787 lines
30 KiB
CSS
|
|
/* Authors:
|
|
* Pavel Zuna <pzuna@redhat.com>
|
|
* Adam Young <ayoung@redhat.com>
|
|
* Endi Sukma Dewata <edewata@redhat.com>
|
|
* Kyle Baker <kybaker@redhat.com>
|
|
* Petr Vobornik <pvoborni@redhat.com>
|
|
*
|
|
* Copyright (C) 2010 Red Hat
|
|
*/
|
|
|
|
|
|
@font-face {
|
|
font-family: 'Overpass';
|
|
src: url('overpass_regular-web.eot');
|
|
src: url('overpass_regular-web.eot?#iefix') format('eot'),
|
|
url('overpass_regular-web.woff') format('woff'),
|
|
url('overpass_regular-web.ttf') format('truetype'),
|
|
url('overpass_regular-web.svg#webfontLTZe4IYH') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Overpass Bold';
|
|
src: url('overpass_bold-web.eot');
|
|
src: url('overpass_bold-web.eot?#iefix') format('eot'),
|
|
url('overpass_bold-web.woff') format('woff'),
|
|
url('overpass_bold-web.ttf') format('truetype'),
|
|
url('overpass_bold-web.svg#webfontzAU82Ltw') format('svg');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
overflow: auto;
|
|
position: relative;
|
|
background: url(images/outer-background.png);
|
|
background-repeat: repeat-x;
|
|
background-position: left top;
|
|
background-color: #FFFFFF;
|
|
border-width: 0;
|
|
font-family: "Liberation Sans",Arial,Sans;
|
|
font-size: 11px;
|
|
margin: 0;
|
|
padding: 0;
|
|
height: 100%;
|
|
}
|
|
|
|
.network-activity-indicator {
|
|
visibility: hidden;
|
|
width: 16px;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
margin: 5px 3px;
|
|
display: inline-block;
|
|
}
|
|
|
|
/* ---- Container ---- */
|
|
|
|
#container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 960px;
|
|
margin: 0 auto 0;
|
|
}
|
|
|
|
/* ---- Background ---- */
|
|
|
|
#background-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 34px;
|
|
background: url(images/top-background.png) #0C3B00;
|
|
}
|
|
|
|
#background-navigation {
|
|
position: absolute;
|
|
top: 34px;
|
|
left: 0;
|
|
right: 0;
|
|
height: 72px;
|
|
background: url(images/mainnav-background.png);
|
|
}
|
|
|
|
#background-left {
|
|
position: absolute;
|
|
top: 106px;
|
|
left: 0;
|
|
width: 10px;
|
|
bottom: 0;
|
|
background: url(images/background-left.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#background-center {
|
|
position: absolute;
|
|
top: 106px;
|
|
left: 10px;
|
|
right: 10px;
|
|
bottom: 0;
|
|
background: url(images/background-center.png);
|
|
background-repeat: repeat-x;
|
|
}
|
|
|
|
#background-right {
|
|
position: absolute;
|
|
top: 106px;
|
|
right: 0;
|
|
width: 10px;
|
|
bottom: 0;
|
|
background: url(images/background-right.png);
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.icon {
|
|
display: inline-block;
|
|
height: 16px;
|
|
width: 16px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.combobox-icon {
|
|
background: url(images/combobox-open.png);
|
|
}
|
|
|
|
.expanded-icon {
|
|
background: url(images/arrow-expanded.png);
|
|
}
|
|
|
|
.collapsed-icon {
|
|
background: url(images/arrow-collapsed.png);
|
|
}
|
|
|
|
.search-icon {
|
|
background: url(images/search-icon.png) no-repeat;
|
|
}
|
|
|
|
.add-icon {
|
|
background: url(images/add-icon.png);
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.remove-icon {
|
|
background: url(images/remove-icon.png);
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.update-icon {
|
|
background: url(images/update-icon.png);
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.reset-icon {
|
|
background: url(images/reset-icon.png);
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.enabled-icon {
|
|
background-image: url(images/ui-icons_222222_256x240.png);
|
|
background-position: -64px -144px;
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.disabled-icon {
|
|
background-image: url(images/ui-icons_bbbbbb_256x240.png);
|
|
background-position: -64px -128px;
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.register-icon {
|
|
background: url(images/entitle-register.png);
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.import-icon {
|
|
background: url(images/entitle-import.png);
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.consume-icon {
|
|
background: url(images/entitle-consume.png);
|
|
margin: -4px 0 0 1px;
|
|
}
|
|
|
|
.ipa-icon {
|
|
font-size: 0.7em;
|
|
padding-right: 0.3em;
|
|
}
|
|
|
|
.ui-state-error,
|
|
.ui-widget-content .ui-state-error,
|
|
.ui-widget-header .ui-state-error {
|
|
font-weight: bold;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
/* ---- Header ---- */
|
|
#header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 6px;
|
|
right: 6px;
|
|
height: 34px;
|
|
background: transparent;
|
|
}
|
|
|
|
#header a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#header a:link {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
#header a:visited {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
|
|
#header span.header-logo {
|
|
padding-left: 2em;
|
|
}
|
|
|
|
#header span.header-logo a img {
|
|
border: 0;
|
|
}
|
|
|
|
/* ---- Password expiration */
|
|
|
|
.header-passwordexpires {
|
|
margin-right: 30px;
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.header-passwordexpires a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* ---- Logged-in As ---- */
|
|
.header-right {
|
|
float: right;
|
|
}
|
|
|
|
.header-loggedinas {
|
|
line-height: 34px;
|
|
color: #fff;
|
|
}
|
|
|
|
.header-loggedinas .login {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* ---- Notification area ---- */
|
|
|
|
.notification-area {
|
|
position: absolute;
|
|
top: 40px;
|
|
left: 380px;
|
|
right: 380px;
|
|
line-height: 1.5em;
|
|
z-index: 20;
|
|
padding: 4px;
|
|
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
/* ---- Navigation ---- */
|
|
#navigation {
|
|
position: absolute;
|
|
top: 34px;
|
|
left: 6px;
|
|
right: 6px;
|
|
height: 102px;
|
|
}
|
|
|
|
#navigation.tabs-3 {
|
|
height: 150px;
|
|
}
|
|
|
|
div.tabs {
|
|
width: 100%;
|
|
min-height: 4em;
|
|
background: transparent;
|
|
}
|
|
|
|
.tabs.ui-tabs, .tabs .ui-tabs {
|
|
padding: 0;
|
|
}
|
|
|
|
/* ---- Tabs level 1 ---- */
|
|
|
|
.tabs.ui-widget {
|
|
border: none;
|
|
}
|
|
|
|
.tabs1 > .ui-tabs-nav {
|
|
background: transparent;
|
|
}
|
|
|
|
.tabs1 > .ui-tabs-nav > .ui-state-hover {
|
|
background: url(images/hover-tab.png);
|
|
}
|
|
|
|
.tabs1 > .ui-tabs-nav {
|
|
padding: 33px 0 0;
|
|
margin: 0;
|
|
border: none;
|
|
}
|
|
|
|
.tabs1 > .ui-tabs-nav li {
|
|
-moz-border-radius: 0 !important;
|
|
-webkit-border-radius: 0 !important;
|
|
border-radius: 0 !important;
|
|
border: 1px solid #A0A0A0;
|
|
background: none;
|
|
background-image: url(images/mainnav-tab-off.png);
|
|
margin: 0 0.4em 0 0;
|
|
text-align: center;
|
|
vertical-align:baseline;
|
|
}
|
|
|
|
.tabs1 > .ui-tabs-nav > li.ui-tabs-selected {
|
|
padding: 0;
|
|
background-image: url(images/mainnav-tab-on.png);
|
|
text-align: center;
|
|
}
|
|
|
|
.tabs1 > .ui-tabs-nav > li > a {
|
|
-moz-border-radius: 0 !important;
|
|
-webkit-border-radius: 0 !important;
|
|
font-family: "Overpass Bold","Liberation Sans", Arial, sans-serif;
|
|
min-width: 5em;
|
|
height: 20px;
|
|
color: #858585;
|
|
margin: 0 auto;
|
|
text-align:center;
|
|
font-size:1.5em;
|
|
text-shadow: 1px 1px 0 #FFFFFF;
|
|
}
|
|
|
|
.tabs1 > .ui-tabs-nav > li > a:link,
|
|
span.main-nav-off > a:visited{
|
|
color: #858585;
|
|
}
|
|
|
|
.tabs1 > .ui-tabs-nav > li.ui-tabs-selected > a {
|
|
color: #1e5e05;
|
|
}
|
|
|
|
.tabs1 .ui-tabs-panel {
|
|
display: block;
|
|
border-width: 0;
|
|
padding: 0 0 0 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* ---- Tabs level 2 ---- */
|
|
|
|
.tabs2 {
|
|
}
|
|
|
|
.tabs2 > .ui-tabs-nav {
|
|
padding: 5px 24px 1px;
|
|
margin: 0;
|
|
height: 25px;
|
|
border: none;
|
|
-moz-border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
.tabs2 > .ui-tabs-nav > li {
|
|
width: auto;
|
|
margin: 0;
|
|
background: none repeat scroll 0 0 transparent !important;
|
|
color: white;
|
|
border: none;
|
|
}
|
|
|
|
.tabs2 > .ui-tabs-nav > li.ui-tabs-selected {
|
|
background: url(images/nav-arrow.png) no-repeat scroll center 2.1em transparent !important;
|
|
height: 3.1em;
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.tabs2 > .ui-tabs-nav > li > a {
|
|
width:auto;
|
|
padding: 0.3em 0.8em ;
|
|
-moz-border-radius: 2em !important;
|
|
-webkit-border-radius: 2em !important;
|
|
border-radius: 2em !important;
|
|
color: #333333;
|
|
font-size: 1em;
|
|
font-family: "Liberation Sans", Arial, Sans;
|
|
margin: 0 0.3em;
|
|
}
|
|
|
|
.tabs2 > .ui-tabs-nav li > a:link,
|
|
span.main-nav-off > a:visited {
|
|
color: #333333;
|
|
}
|
|
|
|
.tabs2 > .ui-tabs-nav > li.ui-tabs-selected > a,
|
|
.tabs2 > .ui-tabs-nav > li > a:hover {
|
|
background-color:#EEEEEE;
|
|
color: #164304;
|
|
text-shadow: 1px 1px 0 #FFFFFF;
|
|
|
|
}
|
|
|
|
/* ---- Tabs level 3 ---- */
|
|
|
|
.tabs3 {
|
|
height: 28px;
|
|
}
|
|
|
|
.tabs3 > .ui-tabs-nav {
|
|
padding: 1em 22px 0.1em;
|
|
border: none;
|
|
background: transparent;
|
|
}
|
|
|
|
.tabs3 > .ui-tabs-nav > li {
|
|
background: transparent;
|
|
border: 0;
|
|
margin: 0 2.4em 1px 0;
|
|
}
|
|
|
|
.tabs3 > .ui-tabs-nav > li > a {
|
|
width: auto;
|
|
margin: 0;
|
|
padding: 0.3em 0 0.3em 0;
|
|
font-family: "Overpass", "Liberation Sans", Arial, sans-serif;
|
|
font-size: 1.2em;
|
|
text-transform: uppercase;
|
|
color: #858585;
|
|
}
|
|
|
|
.tabs3 > .ui-tabs-nav > li.ui-tabs-selected > a {
|
|
font-family: "Overpass Bold", "Liberation Sans", Arial, sans-serif;
|
|
color: #1e5e05;
|
|
}
|
|
|
|
/* ---- Content ---- */
|
|
#content {
|
|
position: absolute;
|
|
top: 151px;
|
|
left: 6px;
|
|
right: 6px;
|
|
bottom: 10px;
|
|
}
|
|
|
|
#content.tabs-3 {
|
|
top: 175px;
|
|
}
|
|
|
|
/* ---- Entity ---- */
|
|
|
|
.entity {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.entity h1 {
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
.entity-content {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
font-size: 10px;
|
|
margin: 0 0 0;
|
|
}
|
|
|
|
.entity-content div.content-buttons {
|
|
float: right;
|
|
margin-right: 1.5em;
|
|
}
|
|
|
|
.entity-content div.content-buttons img {
|
|
border: 0;
|
|
}
|
|
|
|
/* ---- Facet ---- */
|
|
|
|
.facet {
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 10px;
|
|
right: 10px;
|
|
bottom: 0;
|
|
}
|
|
|
|
.facet-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 130px;
|
|
margin: 0 12px 0;
|
|
}
|
|
|
|
.facet-title {
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 0;
|
|
color: gray;
|
|
display: block;
|
|
}
|
|
|
|
.facet-title h3 {
|
|
margin: 0;
|
|
}
|
|
|
|
.facet-title span {
|
|
display: inline;
|
|
}
|
|
|
|
.facet-pkey {
|
|
color:black;
|
|
text-transform: none;
|
|
}
|
|
|
|
.breadcrumb {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.breadcrumb a {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* ---- Facet Tabs ---- */
|
|
|
|
.facet-tabs {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 30px;
|
|
z-index: 1; /* need to be above facet header */
|
|
border-bottom: 1px solid #C9C3BA;
|
|
}
|
|
|
|
.facet-group {
|
|
float: left;
|
|
margin-right: 1em;
|
|
position: relative;
|
|
height: 100%;
|
|
}
|
|
|
|
.facet-group-label {
|
|
height: 20px;
|
|
}
|
|
|
|
.facet-tab {
|
|
height: 31px;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.facet-tab li {
|
|
display: inline-block;
|
|
position: relative;
|
|
padding-right: 1px;
|
|
}
|
|
|
|
.facet-tab li a {
|
|
background-color: #dedbde;
|
|
border-left: 1px solid #c9c3ba;
|
|
border-right: 1px solid #c9c3ba;
|
|
margin: 0 0 0;
|
|
padding: 8px 16px 4px 16px;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
line-height: 19px;
|
|
color: #666666;
|
|
}
|
|
|
|
.facet-tab li a.selected {
|
|
color: #6C6F73;
|
|
background-color: #f1f0ee;
|
|
font-weight: bold;
|
|
height: 20px;
|
|
}
|
|
|
|
.facet-tab li.settings {
|
|
margin-left:1em; margin-right:1em;
|
|
}
|
|
|
|
|
|
/* Facet tabs coloring */
|
|
|
|
.facet-group li a {
|
|
background-image: url(images/facet-tab-off.png);
|
|
background-repeat: repeat-x;
|
|
background-position: 0px -33px;
|
|
}
|
|
|
|
.facet-group li a.selected {
|
|
background-image: url(images/facet-tab-on.png);
|
|
}
|
|
|
|
div[name=settings].facet-group li a {
|
|
background-position: 0px -66px;
|
|
}
|
|
|
|
.facet-group li[name^=member] a,
|
|
.facet-group li[name^=managedby] a {
|
|
background-position: 0px 0px;
|
|
}
|
|
|
|
.facet-group li[name^=memberof] a {
|
|
background-position: 0px -33px;
|
|
}
|
|
|
|
/* ---- Facet Controls ---- */
|
|
|
|
.facet-controls {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 0 6px 0 6px;
|
|
}
|
|
|
|
.right-aligned-facet-controls {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.facet-controls a {
|
|
font-size: 1.3em !important;
|
|
margin: 0 6px 0 0;
|
|
}
|
|
|
|
/* ---- Facet Content ---- */
|
|
|
|
.facet-content {
|
|
position: absolute;
|
|
top: 130px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: 0 12px;
|
|
padding: 0;
|
|
}
|
|
|
|
/* ---- Facet Customization ---- */
|
|
|
|
.no-facet-tabs .facet-header {
|
|
height: 70px;
|
|
}
|
|
|
|
.no-facet-tabs .facet-content {
|
|
top: 70px;
|
|
}
|
|
|
|
/* --- Facet error --- */
|
|
|
|
.facet-error {
|
|
padding: 2em 15em;
|
|
}
|
|
|
|
.facet-error h1 {
|
|
text-align: center;
|
|
}
|
|
|
|
.facet-error .error-details {
|
|
margin-top: 2em;
|
|
font-family: monospace;
|
|
}
|
|
|
|
/* ---- Search Facet ---- */
|
|
|
|
.content-table {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.content-table thead {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 3px;
|
|
right: 3px;
|
|
}
|
|
|
|
.content-table tbody {
|
|
position: absolute;
|
|
top: 31px;
|
|
left: 3px;
|
|
right: 3px;
|
|
bottom: 35px;
|
|
}
|
|
|
|
.content-table tbody tr.disabled {
|
|
color: gray;
|
|
}
|
|
|
|
.search-filter {
|
|
width: 215px;
|
|
-moz-border-radius: 15px !important;
|
|
-webkit-border-radius: 15px !important;
|
|
border-radius: 15px !important;
|
|
border: 1px solid #9f9e9e;
|
|
background: url(images/search-background.png);
|
|
height: 20px;
|
|
line-height: 20px;
|
|
padding: 0 8px 0;
|
|
margin: 5px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.search-filter input {
|
|
width: 193px;
|
|
border: none;
|
|
background: transparent;
|
|
height: 18px;
|
|
}
|
|
|
|
.search-filter a {
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
|
|
.search-controls {
|
|
-moz-border-radius: .7em .7em 0 0;
|
|
-webkit-border-radius: .7em .7em 0 0;
|
|
height:2.5em;
|
|
background: -moz-linear-gradient(top, #eeeeee, #dfdfdf);
|
|
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dfdfdf));
|
|
position: relative;
|
|
padding: 1em 1.5em;
|
|
margin-top: .8em;
|
|
}
|
|
|
|
.search-table {
|
|
padding: 0;
|
|
width: 100%;
|
|
border: none;
|
|
}
|
|
|
|
.search-table > a:link, a:visted {
|
|
color:black;
|
|
}
|
|
|
|
.search-table thead tr th {
|
|
padding: 0 6px;
|
|
background-color:#f6f6f6;
|
|
color:#333333;
|
|
text-align: left;
|
|
border: 1px solid #dfdfdf;
|
|
height: 25px;
|
|
}
|
|
|
|
.search-table thead tr th .action-button {
|
|
margin: 0 0 0 6px;
|
|
}
|
|
|
|
.search-table tbody td {
|
|
padding: 0 0 0 7px;
|
|
}
|
|
|
|
.search-table thead th div,
|
|
.search-table tbody td div
|
|
{
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.search-table tfoot td {
|
|
padding: 0.5em 0 0 1em;
|
|
border-top: 1px solid #dfdfdf;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.search-table span[name=summary] {
|
|
float: left;
|
|
margin-right: 4em;
|
|
}
|
|
|
|
.search-table .pagination-control {
|
|
float: right;
|
|
}
|
|
|
|
.search-table .pagination-control a {
|
|
cursor:pointer;
|
|
}
|
|
|
|
.search-table .pagination-control input[name=current_page] {
|
|
width: 22px;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
|
|
h1 {
|
|
font-family: "Overpass Bold","Liberation Sans", Arial, sans-serif;
|
|
font-size: 1.5em;
|
|
color: #555555;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 0 #FFFFFF;
|
|
}
|
|
|
|
|
|
h2 {
|
|
font-family: "Overpass Bold","Liberation Sans", Arial, sans-serif;
|
|
font-size: 1.5em;
|
|
color: #333333;
|
|
text-transform: uppercase;
|
|
margin-left: 1em;
|
|
margin-bottom: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
h3 {
|
|
font-family: "Overpass Bold","Liberation Sans", Arial, sans-serif;
|
|
font-size: 1.8em;
|
|
color: #3c3c3c;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 0 #FFFFFF;
|
|
}
|
|
|
|
.section-expand{
|
|
}
|
|
|
|
hr {
|
|
background-color: #EEEEEE;
|
|
clear: both;
|
|
color: #FFFFFF;
|
|
height: 0.1em;
|
|
margin-left: 1.5em;
|
|
margin-right: 1.5em;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
/* ---- Details Facet ---- */
|
|
|
|
.details-content {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 32px;
|
|
overflow: auto;
|
|
border: none;
|
|
border-top: 1px solid #DFDFDF;
|
|
}
|
|
|
|
.details-summary {
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
height: 29px;
|
|
border-top: 1px solid #DFDFDF;
|
|
padding-left: 0.5em;
|
|
line-height: 25px;
|
|
}
|
|
|
|
.dialog-section {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.section-table {
|
|
width: 100%;
|
|
}
|
|
|
|
.section-cell-label {
|
|
vertical-align: top;
|
|
width: 120px;
|
|
max-width: 120px;
|
|
}
|
|
|
|
.section-cell-field {
|
|
max-width: 650px;
|
|
}
|
|
|
|
.details-section {
|
|
position: relative;
|
|
margin-top: 1em;
|
|
margin-left: 4.5em;
|
|
margin-right: 3.3em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.details-section .section-table {
|
|
width: 100%;
|
|
border-spacing: 12px;
|
|
}
|
|
|
|
.details-section .section-cell-label {
|
|
text-align: right;
|
|
vertical-align: top;
|
|
width: 120px;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.details-section .section-cell-field {
|
|
font-weight: bold;
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
.undo {
|
|
cursor:pointer;
|
|
padding: 0.2em;
|
|
}
|
|
|
|
span.attrhint {
|
|
font-size: 8pt;
|
|
left: 5em;
|
|
margin-left: 12.5em;
|
|
position: absolute;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
a, .ui-widget-content a {
|
|
text-decoration: none;
|
|
color: #1d85d5;
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
}
|
|
|
|
/* ---- Dialog ---- */
|
|
|
|
.ui-dialog {
|
|
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
|
|
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
|
|
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
|
|
.ui-dialog .ui-dialog-content {
|
|
word-wrap: break-word;
|
|
}
|
|
|
|
|
|
.dialog-message {
|
|
margin: 5px 5px 10px;
|
|
padding: 10px;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
border-radius: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.ui-widget input, .ui-widget select,
|
|
.ui-widget textarea, .ui-widget button {
|
|
margin-right: .1em;
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
.button {
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
height: 18px;
|
|
}
|
|
|
|
.button-label {
|
|
padding: 0 0.2em;
|
|
display: inline-block;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.action-button {
|
|
background: none;
|
|
background-image: none;
|
|
font-family: "Liberation Sans", Arial, sans-serif;
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.action-button-disabled {
|
|
color: gray;
|
|
cursor: default;
|
|
}
|
|
|
|
.button-disabled {
|
|
color: gray;
|
|
cursor: default;
|
|
}
|
|
|
|
.aci-attribute-table tbody {
|
|
border-bottom: 1px solid #8a8a8a;
|
|
height: 10em;
|
|
}
|
|
|
|
.aci-attribute-table .aci-attribute-column {
|
|
width: 200em; /* it will fit actual width */
|
|
}
|
|
|
|
.aci-attribute-table-container {
|
|
height: 13.5em;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.entity-views{
|
|
list-style-type:none;
|
|
}
|
|
|
|
.entity-views li {
|
|
display:inline;
|
|
cursor: pointer;
|
|
padding: 0.4em;
|
|
}
|
|
|
|
.strikethrough { text-decoration: line-through; }
|
|
|
|
textarea.certificate {
|
|
font-family: "Courier New";
|
|
width: 100%;
|
|
height: 250px;
|
|
}
|
|
|
|
table.certificate-status {
|
|
line-height: 2;
|
|
}
|
|
|
|
table.kerberos-key-status {
|
|
line-height: 2;
|
|
}
|
|
|
|
.status-icon {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.status-valid {
|
|
background-image: url(images/check-icon.png);
|
|
border: 0.2em solid #008000;
|
|
}
|
|
|
|
.status-valid-active {
|
|
background-color: #008000;
|
|
}
|
|
|
|
.status-revoked {
|
|
border: 0.2em solid #ff0000;
|
|
}
|
|
|
|
.status-revoked-active {
|
|
background-color: #ff0000;
|
|
}
|
|
|
|
.status-missing {
|
|
border: 0.2em solid #daa520;
|
|
}
|
|
|
|
.status-missing-active {
|
|
background-color: #daa520;
|
|
}
|
|
|
|
/* ---- Table ---- */
|
|
|
|
table.scrollable thead {
|
|
display: block;
|
|
}
|
|
|
|
table.scrollable tbody {
|
|
display: block;
|
|
overflow: auto;
|
|
}
|
|
|
|
.adder-dialog {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.adder-dialog-top {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 3em;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.adder-dialog-top input[name=filter] {
|
|
width: 244px;
|
|
}
|
|
|
|
.adder-dialog-left {
|
|
position: absolute;
|
|
top: 3.5em;
|
|
left: 0;
|
|
right: 50%;
|
|
bottom: 0;
|
|
}
|
|
|
|
.adder-dialog-right {
|
|
position: absolute;
|
|
top: 3.5em;
|
|
left: 50%;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.adder-dialog .search-table {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.adder-dialog tbody {
|
|
position: absolute;
|
|
bottom: 32px;
|
|
left: 3px;
|
|
right: 4px;
|
|
top: 31px;
|
|
}
|
|
|
|
.adder-dialog-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 1.5em;
|
|
line-height: 1.5em;
|
|
padding: 0.2em 1em;
|
|
}
|
|
|
|
.adder-dialog-content {
|
|
position: absolute;
|
|
top: 1.9em;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.adder-dialog-available {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 3em;
|
|
}
|
|
|
|
.adder-dialog-with-external .adder-dialog-available {
|
|
bottom: 4em;
|
|
}
|
|
|
|
.adder-dialog-selected {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 3em;
|
|
}
|
|
|
|
.adder-dialog-buttons {
|
|
padding-top: 10em;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.adder-dialog-buttons .button {
|
|
position: relative;
|
|
}
|
|
|
|
.adder-dialog-internal {
|
|
background-color: #ffffff;
|
|
border: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 23em;
|
|
padding-top: 1em;
|
|
|
|
}
|
|
|
|
.adder-dialog-external {
|
|
border: none;
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 3em;
|
|
height: 4em;
|
|
}
|
|
|
|
.adder-dialog-external .adder-dialog-content {
|
|
top: 2.1em;
|
|
}
|
|
|
|
.adder-dialog-external input {
|
|
width: 98%;
|
|
}
|
|
|
|
.adder-dialog-buttons > div:first-child{
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
/* ---- Widgets ---- */
|
|
|
|
.text-widget input {
|
|
width: 250px;
|
|
}
|
|
|
|
.multivalued-widget [name=value] {
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.multivalued-widget input {
|
|
width: 250px;
|
|
}
|
|
|
|
.textarea-widget textarea {
|
|
width: 250px;
|
|
}
|
|
|
|
.facet-content .textarea-widget textarea {
|
|
width: 400px;
|
|
}
|
|
|
|
.combobox-widget-input {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
|
|
.combobox-widget-input input {
|
|
width: 250px;
|
|
}
|
|
|
|
.combobox-widget-input .combobox-icon {
|
|
display: inline-block;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
margin-top: 2px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.combobox-widget-list {
|
|
visibility: hidden;
|
|
border: 1px solid #A0A0A0;
|
|
background: #EEEEEE;
|
|
padding: 5px;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.combobox-widget-list input {
|
|
width: 238px;
|
|
}
|
|
|
|
.combobox-widget-list .search-icon {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
margin-top: 6px;
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.host-adder-dialog table.fqdn {
|
|
width: 100%;
|
|
}
|
|
|
|
.host-adder-dialog th.hostname {
|
|
width: 200px;
|
|
}
|
|
|
|
.host-adder-dialog td.hostname {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.host-adder-dialog td.dnszone {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.host-adder-dialog input[name=hostname] {
|
|
width: 100%;
|
|
}
|
|
|
|
.dnszone-adder-dialog .section-cell-label {
|
|
width: 180px;
|
|
}
|
|
|
|
/* Info and simple pages (not main app) */
|
|
|
|
body.info-page {
|
|
background: url(images/static-background.png) repeat-x scroll left top #EDEDED;
|
|
}
|
|
|
|
.info-page p {
|
|
margin: 0.5em 0em 1em 0em;
|
|
}
|
|
|
|
.info-page h1, .info-page h2, .info-page h3 {
|
|
font-family: "Overpass", "Liberation Sans", Arial, sans-serif;
|
|
margin-left: 0px;
|
|
font-weight: normal;
|
|
color: #555555;
|
|
}
|
|
|
|
.info-page h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.info-page h2 {
|
|
margin-top: 2em;
|
|
}
|
|
|
|
.info-page .container_1 {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 960px;
|
|
background: url(images/centered-background.png) no-repeat scroll 0 7em transparent;
|
|
min-height: 40em;
|
|
}
|
|
|
|
.info-page .textblock {
|
|
text-align: center;
|
|
margin-top: 6em;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.info-page .textblockkrb {
|
|
text-align: left;
|
|
margin-top: 5em;
|
|
font-size: 1.1em;
|
|
padding-left: 3em;
|
|
padding-right: 3em;
|
|
}
|
|
|
|
.info-page .textblockkrb ul li {
|
|
list-style-type: none;
|
|
padding: .15em;
|
|
}
|
|
|
|
.required-indicator {
|
|
color: red;
|
|
font-weight: bold;
|
|
font-size: 120%;
|
|
}
|
|
|
|
.section-cell-label .required-indicator {
|
|
float: right;
|
|
margin-right: -10px;
|
|
}
|
|
|
|
.dialog-section .section-cell-label .required-indicator {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
/* Browser config page */
|
|
|
|
|
|
.info-page .browser-config h1,
|
|
.info-page .browser-config h2,
|
|
.info-page .browser-config h3,
|
|
.info-page .browser-config.textblockkrb {
|
|
text-align: center;
|
|
}
|
|
|
|
.browser-config h2 {
|
|
margin-left: 0em;
|
|
margin-top: 2em;
|
|
|
|
}
|
|
|
|
/* ---- HBAC Test ---- */
|
|
|
|
.hbac-test-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 30px;
|
|
}
|
|
|
|
.hbac-test-content {
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 30px;
|
|
}
|
|
|
|
.hbac-test-footer {
|
|
position: absolute;
|
|
height: 25px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
|
|
.hbac-test-title {
|
|
font-family: 'Overpass Bold', 'Liberation Sans', Arial, Sans-Serif;
|
|
font-size: 1.8em;
|
|
color: #3c3c3c;
|
|
text-transform: uppercase;
|
|
text-shadow: 1px 1px 0 #FFFFFF;
|
|
margin: 0;
|
|
}
|
|
|
|
div.entity[name=hbactest] .content-table tbody {
|
|
bottom: 68px;
|
|
}
|
|
|
|
div.entity[name=hbactest] .content-table tfoot td[name=external] {
|
|
background-color: #F6F6F6;
|
|
border: 1px solid #DFDFDF;
|
|
color: #333333;
|
|
height: 30px;
|
|
padding: 0 0.5em;
|
|
text-align: left;
|
|
}
|
|
|
|
div.entity[name=hbactest] div.facet[name=run_test] .hbac-test-header {
|
|
height: 100px;
|
|
}
|
|
|
|
div.entity[name=hbactest] div.facet[name=run_test] .hbac-test-content {
|
|
top: 100px;
|
|
}
|
|
|
|
.hbac-test-top-panel {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 50px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.hbac-test-button-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
width: 130px;
|
|
padding: 10px;
|
|
|
|
border: 1px solid #C9C3BA;
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
background-color: #F6F6F6;
|
|
}
|
|
|
|
.hbac-test-result-panel {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 151px;
|
|
|
|
padding: 10px;
|
|
|
|
border: 1px solid #C9C3BA;
|
|
border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
background-color: #F6F6F6;
|
|
}
|
|
|
|
.hbac-test-navigation-buttons {
|
|
float: right;
|
|
}
|
|
|
|
|
|
/* ---- DNS ---- */
|
|
|
|
.dnstype-table div[name=position] {
|
|
|
|
padding-right: 9px;
|
|
}
|
|
|
|
.dnstype-table td {
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* --- SSH key store --- */
|
|
|
|
span.sshkey-status, a.sshkey-set {
|
|
padding-right: 5px;
|
|
}
|
|
/* --- Automember --- */
|
|
|
|
.automember-header {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 3px;
|
|
right: 3px;
|
|
height: 52px;
|
|
}
|
|
|
|
.automember-content {
|
|
position: absolute;
|
|
top: 52px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0px;
|
|
}
|
|
|
|
.automember-header .default_group {
|
|
border-bottom: 1px solid #DFDFDF;
|
|
border-top: 1px solid #DFDFDF;
|
|
padding-bottom: 5px;
|
|
padding-top: 8px;
|
|
}
|
|
|
|
.automember-header .default_group h2 {
|
|
display: inline-block;
|
|
margin: 0 15px 0 20px;
|
|
}
|
|
|
|
.automember-header .default_group label {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
/* --- Stand alone forms --- */
|
|
|
|
#formwindow {
|
|
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
|
|
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
|
|
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
|
border-color: #FFFFFF #F0F0F0 #F0F0F0;
|
|
border-right: 1px solid #F0F0F0;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
color: #3F3F3F;
|
|
margin: 40px auto 100px;
|
|
width: 450px;
|
|
}
|
|
|
|
.form-box {
|
|
padding: 1em 2em;
|
|
}
|
|
|
|
#error-box, .error-box {
|
|
-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
|
|
-webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
|
|
background-color: #FFEBE8;
|
|
border: 1px solid #DD3C10;
|
|
margin: 0 2em 1em 2em;
|
|
padding: 1em 2em;
|
|
}
|
|
|
|
#success-box, .success-box {
|
|
-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
|
|
-webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
|
|
background-color: #FFEB80;
|
|
border: 1px solid #FFDE2E;
|
|
margin: 0 2em 1em 2em;
|
|
padding: 1em 2em;
|
|
}
|
|
|
|
#formwindow h2 {
|
|
background-color: #F0F0F0;
|
|
font-size: 1.6em;
|
|
padding: 18px 15px 14px 22px;
|
|
text-transform: uppercase;
|
|
margin: 0 0 1em 0;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.formbutton input {
|
|
float: right;
|
|
margin: 1em 1em 1em 0;
|
|
-moz-border-radius: 0.3em 0.3em 0.3em 0.3em;
|
|
-webkit-border-radius: 0.3em 0.3em 0.3em 0.3em;
|
|
border-radius: 0.3em 0.3em 0.3em 0.3em;
|
|
background: -moz-linear-gradient(center top, #959595, #5e5e5e) repeat scroll 0 0 transparent;
|
|
background: -webkit-radial-gradient(center top, #959595, #5e5e5e) repeat scroll 0 0 transparent;
|
|
border: 1px solid #777777;
|
|
color: #ffffff;
|
|
font-weight: normal;
|
|
padding: 0.5em 0.8em;
|
|
}
|
|
|
|
.formcontent {
|
|
padding: 0em 1em 1em;
|
|
}
|
|
|
|
/* --- Login form --- */
|
|
#login li {
|
|
padding-bottom: 15px;
|
|
text-align: right;
|
|
width: 370px;
|
|
list-style-type: none;
|
|
}
|
|
|
|
#login li input {
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
|
|
margin-left: 15px;
|
|
padding: 2px 10px;
|
|
width: 210px;
|
|
}
|
|
|
|
#login li label, #modal li label {
|
|
font-weight: bold;
|
|
font-size: 1.2em;
|
|
list-style-type: none;
|
|
}
|
|
|
|
form#login {
|
|
display: inline-block;
|
|
padding-bottom: 15px;
|
|
width: 418px;
|
|
}
|
|
|
|
/* --- Login page --- */
|
|
|
|
.login-page #formwindow {
|
|
margin-top: 100px;
|
|
}
|
|
|
|
/* --- Unauthorized dialog --- */
|
|
|
|
.auth-dialog {
|
|
padding: 0 2em;
|
|
}
|
|
|
|
.auth-dialog h3 {
|
|
margin: 0.5em;
|
|
}
|
|
|
|
/* --- Action list --- */
|
|
|
|
.facet-action-list {
|
|
position: absolute;
|
|
left: 200px;
|
|
top: 15px;
|
|
height: 24px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.facet-action-list div {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.facet-action-list div[name=apply] {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.facet-action-list select {
|
|
font-size: 11px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
height: 24px;
|
|
}
|
|
|
|
.facet-action-list .separator {
|
|
width: 1px;
|
|
height: 24px;
|
|
margin-left: 10px;
|
|
margin-right: 15px;
|
|
background-color: #a1a1a1;
|
|
}
|
|
|
|
/* --- Facet title states --- */
|
|
|
|
.facet-title h3 {
|
|
display: inline-block;
|
|
}
|
|
|
|
.facet-title .header-icon {
|
|
display: none;
|
|
width: 17px;
|
|
height: 17px;
|
|
}
|
|
|
|
.facet-title.enabled .header-icon {
|
|
background-image: url(images/ui-icons_222222_256x240.png);
|
|
background-position: -64px -144px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.facet-title.disabled .header-icon {
|
|
background-image: url(images/ui-icons_bbbbbb_256x240.png);
|
|
background-position: -64px -128px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.facet-title.disabled h3,
|
|
.facet-title.disabled h3 .facet-pkey{
|
|
color: gray;
|
|
}
|
|
|
|
.action-panel {
|
|
position: absolute;
|
|
right: 0;
|
|
top: -30px;
|
|
|
|
width: 150px;
|
|
|
|
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
|
|
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
|
|
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
|
|
}
|
|
|
|
.action-panel-list {
|
|
list-style: none;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
.action-title {
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
margin-left: 15px;
|
|
}
|
|
|
|
.disabled {
|
|
color: gray;
|
|
cursor: default;
|
|
}
|
|
|
|
/* --- Multiple choice widget --- */
|
|
|
|
.multiple-choice-section-header {
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.choice-header {
|
|
font-weight: bold;
|
|
} |