Last active
December 18, 2016 01:28
-
-
Save DecentM/027f1825787ad915ce4d22e17c3ffb44 to your computer and use it in GitHub Desktop.
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment