Skip to content

Instantly share code, notes, and snippets.

@thefutureisbright
Last active February 18, 2016 23:32
Show Gist options
  • Save thefutureisbright/7082b67ee98737dbc37d to your computer and use it in GitHub Desktop.
Save thefutureisbright/7082b67ee98737dbc37d to your computer and use it in GitHub Desktop.
voat.co/v/bitcoincore/
/*
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