2102ab8fec
Tasks app layout was broken since the controls bar is higher now. This change should hopefully fix other apps using the same layout.
144 lines
4.5 KiB
CSS
144 lines
4.5 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 */
|
|
#rootcert_import {
|
|
margin: 0 0 10px 0;
|
|
display: block;
|
|
}
|
|
|
|
/* 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%; }
|
|
#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;}
|
|
|