Page 1 of 1

Ableton Forum Theme - Nightskin 2

Posted: Thu Feb 14, 2019 7:08 pm
by Angstrom
Instructions to follow

Code: Select all

/*---------------------
    Author: Angstrom
    Skin:  Ableton Forum Nightskin 2 (Electric Booglaoo)
    version : 2.001
----------------------*/
body {
    font-size: 14px;
    background-color: #3E3E3E;
    color: #8A7667;
}
.post:target .content {
    color: #C6BCB5;
}
.wrap {
    max-width: 1200px;
}
.headerbar,
.navbar,
.panel,
.bg1,
.bg2 {
    background-color: transparent;
}
/**** LINKS ****/
a:link,
a.postlink,
a.postlink:focus {
    color: #E98989;
    text-decoration: none;
}
a:visited,
a.postlink:visited {
    color: #a46363
}
a:hover,
a.postlink:hover,
a:visited:hover {
    color: #C84529;
}

/**** NAV ****/
.forabg .header a:hover,
.forumbg .header a:hover,
th a:hover {
    color: #C84529;
}
ul.navlinks {
    border-color: transparent;
}
.action-bar {
    font-size: 14px;
}
.pagination li.active span {
    background-color: #7f7f80;
}
.pagination a.button,
.pagination li.active span,
.action-bar .button,
.search-header .button-search,
.search-header .button-search-end {
    font-size: 16px;
    padding: 5px 10px;
}
.action-bar .pagination .button:hover,
.action-bar .pagination .button:focus {
    color: #ffffff !important;
    background-color: #a46363 !important;
}
.inputbox,
.search-box .inputbox {
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
    height: 35px;

    transition: 0.3s all;
    border: none;
}
.search-box .inputbox:focus,
.search-box .inputbox:hover {
    width: 250px
}
/*** QUICK MENU ***/
.dropdown .dropdown-contents {
    background: #262626;
    border-color: #2F2F2F;
}
.dropdown li,
.dropdown li li,
.dropdown li.separator {
    border-color: #2F2F2F;
}
.dropdown-contents a:focus,
.dropdown-contents a:hover {
    background-color: #12100C;
}
.dropdown .pointer-inner {
    border-color: #2F2F2F transparent;
}
/*** POST AND CONTENT ****/
.post {
    background: transparent;
    border-bottom: #2c2c2c solid 2px;
    padding: 20px 0;
}

.post .postprofile {
    border: transparent;
    padding: 20px 0;
}
.post h3 a {
    font-weight: 500;
}
.content,
.content h2,
.notification_list p.notification-time,
.panel,
.panel h2,
body,
h3,
html,
label,
table.table1 thead th,
ul.topiclist li {
    color: #bba595;
}
.topic-title {
    font-weight: 800;
}

ul.forums,
ul.topics,
li.row {
    background-color: transparent;
    border-bottom: #2c2c2c solid 2px;
}

ul.topiclist li.row dl {
    margin: 5px 0;
}

/*** SUBMISSION FORM ***/
.inputbox:focus,
.inputbox:hover {
    border: none;
}
fieldset dl:hover dt label {
    color: inherit;
}
#message,
input#subject {
    background: rgb(29, 29, 29);
    color: #b4b4b4;
    padding: 10px 20px;
    line-height:inherit;
}

/*** listing pages ***/
.row .pagination li a,
.row .pagination li span {
    border-radius: 2px;
    padding: 1px 6px;
    font-size: 15px;
}
.row-item.row-item a {
    font-weight: bold;
}
ul.topiclist .header {
    border-bottom: #2c2c2c solid 2px;
}

/*** BUTTONS ***/
.button,
a.button1,
a.button2,
input.button1,
input.button2,
input.button3 {
    background-color: #7f7f80 !important;
    color: #fff !important;
    padding: 5px 10px;
}

.button:focus,
.button:hover,
a.button1:focus,
a.button1:hover,
a.button2:focus,
a.button2:hover,
input.button1:focus,
input.button1:hover,
input.button2:focus,
input.button2:hover,
input.button3:focus,
input.button3:hover {
    background-color: #784242 !important;
    border-color: transparent !important;
}

.inputbox:focus,
.inputbox:hover {
    border-color: #c6c6c6;
}
.tabs .tab > a:hover,
.minitabs .tab > a:hover,
.tabs .tab > a:focus,
.minitabs .tab > a:focus {
    background-color: #784242 !important;
    color: #ffffff;
}
.tabs .activetab > a,
.tabs .activetab > a:hover,
.tabs .activetab > a:focus {
    background-color: #292929;
}

/* hiding some extrantous page elements*/
.responsive-center.time,
.mark-read.rightside {
    display: none
}

Previews
Image

Image

Image

Re: Ableton Forum Theme - Nightskin 2

Posted: Thu Feb 14, 2019 11:02 pm
by fishmonkey
thanks! my only feedback is that when viewing a thread, the post datestamps are nearly invisible...

Re: Ableton Forum Theme - Nightskin 2

Posted: Fri Feb 15, 2019 12:35 pm
by Angstrom
fishmonkey wrote:
Thu Feb 14, 2019 11:02 pm
thanks! my only feedback is that when viewing a thread, the post datestamps are nearly invisible...
Yeah, I'll do some tweaking over the weekend. There are a few areas which could be improved on it.