Quick fix to HQ CSS. WIP work on dark schema and PHP templates
This commit is contained in:
parent
7db14cfb83
commit
f5dfa420c4
|
@ -5,8 +5,16 @@
|
|||
*/
|
||||
/* colors */
|
||||
:root{
|
||||
--beetroot: #50162d;
|
||||
--beetbright: var(--beetbright);
|
||||
--maindark: #50162d;
|
||||
--mainbright: #ccbdc3;
|
||||
--secondarydark: #8eb726;
|
||||
--secondarybright: #6c9504;
|
||||
--postbackground: #eeeeee;
|
||||
--inactivegrey: #b5b5b5;
|
||||
|
||||
/* --backgrounddark:
|
||||
--backgroundbright:
|
||||
*/
|
||||
}
|
||||
/* generals */
|
||||
html {
|
||||
|
@ -27,6 +35,9 @@ body {
|
|||
color: #fff;
|
||||
background-color: $link_bgcolour;
|
||||
}
|
||||
.small, small {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
/* navbar */
|
||||
|
||||
|
@ -59,8 +70,8 @@ body {
|
|||
|
||||
.section-content-info-wrapper {
|
||||
padding: 21px 10px;
|
||||
color: var(--beetroot);
|
||||
background-color: #ccbdc3;
|
||||
color: var(--maindark);
|
||||
background-color: var(--mainbright);
|
||||
border-bottom: 3px solid rgb(255,255,255);
|
||||
text-align: center;
|
||||
border-radius: $radius;
|
||||
|
@ -121,6 +132,7 @@ body {
|
|||
border-radius: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
height: 4rem;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
#avatar {
|
||||
|
@ -135,6 +147,9 @@ body {
|
|||
border-radius: 50%;
|
||||
box-shadow: none;
|
||||
}
|
||||
.channel-photo-wrapper img {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.vcard {
|
||||
margin-bottom: 10px;
|
||||
|
@ -155,12 +170,12 @@ body {
|
|||
}
|
||||
|
||||
.ivoted {
|
||||
color: #8EB726;
|
||||
color: var(--secondarydark);
|
||||
/* color: $future_variable_2;*/
|
||||
}
|
||||
|
||||
.item-highlight {
|
||||
border-left: 0.2rem solid #8EB726;
|
||||
border-left: 0.2rem solid var(--secondarydark);
|
||||
}
|
||||
|
||||
#jot-title,
|
||||
|
@ -214,10 +229,11 @@ body {
|
|||
.badge {
|
||||
font-size: 100%;
|
||||
padding: .6em;
|
||||
margin-top: .5em;
|
||||
color: #ffffff;
|
||||
}
|
||||
.badge-warning {
|
||||
background-color: #8eb726;
|
||||
background-color: var(--secondarydark);
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
|
@ -241,8 +257,8 @@ line-height: 1.5;
|
|||
|
||||
.btn-primary, .btn-success {
|
||||
color: #fff;
|
||||
background-color: #8eb726;
|
||||
border-color: #8eb726;
|
||||
background-color: var(--secondarydark);
|
||||
border-color: var(--secondarydark);
|
||||
}
|
||||
|
||||
.btn-primary:hover, .btn-success:hover {
|
||||
|
@ -253,16 +269,16 @@ line-height: 1.5;
|
|||
|
||||
.btn-primary.disabled, .btn-primary:disabled {
|
||||
color: #fff;
|
||||
background-color: #8eb726;
|
||||
border-color: #8eb726;
|
||||
background-color: var(--secondarydark);
|
||||
border-color: var(--secondarydark);
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
color: #8eb726;
|
||||
border-color: #8eb726;
|
||||
color: var(--secondarydark);
|
||||
border-color: var(--secondarydark);
|
||||
}
|
||||
.btn-outline-secondary {
|
||||
color: #b5b5b5;
|
||||
color: var(--inactivegrey);
|
||||
border-color: unset;
|
||||
border: 0px;
|
||||
}
|
||||
|
@ -274,17 +290,17 @@ line-height: 1.5;
|
|||
}
|
||||
|
||||
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
|
||||
color: #8eb726;
|
||||
color: var(--secondarydark);
|
||||
}
|
||||
|
||||
.btn-outline-secondary:hover {
|
||||
color: var(--beetroot);
|
||||
color: var(--maindark);
|
||||
border-color: unset;
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
.show>.btn-outline-secondary.dropdown-toggle {
|
||||
color: var(--beetroot);
|
||||
color: var(--maindark);
|
||||
background-color: unset;
|
||||
border: 0px;
|
||||
}
|
||||
|
@ -301,7 +317,7 @@ line-height: 1.5;
|
|||
|
||||
.dropdown-item.active {
|
||||
color: #fff;
|
||||
background-color: var(--beetroot);
|
||||
background-color: var(--maindark);
|
||||
}
|
||||
|
||||
.dropdown-item:active,
|
||||
|
@ -311,7 +327,7 @@ line-height: 1.5;
|
|||
.textcomplete-item:hover .dropdown-item,
|
||||
.textcomplete-item.active .dropdown-item,
|
||||
.textcomplete-item:active .dropdown-item {
|
||||
color: var(--beetroot);
|
||||
color: var(--maindark);
|
||||
background-color: unset;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
@ -442,3 +458,33 @@ img.smiley {
|
|||
border-radius: $radius;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
/* HQ */
|
||||
#left_aside_wrapper .nav-link.active {
|
||||
font-size: large;
|
||||
color: var(--maindark);
|
||||
background-color: unset;
|
||||
border: unset;
|
||||
}
|
||||
#left_aside_wrapper .nav-link {
|
||||
color: var(--inactivegrey);
|
||||
}
|
||||
#left_aside_wrapper .nav-link:hover {
|
||||
/*background-color: var(--maindark);*/
|
||||
color: var(--maindark);
|
||||
/*border-color: var(--maindark);*/
|
||||
border-radius: unset;
|
||||
border: unset;
|
||||
}
|
||||
.list-group-item.active {
|
||||
background-color: var(--secondarydark);
|
||||
border-color: var(--secondarydark);
|
||||
}
|
||||
.border {
|
||||
border: unset;
|
||||
}
|
||||
.list-group {
|
||||
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
root {
|
||||
--beetroot: #ccbdc3:
|
||||
$bgcolour: #000000;
|
||||
}
|
|
@ -0,0 +1,18 @@
|
|||
<?php
|
||||
|
||||
if (! $radius)
|
||||
$radius = '0.1rem';
|
||||
if (! $shadow)
|
||||
$shadow = '0.2rem';
|
||||
if (! $bgcolour)
|
||||
$bgcolour = '#ffffff';
|
||||
if (! $font_colour)
|
||||
$font_colour = '#a9a9a9';
|
||||
if (! $nav_bg)
|
||||
$nav_bg = '#ffffff';
|
||||
if (! $item_colour)
|
||||
$item_colour = 'var(--beetroot)';
|
||||
if (! $comment_item_colour)
|
||||
$comment_item_colour = '#ffffff';
|
||||
if (! $link_bgcolour)
|
||||
$link_bgcolour = 'rgb(30,30,30)';
|
|
@ -1,6 +0,0 @@
|
|||
<?php
|
||||
|
||||
if (! $radius)
|
||||
$radius = '0.1rem';
|
||||
if (! $shadow)
|
||||
$shadow = '0.2rem';
|
Reference in New Issue