nextcloud/settings/css/settings.css
Thomas Müller b091394a90 introduce new app page layout
filter installed and not-installed apps properly

kill unneeded file

load category 'Installed' on page load

adding documentation links

new apps mgmt: first style adjustment

apps mgmt: only show license and preview if they exist

adding buttons

new apps mgmt: fix for mobile

use app icon if available

new apps mgmt: position enable/disable toggle to the right

new apps mgmt: proper display of icons or previews

new apps mgmt: fix loading spinner

reenable group selection for apps

new apps mgmt: position enable button normally again

new apps mgmt: clarify wording from 'Installed' to 'Enabled'

reintroduce enable/disable

Move rating image path generation to client-side

Move expression outside of l10n

fix group handling

add buttons for 'More apps' and 'Add your app' again

disable changed date of app for now

adding recommended label

style 'Recommended' app tag

fixing php warning

sort by rating

adding meta-category 'Recommended'

 Only show existing documentation links

lacy loading of screenshots

making group based app activation work again

adding support to get the app icon not only by the app name but also simply by the fixed name 'app.svg'

adding app.svg for all core apps

query string '?installed' is not longer needed

update and uninstall is back + error feedback

remove unneeded parameter

fix alignment of 'recommended' label
2014-10-15 15:21:40 +02:00

325 lines
6.7 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 */
#sslCertificate tr.expired {
background-color: rgba(255, 0, 0, 0.5);
}
#sslCertificate td {
padding: 5px;
}
/* Sync clients */
.clientsbox h2 {
font-size: 20px;
margin: 35px 0 10px;
}
.clientsbox .center {
margin-top: 10px;
}
.clientsbox a {
font-weight: bold;
}
#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 */
#newgroup-init a span { margin-left: 20px; }
#newgroup-init a span:before {
position: absolute; left: 12px; top:-2px;
content: '+'; font-weight: bold; font-size: 150%;
}
.ie8 #newgroup-form .icon-add {
height: 30px;
}
.usercount { float: left; margin: 5px; }
li.active span.utils .delete {
float: left; position: relative; opacity: 0.5;
top: -7px; left: 7px; width: 44px; height: 44px;
}
li.active .rename {
padding: 8px 14px 20px 14px;
top: 0px; position: absolute; width: 16px; height: 16px;
opacity: 0.5;
display: inline-block !important;
}
li.active span.utils .delete img { margin: 14px; }
li.active .rename { opacity: 0.5; }
li.active span.utils .delete:hover, li.active .rename:hover { opacity: 1; }
span.utils .delete, .rename { display: none; }
#app-navigation ul li.active > span.utils .delete,
#app-navigation ul li.active > span.utils .rename { display: block; }
#usersearchform { position: absolute; top: 2px; right: 250px; }
#usersearchform label { font-weight: 700; }
form { display:inline; }
/* display table at full width */
table.grid {
width: 100%;
}
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; }
span.usersLastLoginTooltip { white-space: nowrap; }
th#headerLastLogin, td.lastLogin { display : none; }
th#headerStorageLocation, td.storageLocation { display : none; }
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; }
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; }
select.quota.active { background: #fff; }
input.userFilter {width: 200px;}
/* 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; }
#app-navigation {
padding-bottom: 0px;
}
#app-navigation .appwarning {
background: #fcc;
}
#app-navigation.appwarning:hover {
background: #fbb;
}
.recommendedapp {
font-size: 11px;
background-position: left center;
padding-left: 18px;
vertical-align: top;
}
span.version { margin-left:1em; margin-right:1em; color:#555; }
#app-navigation .app-external,
.app-version,
.recommendedapp {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: .5;
}
#apps-list {
position: relative;
height: 100%;
}
.section {
position: relative;
}
.app-image {
float: left;
padding-right: 10px;
width: 80px;
height: 80px;
}
.app-image img {
max-width: 80px;
max-height: 80px;
}
.app-image-icon img {
background-color: #ccc;
width: 60px;
padding: 10px;
border-radius: 3px;
}
.app-name,
.app-version,
.app-score,
.recommendedapp {
display: inline-block;
}
.app-description {
clear: both;
}
.app-description pre {
white-space: pre-line;
}
#app-category-2 {
border-bottom: 1px solid #e8e8e8;
}
/* 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; }
.appinfo .documentation {
margin-top: 1em;
margin-bottom: 1em;
}
/* LOG */
#log { white-space:normal; }
#lessLog { display:none; }
table.grid td.date{
white-space: nowrap;
}
/* ADMIN */
span.securitywarning, span.connectionwarning, .setupwarning {
color:#C33;
font-weight:bold;
}
#shareAPI p { padding-bottom: 0.8em; }
#shareAPI input#shareapiExpireAfterNDays {width: 25px;}
#shareAPI .indent {
padding-left: 28px;
}
#shareAPI .double-indent {
padding-left: 56px;
}
#mail_settings p label:first-child {
display: inline-block;
width: 300px;
text-align: right;
}
#mail_settings p select:nth-child(2) {
width: 143px;
}
#mail_smtpport {
width: 40px;
}
.cronlog {
margin-left: 10px;
}
.cronstatus {
display: inline-block;
height: 16px;
width: 16px;
vertical-align: text-bottom;
}
.cronstatus.success {
border-radius: 50%;
}
#selectGroups select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
height: 36px;
padding: 7px 10px
}
span.success {
background: #37ce02;
border-radius: 3px;
}
span.error {
background: #ce3702;
}
/* PASSWORD */
.strengthify-wrapper {
position: absolute;
left: 189px;
width: 131px;
margin-top: -7px;
}
/* OPERA hack for strengthify*/
doesnotexist:-o-prefocus, .strengthify-wrapper {
left: 185px;
width: 129px;
}
/* HELP */
.help-includes {
overflow: hidden !important;
}
.help-iframe {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
overflow: auto;
}
#postsetupchecks .loading {
height: 50px;
}
#postsetupchecks.section .loading {
background-position: left center;
}
#postsetupchecks .hint, #postsetupchecks .setupwarning {
margin-top: 15px;
}