This is the old version of my userstyle, Material Userstyles. This version is now under the Public Domain. Some amount of work is required to get it working.

material-userstyles-old.css

@namespace url(http://www.w3.org/1999/xhtml);
/* Material Userstyles v1.0 by DecentM */
@-moz-document regexp("https?\:\/\/forum.userstyles.org.*") {
  
#advanced-search,
#advanced-search *,
#related,
#related li:not(.more),
#show-advanced-search,
#style-info,
#style-settings select,
#style-settings select *,
a:not(.obsolete) {
    color: #727272!important
}

#lightbox,
#main-header a {
    z-index: 6!important
}

#discussions-area h3,
.obsolete {
    font-style: italic!important
}

#main-header,
.install-status,
.lb-dataContainer *,
footer {
    text-align: center!important
}

@-webkit-keyframes slideTopDown {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(0, -50px);
                transform: translate(0, -50px)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
    }
}

@keyframes slideTopDown {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate(0, -50px);
                transform: translate(0, -50px)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
    }
}

@-webkit-keyframes pop {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(.7, .7);
                transform: scale(.7, .7)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1)
    }
}

@keyframes pop {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: scale(.7, .7);
                transform: scale(.7, .7)
    }
    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1)
    }
}

#Body>*,
#Content>*,
#Head,
#Head>*,
#Panel>*,
#left-sidebar>*,
#lightbox *,
#main-article,
#main-article>*,
#main-header,
#main-header *,
footer {
    -webkit-animation-name: slideTopDown!important;
            animation-name: slideTopDown!important;
    -webkit-animation-duration: 1s!important;
            animation-duration: 1s!important;
    -webkit-animation-iteration-count: 1!important;
            animation-iteration-count: 1!important;
    -webkit-animation-timing-function: ease!important;
            animation-timing-function: ease!important
}

:not(#lightboxOverlay):not(.lightbox) {
    text-decoration: none!important;
    outline: 0!important;
    border: none;
    border-radius: 5px;
    list-style-type: none!important;
    -webkit-transition: all .3s!important;
            transition: all .3s!important;
    font-family: Arial!important
}

#main-article ul li:not(#edit-style-settings),
#related li:not(.more),
nav ul li:not(#sidebar-search) {
    border-bottom: 1px #E0E0E0 solid!important
}

#advanced-search *,
#main-header,
#related li:not(.more),
.lb-outerContainer,
select,
select:focus>option {
    border-radius: 0!important
}

#content-wrapper {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
            align-self: center!important;
    margin-left: 25px!important
}

#left-sidebar *,
body {
    background: #f5f5f5
}

a:not(.obsolete) {
    text-shadow: 0 0 1px rgba(0, 0, 0, 0/*[[linkshadowopacity]]*/)!important;
    background: 0 0!important
}

#related li:active,
nav ul li:not(#sidebar-search):active,
nav ul li:not(#sidebar-search):not(li) {
    background: #E0E0E0!important
}

a:hover {
    text-shadow: none!important;
    color: /*[[themecolorlight]]*/!important
}

nav ul {
    -webkit-transform: translate(-10px, 0)!important;
        -ms-transform: translate(-10px, 0)!important;
            transform: translate(-10px, 0)!important
}

#left-sidebar {
    width: 15pc!important;
    padding: 0!important;
    margin-left: -106%!important
}

nav ul li:not(#sidebar-search) {
    display: inline-table!important;
    width: 100%!important;
    color: /*[[themecolorlight]]*/!important;
    margin: 0!important;
    font-size: 17px!important;
    border-radius: 0!important;
    height: 20px!important;
    padding: 10px!important
}

#left-sidebar>:not(.ad) {
    box-shadow: 0 0 11px rgba(0, 0, 0, .4)!important;
    margin-bottom: 20px!important;
    padding: 10px!important;
    margin-left: 0!important
}

#left-sidebar>:not(.ad):hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, .4)!important;
    -webkit-transform: scale(1.013, 1.013)!important;
        -ms-transform: scale(1.013, 1.013)!important;
            transform: scale(1.013, 1.013)!important
}

#left-sidebar>:not(.ad):active {
    box-shadow: 0 0 15px rgba(0, 0, 0, .4)!important;
    -webkit-transform: scale(1.003, 1.003)!important;
        -ms-transform: scale(1.003, 1.003)!important;
            transform: scale(1.003, 1.003)!important
}

#sidebar-search * {
    padding-left: 5px!important;
    font-size: 17px!important;
    color: #000!important
}

#search-submit {
    display: none!important
}

#left-sidebar #search-terms {
    width: 95%;
    padding: 10px!important;
    margin-left: -1px!important;
    box-shadow: 0 0 10px rgba(0, 0, 0, .4)!important;
    color: #656565!important
}

nav:hover #search-terms {
    width: 60%!important
}

