- /**/
- /* =========================== */
- /* =========================== */
- /* = original CSS stylesheet by hokiebird = */
- /* =========================== */
- /* == Last updated 05.17.12, 12:04am EST == */
- /* =========================== */
- /* =========================== */
- /**/
- /* =========================== */
- /* = Sidebar picture = */
- /* =========================== */
- .side {
- background-image: url(%%chinamap2%%);
- background-repeat: no-repeat;
- background-position: 0px 0px;
- padding-top: 150px !important;
- /* Adjust this for taller pictures */
- /* padding-top: 215px !important;*/
- /* Adjust this for taller pictures */
- }
- /* =========================== */
- /* = Picture Caption = */
- /* =========================== */
- div.side:before {
- content: "The Middle Kingdom.";
- font-size: 110%;
- font-weight: bold;
- margin-left: 100px !important;
- /* Adjust this to make it centered */
- padding-top: 20px !important
- }
- /* =========================== */
- /* = Sidebar table formatting = */
- /* =========================== */
- .side .md table {
- border: 2px solid #c2c2c2;
- width: 100%;
- padding: 2px;
- background-color: #ffffff;
- margin-left: 0px;
- margin-right: 0px;
- margin-top: 10px;
- margin-bottom: 15px
- }
- .side .md table th {
- background-color: #a34e4e;
- color: white
- }
- .side .md table td {
- border: 1px dotted gray
- }
- .side .md table a {
- color: #7f7f7f;
- text-decoration: underline
- }
- .side .md table a:hover {
- color: black !important;
- text-decoration: underline;
- font-style: italic
- }
- .side .md table a:selected {
- color: #7f7f7f;
- text-decoration: underline
- }
- .side .md table a:visited {
- color: #7f7f7f;
- text-decoration: underline
- }
- /* =========================== */
- /* = Page layout = */
- /* =========================== */
- body {
- background: transparent;
- background-image: url(%%wallpaper-1630236%%);
- background-position: top;
- background-repeat: no-repeat;
- background-color: #000000;
- width: 1000px;
- margin: auto
- }
- .content {
- margin-top: 170px;
- margin-bottom: 0px;
- width: 645px;
- float: left;
- background-image: url(%%mgezgIwsftFA2tq9%%);
- background-repeat: repeat-y;
- border: none;
- padding-left: 15px;
- padding-right: 360px;
- padding-top: 0px;
- padding-bottom: 10px;
- z-index: 1;
- min-height: 1900px
- }
- .content .sitetable {
- padding-top: 5px
- }
- .content .content {
- width: 600px;
- background: transparent;
- margin-top: 0px;
- padding-top: -50px
- }
- .side {
- width: 300px;
- padding-right: 0px;
- padding-left: 0px;
- background-color: #f0f0f0 !important;
- float: right;
- margin-left: 685px;
- position: absolute;
- top: 150px;
- z-index: 3
- }
- #newlink .submit .content {
- margin-top: 0px;
- padding-top: 0px
- }
- .side .content {
- width: 290px !important;
- border: none;
- position: relative;
- margin-top: 5px;
- margin-bottom: 5px;
- background: none;
- background-color: #ffffff;
- border: 1px solid #bababa;
- box-shadow: 0px 0px 0px 0px #ccc;
- height: auto !important;
- min-height: 10px
- }
- /* hides the subreddit name in the sidebar */
- .side .redditname {
- font-size: 0px;
- color: #f0f0f0
- }
- /* =========================== */
- /* = Header = */
- /* =========================== */
- #header {
- border: none;
- position: absolute;
- top: 0px;
- z-index: 0;
- background: transparent;
- background-image: url(%%NEhis0JjNlnMD1aM%%);
- height: 179px;
- width: 995px
- }
- /* formats and positions the hot/new/controversial buttons */
- #header-bottom-left .tabmenu {
- background: transparent;
- width: 990px;
- height: 25px;
- position: absolute;
- top: 92px !important;
- left: 3px !important;
- z-index: 500;
- padding-left: 5px !important;
- padding-right: 5px !important
- }
- #header-bottom-left .tabmenu li a {
- text-shadow: #4f130f 0px 0px 3px !important;
- color: white;
- font-weight: normal;
- font-size: 12px;
- background: transparent;
- border-right: 1px solid #5c0c0c;
- padding-right: 10px !important
- }
- #header-bottom-left .tabmenu li a:hover {
- background: transparent;
- color: gray
- }
- #header-bottom-left .tabmenu li.selected a {
- text-shadow: #4f130f 0px 0px 3px !important;
- font-weight: bold;
- color: #f0f0f0;
- text-transform: none;
- border: none;
- background: transparent;
- border-right: 1px solid #5c0c0c
- }
- #header-bottom-left span.hover.pagename.redditname:after {
- display: none !important;
- font-size: 1px
- }
- /* user info bar on right side of subreddit ribbon */
- #header-bottom-right {
- position: absolute;
- right: 0px;
- top: 0px;
- background: transparent;
- padding: 4px;
- line-height: 12px;
- border: none
- }
- #header-bottom-right .user {
- color: #f0f0f0;
- font-weight: normal
- }
- #header-bottom-right a {
- color: #f0f0f0;
- font-size: 10px
- }
- #header-bottom-right a:hover {
- text-decoration: underline
- }
- /* subreddit ribbon */
- #sr-header-area {
- background: #000000;
- white-space: nowrap;
- text-transform: none;
- border: none
- }
- .sr-header-area a {
- color: #ffffff !important
- }
- #sr-header-area .width-clip {
- margin-right: 385px;
- padding-right: 55px
- }
- /* "edit" link in subreddit ribbon */
- #sr-more-link {
- background-color: #000000 !important;
- color: #f0f0f0 !important;
- border-left: dotted gray 1px;
- border-right: dotted gray 1px;
- padding-left: 8px;
- padding-right: 8px
- }
- /* "my reddits" dropdown menu */
- .drop-choices {
- z-index: 2000 !important
- }
- .drop-choices a {
- color: #000000 !important;
- background-color: #f0f0f0
- }
- .dropdown.srdrop .selected {
- color: #f0f0f0
- }
- .sr-list a {
- color: #f0f0f0 !important
- }
- /* formats and positions the search bar & popup */
- #search input[type=text] {
- font-size: 12px;
- color: #f0f0f0;
- width: 250px;
- height: 20px;
- padding: 2px 7px 4px 6px !important;
- background-color: #000000;
- border: 1px solid gray;
- border-color: #BABABA;
- border-radius: 4px;
- margin-bottom: -2px;
- margin-left: 43px;
- position: absolute;
- top: -112px;
- z-index: 10;
- vertical-align: middle !important
- }
- #previoussearch #search input[type=text] {
- position: relative;
- top: 0px;
- margin-left: 0px;
- background-color: #f0f0f0
- }
- .searchpane {
- margin-top: 12px
- }
- .search-summary {
- margin-top: 12px !important
- }
- #searchexpando {
- width: 246px;
- height: 55px;
- top: -78px;
- margin-left: 42px;
- -moz-border-radius: 0px;
- -webkit-border-radius: 0px;
- border-radius: 0px;
- background-color: #F7F7F7;
- border: 1px solid #BABABA;
- font-size: 12px;
- z-index: 600;
- position: absolute
- }
- /* =========================== */
- /* = Up/down arrows and vote count = */
- /* =========================== */
- .likes.score.likes {
- color: #be3f3f
- }
- .dislikes.score.dislikes {
- color: #4b77c9
- }
- .arrow.upmod {
- background-image: url(%%Td13hsU6ECjFQymm%%);
- width: 16px;
- height: 14px;
- background-position: 0px 0px
- }
- .arrow.downmod {
- background-image: url(%%EgQa8JsqogKkqXqI%%);
- width: 16px;
- height: 14px;
- background-position: 0px 0px
- }
- /* =========================== */
- /* = Link formatting = */
- /* =========================== */
- /* new/rising links at top of content */
- .content .menuarea {
- border: none
- }
- .content .menuarea ul.flat-list.hover a {
- color: #575757
- }
- /* formats the style/positioning of post link titles */
- .thumbnail {
- margin-top: 3px
- }
- .link.last-clicked {
- border-left: none;
- border-right: none;
- border-bottom: none
- }
- .content .thing .title a {
- font-size: 18px;
- /*color: #bd091f;*/
- color: #af4646;
- font-weight: normal
- }
- .content .thing .title a:hover {
- font-size: 18px;
- color: #af4646;
- font-weight: normal
- }
- .content .thing .title a:visited {
- font-size: 18px;
- color: #af4646;
- font-weight: normal
- }
- .content .thing .title a:selected {
- font-size: 18px;
- color: #af4646;
- font-weight: normal
- }
- .link.even, .linkcompressed.even {
- background-color: #ffffff;
- border-top: #d0d0d0 1px solid;
- padding: 10px 2px 6px 3px !important;
- margin: 8px 5px 8px 5px !important
- }
- .link.odd, .linkcompressed.odd, .link.even + .link.odd {
- background-color: #ffffff;
- border-top: #d0d0d0 1px solid;
- padding: 10px 2px 6px 3px !important;
- margin: 8px 5px 8px 5px !important
- }
- .even {
- background-color: #ffffff;
- border-top: #d0d0d0 1px solid;
- padding: 10px 2px 6px 3px !important;
- margin: 8px 5px 8px 5px !important
- }
- .odd {
- background-color: #ffffff;
- border-top: #d0d0d0 1px solid;
- padding: 10px 2px 6px 3px !important;
- margin: 0px 5px 8px 5px !important
- }
- odd.link.self {
- background-color: #ffffff;
- border-top: #d0d0d0 1px solid;
- padding: 10px 2px 6px 3px !important;
- margin: 0px 5px 8px 5px !important
- }
- even.link.self {
- background-color: #ffffff;
- border-top: #d0d0d0 1px solid;
- padding: 10px 2px 6px 3px !important;
- margin: 0px 5px 8px 5px !important
- }
- /* Post link domains, eg. www.chinasmack.com */
- .content .title .domain a {
- color: #575757;
- font-size: x-small
- }
- .content .title .domain a:hover {
- color: #575757;
- font-size: x-small
- }
- .content .title .domain a:selected {
- color: #575757;
- font-size: x-small
- }
- .content .title .domain a:visited {
- color: #575757;
- font-size: x-small
- }
- /* your own username in post links, also applies to sidebar instances */
- a.author {
- color: #bd091f;
- font-size: 11px
- }
- a.author:hover {
- color: #bd091f;
- font-size: 11px;
- text-decoration: underline
- }
- a.author:selected {
- color: #bd091f;
- font-size: 11px
- }
- a.author:visited {
- color: #bd091f;
- font-size: 11px
- }
- /* sidebar description links */
- .titlebox .usertext a {
- color: #bd091f;
- font-size: 12px
- }
- .titlebox .usertext a:hover {
- color: #bd091f;
- font-size: 12px;
- text-decoration: underline
- }
- .titlebox .usertext a:selected {
- color: #bd091f;
- font-size: 12px
- }
- .titlebox .usertext a:visited {
- color: #bd091f;
- font-size: 12px
- }
- /* "edit" button to change user flair */
- .side .toggle.flairtoggle {
- background: transparent
- }
- .titlebox a.flairselectbtn {
- color: #575757
- }
- .titlebox a.flairselectbtn:hover {
- color: #575757
- }
- .titlebox a.flairselectbtn:selected {
- color: #575757
- }
- .titlebox a.flairselectbtn:visited {
- color: #575757
- }
- /* "edit" link to leave moderator status */
- .leavemoderator {
- background: transparent;
- margin-bottom: 5px
- }
- .titlebox a.leavemoderator a {
- color: #575757;
- font-size: x-small
- }
- .titlebox .leavemoderator a:hover {
- color: #575757;
- font-size: x-small;
- text-decoration: underline
- }
- .titlebox .leavemoderator a:selected {
- color: #575757;
- font-size: x-small
- }
- .titlebox .leavemoderator a:visited {
- color: #575757;
- font-size: x-small
- }
- /* "message the moderators" */
- .sidecontentbox a.helplink {
- color: #575757
- }
- .sidecontentbox a.helplink:hover {
- color: #575757;
- text-decoration: underline
- }
- .sidecontentbox a.helplink:selected {
- color: #575757
- }
- .sidecontentbox a.helplink:visited {
- color: #575757
- }
- /* links in sidebar admin box */
- .sidecontentbox .content .flat-vert.icon-menu.hover a {
- color: #575757
- }
- .sidecontentbox .content .flat-vert.icon-menu.hover a:hover {
- color: #575757
- }
- .sidecontentbox .content .flat-vert.icon-menu.hover a:selected {
- color: #575757
- }
- .sidecontentbox .content .flat-vert.icon-menu.hover a:visited {
- color: #575757
- }
- /* "Recently viewed" links */
- .sidecontentbox .click-gadget a {
- color: #575757
- }
- /* "clear" in recently viewed section */
- .sidecontentbox .gadget .right a {
- color: #575757
- }
- .sidecontentbox .content .gadget .right {
- text-align: center;
- margin-right: 8px
- }
- /* "Account activity" */
- .account-activity-box a {
- color: #bd091f
- }
- /* hides the subreddit creator in the sidebar */
- .titlebox .bottom {
- display: none
- }
- /* =========================== */
- /* = Hides submit/create subtitles and the create button = */
- /* =========================== */
- .sidebox.create .spacer {
- display: none
- }
- .sidebox.create {
- display: none
- }
- .sidebox.submit .spacer {
- display: none
- }
- .sidebox.submit .nub {
- display: none
- }
- /* =========================== */
- /* = Relocates submit button = */
- /* =========================== */
- .sidebox.submit {
- position: absolute;
- top: -58px;
- margin-left: 97px;
- text-align: center;
- width: 100px;
- z-index: 400
- }
- /* =========================== */
- /* = Formats submit button = */
- /* =========================== */
- .morelink {
- display: block;
- text-align: center;
- text-shadow: #4f130f 0px 0px 3px !important;
- background: transparent;
- font-size: 90%;
- color: white;
- font-weight: bold;
- -moz-border: none;
- border: none;
- height: 35px
- }
- .morelink:hover, .mlh {
- display: block;
- text-align: center;
- position: relative;
- background: transparent;
- font-size: 90%;
- color: #ededed;
- font-weight: bold;
- border: none;
- height: 35px
- }
- .morelink a {
- /* Formats the actual link text */
- display: block;
- width: 100%;
- color: white;
- font-size: 130%;
- text-align: center;
- font-weight: bold
- }
- .morelink a:hover {
- color: gray
- }
- /* =========================== */
- /* = Changes "readers" text = */
- /* =========================== */
- .titlebox span.word {
- display: none
- }
- .titlebox span.number:after {
- content: " Subscribers"
- }
- /* =========================== */
- /* = Comments page = */
- /* =========================== */
- .linkinfo {
- background-color: #ffffff;
- border: 1px solid #bababa;
- border-radius: 0px !important
- }
- .link .usertext .md {
- background-color: #fcfcfc !important;
- border: 1px solid #bababa;
- border-radius: 0px !important
- }
- .child .comment {
- border: none;
- padding-top: 0px !important;
- margin-top: 0px !important;
- padding-bottom: 0px !important;
- margin-bottom: 2px !important
- }
- .comment a.submitter {
- background-color: #be3f3f !important;
- color: white !important;
- font-weight: bold !important
- }
- .comment a.submitter:hover {
- background-color: #be3f3f !important;
- color: white !important;
- font-weight: bold !important
- }
- .comment a.submitter:selected {
- background-color: #be3f3f !important;
- color: white !important;
- font-weight: bold !important
- }
- .comment a.submitter:visited {
- background-color: #be3f3f !important;
- color: white !important;
- font-weight: bold !important
- }
- .comment a.author {
- color: #be3f3f;
- font-weight: normal
- }
- .comment a.author:hover {
- color: #be3f3f;
- font-weight: normal;
- text-decoration: underline
- }
- .comment a.author:selected {
- color: #be3f3f;
- font-weight: normal
- }
- .comment a.author:visited {
- color: #be3f3f;
- font-weight: normal
- }
- span.userattrs a.submitter {
- color: #575757 !important;
- background: transparent !important;
- font-weight: normal !important
- }
- span.userattrs a.submitter:hover {
- color: #575757 !important;
- background: transparent !important;
- font-weight: normal !important
- }
- span.userattrs a.submitter:selected {
- color: #575757 !important;
- background: transparent !important;
- font-weight: normal !important
- }
- span.userattrs a.submitter:visited {
- color: #575757 !important;
- background: transparent !important;
- font-weight: normal !important
- }
- /* =========================== */
- /* = Formats the advertisement frame = */
- /* =========================== */
- #ad-frame {
- background-color: #F7F7F7;
- border: 1px solid;
- border-color: #BABABA;
- overflow: hidden;
- height: 250px
- }
- .sr-ad-table .inherited {
- background-color: #F7F7F7
- }
- .sr-ad-table .overridden {
- background-color: #F7F7F7
- }
- /* =========================== */
- /* = submit new link page = */
- /* =========================== */
- /* heading/title */
- .content h1 {
- padding-left: 4px
- }
- .content h1 a {
- color: #bd091f
- }
- .content h1 a:hover {
- color: #bd091f;
- text-decoration: underline
- }
- .content h1 a:selected {
- color: #bd091f
- }
- .content h1 a:visited {
- color: #bd091f
- }
- /* link/text links at the top */
- #newlink.submit.content .tabmenu {
- background: transparent;
- width: 990px;
- height: 25px;
- position: absolute;
- margin-top: -123px;
- margin-left: -35px;
- z-index: 400;
- padding-top: 7px !important;
- padding-left: 5px !important;
- padding-right: 5px !important
- }
- #newlink.submit.content .tabmenu li a {
- text-shadow: #4f130f 0px 0px 3px !important;
- color: white;
- font-weight: normal;
- font-size: 12px;
- background: transparent;
- border-right: 1px solid #5c0c0c;
- padding-right: 10px !important;
- border-top: none !important;
- border-left: none !important;
- border-bottom: none !important
- }
- #newlink.submit.content .tabmenu li a:hover {
- background: transparent;
- color: gray;
- border-right: 1px solid #5c0c0c
- }
- #newlink.submit.content .tabmenu li.selected a {
- text-shadow: #4f130f 0px 0px 3px !important;
- font-weight: bold;
- color: #f0f0f0;
- text-transform: none;
- border: none;
- background: transparent;
- border-right: 1px solid #5c0c0c
- }
- /* background & layout */
- .content.content .roundfield {
- background-color: #ffffff;
- padding-left: 0px;
- width: 620px
- }
- #newlink.submit.content button.btn {
- margin-left: -15px
- }
- .content.content .roundfield-content textarea {
- width: 100%
- }
- .content.content .roundfield input[type="text"] {
- width: 100%
- }
- .content.content .roundfield-content .usertext-edit {
- width: 100%
- }
- /* list of reddits at the bottom */
- #suggested-reddits a {
- color: #575757
- }
- #suggested-reddits a:hover {
- color: #575757;
- text-decoration: underline
- }
- #suggested-reddits a:selected {
- color: #575757
- }
- #suggested-reddits a:visited {
- color: #575757
- }
- /* links at top of text field (for self posts) */
- .content.content .roundfield-content .usertext-edit a {
- color: #bd091f
- }
- .content.content .roundfield-content .usertext-edit a:hover {
- color: #bd091f;
- text-decoration: underline
- }
- .content.content .roundfield-content .usertext-edit a:selected {
- color: #bd091f
- }
- .content.content .roundfield-content .usertext-edit a:visited {
- color: #bd091f
- }
- /* hides the information about what to do, since it's pretty dumb anyway */
- .content.content .infobar {
- display: none !important
- }
- /* formats the divider bar at the top */
- .content.content .formtabs-content {
- margin-left: -15px;
- width: 620px;
- border-top: 1px solid #f0f0f0
- }
- /* =========================== */
- /* = I forget what this is, but it does something! = */
- /* =========================== */
- #sr-form.pretty-form .linefield {
- width: 620px;
- background: transparent !important
- }
- #sr-form.pretty-form .linefield .title {
- color: #575757
- }
- #sr-form.pretty-form .linefield .linefield-content input#title.text {
- width: 100%
- }
- /* =========================== */
- /* = attempting to format youtube embed layout = */
- /* =========================== */
- .expando .media-embed {
- margin-left: -10px
- }
- /* =========================== */
- /* = promoted links don't get formatted crazy = */
- /* =========================== */
- .promotedlink.promoted a[class~="comments"]:before {
- display: none;
- border: none;
- -moz-display: none;
- -moz-border: none
- }
- /* =========================== */
- /* = Footer = */
- /* =========================== */
- .footer-parent {
- position: relative;
- z-index: 0;
- background-image: url(%%TjmJv4tlZgU2OMim%%);
- background-position: top;
- background-repeat: no-repeat;
- padding-top: 80px;
- padding-bottom: 20px
- }
- .serverinfo {
- display: none
- }
- .footer.rounded {
- display: none
- }
- .bottommenu {
- margin-top: -20px;
- padding-bottom: 20px
- }