/** WIKI **/
.html.module-wiki *::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.html.module-wiki *::-webkit-scrollbar-button {
width: 0px;
height: 0px;
}
.html.module-wiki *::-webkit-scrollbar-thumb {
background: #cecece;
border: 0px none #ffffff;
border-radius: 50px;
}
.html.module-wiki *::-webkit-scrollbar-thumb:hover {
background: #707070;
}
.html.module-wiki *::-webkit-scrollbar-thumb:active {
background: #949494;
}
.html.module-wiki *::-webkit-scrollbar-track {
background: transparent;
border: 0px none #ffffff;
border-radius: 50px;
}
.html.module-wiki *::-webkit-scrollbar-track:hover {
background: #d4d4d4;
}
.html.module-wiki *::-webkit-scrollbar-track:active {
background: #d3d3d3;
}
.html.module-wiki *::-webkit-scrollbar-corner {
background: transparent;
}
/* Conteneur principal du plugin wiki */
.html.module-wiki *::selection {
color: #ffffff;
background-color: #444444;
}
.wiki-page-content .block-code::selection {
background-color: #f5b000;
}
.html.module-wiki {
height: 100%;
}
.html.module-wiki .form-control {
height: auto;
}
.html.module-wiki body {
font-family: Roboto,Arial;
color:rgb(23, 27, 53);
margin:0;
height:100%;
padding:0;
}
.wiki-preloader{
position: absolute;
height:50px;
width:150px;
top: 50%;
left: 50%;
margin-top: -25px;
margin-left: -75px;
bottom: 0;
right: 0;
text-align: center;
padding: 15px;
text-transform: uppercase;
transform: scale(0);
color: #4b569e;
opacity: 0;
transition: all 0.2s ease-in-out;
background: #ffffff;
}
.wiki-preloader.show{
opacity: 1;
transform: scale(1);
display:block;
}
.wiki-preloader i{
font-size:40px;
}
.wiki-home-page {
padding-right: 25px;
width: 65%;
}
.wiki-home-page * {
max-width: 100%;
}
.wiki-home-activity {
width: 35%;
}
.wiki-home-page,
.wiki-home-activity{
box-sizing: border-box;
display: inline-block;
vertical-align: top;
float: left
}
.wiki-login-box{
width:50%;
min-width: 200px;
max-width: 300px;
margin: auto;
}
.wiki-login-box i.wiki-logo{
width: 100%;
font-size: 80px;
text-align: center;
transition: all 0.3s ease-in-out;
}
.wiki-login-box:hover i.wiki-logo{
transform:translateY(-10px) scale(1.2);
text-shadow: 5px 5px orange;
}
.wiki-login-box .btn{
width:100%;
text-align: center;
font-weight: bold;
}
.wiki-login-box input{
margin:15px 0;
border: 2px solid #444444;
background: #ffffff;
text-align: center;
}
.wiki-login-box input.form-control:active,
.wiki-login-box input.form-control:focus {
border: 2px solid orange;
outline: 0;
box-shadow: 0 0 0 0 rgba(0,0,0,0);
color: #000;
}
.wiki-login-box input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px white inset;
}
/*.html.module-wiki #mainMenu {
display: none;
flex-direction: column;
flex-shrink: 0;
padding: 0;
margin: auto;
height: 100%;
width: 280px;
position: static;
color:rgb(78, 92, 110);
background: rgb(244, 247, 250);
}*/
.html.module-wiki .container-fluid{
padding: 0;
margin: 0;
margin: 50px 0 0 0;
width: auto;
min-height: calc(100% - 50px);
display: flex;
max-width: none;
}
.html.module-wiki #wiki-summary{
left: 0;
top: 0;
padding: 0;
margin: 0;
min-height: 100%;
width: 280px;
position: fixed;
box-sizing: border-box;
color:rgb(78, 92, 110);
background: rgb(244, 247, 250);
transition:all 0.2s ease-in-out;
transform: translateX(-280px);
z-index:101;
user-select: none;
}
.html.module-wiki #wiki-summary > h2{
padding: 10px;
}
.html.module-wiki #wiki-summary ul{
padding: 0px;
margin: 0;
}
.html.module-wiki #wiki-summary li{
border-bottom:1px solid #e9e9e9;
padding: 10px;
font-size: 12px;
}
.html.module-wiki #wiki-summary li a{
color:#444444;
}
.html.module-wiki #wiki-summary li.summary-h1{
text-transform: uppercase;
}
.html.module-wiki #wiki-summary li.summary-h2{
padding-left: 20px;
}
.html.module-wiki #wiki-summary li.summary-h3{
padding-left: 40px;
}
.html.module-wiki #wiki-summary li.summary-h4{
padding-left: 60px;
}
.html.module-wiki #wiki-summary ul li:before{
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-size: 10px;
font-weight: 900;
padding-right: 5px;
}
.html.module-wiki #wiki-summary ul li{
list-style-type: none;
cursor: pointer;
}
.html.module-wiki #wiki-summary.show{
transform: translateX(0);
}
.html.module-wiki #sideMenu {
flex-direction: column;
flex-shrink: 0;
padding: 0;
margin: 0;
/*height: 100vh;*/
height: calc(100vh - 50px);
width: 280px;
position: static;
color:#4e5c6e;
background: #f4f7fa;
user-select: none;
transition: background-color 0.2s ease-in-out;
}
#wiki-categories .wiki-category-hover{
background: #e0e3e5;
}
#sideMenu li:not(.category-open):hover {
color: #20252d;
transition: color 0.015s ease-in-out;
}
.html.module-wiki #editor {
flex-direction: column;
/*height: 100vh;*/
height: calc(100vh - 50px);
overflow-y: auto;
padding: 15px 30px;
width: 100%;
position: relative;
transition: background-color 0.2s ease-in-out;
}
.html.module-wiki .footer {
display:none;
}
.wiki-title{
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
color: rgb(155, 166, 178);
letter-spacing: 0.04em;
padding-bottom: 8px;
margin-top: 30px;
margin-bottom: 10px;
border-bottom: 1px solid rgb(218, 225, 233);
}
.wiki-title + .no-pages {
opacity: 0.7;
padding: 15px 0;
line-height: 1.75em;
}
.wiki-small{
color: rgb(155, 166, 178);
font-size: 13px;
}
.category-recent{
margin: 0;
list-style-type: none;
padding: 0;
}
.category-recent > li{
margin: 0;
padding: 15px 0;
cursor: pointer;
opacity: 0.7;
transition: all 0.2s ease-in-out;
}
.category-recent > li:hover{
opacity: 1;
transform:translateX(10px);
}
.category-recent > li:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
opacity: 0;
transition: all 0.2s ease-in-out;
position: absolute;
left: -20px;
top: 50%;
transform: translateY(-50%);
}
.category-recent > li:hover:before {
opacity: 1;
/*transform: translateX(10px);*/
}
#wiki-modal{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2000;
background:#ffffff;
transition: all 0.2s ease-in-out;
transform: translateX(-100%);
opacity: 0;
padding: 25px;
}
.icon-bubble{
width: 20px;
padding-top: 3px;
box-sizing: border-box;
font-size: 10px;
text-align: center;
border-radius: 100%;
display: inline-block;
vertical-align: top;
background: #444444;
color: #ffffff;
height: 20px;
}
#wiki-modal .wiki-content{
max-width: 800px;
margin: auto;
padding-top: 55px;
}
#wiki-modal .close-button{
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}
#wiki-modal.wiki-modal-open{
transform : translateX(0px);
opacity : 0.95;
}
.wiki-add-category{
cursor: pointer;
font-size: 12px;
font-weight: bold;
margin: 5px;
}
i.wiki-add-category{
transform: scale(0.8);
transition: all 0.2s ease-in-out;
opacity: 0.4;
}
i.wiki-add-category:hover {
transform: scale(1);
opacity: 1;
}
.wiki-header{
position: relative;
padding: 15px;
transition: background 150ms ease-in-out 0s;
}
.wiki-header:hover{
background: rgba(0, 0, 0, 0.05);
}
.wiki-header .night-mode-toggler {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 24px;
}
/* TOGGLE NIGHT THEME */
.toggle-box-label:empty {
margin-left: -10px;
}
.toggle-box-label:before,
.toggle-box-label:after {
box-sizing: border-box;
margin: 0;
padding: 0;
/*transition*/
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
outline: none;
}
.toggle-box input[type=checkbox],
.toggle-box input[type=checkbox]:active {
position: absolute;
top: -5000px;
height: 0;
width: 0;
opacity: 0;
border: none;
outline: none;
}
.toggle-box label {
display: inline-block;
position: relative;
padding: 0px;
margin-bottom: 0;
font-size: 14px;
line-height: 16px;
cursor: pointer;
color: rgba(149, 149, 149, 0.51);
font-weight: normal;
}
.toggle-box-label:before {
content: '';
display: block;
position: absolute;
z-index: 1;
line-height: 34px;
text-indent: 40px;
height: 16px;
width: 16px;
margin: 4px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
right: 16px;
bottom: 0px;
background: #FFB200;
transform: rotate(-45deg);
box-shadow: 0 0 10px white;
}
.toggle-box-label:after {
content: "";
display: inline-block;
width: 40px;
height: 24px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.15);
vertical-align: middle;
margin: 0 10px;
margin-right: 0;
border: 2px solid #FFB200;
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label:before {
right: 7px;
box-shadow: 5px 5px 0 0 #eee;
background: transparent;
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label:after {
background: rgba(0, 0, 0, 0.15);
border: 2px solid white;
}
.toggle-box input[type=checkbox] + .toggle-box-label {
color: rgba(250, 250, 250, 0.51);
font-weight: bold;
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label {
color: rgba(149, 149, 149, 0.51);
font-weight: normal;
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label + .toggle-box-label {
color: rgba(250, 250, 250, 0.51);
font-weight: bold;
}
/* FIN TOGGLE NIGHT THEME */
.page-editor-menu .dropdown-menu{
transform: translate3d(-129px, 19px, 0px)!important;
}
.wiki-logo{
width: 38px;
height: 38px;
border-radius: 4px;
}
.wiki-brand{
display: inline-block;
vertical-align: top;
min-height: 0px;
min-width: 0px;
padding-left: 8px;
}
.wiki-brand .brand-option{
display: inline-block;
cursor: pointer;
}
.wiki-brand-firm{
font-weight: 600;
color: rgb(23, 27, 53);
font-size: 16px;
max-height: 24px;
}
.module-wiki .container-fluid .dropdown-menu {
font-size: 0.85em;
}
.wiki-brand-firm > .firm-label {
text-overflow: ellipsis;
max-width: 115px;
overflow: hidden;
display: inline-block;
margin-right: 5px;
font-size: 16px;
max-height: 24px;
white-space: nowrap;
float: left;
}
.wiki-brand-user{
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
color: rgb(78, 92, 110);
}
.wiki-bubble{
color: rgb(255, 255, 255);
display: inline-block;
min-width: 15px;
font-size: 10px;
position: relative;
top: -2px;
left: 2px;
border-radius: 100%;
background: rgb(78, 92, 110);
padding: 0px 5px;
}
#wiki-main-menu,
#wiki-categories {
margin: 15px 0px;
padding: 0px 15px;
overflow: auto;
}
#wiki-categories {
min-height: 220px;
padding-right: 0;
margin-bottom: 0;
}
#wiki-main-menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#wiki-main-menu > ul > li{
padding: 5px;
cursor: pointer;
transition: all 0.1s ease-in-out;
}
#wiki-main-menu > ul > li i{
padding-right: 10px;
}
#wiki-main-menu > ul > li:hover{
color:#333333;
}
#wiki-categories > ul{
height: calc(100vh - 270px);
overflow: auto;
}
#wiki-categories ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#wiki-categories ul > li > ul{
padding-left: 20px;
font-weight: normal;
}
#wiki-categories > ul > li{
cursor: pointer;
padding: 5px;
}
#wiki-categories h3{
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
color: rgb(78, 92, 110);
letter-spacing: 0.04em;
margin-bottom: 4px;
}
#wiki-categories .category-option {
display: inline-block;
float: right;
cursor: pointer;
opacity: 0;
transition: all 0.2s ease-in-out;
}
#wiki-categories > ul > li:hover .category-option{
transform: translateX(0px);
opacity: 1;
}
.wiki-page-content .table th,
.wiki-page-content .table td {
border: 1px solid #e9ecef;
}
.wiki-page-content img {
max-width: 100%;
}
.wiki-page-content a {
color :#e91e63;
}
#wiki-categories .page{
font-size: 12px;
word-break: break-all;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wiki-page-content h1,.wiki-page-content h2,.wiki-page-content h3,.wiki-page-content h4,.wiki-page-content h5{
font-weight: 300;
}
.wiki-page-content .inline-code{
background-color: #444444;
padding:2px 5px;
color:#ffffff;
}
.wiki-page-content a .inline-code{
color:#ffc107;
}
.wiki-page-content .block-code{
background-color: #444444;
padding:2px 5px;
color:#ffffff;
display: block;
border-left: 5px solid #deeeff;
position: relative;
}
.wiki-page-content .block-code .btn-copy{
position: absolute;
top: 2px;
right: 5px;
opacity: 0;
transition: all 0.15s ease-in-out;
transform: scale(0);
}
.wiki-page-content .block-code:hover .btn-copy{
opacity: 1;
transform: scale(1);
}
#editor .blockquote {
padding-left: 15px;
border-left: 5px solid #69abbd;
}
.html.module-wiki #editor.edition .CodeMirror{
border:0;
}
/*.html.module-wiki .CodeMirror-selectedtext {
color: #d0d0d0;
background-color: #444444;
}*/
.html.module-wiki .editor-toolbar:not(.fullscreen) {
position: -webkit-sticky;
position: sticky;
top: 0px;
border:0;
background-color: #ffffff;
/*Make toolbar useable/visible when it becomes sticky*/
z-index: 100;
opacity: initial;
}
/* Hovering would otherwise cause the text to become visible 'behind' the toolbar*/
.html.module-wiki .editor-toolbar:hover {
opacity: initial;
}
.html.module-wiki .page-option{
padding: 0 5px;
border-radius: 3px;
display: inline-block;
position: fixed;
right: 20px;
top: 70px;
z-index: 105;
user-select: none;
background-color: rgba(255,255,255,0.8);
transition: all 0.1s linear;
}
.html.module-wiki .page-option li.page-empty-menu {
min-width: 16px;
}
.html.module-wiki .page-option li {
cursor: pointer;
display: inline-block;
transition: all 0.2s linear;
}
.html.module-wiki .page-option li .page-option-item > i {
opacity: 0.5;
}
.html.module-wiki .page-option li .page-option-item > i.active,
.html.module-wiki .page-option li .page-option-item.show > i,
.html.module-wiki .page-option li:hover .page-option-item > i {
opacity: 1;
}
.html.module-wiki .page-option-save,
.html.module-wiki .page-option-menu {
transform: scale(0);
opacity: 0;
cursor: pointer;
}
.html.module-wiki .page-option-save.show,
.html.module-wiki .page-option-menu.shown {
opacity: 1;
transform: scale(1);
}
.html.module-wiki li.hidden {
display: none;
}
.html.module-wiki .page-option-save > i {
color: #45B94F;
}
.html.module-wiki .page-option-save:hover > i {
color: #308237;
}
.category-open{
font-weight: bold;
color:#333333;
}
.page-open{
font-weight: bold;
color:#333333;
}
.wiki-breadcrumb {
margin-bottom: 15px;
/*position: absolute;*/
color: rgb(23, 27, 53);
font-size: 15px;
top: 20px;
left: 25px;
user-select: none;
width: 90%;
transition: all 0.2s ease-in-out;
}
.wiki-breadcrumb span{
font-weight: bold;
}
.wiki-breadcrumb small{
color: #a8aeb4;
margin-left: 10px;
}
.wiki-breadcrumb .slash{
font-weight: bolder;
text-align: center;
color: rgb(154, 180, 214);
width: 10px;
height: 24px;
display: inline-block;
}
.wiki-breadcrumb .last-update {
margin-left: 0;
}
#page-label{
border-color: #ffffff;
display: inline-block;
width: auto;
padding:0;
transition: all 0.2s ease-in-out;
}
#page-label.form-control[readonly] {
background-color: #ffffff;
}
#page-label.show{
padding: 0 10px;
border-color: #cecece;
border-radius: 2rem;
transition: all 0.2s ease-in-out;
}
.tags-container {
margin: 15px 0;
padding-bottom: 5px;
display: block;
}
.tags-container.light-border-bottom {
border-bottom: 1px solid rgb(218, 225, 233);
}
.tags-container h6 {
color: rgb(155, 166, 178);
}
.tags-container .tag-item {
user-select: none;
display: inline-block;
padding: 0.4em 0.5em;
font-size: 85%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .15rem;
padding-right: 1rem;
position: relative;
}
.tags-container .tag-item .fa-tag {
font-size: 0.8em;
}
.tags-container .tag-item .delete-tag {
cursor: pointer;
opacity: 1;
position: absolute;
right: 0.25rem;
transition: all 0.2s ease-in-out;
}
.tags-container .tag-item:hover .delete-tag {
opacity: 1;
}
.wiki_search_item i{
min-height: 26px;
}
.wiki_search_item input{
display: inline-block;
min-width: 160px;
border: 0;
padding: 0 5px;
border-radius: 2rem;
width: 85%;
opacity: 0;
font-size: 0.9em;
transition: all 0.2s ease-in-out;
}
.wiki_search_item span{
opacity: 1;
min-height: 26px;
display: inline-block;
}
.wiki-search-highlight{
background-color:#ffc107;
color:#111111;
display: inline-block;
padding:0 5px;
font-weight: bold;
}
.wiki-title-link{
font-size: 20px;
margin-left:10px;
display: inline-block;
vertical-align: middle;
opacity: 0;
cursor:pointer;
transition:all 0.2s ease-in-out;
transform: translateX(-10px);
}
#editor h1:hover .wiki-title-link,
#editor h2:hover .wiki-title-link,
#editor h3:hover .wiki-title-link,
#editor h4:hover .wiki-title-link,
#editor h5:hover .wiki-title-link,
#editor h6:hover .wiki-title-link{
opacity: 1;
transform: rotate(0deg);
}
.html.module-wiki .editor-toolbar.fullscreen{
z-index: 100000;
}
/* NIGHT MODE */
/* Possibilité d'utiliser les prefs
* utilisateur avec la règle qui suit.
* Voir: https://developer.mozilla.org/fr/docs/Web/CSS/@media/prefers-color-scheme
*/
/*@media (prefers-color-scheme: dark) {
}
*/
.html.module-wiki.night-mode *::selection {
color: #2f3136;
background-color: #ffffff;
}
.html.module-wiki.night-mode {
color: #7e8082;
}
.html.module-wiki.night-mode #sideMenu {
color: #7e8082;
background-color: #2f3136;
transition: background-color 0.2s ease-in-out;
}
.html.module-wiki.night-mode #sideMenu li:not(.category-open):hover {
color: #949698fa;
transition: color 0.015s ease-in-out;
}
.module-wiki.night-mode .wiki-page-content * {
color: #D0D0D0;
}
.html.module-wiki.night-mode #editor {
color: #D0D0D0;
background-color: #36393f;
transition: background-color 0.2s ease-in-out;
}
.html.module-wiki.night-mode .wiki-logo{
border: 1px solid #d0d0d0;
}
.html.module-wiki.night-mode .wiki-brand-user,
.html.module-wiki.night-mode #wiki-categories h3 {
color: #727983;
}
.html.module-wiki.night-mode .wiki_search_item input,
.html.module-wiki.night-mode #page-label.show {
background-color: #36393f;
border-color: #d0d0d0;
color: #d0d0d0;
transition: all 0.2s ease-in-out;
}
.html.module-wiki.night-mode #page-label {
background-color: #36393f;
border-color: #36393f;
color: #d0d0d0;
transition: all 0.2s ease-in-out;
}
.html.module-wiki.night-mode .wiki-breadcrumb {
color: #d0d0d0;
transition: all 0.2s ease-in-out;
}
.html.module-wiki.night-mode .wiki-brand-firm,
.html.module-wiki.night-mode #wiki-main-menu > ul > li:hover,
.html.module-wiki.night-mode .wiki-add-category:hover,
.html.module-wiki.night-mode .category-open,
.html.module-wiki.night-mode .page-open,
.html.module-wiki.night-mode .dropdown-icon-item,
.html.module-wiki.night-mode .dropdown-item,
.html.module-wiki.night-mode #wiki-summary li a {
color: #d0d0d0;
}
.html.module-wiki.night-mode .dropdown-menu {
background-color: #36393f;
border-color: #616161;
}
.html.module-wiki.night-mode .dropdown-divider {
border-color: #616161;
}
.html.module-wiki.night-mode #wiki-modal {
color: #d0d0d0;
background: #36393f;
}
.html.module-wiki.night-mode .dropdown-item:hover {
background-color: #616161;
}
.html.module-wiki.night-mode .component-icon .dropdown-icon-item:focus,
.html.module-wiki.night-mode .component-icon .dropdown-icon-item:active,
.html.module-wiki.night-mode .component-icon .dropdown-icon-item:hover {
color: #484848;
background-color: #d6d6d6;
border-radius: 3px;
}
.html.module-wiki.night-mode .icon-chooser button {
color: #484848;
background-color: #d6d6d6;
border-color: #d6d6d6;
}
.html.module-wiki.night-mode .icon-chooser button:hover {
color: #2e2e2e;
background-color: #b0b0b0;
border-color: #b0b0b0;
}
.html.module-wiki.night-mode .form-control:focus {
border-color: #ced4da;
}
.html.module-wiki.night-mode .btn-primary,
.html.module-wiki.night-mode .btn-success {
color: #474747;
background-color: #cecece;
border-color: #cecece;
}
.html.module-wiki.night-mode .btn-primary:hover,
.html.module-wiki.night-mode .btn-success:hover {
color: #2e2e2e;
background-color: #b0b0b0;
border-color: #b0b0b0;
}
.html.module-wiki.night-mode .page-option {
background-color: transparent;
}
.html.module-wiki.night-mode .page-option-save:hover > i {
color: hsl(125, 46%, 75%);
}
.html.module-wiki.night-mode #wiki-summary {
background-color: #2f3136;
color: #d0d0d0;
}
.html.module-wiki.night-mode #wiki-summary li {
border-bottom: 1px solid #a5a5a5;
}
.html.module-wiki.night-mode #editor.edition .CodeMirror {
background: #36393f;
color: #d0d0d0;
}
.html.module-wiki.night-mode .CodeMirror-selectedtext {
color: #36393f;
}
.html.module-wiki.night-mode .CodeMirror-cursor {
border-left: 1px solid #efefef;
}
.html.module-wiki.night-mode .CodeMirror .CodeMirror-code .cm-comment {
background: #2f3136;
color: #e8e8e8;
}
.html.module-wiki.night-mode .editor-preview-side,
.html.module-wiki.night-mode .editor-preview-active {
background-color: #36393f;
border: none;
border-left: 1px solid #ddd;
}
.html.module-wiki.night-mode .wiki-page-content a,
.html.module-wiki.night-mode .CodeMirror .CodeMirror-code .cm-link {
color: #a18fff;
}
.html.module-wiki.night-mode .wiki-page-content pre code {
color: #ffd969;
}
.html.module-wiki.night-mode .editor-preview-side pre,
.html.module-wiki.night-mode .editor-preview-active pre {
background: #2f3136;
}
.html.module-wiki.night-mode .editor-toolbar {
opacity: 1;
}
.html.module-wiki.night-mode .editor-toolbar.fullscreen:before,
.html.module-wiki.night-mode .editor-toolbar.fullscreen:after {
width: 0;
height: 0;
}
.html.module-wiki.night-mode .editor-toolbar.disabled-for-preview a:not(.no-disable),
.html.module-wiki.night-mode .editor-toolbar.disabled-for-preview,
.html.module-wiki.night-mode .editor-toolbar,
.html.module-wiki.night-mode .editor-toolbar.fullscreen {
background: #36393f;
}
.html.module-wiki.night-mode .editor-toolbar a,
.html.module-wiki.night-mode .editor-toolbar.disabled-for-preview a {
color: #d0d0d0!important;
}
.html.module-wiki.night-mode .editor-toolbar a.active,
.html.module-wiki.night-mode .editor-toolbar a:hover {
background: #2f3136;
border-color: #d0d0d0;
}
.html.module-wiki.night-mode input,
.html.module-wiki.night-mode textarea,
.html.module-wiki.night-mode *[contenteditable] {
color: #d0d0d0;
caret-color: #d0d0d0;
}
.html.module-wiki.night-mode hr {
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
/* FIN NIGHT MODE */
#drag-overlay,
#preloader-upload-container {
position: fixed; /* Sit on top of the page content */
display: none; /* Hidden by default */
width: 100%; /* Full width (cover the whole page) */
height: 100%; /* Full height (cover the whole page) */
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.7); /* Black background with opacity */
z-index: 10000; /* Specify a stack order in case you're using a different order for other elements */
cursor: pointer; /* Add a pointer on hover */
}
#overlay-text,
#preloader-upload-text {
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
color: white;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
z-index: 10000;
}
#overlay-icon {
position: absolute;
top: 52%;
left: 49%;
font-size: 60px;
font-weight: lighter;
color: #F7D007;
transform: translate(-49%,-52%);
-ms-transform: translate(-49%,-52%);
z-index: 10000;
animation: floating 1.5s ease-in-out infinite;
}
@keyframes floating {
from {transform: translate(0, 0px); }
50% {transform: translate(0, 15px); }
to {transform: translate(0, -0px); }
}