#show-advanced-search {
    -webkit-transform: translate(30px, -30px) scale(.85, .85)!important;
        -ms-transform: translate(30px, -30px) scale(.85, .85)!important;
            transform: translate(30px, -30px) scale(.85, .85)!important;
    opacity: 0;
    filter: alpha(opacity=0)
}

.advanced-search-active>#advanced-search {
    -webkit-animation-name: slideTopDown!important;
            animation-name: slideTopDown!important;
    -webkit-animation-duration: .5s!important;
            animation-duration: .5s!important;
    -webkit-animation-iteration-count: 1!important;
            animation-iteration-count: 1!important;
    -webkit-animation-timing-function: ease!important;
            animation-timing-function: ease!important
}

#left-sidebar nav:hover #show-advanced-search {
    opacity: 1!important;
    filter: alpha(opacity=100);
    -webkit-transform: translate(15px, -30px) scale(.85, .85)!important;
        -ms-transform: translate(15px, -30px) scale(.85, .85)!important;
            transform: translate(15px, -30px) scale(.85, .85)!important;
    background: 0 0!important
}

#advanced-search {
    position: absolute!important;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)!important;
    padding: 10px!important;
    width: 200px!important
}

select {
    overflow: hidden!important;
    -moz-appearance: none!important;
    text-indent: .01px!important;
    text-overflow: ''!important;
    font-weight: 700
}

select:focus>option {
    font-weight: 400
}

#related {
    display: table!important;
    width: 89%!important;
    padding: 20px!important;
    -webkit-padding: 20px!important;
    font-size: 17px!important;
    text-align: left!important
}

#main-article dt,
#main-article>h2,
#main-header a,
.Box.BoxCategories>h4,
.install-symbol {
    display: none!important
}

#related * {
    margin: 0!important
}

#related ul {
    padding: 20px!important;
    margin: -20px!important
}

#related li:not(.more) {
    white-space: normal!important;
    width: 105%!important;
    margin-left: -20px!important;
    margin-right: 10px!important;
    -webkit-transform: translate(10px, 0)!important;
        -ms-transform: translate(10px, 0)!important;
            transform: translate(10px, 0)!important;
    padding-left: 10px!important;
    padding-bottom: 11px!important;
    padding-top: 11px!important
}

#main-header,
.more {
    padding-top: 10px!important
}

:not(#main-header) {
    z-index: 0
}

#main-header h1:before {
    content: "Userstyles"!important
}

#main-header {
    background: /*[[themecolordark]]*/!important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .5)!important;
    width: 100%!important;
    right: 0!important;
    position: fixed!important;
    margin-top: -8px!important;
    color: #FFF!important;
    z-index: 5!important;
    padding-bottom: 10px!important
}

#style-info,
.install-status {
    box-shadow: 0 0 15px rgba(0, 0, 0, .4)!important
}

#content-wrapper,
#left-sidebar {
    margin-top: 75px!important
}

#main-article {
    margin-left: 200px!important;
    width: 820px!important
}

#style-info {
    padding: 15px!important
}

#style-settings {
    list-style-type: none!important;
    padding: 10px 20px!important
}

.install-status {
    background: /*[[themecolorlight]]*/!important;
    width: 87%!important
}

.install-status:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, .4)!important;
    -webkit-transform: scale(1.04, 1.04)!important;
        -ms-transform: scale(1.04, 1.04)!important;
            transform: scale(1.04, 1.04)!important
}

.install-status:active {
    box-shadow: 0 0 17px rgba(0, 0, 0, .4)!important;
    -webkit-transform: scale(1.025, 1.025)!important;
        -ms-transform: scale(1.025, 1.025)!important;
            transform: scale(1.025, 1.025)!important
}

#main-article #left-info {
    padding: 10px!important;
    overflow-x: hidden!important
}

#main-article #left-info * {
    overflow-x: hidden!important;
    height: auto!important
}

#lightbox {
    overflow-x: hidden!important;
    top: 50px!important
}

#lightboxOverlay {
    background: rgba(0, 0, 0, .6)!important
}

.lb-dataContainer,
.lb-outerContainer {
    background: /*[[themecolordark]]*/!important;
    border-left: 20px /*[[themecolordark]]*/ solid!important;
    border-right: 20px /*[[themecolordark]]*/ solid!important
}

.lb-outerContainer {
    box-shadow: 0 -20px 20px rgba(0, 0, 0, .5)!important
}

#additional-info,
#discussions-area,
#main-article {
    box-shadow: 0 0 11px rgba(0, 0, 0, .4)!important
}

.lb-dataContainer {
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
    z-index: 7!important;
    height: 50px!important;
    padding-top: 20px!important
}

#main-article ul li:active:not(#discussions):not(#edit-style-settings),
#main-article>dl>:active,
.author-styles tr:active {
    background: #E0E0E0!important
}

.lb-dataContainer * {
    width: 100%!important;
    color: #fff!important
}

.lb-caption {
    color: #fff!important;
    font-size: 15px!important
}

#additional-info,
#discussions-area,
#main-article,
footer {
    color: #727272!important
}

.lb-image {
    opacity: 1!important;
    filter: alpha(opacity=100)
}

#discussions-area {
    margin-top: 25px!important;
    padding-top: 20px!important;
    padding-left: 40px!important
}

#discussions-area h3 {
    margin-left: -17px!important
}

#discussions {
    margin-left: 0!important;
    margin-right: 40px!important
}

#additional-info {
    padding-left: 35px!important;
    padding-right: 20px!important;
    padding-bottom: 20px!important;
    margin-top: 20px!important
}

#main-article {
    padding: 20px!important
}

#main-article>ul:not(#discussions):not(#edit-style-settings) {
    box-shadow: 0 0 11px rgba(0, 0, 0, .4)!important;
    list-style-type: none!important;
    margin: 0!important;
    padding: 10px 10px 10px 20px!important
}

#main-article>ul:hover:not(#discussions):not(#edit-style-settings) {
    -webkit-transform: scale(1.01, 1.01)!important;
        -ms-transform: scale(1.01, 1.01)!important;
            transform: scale(1.01, 1.01)!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4)!important
}

#main-article>ul:active:not(#discussions):not(#edit-style-settings) {
    -webkit-transform: scale(1.003, 1.003)!important;
        -ms-transform: scale(1.003, 1.003)!important;
            transform: scale(1.003, 1.003)!important;
    box-shadow: 0 0 13px rgba(0, 0, 0, .4)!important
}

#main-article ul li:not(#discussions):not(#edit-style-settings),
#main-article ul li:not(#edit-style-settings) {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    margin-left: -30px!important;
    padding-left: 30px!important;
    -webkit-transform: translate(10px, 0)!important;
        -ms-transform: translate(10px, 0)!important;
            transform: translate(10px, 0)!important;
    border-radius: 0!important
}

#main-article dl:not(.obsolete) {
    margin-top: 20px!important;
    box-shadow: 0 0 11px rgba(0, 0, 0, .4)!important;
    padding: 10px 20px!important;
    color: #727272!important;
    margin-bottom: 22px!important
}

#main-article dl:hover:not(#edit-style-settings) {
    -webkit-transform: scale(1.01, 1.01)!important;
        -ms-transform: scale(1.01, 1.01)!important;
            transform: scale(1.01, 1.01)!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4)!important
}

#main-article dl:active:not(#edit-style-settings) {
    -webkit-transform: scale(1.003, 1.003)!important;
        -ms-transform: scale(1.003, 1.003)!important;
            transform: scale(1.003, 1.003)!important;
    box-shadow: 0 0 13px rgba(0, 0, 0, .4)!important
}

#main-article dl * {
    padding-top: 9pt!important;
    padding-bottom: 9pt!important
}

#main-article dd:not(#edit-style-settings) {
    padding-top: 9pt!important;
    margin: 0 0 0 -39px!important;
    padding-left: 19px!important;
    -webkit-transform: translate(19px, 0)!important;
        -ms-transform: translate(19px, 0)!important;
            transform: translate(19px, 0)!important;
    border-radius: 0!important;
    border-bottom: 1px #E0E0E0 solid!important
}

.author-styles tbody,
.author-styles thead {
    border-bottom: 15px transparent solid!important
}

.author-styles {
    white-space: nowrap!important;
    box-shadow: 0 0 11px rgba(0, 0, 0, .4)!important;
    border-collapse: collapse!important
}

.author-styles:hover {
    -webkit-transform: scale(1.01, 1.01)!important;
        -ms-transform: scale(1.01, 1.01)!important;
            transform: scale(1.01, 1.01)!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4)!important
}

.author-styles:active {
    -webkit-transform: scale(1.003, 1.003)!important;
        -ms-transform: scale(1.003, 1.003)!important;
            transform: scale(1.003, 1.003)!important;
    box-shadow: 0 0 13px rgba(0, 0, 0, .4)!important
}

#Content,
#Head,
#Panel,
#main-article form:not(.CodeMirror):not(#donate) {
    box-shadow: 0 0 11px rgba(0, 0, 0, .4)!important
}

.author-styles td {
    padding: 10px!important;
    border-radius: 0!important
}

.author-styles thead {
    border-top: 15px transparent solid!important
}

.author-styles tbody {
    border-spacing: 10px 10px!important
}

#main-article>div li,
.author-styles tr {
    border-bottom: 1px #E0E0E0 solid!important
}

.author-styles tr td[valign=top] {
    max-width: 150px!important;
    min-width: 150px!important;
    white-space: pre-line!important
}

