145 lines
4.6 KiB
CSS
145 lines
4.6 KiB
CSS
/* Copyright (c) 2011, Jan-Christoph Borchardt, http://jancborchardt.net
|
|
This file is licensed under the Affero General Public License version 3 or later.
|
|
See the COPYING-README file. */
|
|
|
|
select#languageinput, select#timezone { width:15em; }
|
|
input#openid, input#webdav { width:20em; }
|
|
|
|
|
|
/* PERSONAL */
|
|
|
|
/* Sync clients */
|
|
.clientsbox { margin:12px; }
|
|
.clientsbox h1 { font-size:40px; font-weight:bold; margin:50px 0 20px; }
|
|
.clientsbox h2 { font-size:20px; font-weight:bold; margin:35px 0 10px; }
|
|
.clientsbox .center { margin-top:10px; }
|
|
|
|
#passworderror { display:none; }
|
|
#passwordchanged { display:none; }
|
|
#displaynameerror { display:none; }
|
|
#displaynamechanged { display:none; }
|
|
input#identity { width:20em; }
|
|
#email { width: 17em; }
|
|
|
|
#avatar .warning {
|
|
width: 350px;
|
|
}
|
|
|
|
.msg.success {
|
|
color: #fff;
|
|
background-color: #47a447;
|
|
padding: 3px;
|
|
}
|
|
.msg.error {
|
|
color: #fff;
|
|
background-color: #d2322d;
|
|
padding: 3px;
|
|
}
|
|
|
|
table.nostyle label { margin-right: 2em; }
|
|
table.nostyle td { padding: 0.2em 0; }
|
|
|
|
/* USERS */
|
|
form { display:inline; }
|
|
table.grid th { height:2em; color:#999; }
|
|
table.grid th, table.grid td { border-bottom:1px solid #ddd; padding:0 .5em; padding-left:.8em; text-align:left; font-weight:normal; }
|
|
td.name, td.password { padding-left:.8em; }
|
|
td.password>img,td.displayName>img, td.remove>a, td.quota>img { visibility:hidden; }
|
|
td.password, td.quota, td.displayName { width:12em; cursor:pointer; }
|
|
td.password>span, td.quota>span, rd.displayName>span { margin-right: 1.2em; color: #C7C7C7; }
|
|
|
|
td.remove { width:1em; padding-right:1em; }
|
|
tr:hover>td.password>span, tr:hover>td.displayName>span { margin:0; cursor:pointer; }
|
|
tr:hover>td.remove>a, tr:hover>td.password>img,tr:hover>td.displayName>img, tr:hover>td.quota>img { visibility:visible; cursor:pointer; }
|
|
tr:hover>td.remove>a { float:right; }
|
|
li.selected { background-color:#ddd; }
|
|
table.grid { width:100%; }
|
|
#leftcontent, .leftcontent {
|
|
width: 256px;
|
|
}
|
|
#rightcontent, .rightcontent { top: 80px; left: 336px; }
|
|
#rightcontent { padding-left: 10px; }
|
|
div.quota {
|
|
float: right;
|
|
display: block;
|
|
}
|
|
div.quota-select-wrapper { position: relative; }
|
|
div.recoveryPassword { left:50em; display:block; position:absolute; top:-1px; }
|
|
input#recoveryPassword {width:15em;}
|
|
#controls select.quota {
|
|
margin: 3px;
|
|
margin-right: 10px;
|
|
height: 37px;
|
|
}
|
|
select.quota-user { position:relative; left:0; top:0; width:10em; }
|
|
div.quota>span {
|
|
white-space: nowrap;
|
|
color: #888;
|
|
text-shadow: 0 1px 0 #fff;
|
|
}
|
|
select.quota.active { background: #fff; }
|
|
|
|
/* positioning fixes */
|
|
#newuser .multiselect {
|
|
min-width: 150px !important;
|
|
}
|
|
#newuser .multiselect,
|
|
#newusergroups + input[type='submit'] {
|
|
position: relative;
|
|
top: 1px;
|
|
}
|
|
#headerGroups, #headerSubAdmins, #headerQuota { padding-left:18px; }
|
|
|
|
.ie8 table.hascontrols{border-collapse:collapse;width: 100%;}
|
|
.ie8 table.hascontrols tbody tr{border-collapse:collapse;border: 1px solid #ddd !important;}
|
|
|
|
/* APPS */
|
|
.appinfo { margin: 1em 40px; }
|
|
h3 { font-size: 1.4em; font-weight: bold; }
|
|
ul.applist a {
|
|
height: 2.2em;
|
|
padding: 0.2em 0.2em 0.2em 0.8em !important;
|
|
}
|
|
ul.applist .app-external {
|
|
width: 100%;
|
|
}
|
|
li { color:#888; }
|
|
li.active { color:#000; }
|
|
#leftcontent .appwarning {
|
|
background: #fcc;
|
|
}
|
|
#leftcontent .appwarning:hover {
|
|
background: #fbb;
|
|
}
|
|
small.externalapp { color:#FFF; background-color:#BBB; font-weight:bold; font-size: 0.6em; margin: 0; padding: 0.1em 0.2em; border-radius: 4px;}
|
|
small.externalapp.list { float: right; }
|
|
small.recommendedapp { color:#FFF; background-color:#888; font-weight:bold; font-size: 0.6em; margin: 0; padding: 0.1em 0.2em; border-radius: 4px;}
|
|
small.recommendedapp.list { float: right; }
|
|
span.version { margin-left:1em; margin-right:1em; color:#555; }
|
|
|
|
.app { position: relative; display: inline-block; padding: 0.2em 0 0.2em 0 !important; text-overflow: hidden; overflow: hidden; white-space: nowrap; /*transition: .2s max-width linear; -o-transition: .2s max-width linear; -moz-transition: .2s max-width linear; -webkit-transition: .2s max-width linear; -ms-transition: .2s max-width linear;*/ }
|
|
.app.externalapp { max-width: 12.5em; }
|
|
.app.recommendedapp { max-width: 12.5em; }
|
|
/* Transition to complete width! */
|
|
.app:hover, .app:active { max-width: inherit; }
|
|
|
|
.appslink { text-decoration: underline; }
|
|
.score { color:#666; font-weight:bold; font-size:0.8em; }
|
|
|
|
/* LOG */
|
|
#log { white-space:normal; }
|
|
#lessLog { display:none; }
|
|
table.grid td.date{
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* ADMIN */
|
|
span.securitywarning {color:#C33; font-weight:bold; }
|
|
span.connectionwarning {color:#933; font-weight:bold; }
|
|
input[type=radio] { width:1em; }
|
|
table.shareAPI td { padding-bottom: 0.8em; }
|
|
|
|
/* HELP */
|
|
.pressed {background-color:#DDD;}
|
|
|