384 lines
7.1 KiB
CSS
384 lines
7.1 KiB
CSS
/* CSS for skin IMPACT */
|
|
/* Shipped with LemonLDAP::NG */
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
/* Common */
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
|
|
body {
|
|
background:#F0F0F0 url("../images/bg.png") repeat-x;
|
|
font-size: 0.8em;
|
|
font-family:Arial, Helvetica, Verdana;
|
|
}
|
|
|
|
a {
|
|
color: #0AAF11;
|
|
text-decoration: none;
|
|
}
|
|
|
|
form {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
hr.solid {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
border: 0px;
|
|
height: 1px;
|
|
color: #aaa;
|
|
background: #aaa;
|
|
}
|
|
|
|
form input[name=user], form input[name=firstname], form input[name=lastname] {
|
|
border: 1px solid #aaa;
|
|
padding: 5px;
|
|
width: 200px;
|
|
background: #FFFFFF url("../../common/user_suit.png") 5px 5px no-repeat;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
form input[type=password], form input[name=captcha_user_code] {
|
|
border: 1px solid #aaa;
|
|
padding: 5px;
|
|
width: 200px;
|
|
background: #FFFFFF url("../../common/key.png") 5px 5px no-repeat;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
form input[name=mail] {
|
|
border: 1px solid #aaa;
|
|
padding: 5px;
|
|
width: 200px;
|
|
background: #FFFFFF url("../../common/email.png") 5px 5px no-repeat;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
form input[name=openid_identifier] {
|
|
border: 1px solid #aaa;
|
|
padding: 5px;
|
|
width: 200px;
|
|
background: #FFFFFF url("../../common/openid-16x16.gif") 5px 5px no-repeat;
|
|
padding-left: 25px;
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
/* Custom classes */
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
span.text-error,
|
|
div.text-error,
|
|
p.text-error {
|
|
color: #E00;
|
|
font-weight: bold;
|
|
}
|
|
|
|
span.text-help,
|
|
div.text-help,
|
|
p.text-help {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
span.text-info,
|
|
div.text-info,
|
|
p.text-info {
|
|
font-style: italic;
|
|
}
|
|
|
|
span.text-label,
|
|
div.text-label,
|
|
p.text-label {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.panel-buttons {
|
|
text-align: right;
|
|
}
|
|
|
|
div.title {
|
|
vertical-align: bottom;
|
|
font-weight: bold;
|
|
font-size: 2em;
|
|
}
|
|
|
|
div.title img {
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
ul.nostyle,
|
|
ul.nostyle li {
|
|
list-style-type: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
div.authLogo {
|
|
text-align: center;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
/* Main layout */
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
#layout {
|
|
position: absolute;
|
|
top: 100px;
|
|
right: 0px;
|
|
left: 0px;
|
|
width: 700px;
|
|
height: 340px;
|
|
margin: auto;
|
|
}
|
|
|
|
#content {
|
|
padding: 20px;
|
|
background-color: rgb(248,248,248);
|
|
background-color: rgba(248,248,248,0.8);
|
|
color: #000;
|
|
border: 1px solid #EAEAEA;
|
|
border-radius: 10px;
|
|
-moz-border-radius:10px;
|
|
-webkit-border-radius:10px;
|
|
}
|
|
|
|
#content-all {
|
|
padding: 10px;
|
|
}
|
|
|
|
#content-all table {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
#content-all table tr td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#content-all-info {
|
|
padding: 10px;
|
|
margin-bottom: 15px;
|
|
background-color: #D5EFD1;
|
|
color: #000;
|
|
border: 1px solid #B5CFB6;
|
|
border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
-webkit-border-radius: 10px;
|
|
}
|
|
|
|
#content-all-info2 {
|
|
text-align: center;
|
|
padding: 10px;
|
|
margin-bottom: 15px;
|
|
background-color: #D5EFD1;
|
|
color: #000;
|
|
border: 1px solid #B5CFB6;
|
|
border-radius: 10px;
|
|
-moz-border-radius: 0px 0px 10px 10px;
|
|
-webkit-border-radius: 0px 0px 10px 10px;
|
|
}
|
|
|
|
#content-all-info table.info,
|
|
#content-all-info2 table.info {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#content-all-info table.info th,
|
|
#content-all-info2 table.info th {
|
|
background-color: #B5CFB6;
|
|
}
|
|
|
|
#content-all-info table.info th,
|
|
#content-all-info2 table.info th
|
|
#content-all-info table.info td,
|
|
#content-all-info2 table.info td {
|
|
text-align: left;
|
|
border-bottom: 1px dotted #B5CFB6;
|
|
padding: 5px;
|
|
}
|
|
|
|
#content-left {
|
|
position: absolute;
|
|
width: 370px;
|
|
padding: 10px;
|
|
}
|
|
|
|
#content-left h1 {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
#content-right {
|
|
margin-left: 400px;
|
|
padding: 10px;
|
|
background-color: #D5EFD1;
|
|
color: #000;
|
|
border: 1px solid #B5CFB6;
|
|
border-radius: 10px;
|
|
-moz-border-radius:10px;
|
|
-webkit-border-radius:10px;
|
|
}
|
|
|
|
#content-right h1 {
|
|
font-size: 1.3em;
|
|
}
|
|
|
|
#content-right hr {
|
|
color: #B5CFB6;
|
|
background-color: #B5CFB6;
|
|
}
|
|
|
|
#content-right img {
|
|
vertical-align: top;
|
|
}
|
|
|
|
#content-right a {
|
|
vertical-align: bottom;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
/* Footer layout */
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
#layout-footer {
|
|
padding: 5px;
|
|
text-align: center;
|
|
background-color: rgb(248,248,248);
|
|
background-color: rgba(248,248,248,0.8);
|
|
border: 1px solid #EAEAEA;
|
|
border-radius: 10px;
|
|
-moz-border-radius:10px;
|
|
-webkit-border-radius:10px;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
#layout-footer a {
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#layout-footer a img {
|
|
border: 0px;
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
/* Applications layer */
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
.clearfix {
|
|
clear:both;
|
|
}
|
|
|
|
div.category {
|
|
border:1px solid #B5CFB6;
|
|
-moz-border-radius:10px 10px 10px 10px;
|
|
-webkit-border-radius:10px 10px 10px 10px;
|
|
margin:10px 50px;
|
|
padding:0;
|
|
clear:both;
|
|
}
|
|
|
|
div.category h3.catname {
|
|
background-color:#C7DFC3;
|
|
border-radius:10px 10px 0 0;
|
|
-moz-border-radius:10px 10px 0 0;
|
|
-webkit-border-radius:10px 10px 0 0;
|
|
margin:0;
|
|
padding:10px;
|
|
}
|
|
|
|
div.application {
|
|
margin:10px;
|
|
padding:5px;
|
|
float:left;
|
|
width:200px;
|
|
height:70px;
|
|
overflow:hidden;
|
|
}
|
|
|
|
div.application:hover {
|
|
background:#C7DFC3;
|
|
}
|
|
|
|
div.application img.applogo {
|
|
width:32px;
|
|
height:32px;
|
|
float:left;
|
|
}
|
|
|
|
div.application h4.appname {
|
|
text-align:left;
|
|
padding:0 5px;
|
|
margin:0 0 0 40px;
|
|
}
|
|
|
|
div.application p.appdesc {
|
|
text-align:left;
|
|
padding:0 5px;
|
|
margin:0 0 0 40px;
|
|
text-size:8pt;
|
|
color:#000;
|
|
font-style:italic;
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
/* Menu */
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
#menu, #authMenu {
|
|
background-color: #C7DFC3;
|
|
border: 1px solid #B5CFB6;
|
|
border-bottom: 0px;
|
|
border-radius: 10px 10px 0px 0px;
|
|
-moz-border-radius: 10px 10px 0px 0px;
|
|
-webkit-border-radius: 10px 10px 0px 0px;
|
|
}
|
|
|
|
#authMenu {
|
|
border-bottom: 1px solid #B5CFB6;
|
|
border-radius: 10px;
|
|
-moz-border-radius: 10px;
|
|
-webkit-border-radius: 10px;
|
|
}
|
|
|
|
#menu ul, #authMenu ul {
|
|
list-style: none;
|
|
margin: 0px;
|
|
padding: 5px;
|
|
}
|
|
|
|
#menu ul li, #authMenu ul li {
|
|
list-style: none;
|
|
display: inline;
|
|
}
|
|
|
|
#menu ul li a img, #authMenu ul li a img {
|
|
border: none;
|
|
vertical-align: bottom;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.ui-tabs-hide {
|
|
display:none;
|
|
}
|
|
|
|
.maxw {
|
|
width: 100%;
|
|
}
|
|
|
|
.margin0 {
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.hiddenFrame {
|
|
border: none;
|
|
display: hidden;
|
|
margin: 0
|
|
}
|
|
|
|
.noborder {
|
|
border: none;
|
|
}
|