#front-page-newest {
    margin-left: 20px!important
}

footer {
    padding-top: 20px!important
}

#main-article>div li {
    border-radius: 0!important
}

#main-article form:not(.CodeMirror) {
    margin-top: 20px!important;
    padding: 40px 20px!important
}

#example-url,
#main-article form textarea:not(.CodeMirror),
#style_pledgie_id,
#style_short_description {
    margin-top: 10px!important;
    background: #fff!important;
    width: 100%!important;
    padding: 10px!important;
    color: #000!important
}

#main-article input:not(.CodeMirror) {
    margin-top: 10px!important;
    background: #fff!important;
    padding: 10px!important;
    color: #000!important
}

#Content,
#Panel li {
    padding: 10px 20px!important
}

.edit-dropdown-setting>* textarea {
    margin-left: -10px!important
}

.edit-dropdown-setting>*>*>* input {
    -webkit-transform: translate(-30px, 0)!important;
        -ms-transform: translate(-30px, 0)!important;
            transform: translate(-30px, 0)!important
}

.edit-setting {
    background: 0 0!important
}

#Head,
#Head:not(input) {
    background: /*[[themecolordark]]*/!important;
    color: #fff!important
}

#Head {
    border-radius: 0!important;
    margin-bottom: 20px!important
}

.SiteSearch:not(.Button) {
    background: /*[[themecolorverylight]]*/!important
}

#Panel {
    padding: 20px 20px 10px!important;
    margin-left: -40px!important
}

#Content .DataList>li,
#Panel li {
    width: 100%!important;
    margin-left: -20px!important
}

#Panel:hover {
    -webkit-transform: scale(1.01, 1.01)!important;
        -ms-transform: scale(1.01, 1.01)!important;
            transform: scale(1.01, 1.01)!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4)!important
}

#Panel:active {
    -webkit-transform: scale(1.003, 1.003)!important;
        -ms-transform: scale(1.003, 1.003)!important;
            transform: scale(1.003, 1.003)!important;
    box-shadow: 0 0 13px rgba(0, 0, 0, .4)!important
}

#Panel li {
    border-radius: 0!important;
    border: none!important;
    border-bottom: 1px #E0E0E0 solid!important
}

#Panel li:active {
    background: #E0E0E0!important
}

#Panel .Active,
#Panel .Active * {
    background: 0 0!important;
    color: /*[[themecolorlight]]*/!important
}

.Box.BoxCategories {
    margin-top: -10px!important
}

div.BoxButtons:nth-child(2) * {
    background: /*[[themecolorlight]]*/!important;
    color: #fff!important;
    text-shadow: none!important
}

#Content .New *,
#Content .Unread *,
.Flyout.MenuItems a:hover {
    color: /*[[themecolorlight]]*/!important
}

#Content {
    z-index: 1!important
}

#Content .DataList>li {
    border-radius: 0!important;
    border-bottom: 1px #E0E0E0 solid!important;
    padding-left: 30px!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    background: #F5F5F5!important;
    z-index: 0!important
}

#Content .DataList>li:hover {
    -webkit-transform: scale(1.01, 1.01)!important;
        -ms-transform: scale(1.01, 1.01)!important;
            transform: scale(1.01, 1.01)!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .4)!important;
    z-index: 20!important
}

#Content li:active {
    -webkit-transform: scale(1.003, 1.003)!important;
        -ms-transform: scale(1.003, 1.003)!important;
            transform: scale(1.003, 1.003)!important;
    box-shadow: 0 0 13px rgba(0, 0, 0, .4)!important;
    background: #E0E0E0!important
}

#Content .Read {
    background: #F5F5F5!important
}

#Content .New * {
    font-weight: 400!important
}

#Content .HasNew {
    background: #fff!important
}

.Open .Flyout {
    padding: 10px!important;
    margin-left: -75pt!important;
    position: absolute!important
}

.Flyout.MenuItems {
    padding-left: 30px!important;
    padding-right: 20px!important
}

.Flyout.MenuItems a {
    background: 0 0!important;
    box-shadow: none!important
}

#main-article>dl>dd:nth-child(4) {
    height: 25px
}

#main-article>dl>dd:nth-child(2) {
    position: relative !important;
    z-index: 1 !important;
}

.paypal-user-donate {
    position: absolute !important;
    -webkit-transform: translate(-20px,-60px) !important;
        -ms-transform: translate(-20px,-60px) !important;
            transform: translate(-20px,-60px) !important;
    z-index: 0 !important;
}
    
#donate input[type=image] {
    -webkit-transform: translate(0, 2px)!important;
        -ms-transform: translate(0, 2px)!important;
            transform: translate(0, 2px)!important;
    background: 0 0!important;
    margin: -10px!important;
}
  
}