346 lines
5.4 KiB
CSS
346 lines
5.4 KiB
CSS
/* CSS for skin DARK */
|
|
/* Shipped with LemonLDAP::NG */
|
|
|
|
/* Use buttons CSS */
|
|
@import url("../../common/css/buttons.css");
|
|
|
|
/* Use input icons CSS */
|
|
@import url("../../common/css/inputicons.css");
|
|
|
|
/* Structure */
|
|
body {
|
|
background:#000;
|
|
color:#fff;
|
|
font-family:sans-serif;
|
|
font-weight:bold;
|
|
font-size:9pt;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
/* Lists */
|
|
ul {
|
|
list-style:none;
|
|
margin:0;
|
|
padding:5px;
|
|
}
|
|
|
|
li {
|
|
list-style:none;
|
|
}
|
|
|
|
/* Links */
|
|
a img,:link img,:visited img {
|
|
border:none;
|
|
}
|
|
|
|
a, a:link, a:visited {
|
|
text-decoration:none;
|
|
color:orange;
|
|
}
|
|
|
|
/* Texts */
|
|
h3 {
|
|
margin:10px 0;
|
|
padding: 0 10px;
|
|
opacity:1;
|
|
font-size:12pt;
|
|
border-left: orange solid 20px;
|
|
text-align: left;
|
|
}
|
|
|
|
/* Tables */
|
|
table {
|
|
border:0;
|
|
margin:0;
|
|
}
|
|
|
|
th {
|
|
text-align:right;
|
|
border-bottom:orange solid 2px;
|
|
font-size:9pt;
|
|
padding:5px;
|
|
}
|
|
|
|
/* Forms */
|
|
input {
|
|
border:1px solid #CCC;
|
|
padding:5px;
|
|
width: 200px;
|
|
}
|
|
|
|
form input[name=openid_identifier] {
|
|
width: 300px;
|
|
}
|
|
|
|
form input[type=checkbox] {
|
|
width:auto;
|
|
}
|
|
|
|
/* All contents */
|
|
#logincontent, #mailcontent, #errorcontent, #menucontent, #notifcontent {
|
|
margin:100px auto 20px auto;
|
|
background-color:rgb(75,75,75);
|
|
background-color:rgba(75,75,75,0.8);
|
|
padding:10px;
|
|
width:800px;
|
|
border-radius:10px 10px 10px 10px;
|
|
-moz-border-radius:10px 10px 10px 10px;
|
|
-webkit-border-radius:10px 10px 10px 10px;
|
|
}
|
|
|
|
#logincontent, #mailcontent, #errorcontent, #menucontent {
|
|
min-height:400px;
|
|
}
|
|
|
|
#logincontent form, #mailcontent form, #notifcontent form {
|
|
background:#E4E4E4;
|
|
opacity:0.9;
|
|
margin: 20px 20px 20px 250px;
|
|
padding:10px;
|
|
border-radius:10px 10px 10px 10px;
|
|
-moz-border-radius:10px 10px 10px 10px;
|
|
-webkit-border-radius:10px 10px 10px 10px;
|
|
color:#000;
|
|
min-height:200px;
|
|
height:auto;
|
|
}
|
|
|
|
#authMenu form {
|
|
margin: 20px;
|
|
}
|
|
|
|
#mailcontent form {
|
|
height:200px;
|
|
}
|
|
|
|
#mailcontent div.link {
|
|
margin:20px 0 0 250px;
|
|
}
|
|
|
|
div.loginlogo {
|
|
background:url(../images/lock.png) no-repeat center;
|
|
width:200px;
|
|
height:200px;
|
|
margin:40px 10px;
|
|
float:left;
|
|
}
|
|
|
|
#authMenu {
|
|
background:#E4E4E4;
|
|
opacity:0.9;
|
|
margin: 20px 20px 20px 250px;
|
|
text-align:center;
|
|
padding:5px;
|
|
font-size:9pt;
|
|
border-radius:10px 10px 10px 10px;
|
|
-moz-border-radius:10px 10px 10px 10px;
|
|
-webkit-border-radius:10px 10px 10px 10px;
|
|
}
|
|
|
|
#authMenu .ui-tabs-nav li a {
|
|
color:#CCC;
|
|
}
|
|
|
|
#authMenu li.ui-tabs-active a {
|
|
color:#000;
|
|
}
|
|
|
|
tr.authLogo {
|
|
text-align:center;
|
|
}
|
|
|
|
/* Footer */
|
|
#footer {
|
|
text-align:center;
|
|
font-weight:normal;
|
|
clear:both;
|
|
background-color:rgb(75,75,75);
|
|
background-color:rgba(75,75,75,0.8);
|
|
width: 800px;
|
|
margin:auto;
|
|
padding:3px 10px;
|
|
border-radius:10px 10px 10px 10px;
|
|
-moz-border-radius:10px 10px 10px 10px;
|
|
-webkit-border-radius:10px 10px 10px 10px;
|
|
|
|
}
|
|
|
|
/* Logout and error */
|
|
#logout .buttons a, #logout .buttons button, #error .buttons a, #error .buttons button {
|
|
display:block;
|
|
display:inline !important;
|
|
float:none;
|
|
margin:0 10px 0 0;
|
|
width:150px;
|
|
}
|
|
|
|
#logincontent #logout, #errorcontent #error {
|
|
margin-top:60px;
|
|
}
|
|
|
|
/* Menu */
|
|
#menucontent {
|
|
margin:20px auto;
|
|
width:80%;
|
|
height:auto;
|
|
}
|
|
|
|
#menucontent #logout {
|
|
text-align:center;
|
|
padding:10px 20px 20px 20px;
|
|
background:#E4E4E4;
|
|
opacity:0.9;
|
|
border-radius:10px 10px 10px 10px;
|
|
-moz-border-radius:10px 10px 10px 10px;
|
|
-webkit-border-radius:10px 10px 10px 10px;
|
|
color:#000;
|
|
margin:20px auto;
|
|
width:400px;
|
|
}
|
|
|
|
#menucontent #password, #menucontent #loginHistory {
|
|
text-align:center;
|
|
padding:10px 20px 20px 20px;
|
|
background:#E4E4E4;
|
|
opacity:0.9;
|
|
border-radius:10px 10px 10px 10px;
|
|
-moz-border-radius:10px 10px 10px 10px;
|
|
-webkit-border-radius:10px 10px 10px 10px;
|
|
color:#000;
|
|
margin:20px auto;
|
|
width:600px;
|
|
}
|
|
|
|
#menucontent div.user {
|
|
text-align:right;
|
|
margin:10px 20px 0 0;
|
|
}
|
|
|
|
#menucontent .ui-tabs-nav {
|
|
text-align:center;
|
|
background:#E4E4E4;
|
|
padding:5px;
|
|
font-size:9pt;
|
|
opacity:0.9;
|
|
border-radius:10px 10px 10px 10px;
|
|
-moz-border-radius:10px 10px 10px 10px;
|
|
-webkit-border-radius:10px 10px 10px 10px;
|
|
margin:10px auto;
|
|
width:600px;
|
|
}
|
|
|
|
#menucontent .ui-tabs-nav li a {
|
|
color:#CCC;
|
|
}
|
|
|
|
#menucontent li.ui-tabs-active a {
|
|
color:#000;
|
|
}
|
|
|
|
/* Message box */
|
|
div.message {
|
|
border-radius:10px 10px 10px 10px;
|
|
-moz-border-radius:10px 10px 10px 10px;
|
|
-webkit-border-radius:10px 10px 10px 10px;
|
|
}
|
|
|
|
div.message li {
|
|
background-repeat:no-repeat;
|
|
background-position:5px 0;
|
|
padding:3px 0 3px 40px;
|
|
}
|
|
|
|
.message.negative li {
|
|
background-image:url("../../common/warning.png");
|
|
}
|
|
|
|
.message.positive li {
|
|
background-image:url("../../common/ok.png");
|
|
}
|
|
|
|
.message.warning li {
|
|
background-image:url("../../common/warning_triangle.png");
|
|
}
|
|
|
|
/* JQuery tabs */
|
|
.ui-tabs-hide {
|
|
display:none;
|
|
}
|
|
|
|
.ui-tabs-nav {
|
|
text-align:left;
|
|
margin:2px 0;
|
|
padding:6px 2px 5px 2px;
|
|
}
|
|
|
|
.ui-tabs-nav li{
|
|
display:inline-block;
|
|
margin-left:10px;
|
|
margin-top:5px;
|
|
margin-bottom:5px;
|
|
}
|
|
|
|
.ui-tabs-nav li a{
|
|
}
|
|
|
|
li.ui-tabs-active{
|
|
}
|
|
|
|
/* Applications list */
|
|
.clearfix {
|
|
clear:both;
|
|
}
|
|
|
|
div.category {
|
|
background:#E4E4E4;
|
|
opacity:0.9;
|
|
border-radius:10px 10px 10px 10px;
|
|
-moz-border-radius:10px 10px 10px 10px;
|
|
-webkit-border-radius:10px 10px 10px 10px;
|
|
color:#000;
|
|
margin:10px 50px;
|
|
padding:10px 20px;
|
|
clear:both;
|
|
}
|
|
|
|
div.category h3.catname {
|
|
background:#4B4B4B;
|
|
color:#FFF;
|
|
padding:5px 20px;
|
|
font-size:10pt;
|
|
}
|
|
|
|
div.application {
|
|
margin:10px;
|
|
padding:5px;
|
|
float:left;
|
|
width:250px;
|
|
height:30px;
|
|
}
|
|
|
|
div.application:hover {
|
|
background:#eee;
|
|
}
|
|
|
|
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:#aaa;
|
|
font-style:italic;
|
|
}
|