152 lines
3.7 KiB
CSS
152 lines
3.7 KiB
CSS
/*
|
|
===============================================================================================================================
|
|
Put your custom CSS in this file.
|
|
===============================================================================================================================
|
|
*/
|
|
|
|
/* sidebar big lower portion */
|
|
#sidebar {
|
|
/*background-color: #262c31;*/
|
|
/*background-color: #131114;*/
|
|
/*background-color: #34233a;*/
|
|
/*background-color: #2e2333;*/
|
|
background-color: #47314f;
|
|
}
|
|
|
|
/* sidebar top portion */
|
|
#sidebar #header {
|
|
/*background-color: #111314;*/
|
|
/*background-color: #1e1321;*/
|
|
/*background-color: #111111;*/
|
|
background-color: #9c5ea2;
|
|
}
|
|
|
|
/* search box in sidebar */
|
|
#sidebar #header .searchbox {
|
|
/*background: #262c31;*/
|
|
background: #222222;
|
|
/*border-color: #530e64;*/
|
|
border-color: #2e2333;
|
|
border-radius: 0px;
|
|
border-width: 2px;
|
|
}
|
|
|
|
/* magnifying glass in search box */
|
|
#sidebar #header .searchbox label {
|
|
color: rgba(200, 200, 200, 0.8);
|
|
}
|
|
|
|
/* search box entered text */
|
|
#sidebar #header .searchbox input {
|
|
color: #fff;
|
|
}
|
|
|
|
/* search box placeholder text */
|
|
#sidebar #header .searchbox input::placeholder {
|
|
color: rgba(200, 200, 200, 0.8);
|
|
opacity: 1; /* something firefox fix */
|
|
}
|
|
|
|
/* full content */
|
|
body {
|
|
background: #111111;
|
|
color: #dddddd;
|
|
}
|
|
|
|
/* code blocks */
|
|
pre {
|
|
background: #222222;
|
|
border: 1px solid #555555;
|
|
}
|
|
pre code {
|
|
/*color: #b51c42;*/
|
|
color: #c897d8;
|
|
/* this padding fixes indent on first line for codeblocks */
|
|
padding: 0;
|
|
}
|
|
pre .copy-to-clipboard {
|
|
background-color: #111111;
|
|
/*
|
|
to revert the fix for "copy" button
|
|
margin-top: 0;
|
|
*/
|
|
}
|
|
pre .copy-to-clipboard:hover {
|
|
background-color: #333333;
|
|
}
|
|
|
|
/* inline code */
|
|
code {
|
|
/*color: #b51c42;*/
|
|
color: #c897d8;
|
|
background: #222222;
|
|
}
|
|
.copy-to-clipboard {
|
|
background-color: #111111;
|
|
background-image: url(../images/clippy-white.svg);
|
|
/*
|
|
makes "copy" button fit slightly better imo
|
|
FIXME this breaks chromium
|
|
margin-top: .2rem;
|
|
*/
|
|
}
|
|
.copy-to-clipboard:hover {
|
|
background-color: #333333;
|
|
}
|
|
|
|
/* Sidebar topics */
|
|
#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active {
|
|
/*background: #322535;*/
|
|
/*background: #241e26;*/
|
|
/*background: #252226;*/
|
|
background: #312037;
|
|
}
|
|
|
|
/* Sidebar currently selected main topic */
|
|
#sidebar ul li.active > a {
|
|
background: #111111;
|
|
color: #dddddd !important;
|
|
}
|
|
|
|
/* HACK hide checkmark icons */
|
|
.fa.fa-check.read-icon {
|
|
visibility: hidden;
|
|
}
|
|
|
|
/* outline around search bar when clicked */
|
|
textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple="multiple"]:focus {
|
|
/*box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(164, 124, 178, 0.7);*/
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Blockquote */
|
|
blockquote {
|
|
border-left: 10px solid #9C5EA2;
|
|
}
|
|
|
|
/* Hides the sub-menu item if parent not active */
|
|
.dd-item .dd-item ul li {
|
|
display: none;
|
|
}
|
|
|
|
.dd-item .dd-item.active ul li,
|
|
.dd-item.parent > ul > li {
|
|
display: block;
|
|
}
|
|
|
|
/* Hides the sub-sub-menu menu-item if parent not active */
|
|
.dd-item.parent > ul > li.dd-item.active > ul > li > ul > li {
|
|
display: none;
|
|
}
|
|
|
|
.dd-item.parent > ul > li.dd-item.active > ul > li {
|
|
display: block;
|
|
}
|
|
|
|
/* hide scrollbar from jquery.scrollbar. Firefox already adds one anyways */
|
|
.scroll-element.scroll-y {
|
|
display: none !important;
|
|
}
|
|
|
|
.scrollbar-dynamic { height: 100%; overflow: auto; }
|