SeaFile Cloud Dark Blue Theme
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

915 lines
17 KiB

/** Seafile Themes Blue Dark
*** Developer tpDEsign.de 2023
*/
/* Diverse Fonts zum Einbinden
@import url('https://fonts.googleapis.com/css?family=Play&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira+Condensed:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Andada+Pro&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
Diverse Fonts zum Einbinden */
body {
margin : 0;
font-family : 'Titillium Web', 'Lato', 'Saira', 'Andada Pro', 'Saira Condensed', 'Play', Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size : 0.9rem;
font-weight : 200 !important ;
line-height : 1.5;
color : #212529;
text-align : left;
background-color : #0e1621;
}
a:focus, a:hover {
color : #feb442;
}
a {
color : #f3f3f3;
}
.grid-item:hover a {
color : #feb442;
}
.grid-file-name-link {
color : #fff;
font-size : 15px;
}
.grid-selected-active {
background-color : #0e1621;
}
.grid-item:hover .grid-file-img-link {
background : #0e1621;
}
.grid-drop-show {
background : #0e1621;
}
#header {
background : #0e1621;
width : 100%;
height : 55px;
font-size : 14px;
padding : 8px 16px 4px;
display : flex;
justify-content : space-between;
flex-shrink : 0;
border-bottom : none !important ;
border-radius : 5px !important ;
margin : 5px;
}
.shared-file-view-md-header {
background : #0e1621;
height : 55px;
border-bottom : none !important ;
padding : 8px 16px 4px;
justify-content : space-between;
}
.shared-file-view-md-main {
height : calc(100% - 55px);
}
.shared-file-view-head h2 {
color : #feb442;
font-size : 18px;
}
.shared-file-view-head .share-by {
color : #fff;
}
.shared-dir-view-main {
max-width : 999px;
}
.shared-dir-view-main p {
color : #feb442;
}
.shared-file-view-body {
height : calc(100% - 60px);
padding : 30px 0 15px;
background : #16212f;
border : #0e1621 solid 1px;
overflow : auto;
}
.video-js {
display : block;
vertical-align : top;
box-sizing : border-box;
color : #fff;
background-color : #0e1621;
border-radius : 5px;
border : #000 solid 1px;
box-shadow : 1px 1px 10px 1px #01070d;
position : relative;
padding : 0;
font-size : 13px;
line-height : 1;
font-weight : 300;
font-style : normal;
font-family : 'Titillium Web', 'Saira', 'Andada Pro', 'Saira Condensed', Arial, Helvetica, sans-serif;
word-break : normal;
}
#viewerContainer {
background : #16212f;
}
.top-header {
background : #0e1621;
width : 100%;
height : 55px;
font-size : 15px;
padding : 0.5rem 1rem;
flex-shrink : 0;
border-bottom : none !important ;
}
.hide {
display : none !important ;
}
.side-panel-north {
background : #0e1621;
border-bottom : none !important ;
}
.main-panel-north {
background : #0e1621 !important ;
border-bottom : none !important ;
}
.border-left-show:before {
position : absolute;
top : 10px;
left : 0;
width : 0;
height : 30px;
content : "";
background-color : #0e1621;
}
.side-panel-center {
background-color : #16212f !important ;
margin : 10px;
border-radius : 5px !important ;
border-right : none !important ;
}
.side-panel.o-auto {
background-color : #16212f !important ;
margin : 10px 10px 10px 10px;
border-radius : 5px !important ;
border-right : none !important ;
}
.side-panel-footer {
border-right : none !important ;
}
.side-nav-footer {
padding : 12px 20px 16px;
background : #0e1621;
border-top : none !important ;
font-size : 16px;
}
.side-nav-footer .item {
color : #feb442 !important ;
font-weight : normal;
margin-right : 11px;
}
.side-panel {
background-color : #0e1621;
border-right : none !important ;
}
.side-nav-con {
padding : 15px;
color : #fff !important ;
background-color : #16212f !important ;
margin : 10px;
border-radius : 5px !important ;
border-right : none !important ;
}
.side-textnav-tabs .tab-cur a, .side-textnav-tabs .tab a:hover {
color : #feb442;
text-decoration : none;
}
.side-textnav-tabs .tab a {
border-bottom : 1px solid #0e1621;
margin-bottom : 3px;
}
.nav-pills .nav-item .nav-link.active {
background-color : #212d3d !important ;
color : #fff;
border : none;
}
.nav-pills .nav-item .nav-link:hover {
color : #fff;
background-color : #212d3d;
}
.side-nav-con .nav .nav-item, .side-nav-con .nav .nav-item .nav-link {
color : #fff;
}
.side-tabnav-tabs .tab a:hover {
background-color : #0e1621;
text-decoration : none;
}
.side-nav-con [class^="sf2-icon-"], .side-nav-con [class^="sf3-font-"] {
color : #feb442;
}
.share-dialog .nav .nav-item .nav-link {
padding : 0.3125rem 1rem 0.3125rem 0.25rem;
color : #feb442;
}
.side-nav {
padding : 0;
overflow : hidden;
border-right : 0 solid #eee;
}
.side-textnav .hd, .side-info .hd {
padding : 4px;
background : #0e1621;
border-bottom : none !important ;
margin-bottom : 1em;
border-radius : 3px;
}
.tp-side-nav-sys {
background-color : #16212f !important ;
margin : 10px;
border-radius : 5px !important ;
border-right : none !important ;
}
.side-nav-con .sub-nav .nav-link {
padding : 0;
display : block;
font-size : 0.875rem;
line-height : 1.5rem;
}
.side-tabnav-tabs .tab a {
display : block;
font-size : 19px;
padding : 4px 4px 4px 0;
color : #fff;
font-weight : normal;
}
.side-tabnav-tabs .tab-cur a, .side-tabnav-tabs .tab-cur a:hover {
background-color : #0e1621;
}
.add-tag-link:hover {
color : #fff;
background : #293749;
}
p.tip {
color : #fff;
}
p {
color: #fff;
}
.group-list-panel .group-item-empty-tip {
text-align : center;
padding : 4px 0;
border-bottom : 1px solid #12151e;
}
.group-list-panel .group-item-heading {
font-size : 1rem;
font-weight : 400;
padding : 0.25rem;
border-bottom : 1px solid #12151e;
margin : 0.75rem 0 0;
}
.account-popup .sf-popover-con {
padding : 0;
font-size : 16px;
background-color : #212d3d;
border : #0b1319 solid 1px;
border-radius : 3px;
box-shadow : 0 0 4px #0b1319;
color : #dae5f1;
}
.account-popup a.item {
color : #dae5f1;
font-weight : normal;
}
.account-popup .item {
display : block;
padding : 8px 18px;
border-bottom : 1px solid #0b1319;
}
.account-popup a.item:hover {
background:#0c131c;
}
.login-panel {
background : #0e1621;
border-radius : 4px;
padding : 20px 60px;
width : 390px;
margin : 0 auto;
box-shadow : 0 0 8px #feb442;
}
.login-panel-hd {
font-size : 20px;
color : #fff;
}
span.vam {
color : #fff;
}
.text-logout-color {
font-size : 22px;
color : #fff;
}
.tp-reg-label {
color : #fff;
}
.btn-primary:hover {
color : #fff;
background-color : #e6904e;
border-color : #ed7b16;
}
.btn-primary {
color : #fff;
background-color : #feb442;
border-color : #feb442;
}
.btn {
font-weight : 600;
letter-spacing : 0.06em;
font-size : 18px;
min-width : 6.375rem;
}
.btn-outline-primary {
color : #feb442;
background-color : #0e1621;
background-image : none;
border-color : #000;
}
.btn-white {
height : 35px;
font-size : 19px;
}
.sf-heading {
font-size : 20px;
color : #feb442;
font-weight : normal;
line-height : 1.5;
}
.block-tp-settings-layout {
background-color : #16212f !important ;
padding : 10px;
border-radius : 5px !important ;
}
.cur-view-path {
padding : 8px 16px;
max-height : 40px;
background : #16212f !important ;
margin : 8px;
border-radius : 5px !important ;
position : inherit;
}
.cur-view-content {
background : #16212f !important ;
margin : 8px;
padding : 8px;
border-radius : 5px !important ;
}
.cur-view-container .fa-star.fas {
color : #feb442;
}
.dir-content-nav {
background-color : #16212f;
border-right : 1px solid #0e1621;
}
.tree-node-inner .tree-node-text {
font-size : 18px;
color : #fff;
}
.tree-node-inner-hover {
background-color : #0e1621;
}
.uploader-list-header {
background-color : #0e1621;
padding : 0.375rem 0.625rem;
font-size : 19px;
line-height : 1.5;
color : #feb442;
display : flex;
justify-content : space-between;
min-height : 2.25rem;
}
.uploader-list-view {
display : flex;
flex-direction : column;
position : fixed;
right : 70px;
bottom : 50px;
width : 915px;
height : 20rem;
border : #0c0c0b solid 1px;
border-radius : 3px;
box-shadow : 0 0 6px #100f0f;
background-color : #0e1621;
z-index : 1050;
}
.uploader-list-content {
padding : 0 1rem 1.25rem;
background-color : #111a26;
overflow : auto;
}
.upload-operation .saving {
color : #feb442;
}
.file-chooser-item .item-active {
background : #feb442 !important ;
color : #fff;
}
.file-chooser-item .item-info:hover {
background : #feb442;
}
.list-view-header:hover {
background-color : #16212f;
color : #fff;
}
table thead tr {
height : 3.0rem;
}
table td {
padding : 0.5rem 0.1875rem;
padding-left : 0.1875rem;
border-bottom : 1px solid #0e1621;
color : #fff;
font-size : 16px;
word-break : break-all;
}
table th {
padding : 0.3125rem 0.1875rem;
border-bottom : 1px solid #16212f;
text-align : left;
font-weight : normal;
font-size : 17px;
line-height : 1.7;
color : #9c9c9c;
}
.tr-active {
background-color : #0e1621 !important ;
}
.tr-highlight {
background-color : #0e1621;
}
.empty-tip {
margin : 5.5em 1em;
border : #0b1319 solid 2px;
border-radius : 8px;
padding : 28px;
background-color : #151d28;
text-align : center;
}
.empty-tip h2 {
font-size : 1.325rem;
text-align : center;
color : #feb442;
font-weight : bold;
}
.empty-tip p {
color : #fff;
}
#notifications .sf2-icon-bell {
font-size : 22px;
line-height : 1;
color : #feb442;
}
.nav .nav-item .nav-link.active {
color : #feb442;
text-decoration : none;
border-bottom : none;
}
.nav .nav-item .nav-link {
margin-right : 0.5rem;
color : #f3f3f3;
}
.tabnav {
padding : 8px 10px;
padding-bottom : 3px;
background : #16212f;
margin-bottom : 0.5em;
border-radius : 3px;
border : #3c3f43 solid 1px;
}
.tabnav-tab-cur a, .tabnav-tab a:hover {
color : #feb442;
text-decoration : none;
border-bottom-color : #feb442;
font-size : 17px;
}
.tabnav button {
height : 29px;
background : #fff;
line-height : 17px;
font-size : 17px;
}
.tabnav-tab-cur a, .tabnav-tab a {
color : #f3f3f3;
font-size : 17px;
}
button {
font-size : 16px;
}
.input, .textarea {
width : 300px;
padding : 2px 3px;
border-radius : 2px;
margin-bottom : 5px;
}
.input-tip {
padding-top : calc(0.375rem + 1px);
color : #a6a4a4;
font-size : 16px;
}
.hl {
background-color : #131d29;
}
.file-title {
color : #fff;
}
#paginator {
text-align : center;
font-size : 16px;
color : #feb442;
}
.side-tabnav h3.hd {
font-size : 18px;
color : #feb442;
font-weight : normal;
}
.meta-info {
font-size : 15px;
color : #fff;
}
.header-bar {
padding : 9px 10px;
padding-bottom : 9px;
background : #16212f;
margin-bottom : 0.5em;
border-radius : 3px;
border : #3c3f43 solid 1px;
padding-bottom : 0;
height : 48px;
overflow : hidden;
}
dd {
margin-bottom : 0.8em;
color : #f4f1ec !important ;
}
dt {
color : #feb442 !important ;
margin : 24px 0 2px;
font-weight : normal;
font-size : 19px;
}
#right-panel .hd {
background : #16212f;
margin-bottom : 0.5em;
border-radius : 3px;
border : #3c3f43 solid 1px;
}
#right-panel .hd .ui-state-active .a, #right-panel .hd .a:hover {
color : #feb442;
text-decoration : none;
border-bottom-color : #feb442;
font-size : 19px;
}
#right-panel .hd .a {
font-size : 19px;
color : #fff;
}
#right-panel .hd, .tabnav, .wiki-top {
padding-bottom : 0;
height : 62px;
}
#right-panel .hd h3, #right-panel h3.hd {
line-height : 41px;
margin-bottom : 0;
}
.tp-font-settings {
font-size : 16px !important ;
color : #fff !important ;
text-align : justify !important ;
margin-top : 5px;
margin-bottom : 5px;
}
.side-search-form .input {
width : calc(100% - 12px);
padding : 3px 6px;
background : #f3f3f3;
box-shadow : 0 1px 2px rgb(0, 0, 0, 0.075) inset;
font-size : 18px;
}
h2 {
color : #fff !important ;
font-weight : 300 !important ;
}
h3 {
font-size : 20px;
color : #f3f3f3;
font-weight : normal;
}
h4 {
font-size : 17px;
color : #f3f3f3 !important ;
}
h5 {
font-size : 19px;
}
li {
color : #fff;
}
.op-bar {
padding : 9px 10px;
background : #16212f;
border-radius : 2px;
}
.op-target {
color : #feb442;
overflow-wrap : break-word;
}
p.m-0 {
color : #fff;
font-size : 16px;
}
.messages .success {
padding : 7px;
background : #569D27;
margin : 0;
}
.web-setting-name {
width : 200px;
padding : 0 10px;
vertical-align : top;
font-weight : normal;
line-height : 28px;
color : #fff;
}
.web-setting-name, .web-setting-input .input {
margin : 0;
font-size : 19px;
}
.block-tp-settings-untertext {
font-size : 15px;
color : #fff;
}
.seahub-web-settings h4 {
background : #16212f;
margin-bottom : 0.5em;
border-radius : 3px;
border : #3c3f43 solid 1px;
color : #fff;
}
.side-tabnav-tabs .tab [class^="sf2-icon-"] {
display : inline-block;
width : 42px;
margin-right : 5px;
text-align : center;
vertical-align : middle;
font-size : 24px;
line-height : 1;
color : #feb442;
}
#main p {
font-size : 17px;
color : #feb442;
}
.sf-popover {
width : 250px;
background : #212d3d;
border : #0b1319 solid 1px;
border-radius : 3px;
box-shadow : 0 0 4px #0b1319;
position : absolute;
z-index : 20;
}
.up-outer-caret .inner-caret {
border-bottom-color : #212d3d;
top : 1px;
left : -10px;
}
#notice-popover .view-all {
display : block;
padding : 7px 0;
text-align : center;
color : #feb442;
}
#notifications .title {
line-height : 1.5;
font-size : 1rem;
color : #F3F3F3;
font-weight : normal;
}
#notice-popover .sf-popover-hd {
border-bottom : 1px solid #0b1319;
margin : 0 10px;
}
label {
display : inline-block;
margin : 4px 0;
color: #fff;
}
.uploader-list-header {
background-color : #0e1621;
padding : 0.375rem 0.625rem;
font-size : 19px;
line-height : 1.5;
color : #feb442;
display : flex;
justify-content : space-between;
min-height : 2.25rem;
}
.file-view-content {
padding : 30px 0;
background : #16212f;
border-right : 4px solid transparent;
}
.file-view-header {
padding : 4px 10px;
border-bottom : 2px solid #feb442;
}
.modal-content {
background-color : #212d3d;
background-clip : padding-box;
border : #0e1621 solid 2px;
border-radius : 4px;
}
.modal-content a {
color : #feb442;
}
.modal-title {
margin-bottom : 0;
line-height : 1.5;
color : #feb442;
font-size : 20px;
font-weight : 200;
}
.tip {
color : #16212f;
}
.file-star:focus, .file-star:hover {
text-decoration : none;
color : #feb442;
}
.seafile-comment {
border-left : 1px solid #16212f;
background-color: #16212f;
}
.seafile-comment-footer {
border-top: 1px solid #0a0909;
}
.nav-tabs {
border-bottom: 5px solid #0a0909;
}
.path-container {
color : #fff;
}
.path-link {
color : #feb442 !important ;
}
.path-toolbar .toolbar-item a:hover {
color : #feb442;
}
.path-toolbar .toolbar-item a {
color : #f3f3f3;
}
.flex-fill {
background-color: #212d3d;
}
.detail-container {
border-left : 2px solid #0e1621;
background : #16212f !important ;
}
.dirent-table-container th {
font-size : 14px;
text-align : left;
font-weight : 400;
color : #f3f3f3;
}
.dirent-table-container td {
font-size : 16px;
color : #feb442;
word-break : break-all;
}
.detail-header {
background-color : #0e1621;
border-bottom : 1px solid #0e1621;
height : 40px;
}
.detail-header .detail-title .name {
margin : 0 0.5rem 0 0.25rem;
line-height : 1.5rem;
vertical-align : middle;
font-size : 18px;
color : #feb442;
}
.user-setting-nav .nav-item .nav-link {
color : #fff;
font-size : 19px;
}
.user-setting-nav .nav-item.active .nav-link {
color : #feb442;
border-color : #feb442;
}
.user-setting-nav .nav-item .nav-link:hover {
color : #feb442;
}
.heading {
padding : 8px 16px;
background : #16212f !important ;
margin : 8px;
border-radius : 5px !important ;
font-size : 20px;
color : #fff;
font-weight : 400;
line-height : 1.5;
}
.content.position-relative {
background : #16212f !important ;
margin : 10px;
border-radius : 5px !important ;
font-size : 20px;
color : #feb442;
width : 97%;
}
.setting-item-heading {
font-size : 19px;
color : #f3f3f3;
font-weight : 200;
padding-bottom : 0.2em;
border-bottom : none !important ;
}
#quota-bar {
display : block;
height : 1em;
border : #727c86 solid 1px;
background-color: #3a4552;
margin : 5px 0;
border-radius : 2px;
overflow : hidden;
}
#quota-usage {
background : #dae5f1;
}
.old-history-main .file-name {
color : #feb442;
overflow-wrap : break-word;
}
.old-history-main h2 {
font-size : 1.5em;
color : #f3f3f3;
font-weight : 200;
line-height : 1.5;
}
.old-history-main .commit-list .username {
vertical-align : middle;
color : #feb442;
text-decoration : none;
font-weight : 700;
}
#right-panel.help-con .hd {
font-weight : normal;
margin-bottom : 15px;
color : #fff;
}
.col-form-label {
font-size : 17px;
}
input.expire-input {
margin : -4px 0.25rem 0 -0.75rem;
}
.cur-view-path:after {
border-bottom : 1px solid #0e1621 !important ;
}
.system-admin-info dd, .system-admin-info dt {
color : lightblue;
}
.info-item-heading {
border-bottom : 1px solid #212d3d !important ;
}
.op-icon {
color: #feb442;
}
.op-icon:hover {
border-bottom: 0.125rem solid #ffe9d0;
color: #ffe9d0;
}
.cur-view-detail {
box-shadow: -1px 0 3px 0 #070706;
}
.progress-bar {
background-color: #feb442;
}
.new-narrow-panel .hd {
color: #fff;
font-size: 16px;
padding: 5px 20px;
background: #080808;
border-bottom: 1px solid #000;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
border: 2px solid #06090d;
}
.ml-3, .mx-3 {
color: #b6b0b0;
}
.old-history-main .go-back:hover {
color:#feb442;
}
.modal-header {
border-bottom: 1px solid #37424e;
}
.modal-footer {
border-top: 1px solid #37424e;
}
.err-message {
color: #fc2626;
}
/** End Custom Themes Blue Dark