diff options
Diffstat (limited to 'settings/css/settings.css')
-rw-r--r-- | settings/css/settings.css | 1312 |
1 files changed, 0 insertions, 1312 deletions
diff --git a/settings/css/settings.css b/settings/css/settings.css deleted file mode 100644 index 9bca1e19b1a..00000000000 --- a/settings/css/settings.css +++ /dev/null @@ -1,1312 +0,0 @@ -/* 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. */ - -input#openid, input#webdav { - width: 20em; -} - -/* PERSONAL */ -.clear { - clear: both; -} - -.icon-federation-menu { - width: 16px; - float: right; -} - -/* icons for sidebar */ -.nav-icon-personal-settings { - background-image: url('../img/personal.svg?v=1'); -} - -.nav-icon-security { - background-image: url('../img/toggle-filelist.svg?v=1'); -} - -.nav-icon-clientsbox { - background-image: url('../img/change.svg?v=1'); -} - -.nav-icon-federated-cloud { - background-image: url('../img/share.svg?v=1'); -} - -.nav-icon-second-factor-backup-codes { - background-image: url('../img/password.svg?v=1'); -} - -.nav-icon-ssl-root-certificate { - background-image: url('../img/password.svg?v=1'); -} - -#avatarform .avatardiv { - margin: 10px auto; -} - -#avatarform .warning { - width: 100%; -} - -#avatarform .jcrop-keymgr { - display: none !important; -} - -#displayavatar { - text-align: center; -} - -#displayavatar p { - text-align: left; -} - -#uploadavatarbutton, -#selectavatar, -#removeavatar { - padding: 21px; -} - -.jcrop-holder { - z-index: 500; -} - -#cropper { - float: left; - z-index: 500; - /* float cropper above settings page to prevent unexpected flowing from dynamically sized element */ - position: fixed; - background-color: rgba(0, 0, 0, .2); - box-sizing: border-box; - top: 45px; - left: 0; - width: 100%; - height: calc(100% - 45px); -} - -#cropper .inner-container { - z-index: 2001; /* above the top bar if needed */ - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - background: #fff; - color: #333; - border-radius: 3px; - box-shadow: 0 0 7px #888; - padding: 15px; -} - -#cropper .inner-container .jcrop-holder { - box-shadow: 0 0 7px #888; -} - -#cropper .inner-container .button { - margin-top: 15px; -} - -#cropper .inner-container .primary { - float: right; -} - -#personal-settings-avatar-container, -#personal-settings-group-container { - display: inline-block; - vertical-align: top; - width: 225px; -} - -.profile-settings-container, -.personal-settings-container { - display: inline-block; - max-width: 600px; - margin-bottom: 20px; -} - -.personal-settings-container:after { - clear: both; -} - -.personal-settings-container > div, -.profile-settings-container > div { - float: left; - width: 300px; -} - -#avatarform > h2, -.personal-settings-container > div h2 { - position: relative; -} - -.personal-settings-container > div h2 { - margin-bottom: 5px; -} - -.personal-settings-container > div h2 span[class^="icon-"], -#personal-settings-avatar-container h2 span[class^="icon-"] { - padding-left: 16px; - background-size: 16px; - background-position: left 8px; - opacity: .3; - cursor: pointer; -} - -.personal-show-container, -.personal-settings-setting-box input[type="text"], -.personal-settings-setting-box input[type="email"], -.personal-settings-setting-box input[type="tel"], -select#timezone, -select#languageinput, -input#pass1, -input#pass2, -input#passwordbutton { - width: 100%; -} - -.personal-settings-container > div > form span[class^="icon-checkmark"], -.personal-settings-container > div > form span[class^="icon-error"] { - position: relative; - right: 8px; - top: -28px; - pointer-events: none; - float: right; -} - -/* verify accounts */ -.personal-settings-container .verify { - position: relative; - left: 100%; - top: 0; - height: 0; -} - -.personal-settings-container .verify img { - padding: 12px 7px 6px; -} - -/* only show pointer cursor when popup will be there */ -.personal-settings-container .verify-action { - cursor: pointer; -} - -.personal-settings-container input:disabled { - background-color: white; - color: black; - border: none; - opacity: 100; -} - -.verification-dialog { - display: none; - right: -9px; - top: 40px; - width: 275px; -} - -.verification-dialog p { - padding: 10px; -} - -.verification-dialog .verificationCode { - font-family: monospace; - display: block; - overflow-wrap: break-word; -} - -.federationScopeMenu { - top: 44px; - margin: -5px 5px 0; -} - -.federationScopeMenu.bubble::after { - right: 50%; - transform: translate(50%, 0); -} - -.federationScopeMenu.popovermenu a.menuitem, -.federationScopeMenu.popovermenu label.menuitem, -.federationScopeMenu.popovermenu .menuitem { - font-size: 12.8px; - line-height: 1.6em; -} - -.federationScopeMenu.popovermenu .menuitem .menuitem-text { - font-weight: 600; -} - -.federationScopeMenu.popovermenu .menuitem .menuitem-text-detail { - opacity: .75; -} - -#groups-groups { - padding-top: 5px; -} - -.clientsbox img { - height: 60px; -} - -#sslCertificate tr.expired { - background-color: rgba(255, 0, 0, 0.5); -} - -#sslCertificate td { - padding: 5px; -} - -#displaynameerror { - display: none; -} - -#displaynamechanged { - display: none; -} - -input#identity { - width: 20em; -} - -#showWizard { - display: inline-block; -} - -.msg.success { - color: #fff; - background-color: #47a447; - padding: 3px; -} - -.msg.error { - color: #fff; - background-color: #d2322d; - padding: 3px; -} - -.password-state { - display: inline-block; -} - -table.nostyle label { - margin-right: 2em; -} - -table.nostyle td { - padding: 0.2em 0; -} - -#security table { - width: 100%; - min-height: 50px; - padding-top: 5px; - max-width: 580px; -} - -#security table th { - opacity: .5; -} - -#security table th, -#security table td { - padding: 10px 10px 10px 0; -} - -#security .token-list td.more { - overflow: visible; - position: relative; - width: 16px; -} - -#security .token-list td { - border-top: 1px solid #DDD; - text-overflow: ellipsis; - max-width: 200px; - white-space: nowrap; - overflow: hidden; - vertical-align: top; - position: relative; -} - -#security tr > *:nth-child(2) { - text-align: right; -} - -#security .token-list td > a.icon { - opacity: 0; - transition: opacity 0.5s; -} - -#security .token-list a.icon { - margin-top: 4px; - display: block; -} - -#security .token-list tr:hover td > a.icon, -#security .token-list tr.active td > a.icon { - opacity: 0.6; -} - -#security .token-list td div.configure { - display: none; -} - -#security .token-list tr.active div.configure { - display: block; - position: absolute; - top: 45px; - right: -5px; - padding: 10px; -} - -#security .token-list div.configure:after { - right: 13px; -} - -#security .token-list tr.active div.configure > * { - margin-top: 5px; - margin-bottom: 5px; - display: inline-block; -} - -#security .token-list tr.active a.icon-delete { - background-position: left; - padding-left: 20px; -} - -#new-app-login-name, -#new-app-password { - width: 245px; - font-family: monospace; - background-color: lightyellow; -} - -.app-password-row { - display: table-row; -} - -.app-password-row .icon { - background-size: 16px 16px; - display: inline-block; - position: relative; - top: 3px; - margin-left: 5px; - margin-right: 8px; -} - -.app-password-label { - display: table-cell; - padding-right: 1em; -} - -.social-button { - padding-left: 0 !important; - margin-left: -10px -} - -.social-button img { - padding: 10px; -} - -/* 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%; -} - -#newgroup-form { - height: 44px; -} - -#newgroupname { - margin: 0; - width: 100%; - padding: 12px 40px 12px 12px; - box-sizing: border-box; - background-color: transparent; - border: none; - border-bottom: 1px solid #eee; - border-radius: 0; -} - -#newgroup-form .button { - position: absolute; - right: 0; - top: 0; - padding: 10px 20px; - background-color: transparent; - border: none; - opacity: .5; -} - -.isgroup .groupname { - width: 85%; - display: block; - overflow: hidden; - text-overflow: ellipsis; -} - -.isgroup.active .groupname { - width: 65%; -} - -.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: 0; -} - -#usersearchform input { - width: 150px; -} - -#usersearchform label { - font-weight: 700; -} - -/* 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 #eee; - 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.quota > img { - visibility: hidden; -} - -td.password, td.quota, td.displayName { - width: 12em; - cursor: pointer; -} - -td.password > span, td.quota > span { - margin-right: 1.2em; - color: #C7C7C7; -} - -span.usersLastLoginTooltip { - white-space: nowrap; -} - -/* dropdowns will be relative to this element */ -#userlist { - position: relative; -} - -#userlist .mailAddress, -#userlist .storageLocation, -#userlist .userBackend, -#userlist .lastLogin { - display: none; -} - -/* because of accessibility the name cell is <th> - therefore we enforce the black color */ -#userlist th.name { - color: #000; -} - -/* use same height as in files app */ -#userlist tr { - height: 51px; -} - -#userlist .mailAddress .loading-small { - width: 16px; - height: 16px; - margin-left: -26px; - position: relative; - top: 3px; -} - -#newuser .groups { - display: inline; -} - -#newuser .groupsListContainer.hidden, -#userlist .groupsListContainer.hidden { - display: none; -} - -#userlist .bubble { - z-index: 1; - right: -6px; - top: auto; -} - -#userlist .bubble:after { - right: 5px; -} - -#userlist .popovermenu a.menuitem { - height: 20px; - margin: 0; - padding: 0; - line-height: initial; -} - -#userlist .popovermenu { - margin-top: 4px; - border-top-right-radius: 3px; - right: 3px; - opacity: 0; - display: block; - visibility: hidden; - transition: opacity 0.1s, visibility 0.1s; -} - -#userlist tr.active .popovermenu { - opacity: 1; - visibility: visible; -} - -#userlist .popovermenu > ul.userActionsMenu { - right: 15px; -} - -#userlist .popovermenu > ul.userActionsMenu a { - margin: 5px 0; -} - -#userlist .popovermenu > ul.userActionsMenu a span:last-child { - margin-left: 5px; -} - -tr:hover > td.password > span, tr:hover > td.displayName > span { - margin: 0; - cursor: pointer; -} - -tr:hover > td.password > img, tr:hover > td.displayName > img, tr:hover > td.quota > img { - visibility: visible; - cursor: pointer; -} - -td.userActions { - width: 25px; - text-align: center; -} - -td.userActions .action { - position: relative; - top: 3px; -} - -tr.active td.userActions .action { - opacity: 1; -} - -td.userActions .action:hover { - cursor: pointer; -} - -div.recoveryPassword { - left: 50em; - display: block; - position: absolute; - top: -1px; -} - -input#recoveryPassword { - width: 15em; -} - -#controls select.quota { - margin: 3px; - margin-right: 10px; - height: 37px; -} - -#userlist td.quota { - position: relative; - width: 10em; -} - -select.quota-user { - position: absolute; - left: 0; - top: 0; - width: 10em; - height: 34px; -} - -select.quota.active { - background: #fff; -} - -input.userFilter { - width: 200px; -} - -.quota_progress_container { - position: absolute; - left: 0; - top: 0; - width: 10em; - margin: 3px 3px 3px 0; - border-radius: 3px; -} - -.quota_progress { - background-color: #eee; - height: 34px; -} - -/* positioning fixes */ -#newuser { - padding-left: 3px; -} - -#newuser .multiselect { - min-width: 150px !important; -} - -#newuser .multiselect, -#newusergroups + input[type='submit'] { - position: relative; - top: -1px; -} - -#headerGroups, -#headerSubAdmins, -#headerQuota { - padding-left: 18px; -} - -#headerAvatar { - width: 32px; -} - -/* used to highlight a user row in red */ -#userlist tr.row-warning { - background-color: #FDD; -} - -/* APPS */ - -/* Bundle header */ -#apps-list .apps-header { - display: table-row; - position: relative; -} - -#apps-list .apps-header div { - display: table-cell; - height: 70px; -} - -#apps-list .apps-header h2 { - display: table-cell; - position: absolute; - padding-left: 6px; - padding-top: 15px; -} - -#apps-list .apps-header h2 .enable { - position: relative; - top: -1px; - margin-left: 12px; -} - -#apps-list .apps-header h2 + .section { - margin-top: 50px; -} - -#app-content > svg.app-filter { - float: left; - height: 0; - width: 0; -} - -#app-category-app-bundles { - margin-bottom: 20px; -} - -.appinfo { - margin: 1em 40px; -} - -#app-navigation .appwarning { - background: #fcc; -} - -#app-navigation.appwarning:hover { - background: #fbb; -} - -span.version { - margin-left: 1em; - margin-right: 1em; - color: #555; -} - -#app-navigation .app-external, -.app-version { - color: rgba(85, 85, 85, .5); -} - -.app-level { - margin-top: 8px; -} - -.app-level span { - color: #555; - background-color: transparent; - border: 1px solid #555; - border-radius: 3px; - padding: 3px 6px; -} - -.app-level a { - padding: 10px; - white-space: nowrap; -} - -.app-level .official { - border-color: #37ce02; - background-position: left center; - background-position: 5px center; - padding-left: 25px; -} - -.app-score { - position: relative; - top: 4px; - opacity: .5; -} - -#apps-list { - position: relative; - height: 100%; - display: flex; - flex-wrap: wrap; - align-content: flex-start; -} - -#apps-list.hidden { - display: none; -} - -#apps-list .section { - position: relative; - flex: 0 0 auto; - margin-left: 20px; -} - -#apps-list .section.apps-experimental { - flex-basis: 90%; -} - -#apps-list .app-description p { - margin: 10px 0; -} - -#apps-list .app-description ul { - list-style: disc; -} - -#apps-list .app-description ol { - list-style: decimal; -} - -#apps-list .app-description > ul, -#apps-list .app-description > ol { - margin-left: 19px; -} - -#apps-list .app-description ol ol, -#apps-list .app-description ol ul, -#apps-list .app-description ul ol, -#apps-list .app-description ul ul { - padding-left: 15px; -} - -@media (min-width: 1601px) { - #apps-list .section { - width: 22%; - box-sizing: border-box; - } - - #apps-list .section:nth-child(4n) { - margin-right: 20px; - } -} - -@media (min-width: 1201px) and (max-width: 1600px) { - #apps-list .section { - width: 30%; - box-sizing: border-box; - } - - #apps-list .section:nth-child(3n) { - margin-right: 20px; - } -} - -@media (min-width: 901px) and (max-width: 1200px), (min-width: 601px) and (max-width: 770px) { - #apps-list .section { - width: 40%; - box-sizing: border-box; - } - - #apps-list .section:nth-child(2n) { - margin-right: 20px; - } -} - -/* hide app version and level on narrower screens */ -@media only screen and (max-width: 768px) { - #apps-list.installed .app-version, - #apps-list.installed .app-level { - display: none !important; - } -} - -@media only screen and (max-width: 700px) { - #apps-list.installed .app-groups { - display: none !important; - } -} - -.section h2.app-name { - display: block; - margin: 8px 0; -} - -.section { - padding: 10px 30px; - margin-bottom: 0; -} - -.followupsection { - display: block; - padding: 0 30px 30px 30px; - color: #555; -} - -.app-image { - position: relative; - height: 150px; - opacity: 1; - overflow: hidden; -} - -.app-name, -.app-version, -.app-score, -.app-level { - display: inline-block; -} - -.app-description-toggle-show, -.app-description-toggle-hide { - clear: both; - padding: 7px 0; - cursor: pointer; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - opacity: .5; -} - -.app-description-container { - clear: both; - position: relative; - top: 7px; -} - -.app-description { - clear: both; -} - -#apps-list .groups-enable { - margin-top: 8px; -} - -#app-category-1 { - margin-bottom: 18px; -} - -/* capitalize "Other" category */ -#app-category-925 { - text-transform: capitalize; -} - -.app-dependencies { - color: #ce3702; -} - -.missing-dependencies { - list-style: initial; - list-style-type: initial; - list-style-position: inside; -} - -/* 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; -} - -#apps-list.installed { - display: table; - width: 100%; - height: auto; - margin-bottom: 100px; -} - -#apps-list.installed .section { - display: table-row; - padding: 0; - margin: 0; -} - -#apps-list.installed .section > * { - display: table-cell; - height: initial; - vertical-align: middle; - float: none; - border-bottom: 1px solid #eee; - padding: 6px; - box-sizing: border-box; -} - -#apps-list.installed .app-image { - width: 44px; - text-align: right; -} - -#apps-list.installed .app-image-icon svg { - margin-top: 5px; - width: 20px; - height: 20px; - opacity: .5; -} - -#apps-list:not(.installed) .app-image-icon svg { - position: absolute; - bottom: 43px; /* position halfway vertically */ - width: 64px; - height: 64px; - opacity: .1; -} - -.installed .actions { - text-align: right; -} - -#apps-list.installed .groups-enable { - margin-top: 0; -} - -#apps-list.installed .groups-enable label { - margin-right: 3px; -} - -/* LOG */ -#log { - white-space: normal; - margin-bottom: 14px; -} - -#lessLog { - display: none; -} - -table.grid td.date { - white-space: nowrap; -} - -#log-section p { - margin-top: 20px; -} - -/* ADMIN */ - -/* Navigation icons */ -#app-navigation img { - margin-bottom: -3px; - margin-right: 6px; - width: 16px; -} - -#app-navigation li span.no-icon { - padding-left: 32px; -} - -#security-warning li { - list-style: initial; - margin: 10px 0; -} - -#security-warning-state span { - padding-left: 25px; - background-position: 5px center; - margin-left: -5px; -} - -#shareAPI p { - padding-bottom: 0.8em; -} - -#shareAPI input#shareapiExpireAfterNDays { - width: 40px; -} - -#shareAPI .indent { - padding-left: 28px; -} - -#shareAPI .double-indent { - padding-left: 56px; -} - -#fileSharingSettings h3 { - display: inline-block; -} - -#publicShareDisclaimerText { - width: calc(100% - 23px); /* 20 px left margin, 3 px right margin */ - max-width: 600px; - height: 150px; - margin-left: 20px; - box-sizing: border-box; -} - -/* correctly display help icons next to headings */ -.icon-info { - padding: 11px 20px; - vertical-align: text-bottom; -} - -#shareAPI h2, -#encryptionAPI h2, -#mail_general_settings h2 { - display: inline-block; -} - -#encryptionAPI li { - list-style-type: initial; - margin-left: 20px; - padding: 5px 0; -} - -.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; -} - -.status { - display: inline-block; - height: 16px; - width: 16px; - vertical-align: text-bottom; -} - -.status.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 -} - -#log .log-message { - word-break: break-all; - min-width: 180px; -} - -span.success { - background: #37ce02; - border-radius: 3px; -} - -span.error { - background: #ce3702; -} - -span.indeterminate { - background: #e6db00; - border-radius: 40% 0; -} - -/* PASSWORD */ -#passwordform .strengthify-wrapper { - position: absolute; - left: 0; - width: 130px; - margin-top: -6px; -} - -/* OPERA hack for strengthify*/ -doesnotexist:-o-prefocus, .strengthify-wrapper { - left: 185px; - width: 129px; -} - -.trusted-domain-warning { - color: #fff; - padding: 5px; - background: #ce3702; - border-radius: 5px; - font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace; -} - -/* HELP */ - -.help-includes { - overflow: hidden !important; -} - -.help-iframe { - width: 100%; - height: 100%; - margin: 0; - padding: 0; - border: 0; - overflow: auto; -} - -#postsetupchecks .loading { - height: 50px; - background-position: left center; -} - -#postsetupchecks .errors, -#postsetupchecks .warnings, -#security-warning > ul { - color: #ce3702; -} - -#admin-tips li { - list-style: initial; -} - -#admin-tips li a { - display: inline-block; - padding: 3px 0; -} - -#selectEncryptionModules { - margin-left: 30px; - padding: 10px; -} - -#encryptionModules { - padding: 10px; -} - -#warning { - color: red; -} - -.settings-hint { - margin-top: -12px; - margin-bottom: 12px; - opacity: .7; -} - -.settings-caption { - font-weight: bold; - line-height: 44px; - padding: 0 12px; - white-space: nowrap; - text-overflow: ellipsis; -} |