From b9ad279ad2d8d93dd501115a028783cf8fe7fcbd Mon Sep 17 00:00:00 2001 From: Adam Young Date: Wed, 19 Jan 2011 12:26:14 -0500 Subject: rename static to ui Directory rename --- install/ui/ipa.css | 750 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 750 insertions(+) create mode 100644 install/ui/ipa.css (limited to 'install/ui/ipa.css') diff --git a/install/ui/ipa.css b/install/ui/ipa.css new file mode 100644 index 00000000..5726ad99 --- /dev/null +++ b/install/ui/ipa.css @@ -0,0 +1,750 @@ +/* Authors: + * Pavel Zuna + * Adam Young + * Endi Sukma Dewata + * Kyle Baker + * + * 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{ + background-image:url('outer-bg.png'); + background-repeat:repeat-x; + background-position:left top; + background-color:#F9F9F9; + border-width: 0; + font-family:"Liberation Sans",Arial,Sans; + font-size:11px; + margin: 0; +} + +.network-activity-indicator{ + display:none; +} + +.center-container { + margin-left: auto; + margin-right: auto; + width: 960px; +} + +.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%; +} + +.button-without-icon { + padding: .4em 1em .4em 1em; + text-decoration: none; + position: relative; + cursor: pointer; +} + +/* ---- 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: 2em; +} + +div.header span.header-logo a img { + border: 0; +} + +div.header span.header-loggedinas { + width: 96em; + color: #fff; + display: block; + padding-left: 71em; + 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; +} + + +.entity-container h1{ + -moz-border-radius: 0.3em; + font-family: "FreeWayBold", "Liberation Sans", Arial, sans-serif; + color: #333333; + margin: 0; + background: #EEEEEE; + margin-top: 0.5em; + padding: .5em; + text-transform: uppercase; + font-size: 1.2em; +} + + +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; +} + +dl.entryattrs input.otp { + min-width: 15em; + width: 15em; +} + +span.attrhint { + font-size: 8pt; + left: 5em; + margin-left: 12.5em; + position: absolute; + overflow-x: hidden; +} + + +/*Navigation */ +.tabs1 .ui-tabs-nav{ + padding-left: 2.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 { +} + + +.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 4em; + margin: 0; + height: 2.4em; + 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: 22em; + width: 80%; + margin: 0.06em; + padding: 0.06em; + background: #e8e8e8; +} + +.action-panel { + position: fixed; + height: 33em; + left: auto; + border: none; + float: none; + margin-top: 6.3em; + margin-left: -19.5em; + margin-right: 0; + padding-left: 0; + position: fixed; + 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.back-to-search { + margin-left: -1.5em; +} + +.action-panel li.entity-facet { + font-family: "Liberation Sans",Arial,sans-serif; + color: #1d85d5; + cursor: pointer; + margin-left:1.2em; + text-transform: none; +} + +.action-panel li.entity-facet-selected { + font-family: "FreeWayBold", "Liberation Sans", Arial, Sans; + color: black; + text-transform: uppercase; + cursor: pointer; +} + +.action-panel li.entity-facet-disabled { + display:none; +} + +.action-panel li.entity-facet-relation-label { + font-family: "FreeWayBold", "Liberation Sans", Arial, Sans; + color: #8a8a8a; + cursor: default; + text-transform: uppercase; + margin-left:1.8em; +} + +.action-panel li.facet-group-member { + margin-left: 2.9em +} + + +.action-button { + background: none; + background-image:none; + font-family: "Liberation Sans", Arial, sans-serif; + font-size: 0.9em; +} + +a.action-button-disabled { + color: gray; + cursor: default; +} + +.action-controls { + position: relative; + display:inline; +} + +.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; } + +table.certificate-status { + line-height: 2; +} + +table.kerberos-key-status { + line-height: 2; +} + +.status-icon { + vertical-align: bottom; +# width: auto; +# height: 1em; +# -webkit-border-radius: 0.5em; +# -moz-border-radius: 0.5em; +} + +.status-valid { + background-image:url('check.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; +} + +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: 23.0em; +} + +.adder-dialog-buttons { + position: absolute; + top: 1.5em; + left: 23.35em; + right: 25; + bottom: 0; + text-align: center; +} + +.adder-dialog-selected { + border: 1px solid black; + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 23em; +} + +.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; +} -- cgit