@UncleSam Yep @pichalite is right.. Its lavender with a few html side widgets.
These are the only css changes I have so far :
Changed font by doing this :
@import url(http://fonts.googleapis.com/css?family=Oswald:300,400);
body {
font-family: "Oswald", sans-serif !important;
}
Changed some colors :
a {
color:#346634;
}
a:hover {
color:#234423;
}
.category-box {
background: #f2f2f2;
}
.panel-default {
border-top-color: #6bb85c;
}
.btn-primary {
color: white;
background-color: #346634;
border-color: #234423;
}
.btn-primary:hover {
color: white;
background-color: #234423;
border-color: #234423;
}
.btn-default {
color: #346634;
background-color: white;
border-color: #234423;
}
.btn-default:hover {
color: #346634;
background-color: white;
border-color: #234423;
}
.open>.dropdown-toggle.btn-default {
color: #346634;
background-color: white;
border-color: #234423;
}
.topic .posts>li .topic-title {
color:#346634;
}
.btn-info {
color: white;
background-color: #6bb85c;
border-color: #234423;
}
.btn-info:hover {
color: white;
background-color: #6bb85c;
border-color: #234423;
}
.open>.dropdown-toggle.btn-info {
color: white;
background-color: #6bb85c;
border-color: #234423;
}
.topic .post-bar {
border-left: 2px solid #6bb85c;
}
.tag-topic-count {
border: solid 1px #6bb85c;
background-color: #6bb85c;
}
Changed upvote/downvote to be weed leafs rather than chevron :
.upvote {
background-image: url("http://420.vawta.com/wp-content/uploads/2016/06/2000px-Cannabis_leaf.svg_.png");
background-size: 20px;
}
.fa-chevron-up {
display:none;
}
.downvote {
background-image: url("http://420.vawta.com/wp-content/uploads/2016/06/red-leaf-md.png");
background-size: 20px;
}
.fa-chevron-down {
display:none;
}
Added Custom Background to display on desktop only:
@media only screen and (min-width: 768px) {
body {
background: url("http://www.all-sweets.com/images/white-gradient-5-1920x1080.jpg");
background-size: cover;
background-attachment: fixed;
}
}
Made is so recent post/comments doesn't display on mobile on home page:
@media only screen and (max-width: 950px) {
.category-item .post-preview:last-child {
border-bottom: none;
display: none;
}
}
(This last change makes it look really clean on mobile so it is not so messy)
