Skip to content

Instantly share code, notes, and snippets.

@joekarma
Last active December 15, 2015 21:19
Show Gist options
  • Save joekarma/5325125 to your computer and use it in GitHub Desktop.
Save joekarma/5325125 to your computer and use it in GitHub Desktop.
Tweaks to /r/television's subreddit CSS.
.side .spacer
{
margin:4px 0 3px;
}
.submit-text
{
display:none;
}
.titlebox .usertext-body .md a[href^='http://redd.it/18a3df?']
{
background-image:url('http://f.thumbs.redditmedia.com/pw24LQnHfUGwjA2q.png');
background-repeat:no-repeat;
content:"";
display:inline-block;
height:22px;
margin-bottom:-9px;
margin-right:2px;
margin-top:-9px;
vertical-align:middle;
width:97px;
}
div.content
{
margin-top:73px!important;
}
.formtabs-content .infobar:after
{
content:" Are you a blogger? Make sure your read the reddit.com/rules before posting.";
}
.subtitle
{
display:none;
min-height:0;
}
.sidebox .spacer
{
margin-top:7px;
min-height:0;
position:relative;
}
.sidebox.submit .spacer a
{
display:none;
}
.sidebox.create .spacer a
{
display:none;
}
#siteTable span.flair
{
display:none!important;
}
.pagename
{
font-size:11pt;
font-variant:normal!important;
text-transform:lowercase!important;
}
.usertext-body h2
{
color:#000;
font-family:"Segoe UI","Open Sans";
font-size:16pt!important;
}
.titlebox h1
{
display:none;
visibility:hidden;
}
.titlebox
{
background-image:url('http://a.thumbs.redditmedia.com/xho-1jAflJWO0icr.png');
background-position:top center;
background-repeat:no-repeat;
padding-top:215px;
}
.report-button .error.active:before
{
color:red;
content:"Please message the mods to tell us why. ";
font-weight:400;
}
a[href='/s']
{
cursor:default;
font-size:0;
visibility:hidden;
}
a[href='/s']::after
{
background:#000;
color:#000;
content:attr(title);
font-size:small;
padding:0 .5em;
visibility:visible;
}
a[href='/s']:hover::after,a[href='/s']:active::after
{
color:#FFF;
}
.flair-mustache,.flair-tvsmall,.flair-abc,.flair-showtime,.flair-tardis,.flair-amcsmall,.flair-rcommunitysmall,.flair-rtwd
{
border:0;
border-radius:0;
color:#000;
left:0;
padding:0;
position:relative;
text-indent:-9999px;
top:-1px;
vertical-align:middle;
}
.flair-rtwd
{
background:transparent url('http://f.thumbs.redditmedia.com/pw24LQnHfUGwjA2q.png') no-repeat;
height:22px;
width:97px;
}
.flair-tardis
{
background:transparent url('http://a.thumbs.redditmedia.com/SzHL4maXmvvXTuQZ.png') no-repeat;
height:24px;
width:15px;
}
.flair-mustache
{
background:transparent url('http://c.thumbs.redditmedia.com/dauDZk9Q1nJz_xhh.png') no-repeat;
height:12px;
width:13px;
}
.flair-tvsmall
{
background:transparent url('http://a.thumbs.redditmedia.com/922E-H9COMZSu0Br.png') no-repeat;
height:13px;
width:16px;
}
.flair-abcsmall
{
background:transparent url('http://b.thumbs.redditmedia.com/tNF9f7Ed2fJ2EuHC.png') no-repeat;
height:18px;
width:18px;
}
.flair-showtime
{
background:transparent url('http://d.thumbs.redditmedia.com/5JZQNFBsC7arK8_Q.png') no-repeat;
height:18px;
width:18px;
}
.flair-amcsmall
{
background:transparent url('http://c.thumbs.redditmedia.com/Zh8y20Soga6t5Xtn.png') no-repeat;
height:18px;
width:22px;
}
.flair-rcommunitysmall
{
background:transparent url('http://b.thumbs.redditmedia.com/h37HZSCgcxj1xgXI.png') no-repeat;
height:21px;
width:61px;
}
.linkflairlabel
{
margin-left:3px;
max-width:none;
}
.linkflair-helping
{
background-color:#FAF79D!important;
margin-right:320px!important;
opacity:0.9!important;
}
.flair-jansmall:before
{
background-image:url(http://f.thumbs.redditmedia.com/f06KoOEjt9_AFOjS.png);
background-position:0 0;
background-repeat:no-repeat;
content:"";
display:inline-block;
height:20px;
margin-right:2px;
vertical-align:middle;
width:17px;
}
.titlebox .usertext-body .md h6
{
background-color:#F2F2F2;
background-repeat:no-repeat;
border-bottom:1px solid #369;
border-left:1px solid #369;
border-radius:8px;
border-right:1px solid #369;
border-top:1px solid #369;
color:#555;
display:block;
font-family:verdana,sans-serif;
font-size:12px;
font-weight:700;
left:0;
margin:5px 5px 5px 4px;
padding:10px;
position:absolute;
text-align:left;
top:93px;
}
.titlebox form
{
position:static;
}
.titlebox .usertext-body .md h6 a,.titlebox .usertext-body .md h6 a:link,.titlebox .usertext-body .md h6 a:visited
{
color:#555;
}
.titlebox .usertext-body .md h6 a:hover
{
color:#666;
}
.titlebox .usertext-body .md h6 a:before
{
content:" ";
}
.titlebox blockquote:first-child
{
border-left:none;
left:-10px;
position:absolute;
top:63px;
z-index:100;
}
.titlebox blockquote:first-child p:first-child
{
background:#606060;
border:1px solid #cee3f8;
color:#FFF;
cursor:default;
float:left;
font-size:12pt;
font-weight:700;
margin-top:0;
padding:5px;
}
.titlebox blockquote ul
{
float:right;
margin:0;
margin-top: -1px;
padding: 0 1px;
overflow: hidden;
height: 25px;
-webkit-perspective: 1000px;
-webkit-perspective-origin: 50% 50%;
-moz-perspective: 1000px;
-moz-perspective-origin: 50% 50%;
perspective: 1000px;
perspective-origin: 50% 50%;
}
@-webkit-keyframes up-height {
0% { height: 100%; padding-bottom: 50px; }
100% { height: 100%; padding-bottom: 50px; }
}
@-moz-keyframes up-height {
0% { height: 100%; padding-bottom: 50px; }
100% { height: 100%; padding-bottom: 50px; }
}
@-o-keyframes up-height {
0% { height: 100%; padding-bottom: 50px; }
100% { height: 100%; padding-bottom: 50px; }
}
@keyframes up-height {
0% { height: 100%; padding-bottom: 50px; }
100% { height: 100%; padding-bottom: 50px; }
}
.titlebox blockquote ul:hover {
-webkit-animation: up-height 1s 0.5s;
-webkit-animation-fill-mode: forwards;
-moz-animation: up-height 1s 0.5s;
-moz-animation-fill-mode: forwards;
-o-animation: up-height 1s 0.5s;
-o-animation-fill-mode: forwards;
animation: up-height 1s 0.5s;
animation-fill-mode: forwards;
}
.titlebox blockquote ul:last-of-type {
padding-left: 4px;
}
.titlebox blockquote
{
white-space:nowrap;
}
.titlebox blockquote li
{
padding: 2px;
white-space:normal!important;
}
@-webkit-keyframes make-visible {
0% {
opacity: 0;
-webkit-transform-origin: center left;
-webkit-transform: rotateY(-90deg);
}
100% {
opacity: 1;
-webkit-transform-origin: center left;
-webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes make-visible {
0% {
opacity: 0;
-moz-transform-origin: center left;
-moz-transform: rotateY(-90deg);
}
100% {
opacity: 1;
-moz-transform-origin: center left;
-moz-transform: rotateY(0deg);
}
}
@-o-keyframes make-visible {
0% {
opacity: 0;
-o-transform-origin: center left;
-o-transform: rotateY(-90deg);
}
100% {
opacity: 1;
-o-transform-origin: center left;
-o-transform: rotateY(0deg);
}
}
@keyframes make-visible {
0% {
opacity: 0;
transform-origin: center left;
transform: rotateY(-90deg);
}
100% {
opacity: 1;
transform-origin: center left;
transform: rotateY(0deg);
}
}
.titlebox blockquote ul li
{
margin: 0;
margin-top: -1px;
background:#CEE3F8;
border-left:1px solid #369;
border-right:1px solid #369;
display:none;
opacity: 0;
text-align:center;
}
.titlebox blockquote li a
{
color:#000;
display:block;
font-size:12px;
}
.titlebox blockquote ul li:first-child,
.titlebox blockquote ul li:last-child {
border-bottom:1px solid #369;
-webkit-border-bottom-left-radius:7px;
-webkit-border-bottom-right-radius:7px;
-moz-border-bottom-left-radius:7px;
-moz-border-bottom-right-radius:7px;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
}
.titlebox blockquote ul li:first-child
{
border-top:1px solid #cee3f8;
display: block;
opacity: 1;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
}
.titlebox blockquote ul li:first-child:hover,
.titlebox blockquote ul li:first-child a
{
background: #CEE3F8 !important;
color: black !important;
}
.titlebox blockquote ul:hover li:first-child {
border-bottom: 1px solid #CEE3F8;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-bottom-left-radius:0;
-moz-border-bottom-right-radius:0;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
.titlebox blockquote ul:hover li {
display: block;
-webkit-animation: make-visible 1.3s 0.5s;
-webkit-animation-fill-mode: forwards;
-moz-animation: make-visible 1.3s 0.5s;
-moz-animation-fill-mode: forwards;
-o-animation: make-visible 1.3s 0.5s;
-o-animation-fill-mode: forwards;
animation: make-visible 1.3s 0.5s;
animation-fill-mode: forwards;
}
.titlebox blockquote ul:hover li:nth-of-type(2) {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.titlebox blockquote ul:hover li:nth-of-type(3) {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.titlebox blockquote ul:hover li:nth-of-type(4) {
-webkit-animation-delay: 0.7s;
-moz-animation-delay: 0.7s;
-o-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.titlebox blockquote ul:hover li:nth-of-type(5) {
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.titlebox blockquote ul:hover li:nth-of-type(6) {
-webkit-animation-delay: 0.9s;
-moz-animation-delay: 0.9s;
-o-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.titlebox blockquote ul:hover li:nth-of-type(7) {
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
-o-animation-delay: 1.0s;
animation-delay: 1.0s;
}
.titlebox blockquote ul:hover li:nth-of-type(8) {
-webkit-animation-delay: 1.1s;
-moz-animation-delay: 1.1s;
-o-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.titlebox blockquote ul:hover li:nth-of-type(9) {
-webkit-animation-delay: 1.2s;
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.titlebox blockquote ul:hover li:nth-of-type(10) {
-webkit-animation-delay: 1.3s;
-moz-animation-delay: 1.3s;
-o-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.titlebox blockquote ul:hover li:nth-of-type(11) {
-webkit-animation-delay: 1.4000001s;
-moz-animation-delay: 1.4000001s;
-o-animation-delay: 1.4000001s;
animation-delay: 1.4000001s;
}
.titlebox blockquote ul:hover li:nth-of-type(12) {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.titlebox blockquote ul:hover li:nth-of-type(13) {
-webkit-animation-delay: 1.6s;
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.titlebox blockquote ul:hover li:nth-of-type(14) {
-webkit-animation-delay: 1.7s;
-moz-animation-delay: 1.7s;
-o-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.titlebox blockquote ul:hover li:nth-of-type(15) {
-webkit-animation-delay: 1.8000001s;
-moz-animation-delay: 1.8000001s;
-o-animation-delay: 1.8000001s;
animation-delay: 1.8000001s;
}
.titlebox blockquote ul:hover li:nth-of-type(16) {
-webkit-animation-delay: 1.9s;
-moz-animation-delay: 1.9s;
-o-animation-delay: 1.9s;
animation-delay: 1.9s;
}
.titlebox blockquote ul:hover li:nth-of-type(17) {
-webkit-animation-delay: 2.0s;
-moz-animation-delay: 2.0s;
-o-animation-delay: 2.0s;
animation-delay: 2.0s;
}
.titlebox blockquote ul:hover li:nth-of-type(18) {
-webkit-animation-delay: 2.1s;
-moz-animation-delay: 2.1s;
-o-animation-delay: 2.1s;
animation-delay: 2.1s;
}
.titlebox blockquote ul:hover li:nth-of-type(19) {
-webkit-animation-delay: 2.2s;
-moz-animation-delay: 2.2s;
-o-animation-delay: 2.2s;
animation-delay: 2.2s;
}
.titlebox blockquote ul:hover li:nth-of-type(20) {
-webkit-animation-delay: 2.3000002s;
-moz-animation-delay: 2.3000002s;
-o-animation-delay: 2.3000002s;
animation-delay: 2.3000002s;
}
.titlebox blockquote ul:hover li:nth-of-type(21) {
-webkit-animation-delay: 2.4s;
-moz-animation-delay: 2.4s;
-o-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.titlebox blockquote ul:hover li:nth-of-type(22) {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.titlebox blockquote ul:hover li:nth-of-type(23) {
-webkit-animation-delay: 2.6000001s;
-moz-animation-delay: 2.6000001s;
-o-animation-delay: 2.6000001s;
animation-delay: 2.6000001s;
}
.titlebox blockquote ul:hover li:nth-of-type(24) {
-webkit-animation-delay: 2.7s;
-moz-animation-delay: 2.7s;
-o-animation-delay: 2.7s;
animation-delay: 2.7s;
}
.titlebox blockquote ul:hover li:nth-of-type(25) {
-webkit-animation-delay: 2.8s;
-moz-animation-delay: 2.8s;
-o-animation-delay: 2.8s;
animation-delay: 2.8s;
}
.titlebox blockquote ul:hover li:nth-of-type(26) {
-webkit-animation-delay: 2.9s;
-moz-animation-delay: 2.9s;
-o-animation-delay: 2.9s;
animation-delay: 2.9s;
}
.titlebox blockquote ul:hover li:nth-of-type(27) {
-webkit-animation-delay: 3.0s;
-moz-animation-delay: 3.0s;
-o-animation-delay: 3.0s;
animation-delay: 3.0s;
}
.titlebox blockquote ul:hover li:nth-of-type(28) {
-webkit-animation-delay: 3.1000001s;
-moz-animation-delay: 3.1000001s;
-o-animation-delay: 3.1000001s;
animation-delay: 3.1000001s;
}
.titlebox blockquote ul:hover li:nth-of-type(29) {
-webkit-animation-delay: 3.2s;
-moz-animation-delay: 3.2s;
-o-animation-delay: 3.2s;
animation-delay: 3.2s;
}
.titlebox blockquote ul:hover li:nth-of-type(30) {
-webkit-animation-delay: 3.3s;
-moz-animation-delay: 3.3s;
-o-animation-delay: 3.3s;
animation-delay: 3.3s;
}
.titlebox blockquote ul:hover li:nth-of-type(31) {
-webkit-animation-delay: 3.4s;
-moz-animation-delay: 3.4s;
-o-animation-delay: 3.4s;
animation-delay: 3.4s;
}
.titlebox blockquote ul:hover li:nth-of-type(32) {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.titlebox blockquote ul:hover li:nth-of-type(33) {
-webkit-animation-delay: 3.6000001s;
-moz-animation-delay: 3.6000001s;
-o-animation-delay: 3.6000001s;
animation-delay: 3.6000001s;
}
.titlebox blockquote ul:hover li:nth-of-type(34) {
-webkit-animation-delay: 3.7s;
-moz-animation-delay: 3.7s;
-o-animation-delay: 3.7s;
animation-delay: 3.7s;
}
.titlebox blockquote ul:hover li:nth-of-type(35) {
-webkit-animation-delay: 3.8s;
-moz-animation-delay: 3.8s;
-o-animation-delay: 3.8s;
animation-delay: 3.8s;
}
.titlebox blockquote ul:hover li:nth-of-type(36) {
-webkit-animation-delay: 3.9s;
-moz-animation-delay: 3.9s;
-o-animation-delay: 3.9s;
animation-delay: 3.9s;
}
.titlebox blockquote ul:hover li:nth-of-type(37) {
-webkit-animation-delay: 4.0s;
-moz-animation-delay: 4.0s;
-o-animation-delay: 4.0s;
animation-delay: 4.0s;
}
.titlebox blockquote ul:hover li:nth-of-type(38) {
-webkit-animation-delay: 4.1000004s;
-moz-animation-delay: 4.1000004s;
-o-animation-delay: 4.1000004s;
animation-delay: 4.1000004s;
}
.titlebox blockquote ul:hover li:nth-of-type(39) {
-webkit-animation-delay: 4.2s;
-moz-animation-delay: 4.2s;
-o-animation-delay: 4.2s;
animation-delay: 4.2s;
}
.titlebox blockquote ul:hover li:nth-of-type(40) {
-webkit-animation-delay: 4.3s;
-moz-animation-delay: 4.3s;
-o-animation-delay: 4.3s;
animation-delay: 4.3s;
}
.titlebox blockquote ul:hover li:nth-of-type(41) {
-webkit-animation-delay: 4.4s;
-moz-animation-delay: 4.4s;
-o-animation-delay: 4.4s;
animation-delay: 4.4s;
}
.titlebox blockquote ul:hover li:nth-of-type(42) {
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
-o-animation-delay: 4.5s;
animation-delay: 4.5s;
}
.titlebox blockquote ul:hover li:nth-of-type(43) {
-webkit-animation-delay: 4.6s;
-moz-animation-delay: 4.6s;
-o-animation-delay: 4.6s;
animation-delay: 4.6s;
}
.titlebox blockquote ul:hover li:nth-of-type(44) {
-webkit-animation-delay: 4.7000003s;
-moz-animation-delay: 4.7000003s;
-o-animation-delay: 4.7000003s;
animation-delay: 4.7000003s;
}
.titlebox blockquote ul:hover li:nth-of-type(45) {
-webkit-animation-delay: 4.8s;
-moz-animation-delay: 4.8s;
-o-animation-delay: 4.8s;
animation-delay: 4.8s;
}
.titlebox blockquote ul:hover li:nth-of-type(46) {
-webkit-animation-delay: 4.9s;
-moz-animation-delay: 4.9s;
-o-animation-delay: 4.9s;
animation-delay: 4.9s;
}
.titlebox blockquote ul:hover li:nth-of-type(47) {
-webkit-animation-delay: 5.0s;
-moz-animation-delay: 5.0s;
-o-animation-delay: 5.0s;
animation-delay: 5.0s;
}
.titlebox blockquote ul:hover li:nth-of-type(48) {
-webkit-animation-delay: 5.1s;
-moz-animation-delay: 5.1s;
-o-animation-delay: 5.1s;
animation-delay: 5.1s;
}
.titlebox blockquote ul:hover li:nth-of-type(49) {
-webkit-animation-delay: 5.2000003s;
-moz-animation-delay: 5.2000003s;
-o-animation-delay: 5.2000003s;
animation-delay: 5.2000003s;
}
.titlebox blockquote ul:hover li:nth-of-type(50) {
-webkit-animation-delay: 5.3s;
-moz-animation-delay: 5.3s;
-o-animation-delay: 5.3s;
animation-delay: 5.3s;
}
.titlebox blockquote ul:hover li:nth-of-type(51) {
-webkit-animation-delay: 5.4s;
-moz-animation-delay: 5.4s;
-o-animation-delay: 5.4s;
animation-delay: 5.4s;
}
.titlebox blockquote ul:hover li:first-child {
display: block;
}
.titlebox blockquote li:first-child
{
cursor:default;
font-size:12pt;
padding:4px;
}
.titlebox blockquote:first-child ul li:hover
{
background:#006e89;
}
.titlebox blockquote li a:hover
{
color:#FFF;
}
.titlebox blockquote ul:nth-of-type(1)
{
width:130px;
}
.titlebox blockquote ul:nth-of-type(2)
{
width:130px;
}
.titlebox blockquote ul:nth-of-type(3)
{
width:130px;
}
.titlebox blockquote ul:nth-of-type(4)
{
width:130px;
}
.titlebox blockquote ul:nth-of-type(5)
{
width:130px;
}
.titlebox blockquote ul:nth-of-type(6)
{
width:130px;
}
.titlebox blockquote ul:nth-of-type(7)
{
width:130px;
}
.titlebox blockquote ul:nth-of-type(8)
{
width:130px;
}
.titlebox blockquote ul:nth-of-type(9)
{
width:130px;
}
.titlebox blockquote ul:nth-of-type(10)
{
width:130px;
}
.titlebox blockquote ul:nth-of-type(11)
{
width:130px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment