mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2025-05-15 22:10:26 +00:00
1559 lines
47 KiB
CSS
1559 lines
47 KiB
CSS
/*
|
|
*
|
|
* All the colours for the Nextcloud Breeze Dark Theme.
|
|
*
|
|
*/
|
|
/* Default Colors */
|
|
/* Buttons*/
|
|
/* Input */
|
|
/*
|
|
Default white for icons: rgba(242, 242, 242, 1)
|
|
*/
|
|
.icon-link {
|
|
background-image: url("../img/places/link.svg?v=1"); }
|
|
|
|
.icon-toggle {
|
|
background-image: url("../img/actions/toggle.svg?v=1"); }
|
|
|
|
.settings-button {
|
|
background-image: url("../img/actions/settings.svg?v=1"); }
|
|
|
|
.icon-add {
|
|
background-image: url("../img/actions/add.svg?v=1"); }
|
|
|
|
.icon-delete {
|
|
background-image: url("../img/actions/delete.svg?v=1"); }
|
|
.icon-delete:hover, .icon-delete:focus {
|
|
background-image: url("../img/actions/delete-hover.svg?v=1"); }
|
|
|
|
.icon-upload {
|
|
background-image: url("../img/actions/upload.svg?v=1"); }
|
|
|
|
.icon-folder, .icon-filetype-folder {
|
|
background-image: url("../img/filetypes/folder.svg?v=1"); }
|
|
|
|
.icon-file, .icon-filetype-text {
|
|
background-image: url("../img/filetypes/text.svg?v=1"); }
|
|
|
|
.icon-public {
|
|
background-image: url("../img/actions/public.svg?v=1"); }
|
|
|
|
.icon-share {
|
|
background-image: url("../img/actions/share.svg?v=1"); }
|
|
|
|
.icon-more {
|
|
background-image: url("../img/actions/more.svg?v=1"); }
|
|
|
|
/* Nav Bar Icons */
|
|
.nav-icon-files {
|
|
background-image: url("../img/places/files.svg?v=1"); }
|
|
|
|
.nav-icon-sharingin, .nav-icon-sharingout {
|
|
background-image: url("../img/actions/share.svg?v=1"); }
|
|
|
|
.nav-icon-sharinglinks {
|
|
background-image: url("../img/actions/public.svg?v=1"); }
|
|
|
|
.nav-icon-systemtagsfilter {
|
|
background-image: url("../img/actions/tag.svg"); }
|
|
|
|
.nav-icon-extstoragemounts {
|
|
background-image: url("../img/actions/external.svg?v=1"); }
|
|
|
|
.nav-icon-trashbin {
|
|
background-image: url("../img/actions/delete.svg?v=1"); }
|
|
|
|
.icon-external {
|
|
background-image: url("../img/actions/external.svg?v=1"); }
|
|
|
|
.icon-download {
|
|
background-image: url("../img/actions/download.svg?v=1"); }
|
|
|
|
.icon-triangle-s {
|
|
background-image: url("../img/actions/triangle-s.svg?v=1"); }
|
|
|
|
.icon-rename {
|
|
background-image: url("../img/actions/rename.svg?v=1"); }
|
|
|
|
.icon-details {
|
|
background-image: url("../img/actions/details.svg?v=1"); }
|
|
|
|
.icon-password {
|
|
background-image: url("../img/actions/password.svg?v=1"); }
|
|
|
|
.icon-contacts-dark, .icon-contacts {
|
|
background-image: url("../img/places/contacts.svg?v=1"); }
|
|
|
|
.icon-info {
|
|
background-image: url("../img/actions/details.svg?v=1");
|
|
opacity: 0.5; }
|
|
|
|
.icon-clippy {
|
|
background-image: url("../img/actions/clippy.svg?v=2");
|
|
opacity: 0.5; }
|
|
|
|
.icon-tag {
|
|
background-image: url("../img/actions/tag.svg?v=1"); }
|
|
|
|
.icon-comment {
|
|
background-image: url("../img/actions/comment.svg?v=1"); }
|
|
|
|
.icon-history {
|
|
background-image: url("../img/actions/history.svg?v=1"); }
|
|
|
|
.icon-confirm {
|
|
background-image: url("../img/actions/confirm.svg?v=2"); }
|
|
|
|
.icon-search {
|
|
background-image: url("../img/actions/search.svg?v=1"); }
|
|
|
|
.nav-icon-favorites {
|
|
background-image: url("../img/actions/star.svg?v=1"); }
|
|
|
|
.nav-icon-recent {
|
|
background-image: url("../img/actions/recent.svg?v=1"); }
|
|
|
|
.icon-star, .icon-starred:hover, .icon-starred:focus {
|
|
background-image: url("../img/actions/star.svg?v=1");
|
|
opacity: 0.5; }
|
|
|
|
.icon-starred, .icon-star:hover, .icon-star:focus {
|
|
background-image: url("../img/actions/starred.svg?v=1");
|
|
opacity: 1; }
|
|
|
|
.icon-checkmark {
|
|
background-image: url("../img/actions/checkmark.svg?v=1"); }
|
|
|
|
.icon-caret-dark {
|
|
background-image: url("../img/actions/caret-dark.svg?v=1"); }
|
|
|
|
.icon-rss {
|
|
background-image: url("../img/actions/rss.svg") !important; }
|
|
|
|
.icon-close {
|
|
background-image: url("../img/actions/close.svg?v=1"); }
|
|
|
|
.icon-triangle-n {
|
|
background-image: url("../img/actions/triangle-n.svg?v=1"); }
|
|
|
|
#app-navigation .icon-unpinned, .icon-unpinned {
|
|
background-image: url("../img/actions/unpinned.svg"); }
|
|
|
|
#app-navigation .icon-pinned, .icon-pinned {
|
|
background-image: url("../img/actions/pinned.svg"); }
|
|
|
|
.icon-full-text-enabled {
|
|
background-image: url("../img/actions/fulltext.svg"); }
|
|
|
|
.icon-full-text-disabled {
|
|
background-image: url("../img/actions/nonfulltext.svg"); }
|
|
|
|
input.radio[type="radio"] + label::before {
|
|
background: url("../img/actions/radio.svg") left top no-repeat; }
|
|
input.radio[type="radio"]:checked + label::before {
|
|
background-image: url("../img/actions/radio-checked.svg"); }
|
|
input.radio[type="radio"]:disabled + label::before {
|
|
background-image: url("../img/actions/radio-disabled.svg"); }
|
|
input.radio[type="radio"]:checked:disabled + label::before {
|
|
background-image: url("../img/actions/radio-checked-disabled.svg"); }
|
|
|
|
input.checkbox[type="checkbox"] + label::before {
|
|
background: url("../img/actions/checkbox.svg") left top no-repeat; }
|
|
input.checkbox[type="checkbox"]:checked + label::before {
|
|
background-image: url("../img/actions/checkbox-checked.svg"); }
|
|
input.checkbox[type="checkbox"]:disabled + label::before {
|
|
background-image: url("../img/actions/checkbox-disabled.svg"); }
|
|
input.checkbox[type="checkbox"]:checked:disabled + label::before {
|
|
background-image: url("../img/actions/checkbox-checked-disabled.svg"); }
|
|
|
|
select {
|
|
background: url("../img/actions/triangle-s.svg") no-repeat right 8px center; }
|
|
|
|
#app-navigation .app-navigation-entry-utils-menu-button button {
|
|
background-image: url("../img/actions/more.svg?v=1"); }
|
|
|
|
#app-navigation .collapsible > .collapse {
|
|
background-image: url("../img/actions/triangle-s.svg?v=1"); }
|
|
|
|
.icon-menu {
|
|
background-image: url("../img/actions/menu.svg?v=1"); }
|
|
|
|
.icon-timezone {
|
|
background: url("../img/timezone.svg") center center no-repeat; }
|
|
|
|
.glyphicon-chevron-right {
|
|
background: url("../img/rightarrow.svg") center center no-repeat; }
|
|
|
|
.glyphicon-chevron-left {
|
|
background: url("../img/leftarrow.svg") center center no-repeat; }
|
|
|
|
/* CSS tricks to change icon color */
|
|
#navigation .app-icon {
|
|
filter: none; }
|
|
#navigation .app-icon image {
|
|
filter: none; }
|
|
|
|
#firstrunwizard .appsmall {
|
|
filter: invert(100%); }
|
|
|
|
img.notification-icon {
|
|
filter: invert(75%); }
|
|
|
|
#controls .button.view-switcher img {
|
|
opacity: 0.6;
|
|
filter: invert(100%); }
|
|
|
|
#controls .button.view-switcher.gallery img {
|
|
opacity: .5;
|
|
filter: invert(0%); }
|
|
|
|
.app-files #app-content-files #controls .breadcrumb .crumb a img.svg {
|
|
filter: invert(100%); }
|
|
|
|
#controls #breadcrumbs .crumb a img {
|
|
filter: invert(100%); }
|
|
|
|
.actions a.button.new img {
|
|
filter: invert(75%); }
|
|
|
|
/* This file is contains styling for nextcloud core */
|
|
body {
|
|
color: #eff0f1;
|
|
background-color: #31363b; }
|
|
|
|
a {
|
|
color: #2980b9; }
|
|
|
|
em {
|
|
opacity: 0.75; }
|
|
|
|
h1, h2, h3 {
|
|
color: #fcfcfc;
|
|
font-weight: 600; }
|
|
|
|
h4, h5, h6 {
|
|
color: #eff0f1; }
|
|
|
|
#body-user #header, #body-settings #header, #body-public #header {
|
|
background-color: #31363b; }
|
|
|
|
#controls {
|
|
background-color: #31363b; }
|
|
#controls .button {
|
|
padding: 7px 11px; }
|
|
|
|
/* Tables */
|
|
table tbody tr {
|
|
background-color: #31363b; }
|
|
table tbody tr:hover, table tbody tr:focus {
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
table tbody tr:active {
|
|
background-color: inherit; }
|
|
table tbody a {
|
|
color: #eff0f1; }
|
|
table tbody td, table tbody th {
|
|
color: #eff0f1;
|
|
border-bottom: 1px solid #706f6e;
|
|
background-color: #31363b; }
|
|
table thead tr {
|
|
background-color: #31363b; }
|
|
table thead tr:hover, table thead tr:focus {
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
table thead tr:active {
|
|
background-color: inherit; }
|
|
table thead th a, table thead a {
|
|
color: #eff0f1; }
|
|
table thead th {
|
|
color: #eff0f1;
|
|
border-bottom: 1px solid #706f6e;
|
|
background-color: #31363b; }
|
|
|
|
td.date, td.date > span {
|
|
color: #bdc3c7 !important; }
|
|
|
|
#filestable {
|
|
background-color: #232629; }
|
|
|
|
.section {
|
|
color: #eff0f1; }
|
|
|
|
/* Breadcrumbs */
|
|
div.crumb a, div.crumb > span {
|
|
color: #bdc3c7; }
|
|
|
|
div.crumb:hover, div.crumb:focus, div.crumb a:focus, div.crumb:active {
|
|
-ms-filter: none;
|
|
opacity: 1; }
|
|
|
|
div.crumb span.icon-share, div.crumb span.icon-public {
|
|
opacity: 0.3; }
|
|
|
|
/* oc-dialog */
|
|
.oc-dialog {
|
|
background-color: #31363b;
|
|
color: #eff0f1;
|
|
box-shadow: none;
|
|
border: 1px solid #706f6e; }
|
|
|
|
.oc-dialog-title {
|
|
background-color: #31363b; }
|
|
|
|
.oc-dialog-buttonrow {
|
|
background-image: none;
|
|
background-color: #31363b; }
|
|
|
|
#oc-dialog-filepicker-content .filelist {
|
|
background-color: #232629; }
|
|
|
|
#oc-dialog-filepicker-content .filepicker_element_selected {
|
|
background-color: #3daee9; }
|
|
#oc-dialog-filepicker-content .filepicker_element_selected td {
|
|
font-weight: 600; }
|
|
#oc-dialog-filepicker-content .filepicker_element_selected .filename {
|
|
color: #fcfcfc; }
|
|
#oc-dialog-filepicker-content .filepicker_element_selected:hover {
|
|
background-color: #3daee9; }
|
|
|
|
/* Cropper */
|
|
#cropper .inner-container {
|
|
background-color: #31363b;
|
|
color: #eff0f1;
|
|
box-shadow: none;
|
|
border: 1px solid #706f6e; }
|
|
#cropper .inner-container .jcrop-holder {
|
|
box-shadow: none; }
|
|
|
|
#postsetupchecks .errors,
|
|
#postsetupchecks .warnings,
|
|
#security-warning > ul {
|
|
color: #da4453; }
|
|
|
|
.success {
|
|
color: #27ae60; }
|
|
|
|
span.warnings {
|
|
background-color: #da4453; }
|
|
span.error {
|
|
background-color: #da4453; }
|
|
span.success {
|
|
background-color: #27ae60; }
|
|
|
|
.msg.warnings {
|
|
color: #fcfcfc;
|
|
background-color: #da4453; }
|
|
.msg.error {
|
|
color: #fcfcfc;
|
|
background-color: #da4453; }
|
|
.msg.success {
|
|
color: #fcfcfc;
|
|
background-color: #27ae60; }
|
|
|
|
#body-user .warning {
|
|
color: #da4453;
|
|
background-color: #31363b;
|
|
border: 1px solid #706f6e; }
|
|
|
|
/* use logos from theme */
|
|
#header .logo {
|
|
background-image: url("../img/logo.svg");
|
|
width: 250px;
|
|
height: 121px; }
|
|
#header .logo-icon {
|
|
background-image: url("../img/logo-icon.svg");
|
|
width: 62px;
|
|
height: 34px; }
|
|
|
|
/* Input Fields */
|
|
input[type="text"], input[type="password"], input[type="search"],
|
|
input[type="number"], input[type="email"], input[type="tel"],
|
|
input[type="url"], input[type="time"], textarea {
|
|
background-color: #232629;
|
|
color: #bdc3c7;
|
|
border: 1px solid #706f6e; }
|
|
input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="search"]:hover, input[type="search"]:focus,
|
|
input[type="number"]:hover,
|
|
input[type="number"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="tel"]:hover, input[type="tel"]:focus,
|
|
input[type="url"]:hover,
|
|
input[type="url"]:focus, input[type="time"]:hover, input[type="time"]:focus, textarea:hover, textarea:focus {
|
|
color: #fcfcfc;
|
|
border-color: #3daee9; }
|
|
input[type="text"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled,
|
|
input[type="number"]:disabled, input[type="email"]:disabled, input[type="tel"]:disabled,
|
|
input[type="url"]:disabled, input[type="time"]:disabled, textarea:disabled {
|
|
background-color: #4d4d4d; }
|
|
input[type="text"]:disabled:hover, input[type="text"]:disabled:focus, input[type="text"]:disabled:active, input[type="password"]:disabled:hover, input[type="password"]:disabled:focus, input[type="password"]:disabled:active, input[type="search"]:disabled:hover, input[type="search"]:disabled:focus, input[type="search"]:disabled:active,
|
|
input[type="number"]:disabled:hover,
|
|
input[type="number"]:disabled:focus,
|
|
input[type="number"]:disabled:active, input[type="email"]:disabled:hover, input[type="email"]:disabled:focus, input[type="email"]:disabled:active, input[type="tel"]:disabled:hover, input[type="tel"]:disabled:focus, input[type="tel"]:disabled:active,
|
|
input[type="url"]:disabled:hover,
|
|
input[type="url"]:disabled:focus,
|
|
input[type="url"]:disabled:active, input[type="time"]:disabled:hover, input[type="time"]:disabled:focus, input[type="time"]:disabled:active, textarea:disabled:hover, textarea:disabled:focus, textarea:disabled:active {
|
|
border-color: #706f6e; }
|
|
|
|
/* Buttons */
|
|
input[type="submit"], input[type="button"],
|
|
button, .button, select {
|
|
background-color: #31363b;
|
|
border: 1px solid #706f6e;
|
|
color: #eff0f1; }
|
|
input[type="submit"]:hover, input[type="button"]:hover,
|
|
button:hover, .button:hover, select:hover {
|
|
background-color: #31363b;
|
|
color: #eff0f1;
|
|
border-color: #3daee9; }
|
|
input[type="submit"]:focus, input[type="submit"]:active, input[type="button"]:focus, input[type="button"]:active,
|
|
button:focus,
|
|
button:active, .button:focus, .button:active, select:focus, select:active {
|
|
background-color: #3daee9;
|
|
color: #fcfcfc;
|
|
border-color: #3daee9; }
|
|
input[type="submit"]:disabled, input[type="button"]:disabled,
|
|
button:disabled, .button:disabled, select:disabled {
|
|
background-color: #4d4d4d; }
|
|
input[type="submit"]:disabled:hover, input[type="submit"]:disabled:focus, input[type="submit"]:disabled:active, input[type="button"]:disabled:hover, input[type="button"]:disabled:focus, input[type="button"]:disabled:active,
|
|
button:disabled:hover,
|
|
button:disabled:focus,
|
|
button:disabled:active, .button:disabled:hover, .button:disabled:focus, .button:disabled:active, select:disabled:hover, select:disabled:focus, select:disabled:active {
|
|
background-color: #4d4d4d;
|
|
border-color: #706f6e; }
|
|
|
|
.primary, input.primary[type="submit"], input.primary[type="button"],
|
|
button.primary, .button.primary {
|
|
border-color: #706f6e;
|
|
background-color: #232629;
|
|
color: #eff0f1; }
|
|
.primary:hover, input.primary[type="submit"]:hover, input.primary[type="button"]:hover,
|
|
button.primary:hover, .button.primary:hover {
|
|
background-color: #232629;
|
|
color: #eff0f1;
|
|
border-color: #3daee9; }
|
|
.primary:focus, .primary:active, input.primary[type="submit"]:focus, input.primary[type="submit"]:active, input.primary[type="button"]:focus, input.primary[type="button"]:active,
|
|
button.primary:focus,
|
|
button.primary:active, .button.primary:focus, .button.primary:active {
|
|
background-color: #3daee9;
|
|
color: #fcfcfc;
|
|
border-color: #3daee9; }
|
|
.primary:disabled, input.primary[type="submit"]:disabled, input.primary[type="button"]:disabled,
|
|
button.primary:disabled, .button.primary:disabled {
|
|
background-color: #4d4d4d;
|
|
color: #bdc3c7; }
|
|
.primary:disabled:hover, .primary:disabled:focus, .primary:disabled:active, input.primary[type="submit"]:disabled:hover, input.primary[type="submit"]:disabled:focus, input.primary[type="submit"]:disabled:active, input.primary[type="button"]:disabled:hover, input.primary[type="button"]:disabled:focus, input.primary[type="button"]:disabled:active,
|
|
button.primary:disabled:hover,
|
|
button.primary:disabled:focus,
|
|
button.primary:disabled:active, .button.primary:disabled:hover, .button.primary:disabled:focus, .button.primary:disabled:active {
|
|
background-color: #4d4d4d;
|
|
color: #bdc3c7;
|
|
border-color: #706f6e; }
|
|
|
|
.searchbox input[type="search"]:focus, .searchbox input[type="search"]:active,
|
|
.searchbox input[type="search"]:valid {
|
|
color: #fcfcfc;
|
|
border-color: #3daee9;
|
|
background-color: #232629; }
|
|
|
|
#app-content #searchresults {
|
|
background-color: #31363b; }
|
|
|
|
/* Navigation */
|
|
#navigation {
|
|
background-color: #31363b;
|
|
box-shadow: none;
|
|
border: 1px solid #706f6e; }
|
|
#navigation::after {
|
|
border-bottom-color: #706f6e; }
|
|
#navigation a span {
|
|
color: #eff0f1; }
|
|
|
|
#settings {
|
|
color: #eff0f1; }
|
|
|
|
#expanddiv {
|
|
background-color: #31363b;
|
|
border: 1px solid #706f6e;
|
|
box-shadow: none; }
|
|
#expanddiv::after {
|
|
border-bottom-color: #706f6e; }
|
|
#expanddiv a {
|
|
color: #eff0f1; }
|
|
|
|
#app-sidebar .close {
|
|
opacity: 1; }
|
|
|
|
/* Settings */
|
|
.app-settings #app-content {
|
|
border-top: 1px solid #706f6e;
|
|
height: 99.9%; }
|
|
.app-settings #app-content #controls {
|
|
border-top: 1px solid #706f6e; }
|
|
|
|
#app-order #apporder p em {
|
|
opacity: 1; }
|
|
|
|
#appsorter img {
|
|
background: inherit;
|
|
border: 1px solid #706f6e; }
|
|
|
|
#quota {
|
|
background-color: #232629;
|
|
color: #eff0f1;
|
|
border: 1px solid #706f6e; }
|
|
#quota div {
|
|
background-color: #232629; }
|
|
|
|
#sessions .token-list td, #apppasswords .token-list td {
|
|
border-color: #706f6e;
|
|
border-top: none; }
|
|
|
|
.followupsection {
|
|
color: #eff0f1; }
|
|
|
|
.select2-container-multi .select2-choices, .select2-container-multi.select2-container-active .select2-choices {
|
|
background-color: #232629;
|
|
color: #eff0f1;
|
|
border-color: #706f6e; }
|
|
.select2-container-multi .select2-choices .select2-search-choice, .select2-container-multi.select2-container-active .select2-choices .select2-search-choice {
|
|
background-color: #31363b;
|
|
border-color: #706f6e;
|
|
color: #eff0f1;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none; }
|
|
.select2-container-multi .select2-choices .select2-search-choice:hover, .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus, .select2-container-multi.select2-container-active .select2-choices .select2-search-choice:hover, .select2-container-multi.select2-container-active .select2-choices .select2-search-choice.select2-search-choice-focus {
|
|
background-color: #31363b;
|
|
border-color: #3daee9; }
|
|
.select2-container-multi .select2-choices .select2-search-field input {
|
|
color: #eff0f1; }
|
|
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
|
|
background-color: #232629 !important; }
|
|
|
|
.select2-container .select2-choice {
|
|
background-color: #232629;
|
|
color: #eff0f1;
|
|
border-color: #706f6e; }
|
|
.select2-container .select2-choice .select2-search-choice {
|
|
background-color: #31363b;
|
|
border-color: #706f6e;
|
|
color: #eff0f1;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none; }
|
|
.select2-container .select2-choice .select2-search-choice:hover, .select2-container .select2-choice .select2-search-choice.select2-search-choice-focus {
|
|
background-color: #31363b;
|
|
border-color: #3daee9; }
|
|
|
|
#select2-drop {
|
|
background-color: #31363b;
|
|
color: #eff0f1; }
|
|
#select2-drop.select2-drop-active {
|
|
border-color: #706f6e; }
|
|
#select2-drop .select2-results .select2-result, #select2-drop .select2-results .select2-no-results, #select2-drop .select2-results .select2-searching {
|
|
background-color: #232629;
|
|
color: #eff0f1; }
|
|
#select2-drop .select2-results .select2-result.select2-selected {
|
|
background-color: #31363b; }
|
|
#select2-drop .select2-results .select2-result.select2-highlighted {
|
|
background-color: #31363b;
|
|
color: #eff0f1; }
|
|
|
|
.select2-drop-active {
|
|
border-color: #706f6e; }
|
|
|
|
#userlist th.name {
|
|
color: #eff0f1; }
|
|
|
|
div.multiselect.active {
|
|
background-color: #31363b; }
|
|
|
|
ul.multiselectoptions {
|
|
background-color: #31363b;
|
|
border-color: #706f6e; }
|
|
ul.multiselectoptions.down {
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none; }
|
|
|
|
select.quota-user {
|
|
background-color: #31363b !important; }
|
|
select.quota-user:focus, select.quota-user:active {
|
|
background-color: #3daee9 !important; }
|
|
select.quota-user option {
|
|
background-color: #31363b; }
|
|
|
|
/* Encryption */
|
|
#body-user .warning, #body-settings .warning {
|
|
background: #da4453; }
|
|
|
|
/* Notifications */
|
|
#notification {
|
|
background-color: #31363b;
|
|
border: 1px solid #706f6e;
|
|
border-top: none; }
|
|
#notification a {
|
|
color: #2980b9; }
|
|
|
|
.notification:not(:last-child) {
|
|
border-bottom: 1px solid #706f6e; }
|
|
|
|
/* App Navigation */
|
|
#app-navigation {
|
|
background-color: #31363b;
|
|
border-color: #706f6e; }
|
|
#app-navigation li > a {
|
|
color: #eff0f1 !important;
|
|
opacity: 1; }
|
|
#app-navigation li:hover > a {
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
#app-navigation li:focus > a {
|
|
background-color: #3daee9; }
|
|
#app-navigation li:active > a {
|
|
background-color: #3daee9; }
|
|
#app-navigation .active {
|
|
background-color: #3daee9; }
|
|
#app-navigation .active a {
|
|
color: #fcfcfc;
|
|
font-weight: 600;
|
|
background-color: inherit; }
|
|
#app-navigation .add-new button {
|
|
color: #eff0f1 !important; }
|
|
#app-navigation .add-new div.heading:hover {
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
#app-navigation .add-new-popup {
|
|
box-shadow: none;
|
|
border-color: #3daee9; }
|
|
|
|
.nav-trashbin {
|
|
background-color: #31363b;
|
|
border-color: #706f6e; }
|
|
|
|
.bubble {
|
|
background-color: #31363b;
|
|
color: #eff0f1;
|
|
border: 1px solid #706f6e;
|
|
-webkit-filter: none;
|
|
-moz-filter: none;
|
|
-ms-filter: none;
|
|
-o-filter: none;
|
|
filter: none; }
|
|
.bubble::after {
|
|
border-bottom-color: #706f6e; }
|
|
|
|
.popovermenu .menuitem {
|
|
color: #eff0f1; }
|
|
|
|
.popovermenu li > a {
|
|
opacity: 1 !important; }
|
|
|
|
#app-settings .import-export button {
|
|
margin: 3px 0; }
|
|
|
|
#app-settings-content, #app-settings-header {
|
|
border-color: #706f6e;
|
|
background-color: #31363b;
|
|
color: #eff0f1; }
|
|
#app-settings-content a, #app-settings-header a {
|
|
color: #2980b9; }
|
|
|
|
.settings-button {
|
|
background-color: #31363b;
|
|
color: #eff0f1; }
|
|
.settings-button:hover {
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
.settings-button:focus, .settings-button:active {
|
|
background-color: #3daee9;
|
|
color: #fcfcfc; }
|
|
|
|
/* Login Screen Specific */
|
|
#body-login {
|
|
background: none;
|
|
background-color: #31363b; }
|
|
|
|
#body-login p.info,
|
|
#body-login form fieldset legend,
|
|
#body-login #datadirContent label,
|
|
#body-login form fieldset .warning-info,
|
|
#body-login form input[type="checkbox"] + label {
|
|
color: #bdc3c7; }
|
|
|
|
#body-login #remember_login:hover + label,
|
|
#body-login #remember_login:focus + label,
|
|
#body-login #forgot-password:hover,
|
|
#body-login #forgot-password:focus,
|
|
#body-login p.info a:hover,
|
|
#body-login p.info a:focus {
|
|
opacity: 1;
|
|
color: #fcfcfc; }
|
|
|
|
/* File Sharing */
|
|
#body-public #content-wrapper #content {
|
|
border-top: 1px solid #706f6e; }
|
|
#body-public #content-wrapper #content #preview {
|
|
background: inherit; }
|
|
|
|
/* Mobile */
|
|
@media only screen and (max-width: 768px) {
|
|
#app-content {
|
|
width: 100% !important;
|
|
left: 0 !important;
|
|
background-color: #31363b;
|
|
overflow-x: hidden !important;
|
|
z-index: 1000; }
|
|
|
|
#app-navigation-toggle {
|
|
z-index: 1001;
|
|
background-color: rgba(61, 174, 233, 0.25);
|
|
opacity: 0.5;
|
|
border-bottom-right-radius: 5px; } }
|
|
/* App Store */
|
|
.app-level span {
|
|
color: #eff0f1; }
|
|
|
|
/* Log reader */
|
|
#logreader-root table tbody tr {
|
|
background-color: #31363b !important; }
|
|
#logreader-root table tbody tr td {
|
|
border-bottom-color: #706f6e; }
|
|
#logreader-root table thead tr {
|
|
background-color: #31363b !important; }
|
|
#logreader-root table thead th {
|
|
color: #eff0f1;
|
|
border-bottom-color: #706f6e; }
|
|
|
|
/* Announcement Center */
|
|
#announcement_submit_msg {
|
|
opacity: 0.8; }
|
|
#announcement_submit_msg.success {
|
|
color: #fcfcfc;
|
|
background-color: #27ae60; }
|
|
|
|
#app-content hr {
|
|
border-color: #706f6e; }
|
|
|
|
#app-sidebar {
|
|
background-color: #31363b;
|
|
border-color: #706f6e; }
|
|
#app-sidebar .file-details {
|
|
color: #eff0f1; }
|
|
|
|
.tabHeaders .tabHeader, .tabHeaders .tabHeader a {
|
|
color: #eff0f1; }
|
|
|
|
.tabHeaders .tabHeader.selected a,
|
|
.tabHeaders .tabHeader:hover a {
|
|
color: #fcfcfc;
|
|
border-bottom: 1px solid #3daee9; }
|
|
|
|
/* First Run Wizard */
|
|
#cboxLoadedContent {
|
|
background-color: #232629; }
|
|
|
|
#firstrunwizard p a {
|
|
color: #2980b9; }
|
|
#firstrunwizard p a:hover, #firstrunwizard p a:focus {
|
|
color: #2980b9; }
|
|
|
|
/* File Access Control */
|
|
.workflowengine .operation {
|
|
border-bottom-color: #706f6e; }
|
|
.workflowengine .operation .check:hover {
|
|
background-color: #31363b; }
|
|
.workflowengine .operation.modified {
|
|
border-left-color: #f67400; }
|
|
|
|
/* External Storage */
|
|
table.grid th, table.grid td {
|
|
border-bottom-color: #706f6e; }
|
|
|
|
.dropdown {
|
|
background-color: #31363b;
|
|
box-shadow: none;
|
|
border: 1px solid #706f6e; }
|
|
|
|
#externalStorage td.mountOptionsToggle > img {
|
|
opacity: 0.7; }
|
|
#externalStorage td.mountOptionsToggle > img:hover {
|
|
opacity: 1; }
|
|
|
|
/* Text Editor */
|
|
#editor_controls {
|
|
background-color: #31363b; }
|
|
#editor_controls small.filename {
|
|
color: #eff0f1; }
|
|
#editor_controls #editor_close {
|
|
opacity: 1; }
|
|
#editor_controls #editor_close:hover {
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
#editor_controls #editor_close:active, #editor_controls #editor_close:focus {
|
|
background-color: #3daee9; }
|
|
|
|
/* Two Factor U2F */
|
|
.two-factor-link {
|
|
padding: 0 12px;
|
|
color: #bdc3c7; }
|
|
.two-factor-link:hover {
|
|
color: #fcfcfc; }
|
|
|
|
#body-login .warning {
|
|
background-color: #232629; }
|
|
|
|
.challenge-form input[type="text"], .totp-form input[type="text"] {
|
|
background: #31363b; }
|
|
|
|
/* Notifications */
|
|
.notification-container {
|
|
box-shadow: none;
|
|
background-color: #31363b;
|
|
border-color: #706f6e; }
|
|
|
|
.notification {
|
|
color: #eff0f1; }
|
|
|
|
.app-activity #app-content {
|
|
position: relative;
|
|
height: 99.9%;
|
|
border-top: 1px solid #706f6e; }
|
|
|
|
.activitymessage {
|
|
color: #eff0f1;
|
|
opacity: 0.6; }
|
|
|
|
.box .activitytime {
|
|
color: #bdc3c7;
|
|
opacity: 0.5; }
|
|
|
|
#no_more_activities {
|
|
color: #bdc3c7;
|
|
opacity: 0.5; }
|
|
|
|
.app-calendar #app-content {
|
|
overflow-y: hidden;
|
|
padding-right: 0 !important; }
|
|
|
|
#app-navigation .new-entity {
|
|
color: #eff0f1; }
|
|
#app-navigation .new-entity:hover {
|
|
background-color: rgba(61, 174, 233, 0.25);
|
|
color: #eff0f1; }
|
|
|
|
#app-navigation .app-navigation-input {
|
|
width: 94%; }
|
|
|
|
.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
|
|
border-color: #706f6e; }
|
|
|
|
#fullcalendar {
|
|
background-color: #232629;
|
|
border-top: 1px solid #706f6e; }
|
|
#fullcalendar table thead th {
|
|
background-color: #232629; }
|
|
#fullcalendar table tbody tr td.fc-other-month {
|
|
background-color: #31363b; }
|
|
#fullcalendar.fc-unthemed tr td {
|
|
border-top-color: #706f6e; }
|
|
#fullcalendar.fc-unthemed .fc-today {
|
|
background-color: #3daee9 !important;
|
|
color: #fcfcfc;
|
|
border-color: #706f6e; }
|
|
#fullcalendar.fc-unthemed .fc-today span.fc-day-number {
|
|
font-weight: 600; }
|
|
|
|
.fc-basic-view .fc-day-top .fc-week-number {
|
|
background-color: #31363b;
|
|
color: #eff0f1;
|
|
border-right: 1px solid #706f6e;
|
|
border-bottom: 1px solid #706f6e; }
|
|
|
|
.fc th, .fc .fc-axis, .fc-day-grid-event .fc-time, .fc-ltr .fc-basic-view .fc-day-number, .fc-ltr .fc-basic-view .fc-week-number, .fc-time-grid-event .fc-time {
|
|
opacity: 1;
|
|
font-size: 85%; }
|
|
|
|
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
|
|
padding-right: 6px; }
|
|
|
|
.app-calendar #app-navigation #calendarlistcontainer ul.app-navigation-list li.app-navigation-list-item.active {
|
|
background-color: #31363b;
|
|
border-right: 1px solid #706f6e; }
|
|
|
|
#app-settings .settings-fieldset .settings-upload {
|
|
background-color: #31363b;
|
|
border: 1px solid #706f6e; }
|
|
|
|
#app-navigation .app-navigation-entry-menu {
|
|
background-color: #31363b;
|
|
color: #eff0f1;
|
|
border: 1px solid #706f6e;
|
|
-webkit-filter: none;
|
|
-moz-filter: none;
|
|
-ms-filter: none;
|
|
-o-filter: none;
|
|
filter: none; }
|
|
#app-navigation .app-navigation-entry-menu::after {
|
|
border-bottom-color: #706f6e; }
|
|
|
|
#app-navigation .togglebuttons .button.active {
|
|
background-color: #3daee9;
|
|
color: #fcfcfc;
|
|
border-color: #3daee9; }
|
|
#app-navigation .togglebuttons .button.today:focus {
|
|
background-color: #3daee9; }
|
|
|
|
#datepicker table tbody tr {
|
|
background-color: #31363b; }
|
|
|
|
.app-calendar #app-navigation .active {
|
|
background-color: inherit; }
|
|
|
|
.app-calendar #app-navigation #datepickercontainer #datepicker table td {
|
|
border: none; }
|
|
.app-calendar #app-navigation #datepickercontainer #datepicker table td button:hover {
|
|
border-color: #706f6e;
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
.app-calendar #app-navigation #datepickercontainer #datepicker table td button:active, .app-calendar #app-navigation #datepickercontainer #datepicker table td button:focus {
|
|
background-color: #3daee9;
|
|
border-color: #706f6e; }
|
|
|
|
.modal-open .modal.popover, .modal-open .modal.import {
|
|
background: #31363b;
|
|
box-shadow: none; }
|
|
|
|
.modal-dialog .modal-content #app-sidebar {
|
|
border: none; }
|
|
|
|
.advanced .advanced--button-area {
|
|
border-color: #706f6e; }
|
|
|
|
.advanced--fieldset-attendeelist .advanced--toggler:hover, .advanced--fieldset-reminderlist .advanced--toggler:hover {
|
|
background: rgba(61, 174, 233, 0.25); }
|
|
|
|
.ui-widget-content {
|
|
background: #31363b;
|
|
border: 1px solid #706f6e; }
|
|
|
|
.ui-datepicker th {
|
|
color: #eff0f1; }
|
|
|
|
.ui-state-default, .ui-widget-content .ui-state-default,
|
|
.ui-widget-header .ui-state-default {
|
|
border: 1px solid #706f6e;
|
|
background: #232629;
|
|
font-weight: bold;
|
|
color: #bdc3c7; }
|
|
|
|
.ui-state-hover, .ui-widget-header .ui-state-hover {
|
|
background-color: #31363b;
|
|
color: #eff0f1; }
|
|
|
|
.ui-widget-content .ui-state-hover {
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
|
|
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
|
|
opacity: .5;
|
|
filter: Alpha(Opacity=50);
|
|
font-weight: normal; }
|
|
|
|
.ui-datepicker-calendar tbody tr:hover, .ui-datepicker-calendar tbody tr:focus, .ui-datepicker-calendar tbody tr:active, .ui-timepicker tbody tr:hover, .ui-timepicker tbody tr:focus, .ui-timepicker tbody tr:active {
|
|
background-color: inherit; }
|
|
|
|
.ui-widget-header {
|
|
border: 1px solid #3daee9;
|
|
background: #3daee9;
|
|
color: #eff0f1; }
|
|
|
|
.ui-datepicker-prev, .ui-datepicker-next {
|
|
border: 1px solid #706f6e;
|
|
background: #31363b; }
|
|
|
|
.advanced .advanced--input {
|
|
background: #232629 !important; }
|
|
|
|
.app-content-list {
|
|
background-color: #232629;
|
|
border-top: 1px solid #706f6e;
|
|
border-right: 1px solid #706f6e; }
|
|
|
|
.app-content-list-item {
|
|
border-color: #706f6e; }
|
|
.app-content-list-item:first-child {
|
|
border: none; }
|
|
.app-content-list-item:hover {
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
.app-content-list-item:active, .app-content-list-item:focus {
|
|
background-color: #3daee9; }
|
|
.app-content-list-item.active {
|
|
background-color: #3daee9;
|
|
color: #fcfcfc;
|
|
font-weight: 600;
|
|
border-color: #3daee9; }
|
|
.app-content-list-item a {
|
|
color: #eff0f1; }
|
|
|
|
.contacts-list-count {
|
|
color: #bdc3c7;
|
|
border-color: #706f6e; }
|
|
|
|
.contact-details-wrapper {
|
|
background-color: #31363b; }
|
|
|
|
.contactdetails__header {
|
|
background-color: #3daee9 !important;
|
|
color: #eff0f1; }
|
|
.contactdetails__header .contactdetails__org, .contactdetails__header .contactdetails__title {
|
|
color: #eff0f1 !important;
|
|
font-weight: 600; }
|
|
.contactdetails__header .contactdetails__org:placeholder-shown, .contactdetails__header .contactdetails__title:placeholder-shown {
|
|
color: #eff0f1;
|
|
opacity: 1; }
|
|
|
|
.contactdetails__name {
|
|
color: #eff0f1;
|
|
font-weight: 600; }
|
|
|
|
detailsitem .icon-delete {
|
|
opacity: 0.4; }
|
|
|
|
input.newAddressBookSubmit {
|
|
border: none;
|
|
background-color: inherit; }
|
|
input.newAddressBookSubmit:hover, input.newAddressBookSubmit:focus, input.newAddressBookSubmit:active {
|
|
border: none;
|
|
background-color: inherit; }
|
|
|
|
input.newAddressBookInput {
|
|
padding: 5px; }
|
|
|
|
.app-files #app-content {
|
|
border-top: 1px solid #706f6e;
|
|
height: 99.8%;
|
|
background-color: #232629; }
|
|
|
|
.app-files #app-navigation + #app-content #controls {
|
|
margin-top: 1px; }
|
|
|
|
#app-content-files #filestable {
|
|
background-color: #232629; }
|
|
|
|
#app-content-files #controls {
|
|
background-color: #31363b;
|
|
margin-top: 1px; }
|
|
|
|
#filestable tbody tr {
|
|
background-color: #232629; }
|
|
#filestable tbody tr:hover {
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
#filestable tbody tr:hover .name:focus {
|
|
background-color: inherit; }
|
|
#filestable tbody tr:focus, #filestable tbody tr:active {
|
|
background-color: #3daee9; }
|
|
#filestable tbody tr.highlighted, #filestable tbody tr.highlighted .name:focus, #filestable tbody tr.selected, #filestable tbody tr.searchresult {
|
|
background-color: #3daee9;
|
|
color: #fcfcfc; }
|
|
#filestable tbody tr.highlighted .filename, #filestable tbody tr.highlighted .filesize, #filestable tbody tr.highlighted .date, #filestable tbody tr.highlighted .name:focus .filename, #filestable tbody tr.highlighted .name:focus .filesize, #filestable tbody tr.highlighted .name:focus .date, #filestable tbody tr.selected .filename, #filestable tbody tr.selected .filesize, #filestable tbody tr.selected .date, #filestable tbody tr.searchresult .filename, #filestable tbody tr.searchresult .filesize, #filestable tbody tr.searchresult .date {
|
|
font-weight: 600; }
|
|
#filestable tbody tr.externalDisabledRow {
|
|
background-color: #4d4d4d; }
|
|
#filestable tbody tr.externalErroredRow {
|
|
background-color: #da4453; }
|
|
#filestable tbody .name:focus {
|
|
background-color: inherit; }
|
|
|
|
#filestable.multiselect {
|
|
top: 93px; }
|
|
|
|
.summary {
|
|
color: #bdc3c7;
|
|
opacity: 1; }
|
|
|
|
table tr.mouseOver td {
|
|
background-color: #232629; }
|
|
|
|
table td.filesize {
|
|
color: #bdc3c7 !important; }
|
|
|
|
table.multiselect thead th {
|
|
background-color: rgba(61, 174, 233, 0.25);
|
|
color: #eff0f1; }
|
|
table.multiselect th a {
|
|
color: #eff0f1; }
|
|
|
|
span.extension {
|
|
color: #bdc3c7; }
|
|
|
|
#app-content-systemtagsfilter #controls input[type="text"] {
|
|
height: 34px;
|
|
padding: 6px 10px; }
|
|
#app-content-systemtagsfilter .select2-choices {
|
|
background-color: #232629;
|
|
border-color: #706f6e;
|
|
color: #eff0f1; }
|
|
|
|
#fileList .popovermenu .action {
|
|
color: #eff0f1; }
|
|
|
|
#fileList a.action.permanent {
|
|
opacity: 0.4 !important; }
|
|
|
|
#controls .button.view-switcher {
|
|
background-color: #31363b;
|
|
border: 1px solid #706f6e;
|
|
margin-right: 6px; }
|
|
#controls .button.view-switcher:hover {
|
|
border-color: #3daee9;
|
|
background-color: #31363b; }
|
|
#controls .button.view-switcher:focus, #controls .button.view-switcher:active {
|
|
border-color: #3daee9;
|
|
background-color: #3daee9; }
|
|
#controls .button.view-switcher img {
|
|
opacity: 0.6; }
|
|
|
|
#content-wrapper .app-gallery {
|
|
background-color: #232629; }
|
|
|
|
#controls .button.sorting {
|
|
padding: 8px 5px; }
|
|
#controls .button.sorting.active-button {
|
|
background-color: #3daee9;
|
|
border-color: #3daee9;
|
|
color: #eff0f1; }
|
|
#controls .button.sorting.active-button:hover {
|
|
background-color: #3daee9;
|
|
border-color: #3daee9;
|
|
color: #eff0f1; }
|
|
#controls .button.left-switch-button {
|
|
border-color: #706f6e; }
|
|
#controls .button.left-switch-button:hover {
|
|
border-color: #3daee9; }
|
|
#controls .button.view-switcher.gallery {
|
|
background-color: #31363b;
|
|
color: #eff0f1;
|
|
border: 1px solid #706f6e; }
|
|
#controls .button.view-switcher.gallery:hover {
|
|
background-color: #31363b;
|
|
color: #eff0f1;
|
|
border-color: #3daee9; }
|
|
#controls .button.view-switcher.gallery:focus, #controls .button.view-switcher.gallery:active {
|
|
background-color: #3daee9;
|
|
border-color: #3daee9; }
|
|
|
|
#dropdown {
|
|
background: #31363b;
|
|
box-shadow: none;
|
|
border: 1px solid #706f6e; }
|
|
|
|
#link {
|
|
border-color: #706f6e; }
|
|
|
|
#explore .category {
|
|
background-color: #3daee9; }
|
|
#explore .grid-item {
|
|
border-color: #706f6e; }
|
|
#explore .explore-footer a {
|
|
color: #2980b9; }
|
|
|
|
.app-news #app-navigation li.collapsible.open a {
|
|
background-color: #232629; }
|
|
.app-news #app-navigation li.folder {
|
|
border-right: 1px solid #706f6e; }
|
|
.app-news #app-navigation .app-navigation-entry-menu {
|
|
background-color: #31363b;
|
|
color: #eff0f1;
|
|
border: 1px solid #706f6e;
|
|
-webkit-filter: none;
|
|
-moz-filter: none;
|
|
-ms-filter: none;
|
|
-o-filter: none;
|
|
filter: none; }
|
|
.app-news #app-navigation .app-navigation-entry-menu::after {
|
|
border-bottom-color: #706f6e; }
|
|
|
|
.app-news #app-content {
|
|
border-top: 1px solid #706f6e; }
|
|
.app-news #app-content .item {
|
|
background-color: #232629;
|
|
border-color: #706f6e; }
|
|
.app-news #app-content .item.active {
|
|
background-color: #232629;
|
|
background-image: none; }
|
|
.app-news #app-content .date {
|
|
color: #bdc3c7; }
|
|
.app-news #app-content .heading a {
|
|
color: #eff0f1; }
|
|
.app-news #app-content .subtitle {
|
|
color: #bdc3c7; }
|
|
.app-news #app-content .utils .title h1 a {
|
|
color: #fcfcfc; }
|
|
.app-news #app-content .read .utils .title h1 a {
|
|
color: #bdc3c7; }
|
|
.app-news #app-content .finished-auto-paging #articles::after {
|
|
background-color: #232629;
|
|
background-image: none; }
|
|
.app-news #app-content .no-feeds-available {
|
|
color: rgba(189, 195, 199, 0.4); }
|
|
.app-news #app-content .body a {
|
|
color: #2980b9; }
|
|
.app-news #app-content .body blockquote {
|
|
border-color: #3daee9;
|
|
background-color: #31363b; }
|
|
.app-news #app-content .body h1, .app-news #app-content .body h2, .app-news #app-content .body h3 {
|
|
color: #fcfcfc; }
|
|
.app-news #app-content .body h4, .app-news #app-content .body h5, .app-news #app-content .body h6 {
|
|
color: #eff0f1; }
|
|
.app-news #app-content .body pre {
|
|
background-color: #31363b;
|
|
border-color: #706f6e; }
|
|
.app-news #app-content .body .title .intro {
|
|
color: rgba(189, 195, 199, 0.6); }
|
|
|
|
.app-notes #app-content {
|
|
border-top: 1px solid #706f6e; }
|
|
|
|
#app-navigation li .nav-entry {
|
|
color: #eff0f1; }
|
|
|
|
.note-search input {
|
|
border: none;
|
|
background-color: transparent;
|
|
color: #eff0f1; }
|
|
.note-search input:active, .note-search input:focus, .note-search input:hover {
|
|
border-bottom: 1px solid #3daee9;
|
|
color: #fcfcfc; }
|
|
|
|
.mdedit {
|
|
color: #eff0f1; }
|
|
.mdedit .marker {
|
|
color: rgba(189, 195, 199, 0.4); }
|
|
|
|
#app-navigation .active > .utils .icon-delete:hover, #app-navigation .active > .utils .icon-star:hover {
|
|
opacity: 0.7; }
|
|
|
|
.app-passman #app-content {
|
|
height: 99.9%;
|
|
border-top: 1px solid #706f6e; }
|
|
.app-passman #app-content #controls {
|
|
background-color: inherit; }
|
|
.app-passman #app-content #app-content-wrapper .credential-table tr td {
|
|
border-bottom-color: #706f6e; }
|
|
.app-passman #app-content #app-content-wrapper .credential-table tr {
|
|
background-color: #232629; }
|
|
.app-passman #app-content #app-content-wrapper .credential-table tr:hover {
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
.app-passman #app-content #app-content-wrapper .credential-table tr.selected {
|
|
background-color: #3daee9; }
|
|
.app-passman #app-content #app-content-wrapper .viewModes .view-mode {
|
|
background-color: #31363b; }
|
|
.app-passman #app-content #app-content-wrapper .viewModes .view-mode.active {
|
|
background-color: #3daee9; }
|
|
.app-passman #app-content #app-content-wrapper .viewModes .view-mode:first-child, .app-passman #app-content #app-content-wrapper .viewModes .view-mode:last-child {
|
|
background-color: #31363b; }
|
|
.app-passman #app-content #app-content-wrapper .tags .tag {
|
|
background-color: #4d4d4d;
|
|
border: 1px solid #706f6e; }
|
|
.app-passman #app-content #app-content-wrapper .app_sidebar .credential-data .tags .tag {
|
|
background-color: #4d4d4d;
|
|
border: 1px solid #706f6e; }
|
|
.app-passman #app-content #app-content-wrapper #passman-controls {
|
|
top: 46px;
|
|
background-color: inherit;
|
|
border-bottom: 1px solid #706f6e; }
|
|
.app-passman #app-content .tab_header li.active .indicator {
|
|
height: 5px;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: #3daee9 !important; }
|
|
.app-passman #app-content .tab_header li.tab {
|
|
border-right: 1px solid #706f6e;
|
|
color: #eff0f1 !important;
|
|
background-color: #31363b !important; }
|
|
.app-passman #app-content .tab_container {
|
|
border: none; }
|
|
.app-passman #app-content .pass-meter .details, .app-passman #app-content .pass-meter .pass-meter-message {
|
|
color: #bdc3c7; }
|
|
.app-passman #app-content .pw-gen .generate_pw .cell {
|
|
padding: 4.7px;
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
border: 1px solid #706f6e;
|
|
background-color: #31363b;
|
|
cursor: pointer; }
|
|
.app-passman #app-content .pass-meter-col.poor .indicator {
|
|
background-color: #da4453; }
|
|
.app-passman #app-content .pass-meter-col.weak .indicator {
|
|
background-color: #f67400; }
|
|
.app-passman #app-content .pass-meter-col.good .indicator {
|
|
background-color: #27ae60; }
|
|
.app-passman #app-content .pass-meter-col.strong .indicator {
|
|
background-color: #3daee9; }
|
|
.app-passman #app-content .inputfile + label {
|
|
font-size: 1.25em;
|
|
background-color: #232629;
|
|
margin-top: 3px;
|
|
padding: 5px;
|
|
border: 1px solid #706f6e; }
|
|
.app-passman #app-content .inputfile + label:hover {
|
|
border-color: #3daee9; }
|
|
.app-passman .link {
|
|
color: #2980b9 !important; }
|
|
.app-passman #app-navigation li:hover > a, .app-passman #app-navigation li:active > a {
|
|
background-color: #31363b; }
|
|
|
|
.vault_wrapper {
|
|
box-shadow: none;
|
|
background: #232629;
|
|
border: 1px solid #706f6e; }
|
|
.vault_wrapper .vaultlist li {
|
|
padding: 16px;
|
|
border-bottom: 1px solid #706f6e; }
|
|
.vault_wrapper .vaultlist li:hover {
|
|
background-color: rgba(61, 174, 233, 0.25);
|
|
border-radius: 5px 5px 0 0; }
|
|
.vault_wrapper .vaultlist li.ng-scope:last-child {
|
|
border-bottom: none; }
|
|
.vault_wrapper .vaultlist li.ng-scope:last-child:hover {
|
|
background-color: rgba(61, 174, 233, 0.25);
|
|
border-radius: 0 0 5px 5px; }
|
|
|
|
#app-settings-content:not(.ng-hide) {
|
|
height: none;
|
|
padding: 5px 0 15px 0; }
|
|
|
|
.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
|
|
text-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none; }
|
|
|
|
.btn-danger {
|
|
background-image: none;
|
|
filter: none;
|
|
background-repeat: no-repeat;
|
|
background-color: #da4453;
|
|
border-color: #da4453; }
|
|
|
|
tags-input .tags {
|
|
background-color: #232629;
|
|
border: 1px solid #706f6e;
|
|
box-shadow: none; }
|
|
tags-input .tags.focused {
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
border-color: #3daee9; }
|
|
tags-input .tags .tag-item.selected {
|
|
background: #da4453 !important; }
|
|
tags-input .tags .tag-item {
|
|
border: 1px solid #706f6e;
|
|
border-radius: 3px;
|
|
color: #eff0f1; }
|
|
tags-input.ng-invalid .tags {
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
border-color: #da4453; }
|
|
tags-input .autocomplete {
|
|
background-color: #232629;
|
|
border: 1px solid #706f6e;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none; }
|
|
tags-input .autocomplete .suggestion-item.selected, tags-input .autocomplete .suggestion-item.selected em {
|
|
color: #eff0f1;
|
|
background-color: #3daee9; }
|
|
|
|
.angularjs-datetime-picker {
|
|
color: #eff0f1;
|
|
border: 1px solid #706f6e;
|
|
background: #232629; }
|
|
.angularjs-datetime-picker .adp-month {
|
|
background: #232629;
|
|
border-bottom: 1px solid #706f6e; }
|
|
.angularjs-datetime-picker .adp-month > button {
|
|
color: #eff0f1;
|
|
top: 4px; }
|
|
.angularjs-datetime-picker .adp-month > button:hover {
|
|
color: #3daee9; }
|
|
.angularjs-datetime-picker .adp-days > .adp-day.selected {
|
|
background: rgba(61, 174, 233, 0.25);
|
|
border-color: #3daee9; }
|
|
.angularjs-datetime-picker .adp-days > .adp-day.selectable:hover {
|
|
background: rgba(61, 174, 233, 0.25); }
|
|
.angularjs-datetime-picker #adp-time label {
|
|
float: left; }
|
|
.angularjs-datetime-picker #adp-time input[type="range"] {
|
|
float: right; }
|
|
|
|
.sequence code {
|
|
border: none; }
|
|
|
|
#passman-settings #passman-tabs .ui-widget-header {
|
|
border: none;
|
|
background: #31363b;
|
|
color: #eff0f1; }
|
|
#passman-settings #passman-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
|
margin-bottom: inherit;
|
|
padding-bottom: inherit; }
|
|
|
|
.app-tasks #app-content {
|
|
height: 99.9%;
|
|
border-top: 1px solid #706f6e; }
|
|
.app-tasks #app-content h2 {
|
|
text-shadow: none;
|
|
opacity: 1; }
|
|
.app-tasks #app-content #add-task {
|
|
border: 1px solid #706f6e;
|
|
background: #232629; }
|
|
.app-tasks #app-content #add-task input {
|
|
color: #eff0f1;
|
|
background: #232629 !important; }
|
|
.app-tasks #app-content .sortorder-dropdown-button {
|
|
background-color: #31363b;
|
|
border: 1px solid #706f6e;
|
|
height: 32px;
|
|
margin: 13px 0px 12px 12px;
|
|
border-radius: 0; }
|
|
.app-tasks #app-content .sortorder-dropdown li > a {
|
|
color: #eff0f1; }
|
|
.app-tasks #app-content #app-sidebar div.content-wrapper .title {
|
|
background-color: #3daee9;
|
|
border-bottom: 1px solid #706f6e;
|
|
text-shadow: none; }
|
|
.app-tasks #app-content #app-sidebar div.content-wrapper .body .section {
|
|
background: inherit;
|
|
text-shadow: none;
|
|
border-bottom: 1px dashed #706f6e; }
|
|
.app-tasks #app-content #app-sidebar div.content-wrapper .body .note {
|
|
background-color: #232629;
|
|
border-width: 1px 1px 1px 1px;
|
|
border-style: solid;
|
|
border-color: #706f6e; }
|
|
.app-tasks #app-content #app-sidebar div.content-wrapper .body .note .expandingArea textarea {
|
|
color: #eff0f1; }
|
|
.app-tasks #app-content .categories-list li {
|
|
background-color: #31363b;
|
|
border: 1px solid #706f6e;
|
|
color: #eff0f1; }
|
|
.app-tasks #app-content .select2-drop {
|
|
background: #232629;
|
|
color: #eff0f1;
|
|
border: 1px solid #706f6e;
|
|
border-top: 0;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none; }
|
|
.app-tasks #app-content .select2-container-multi .select2-choices,
|
|
.app-tasks #app-content .select2-container-multi.select2-container-active .select2-choices,
|
|
.app-tasks #app-content .select2-container .select2-choice {
|
|
border-radius: 0;
|
|
border: 1px solid #706f6e; }
|
|
|
|
#app-sidebar div.content-wrapper .title .expandable-container {
|
|
background: #232629;
|
|
border: 1px solid #706f6e; }
|
|
|
|
.detail-categories .select2-container-multi .select2-choices .select2-search-choice {
|
|
color: #eff0f1;
|
|
background-color: #31363b;
|
|
border-color: #706f6e;
|
|
margin: 3px 0 3px 5px; }
|
|
|
|
#app-navigation li > a span.title, #app-navigation li > a span.icon {
|
|
opacity: 1; }
|
|
|
|
#content {
|
|
color: #eff0f1; }
|
|
|
|
#content li.task-item .task-body, #content div.task-item .task-body {
|
|
background-color: #232629;
|
|
border: 1px solid #706f6e; }
|
|
|
|
#content li.task-item .task-body .title-wrapper, #content div.task-item .task-body .title-wrapper {
|
|
color: #eff0f1;
|
|
text-shadow: none; }
|
|
|
|
#content li.task-item .task-body:hover,
|
|
#content div.task-item .task-body:hover {
|
|
background-color: rgba(61, 174, 233, 0.25); }
|
|
|
|
#content li.task-item .task-body.active,
|
|
#content div.task-item .task-body.active {
|
|
background-color: #3daee9; }
|
|
|
|
#app-content div.task-list .loadmore span {
|
|
color: #bdc3c7;
|
|
background-color: #31363b;
|
|
border: 1px solid #706f6e; }
|
|
#app-content div.task-list .loadmore span:hover {
|
|
color: #eff0f1;
|
|
background-color: inherit;
|
|
border-color: #3daee9; }
|
|
|
|
#app-navigation .app-navigation-entry-edit input.icon-close, #app-navigation .app-navigation-entry-edit input[type="submit"]:hover {
|
|
background-color: #31363b; }
|
|
#app-navigation .app-navigation-entry-edit input.icon-close:hover, #app-navigation .app-navigation-entry-edit input[type="submit"]:hover:hover {
|
|
background-color: #3daee9; }
|
|
|
|
#app-navigation .app-navigation-entry-edit input {
|
|
border: 1px solid #706f6e; }
|
|
|
|
#content li.task-item.add-subtask input, #content div.task-item.add-subtask input {
|
|
background: #232629 !important;
|
|
color: #eff0f1; }
|
|
|
|
#content li.task-item.add-subtask, #content div.task-item.add-subtask {
|
|
border: 1px solid #706f6e; }
|
|
|
|
#app-sidebar div.content-wrapper .body .section input {
|
|
background: #232629;
|
|
border: 1px solid #706f6e;
|
|
box-shadow: none;
|
|
color: #eff0f1; }
|
|
|
|
div.percentdone {
|
|
height: 3px;
|
|
margin-bottom: -3px;
|
|
background-color: #CCC;
|
|
border-radius: 0; }
|
|
|
|
#app-sidebar div.content-wrapper div.footer {
|
|
border-top: none;
|
|
box-shadow: none; }
|
|
|
|
div.ui-datepicker, div.ui-timepicker {
|
|
background: #31363b;
|
|
border-radius: 4px 4px 4px 4px;
|
|
box-shadow: none;
|
|
color: #eff0f1; }
|
|
|
|
.ui-datepicker .ui-widget-header, .ui-timepicker .ui-widget-header {
|
|
background: inherit;
|
|
color: #eff0f1; }
|
|
|
|
.ui-datepicker table thead th, .ui-timepicker table thead th {
|
|
color: #eff0f1; }
|
|
|
|
.ui-datepicker table a.ui-state-default, .ui-timepicker table a.ui-state-default {
|
|
color: #eff0f1;
|
|
border-radius: 3px 3px 3px 3px; }
|
|
|
|
.ui-datepicker table a.ui-state-default:hover, .ui-timepicker table a.ui-state-default:hover {
|
|
background: rgba(61, 174, 233, 0.25); }
|
|
|
|
.ui-datepicker table td.selected a, .ui-timepicker table td.selected a {
|
|
background: #3daee9;
|
|
border-radius: 3px 3px 3px 3px;
|
|
color: #fcfcfc;
|
|
text-shadow: none; }
|
|
|
|
#app-sidebar div.content-wrapper .body .section input.focus {
|
|
background-color: #232629;
|
|
border: 1px solid #706f6e;
|
|
box-shadow: none; }
|
|
|
|
.ui-widget-content {
|
|
color: #eff0f1; }
|
|
|
|
#content li.task-item .task-body .duedate, #content div.task-item .task-body .duedate {
|
|
color: #eff0f1;
|
|
text-shadow: none; }
|
|
|
|
#content li.task-item .task-body .duedate.overdue, #content div.task-item .task-body .duedate.overdue {
|
|
color: #da4453;
|
|
font-weight: bold;
|
|
text-shadow: none; }
|
|
|
|
/*# sourceMappingURL=styles.css.map */
|