www/public_html/lib/tpl/e/css/modifications.css

902 lines
14 KiB
CSS

body {
padding-top: 46px;
padding-bottom: 40px;
}
body, .meltdown_preview {
background-color: #303030;
color: #a0a0a0;
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 1.5;
}
.meltdown_wrap.fullscreen {
padding-top: 52px;
}
.meltdown_control-sidebyside {
display: none;
}
.col-md-11 {
width: 100%;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: "Open Sans", sans-serif;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.page h1,
.page h2,
.page h3,
.page h4,
.page h5 {
padding-top: 72px;
margin-top: -52px;
}
.page {
padding: 15px 0;
}
.bs-sidenav {
margin-top: 30px;
margin-bottom: 30px;
padding-top: 10px;
padding-bottom: 10px;
text-shadow: none;
background-color: #202020;
border-radius: 4px;
}
#dokuwiki__aside h4 {
margin-bottom: 0;
padding-left: 10px;
}
#dokuwiki__aside ul {
list-style: none;
padding-left: 0;
margin-bottom: 10px;
}
#dokuwiki__aside ul ul {
padding-left: 20px;
}
#dokuwiki__aside .nav li a {
display: block;
padding: 5px 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#dokuwiki__aside .nav li a:hover,
#dokuwiki__aside .nav li a:focus {
border-bottom: none;
background-color: #101010;
border-right: 1px solid #505050;
}
#dokuwiki__aside .nav > .active > a,
#dokuwiki__aside .nav > .active:hover > a,
#dokuwiki__aside .nav > .active:focus > a {
font-weight: bold;
background-color: transparent;
border-right: 1px;
}
.bs-sidebar .nav .nav {
display: none;
}
.bs-sidebar .nav .nav > li > a {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 30px;
}
.bs-sidebar .nav > .active > ul {
display: block;
}
.nav li.close {
float: none;
font-size: inherit;
font-weight: normal;
color: inherit;
text-shadow: inherit;
opacity: 1;
filter: none;
}
.nav li.close > .li > a::before {
content: "→";
}
.nav li.open > .li > a::before, .nav li.open > .li > .curid > a::before {
content: "↓";
}
.nav li a::before {
content: "";
position: relative;
left: -7pt;
float: left;
width: 0;
}
.nav .curid {
font-weight: bold;
}
@media (min-width: 768px) and (max-width: 993px) {
.bs-sidebar {
margin-top: 50px;
}
}
@media screen and (max-width: 768px) {
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #202020;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
color: #ffffff;
background-color: #202020;
}
}
#dokuwiki__aside {
float: right;
position: relative;
background-color: #202020;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border-left: 15px solid #303030;
border-bottom: 15px solid #303030;
width: 280px;
line-height: 1;
font-size: 90%;
}
@media screen and (max-width: 768px) {
#dokuwiki__aside {
width: 100%;
margin: 15px 0;
padding: 0 10px;
float: none;
border: none;
}
.page {
padding: 0;
}
}
@media (min-width: 1700px) {
#dokuwiki__aside {
position: fixed;
top: 50px;
right: 0;
bottom: -15px;
overflow-y: scroll;
height: auto !important;
visibility: inherit !important;
}
}
@media screen and (max-width: 768px) {
table.columns-plugin {
border: none;
}
table.columns-plugin, table.columns-plugin tbody,
table.columns-plugin tr, table.columns-plugin td {
display: block;
width: 100% !important;
}
}
@media (min-width: 768px) and (max-width: 993px) {
.page {
padding: 60px 0;
}
}
.text-right {
text-align: right;
}
.navbar-header {
width: 40px;
height: 40px;
background: url("/lib/tpl/e/images/logo.svg");
margin-top: 6px;
}
.navbar-inverse {
border: 0px;
background-color: #202020;
}
.nav li a {
padding-left: 6px;
padding-right: 6px;
text-shadow: none;
border-bottom: none;
}
.nav > li > a:hover,
.nav > li > a:focus {
color: #ffffff;
}
.navbar-collapse {
border-top: 0px none transparent;
box-shadow: inset 0 0px 0 transparent;
}
.caret {
margin-left: 8px;
}
.dropdown-menu {
border: 0px solid transparent;
-webkit-box-shadow: 0 0px 0px transparent;
box-shadow: 0 0px 0px transparent;
}
.navbar-nav > li > .dropdown-menu {
background-color: #202020;
color: #bbbbbb;
}
.dropdown-menu > li > a {
color: #bbbbbb;
text-shadow: none;
border-bottom: none;
border-bottom-color: #333;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
background-color: #202020;
color: #ffffff;
border-bottom: none;
border-bottom-color: #202020;
}
.dropdown-menu .divider {
background-color: #282828;
margin-top: 16px;
margin-bottom: 16px;
}
.btn-default {
border: 0px;
background-color: #a0a0a0;
padding: 8px;
margin: 0px;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
border: 0px;
background-color: #ffffff;
padding: 8px;
margin: 0px;
}
hr {
border-color: #404040;
}
.page h1, .page h1:hover,
.page h2, .page h2:hover,
.page h3, .page h3:hover,
.page h4, .page h4:hover,
.page h5, .page h5:hover {
color: #ffffff;
}
a {
color: #44aaff;
border-bottom: 1px solid #44aaff;
text-decoration: none;
}
a:visited {
border-bottom: none;
border-bottom-color: #00468c;
}
a:hover, a:focus {
color: #ffffff;
border-bottom-color: #ffffff;
text-decoration: none;
}
a.media, a.navbar-brand {
border-bottom: none;
}
.navbar>.container a.navbar-brand {
margin-left: 0;
width: 40px;
height: 40px;
}
abbr[title],
abbr[data-original-title] {
border-bottom: 1px solid #404040;
}
img.medialeft {
margin-right: 40px;
margin-top: 20px;
margin-bottom: 20px;
}
img.mediacenter {
margin-top: 20px;
margin-bottom: 20px;
}
img.mediaright {
margin-left: 40px;
margin-top: 20px;
margin-bottom: 20px;
}
table {
border: #404040 1px solid;
}
th {
color: #ffffff;
background-color: #404040;
border: #484848 1px solid;
padding: 4px;
}
td {
border: #404040 1px solid;
padding: 4px;
}
.text-right {
font-size: 9px;
color: #606060;
}
pre {
color: #bbbbbb;
background-color: #202020;
border: 0px;
}
code {
color: #bbbbbb;
background-color: #202020;
}
.code .co0 {
color: #998899;
}
.code .co4 {
color: #ff7799;
}
.code .nu0 {
color: #aa9922;
}
.code .br0,
.code .sy0 {
color: #aa66aa;
}
.code .kw1,
.code .kw8 {
color: #aa5533;
}
.code .kw3,
.code .kw7,
.code .sy2 {
color: #3399ff;
}
.code .kw2,
.code .re2 {
color: #339944;
}
.code .kw4 {
color: #4488cc;
}
.code .kw5 {
color: #ffffff;
}
.code .kw6 {
color: #ff88dd;
}
.code .kw9,
.code .kw10,
.code .kw11,
.code .kw12 {
color: #aaccff;
}
.code .kw13,
.code .kw14,
.code .kw15,
.code .kw16,
.code .me1,
.code .me2 {
color: #66aa66;
}
.code .es0 {
color: #dd9933;
}
.code .es6 {
color: #66bb88;
}
.code .es5 {
color: #5599cc;
}
.code .es1,
.code .esHARD {
color: #dd7711;
}
.code .es2,
.code .es3,
.code .es4 {
color: #9944cc;
}
.code .re1,
.code .st0,
.code .st_h {
color: #ff8877;
}
.code .sy1,
.code .co2 {
color: #66ff55;
}
.code .sy4,
.code .co3 {
color: #00aaaa;
}
.code .co1,
.code .coMULTI,
.code .sc-1 {
color: #3355bb;
}
.code .sy3 {
color: #445599;
}
.code .sc-2 {
color: #666666;
}
.code .re5 {
color: #aa6699;
}
.code .re4 {
color: #00cccc;
}
.code .re3 {
color: #ff9988;
}
.code .re0 {
color: #5566ff;
}
.code .me0 {
color: #448844;
}
legend {
color: #ffffff;
border-bottom: 1px #666666 solid;
}
blockquote {
padding: 10px;
border-left: 4px solid #404040;
}
blockquote p {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.search_results {
background-color: #202020;
padding: 20px;
border-radius: 4px;
}
dt {
padding-top: 10px;
border-bottom: 0px;
color: #808080;
}
dd {
color: #505050;
}
.dd {
color: #606060;
margin-left: 40px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #202020;
border-radius: 4px;
padding: 6px;
}
button,
html
input[type="button"],
input[type="reset"],
input[type="submit"] {
color: #888888;
background-color: #202020;
border: 0px;
margin: 2px;
border-radius: 4px;
padding: 6px;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #ffffff;
background-color: #606060;
border: 0px;
margin: 2px;
border-radius: 4px;
padding: 6px;
}
textarea, input {
color: #888888;
background-color: #202020;
border: 0px;
margin: 2px;
border-radius: 4px;
padding: 6px;
}
textarea {
font-family: "Source Code Pro", mono;
}
/* live preview tweaks for markdown */
.meltdown_wrap.fullscreen {
padding-top: 52px;
}
.meltdown_control-sidebyside {
display: none;
}
.dw__editform textarea {
height: 250px;
}
#config__manager tr .input,
#config__manager tr input,
#config__manager tr textarea,
#config__manager tr select {
color: #888888;
background-color: #202020;
border: 0px;
margin: 2px;
border-radius: 4px;
padding: 6px;
}
#config__manager tr.default .input,
#config__manager tr.default input,
#config__manager tr.default textarea,
#config__manager tr.default select,
#config__manager .selectiondefault {
color: #aabbcc;
background-color: #405060;
border: 0px;
margin: 2px;
border-radius: 4px;
padding: 6px;
}
.panel {
background-color: #202020;
border: 0px;
margin: 2px;
border-radius: 4px;
padding: 6px;
}
.navbar-toggle,
.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus {
float: right;
position: fixed;
top: 10px;
right: 10px;
border: 0px;
margin: 2px;
padding: 6px;
border-radius: 4px;
}
.navbar-collapse {
max-height: 600px;
}
.navbar-form {
border: 0px;
box-shadow: none;
}
div .comment_head {
color: #aaaaaa;
background-color: #101010;
border-radius: 4px;
padding: 6px;
}
div .comment_body {
background-color: #282828;
border-radius: 4px;
padding: 6px;
}
div .comment_buttons {
display: inline-block;
width: 100%;
padding-bottom: 20px;
}
.comment_buttons * {
display: inline-block;
}
.pull-right {
float: initial !important;
}
input#qsearch__in {
background-color: #101010;
color: #888888;
margin: 0px 10px 0px 10px;
padding: 6px 6px 9px 6px;
}
.noteclassic,
.noteimportant,
.notetip,
.notewarning {
color: #ffffff;
background-color: #181818;
width: 90% !important;
border: 0px;
margin: 10px auto;
border-radius: 4px;
padding: 25px 25px 25px 80px;
}
.noteclassic {
background-color: #181818;
background-image: url("/_media/note-classic.svg");
}
.noteimportant {
background-color: #221a00;
background-image: url("/_media/note-important.svg");
}
.notetip {
background-color: #082204;
background-image: url("/_media/note-tip.svg");
}
.notewarning {
background-color: #220404;
background-image: url("/_media/note-warning.svg");
}
table {
margin-top: 10px;
margin-bottom: 10px;
}
.news_date {
font-size: 10px !important;
font-style: ;
color: #808080;
}
.news_subtitle {
font-size: 16px !important;
font-style: italic;
color: #aaaaaa;
}
.news_preview {
font-size: 14px !important;
font-style: normal;
line-height: 1.5 !important;
color: #888888;
margin: 0;
padding: 0;
}
.anss_del_img {
border: 0;
border-radius: 4px;
background-color: #202020;
background-image: url("/lib/tpl/e/images/delete.png");
background-repeat: no-repeat;
background-position: center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
width: 24px;
height: 24px;
float: none;
}
.anss_del_img:hover {
border: 0;
border-radius: 4px;
background-color: #606060;
background-image: url("/lib/tpl/e/images/delete_hov.png") !important;
background-repeat: no-repeat;
background-position: center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-none: 0px;
width: 24px;
height: 24px;
float: none;
}
.anss_edit_img {
border: 0;
border-radius: 4px;
background-color: #202020;
background-image: url("/lib/tpl/e/images/edit.png");
background-repeat: no-repeat;
background-position: center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-none: 0px;
width: 24px;
height: 24px;
float: none;
}
.anss_edit_img:hover {
border: 0;
border-radius: 4px;
background-color: #606060;
background-image:url("/lib/tpl/e/images/edit_hov.png") !important;
background-repeat: no-repeat;
background-position: center;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-none: 0px;
width: 24px;
height: 24px;
float: none;
}
.news_form_div {
border: 0px;
background: transparent;
width: 100%;
padding: 0px;
border-radius: 0px;
box-shadow: none;
}
table.columns-plugin {
border: none;
}
table.columns-plugin td {
vertical-align: top;
border: none;
padding: 15px;
}
#ircbubble {
background-color: #181818;
border-radius: 10px;
padding: 10px;
right: 10px;
bottom: 90px;
position: fixed;
z-index: 9998;
transform-origin: bottom;
transform: scale(1);
}
#ircbutton {
background-color: #181818;
right: 10px;
bottom: 10px;
position: fixed;
z-index: 9997;
transform-origin: bottom;
transform: scale(1);
border-radius: 30px;
width: 120px;
height: 60px;
}
@media screen and (max-width: 768px) {
/* If we are trying to launch kiwi-irc on mobile use the whole window... */
#ircbubble {
top: 46px;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: auto;
z-index: 100;
}
#ircbubble iframe {
width: 100% !important;
height: 100% !important;
}
#ircbutton {
top: -20px;
bottom: auto;
right: 40px;
transform: scale(0.5);
}
}