voat.co/v/cyberpunk

cyberpunk.css

/*
Custom stylesheet for /v/cyberpunk (https://voat.co/v/cyberpunk)
Stylesheet based on Minity by Nurdoidz (https://voat.co/user/nurdoidz)
Sidebar image by Rob Sheridan (http://www.rob-sheridan.com)
*/

/* IMPORT MINITY DARK */
@import url( https://voat.co/Content/Voat-Dark.css );

/* FONTS AND TEXT */
@import url( https://fonts.googleapis.com/css?family=Roboto: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;}

/* DASHBOARD */
.top-bar {text-transform: uppercase; font-size: 11px;}
.top-bar a {color: #967AFF;}
.top-bar a:hover {color: #967AFF; text-decoration: underline;}

#dashboard h1 {text-transform: uppercase; font-size: 16px; font-weight: bold;}
#dashboard ul li {text-transform: lowercase;}

#dashboard h1 {color: #967AFF;}

#dashboard ul li a:hover {color: #967AFF;}

/* 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 */
.whoaversename {text-transform: capitalize;}
.subverse {text-transform: capitalize;}

/* VOAT LOGO */
/* The size of the Voat logo must be 112 x 31 pixels. */
#header-img {background: url(https://i.imgur.com/qFsYQXg.png); padding-left: 112px;}

/* HEADER TEXT AND SUBSCRIPTION MENU COLORS */
#header:focus {outline: none;}

.whoaSubscriptionMenu li ul li a:hover {
background: #8969DD;
background: -webkit-linear-gradient( top,#8969DD,#7954D7 );
background: -moz-linear-gradient( top,#8969DD,#7954D7 );
background: -ms-linear-gradient( top,#8969DD,#7954D7 );
background: -o-linear-gradient( top,#8969DD,#7954D7 );
color: #24193C !important;
}

#sr-more-link:hover {background: #8969DD; color: #24193C; text-decoration: none;}

.sr-list li a {color: #967AFF;}
#sr-header-area .selected a {color: #967AFF;}
.drop-arrow {border-color: #967AFF transparent transparent;}
.pagename a:hover {color: #967AFF;}
.tabmenu li.selected a:hover {color: #967AFF;}
#header-account a:hover {color: #967AFF;}

/* LINK AND TEXT COLORS */
.userstats-submission-title:hover {color: #967AFF;}
.userstats-submission-author:hover {color: #967AFF;}
.userstats-submission-subverse:hover {color: #967AFF;}

.link a.subverse:hover {color: #967AFF;}
.link a.author:hover {color: #967AFF;}

a:hover {color: #967AFF;}

.field-validation-error {color: #967AFF;}

.titlebox h1 a:hover {color: #967AFF;}

.footer a:link, .footer a:visited {color: gray;}
.footer a:hover, .footer a:active {color: #967AFF; text-decoration: underline;}

.linklisting .tagline a.author:link, .linklisting .tagline a.author:visited {color: #ABABAB; font-weight: bold; text-decoration: none;}
.linklisting .tagline a.author:hover, .linklisting .tagline a.author:active {color: #967AFF; text-decoration: none;}

.domain {text-transform: lowercase;}
.domain a:hover {color: #967AFF; text-decoration: none;}

.menuarea a:link, .menuarea a:visited {color: gray;}
.menuarea a:hover, .menuarea a:active {color: #967AFF;}

.tagline a {color: #967AFF;}
.tagline a:visited {color: #967AFF;}
.tagline a:hover {color: #967AFF; text-decoration: underline;}

.user .upvoatsGiven a {color: #967AFF !important;}

#header-account .logged-out a:link, #header-account .logged-out a:visited {color: #967AFF; text-decoration: none;}
#header-account .logged-out a:hover, #header-account .logged-out a:active {color: #967AFF; text-decoration: underline;}

#sortingThingy a:link, #sortingThingy a:visited {color: #967AFF; text-decoration: none;}
#sortingThingy a:hover, #sortingThingy a:active {text-decoration: underline;}

/* ALERT TITLE COLORS */
.alert-title {color: #967AFF;}
.alert-h1 {color: #967AFF;}
.alert-h2 {color: #967AFF;}

/* LINK TITLE COLORS */
.link a.title.may-blank {color: #C3C3C3; font-weight: bold;}

.link a.title.may-blank:hover {color: #967AFF; text-decoration: none;}
.dark .link a.title.may-blank:hover {color: #967AFF; text-decoration: none;}
.light .link a.title.may-blank:hover {color: #967AFF; 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: #967AFF;}

/* SIDEBAR IMAGE */
/* The width of the sidebar image must be 280 pixels, change the padding value to match the height of the image. */
.side .md:nth-of-type(1){background: url(https://i.imgur.com/fs381ff.png) top center no-repeat; padding: 280px 0 0; margin: 10px 0 0;}

/* SIDEBAR LINK AND TEXT COLORS */
.side .alert-h1 {text-transform: uppercase;}

.side .titlebox .bottom, .side .titlebox .bottom a, .side .titlebox .bottom a:visited {color: gray;}
.side .titlebox .bottom a:hover {color: #967AFF;}

.side .sidecontentbox, .side .sidecontentbox a, .side .sidecontentbox a:visited {color: gray;}
.side .sidecontentbox a:hover {color: #967AFF;}

.side .md a,.side .md a:visited {color: gray;}
.side .md a:hover {color: #967AFF;}

.side .sidecontentbox .content, .side .sidecontentbox .content a, .side .sidecontentbox .content a:visited {color: gray;}
.side .sidecontentbox .content a:hover {color: #967AFF;}

.side .titlebox .bottom {border: none;}

.side div.titlebox.submissioninfo a, .side div.titlebox.submissioninfo a:visited {color: gray; font-weight: bold; text-decoration: none;}
.side div.titlebox.submissioninfo a:hover, .side div.titlebox.submissioninfo a:active {color: #967AFF; text-decoration: none;}

.side div.titlebox.submissioninfo {background: #303030; border: 1px solid #272727; border-radius: 2px; padding: 8px;}

.side .alert-h2 {color: #967AFF; font-size: 14px; font-weight: bold; text-transform: uppercase;}

#moderation_tools a:hover {text-decoration: none;}

/* SIDEBAR MARKDOWN CODE */
.side .md h2 {
color: #967AFF;
font-size: 14px;
text-transform: uppercase;
border-bottom: 2px solid;
margin-bottom: 2px;
border-color: #222;
}

.side .md hr {margin: 10px 0; border: none;}

.side .md blockquote a {color: gray;}
.side .md blockquote ul {padding: 0px; margin-top: 6px; margin-bottom: 5px;}
.side .md blockquote {
background: #303030;
border-color: #272727;
border-width: 1px;
box-shadow: none;
margin: 0px;
padding: 0px 5px;
}

.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;
}

.side .md table {
background-color: #303030;
width: 280px;
box-shadow: none;
margin: 0;
font-weight: normal;
}
.side .md table thead {
border-bottom: 2px solid #272727;
border-bottom: none;
color: #967AFF;
font-weight: normal;
}
.side .md td, .md th {
border: 1px solid #272727;
line-height: normal;
padding: 5px;
font-weight: normal;
}

/* MARKDOWN CODE */
.md a:hover {color: #967AFF !important; text-decoration: none;}
.md a:visited {color: #56A8DA; text-decoration: none;}

.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;
}

pre, code {
background: #2E2E2E;
border: 1px solid #272727;
border-radius: 3px;
color: #CCC;
font-size: 12px;
white-space: pre !important;
}

.link .usertext .md blockquote {background: #333;}
.link .usertext .md pre, .link .usertext .md code {background: #333;}

.comment .comment .comment,
.comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #333333;}
.comment .comment .comment blockquote,
.comment .comment .comment .comment .comment blockquote,
.comment .comment .comment .comment .comment .comment .comment blockquote,
.comment .comment .comment .comment .comment .comment .comment .comment .comment blockquote,
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment blockquote {background-color: #292929;}
.comment .comment,
.comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment,
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {background-color: #292929;}
.comment .comment blockquote,
.comment .comment .comment .comment blockquote,
.comment .comment .comment .comment .comment .comment blockquote,
.comment .comment .comment .comment .comment .comment .comment .comment blockquote,
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment blockquote {background-color: #333333;}

/* TOP TAB MENU BUTTONS */
.tabmenu li.selected a.contribute {
background: #9B7EE1;
background: -webkit-linear-gradient( top,#9B7EE1,#8969DC );
background: -moz-linear-gradient( top,#9B7EE1,#8969DC );
background: -ms-linear-gradient( top,#9B7EE1,#8969DC );
background: -o-linear-gradient( top,#9B7EE1,#8969DC );
border: solid #704DB0;
border-width: 1px 1px 2px;
color: #24193C;
font-weight: bold;
}
.tabmenu li.selected a.contribute:hover {
background: #8969DD;
background: -webkit-linear-gradient( top,#8969DD,#7954D7 );
background: -moz-linear-gradient( top,#8969DD,#7954D7 );
background: -ms-linear-gradient( top,#8969DD,#7954D7 );
background: -o-linear-gradient( top,#8969DD,#7954D7 );
border-color: #633AAB;
}

/* TOP TAB MENU BUTTONS UNSELECTED */
.tabmenu li.disabled a.contribute {
background: #9B7EE1;
background: -webkit-linear-gradient( top,#9B7EE1,#8969DC );
background: -moz-linear-gradient( top,#9B7EE1,#8969DC );
background: -ms-linear-gradient( top,#9B7EE1,#8969DC );
background: -o-linear-gradient( top,#9B7EE1,#8969DC );
border: solid #704DB0;
border-width: 1px 1px 2px;
color: #24193C;
}
.tabmenu li.disabled a.contribute:hover {
background: #8969DD;
background: -webkit-linear-gradient( top,#8969DD,#7954D7 );
background: -moz-linear-gradient( top,#8969DD,#7954D7 );
background: -ms-linear-gradient( top,#8969DD,#7954D7 );
background: -o-linear-gradient( top,#8969DD,#7954D7 );
border-color: #633AAB;
}

/* BUTTONS */
.btn-whoaverse.contribute {
background: #9B7EE1;
background: -webkit-linear-gradient( top,#9B7EE1,#8969DC );
background: -moz-linear-gradient( top,#9B7EE1,#8969DC );
background: -ms-linear-gradient( top,#9B7EE1,#8969DC );
background: -o-linear-gradient( top,#9B7EE1,#8969DC );
border-color: #704DB0;
color: #24193C;
}
.btn-whoaverse.contribute:hover {
background: #8969DD;
background: -webkit-linear-gradient( top,#8969DD,#7954D7 );
background: -moz-linear-gradient( top,#8969DD,#7954D7 );
background: -ms-linear-gradient( top,#8969DD,#7954D7 );
background: -o-linear-gradient( top,#8969DD,#7954D7 );
border-color: #633AAB;
color: #24193C;
}

.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;
}

/* BODY BUTTONS */
.btn-whoaverse-paging {font-weight: bold;}

.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;}

.side .btn-whoaverse-paging {font-weight: bold;}

.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;
}
.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;
}

.btn-whoaverse-paging.btn-xs.btn-default.btn-sub {
background: #3C74B3;
background: -webkit-linear-gradient( top,#3C74B3,#326BAC );
background: -moz-linear-gradient( top,#3C74B3,#326BAC );
background: -ms-linear-gradient( top,#3C74B3,#326BAC );
background: -o-linear-gradient( top,#3C74B3,#326BAC );
border: 1px solid #2A5C93;
color: #FFF;
}
.btn-whoaverse-paging.btn-xs.btn-default.btn-sub:hover {
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;
}

/* OTHER BUTTONS */
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;
}
.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;
}

.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;
}
.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;
}

/* REGISTER */
.modal-header {
background: #9B7EE1;
background: -webkit-linear-gradient( top,#9B7EE1,#8969DC );
background: -moz-linear-gradient( top,#9B7EE1,#8969DC );
background: -ms-linear-gradient( top,#9B7EE1,#8969DC );
background: -o-linear-gradient( top,#9B7EE1,#8969DC );
border-bottom: 2px solid #704DB0;
border-radius: 3px 3px 0 0;
}
.modal-body label.control-label {
background: #9B7EE1;
background: -webkit-linear-gradient( top,#9B7EE1,#8969DC );
background: -moz-linear-gradient( top,#9B7EE1,#8969DC );
background: -ms-linear-gradient( top,#9B7EE1,#8969DC );
background: -o-linear-gradient( top,#9B7EE1,#8969DC );
border-bottom: 2px solid #704DB0;
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: #704DB0;
}
.modal-footer a:link, .modal-footer a:visited {color: #967AFF; text-decoration: none;}
.modal-footer a:hover, .modal-footer a:active {color: #967AFF; text-decoration: underline;}

/* STICKY LINK */
.promoted {
text-transform: capitalize;
background: #62C6FA;
border: 1px solid #62C6FA;
border-radius: 2px;
color: #0A1319;
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;
}
div.submission.even.link.stickied a.title.may-blank {color: #62C6FA;}
div.submission.even.link.stickied a.title.may-blank:hover {text-decoration: underline;}

/* LINK FLAIRS */
.link .flair {font-size: 11px;}

.linkflairlabel {
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;
}

.important-flair {
text-transform: uppercase;
background: #B44747 !important;
border: 1px solid #B44747 !important;
color: #120707 !important;
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;
}

#anonflair,#archivedflair {
background: #555555 !important;
border: 1px solid #555555 !important;
color: #DDDDDD !important;
}

#nsfwflair,.nsfw-flair {
background: #B44747 !important;
border: 1px solid #B44747 !important;
color: #F7EDED !important;
}

/* NSFW LINK FLAIRS */
.thumbnail.nsfw {
background: url(https://i.imgur.com/1SoKCA5.png) center center no-repeat;
background-size: 70px 70px;
}
.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";
}
*/
/* COMMENTS */
.alert-notice {background: #292929; border-color: #222222 #222222 #222222;}

/* COMMENT USER FLAIRS */
.comment a.author {color: #967AFF; font-weight: bold; margin: 3px;}
.comment a.author:visited {color: #967AFF;}
.comment a.author:hover {color: #967AFF; text-decoration: underline;}

.comment a.submitter {color: #725EB9;}
.comment a.moderator {color: #3FBF4C;}
.comment a.admin {color: #E12D39;}

.comment a.moderator.author,.comment a.submitter.author,.content a[href$="/user/-none-"]{
background-color: #725EB9;
border: 1px solid #725EB9;
border-radius: 2px;
padding: 1px 4px;
font-family: inherit;
font-size: 11px;
font-weight: bold;
letter-spacing: 0px;
line-height: 11px;
color: #F1EFF8;
}
.comment a.moderator.author,.content a[href$="/-none-"],.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;
}
.comment a.admin.author,.content a[href$="/-none-"],.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 */
.highlightedComment {background: #444444 !important; border: 1px dashed #555555 !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 */
/* The background-size must match the image dimensions of the non retina 1x image. */
#header-img {background: url(https://i.imgur.com/jrxjLmo.png); background-size: 112px 31px; padding-left: 112px;}
/* LINK THUMBNAILS */
/* The background-size must match the image dimensions of the non retina 1x image. */
.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 */
/* The background-size must match the image dimensions of the non retina 1x image, change the padding value to match the height of the non retina 1x image. */
.side .md:nth-of-type(1){background: url(https://i.imgur.com/bFTYR5t.png) top center no-repeat; background-size: 280px 280px; padding: 280px 0 0; margin: 10px 0 0;}
/* NSFW LINK FLAIRS */
.thumbnail.nsfw {
background: url(https://i.imgur.com/f7K7O8m.png) center center no-repeat;
background-size: 70px 70px;
}
.thumbnail>img[alt*="nsfw"],
.thumbnail>img[alt*="NSFW"] {
width: 0px; 
height: 0px; 
padding: 34px;
background: url(https://i.imgur.com/f7K7O8m.png) center center no-repeat;
background-size: 70px 70px;
}
}

/* RESPONSIVITY */
@media ( max-width: 870px ) {
.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 {background-color: #303030; min-width: 265px;}
}

/* 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;}
}

cyberpunk.md

Community guidelines

All content relating to cyberpunk, be it audio, text or visual is welcome here.

• Abide by Voat's user agreement.
• Avoid repetition, please check "New".
• Be excellent to each other.
• No scams, spam or referral links.
• No trades, buying or selling.
• No URL shorteners, use real links.
• Original source links are preferable.
• Stay on-topic.
• Title NSFW content as such.

---

Quick links

Cyberpunk Database
Cyberpunk Books
Cyberpunk Games
Cyberpunk Movies
Cyberpunk Music
What is Cyberpunk?

---

Other subverses

/v/CyberpunkMusic
/v/Dystopia
/v/MetaverseMusic
/v/Outrun
/v/Schway
/v/VoCatalog

---

Credits and sources

Sidebar image by Rob Sheridan
Sidebar text on GitHub
Stylesheet on GitHub
Stylesheet based on Minity by Nurdoidz