Last active
February 18, 2016 23:32
-
-
Save thefutureisbright/7082b67ee98737dbc37d to your computer and use it in GitHub Desktop.
voat.co/v/bitcoincore/
This file contains 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
/* | |
Custom stylesheet for /v/bitcoincore (https://voat.co/v/bitcoincore) | |
Stylesheet based on bitcoin.css from /v/bitcoin by fredstilleronawire (voat user Fred-Stiller-OnAWire) | |
Stylesheet based on Minity by Nurdoidz (https://voat.co/user/nurdoidz) | |
*/ | |
/* FONTS AND TEXT */ | |
@import url( https://fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic ); | |
@import url( https://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic ); | |
body {font-family: "Roboto", Arial, Helvetica, Geneva, sans-serif; font-size: 11px;} | |
.alert-title {font-family: "Roboto", Arial, Helvetica, Geneva, sans-serif; font-size: 18px;} | |
.alert-h1 {font-family: "Roboto", Arial, Helvetica, Geneva, sans-serif; font-size: 12px; font-weight: bold;} | |
.alert-h2 {font-family: "Roboto", Arial, Helvetica, Geneva, sans-serif; font-size: 16px;} | |
/* TOP SUBVERSES LIST */ | |
.sr-list {text-transform: uppercase; font-size: 11px;} | |
#sr-more-link {text-transform: uppercase; font-size: 11px;} | |
/* TOP SUBSCRIPTION MENU */ | |
.whoaSubscriptionMenu {text-transform: uppercase; font-size: 11px;} | |
/* HEADER SUBVERSE NAME */ | |
.pagename {text-transform: capitalize;} | |
/* SIDEBAR SUBVERSE NAME */ | |
.side .whoaversename {font-family: "Ubuntu", Roboto, Arial, Helvetica, Geneva, sans-serif; font-size: 32px; font-style: italic; font-weight: bold;} | |
/*.whoaversename {text-transform: capitalize;} | |
.subverse {text-transform: capitalize;}*/ | |
/* VOAT LOGO */ | |
#header-img {background: url(https://i.imgur.com/qFsYQXg.png); padding-left: 112px;} | |
/* HEADER TEXT AND SUBSCRIPTION MENU COLORS */ | |
#header:focus {outline: none;} | |
.dark .whoaSubscriptionMenu li ul li a:hover { | |
background: #FFAE00; | |
background: -webkit-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -moz-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -ms-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -o-linear-gradient( top,#FFAE00,#FF9600 ); | |
color: #322800 !important; | |
} | |
.dark #sr-more-link:hover {background: #FFAE00; color: #322800; text-decoration: none;} | |
.dark .sr-list li a {color: #F09328;} | |
.dark #sr-header-area .selected a {color: #F09328;} | |
.dark .drop-arrow {border-color: #F09328 transparent transparent;} | |
.dark .pagename a:hover {color: #F09328;} | |
.dark .tabmenu li.selected a:hover {color: #F09328;} | |
.dark #header-account a:hover {color: #F09328;} | |
.light .whoaSubscriptionMenu li ul li a:hover { | |
background: #FFAE00; | |
background: -webkit-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -moz-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -ms-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -o-linear-gradient( top,#FFAE00,#FF9600 ); | |
color: #322800 !important; | |
} | |
.light #sr-more-link:hover {background: #FFAE00; color: #322800; text-decoration: none;} | |
.light .sr-list li a {color: #F09328;} | |
.light #sr-header-area .selected a {color: #F09328;} | |
.light .drop-arrow {border-color: #F09328 transparent transparent;} | |
.light .pagename a:hover {color: #F09328;} | |
.light .tabmenu li.selected a:hover {color: #F09328;} | |
.light #header-account a:hover {color: #F09328;} | |
/* LINK AND TEXT COLORS */ | |
.dark .userstats-submission-title:hover {color: #F09328;} | |
.dark .userstats-submission-author:hover {color: #F09328;} | |
.dark .userstats-submission-subverse:hover {color: #F09328;} | |
.light .userstats-submission-title:hover {color: #F09328;} | |
.light .userstats-submission-author:hover {color: #F09328;} | |
.light .userstats-submission-subverse:hover {color: #F09328;} | |
.dark .link a.subverse:hover {color: #F09328;} | |
.dark .link a.author:hover {color: #F09328;} | |
.light .link a.subverse:hover {color: #F09328;} | |
.light .link a.author:hover {color: #F09328;} | |
.dark a:hover {color: #F09328;} | |
.light a:hover {color: #F09328;} | |
.dark .field-validation-error {color: #F09328;} | |
.light .field-validation-error {color: #F09328;} | |
.dark .titlebox h1 a:hover {color: #F09328;} | |
.light .titlebox h1 a:hover {color: #F09328;} | |
.footer a:link, .footer a:visited {color: gray;} | |
.dark .footer a:hover, .dark .footer a:active {color: #F09328;} | |
.light .footer a:hover, .light .footer a:active {color: #F09328;} | |
.dark .linklisting .tagline a.author:link, .dark .linklisting .tagline a.author:visited {color: #ABABAB; font-weight: bold; text-decoration: none;} | |
.light .linklisting .tagline a.author:link, .light .linklisting .tagline a.author:visited {color: #6D6D6D; font-weight: bold; text-decoration: none;} | |
.dark .linklisting .tagline a.author:hover, .dark .linklisting .tagline a.author:active {color: #F09328; text-decoration: none;} | |
.light .linklisting .tagline a.author:hover, .light .linklisting .tagline a.author:active {color: #F09328; text-decoration: none;} | |
.domain {text-transform: lowercase;} | |
.dark .domain a:hover {color: #F09328; text-decoration: none;} | |
.light .domain a:hover {color: #F09328; text-decoration: none;} | |
.menuarea a:link, .menuarea a:visited {color: gray;} | |
.menuarea a:hover, .menuarea a:active {color: #F09328;} | |
.tagline a {color: #F09328;} | |
.tagline a:visited {color: #F09328;} | |
.tagline a:hover {color: #F09328; text-decoration: underline;} | |
.dark .user .upvoatsGiven a {color: #F09328 !important;} | |
.light .user .upvoatsGiven a {color: #F09328 !important;} | |
#header-account .logged-out a:link, #header-account .logged-out a:visited {color: #F09328; text-decoration: none;} | |
#header-account .logged-out a:hover, #header-account .logged-out a:active {color: #F09328; text-decoration: underline;} | |
#sortingThingy a:link, #sortingThingy a:visited {color: #F09328; text-decoration: none;} | |
#sortingThingy a:hover, #sortingThingy a:active {text-decoration: underline;} | |
/* ALERT TITLE COLORS */ | |
.dark .alert-title {color: #F09328;} | |
.dark .alert-h1 {color: #F09328;} | |
.dark .alert-h2 {color: #F09328;} | |
.light .alert-title {color: #F09328;} | |
.light .alert-h1 {color: #F09328;} | |
.light .alert-h2 {color: #F09328;} | |
/* LINK TITLE COLORS */ | |
.dark .link a.title.may-blank {color: #C3C3C3; font-weight: bold;} | |
.light .link a.title.may-blank {color: #4A4A4A; font-weight: bold;} | |
.dark .link a.title.may-blank:hover {color: #F09328; text-decoration: none;} | |
.light .link a.title.may-blank:hover {color: #F09328; text-decoration: none;} | |
.link a.title.may-blank:visited {color: #8A8A8A;} | |
/* LINK THUMBNAILS */ | |
.scorebar + .entry {padding-left: 80px; padding-bottom: 7px; position: relative;} | |
.scorebar + .entry:before { | |
content: ''; | |
width: 70px; | |
height: 70px; | |
position: absolute; | |
left: 1px; | |
top: 1px; | |
background: url(https://i.imgur.com/94U8zT7.png) top center no-repeat; | |
} | |
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {border-color: #F09328;} | |
/* SIDEBAR IMAGE REMOVED */ | |
/* SIDEBAR LINK AND TEXT COLORS */ | |
.dark .side .titlebox .bottom, .dark .side .titlebox .bottom a, .dark .side .titlebox .bottom a:visited {color: gray;} | |
.dark .side .titlebox .bottom a:hover {color: #F09328;} | |
.dark .side .sidecontentbox, .dark .side .sidecontentbox a, .dark .side .sidecontentbox a:visited {color: gray;} | |
.dark .side .sidecontentbox a:hover {color: #F09328;} | |
.dark .side .md a,.dark .side .md a:visited {color: gray;} | |
.dark .side .md a:hover {color: #F09328;} | |
.dark .side .sidecontentbox .content, .dark .side .sidecontentbox .content a, .dark .side .sidecontentbox .content a:visited {color: gray;} | |
.dark .side .sidecontentbox .content a:hover {color: #F09328;} | |
.light .side .sidecontentbox .content {color: #4AABE7;} | |
.side .titlebox .bottom {border: none;} | |
.side div.titlebox.submissioninfo a, .side div.titlebox.submissioninfo a:visited {color: gray; font-weight: bold; text-decoration: none;} | |
.dark .side div.titlebox.submissioninfo a:hover, .dark .side div.titlebox.submissioninfo a:active {color: #F09328; text-decoration: none;} | |
.light .side div.titlebox.submissioninfo a:hover, .light .side div.titlebox.submissioninfo a:active {color: #F09328; text-decoration: none;} | |
.dark .side div.titlebox.submissioninfo {background: #303030; border: 1px solid #272727; border-radius: 2px; padding: 8px;} | |
.light .side div.titlebox.submissioninfo {background: #FCFCFC; border: 1px solid #E4E4E4; border-radius: 2px; padding: 8px;} | |
.dark .side .alert-h2 {color: #F09328; font-size: 14px; font-weight: bold; text-transform: uppercase;} | |
.light .side .alert-h2 {color: #F09328; font-size: 14px; font-weight: bold; text-transform: uppercase;} | |
#moderation_tools a:hover {text-decoration: none;} | |
/* SIDEBAR MARKDOWN CODE */ | |
.dark .side .md h2 { | |
color: #F09328; | |
font-size: 14px; | |
text-transform: uppercase; | |
border-bottom: 2px solid; | |
margin-bottom: 2px; | |
border-color: #222; | |
} | |
.light .side .md h2 { | |
color: #F09328; | |
font-size: 14px; | |
text-transform: uppercase; | |
border-bottom: 2px solid; | |
margin-bottom: 2px; | |
border-color: #DDD; | |
} | |
.dark .side .md hr {margin: 10px 0; border: none;} | |
.light .side .md hr {margin: 10px 0; border: none;} | |
.dark .side .md blockquote a {color: gray;} | |
.light .side .md blockquote a {color: #4AABE7;} | |
.dark .side .md blockquote ul {padding: 0px; margin-top: 6px; margin-bottom: 5px;} | |
.light .side .md blockquote ul {padding: 0px; margin-top: 6px; margin-bottom: 5px;} | |
.dark .side .md blockquote { | |
background: #303030; | |
border-color: #272727; | |
border-width: 1px; | |
box-shadow: none; | |
margin: 0px; | |
padding: 0px 5px; | |
} | |
.light .side .md blockquote { | |
background: #FCFCFC; | |
border-color: #E4E4E4; | |
border-width: 1px; | |
box-shadow: none; | |
margin: 0px; | |
padding: 0px 5px; | |
} | |
.dark .side .md blockquote > blockquote { | |
background: #303030; | |
border-bottom: 1px solid #272727; | |
border-top: none; | |
border-left: none; | |
border-right: none; | |
box-shadow: none; | |
margin: 0px; | |
padding: 0px 10px; | |
} | |
.light .side .md blockquote > blockquote { | |
background: #FCFCFC; | |
border-bottom: 1px solid #E4E4E4; | |
border-top: none; | |
border-left: none; | |
border-right: none; | |
box-shadow: none; | |
margin: 0px; | |
padding: 0px 10px; | |
} | |
.dark .side .md table { | |
background-color: #303030; | |
width: 280px; | |
box-shadow: none; | |
margin: 0; | |
font-weight: normal; | |
} | |
.dark .side .md table thead { | |
border-bottom: 2px solid #272727; | |
border-bottom: none; | |
color: #DFDFDF; | |
font-weight: normal; | |
} | |
.dark .side .md td, .dark .md th { | |
border: 1px solid #272727; | |
line-height: normal; | |
padding: 5px; | |
font-weight: normal; | |
} | |
.light .side .md table { | |
background-color: #FCFCFC; | |
width: 280px; | |
box-shadow: none; | |
margin: 0; | |
font-weight: normal; | |
} | |
.light .side .md table thead { | |
border-bottom: 2px solid #E4E4E4; | |
border-bottom: none; | |
color: #DFDFDF; | |
font-weight: normal; | |
} | |
.light .side .md td, .light .md th { | |
border: 1px solid #E4E4E4; | |
line-height: normal; | |
padding: 5px; | |
font-weight: normal; | |
} | |
/* MARKDOWN CODE */ | |
.dark .md a:hover {color: #F09328 !important; text-decoration: none;} | |
.light .md a:hover {color: #F09328 !important; text-decoration: none;} | |
.dark .md a:visited {color: #56A8DA; text-decoration: none;} | |
.light .md a:visited {color: #4AABE7; text-decoration: none;} | |
.dark .md blockquote { | |
background: #292929; | |
border-color: #242424 #242424 #242424 #202020; | |
border-style: solid; | |
border-width: 1px 1px 1px 3px; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.1 ); | |
font-size: inherit; | |
margin: 5px 10px; | |
padding: 0 8px 4px; | |
} | |
.light .md blockquote { | |
background: #F5F5F5; | |
border-color: #E8E8E8 #E8E8E8 #E8E8E8 #DBDBDB; | |
border-style: solid; | |
border-width: 1px 1px 1px 3px; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.1 ); | |
font-size: inherit; | |
margin: 5px 10px; | |
padding: 0 8px 4px; | |
} | |
.dark .link .usertext .md blockquote {background:#292929;} | |
.dark .link .usertext .md pre {background:#2E2E2E;} | |
.dark .link .usertext .md code {background:#2E2E2E;} | |
.dark pre, | |
.dark code {background: #2E2E2E; border: 1px solid #272727; color: #CCC;} | |
.dark pre code {border: 0;} | |
.light pre, | |
.light code {background: #F5F5F5; border: 1px solid #CCC; color: #333;} | |
.light pre code {border: 0;} | |
.dark .comment .comment .comment blockquote, | |
.dark .comment .comment .comment .comment .comment blockquote, | |
.dark .comment .comment .comment .comment .comment .comment .comment blockquote, | |
.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment blockquote, | |
.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment blockquote {background-color: #292929;} | |
.dark .comment .comment blockquote, | |
.dark .comment .comment .comment .comment blockquote, | |
.dark .comment .comment .comment .comment .comment .comment blockquote, | |
.dark .comment .comment .comment .comment .comment .comment .comment .comment blockquote, | |
.dark .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment blockquote {background-color: #333333;} | |
/* TOP TAB MENU BUTTONS */ | |
.tabmenu li.selected a.contribute { | |
background: #FFC600; | |
background: -webkit-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -moz-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -ms-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -o-linear-gradient( top,#FFC600,#FFBA00 ); | |
border: solid #E69637; | |
border-width: 1px 1px 2px; | |
color: #322800; | |
font-weight: bold; | |
} | |
.tabmenu li.selected a.contribute:hover { | |
background: #FFAE00; | |
background: -webkit-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -moz-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -ms-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -o-linear-gradient( top,#FFAE00,#FF9600 ); | |
border-color: #E17832; | |
} | |
/* TOP TAB MENU BUTTONS UNSELECTED */ | |
.tabmenu li.disabled a.contribute { | |
background: #FFC600; | |
background: -webkit-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -moz-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -ms-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -o-linear-gradient( top,#FFC600,#FFBA00 ); | |
border: solid #E69637; | |
border-width: 1px 1px 2px; | |
color: #322800; | |
} | |
.tabmenu li.disabled a.contribute:hover { | |
background: #FFAE00; | |
background: -webkit-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -moz-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -ms-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -o-linear-gradient( top,#FFAE00,#FF9600 ); | |
border-color: #E17832; | |
} | |
/* BUTTONS */ | |
.btn-whoaverse.contribute { | |
background: #FFC600; | |
background: -webkit-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -moz-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -ms-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -o-linear-gradient( top,#FFC600,#FFBA00 ); | |
border-color: #E69637; | |
color: #322800; | |
} | |
.btn-whoaverse.contribute:hover { | |
background: #FFAE00; | |
background: -webkit-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -moz-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -ms-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -o-linear-gradient( top,#FFAE00,#FF9600 ); | |
border-color: #E17832; | |
color: #322800; | |
} | |
.btn-whoaverse.btn-block.contribute:hover { | |
background: #FFAE00; | |
background: -webkit-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -moz-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -ms-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -o-linear-gradient( top,#FFAE00,#FF9600 ); | |
border-color: #E17832; | |
color: #322800; | |
} | |
.dark .btn-whoaverse-paging:hover { | |
background: #414141; | |
background: -webkit-linear-gradient( top,#414141,#3B3B3B ); | |
background: -moz-linear-gradient( top,#414141,#3B3B3B ); | |
background: -ms-linear-gradient( top,#414141,#3B3B3B ); | |
background: -o-linear-gradient( top,#414141,#3B3B3B ); | |
border-color: #2D2D2D; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.15 ); | |
color: #FFF; | |
text-decoration: none; | |
} | |
.light .btn-whoaverse-paging { | |
background: #F8F8F8; | |
background: -webkit-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -moz-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -ms-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -o-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
border: 1px solid #D1D1D1; | |
border-radius: 2px; | |
color: #4C4C4C; | |
display: inline-block; | |
font-size: 10px; | |
font-weight: bold; | |
padding: 2px 6px; | |
text-align: center; | |
} | |
.light .btn-whoaverse-paging:hover { | |
background: #F8F8F8; | |
background: -webkit-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
background: -moz-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
background: -ms-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
background: -o-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
border-color: #CCC; | |
color: #444; | |
text-decoration: none; | |
} | |
.light .btn-whoaverse-paging a {color: #4C4C4C !important;} | |
.light .btn-whoaverse-paging:visited {color: #4C4C4C !important;} | |
/* BODY BUTTONS */ | |
.btn-whoaverse-paging {font-weight: bold;} | |
.dark .btn-whoaverse-paging {font-weight: bold;} | |
.dark .btn-whoaverse:hover { | |
background: #414141; | |
background: -webkit-linear-gradient( top,#414141,#3B3B3B ); | |
background: -moz-linear-gradient( top,#414141,#3B3B3B ); | |
background: -ms-linear-gradient( top,#414141,#3B3B3B ); | |
background: -o-linear-gradient( top,#414141,#3B3B3B ); | |
border-color: #2D2D2D; | |
color: #FFF; | |
} | |
/* SUBSCRIBE BUTTONS */ | |
.side .btn-whoaverse-paging {font-weight: bold;} | |
.dark .side .btn-whoaverse-paging {font-weight: bold;} | |
.dark .btn-blocksubverse { | |
background: #4B4B4B; | |
background: -webkit-linear-gradient( top,#4B4B4B,#454545 ); | |
background: -moz-linear-gradient( top,#4B4B4B,#454545 ); | |
background: -ms-linear-gradient( top,#4B4B4B,#454545 ); | |
background: -o-linear-gradient( top,#4B4B4B,#454545 ); | |
border-color: #303030; | |
color: #FFF; | |
} | |
.dark .btn-blocksubverse:hover { | |
background: #414141; | |
background: -webkit-linear-gradient( top,#414141,#3B3B3B ); | |
background: -moz-linear-gradient( top,#414141,#3B3B3B ); | |
background: -ms-linear-gradient( top,#414141,#3B3B3B ); | |
background: -o-linear-gradient( top,#414141,#3B3B3B ); | |
border-color: #2D2D2D; | |
color: #FFF; | |
} | |
.dark .btn-whoaverse-paging.btn-xs.btn-default.btn-sub { | |
background: #B44747; | |
background: -webkit-linear-gradient( top,#B44747,#AB3C3C ); | |
background: -moz-linear-gradient( top,#B44747,#AB3C3C ); | |
background: -ms-linear-gradient( top,#B44747,#AB3C3C ); | |
background: -o-linear-gradient( top,#B44747,#AB3C3C ); | |
border: 1px solid #933333; | |
color: #FFF7F7; | |
} | |
.dark .btn-whoaverse-paging.btn-xs.btn-default.btn-sub:hover { | |
background: #A43A3A; | |
background: -webkit-linear-gradient( top,#A43A3A,#993030 ); | |
background: -moz-linear-gradient( top,#A43A3A,#993030 ); | |
background: -ms-linear-gradient( top,#A43A3A,#993030 ); | |
background: -o-linear-gradient( top,#A43A3A,#993030 ); | |
border-color: #802626; | |
} | |
.light .btn-whoaverse-paging.btn-xs.btn-default.btn-sub { | |
background: #FFC600; | |
background: -webkit-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -moz-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -ms-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -o-linear-gradient( top,#FFC600,#FFBA00 ); | |
border: 1px solid #E69637; | |
color: #322800; | |
} | |
.light .btn-whoaverse-paging.btn-xs.btn-default.btn-sub:hover { | |
background: #FFAE00; | |
background: -webkit-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -moz-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -ms-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -o-linear-gradient( top,#FFAE00,#FF9600 ); | |
border-color: #E17832; | |
} | |
.light .btn-unsub { | |
background: #F8F8F8; | |
background: -webkit-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -moz-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -ms-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -o-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
border: 1px solid #D1D1D1; | |
color: #4C4C4C; | |
} | |
.light .btn-unsub:hover,.btn-unsub:active,.btn-unsub:focus { | |
background: #FFAE00; | |
background: -webkit-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -moz-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -ms-linear-gradient( top,#FFAE00,#FF9600 ); | |
background: -o-linear-gradient( top,#FFAE00,#FF9600 ); | |
border-color: #E17832; | |
color: #322800; | |
} | |
/* OTHER BUTTONS */ | |
.dark a.btn-tour { | |
background: #4B4B4B; | |
background: -webkit-linear-gradient( top,#4B4B4B,#454545 ); | |
background: -moz-linear-gradient( top,#4B4B4B,#454545 ); | |
background: -ms-linear-gradient( top,#4B4B4B,#454545 ); | |
background: -o-linear-gradient( top,#4B4B4B,#454545 ); | |
border: 1px solid #303030; | |
border-radius: 2px; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.1 ); | |
color: #FFF; | |
display: inline-block; | |
font-size: 12px; | |
margin-top: 10px; | |
padding: 3px 7px; | |
text-align: center; | |
} | |
.dark .btn-tour:hover { | |
background: #414141; | |
background: -webkit-linear-gradient( top,#414141,#3B3B3B ); | |
background: -moz-linear-gradient( top,#414141,#3B3B3B ); | |
background: -ms-linear-gradient( top,#414141,#3B3B3B ); | |
background: -o-linear-gradient( top,#414141,#3B3B3B ); | |
border: 1px solid #2D2D2D; | |
border-radius: 2px; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.1 ); | |
color: #FFF; | |
display: inline-block; | |
font-size: 12px; | |
margin-top: 10px; | |
padding: 3px 7px; | |
text-align: center; | |
} | |
.light a.btn-tour { | |
background: #F8F8F8; | |
background: -webkit-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -moz-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -ms-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -o-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
border: 1px solid #D1D1D1; | |
border-radius: 2px; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.1 ); | |
color: #4C4C4C; | |
display: inline-block; | |
font-size: 12px; | |
margin-top: 10px; | |
padding: 3px 7px; | |
text-align: center; | |
} | |
.light .btn-tour:hover { | |
background: #F8F8F8; | |
background: -webkit-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
background: -moz-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
background: -ms-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
background: -o-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
border: 1px solid #CCC; | |
border-radius: 2px; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.1 ); | |
color: #4C4C4C; | |
display: inline-block; | |
font-size: 12px; | |
margin-top: 10px; | |
padding: 3px 7px; | |
text-align: center; | |
} | |
.dark .btn-whoaverse-medium { | |
background: #4B4B4B; | |
background: -webkit-linear-gradient( top,#4B4B4B,#454545 ); | |
background: -moz-linear-gradient( top,#4B4B4B,#454545 ); | |
background: -ms-linear-gradient( top,#4B4B4B,#454545 ); | |
background: -o-linear-gradient( top,#4B4B4B,#454545 ); | |
border: 1px solid #303030; | |
border-radius: 2px; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.1 ); | |
color: #FFF; | |
cursor: pointer; | |
display: inline-block; | |
font-size: 12px; | |
padding: 2px 8px; | |
text-align: center; | |
} | |
.dark .btn-whoaverse-medium:hover { | |
background: #414141; | |
background: -webkit-linear-gradient( top,#414141,#3B3B3B ); | |
background: -moz-linear-gradient( top,#414141,#3B3B3B ); | |
background: -ms-linear-gradient( top,#414141,#3B3B3B ); | |
background: -o-linear-gradient( top,#414141,#3B3B3B ); | |
border-color: #2D2D2D; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.15 ); | |
color: #FFF; | |
} | |
.light .btn-whoaverse-medium { | |
background: #F8F8F8; | |
background: -webkit-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -moz-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -ms-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
background: -o-linear-gradient( top,#FDFDFD,#F7F7F7 ); | |
border: 1px solid #D1D1D1; | |
border-radius: 2px; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.1 ); | |
color: #4C4C4C; | |
cursor: pointer; | |
display: inline-block; | |
font-size: 12px; | |
font-weight: bold; | |
padding: 2px 8px; | |
text-align: center; | |
} | |
.light .btn-whoaverse-medium:hover { | |
background: #F8F8F8; | |
background: -webkit-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
background: -moz-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
background: -ms-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
background: -o-linear-gradient( top,#F8F8F8,#F2F2F2 ); | |
border-color: #CCC; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.15 ); | |
color: #4C4C4C; | |
} | |
/* REGISTER */ | |
.modal-header { | |
background: #FFC600; | |
background: -webkit-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -moz-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -ms-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -o-linear-gradient( top,#FFC600,#FFBA00 ); | |
border-bottom: 2px solid #E69637; | |
border-radius: 3px 3px 0 0; | |
} | |
.modal-body label.control-label { | |
background: #FFC600; | |
background: -webkit-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -moz-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -ms-linear-gradient( top,#FFC600,#FFBA00 ); | |
background: -o-linear-gradient( top,#FFC600,#FFBA00 ); | |
border-bottom: 2px solid #E69637; | |
border-radius: 3px 3px 0 0; | |
color: #FFF; | |
display: block; | |
font-size: 15px; | |
line-height: 30px; | |
margin: 0; | |
padding: 0; | |
text-align: center; | |
text-shadow: 0 1px 0 hsla( 0,0%,0%,0.3 ); | |
width: 360px; | |
} | |
.modal-body .col-md-4 input.form-control:focus { | |
border-color: #E69637; | |
} | |
.modal-footer a:link, .modal-footer a:visited {color: #F09328; text-decoration: none;} | |
.modal-footer a:hover, .modal-footer a:active {color: #F09328; text-decoration: underline;} | |
/* STICKY ANNOUNCMENT */ | |
/*@media ( min-width: 896px ) { | |
#container > .content {margin-top: 42px;} | |
.side .titlebox .md > h4:nth-of-type(1) {height: 32px;} | |
.side .titlebox .md > h5:nth-of-type(1) {height: 32px;} | |
.side .titlebox .md > h6:nth-of-type(1) {height: 32px;} | |
} | |
@media ( min-width: 871px ) and ( max-width: 895px ) { | |
#container > .content {margin-top: 62px;} | |
.side .titlebox .md > h4:nth-of-type(1) {height: 52px;} | |
.side .titlebox .md > h5:nth-of-type(1) {height: 52px;} | |
.side .titlebox .md > h6:nth-of-type(1) {height: 52px;} | |
} | |
@media ( min-width: 871px ) { | |
.side .titlebox .md > h4:nth-of-type(1) {position: absolute; left: 0; top: 0; padding: 6px 12px; overflow: hidden; width: calc( 100% - 350px ); display: block; font-size: 12px; font-style: normal; font-weight: normal; text-align: left;} | |
.side .titlebox .md > h5:nth-of-type(1) {position: absolute; left: 0; top: 0; padding: 6px 12px; overflow: hidden; width: calc( 100% - 350px ); display: block; font-size: 12px; font-style: normal; font-weight: normal; text-align: left;} | |
.side .titlebox .md > h6:nth-of-type(1) {position: absolute; left: 0; top: 0; padding: 6px 12px; overflow: hidden; width: calc( 100% - 350px ); display: block; font-size: 12px; font-style: normal; font-weight: normal; text-align: left;} | |
.dark .side .titlebox .md > h4:nth-of-type(1) {background: #303030; color: #DFDFDF; border: 1px solid #272727; font-weight: bold; margin-left: 20px;} | |
.light .side .titlebox .md > h4:nth-of-type(1) {background: #FCFCFC; color: #404040; border: 1px solid #E4E4E4; font-weight: bold; margin-left: 20px;} | |
.side .titlebox .md > h5:nth-of-type(1) {background: #FFC600; color: #2A2000; border: 1px solid #E69637; font-weight: bold; margin-left: 20px;} | |
.side .titlebox .md > h6:nth-of-type(1) {background: #FF4136; color: #FFF; border: 1px solid #FF1103; font-weight: bold; margin-left: 20px;} | |
} | |
@media ( max-width: 870px ) { | |
.dark .side .titlebox .md > h4:nth-of-type(1) {color: #DFDFDF; font-size: 12px; font-style: normal; font-weight: bold; background: #303030; border: 1px solid #272727; box-shadow: none; margin: 15px 0 0; padding: 5px;} | |
.light .side .titlebox .md > h4:nth-of-type(1) {color: #404040; font-size: 12px; font-style: normal; font-weight: bold; background: #FCFCFC; border: 1px solid #E4E4E4; box-shadow: none; margin: 15px 0 0; padding: 5px;} | |
.side .titlebox .md > h5:nth-of-type(1) {color: #2A2000; font-size: 12px; font-style: normal; font-weight: bold; background: #FFC600; border: 1px solid #E69637; box-shadow: none; margin: 15px 0 0; padding: 5px;} | |
.side .titlebox .md > h6:nth-of-type(1) {color: #FFF; font-size: 12px; font-style: normal; font-weight: bold; background: #FF4136; border: 1px solid #FF1103; box-shadow: none; margin: 15px 0 0; padding: 5px;} | |
} | |
.dark .side .titlebox .md h4 a:link {color: #DFDFDF; text-decoration: none;} | |
.dark .side .titlebox .md h4 a:hover {color: #DFDFDF !important; text-decoration: underline;} | |
.dark .side .titlebox .md h4 a:visited {color: #DFDFDF; text-decoration: none;} | |
.light .side .titlebox .md h4 a:link {color: #404040; text-decoration: none;} | |
.light .side .titlebox .md h4 a:hover {color: #404040 !important; text-decoration: underline;} | |
.light .side .titlebox .md h4 a:visited {color: #404040; text-decoration: none;} | |
.side .titlebox .md h5 a:link {color: #2A2000; text-decoration: none;} | |
.side .titlebox .md h5 a:hover {color: #2A2000 !important; text-decoration: underline;} | |
.side .titlebox .md h5 a:visited {color: #2A2000; text-decoration: none;} | |
.side .titlebox .md h6 a:link {color: #FFF; text-decoration: none;} | |
.side .titlebox .md h6 a:hover {color: #FFF !important; text-decoration: underline;} | |
.side .titlebox .md h6 a:visited {color: #FFF; text-decoration: none;}*/ | |
/* STICKY LINK */ | |
.dark .promoted { | |
text-transform: capitalize; | |
background: #F09328; | |
border: 1px solid #F09328; | |
border-radius: 2px; | |
color: #180E04; | |
display: inline-block; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
margin-right: 3px; | |
max-width: 74px; | |
min-width: 74px; | |
overflow: hidden; | |
padding: 2px; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.light .promoted { | |
text-transform: capitalize; | |
background: #F09328; | |
border: 1px solid #F09328; | |
border-radius: 2px; | |
color: #FFF; | |
display: inline-block; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
margin-right: 3px; | |
max-width: 74px; | |
min-width: 74px; | |
overflow: hidden; | |
padding: 2px; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.dark div.submission.even.link.stickied a.title.may-blank {color: #F09328;} | |
.dark div.submission.even.link.stickied a.title.may-blank:hover {text-decoration: underline;} | |
.light div.submission.even.link.stickied a.title.may-blank {color: #F09328;} | |
.light div.submission.even.link.stickied a.title.may-blank:hover {text-decoration: underline; | |
} | |
/* LINK FLAIRS */ | |
.link .flair {font-size: 11px;} | |
.dark .normal-flair { | |
background: #555555; | |
border: 1px solid #555555; | |
color: #DDDDDD; | |
border-radius: 2px; | |
display: inline-block; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
margin-right: 3px; | |
min-width: 74px; | |
overflow: hidden; | |
padding: 2px 4px; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.light .normal-flair { | |
background: #DDDDDD; | |
border: 1px solid #DDDDDD; | |
color: #555555; | |
border-radius: 2px; | |
display: inline-block; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
margin-right: 3px; | |
min-width: 74px; | |
overflow: hidden; | |
padding: 2px 4px; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.dark .critical-flair { | |
text-transform: uppercase; | |
background: #F09328; | |
border: 1px solid #F09328; | |
color: #180E04; | |
border-radius: 2px; | |
display: inline-block; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
margin-right: 3px; | |
min-width: 74px; | |
overflow: hidden; | |
padding: 2px 4px; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.light .critical-flair { | |
text-transform: uppercase; | |
background: #F09328; | |
border: 1px solid #F09328; | |
color: #FFF; | |
border-radius: 2px; | |
display: inline-block; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
margin-right: 3px; | |
min-width: 74px; | |
overflow: hidden; | |
padding: 2px 4px; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.mod-flair { | |
background: #3FBF4C; | |
border: 1px solid #3FBF4C; | |
color: #0B1D0C; | |
border-radius: 2px; | |
display: inline-block; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
margin-right: 3px; | |
min-width: 74px; | |
overflow: hidden; | |
padding: 2px 4px; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.linkflairlabel { | |
background: #B44747; | |
border: 1px solid #B44747; | |
color: #F7EDED; | |
border-radius: 2px; | |
display: inline-block; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
margin-right: 3px; | |
min-width: 74px; | |
overflow: hidden; | |
padding: 2px 4px; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
/* NSFW LINK FLAIRS */ | |
.thumbnail>img[alt*="nsfw"], | |
.thumbnail>img[alt*="NSFW"] { | |
width: 0px; | |
height: 0px; | |
padding: 34px; | |
background: url(https://i.imgur.com/1SoKCA5.png) center center no-repeat; | |
background-size: 70px 70px; | |
} | |
.title[title*="nsfw"]:before, | |
.title[title*="NSFW"]:before { | |
background: #B44747; | |
border: 1px solid #B44747; | |
color: #F7EDED; | |
border-radius: 2px; | |
display: inline-block; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
margin-right: 7px; | |
min-width: 74px; | |
overflow: hidden; | |
padding: 2px 4px; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: middle; | |
content:"NSFW"; | |
} | |
/* COMMENT USER FLAIRS */ | |
.comment a.submitter {color: #62C6FA;} | |
.comment a.moderator {color: #3FBF4C;} | |
.comment a.admin {color: #E12D39;} | |
.dark .comment a.moderator.author,.dark .comment a.submitter.author,.dark .content a[href$="/user/-none-"]{ | |
background-color: #62C6FA; | |
border: 1px solid #62C6FA; | |
border-radius: 2px; | |
padding: 1px 4px; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
color: #111D25; | |
} | |
.dark .comment a.moderator.author,.dark .content a[href$="/-none-"],.dark .content a[href$="/none"]{ | |
background-color: #3FBF4C; | |
border: 1px solid #3FBF4C; | |
border-radius: 2px; | |
padding: 1px 4px; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
color: #0B1D0C; | |
} | |
.dark .comment a.admin.author,.dark .content a[href$="/-none-"],.dark .content a[href$="/none"]{ | |
background-color: #E12D39; | |
border: 1px solid #E12D39; | |
border-radius: 2px; | |
padding: 1px 4px; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
color: #160406; | |
/*color: #FCEAEC;*/ | |
} | |
.light .comment a.moderator.author,.light .comment a.submitter.author,.light .content a[href$="/user/-none-"]{ | |
background-color: #62C6FA; | |
border: 1px solid #62C6FA; | |
border-radius: 2px; | |
padding: 1px 4px; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
color: #111D25; | |
} | |
.light .comment a.moderator.author,.light .content a[href$="/-none-"],.light .content a[href$="/none"]{ | |
background-color: #3FBF4C; | |
border: 1px solid #3FBF4C; | |
border-radius: 2px; | |
padding: 1px 4px; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
color: #0B1D0C; | |
} | |
.light .comment a.admin.author,.light .content a[href$="/-none-"],.light .content a[href$="/none"]{ | |
background-color: #E12D39; | |
border: 1px solid #E12D39; | |
border-radius: 2px; | |
padding: 1px 4px; | |
font-family: inherit; | |
font-size: 11px; | |
font-weight: bold; | |
letter-spacing: 0px; | |
line-height: 11px; | |
color: #160406; | |
/*color: #FCEAEC;*/ | |
} | |
/* HIGHLIGHTED COMMENT */ | |
.dark .highlightedComment {background: #444444 !important; border: 1px dashed #555555 !important;} | |
.light .highlightedComment {background: #FFEA9A !important; border: 1px dashed #DEC05F !important;} | |
/* YOU ARE A MODERATOR TAG LINE */ | |
.titlebox form.toggle, .leavemoderator {background: transparent; color: gray; font-size: smaller; margin: 0; padding: 3px 0;} | |
.leavemoderator a:link,.leavemoderator a:visited {color: gray;} | |
.leavemoderator a:hover,.leavemoderator a:active {color: gray; text-decoration: underline;} | |
/* UNIVERSAL SPOILER TAGS */ | |
.md a[href="#s"] {display: inline-block; color: inherit;} | |
.md a[href="#s"]::after { | |
content: attr(title); | |
background: #36627D; | |
color: #36627D; | |
border: 1px solid #060C0F; | |
padding: 2px; | |
visibility: visible; | |
margin-left: 5px; | |
cursor: default; | |
} | |
.md a[href="#s"]:hover::after, | |
.md a[href="#s"]:active::after {color: #DFDFDF; background: #142630;} | |
/* ACCOUNT */ | |
.notification-counter {background-color: #E62C36; border: 1px solid #E62C36; border-radius: 16px; color: #FFF; font-weight: bold;} | |
/* RETINA DISPLAY SUPPORT */ | |
@media only screen and (min--moz-device-pixel-ratio: 2), | |
only screen and (-o-min-device-pixel-ratio: 2/1), | |
only screen and (-webkit-min-device-pixel-ratio: 2), | |
only screen and (min-device-pixel-ratio: 2) { | |
/* VOAT LOGO */ | |
#header-img {background: url(https://i.imgur.com/jrxjLmo.png); background-size: 112px 31px; padding-left: 112px;} | |
/* LINK THUMBNAILS */ | |
.scorebar + .entry:before { | |
content: ''; | |
width: 70px; | |
height: 70px; | |
position: absolute; | |
left: 1px; | |
top: 1px; | |
background: url(https://i.imgur.com/CVU7mcY.png) top center no-repeat; | |
background-size: 70px 70px; | |
} | |
/* SIDEBAR IMAGE REMOVED */ | |
/* RESPONSIVITY */ | |
@media ( max-width: 870px ) { | |
.side .titlebox h1 {font-family: "Roboto", Arial, Helvetica, Geneva, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; margin: 0 10px 0 0; display: inline-block;} | |
.dark .tabmenu li.selected a { | |
background: #333; | |
background: -webkit-linear-gradient( top,#333,#2D2D2D ); | |
background: -moz-linear-gradient( top,#333,#2D2D2D ); | |
background: -ms-linear-gradient( top,#333,#2D2D2D ); | |
background: -o-linear-gradient( top,#333,#2D2D2D ); | |
border: 1px solid #222; | |
box-shadow: 0 1px 0 hsla( 0,0%,0%,0.35 ); | |
color: #FFF; | |
font-weight: bold; | |
} | |
.side .md table {min-width: 265px;} | |
.dark .side .md table {background-color: #303030;} | |
} | |
/* PAGE WIDTH */ | |
#container {margin-left: auto; margin-right: auto; max-width: inherit;} | |
#header-banner {margin: 0 auto; max-width: inherit;} | |
@media ( min-width: 960px ) { | |
#container {margin-left: 10px; margin-right: 10px; max-width: inherit;} | |
#header-banner {margin: 0 10px; max-width: inherit;} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment