/r/InvisibleBicycles - old css

/*  Welcome to the stylesheet for /r/InvisibleBikes! CSS Done by /u/Vmoney1337.
*/


#header {
    height: 200px;
    background: url(%%header1%%) repeat bottom left;
    border-bottom: 3px solid #899bca
    }

#header-img { margin-top: 140px; margin-left: 5px; }

#header-bottom-right {
    background-color: #0A0A0A
    }

#header-bottom-right, #header-bottom-right a {
    color: #8E9194
    }

#header .redditname a {
    color: #dbdbdb;
    border-bottom: none;
    font-size: 210%;
    font-family: sans-serif;
    text-shadow: black 0px 0px 10px
    }



#sr-header-area {
    background-color: #0A0A0A;
    border-bottom: 1px solid #000;
    color: #8E9194;
    height: 20px;
    line-height: 22px;
    font-size: 11px;
    margin-top: 00px;
    padding: 0 0 0 5px;
    text-transform: lowercase
    }
#sr-header-area .separator {
    color: #e45a69;
    display: inline-block;
    margin: 0;
    text-align: center;
    width: 8px
    }
#sr-header-area > .separator {
    color: #e45a69;
    margin: 0 7px 0 2px
    }
.srSep {
    margin: 0 5px
    }
#userbarToggle {
    background-color: #262B30
    }
#userbarToggle.userbarShow {
    margin-right: 1px;
    color: #F2EDBC;
    display: inline-block;
    background-color: #0A0A0A;
    top: -5px
    }
#userbarToggle.userbarHide {
    background-color: #0A0A0A
    }
/* Extra specificity to override RES. */
#sr-header-area a {
    /* RES uses !important so we must too. */
    color: #8E9194 !important
    }
#sr-header-area a:hover {
    /* RES uses !important so we must too. */
    text-decoration: underline
    }
/* Extra specificity to override RES. */
#header #RESShortcutsViewport {
    display: inline-block;
    min-height: 24px
    }
/* Extra specificity to override RES. */
#header #srLeftContainer, #header #RESStaticShortcuts, #header #RESShortcuts, #header #srDropdown {
    background-color: #5d5d5d
    }
#RESStaticShortcuts {
    text-transform: lowercase
    }
/*


#header-bottom-left {
    position: static;
    background-position: 0px -5px;
    height: 192px;
    z-index: 1;
    box-shadow: 0px 2px 4px #888
    }




.tabmenu:not(.formtab) {
    position: absolute;
    left: 10px;
    top: 234px;
    margin: 0px;
    color: white;
    font-size: 10pt
    }
.tabmenu:not(.formtab) li {
    display: inline;
    margin: 0px 0px;
    font-weight: 500
    }
.tabmenu:not(.formtab) li a {
    padding: 5px;
    background: transparent;
    border-bottom: 3px solid #262B30;
    font-weight: bold;
    }
.tabmenu:not(.formtab) li:not(.selected) a:hover {
    background: transparent;
    color: #ff2200;
    border-bottom: 3px solid #ff2200
    }
.tabmenu:not(.formtab) li.selected a {
    color: #FF2200;
    border-bottom: 3px solid #FF2200;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    font-weight: bold
    }
.tabmenu:not(.formtab) li:not(.selected) a {
    color: #262B30
    }



div.content {
    margin-top: 110px
    }

.titlebox form {
    position: static
    }
.side h3:nth-of-type(1) {
    position: absolute;
    display: block;
    top: 275px;
    left: 0px;
    background-color: #F0E68C;
    color: #000000;
    text-align: left;
    margin: 5px;
    border-radius: 8px;
    width: 40%;
    padding: 7px 0px 7px 40px;
    background-image: url(%%epsnoo%%);
    background-repeat: no-repeat;
    background-position: left
    }



.side form#search input[name="q"] {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    }

/*
#search {
display:none;
}
*/


.side .redditname a {
    color: #0A0A0A;
}



.titlebox h1 {
    font-family: Arial;
    font-size: 28px;
    font-weight: bold;
    font-variant: small-caps;
    color: #0A0A0A;
    text-transform: capitalize;
    text-align: center
    }


.titlebox .word {
    display: none
    }

.titlebox .number:after {
    content: " Riding their invisible bikes";
    }
.titlebox .users-online span.number:after {
    content: " Laughing Now ";
    }

.link a.title {
    font-family: Arial;
    font-size: 1.1em
    }
.thing .title.loggedin {
    color: #193969
    }
.thing .title.loggedin:visited {
    color: #A6A6A6
    }
.thing .title.loggedin:hover {
    color: #3D5E8F
    }
.compressed.title, .title.loggedin {
    margin: 1px 0;
    padding: 2px 0 !important;
    line-height: 1.5em
    }
#siteTable div.thing a.title {
    color: #193969
    }
#siteTable div.thing a.title:hover {
    color: #3D5E8F
    }
#siteTable div.thing a.title:visited {
    color: #A6A6A6
    }

.arrow.up {
    background-image: url(%%uparrow%%);
    background-position: -2px 0px;
    height: 20px;
    width: 20px
    }
.arrow.upmod {
    background-image: url(%%uparrow2%%);
    background-position: -2px 0px;
    height: 20px;
    width: 20px
    }
.arrow.down {
    background-image: url(%%downarrow%%);
    background-position: -2px 0px;
    height: 20px;
    width: 20px
    }
.arrow.downmod {
    background-image: url(%%downarrow2%%);
    background-position: -2px 0px;
    height: 20px;
    width: 20px
    }

.link .score {
text-align: center;
color: #C6C6C6;
}


.linkinfo {
    background-color: #E6E9F0;
    border: 1px solid #2d52a0
    }


body {
    background-image: url(%%snow%%);
    background-repeat: repeat
    }


.side .md li a {
padding: 5px;
display: block;
border: 1px solid #000000;
font-size: 10px;
font-weight: bold;
border-radius: 4px;
-moz-border-radius: 4px;
margin: 3px;
background: #F5DEB3;
color: #C84300;
/* float: left; */
}

.side .md li a:hover{
background-image:none;
background-color:#FFF8DC;
    }

.md ul li  {
    list-style: none;
    padding-left: -15px;
    margin-left: -25px;
    }


.titlebox {
  background: #f5f5f5;
  border: 1px solid #a5a5a5;
  border-radius: 3px;
  padding: 10px;
}
.titlebox .md {
  color: #444;
  overflow: visible;
}
.titlebox .usertext .md > h2 {
  background-color: #9EB6D9;
  border-color: #426BA8;
  border-top-color: #7494c3;
  border-left-color: #7494c3;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-style: solid solid solid none;
  border-width: 1px 1px 1px 1px;
  color: #193969;
  font: normal normal 1.5em sans-serif;
  margin: 10px 13px 5px -18px;
  padding: 3px 0 3px 20px;
  text-shadow: 0px 0px 0 #987417;
  z-index: 100;
}
.titlebox .usertext .md > h2::after {
  border-color: transparent #426BA8 transparent transparent;
  border-style: solid;
  border-width: 15px;
  content: "";
  display: block;
  height: 0;
  margin-left: -35px;
  margin-top: -10px;
  position: absolute;
  width: 0;
  z-index: -1;
}

.side {
    background: url(%%snow%%)
    }


.sidecontentbox .content a {
    color: #000000;
    }


.sidebox.submit {
    position: absolute;
    top: 225px; /* might need adjustement, depending on the
                      size of your header */
    width: 300px;
}

.sidebox.submit .spacer {
    display: none;
}

.side {
    margin-top: 45px;
}


.roundfield {
    background-color: #9EB6D9
    }
.formtabs-content {
    border-top: 4px solid #9EB6D9
    }
.tabmenu.formtab .selected a {
    background-color: #9EB6D9
    }


#newlink .infobar {
    background-color: transparent;
    padding: 0;
    margin: 0;
    font-size: 0;
    border: 0;
    text-indent: -10000px
    }
#newlink .infobar:after {
    text-indent: 0;
    background-color: #9EB6D9;
    color: white !important;
    border: 0;
    padding: 10px;
    background-position: bottom center;
    background-repeat: no-repeat;
    font-size: 13pt;
    font-weight: bold;
    display: block;
    margin-top: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
    }
#link-desc:after {
    content: "Keep in mind: Nothing but invisible bikes or requests!"
    }

.roundfield {
width: 500px;
background-color: #E6E9F0;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 5px 10px 10px 10px;
font-size: large;
}



.sidebox .spacer {
    display: none
    }


.side .sidebox.create {
    display: none
    }


.titlebox .bottom {
    display: none
    }


.footer {
    border: 1px solid #737373;
    background-image: url(%%Glow-2%%);
    background-position: center;
    background-repeat: no-repeat
    }
.footer .col {
    border-left: 1px solid #737373
    }


.link .marknsfw-button .option.active a[href="#"], .link .unmarknsfw-button .option.active a[href="#"] {
    font-size: 0;
    color: white
    }


.linkflair-jollyroger {
    content: url(%%skull%%);
    background-position: 0px 0px;
    display: inline-block
    }
.linkflairlabel {
    color: red !important;
    font-weight: 900;
    background: white !important;
    border: 1px solid red
    }
.link ~ .odd {
    background-color: #F7F7F7;
    border-radius: 8px
    }


a[href*="/r/metart/"][href*="announcement"].title:link {
    color: red !important
    }
a[href*="/r/metart/"][href*="announcement"].title:visited {
    color: red !important
    }

.content:before {
    content: url(%%warning%%) "  Oh no! You're not subscribed to /r/InvisibleBikes yet! Click on the button on the right and add us to your front page!";
    display: block;
    padding: 0px 0px 18px 10px;
    color: #8B0000;
    font-size: 13px
    }
.subscriber .content:before {
    content: " " !important
    }

.author {
    color: #426BA8 !important
    }


div.side:before {
    content: "";
    display: block;
    text-align: center;
    font-size: 13px;
    padding-top: 482px;
    margin-bottom: 20px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image: url(%%Arnold%%)
    }

/* author flair */

a.author[href$="user/Vmoney1337"]{font-size:10px;content:""}
a.author[href$="user/Vmoney1337"]:after{
visibility:visible;font-size:13px!important;
background-color:#000000;border:1px solid #aaa;border-radius:5px;
-moz-border-radius:5px;-webkit-border-radius:5px;
margin:0px 0px 50px 0px;color:white;
font-family:georgia;
text-shadow:0px 0px 0 #000000,-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000,0px 0px 0 #000000;
font-weight:normal!important;
padding-right:10px;
padding-left:5px;
padding-bottom:2px;
content:" CSS Master"
}