Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* [ STCKY v1.06 by doingstuffcarl ]
- [ /r/STCKY ] */
- /*** COLOR SCHEME ***/
- /* Color of the header and the footer.
- For a solid color, remove first 4 lines and add 'background: #444;' */
- #header, .footer-parent {
- background: -o-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #425b74 100%) #444;
- background: -moz-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #425b74 100%) #444;
- background: -ms-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #425b74 100%) #444;
- }
- /* Color of the submit buttons.
- For a solid color, remove first 4 lines and add 'background: #444;' */
- .morelink {
- background: -webkit-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #516f8c 100%) #444;
- background: -o-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #516f8c 100%) #444;
- background: -moz-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #516f8c 100%) #444;
- background: -ms-radial-gradient(50% 190%, circle cover, #6b92b8 0%, #537190 50%, #516f8c 100%) #444;
- }
- /* Color of the submit buttons on hover. */
- .morelink:hover {
- background: #45617e;
- }
- /*** Note ***/
- .side .md h4:first-of-type {
- position: absolute !important;
- top: 197px;
- left: 5px;
- right: 315px;
- background: #fff;
- color: #444;
- padding: 7px 0px 7px 10px;
- font-size: 12px;
- }
- .side .md a[title~="redlink"] {
- color: #c45b52 !important;
- }
- .content[role=main], .pretty-form {
- margin-top: 35px !important;
- }
- .formtabs-content {
- margin-top: 39px !important;
- }
- .searchpane {
- margin-top: 35px !important;
- }
- /*** FLAIRS ***/
- /* LINK FLAIRS */
- .comment .tagline .flair {
- vertical-align: middle;
- }
- .flairoptionpane ul:nth-of-type(2) li
- {
- padding-left: 0px;
- }
- .titlebox .tagline {
- height: 25px;
- position: relative;
- line-height: 25px;
- color: #F5F5F5;
- }
- .flair {
- display: inline-block;
- margin-right: .5em;
- padding: 4px 2px;
- background: #f5f5f5;
- color: #555;
- border: 1px solid #ddd;
- border-radius: 2px;
- }
- .linkflairlabel
- {
- display: inline-block;
- margin-right: .5em;
- padding: 4px 2px;
- background: #f5f5f5;
- border-radius: 2px;
- border: none;
- }
- .titlebox .tagline .flairselector.drop-choices h2 {
- display: none;
- }
- .flairselector form {
- border-top: solid 1px #f0f0f0;
- overflow: hidden;
- }
- .flairselector form>div {
- text-align: left;
- margin: 2px 5px;
- }
- .flairselector .flairremove {
- display: block !important;
- position: absolute;
- left: 11px;
- }
- .flairselector .flairremove a {
- color: #c45b52;
- }
- .flairselector .customizer {
- margin-top: 20px;
- }
- .flairselector .customizer input {
- padding: 4px;
- border: 1px solid #E9E9E9;
- outline: 0;
- }
- .flairselector ul {
- max-width: none;
- overflow: visible;
- }
- .flairselector li {
- padding-bottom: 2px;
- padding-top: 2px;
- background: transparent;
- border: 0;
- }
- .flairselector li:hover {
- background: #f2f2f2;
- border: 0;
- }
- .flairselector li.selected {
- background: #f2f2f2;
- border: 0;
- }
- .flairselector form .flair {
- max-width: 150px;
- }
- .titlebox .tagline .flairselector.drop-choices ul {
- width: 100% !important;
- line-height: 20px;
- }
- .titlebox .tagline .flairselector.drop-choices {
- width: 275px !important;
- padding: 10px !important;
- top: 32px !important;
- background: #f9f9f9;
- right: 0;
- left: auto!important;
- border: none;
- border-top: 1px solid #f0f0f0;
- box-shadow: none;
- font-family: Helvetica, Arial, sans-serif;
- font-size: 11px;
- }
- .side a[href="http://www.google.com/"] {
- display: none;
- position: fixed;
- z-index: 100;
- top: 38px;
- right: 30px;
- width: 40px;
- font-size: 0;
- height: 40px;
- background: #181818;
- border-radius: 2px;
- }
- body {
- background: #f0f0f0;
- font-family: Helvetica, Arial, sans-serif;
- }
- /*** BROWSER ***/
- /* HIGHLIGHT */
- ::selection {
- background-color: #5e82a6;
- color: #fff;
- }
- /* SCROLLBAR */
- ::-webkit-scrollbar {
- width: 20x;
- height: 20px;
- background-color: #222;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #666;
- border: 2px solid #222;
- }
- ::-webkit-scrollbar-thumb:hover {
- background-color: #999;
- }
- ::-webkit-scrollbar-thumb:active {
- background-color: #ccc;
- }
- ::-webkit-scrollbar-corner {
- background-color: transparent;
- color: #555555;
- }
- ::-webkit-scrollbar-button {
- border: 2px solid #222;
- width: 15px;
- height: 15px;
- }
- ::-webkit-scrollbar-button:hover {
- background-color: #333 !important;
- }
- ::-webkit-scrollbar-button:end {
- display: block;
- }
- ::-webkit-scrollbar-button:start {
- display: none;
- }
- ::-webkit-scrollbar-button:vertical {
- border-top: 0;
- }
- ::-webkit-scrollbar-button:horizontal {
- border-left: 0;
- }
- ::-webkit-scrollbar-button:vertical:increment {
- background: url(%%arrowdown%%) center center no-repeat;
- }
- ::-webkit-scrollbar-button:vertical:decrement {
- background: url(%%arrowup%%) center center no-repeat;
- }
- ::-webkit-scrollbar-button:horizontal:increment {
- background: url(%%arrowright%%) center center no-repeat;
- }
- ::-webkit-scrollbar-button:horizontal:decrement {
- background: url(%%arrowleft%%) center center no-repeat;
- }
- /* COMMON BUTTONS */
- button {
- background: #fcfcfc;
- border: 1px solid #e9e9e9;
- box-shadow: 0 1px #e9e9e9;
- margin-bottom: 4px !important;
- border-radius: 2px;
- padding: 4px 8px;
- color: #666;
- font-weight: bold;
- }
- button:hover {
- background: #f4f4f4;
- border: 1px solid #e1e1e1;
- }
- button:focus {
- outline: none;
- }
- button:active {
- background: #efefef;
- }
- /* LINKS */
- .tagline a, .side a {
- color: #5e82a6;
- font-size: 12px;
- }
- .md a {
- color: #5e82a6;
- }
- a:hover {
- text-decoration: underline;
- }
- .morelink a, .domain a, #header-bottom-left .tabmenu li a, #header-bottom-right a, .nextprev a, .next-suggestions a, #sr-header-area a, .drop-choices a.choice, .link .entry li .comments, .thing a.title, .domain, .domain a, .dropdown.lightdrop .selected {
- text-decoration: none !important;
- }
- /* INPUT */
- input[type=text], input[type=password] {
- border: 1px solid #ddd;
- padding: 4px;
- outline: 0 !important;
- }
- input[type=text]:focus, input[type=password]:focus {
- border: 1px solid #cacaca !important;
- }
- /*** SUBREDDITS BAR ***/
- #sr-header-area {
- background: rgba(0,0,0,0.5);
- border: none;
- padding: 0px 13px 2px 15px;
- transition: 200ms;
- }
- .sr-bar a {
- color: #fff;
- opacity : .7;
- font-size: 9px;
- letter-spacing: 0.8px;
- padding: 6px;
- }
- .sr-bar a:hover {
- opacity : .9;
- background: rgba(0,0,0,0.8);
- }
- #sr-header-area .dropdown.srdrop .selected, #sr-header-area .drop-choices a.choice {
- font-weight: bold;
- color: #aeaeae;
- }
- #sr-header-area .drop-choices a.choice {
- font-size: 10px;
- padding: 2px;
- }
- #sr-header-area .drop-choices a.choice:hover {
- color: #646464;
- background: #d7d7d7;
- }
- #sr-header-area .sr-list {
- margin-left: 23px;
- padding-top: 2px;
- }
- #sr-header-area .sr-list .separator {
- display: none;
- }
- #sr-header-area .srdrop.dropdown {
- width: 18px;
- height: 18px;
- position: absolute;
- background: url(%%sr%%) no-repeat center transparent;
- text-indent: -999em;
- opacity: .6;
- cursor: pointer;
- padding-top: 2px;
- }
- #sr-header-area .srdrop.dropdown:hover {
- background-color: rgba(0,0,0,0.2);
- opacity: 1;
- }
- #sr-more-link {
- background: rgba(0,0,0,0.6);
- color: #fff;
- opacity: .8;
- padding: 2px 10px 0px 15px;
- }
- #sr-more-link:hover {
- background: rgba(0,0,0,0.7);
- opacity: 1;
- }
- #sr-header-area .drop-choices.srdrop {
- margin-left: 0;
- top: 0px!important;
- position: fixed;
- padding: 0px;
- height: 100%;
- overflow-y: auto;
- overflow-x: hidden;
- box-shadow: 0 0 15px rgba(0,0,0,0.2);
- }
- #sr-header-area .drop-choices {
- font-size: 12px;
- border: none;
- padding: 2px;
- background: #f2f2f2;
- }
- /*** HEADER ***/
- #header {
- background: url(%%new-banner%%) no-repeat;
- border-bottom: 0;
- height: 200px;
- }
- #header-img, .pagename a {
- transition: 200ms;
- opacity: 0.8;
- border-radius: 5px;
- }
- #header-img:hover, .pagename a:hover {
- opacity: 1;
- background-color: rgba(0,0,0,0.075);
- }
- #header-img {
- margin-top: 10px;
- margin-left: 1px;
- }
- span.hover.pagename.redditname {
- display: block;
- margin-top: -14px;
- margin-left: -5px;
- font-size: 0px;
- }
- /*** USER BAR ***/
- #header-bottom-right {
- background: none !important;
- z-index: 11;
- padding: 0px !important;
- font-size: 12px;
- bottom: -6px !important;
- transition: 200ms;
- }
- #header-bottom-right a {
- color: #fff;
- padding: 8px;
- }
- #header-bottom-right a, .logout a {
- opacity: .7;
- }
- #header-bottom-right .user {
- color: rgba(255,255,255,0.6);
- margin-right: 4px;
- }
- #header-bottom-right .user .userkarma {
- color: rgba(255,255,255,0.6);
- border: none;
- }
- #header-bottom-right .user a {
- position: relative;
- }
- #header-bottom-right .separator {
- display: none !important;
- }
- #header-bottom-right a:hover, .logout a:hover {
- opacity: .9;
- background-color: rgba(0,0,0,0.7) !important;
- }
- .message-count {
- background-color: #e6bc4c;
- color: #4C4C4C !important;
- padding: 2px 5px !important;
- margin: 4px;
- line-height: 11px;
- position: relative;
- top: -1px;
- }
- .separator {
- visibility: hidden;
- }
- .pagename a {
- background-image:url(%%topflair%%);
- background-position: 0px 0px;
- position: absolute;
- top: 26px;
- left: 50px;
- width: 283px;
- height: 140px;
- }
- /*** TABMENU ***/
- #header-bottom-left .tabmenu {
- background: rgba(0,0,0,0.5);
- width: 100%;
- position: absolute;
- bottom: 0px;
- left: 0px;
- transition: 200ms;
- }
- #header-bottom-left .tabmenu li {
- font-weight: normal;
- margin: 0;
- }
- #header-bottom-left .tabmenu li a {
- background: none;
- color: #fff;
- opacity: .7;
- font-size: 11px;
- line-height: 30px;
- padding: 9px;
- text-transform: uppercase;
- }
- #header-bottom-left .tabmenu li a:hover {
- opacity: .9;
- background: rgba(0,0,0,0.9);
- }
- #header-bottom-left .tabmenu li.selected a {
- background: rgba(0,0,0,0.5);
- border: 0;
- color: #fff;
- opacity: .9;
- }
- /*** CONTENT ***/
- .content {
- margin: 5px 315px 0px 5px;
- }
- .link {
- padding-left: 5px;
- background: #fff;
- margin-bottom: 1px;
- color: #444;
- }
- .link.last-clicked {
- margin-top: -1px;
- margin-bottom: 0px;
- border: 0;
- border-top: 1px dashed #D3D3D3;
- border-bottom: 1px dashed #D3D3D3;
- }
- .link .entry {
- padding: 14px 0 14px 6px;
- }
- .link .entry li .comments {
- font-weight: bold !important;
- color: #868686 !important;
- border-bottom: 1px dotted rgba(0,0,0,0.7);
- }
- .link .entry li .comments:hover {
- border-bottom: 1px dotted rgba(0,0,0,0.4);
- }
- .link .tagline, .link .entry .buttons li a {
- font-size: small;
- font-weight: normal;
- color: #aaa;
- }
- .thing .title {
- overflow: visible;
- }
- .thing a.title {
- color: #4f85ac;
- }
- .thing a.title:hover {
- border-bottom: 1px dotted rgba(0,0,0,0.2);
- }
- .thing .title:visited, .thing.visited .title {
- color: #a65e9a;
- }
- .thing.stickied a.title {
- font-weight: normal;
- }
- .thing.stickied a.title {
- color: #62b46d !important;
- }
- .thing.stickied a.title:visited, .thing.stickied a.title.visited, .tagline .stickied-tagline, .thing.stickied a.author {
- color: #62b46d;
- }
- .error {
- color: #c45b52;
- }
- .error, .approve-button {
- font-size: 13px !important;
- }
- .domain {
- color: #ccc;
- font-size: 11px;
- }
- .domain a {
- padding: 1px 3px 3px 3px;
- text-align: center;
- color: #ccc;
- font-size: 11px;
- }
- .link .rank {
- margin-right: 10px;
- margin-top: 30px;
- position: relative;
- color: #dadada;
- display: none;
- }
- .link .midcol {
- top: 12px;
- position: relative;
- margin-left: 10px;
- margin-right: 10px;
- }
- .link .midcol .score {
- margin-top: 3px;
- }
- .link .score.likes
- {
- color: rgba(119,188,67,1);
- }
- .link .score.dislikes
- {
- color: rgba(218,32,39,1);
- }
- .unvotable-message {
- border: solid 1px #FF8B60;
- background-color: #FF8B60;
- color: #fff;
- margin-top: 4px;
- padding: 2px 6px;
- border-radius: 2px;
- }
- .action-form {
- border-radius: 2px;
- background: #fff8d7;
- border: solid 1px #E7E5B5;
- padding: 10px 15px;
- }
- /*** COMPRESSED LINKS ***/
- .link.compressed {
- margin-bottom: 1px;
- }
- .link.compressed.last-clicked {
- margin-bottom: 0px !important;
- }
- .link.compressed .rank {
- margin-top: 21px;
- }
- .link.compressed .midcol {
- top: 10px;
- }
- .link.compressed .entry {
- padding: 12px 0 10px 6px;
- }
- .menuarea {
- margin: 0 0 1px 0;
- background: #fff;
- color: #999;
- border: 0;
- }
- .menuarea .dropdown.lightdrop .selected {
- color: #666;
- background-color: #F0F0F0;
- background-image: none;
- border: 1px solid #e9e9e9;
- padding: 2px 22px 2px 4px;
- border-radius: 2px;
- cursor: pointer;
- display: inline-block;
- }
- .menuarea .dropdown.lightdrop .selected:hover {
- background-color: #f9f9f9;
- }
- .menuarea .dropdown.lightdrop .selected:after {
- content: "v";
- color: #ccc;
- font-family: monospace;
- margin: 8px;
- position: absolute;
- top: -5px;
- right: 0;
- }
- .menuarea .drop-choices.lightdrop {
- background: #efefef;
- border: 1px solid #e9e9e9;
- width: 86px;
- }
- .menuarea .drop-choices a.choice {
- color: #999;
- }
- .menuarea .drop-choices a.choice:hover {
- color: #555;
- background-color: #f9f9f9;
- }
- .menuarea .flat-list li.selected a {
- color: #c45b52;
- }
- /*** EXPANDO ***/
- .expando iframe {
- margin: 5px 0 5px 40px;
- }
- .expando-button {
- height: 20px !important;
- width: 20px !important;
- margin: 4px 8px 2px 0;
- border-radius: 2px;
- cursor: pointer;
- background: url(%%icons%%) no-repeat -9999px -9999px !important;
- }
- .toggleImage.expando-button.image.linkImg {
- height: 20px !important;
- width: 20px !important;
- margin: 4px 8px 2px 0;
- cursor: pointer;
- }
- .expando-button.image.expanded {
- background-position: 0 -98px !important;
- }
- .expando-button.image.expanded:hover {
- background-position: -20px -98px !important;
- text-decoration: none;
- }
- .expando-button.image.collapsed {
- background-position: 0 -98px !important;
- }
- .expando-button.image.collapsed:hover {
- background-position: -20px -98px !important;
- text-decoration: none;
- }
- .expando-button.video.expanded {
- background-position: 0 -78px !important;
- }
- .expando-button.video.expanded:hover {
- background-position: -20px -78px !important;
- }
- .expando-button.video.collapsed {
- background-position: 0 -78px !important;
- }
- .expando-button.video.collapsed:hover {
- background-position: -20px -78px !important;
- }
- .expando-button.selftext.collapsed {
- background-position: 0px -38px !important;
- }
- .expando-button.selftext.collapsed:hover {
- background-position: -20px -38px !important;
- }
- .expando-button.selftext.expanded {
- background-position: 0px -58px !important;
- }
- .expando-button.selftext.expanded:hover {
- background-position: -20px -58px !important;
- }
- .usertext-body .md .expando-button, .wiki-page .expando-button {
- vertical-align: middle !important;
- margin: 0px 3px 2px 6px !important;
- }
- .link .usertext .md {
- border-radius: 2px;
- background: #f9f9f9;
- border: 1px solid #f9f9f9;
- padding: 8px !important;
- width: calc(100% - 32px);
- }
- /*** VOTES ***/
- .arrow {
- width: 21px;
- height: 17px;
- background-image: url(%%icons%%)!important;
- background-position: center center;
- border: none !important;
- border-radius: 2px;
- transition: 200ms;
- }
- .arrow:hover {
- background-color: rgba(0,0,0,0.06)
- }
- .arrow.up {
- background-position: -2px -20px !important;
- }
- .arrow.down {
- background-position: -42px -20px !important;
- }
- .arrow.upmod {
- background-position: -22px -20px;
- }
- .arrow.downmod {
- background-position: -62px -20px;
- }
- /*** NEXT / PREV BUTTONS ***/
- .nav-buttons {
- padding: 10px 5px;
- background: #fff;
- }
- .nextprev, .next-suggestions {
- font-size: 0px;
- }
- .nextprev a, .next-suggestions a, .res .RESSubscriptionButton {
- padding: 4px 6px;
- text-transform: uppercase;
- font-size: 10px;
- color: #999;
- background: #fcfcfc;
- border: 1px solid #e9e9e9;
- box-shadow: 0 1px #e9e9e9;
- margin-bottom: 4px!important;
- border-radius: 2px;
- font-weight: bold;
- }
- .nextprev a:hover, .next-suggestions a:hover {
- background: #f4f4f4;
- border: 1px solid #e1e1e1;
- }
- /*** THUMBNAILS ***/
- .over18 .thumbnail {
- background: url(%%thumbnails%%) 0px -210px no-repeat;
- }
- .nsfw-stamp {
- border: 0 !important;
- }
- .nsfw-stamp acronym {
- background: #c45b52;
- border: 1px solid #c45b52!important;
- color: #fff;
- border-radius: 2px;
- padding: 1px 3px;
- }
- a.thumbnail.self
- {
- width: 70px;
- height: 70px;
- }
- a.thumbnail.default {
- background: url(%%thumbnails%%) 0 0;
- }
- a.thumbnail.self {
- background: url(%%thumbnails%%) 0 -70px;
- }
- .stickied a.thumbnail {
- background: url(%%thumbnails%%) 0 -140px;
- }
- .thumbnail {
- height: 70px;
- margin: 6px 10px 0 5px!important;
- transition: 200ms;
- border-radius: 2px;
- /*background: url(%%thumbnails%%) 0 0 no-repeat;*/
- /*border: 2px solid #fff;*/
- /*box-shadow: 0 0px 1px rgba(0,0,0,0.4);*/
- position:relative;
- }
- .thumbnail img
- {
- position:absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- margin: auto;
- }
- .thumbnail.default
- {
- height:70px;
- }
- /*** COMMENTS ***/
- .res-commentBoxes .comment {
- background: #fff;
- }
- .gold-accent.comment-visits-box {
- border-radius: 2px;
- background: #fff8d7;
- border: solid 1px #E7E5B5;
- padding: 10px 15px;
- margin-left: 10px;
- }
- .gold-accent.comment-visits-box select#comment-visits {
- border: 1px solid #ddd;
- padding: 3px 0;
- margin-right: -5px;
- margin-left: 5px;
- }
- .commentarea {
- margin-top: 5px;
- margin-bottom: 30px;
- padding: 10px 10px 10px 10px;
- background-color: #fff;
- color: #3b3b3b;
- }
- .commentarea .md blockquote, .usertext-body .md blockquote {
- margin: 8px;
- border: none;
- border-left: 3px solid #5e82a6;
- padding: 6px 10px;
- }
- .commentarea .md blockquote {
- background: #FAFAFA;
- border: 1px solid #F2F2F2;
- border-left: 3px solid #f2f2f2;
- }
- .self .usertext .md blockquote {
- margin: 8px 0px;
- }
- .commentarea .md td, .commentarea .md th {
- padding: 3px 6px;
- }
- .commentarea .menuarea .toggle a {
- font-weight: normal;
- margin-right: 5px;
- font-size: 12px;
- }
- .comment .child, .comment .showreplies {
- border-left: 1px solid #F3F3F3;
- }
- .comment .midcol {
- width: 21px;
- }
- .comment.collapsed .tagline, .comment.collapsed .tagline a {
- margin-left: 0;
- }
- .commentarea .entry .buttons li a {
- color: #999;
- font-size: 12px;
- font-weight: normal;
- }
- .commentarea .tagline {
- font-size: 12px;
- }
- .commentarea .entry .buttons a[onclick*="reply"] {
- font-weight: bold;
- color: #868686 !important;
- border-bottom: 1px dotted rgba(0,0,0,0.7);
- text-decoration: none;
- }
- .commentarea .entry .buttons a[onclick*="reply"]:hover {
- border-bottom: 1px dotted rgba(0,0,0,0.4);
- }
- .usertext .help-toggle, .usertext a.reddiquette {
- font-size: 12px;
- }
- .panestack-title {
- border-bottom: 1px solid #ececec;
- width: 507px;
- padding-bottom: 5px;
- margin-bottom: 5px;
- }
- .linkinfo {
- border-radius: 0px;
- background: #f9f9f9;
- border: 0;
- padding: 8px;
- }
- .linkinfo .date {
- color: #999;
- }
- .linkinfo .score {
- color: #606672;
- }
- .linkinfo .shortlink {
- margin-top: -8px;
- color: transparent;
- }
- .linkinfo .shortlink input {
- border: 1px solid #fff;
- padding: 6px 12px;
- width: 252px;
- text-align: center;
- }
- .thing .tagline .author.submitter {
- background-color: #5e82a6;
- color: #fff;
- font-size: 11px;
- padding: 2px 4px !important;
- line-height: 16px;
- border-radius: 2px !important;
- }
- .thing.stickied a.author {
- background: #62B46D !important;
- color: #fff;
- font-weight: bold;
- padding: 2px 4px;
- border-radius: 2px;
- }
- .thing.stickied a.author:hover {
- background: #447e4c !important;
- text-decoration: none;
- }
- .thing .tagline .author.moderator {
- background: #62B46D !important;
- color: #fff;
- font-weight: bold;
- padding: 2px 4px !important;
- border-radius: 2px !important;;
- }
- .thing .tagline .author.moderator:hover {
- background: #447e4c !important;
- }
- .tagline .submitter {
- color: #5e82a6;
- }
- .new-comment .usertext-body {
- margin: 3px 0 1px 0;
- border-radius: 2px;
- padding: 0px 8px;
- }
- /*** SIDEBAR ***/
- .side {
- padding: 5px 5px;
- margin: 5px 5px 5px 5px;
- width: 295px;
- }
- .side .spacer {
- margin: 0px 0 5px 0;
- }
- .sidebox.create .spacer {
- margin: 0;
- margin-top: 7px;
- padding-top: 12px;
- background: #f9f9f9;
- }
- .sidebox.create .spacer a {
- top: 6px;
- left: 6px;
- }
- .sidebox .subtitle {
- color: #999;
- }
- .side .titlebox .tagline {
- margin: -5px 0 5px 0 ;
- padding: 0px 5px 8px 28px;
- background: #f9f9f9;
- border-top: 0;
- font-size: 12px;
- }
- /* Tabell header */
- .side table thead, .usertext table thead {
- background-color: silver;
- color: white;
- font-weight: bold;
- }
- .side h6 + table thead tr th, .usertext h6 + table thead tr th {
- padding-left:6px;
- padding-right:6px;
- }
- .side h6 + table tbody tr td, .usertext h6 table tbody tr td {
- padding-left:6px;
- padding-right:6px;
- }
- /* Tabell, 1. plass */
- .side h6 + table:nth-of-type(1) tr:nth-of-type(1) td, .usertext h6 + table:nth-of-type(1) tr:nth-of-type(1) td {
- background-color: #edd309;
- }
- .side table:nth-of-type(2) tr:nth-of-type(1) td:hover:before {
- position: absolute;
- right: 300px;
- padding-left: 10px;
- padding-bottom: 4px;
- padding-right: 10px;
- padding-top: 4px;
- margin-right: 20px;
- margin-top: -5px;
- z-index: 1000;
- border-top: 1px solid #fff;
- content: "Champion; Qualifies for Champions League";
- background-color: gold;
- color: #000000;
- box-shadow: 1px 1px #808285;
- }
- /*.side table:nth-of-type(3) tr:nth-of-type(1) td:hover:before {
- position: absolute;
- right: 300px;
- padding-left: 10px;
- padding-bottom: 4px;
- padding-right: 10px;
- padding-top: 4px;
- margin-right: 20px;
- margin-top: -5px;
- z-index: 1000;
- border-top: 1px solid #fff;
- background-color: gold;
- color: #000000;
- box-shadow: 1px 1px #808285;
- }*/
- /* === Added code for colors in the standings - rhayward === */
- .side table:nth-of-type(2) tr:nth-of-type(1) td /*, .side table:nth-of-type(3) tr:nth-of-type(1) td*/
- {
- background-color: gold;
- }
- /* === End ===*/
- /* Tabell, 2. og 3. plass */
- .side h6 + table:nth-of-type(2) tr:nth-of-type(2) td, .side h6 + table:nth-of-type(2) tr:nth-of-type(3) td,
- .usertext h6 + table:nth-of-type(2) tr:nth-of-type(2) td, .usertext h6 + table:nth-of-type(2) tr:nth-of-type(3) td {
- background-color: #00DC41;
- }
- .side table:nth-of-type(2) tr:nth-of-type(2) td:hover:before, .side table:nth-of-type(2) tr:nth-of-type(3) td:hover:before {
- position: absolute;
- right: 300px;
- padding-left: 10px;
- padding-bottom: 4px;
- padding-right: 10px;
- padding-top: 4px;
- margin-right: 20px;
- margin-top: -5px;
- z-index: 1000;
- border-top: 1px solid #fff;
- content: "Qualifies for Champions League";
- background-color: #0066ff;
- color: #fff;
- box-shadow: 1px 1px #808285;
- }
- /*.side table:nth-of-type(3) tr:nth-of-type(2) td:hover:before {
- position: absolute;
- right: 300px;
- padding-left: 10px;
- padding-bottom: 4px;
- padding-right: 10px;
- padding-top: 4px;
- margin-right: 20px;
- margin-top: -5px;
- z-index: 1000;
- border-top: 1px solid #fff;
- background-color: #0066ff;
- color: #fff;
- box-shadow: 1px 1px #808285;
- }*/
- /* === Added colors for background of table - rhayward */
- .side table:nth-of-type(2) tr:nth-of-type(2) td, .side table:nth-of-type(2) tr:nth-of-type(3) td /*, .side table:nth-of-type(3) tr:nth-of-type(2) td*/ {
- background-color: #0066ff;
- color: #fff;
- }
- .side table:nth-of-type(2) tr:nth-of-type(2) td a, .side table:nth-of-type(2) tr:nth-of-type(3) td a /*, .side table:nth-of-type(3) tr:nth-of-type(2) td a*/ {
- color: #fff;
- }
- /* === End === */
- /* Tabell, 4. og 5. plass */
- .side h6 + table:nth-of-type(1) tr:nth-of-type(4) td, .side h6 + table:nth-of-type(1) tr:nth-of-type(5) td
- .usertext h6 + table:nth-of-type(1) tr:nth-of-type(4) td, .usertext h6 + table:nth-of-type(1) tr:nth-of-type(5) td {
- background-color: #cc6600;
- }
- .side table:nth-of-type(2) tr:nth-of-type(4) td:hover:before, .side table:nth-of-type(2) tr:nth-of-type(5) td:hover:before , .side table:nth-of-type(2) tr:nth-of-type(6) td:hover:before {
- position: absolute;
- right: 300px;
- padding-left: 10px;
- padding-bottom: 4px;
- padding-right: 10px;
- padding-top: 4px;
- margin-right: 20px;
- margin-top: -5px;
- z-index: 1000;
- border-top: 1px solid #fff;
- content: "Qualifies for Europa League";
- background-color: #cc6600;
- color: #fff;
- box-shadow: 1px 1px #808285;
- }
- /* === Added colors for background of table - rhayward */
- .side table:nth-of-type(2) tr:nth-of-type(4) td, .side table:nth-of-type(2) tr:nth-of-type(5) td, .side table:nth-of-type(2) tr:nth-of-type(6) td {
- background-color: #cc6600;
- color: #fff;
- }
- .side table:nth-of-type(2) tr:nth-of-type(4) td a, .side table:nth-of-type(2) tr:nth-of-type(5) td a, .side table:nth-of-type(2) tr:nth-of-type(6) td a {
- color: #fff;
- }
- /*=== End ===*/
- /* Tabell, nedrykk */
- .side h6 + table:nth-of-type(2) tr:nth-of-type(n+17) td, .usertext h6 + table:nth-of-type(2) tr:nth-of-type(n+17) td {
- background-color: red;
- color: #FFF;
- }
- .side table:nth-of-type(2) tr:nth-of-type(n+17) td:hover:before, .side table:nth-of-type(3) tr:nth-of-type(n+20) td:hover:before {
- position: absolute;
- right: 300px;
- padding-left: 10px;
- padding-bottom: 4px;
- padding-right: 10px;
- padding-top: 4px;
- margin-right: 20px;
- margin-top: -5px;
- z-index: 1000;
- border-top: 1px solid #fff;
- content: "Relegated";
- background-color: red;
- color: #fff;
- box-shadow: 1px 1px #808285;
- }
- /* === Added colors for background of table - rhayward */
- .side table:nth-of-type(2) tr:nth-of-type(n+17) td, .side table:nth-of-type(3) tr:nth-of-type(n+20)
- {
- background-color: red;
- color: #fff;
- }
- .side table:nth-of-type(2) tr:nth-of-type(n+17) td a, .side table:nth-of-type(3) tr:nth-of-type(n+20) td, .side table:nth-of-type(3) tr:nth-of-type(n+20) td a
- {
- color: #fff;
- }
- /* === End ===*/
- /* Sidebar-heading */
- .side h4 + p, .md h4 + p {
- text-align: center;
- font-weight: bold;
- font-size: 15px!important;
- }
- /* Sidebar-footer */
- .side h3 + p, .md h3 + p {
- text-align: center;
- font-size: 11px!important;
- }
- .keyNavAnnotation, h6, h5, h4, h3 {
- display: none;
- visibility: hidden;
- height: 0px;
- width: 0px;
- }
- .side .md table thead * {
- background: silver;
- }
- .side .md>p {
- margin: 0px 0px 5px 8px !important;
- color: #666;
- }
- .side .md blockquote {
- border: 0;
- padding: 0px;
- line-height: 16px;
- margin-bottom: 5px;
- margin-top: 0;
- }
- .side .md blockquote h3 {
- padding: 2px 0;
- margin-bottom: 0;
- border-bottom: 2px solid #f5f5f5;
- }
- .side .md blockquote a {
- color: #5e82a6;
- }
- .side .md ul {
- list-style: square;
- }
- .side .md pre {
- margin: 5px;
- }
- .side .md > p {
- margin: 0;
- }
- .sidecontentbox.collapsible {
- margin-bottom: -5px;
- }
- .sidecontentbox .content {
- border: 0;
- background: #fff;
- }
- .sidecontentbox .title {
- padding: 4px 8px;
- border-bottom: 2px solid #f5f5f5;
- }
- .sidecontentbox .title h1 {
- font-size: 14px;
- color: #888;
- }
- .sidecontentbox .collapse-button {
- width: 12px;
- height: 12px;
- background: #f0f0f0;
- color: #999;
- border: 1px solid #f0f0f0;
- font-size: 14px;
- }
- .sidecontentbox a.helplink {
- position: relative;
- background: url(%%modmessage%%) no-repeat;
- font-size: 0;
- right: 165px;
- height: 15px;
- width: 15px;
- margin-top: 6px;
- opacity: .4;
- }
- .sidecontentbox a.helplink:hover {
- opacity: .6;
- }
- .sidecontentbox .more {
- text-align: left;
- }
- .sidecontentbox .more a {
- color: #bbb;
- }
- .gadget .reddit-entry {
- line-height: 17px;
- }
- .gadget .midcol {
- width: 21px;
- margin: 0 8px 0 0;
- }
- .account-activity-box {
- background: #f9f9f9;
- padding: 8px;
- margin-top: -8px;
- margin-bottom: -5px;
- }
- #search input[type=text] {
- border: 0 !important;
- border-bottom: 2px solid #f0f0f0 !important;
- font-size: 14px !important;
- width: 295px;
- margin: 0;
- font-family: Helvetica, Arial, sans-serif;
- }
- #search input[type=text]:focus {
- outline: none;
- }
- #searchexpando {
- border-radius: 0px;
- background: rgba(255,255,255,0.95);
- margin: 0 0 5px 0;
- border: 0;
- position: absolute;
- z-index: 1;
- width: 275px;
- }
- #searchexpando input, #searchexpando p {
- margin-bottom: 0px;
- color: #666;
- }
- #searchexpando dl {
- color: #555;
- }
- #searchexpando label {
- color: #555;
- }
- #moresearchinfo {
- border: 1px solid #f0f0f0;
- margin-top: -5px;
- }
- label+#moresearchinfo {
- margin-top: 5px;
- }
- .login-form-side {
- border: 0;
- }
- .login-form-side input[type=text], .login-form-side input[type=password] {
- border: 1px solid #f0f0f0;
- width: 285px;
- height: 35px;
- margin: 5px;
- padding: 5px 10px;
- font-size: 12px;
- color: #777;
- }
- .login-form-side #remember-me * {
- font-size: 12px;
- }
- .login-form-side #remember-me {
- color: #777;
- }
- .sponsorshipbox iframe {
- margin-bottom: -2px;
- }
- .morelink {
- border: none;
- margin-bottom: -1px;
- border: 0;
- border-radius: 2px;
- width: initial;
- height: 35px;
- line-height: 35px;
- }
- .morelink a {
- letter-spacing: 0px;
- font-weight: normal;
- color: #fff;
- }
- .morelink .nub {
- display: none;
- }
- .sidebox.submit.submit-text {
- margin-top: 6px;
- }
- .sidebox.submit.submit-link .morelink a:after {
- position: absolute;
- top: 3px;
- left: 3px;
- bottom: 0;
- width: 29px;
- height: 29px;
- background: url(%%submitlink%%) no-repeat;
- content: "";
- }
- .sidebox.submit.submit-text .morelink a:after {
- position: absolute;
- top: 3px;
- left: 3px;
- bottom: 0;
- width: 29px;
- height: 29px;
- background: url(%%submittext%%) no-repeat;
- content: "";
- }
- span.subscribers, .users-online {
- color: #666;
- background: #F9F9F9;
- padding: 4px 8px;
- vertical-align: top;
- width: 279px;
- display: inline-block;
- text-align: center;
- overflow: hidden;
- }
- div.titlebox span.word { /*disables default text*/
- display: none
- }
- p.users-online span.number:after { /*changes 'users here now' to whatever*/
- content: " visitors online"
- }
- span.subscribers:after { /*changes # of 'subscribers' to whatever*/
- content: " subscribers"
- }
- span.subscribers {
- color: #666;
- padding-bottom: 1px;
- margin-top: 1px;
- }
- .titlebox .users-online {
- padding-top: 1px;
- margin-bottom: 5px;
- }
- .users-online:before {
- display: none;
- }
- .fancy-toggle-button {
- margin-bottom: 2px;
- }
- .fancy-toggle-button .active {
- border-radius: 2px;
- }
- .res .RESDashboardToggle {
- margin-right: 0 !important;
- }
- .fancy-toggle-button .add, .res .RESshortcutside, .res .RESDashboardToggle {
- background-image: none;
- background-color: rgba(98,180,109, 0.7);
- border: 1px solid #f0f0f0;
- color: rgba(255,255,255,0.7);
- transition: 100ms;
- text-decoration: none;
- border-radius: 2px;
- padding: 6px 15px;
- }
- .fancy-toggle-button .add:hover, .res .RESshortcutside:hover, .res .RESDashboardToggle:hover {
- background-image: none;
- background-color: rgba(98,180,109, 1);
- border: 1px solid #62B46D;
- color: rgba(255,255,255,1);
- }
- .fancy-toggle-button .remove, .res .RESshortcutside.remove {
- background-image: none;
- background-color: rgba(204,0,0,0.7);
- border: 1px solid #f0f0f0;
- transition: 200ms;
- color: rgba(255,255,255,0.7);
- text-decoration: none;
- padding: 6px 15px;
- }
- .res .RESDashboardToggle.remove {
- padding: 2px 17px;
- }
- .fancy-toggle-button .remove:hover, .res .RESshortcutside.remove:hover, .res .RESDashboardToggle.remove:hover {
- background-image: none;
- background-color: rgba(204,0,0,1);
- border: 1px solid rgba(204,0,0,1);
- color: rgba(255,255,255,1);
- }
- .hover-bubble.multi-selector {
- display: none !important;
- }
- .md blockquote, .help blockquote {
- margin: 0px;
- border: 1px solid #ccc;
- padding: 4px 12px;
- background: #fff;
- }
- .md hr {
- margin-top: 0;
- background: #f5f5f5;
- }
- .titlebox form.toggle, .leavemoderator {
- padding: 10px 8px 0px 8px;
- background: #f9f9f9;
- border-bottom: 0;
- font-size: 12px;
- color: #999;
- }
- .titlebox form.flairtoggle {
- padding-bottom: 2px;
- padding-top: 10px;
- }
- label[for=flair_enabled] {
- position: relative;
- top: -3px;
- }
- .titlebox .bottom {
- border-top: none;
- padding: 5px;
- font-size: 12px;
- color: #999;
- background: #f9f9f9;
- text-align: center;
- }
- .titlebox .age {
- display: block !important;
- float: none;
- text-align: center;
- }
- #ad_sponsorship {
- border: 1px solid #f0f0f0;
- width: 293px;
- }
- #ad-frame, #ad_main {
- background: #f9f9f9;
- width: 295px;
- margin-bottom: -2px;
- margin-top: 5px;
- }
- /*** ICONS ***/
- #mail {
- background: url(%%mail%%) no-repeat center !important;
- width: 13px !important;
- height: 14px !important;
- top: 11px !important;
- }
- #mail.havemail {
- background: url(%%mail2%%) no-repeat center !important;
- opacity: .8;
- top: 11px !important;
- }
- .res #mail.havemail {
- top: 11px !important;
- }
- #modmail {
- background: url(%%modmail%%) no-repeat center !important;
- width: 15px !important;
- height: 14px !important;
- top: 5px;
- }
- #modmail.havemail {
- background: url(%%modmail2%%) no-repeat center !important;
- opacity: .8;
- }
- #mail.havemail:hover, #modmail.havemail:hover {
- opacity: 1;
- }
- .pref-lang {
- font-size: 0;
- background: url(%%preferences%%) no-repeat center !important;
- width: 12px !important;
- height: 14px !important;
- position: relative;
- display: inline-block;
- top: -5px;
- }
- .logout a {
- font-size: 0;
- background: url(%%logout%%) no-repeat center !important;
- width: 15px !important;
- height: 15px !important;
- position: relative;
- display: inline-block;
- top: -5px;
- }
- /*** MOD ICONS ***/
- .titlebox .leavemoderator:before, .moderator.toggle .main:before {
- background: url(%%modicons%%) -42px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .titlebox form.leavecontributor-button:before {
- background: url(%%modicons%%) -56px 0px no-repeat;
- width: 14px;
- margin-top: 6px;
- }
- .icon-menu .reddit-edit:before {
- background: url(%%modicons%%) 0px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .edit-stylesheet:before {
- background: url(%%modicons%%) -14px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .moderator-mail:before {
- background: url(%%modicons%%) -28px 0px no-repeat;
- width: 14px;
- height: 14px;
- margin-left: 0;
- margin-top: 0;
- }
- .icon-menu .reddit-moderators:before {
- background: url(%%modicons%%) -42px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .reddit-contributors:before {
- background: url(%%modicons%%) -56px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .reddit-traffic:before {
- background: url(%%modicons%%) -70px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .reddit-modqueue:before {
- background: url(%%modicons%%) -84px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .reddit-reported:before {
- background: url(%%modicons%%) -98px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .reddit-spam:before {
- background: url(%%modicons%%) -112px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .reddit-edited:before {
- background: url(%%modicons%%) -126px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .reddit-ban:before {
- background: url(%%modicons%%) -140px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .reddit-flair:before {
- background: url(%%modicons%%) -154px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .reddit-moderationlog:before {
- background: url(%%modicons%%) -168px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- .icon-menu .reddit-unmoderated:before {
- background: url(%%modicons%%) -182px 0px no-repeat;
- width: 14px;
- height: 14px;
- }
- /*** SUBMISSION PAGE ***/
- .formtabs-content {
- border-top: none;
- padding-top: 0px;
- margin-left: -5px;
- }
- .formtabs-content .infobar {
- width: 506px;
- background: #fff;
- color: #666;
- border: 0;
- padding: 8px 12px;
- }
- .roundfield {
- border-radius: 0px;
- background: #fff;
- padding: 15px;
- font-size: medium;
- color: #555;
- }
- .roundfield textarea[name=title] {
- color: #333;
- }
- .roundfield textarea, .roundfield input[type=text], .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], .usertext-edit textarea {
- border: 1px solid #f0f0f0;
- outline: none;
- color: #333;
- }
- textarea:focus, input#sr-autocomplete:focus, .usertext-edit textarea:focus, .roundfield input[type=url]:focus {
- border: 1px solid #cacaca;
- }
- .roundfield span.title {
- text-transform: capitalize;
- }
- .roundfield .usertext-edit {
- padding-left: 0px;
- }
- div#title-field {
- padding-bottom: 12px;
- }
- .roundfield span.gray {
- visibility: hidden;
- }
- .roundfield:nth-of-type(5) {
- margin: 3px 0;
- }
- #url-field button {
- background: url(%%suggesttitle%%) no-repeat 8px center #fcfcfc;
- color: #919191;
- max-width: 30px;
- height: 30px;
- transition: 800ms;
- line-height: 20px;
- text-indent: 20px;
- padding-right: 10px;
- }
- #url-field button:hover {
- max-width: 200px;
- }
- .submit_text.enabled {
- margin-bottom: -2px;
- }
- .content.submit .info-notice {
- background: #fff;
- border: 1px solid #fff;
- border-radius: 0px;
- margin-bottom: 5px;
- margin-left: -5px;
- width: 510px;
- }
- .content.submit .spacer button.btn {
- width: 530px;
- height: 40px;
- margin-left: -5px;
- background: #5e82a6;
- border: none;
- color: #fff;
- text-transform: uppercase;
- border-radius: 2px;
- transition: 200ms;
- }
- .spacer button.btn:hover {
- opacity: .9;
- }
- #suggested-reddits {
- display: none;
- }
- ul.tabmenu.formtab {
- position: absolute;
- top: 176px;
- z-index: 999;
- background: none;
- }
- .tabmenu.formtab .selected a {
- font-size: 100%;
- opacity: 1;
- }
- .selected a.link-button.choice, .selected a.text-button.choice {
- padding: 5px 10px;
- background: #5e82a6;
- }
- a.text-button.choice, a.link-button.choice {
- padding: 5px 10px;
- text-decoration: none;
- font-weight: bold;
- border: 0;
- background-color: rgba(0,0,0,0.7);
- color: rgba(255,255,255,0.7);
- }
- form .spacer+.spacer {
- margin: 5px 0;
- }
- /*** FOOTER ***/
- .footer-parent {
- background: url(%%bg2%%) no-repeat;
- background-position: 50% 0%;
- padding-bottom: 40px;
- padding-top: 55px;
- margin-top: 5px;
- border-top: 5px solid rgba(0,0,0,0.3);
- }
- .footer-parent:before {
- display: block;
- margin: 0px auto;
- padding: 10px 0px 10px 0px;
- background: rgba(0,0,0,0.1);
- position: absolute;
- left: 0;
- right: 0;
- margin-top: -55px;
- content: "/r/PrimeiraLiga";
- color: rgba(255,255,255,0.6);
- width: 200px;
- }
- .footer {
- background: rgba(0,0,0,0.1);
- border: 0;
- border-radius: 0;
- padding: 15px 20px;
- margin: 10px auto 20px auto;
- }
- .footer .title {
- font-size: 16px;
- text-transform: capitalize;
- padding-bottom: 5px;
- margin-bottom: 5px;
- border-bottom: 1px dotted rgba(0,0,0,0.1);
- color: rgba(255,255,255,0.9);
- }
- .footer a {
- color: rgba(255,255,255,0.6);
- font-size: 13px;
- line-height: 18px;
- }
- .buygold {
- color: #D5AC3D !important;
- font-weight: normal;
- }
- .footer .col {
- border-left: none;
- }
- .debuginfo {
- margin-top: -31px;
- font-size: 12px;
- color: rgba(255,255,255,0.6);
- }
- .debuginfo .content, .debuginfo .icon {
- margin-right: 5px;
- color: rgba(255,255,255,0.6);
- }
- .bottommenu {
- color: rgba(255,255,255,0.6);
- font-size: 12px;
- }
- .bottommenu a {
- color: rgba(0,0,0,0.5);
- }
- .bottommenu .updated {
- color: #62b46d;
- }
- /*** SEARCH PAGE ***/
- .search-page .sitetable {
- margin-top: 1px !important;
- }
- .searchpane {
- margin-right: 0;
- margin-bottom: 1px;
- background: #fff;
- font-size: 12px;
- padding: 7px 10px 10px 10px;
- }
- .raisedbox {
- border: 0;
- }
- .searchfacets {
- border: 0;
- border-top: 1px solid #f5f5f5;
- box-shadow: none;
- }
- .searchfacets .facet.count:hover {
- text-decoration: none;
- }
- /*** MOD MAIL PAGE ***/
- .messages-page .sitetable {
- background: #fff;
- margin-top: -9px;
- }
- .messages-page .message {
- margin-left: 0;
- }
- .messages-page .message .subject .correspondent {
- border: 1px solid #B7D7F7;
- border-radius: 0;
- }
- .messages-page .message.message-reply.recipient>.entry .head, .message.message-parent.recipient>.entry .head {
- color: #222;
- font-size: 12px;
- }
- /*** SUBREDDIT SETTINGS ***/
- .linefield {
- background: #F9F9F9;
- margin-bottom: 5px;
- width: 528px;
- }
- .linefield .title {
- text-transform: capitalize;
- color: #555;
- }
- .linefield span+span {
- margin-left: -10px;
- font-size: 12px !important;
- }
- .linefield .linefield-content {
- font-size: 20px;
- }
- .linefield label {
- font-size: 14px;
- color: #444;
- }
- .pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], .pretty-form input[type=number] {
- font-size: 13px;
- color: #444;
- padding: 4px 8px;
- margin: 4px 4px 4px 0;
- }
- .gray {
- color: #aaa;
- }
- #img-preview-container {
- border: 1px dashed #ccc;
- padding: 7px;
- }
- /*** FLAIR SETTINGS ***/
- .flair-settings {
- margin-bottom: 5px;
- }
- .tabpane-content {
- background: #fff;
- border: 0;
- padding: 5px;
- margin-top: 4px;
- }
- #tab-grant, #tab-templates, #tab-link_templates {
- font-size: 14px;
- font-weight: normal;
- margin-left: 0;
- }
- #tab-grant a, #tab-templates a, #tab-link_templates a {
- padding: 4px 8px;
- text-decoration: none;
- }
- #tab-grant.selected a, #tab-templates.selected a, #tab-link_templates.selected a {
- background: #c45b52;
- color: #fff;
- border: 0;
- }
- .flairlist .flair-jump input[type="text"] {
- padding: 4px;
- }
- /*** STYLESHEET ***/
- .pretty-form {
- background: #fff;
- margin-top: 5px;
- padding: 5px;
- }
- .pretty-form input[type=text], .pretty-form textarea, .pretty-form input[type=password], .pretty-form input[type=number] {
- box-shadow: none;
- border: 1px solid #ddd;
- outline: none;
- }
- .pretty-form h2 {
- margin-left: 5px;
- }
- .sheets {
- margin-right: 5px;
- }
- #stylesheet_contents {
- box-shadow: none;
- -webkit-box-shadow: none;
- border: 1px solid #ddd;
- padding: 0px 2px !important;
- font-family: monospace;
- font-weight: 600;
- color: #333;
- font-size: 12px;
- line-height: 1.4;
- }
- label[for=reason] {
- color: #666;
- }
- .sheets .col textarea:focus {
- outline: none;
- }
- /* IMAGES */
- .stylesheet-customize-container #images {
- font-size: 12px;
- padding: 10px;
- margin-top: 5px;
- background: #fff;
- color: #555;
- }
- .stylesheet-customize-container #images .image-upload span {
- font-size: 12px;
- color: #999;
- padding-left: 0;
- }
- .stylesheet-customize-container #images .image-upload label input[name=img_type] {
- margin: 2px 5px 0 5px;
- }
- .stylesheet-customize-container #images .image-upload input#img-name {
- border: 1px solid #ddd;
- padding: 2px;
- margin: 5px;
- width: 191px;
- }
- .stylesheet-customize-container img {
- background-image: url(%%transparent%%);
- }
- .stylesheet-customize-container img:hover {
- background-image: none;
- }
- .stylesheet-customize-container h2 {
- margin-top: 0;
- margin-bottom: 5px;
- }
- /* PREVIEW */
- #preview-table {
- background: #fff;
- margin-top: 5px;
- padding: 5px 10px 10px 10px;
- }
- #preview-table>table {
- margin: 0;
- border: 1px dotted #ddd;
- }
- #preview-table>table>tbody>tr>th {
- vertical-align: middle;
- color: #555;
- }
- /* STYLESHEET IMAGES */
- ul#image-preview-list {
- margin: -15px;
- margin-bottom: -15px;
- margin-top: 10px;
- padding-top: 0px;
- }
- ul#image-preview-list li {
- background: #fff;
- padding: 8px 8px;
- margin: 0 0 5px 5px;
- border-radius: 2px;
- border-bottom: 2px solid #ddd;
- width: 296.5px;
- height: 100px;
- font-size: 14px;
- color: #666;
- }
- ul#image-preview-list .preview {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 8px;
- right: 0;
- margin: auto 0;
- background: #fafafa;
- line-height: 98px;
- }
- ul#image-preview-list .preview img {
- vertical-align: middle;
- }
- /*** RES ***/
- .res #srList {
- top: 0;
- border: 0;
- box-shadow: 0 0 15px rgba(0,0,0,0.2);
- text-transform: uppercase;
- max-height: none !important;
- height: 100%;
- position: fixed;
- overflow-y: auto;
- overflow-x: hidden;
- color: #aeaeae;
- }
- .res #srList tr {
- border-bottom: 1px solid #f0f0f0;
- }
- .res #srList tr:hover {
- background: none;
- background: #f0f0f0;
- }
- .res #srList td {
- padding: 0;
- }
- .res #srList thead td, .res #srList thead td a {
- font-weight: bold;
- font-size: 11px;
- color: #666;
- }
- .res #srList thead td:first-child, .res #srList thead td:nth-child(3) {
- padding-left: 8px;
- }
- .res .sortAsc, .res .sortDesc {
- margin-right: 10px;
- }
- .res #srList td a {
- text-decoration: none;
- color: #aeaeae;
- font-weight: bold;
- padding: 3px 8px;
- }
- .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
- background-color: #F9FEFF !important;
- }
- .res #RESShortcutsSort, .res #RESShortcutsRight, .res #RESShortcutsLeft, .res #RESShortcutsAdd, .res #RESShortcutsTrash {
- height: 20px;
- line-height: 18px;
- background: none;
- color: rgba(255,255,255,0.6);
- }
- .res #RESShortcutsSort:hover, .res #RESShortcutsRight:hover, .res #RESShortcutsLeft:hover, .res #RESShortcutsAdd:hover, .res #RESShortcutsTrash:hover {
- color: rgba(255,255,255,1);
- }
- .res #RESShortcutsSort, .res #RESShortcutsEditContainer .res-icon {
- font-size: 10px;
- }
- .res #RESShortcutsLeft, .res #RESShortcutsRight {
- font-size: 14px;
- }
- .res #RESShortcutsEditContainer {
- height: 20px;
- background: rgba(0,0,0,0.5);
- }
- .res #progressIndicator, .res .NERPageMarker, .res #NERFail {
- width: initial;
- margin: 0;
- margin-bottom: 1px;
- border-radius: 0;
- font-size: 12px;
- padding: 8px;
- background: #fcfcfc;
- border: 0;
- color: #666;
- font-weight: bold;
- }
- .res #progressIndicator:hover {
- background: #fff;
- }
- .res #NERFail {
- padding: 5px 0 12px 0;
- }
- .res .nextprev a, .res .next-suggestions a {
- margin: 2px !important;
- }
- .res #header-bottom-right {
- top: auto;
- border-radius: 0;
- }
- .res .userkarma a, .res #mailCount {
- padding: 0 !important;
- }
- .res #userbarToggle {
- top: 11px;
- left: -8px;
- height: 0px;
- min-height: 0;
- width: auto;
- padding: 15px 8px;
- background: rgba(0,0,0,0.1);
- border-radius: 0;
- border: none;
- line-height: 0;
- color: rgba(255,255,255,0.2);
- }
- .res #userbarToggle:hover {
- background: rgba(0,0,0,0.5);
- color: rgba(255,255,255,0.6);
- }
- .res #userbarToggle.userbarHide {
- position: initial !important;
- margin-right: -16px !important;
- padding-top: 14px !important;
- }
- .res-navTop #userbarToggle.userbarShow {
- top: -36px !important;
- left: auto;
- right: 0;
- height: 0;
- min-height: 0;
- }
- .res .thing .tagline .author.submitter {
- background-color: #5e82a6 !important;
- }
- .res .thing .tagline .author.moderator {
- background: #62B46D !important;
- }
- .res .thing .tagline .author.moderator:hover {
- background: #447e4c !important;
- }
- .res #RESShortcuts {
- overflow: visible;
- }
- .res #srDropdown {
- width: 16px;
- height: 20px;
- background: url(%%sr%%) no-repeat center transparent;
- text-indent: -999em;
- opacity: .6;
- cursor: pointer;
- padding-right: 6px;
- }
- .res #srDropdown:hover {
- background-color: rgba(0,0,0,0.2) !important;
- }
- .res #sr-header-area #srDropdown:hover {
- background-color: rgba(255,255,255,0.05);
- opacity: 1;
- }
- .res #sr-header-area {
- line-height: 22px;
- padding-left: 0;
- overflow: hidden;
- }
- .res #srLeftContainer {
- padding-left: 0;
- }
- .res .separator {
- display: none;
- }
- .res #sr-header-area a.RESShortcutsCurrentSub, .res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a {
- color: rgba(240,243,252,1) !important;
- opacity: .8;
- }
- .res #srLeftContainer, .res #RESShortcutsViewport, .res #RESShortcutsEditContainer {
- max-height: 20px;
- }
- .res .srSep {
- color: rgba(0,0,0,0.5)
- }
- .res .linkinfo .totalvotes {
- font-size: 12px;
- opacity: .5;
- }
- #openRESPrefs {
- vertical-align: middle;
- padding: 7px;
- }
- #openRESPrefs:hover {
- background-color: rgba(0,0,0,0.1)!important;
- }
- #RESMainGearOverlay {
- top: 83px !important;
- left: auto !important;
- right: 105px !important;
- height: 25px !important;
- border-radius: 2px;
- display: none !important;
- }
- .RESDropdownList {
- top: 201px !important;
- right: 5px !important;
- background: #fff;
- width: 303px !important;
- border-radius: 0;
- border: 1px solid #ddd;
- border-top: 0;
- }
- #RESAccountSwitcherIcon {
- margin-left: 0;
- margin-top: -3px;
- }
- #RESAccountSwitcherDropdown {
- left: auto !important;
- }
- .RESDropdownList li, .RESDropdownList a {
- border: none;
- color: #6f6e69;
- text-transform: uppercase;
- font-family: sans-serif;
- transition: 200ms;
- }
- .RESDropdownList li:hover {
- background: #ececec;
- color: #000;
- }
- .RESDropdownList li a {
- width: 100% !important;
- }
- .RESDropdownList li a:hover {
- background: #ececec;
- color: #000;
- text-decoration: none;
- }
- #RESSearchMenuItem {
- background-color: #ccc;
- border: 1px solid #ccc;
- }
- #RESSearchMenuItem:hover {
- background-color: #555!important;
- border: 1px solid #555 !important;
- }
- #SettingsConsole:hover > #RESSearchMenuItem {
- border: 1px solid #ccc;
- }
- .toggleButton {
- text-transform: lowercase;
- }
- .moduleToggle .toggleOn, .res .toggleButton .toggleOn, .res .moduleToggle .toggleOff, .res .toggleButton .toggleOff {
- background-color: #ccc !important;
- color: #aaa;
- border: none;
- line-height: 14px;
- }
- .toggleButton:not(.enabled) .toggleOff {
- background-color: #e74c3c !important;
- color: #fff;
- border: none;
- line-height: 14px;
- }
- .moduleToggle.enabled .toggleOn, .toggleButton.enabled .toggleOn {
- background-color: #62B46D !important;
- color: #fff;
- border: none;
- line-height: 14px;
- }
- .moduleToggle::before, .toggleButton::before {
- display: none;
- }
- .gearIcon {
- border-radius: 2px;
- cursor: pointer;
- }
- .RESNotificationHeader .gearIcon {
- position: absolute;
- top: 6px;
- right: 45px;
- }
- /*** NIGHT MODE ***/
- html[lang^="nm"] body {
- background: #222;
- }
- html[lang^="nm"] button {
- background: #333333;
- border: 1px solid #222222;
- box-shadow: 0 1px #222222;
- color: #888;
- }
- html[lang^="nm"] a, html[lang^="nm"] .side .md blockquote a {
- color: #677381;
- }
- html[lang^="nm"] h4 {
- color: #aaa;
- }
- html[lang="nm"] .res .commentarea .thing, html[lang="nm"] .res .commentarea .child .thing.comment, html[lang="nm"] .content.submit .info-notice {
- background-color: #262626 !important;
- border: 1px solid #2C2C2C !important;
- }
- html[lang="nm"] .commentarea .md blockquote {
- background: #2F2F2F;
- border: 1px solid #424242;
- border-left: 3px solid #424242;
- }
- html[lang="nm"] .commentarea .entry .buttons a[onclick*="reply"]:hover {
- border-bottom: 1px dotted #aaa;
- }
- html[lang="nm"] .new-comment .usertext-body {
- background-color: #464B51;
- border: solid 1px #464B51;
- }
- html[lang="nm"] .new-comment .usertext-body .md p {
- color: #C8D3DF;
- }
- html[lang^="nm"] .link, html[lang^="nm"] .side, html[lang^="nm"] .side .md blockquote, html[lang^="nm"] .side .help blockquote, html[lang^="nm"] .sidecontentbox .content, html[lang^="nm"] .icon-menu a, html[lang^="nm"] .nav-buttons, html[lang^="nm"] .footer, html[lang^="nm"] .commentarea, html[lang^="nm"] .commentarea .menuarea, html[lang^="nm"] #preview-table, html[lang^="nm"] .stylesheet-customize-container #images, html[lang^="nm"] .pretty-form, html[lang^="nm"] .formtabs-content .infobar, html[lang^="nm"] .roundfield {
- background: #262626;
- }
- html[lang^="nm"] .roundfield textarea, html[lang^="nm"] .roundfield input[type=text], html[lang^="nm"] .roundfield input[type=url], html[lang^="nm"] .roundfield input[type=password], html[lang^="nm"] .roundfield input[type=number], html[lang^="nm"] .usertext-edit textarea, html[lang^="nm"] .pretty-form input[type=text], html[lang^="nm"] .pretty-form textarea, html[lang^="nm"] .pretty-form input[type=password], html[lang^="nm"] .pretty-form input[type=number], html[lang^="nm"] #stylesheet_contents, html[lang^="nm"] #preview-table>table, html[lang^="nm"] .stylesheet-customize-container #images .image-upload input#img-name {
- background: #262626;
- border: 1px solid #2c2c2c !important;
- color: #888;
- outline: 0;
- }
- html[lang^="nm"] ul#image-preview-list li {
- background: #262626;
- border-bottom: 2px solid #1f1f1f;
- }
- html[lang^="nm"] .panestack-title {
- border-bottom: 1px solid #2c2c2c;
- }
- html[lang^="nm"] .comment .child, html[lang^="nm"] .comment .showreplies {
- border-left: 1px solid #2c2c2c;
- }
- html[lang^="nm"] textarea:focus, html[lang^="nm"] input#sr-autocomplete:focus, html[lang^="nm"] .usertext-edit textarea:focus, html[lang^="nm"] .roundfield input[type=url]:focus {
- border: 1px solid #383838;
- }
- html[lang^="nm"] .titlebox form.toggle, html[lang^="nm"] .leavemoderator, html[lang^="nm"] .side .titlebox .tagline, html[lang^="nm"] .titlebox .bottom, html[lang^="nm"] .footer-parent, html[lang^="nm"] .account-activity-box, html[lang^="nm"] .sidebox.create .spacer, html[lang^="nm"] .linkinfo, html[lang^="nm"] #ad-frame, html[lang^="nm"] #ad_main, html[lang^="nm"] span.subscribers, html[lang^="nm"] .users-online {
- background: #232323;
- }
- html[lang^="nm"] .linkinfo .shortlink input{
- border: 1px solid #262626 !important;
- background: #262626;
- color: #888;
- }
- html[lang^="nm"] .flair {
- background: #6b6b6b;
- border: 1px solid #222;
- color: #222;
- }
- html[lang^="nm"] .link .usertext .md, html[lang^="nm"] .linkflairlabel, html[lang^="nm"] .menuarea .dropdown.lightdrop .selected, html[lang^="nm"] .menuarea .drop-choices.lightdrop {
- background: #232323;
- border: 1px solid #232323;
- }
- html[lang^="nm"] .footer-parent {
- border-top: 5px solid #262626;
- }
- html[lang^="nm"] .side .md blockquote h3, html[lang^="nm"] .sidecontentbox .title {
- border-bottom: 2px solid #232323;
- }
- html[lang^="nm"] .thing a.title:hover {
- border-bottom: 1px dotted rgba(255,255,255,0.2);
- }
- html[lang^="nm"] .thing .title, html[lang^="nm"] .side .md blockquote {
- color: #aaa;
- }
- html[lang^="nm"] span.score, html[lang^="nm"] .tagline a {
- color: #aaa;
- }
- html[lang^="nm"] .thing .title:visited, html[lang^="nm"] .link .entry li .comments, html[lang^="nm"] .redditSingleClick, html[lang^="nm"] .commentarea {
- color: #666;
- }
- html[lang^="nm"] .entry .buttons li a, html[lang^="nm"] .tagline, html[lang^="nm"] .link .flat-list, html[lang^="nm"] .domain, html[lang^="nm"] .domain a, html[lang^="nm"] .titlebox form.toggle, html[lang^="nm"] .leavemoderator, html[lang^="nm"] #searchexpando label, html[lang^="nm"] .morelink a, html[lang^="nm"] .linkinfo .date {
- color: #5f5f5f;
- }
- html[lang^="nm"] .RES-keyNav-activeElement, html[lang^="nm"] .commentarea .RES-keyNav-activeElement .md, html[lang^="nm"] .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
- background-color: #2B2C2D !important;
- }
- html[lang^="nm"] #sr-header-area a {
- color: #fff;
- }
- html[lang^="nm"] .link.last-clicked {
- border-top: 1px dashed #444;
- border-bottom: 1px dashed #444;
- }
- html[lang^="nm"] .morelink {
- /*background: #1e1e1e !important;*/
- background: rgba(60,60,60,1);
- }
- html[lang^="nm"] .morelink:hover {
- background: rgba(112,112,112,1);
- }
- html[lang^="nm"] .morelink a
- {
- color: rgba(255,255,255,0.8);
- }
- html[lang^="nm"] .fancy-toggle-button .remove, html[lang^="nm"] .RESshortcutside.remove, html[lang^="nm"] .RESDashboardToggle.remove, html[lang^="nm"] .RESDashboardToggle, html[lang^="nm"] .RESshortcutside {
- background-image: none;
- /*background: #232323 !important;*/
- border: 1px solid #232323 !important;
- }
- html[lang^="nm"] .fancy-toggle-button .remove:hover, html[lang^="nm"] .RESshortcutside.remove:hover, html[lang^="nm"] .RESDashboardToggle.remove:hover {
- background-image: none;
- /*background: #c45b52 !important;*/
- border: 1px solid #c45b52 !important;
- }
- html[lang^="nm"] .expando-button.image.expanded {
- background-position: -40px -98px !important;
- }
- html[lang^="nm"] .expando-button.image.expanded:hover {
- background-position: -60px -98px !important;
- }
- html[lang^="nm"] .expando-button.image.collapsed {
- background-position: -40px -98px !important;
- }
- html[lang^="nm"] .expando-button.image.collapsed:hover {
- background-position: -60px -98px !important;
- }
- html[lang^="nm"] .expando-button.selftext.collapsed {
- background-position: -40px -38px !important;
- }
- html[lang^="nm"] .expando-button.selftext.collapsed:hover {
- background-position: -60px -38px !important;
- }
- html[lang^="nm"] .expando-button.selftext.expanded {
- background-position: -40px -58px!important;
- }
- html[lang^="nm"] .expando-button.selftext.expanded:hover {
- background-position: -60px -58px!important;
- }
- html[lang^="nm"] .expando-button.video.collapsed {
- background-position: -40px -78px!important;
- }
- html[lang^="nm"] .expando-button.video.collapsed:hover {
- background-position: -60px -78px!important;
- }
- html[lang^="nm"] .expando-button.video.expanded {
- background-position: -40px -78px!important;
- }
- html[lang^="nm"] .expando-button.video.expanded:hover {
- background-position: -60px -78px!important;
- }
- html[lang^="nm"] .md .-text, html[lang^="nm"] .md p, html[lang^="nm"] .md pre>code, html[lang^="nm"] .md th, html[lang^="nm"] .md td, html[lang^="nm"] .md li {
- color: #999;
- }
- html[lang^="nm"] .md pre {
- border: 1px solid #222221;
- background-color: #272726;
- }
- html[lang^="nm"] #search input[type=text] {
- border-bottom: 2px solid #222 !important;
- background: transparent;
- color: #eee !important;
- }
- html[lang^="nm"] .searchpane {
- background: #262626;
- color: #ccc;
- }
- html[lang^="nm"] .menuarea {
- background: #262626;
- }
- html[lang^="nm"] #searchexpando {
- background: #262626;
- }
- html[lang^="nm"] #moresearchinfo {
- border-top: 1px solid #232323;
- }
- html[lang^="nm"] .thumbnail {
- /*border: 2px solid #222;*/
- }
- html[lang^="nm"] #ad_sponsorship {
- border: 1px solid #222;
- }
- html[lang^="nm"] .sidecontentbox .collapse-button {
- background: #222;
- border: 1px solid #222;
- }
- html[lang^="nm"] .res #progressIndicator, html[lang^="nm"] .res .NERPageMarker, html[lang^="nm"] .res #NERFail {
- background: #2B2C2D;
- border: 1px solid #2E3032;
- }
- html[lang^="nm"] .link .md :not(pre)>code {
- background: #6B6B6B;
- border: 1px solid #6B6B6B;
- color: #222;
- }
- html[lang^="nm"] .side .md h4:first-of-type {
- background: #262626;
- color: #666;
- }
- .titlebox .md a[href*="#nm"], .titlebox .md a[href*="#dm"] {
- background: rgba(0,0,0,0.3);
- right: 25px;
- top: 45px;
- padding: 7px 12px;
- position: absolute;
- z-index: 9999;
- color: rgba(255,255,255,0.5);
- font-size: 12px;
- border-radius: 3px;
- text-decoration: none;
- transition: 200ms;
- }
- .titlebox .md a[href*="#nm"]:hover, .titlebox .md a[href*="#dm"]:hover {
- background: rgba(0,0,0,0.4);
- color: rgba(255,255,255,0.5);
- }
- .titlebox .md a[href*="#nm"] {
- display: block;
- }
- .titlebox .md a[href*="#dm"] {
- display: none;
- }
- html[lang^="nm"] .titlebox .md a[href*="#dm"] {
- display: block;
- }
- html[lang^="nm"] .titlebox .md a[href*="#nm"] {
- display: none;
- }
- html[lang^="nm"] .footer-parent:before {
- background: rgba(0,0,0,0.05);
- }
- html[lang^="nm"] .nextprev a, html[lang^="nm"] .next-suggestions a, html[lang^="nm"] .res .RESCloseButton {
- background: #1F1F1F;
- border: 1px solid #1d1d1d;
- box-shadow: 0 1px #1d1d1d;
- color: #999;
- }
- html[lang^="nm"] #url-field button {
- background-color: #1F1F1F;
- border: 1px solid #1d1d1d;
- box-shadow: 0 1px #1d1d1d;
- color: #999;
- }
- html[lang^="nm"] .markdownEditor .edit-btn:not(.btn-macro), html[lang^="nm"] .res .RESBigEditorPop {
- background-color: #6B6B6B;
- border: 1px solid #1d1d1d;
- box-shadow: 0 1px #1d1d1d;
- color: #1D1D1B;
- }
- html[lang^="nm"] .res .RESSubscriptionButton {
- background: #2F2F2F !important;
- border: 1px solid #424242 !important;
- box-shadow: 0 1px #424242;
- }
- html[lang^="nm"] .nextprev a:hover, html[lang^="nm"] .next-suggestions a:hover {
- background: #232323;
- border: 1px solid #1f1f1f;
- }
- html[lang^="nm"] .res #RESStyleSheetTipPane {
- border: 1px solid #1e1e1e;
- }
- html[lang^="nm"] .res #RESStyleSheetTipPane-header {
- border-bottom: 1px solid #1e1e1e;
- }
- .res .titlebox .md a[href*="#nm"], .res .titlebox .md a[href*="#dm"] {
- right: 15px !important;
- top: 35px !important;
- }
- html[lang^="nm"] h1
- {
- color: rgba(255,255,255,0.7);
- }
- html[lang^="nm"] .side .md table thead *
- {
- background-color: #111;
- }
- /*** NEW MARKDOWN ***/
- .md .-text, .md p, .md pre>code, .md th, .md td, .md li {
- line-height: 1.5em;
- font-size: 14px;
- color: #444;
- }
- .md .-lists, .md ul, .md ol, .usertext-edit textarea .-lists, .usertext-edit textarea ul, .usertext-edit textarea ol {
- padding-left: 30px;
- }
- /*** WIKI ***/
- .wiki-page .infobar {
- margin-top: 40px;
- border: 1px solid #ffa500;
- border-radius: 2px;
- background: #fff8d7;
- border: 0;
- padding: 10px 15px;
- width: calc(100% - 30px);
- }
- .wiki-page .infobar .md p {
- font-size: 16px;
- }
- .wiki-page .wikititle {
- margin-left: 15px;
- border-radius: 2px;
- color: #999;
- vertical-align: -6px;
- }
- .wiki-page .pageactions {
- border: 0;
- margin-top: 5px;
- margin-left: 15px;
- }
- .wiki-page .pageactions .wikiaction {
- text-decoration: none;
- color: #999;
- padding: 6px 10px;
- font-size: 14px;
- }
- .wiki-page .pageactions .wikiaction:hover {
- background-color: rgba(0,0,0,0.05);
- }
- .wiki-page .pageactions .wikiaction-current {
- background: #eee;
- color: #999;
- }
- .wiki-page .pageactions .wikiaction-current:hover {
- background: #e0e0e0;
- }
- .wiki-page>.content {
- background: #fff;
- }
- .wiki-page .wiki-page-content {
- background: transparent;
- margin: 5px 10px 10px 10px;
- padding-bottom: 10px;
- padding-top: 5px;
- border-top: 2px solid #f9f9f9;
- }
- .wiki-page .wiki-page-content .md blockquote, .wiki-page .wiki-page-content .help blockquote {
- border: 0;
- background: transparent;
- }
- .wiki-page .md.wiki blockquote h3 {
- font-size: 24px;
- }
- .wiki-page .wiki p {
- font-size: 16px;
- }
- .wiki-page em {
- color: #888;
- font-size: 14px;
- }
- .wiki-page .wiki a {
- color: #5e82a6;
- }
- .wiki-page .wiki-page-content hr {
- border: 1px solid #f9f9f9;
- }
- .wiki-page .wiki-page-content .wiki>.toc>ul {
- padding: 12px 14px;
- border: 1px solid #F0F0F0;
- box-shadow: 0 0 8px #F5F5F5;
- border-radius: 2px;
- }
- /* [ STCKY v1.06 by doingstuffcarl ]
- [ /r/STCKY ] */
- .flair {
- width: 20px;
- height: 20px;
- line-height: 16px;
- overflow: hidden;
- vertical-align: middle;
- font-size: inherit;
- background-color: transparent;
- color: #222;
- padding-top: 2px;
- padding-bottom: 2px;
- margin-right: 3px;
- border-width: 0;
- border-radius: 3px;
- }
- .flair:before {
- content: "";
- width: 20px;
- display: inline-block;
- background-repeat: no-repeat;
- vertical-align: top;
- margin-right: 4px;
- }
- span[class*='flair-pt'].flair:before, span[class*='flair-'].flair:before
- {
- background-image: url(%%domesticflair%%);
- height: 20px;
- }
- span[class*='flair-ct'].flair
- {
- height: 14px;
- }
- span[class*='flair-ct'].flair:before
- {
- background-image: url(%%intflags-sm%%);
- height: 14px;
- }
- .flair:hover {
- width: auto;
- height: 20px;
- line-height: 20px;
- cursor: default;
- }
- .flairsample-left
- {
- text-align:left!important;
- }
- /* === start: top flair ========== These are the icons that you see in the top */
- .side h5:nth-child(1) {
- display: block;
- visibility: visible;
- height: 60px;
- position: absolute;
- top: 75px;
- left: 350px;
- z-index: 100;
- }
- .side h5:nth-child(1) a {
- width: 60px;
- height: 60px;
- display: block;
- background-image: url(%%topflair%%);
- background-position: 0 -140px;
- color: rgba(0,0,0,0);
- position: absolute;
- top: 0;
- text-indent: -9999px;
- }
- .side h5:nth-child(1) a:hover:after {
- display: block;
- background-color: rgba(0,0,0,0.2);
- color: rgba(255,255,255,1);
- padding-left: 5px;
- padding-right: 5px;
- text-indent: 0;
- white-space: nowrap;
- position: absolute;
- top: 60px;
- border-radius: 6px;
- }
- .side h5:nth-child(1) a:nth-child(1) {
- left: 0;
- background-position: -960px -140px;
- }
- .side h5:nth-child(1) a:nth-child(1):hover:after {
- content: 'A. Académica';
- }
- .side h5:nth-child(1) a:nth-child(2) {
- left: 60px;
- background-position: -480px -140px;
- }
- .side h5:nth-child(1) a:nth-child(2):hover:after {
- content: 'FC Arouca';
- }
- .side h5:nth-child(1) a:nth-child(3) {
- left: 120px;
- background-position: -720px -140px;
- }
- .side h5:nth-child(1) a:nth-child(3):hover:after {
- content: 'Os Belenenses';
- }
- .side h5:nth-child(1) a:nth-child(4) {
- left: 180px;
- background-position: -120px -140px;
- }
- .side h5:nth-child(1) a:nth-child(4):hover:after {
- content: 'SL Benfica';
- }
- .side h5:nth-child(1) a:nth-child(5) {
- left: 240px;
- background-position: -900px -140px;
- }
- .side h5:nth-child(1) a:nth-child(5):hover:after {
- content: 'Boavista FC';
- }
- .side h5:nth-child(1) a:nth-child(6) {
- left: 300px;
- background-position: -180px -140px;
- }
- .side h5:nth-child(1) a:nth-child(6):hover:after {
- content: 'SC Braga';
- }
- .side h5:nth-child(1) a:nth-child(7) {
- left: 360px;
- background-position: -600px -140px;
- }
- .side h5:nth-child(1) a:nth-child(7):hover:after {
- content: 'Estoril Praia';
- }
- .side h5:nth-child(1) a:nth-child(8) {
- left: 420px;
- background-position: -840px -140px;
- }
- .side h5:nth-child(1) a:nth-child(8):hover:after {
- content: 'CF U. Madeira';
- }
- .side h5:nth-child(1) a:nth-child(9) {
- left: 480px;
- background-position: -420px -140px;
- }
- .side h5:nth-child(1) a:nth-child(9):hover:after {
- content: 'Maritimo M.';
- }
- .side h5:nth-child(1) a:nth-child(10) {
- left: 540px;
- background-position: -780px -140px;
- }
- .side h5:nth-child(1) a:nth-child(10):hover:after {
- content: 'Moreirense FC';
- }
- .side h5:nth-child(1) a:nth-child(11) {
- left: 600px;
- background-position: -660px -140px;
- }
- .side h5:nth-child(1) a:nth-child(11):hover:after {
- content: 'CD Nacional';
- }
- .side h5:nth-child(1) a:nth-child(12) {
- left: 660px;
- background-position: -300px -140px;
- }
- .side h5:nth-child(1) a:nth-child(12):hover:after {
- content: 'FC Pacos de Ferreira';
- }
- .side h5:nth-child(1) a:nth-child(13) {
- left: 720px;
- background-position: -60px -140px;
- }
- .side h5:nth-child(1) a:nth-child(13):hover:after {
- content: 'FC Porto';
- }
- .side h5:nth-child(1) a:nth-child(14) {
- left: 780px;
- background-position: -240px -140px;
- }
- .side h5:nth-child(1) a:nth-child(14):hover:after {
- content: 'Rio Ave FC';
- }
- .side h5:nth-child(1) a:nth-child(15) {
- left: 840px;
- background-position: 0 -140px;
- }
- .side h5:nth-child(1) a:nth-child(15):hover:after {
- content: 'Sporting CP';
- }
- .side h5:nth-child(1) a:nth-child(16) {
- left: 900px;
- background-position: -1020px -140px;
- }
- .side h5:nth-child(1) a:nth-child(16):hover:after {
- content: 'CD Tondela';
- }
- .side h5:nth-child(1) a:nth-child(17) {
- left: 960px;
- background-position: -540px -140px;
- }
- .side h5:nth-child(1) a:nth-child(17):hover:after {
- content: 'Vitoria SC';
- }
- .side h5:nth-child(1) a:nth-child(18) {
- left: 1020px;
- background-position: -360px -140px;
- }
- .side h5:nth-child(1) a:nth-child(18):hover:after {
- content: 'Vitoria FC';
- }
- /* === end: top flair =========== */
- /* === start: bars =========== */
- a[href^="#bar"] {
- display: inline-block;
- box-sizing: border-box;
- width: 1.25em;
- height: 1.5em;
- line-height: 1.5em;
- text-align: center;
- vertical-align: middle;
- color: white!important;
- background-color: gray;
- font-size: 1em;
- cursor: default;
- pointer-events: none;
- }
- /* Delete this if you want to allow bars in the comments */
- .comment a[href^="#bar"] {
- display: none;
- }
- a[href^="#bar-2"]{width: 2.5em}
- a[href^="#bar-3"]{width: 4em}
- a[href^="#bar-4"]{width: 5.5em}
- a[href^="#bar-5"]{width: 7em}
- a[href^="#bar-6"]{width: 8.5em}
- a[href^="#bar-7"]{width: 10em}
- a[href^="#bar-8"]{width: 11.5em}
- a[href^="#bar-9"]{width: 13em}
- a[href^="#bar-10"]{width: 14.5em}
- a[href^="#bar-11"]{width: 16em}
- a[href^="#bar-12"]{width: 17.5em}
- a[href^="#bar-13"]{width: 19em}
- a[href^="#bar-14"]{width: 20.5em}
- a[href^="#bar-15"]{width: 22em}
- a[href^="#bar-16"]{width: 23.5em}
- a[href^="#bar"][href$="-black"]{background-color: #2c2c2c}
- a[href^="#bar"][href$="-red"]{background-color: #ea2212}
- a[href^="#bar"][href$="-blue"]{background-color: #273a99}
- a[href^="#bar"][href$="-green"]{background-color: #282}
- a[href^="#bar"][href$="-white"]{background-color: white; color: #222!important; border: 1px solid silver}
- a[href^="#bar"][href$="-skyblue"]{background-color: #5cbfeb; color: #222!important}
- a[href^="#bar"][href$="-orange"]{background-color: #fdb913; color: #222!important}
- a[href^="#bar"][href$="-yellow"]{background-color: #ffe512; color: #222!important}
- a[href^="#bar"][href$="-claret"]{background-color: #801638}
- a[href^="#bar"][href$="-gray"]{background-color: gray}
- /* ===== end: bars =========== */
- /* === start: Domestic flairs ========== */
- a[href*="#pt-"], a[href^=".flair#pt-"]
- {
- white-space:nowrap;
- text-decoration: none;
- /*color:rgba(68,68,68,1);*/
- cursor: default;
- pointer-events: none;
- text-decoration:none;
- }
- a[href*="#pt-"]:before, a[href^=".flair#pt-"]:before
- {
- content: '';
- display:inline-block;
- margin-top:5px;
- width: 20px;
- height: 20px;
- background-image: url(%%domesticflair%%);
- position: relative;
- top: 5px;
- left: -2px;
- }
- /* Domestic 2-letter */
- .flair-pt-LP:before, a[href*="#pt-LP"]:before, .linkflair-Clubes .linkflairlabel:before , .flairoptionpane .linkflair-Clubes .linkflairlabel:before { background-position: -340px -60px; }
- .flair-pt-404:before, a[href*="#pt-404"]:before { background-position: -0px -0px; }
- /* Domestic 3-letter */
- .flair-pt-SCP:before, a[href*="#pt-SCP"]:before { background-position: -0px -20px; }
- .flair-pt-FCP:before, a[href*="#pt-FCP"]:before { background-position: -0px -40px; }
- .flair-pt-SLB:before, a[href*="#pt-SLB"]:before { background-position: -0px -60px; }
- .flair-pt-SCB:before, a[href*="#pt-SCB"]:before { background-position: -0px -80px; }
- .flair-pt-VFC:before, a[href*="#pt-VFC"]:before { background-position: -0px -140px; }
- .flair-pt-CSM:before, a[href*="#pt-CSM"]:before { background-position: -0px -160px; }
- .flair-pt-VSC:before, a[href*="#pt-VSC"]:before { background-position: -0px -200px; }
- .flair-pt-GDP:before, a[href*="#pt-GDP"]:before { background-position: -0px -220px; }
- .flair-pt-CDN:before, a[href*="#pt-CDN"]:before { background-position: -0px -240px; }
- .flair-pt-MOR:before, a[href*="#pt-MOR"]:before { background-position: -0px -280px; }
- .flair-pt-BOA:before, a[href*="#pt-BOA"]:before { background-position: -0px -300px; }
- .flair-pt-AAC:before, a[href*="#pt-AAC"]:before { background-position: -0px -320px; }
- .flair-pt-CDT:before, a[href*="#pt-CDT"]:before { background-position: -0px -360px; }
- .flair-pt-ACP:before, a[href*="#pt-ACP"]:before { background-position: -20px -40px; }
- .flair-pt-CDM:before, a[href*="#pt-CDM"]:before { background-position: -20px -60px; }
- .flair-pt-COL:before, a[href*="#pt-COL"]:before { background-position: -20px -80px; }
- .flair-pt-PEN:before, a[href*="#pt-PEN"]:before { background-position: -20px -100px; }
- .flair-pt-FAM:before, a[href*="#pt-FAM"]:before { background-position: -20px -120px; }
- .flair-pt-CDF:before, a[href*="#pt-CDF"]:before { background-position: -20px -140px; }
- .flair-pt-CVS:before, a[href*="#pt-CVS"]:before { background-position: -20px -160px; }
- .flair-pt-GIL:before, a[href*="#pt-GIL"]:before { background-position: -20px -180px; }
- .flair-pt-LXO:before, a[href*="#pt-LXO"]:before { background-position: -20px -200px; }
- .flair-pt-SCC:before, a[href*="#pt-SCC"]:before { background-position: -20px -240px; }
- .flair-pt-UDO:before, a[href*="#pt-UDO"]:before { background-position: -20px -260px; }
- .flair-pt-PSC:before, a[href*="#pt-PSC"]:before { background-position: -20px -280px; }
- .flair-pt-SCF:before, a[href*="#pt-SCF"]:before { background-position: -20px -320px; }
- .flair-pt-OLH:before, a[href*="#pt-OLH"]:before { background-position: -20px -360px; }
- .flair-pt-VAR:before, a[href*="#pt-VAR"]:before { background-position: -40px -20px; }
- .flair-pt-ADF:before, a[href*="#pt-ADF"]:before { background-position: -40px -40px; }
- .flair-pt-MIR:before, a[href*="#pt-MIR"]:before { background-position: -40px -60px; }
- .flair-pt-SUS:before, a[href*="#pt-SUS"]:before { background-position: -40px -80px; }
- .flair-pt-ALC:before, a[href*="#pt-ALC"]:before { background-position: -40px -100px; }
- .flair-pt-BEI:before, a[href*="#pt-BEI"]:before { background-position: -40px -140px; }
- .flair-pt-CUM:before, a[href*="#pt-CUM"]:before { background-position: -40px -160px; }
- .flair-pt-OSL:before, a[href*="#pt-OSL"]:before { background-position: -340px -20px;}
- .flair-pt-SEL:before, a[href*="#pt-SEL"]:before, .linkflair-Seleccao .linkflairlabel:before, .flairoptionpane .linkflair-Seleccao .linkflairlabel:before { background-position: -340px -40px; }
- .flair-pt-NOS:before, a[href*="#pt-NOS"]:before, .linkflair-Primeira-Liga .linkflairlabel:before, .flairoptionpane .linkflair-Primeira-Liga .linkflairlabel:before { background-position: -340px -80px; }
- .flair-pt-SEG:before, a[href*="#pt-SEG"]:before, .linkflair-Segunda-Liga .linkflairlabel:before, .flairoptionpane .linkflair-Segunda-Liga .linkflairlabel:before { background-position: -340px -100px; }
- .flair-pt-UEL:before, a[href*="#pt-UEL"]:before, .linkflair-Liga-Europa .linkflairlabel:before , .flairoptionpane .linkflair-Liga-Europa:before { background-position: -340px -200px; }
- .flair-pt-UCL:before, a[href*="#pt-UCL"]:before, .linkflair-Liga-dos-Campeoes .linkflairlabel:before, .flairoptionpane .linkflair-Liga-dos-Campeoes .linkflairlabel:before { background-position: -340px -220px; }
- .flair-pt-CNS:before, a[href*="#pt-CNS"]:before, .linkflair-CNS .linkflairlabel:before { background-position: -340px -260px; }
- /* Domestic 4-letter */
- .flair-pt-RAFC:before, a[href*="#pt-RAFC"]:before { background-position: -0px -100px; }
- .flair-pt-FCPF:before, a[href*="#pt-FCPF"]:before { background-position: -0px -120px; }
- .flair-pt-AROU:before, a[href*="#pt-AROU"]:before { background-position: -0px -180px; }
- .flair-pt-CFOB:before, a[href*="#pt-CFOB"]:before { background-position: -0px -260px; }
- .flair-pt-UMAD:before, a[href*="#pt-UMAD"]:before { background-position: -0px -340px; }
- .flair-pt-AVFC:before, a[href*="#pt-AVFC"]:before { background-position: -20px -20px; }
- .flair-pt-AVES:before, a[href*="#pt-AVES"]:before { background-position: -20px -220px; }
- .flair-pt-SCLA:before, a[href*="#pt-SCLA"]:before { background-position: -20px -300px; }
- .flair-pt-FREA:before, a[href*="#pt-FREA"]:before { background-position: -20px -340px; }
- .flair-pt-CDCP:before, a[href*="#pt-CDCP"]:before { background-position: -40px -120px; }
- .flair-pt-TOTO:before, a[href*="#pt-TOTO"]:before { background-position: -340px -180px; }
- .flair-pt-TACA:before, a[href*="#pt-TACA"]:before, .linkflair-Taca-de-Portugal .linkflairlabel:before, .flairoptionpane .linkflair-Taca-de-Portugal .linkflairlabel:before { background-position: -340px -120px; }
- .flair-pt-LIGA:before, a[href*="#pt-LIGA"]:before, .linkflair-Taca-da-Liga .linkflairlabel:before, .flairoptionpane .linkflair-Taca-da-Liga .linkflairlabel:before { background-position: -340px -160px; }
- .flair-pt-DISC:before, a[href*="#pt-DISC"]:before, .linkflair-Discussao .linkflairlabel:before, .flairoptionpane .linkflair-Discussao .linkflairlabel:before { background-position: -340px -240px; }
- .flair-pt-META:before, a[href*="#pt-META"]:before, .linkflair-Meta .linkflairlabel:before, .flairoptionpane .linkflair-Meta .linkflairlabel:before { background-position: -340px -280px; }
- .flair-pt-MRCD:before, a[href*="#pt-MRCD"]:before, .linkflair-Mercado .linkflairlabel:before, .flairoptionpane .linkflair-Mercado .linkflairlabel:before { background-position: -340px -300px;}
- /* Domestic 5-Letter */
- .flair-pt-STACA:before, a[href*="#pt-STACA"]:before, .linkflair-Supertaca .linkflairlabel:before, .flairoptionpane .linkflair-Supertaca .linkflairlabel:before { background-position: -340px -140px; }
- table a[href*="#pt-"]
- {
- position:relative;
- top: -5px;
- }
- /* === end: Domestic flairs ========== */
- /* === begin:match thread icons === */
- a.title:before, a[href^="#icon"][href$="-big"] {
- width: 24px;
- height: 24px;
- background-image: url(%%match-large%%);
- }
- a[href^="#icon"], a[href^="#bar"] {
- display: inline-block;
- cursor: default;
- pointer-events: none;
- }
- a[href^="#icon"] {
- width: 16px;
- height: 16px;
- background-image: url(%%match-small%%);
- background-position: -999px -999px;
- }
- a[href^="#icon-ball"] { background-position: 0 5%; }
- a[href^="#icon-net"] { background-position: 0 25%; }
- a[href^="#icon-whistle"] { background-position: 0 70%; }
- a[href^="#icon-clock"] { background-position: 0 10%; }
- a[href^="#icon-flag"] { background-position: 0 15%; }
- a[href^="#icon-yellow"] { background-position: 0 75%; }
- a[href^="#icon-red"] { background-position: 0 37.5%; }
- a[href^="#icon-red-ball"] { background-position: 0 32.5%; }
- a[href^="#icon-sub"] { background-position: 0 47.5%; }
- a[href^="#icon-news"] { background-position: 0 27.5%; }
- a[href^="#icon-notes"] { background-position: 0 30%; }
- a[href^="#icon-info"] { background-position: 0 17.5%; }
- a[href^="#icon-stream"] { background-position: 0 45%; }
- a[href^="#icon-up"] { background-position: 0 62.5%; }
- a[href^="#icon-down"] { background-position: 0 12.5%; }
- a[href^="#icon-star"] { background-position: 0 42.5%; }
- a[href^="#icon-alien"] { background-position: 0 0%; }
- a[href^="#icon-beer"] { background-position: 0 7.5%; }
- a[href^="#icon-trophy"] { background-position: 0 50%; }
- a[href^="#icon-red-cross"] { background-position: 0 35%; }
- /* === end:match thread icons === */
- /* === start:linkflairlabels === */
- div[class*="linkflair-"] .linkflairlabel:before {
- content:'';
- width: 20px;
- height: 20px;
- margin-right: 4px;
- display:inline-block;
- vertical-align:middle;
- background-image:url(%%domesticflair%%);
- }
- div[class*="linkflair-"] .linkflairlabel
- {
- height: 22px;
- line-height: 22px;
- padding-top:0px;
- padding-bottom:0px;
- display:inline-block;
- vertical-align:middle;
- max-width: none;
- padding-left: 5px;
- padding-right: 5px;
- }
- .linkflair-Primeira-Liga .linkflairlabel, .flairoptionpane .linkflair-Primeira-Liga .linkflairlabel
- {
- background-color: rgba(68,126,76,1);
- color: white;
- }
- .linkflair-Segunda-Liga .linkflairlabel, .flairoptionpane .linkflair-Segunda-Liga .linkflairlabel
- {
- background-color: rgba(204,0,0,1);
- color: white;
- }
- .linkflair-Supertaca .linkflairlabel, .flairoptionpane .linkflair-Supertaca .linkflairlabel
- {
- background-color: rgba(0,51,102,1);
- color: rgba(255,255,255,1);
- }
- .linkflair-Taca-da-Liga .linkflairlabel, .flairoptionpane .linkflair-Taca-da-Liga .linkflairlabel
- {
- background-color: rgba(94,130,166,1);
- color: rgba(255,255,255,1);
- }
- .linkflair-Taca-de-Portugal .linkflairlabel, .flairoptionpane .linkflair-Taca-de-Portugal .linkflairlabel
- {
- background-color: rgba(0,128,255,1);
- color: rgba(255,255,255,1);
- }
- .linkflair-Liga-dos-Campeoes .linkflairlabel, .flairoptionpane .linkflair-Liga-dos-Campeoes .linkflairlabel
- {
- background-color: rgba(255,201,38,1);
- color: rgba(0,0,0,1);
- }
- .linkflair-Liga-Europa .linkflairlabel, .flairoptionpane .linkflair-Liga-Europa .linkflairlabel
- {
- background-color: rgba(178,133,0,1);
- color: rgba(255,255,255,1);
- }
- .linkflair-Seleccao .linkflairlabel, .flairoptionpane .linkflair-Seleccao .linkflairlabel
- {
- background-color: rgba(105,140,0,1);
- color: rgba(255,255,255,1);
- }
- .linkflair-Clubes .linkflairlabel, .flairoptionpane .linkflair-Clubes .linkflairlabel
- {
- background-color: rgba(191,207,255,1);
- color: rgba(0,0,0,1);
- }
- .linkflair-Meta .linkflairlabel, .flairoptionpane .linkflair-Meta .linkflairlabel
- {
- background-color: rgba(102,102,102,1);
- color: rgba(255,255,255,1);
- }
- .linkflair-Discussao .linkflairlabel, .flairoptionpane .linkflair-Discussao .linkflairlabel
- {
- background-color: rgba(255,147,38,1);
- color: rgba(0,0,0,1);
- }
- .linkflair-CNS .linkflairlabel, .flairoptionpane .linkflair-CNS .linkflairlabel
- {
- background-color: rgba(0,102,76,1);
- color: rgba(255,255,255,1);
- }
- .linkflair-Mercado .linkflairlabel, .flairoptionpane .linkflair-Mercado .linkflairlabel
- {
- background-color: rgba(223,191,255,1);
- color: rgba(0,0,0,1);
- }
- /* === end:linkflairlabels === */
- /* === International Flags === */
- a[href*="#ct-"]:before
- {
- white-space: nowrap;
- text-decoration: none;
- cursor: default;
- pointer-events: none;
- content: "";
- display: inline-block;
- width: 20px;
- height: 14px;
- background-image: url(%%intflags-sm%%);
- position: relative;
- top:2px;
- left: -2px;
- border: 1px solid #cecece;
- box-shadow: 1px 1px 3px #cccccc;
- }
- .flair-ct-404:before, a[href*="#ct-404"]:before { background-position: -0px -0px }
- .flair-ct-UAE:before, a[href*="#ct-UAE"]:before { background-position: -0px -14px; }
- .flair-ct-AFG:before, a[href*="#ct-AFG"]:before { background-position: -0px -28px; }
- .flair-ct-ATG:before, a[href*="#ct-ATG"]:before { background-position: -0px -42px; }
- .flair-ct-ALB:before, a[href*="#ct-ALB"]:before { background-position: -0px -56px; }
- .flair-ct-ARM:before, a[href*="#ct-ARM"]:before { background-position: -0px -70px; }
- .flair-ct-ANG:before, a[href*="#ct-ANG"]:before { background-position: -0px -84px; }
- .flair-ct-ARG:before, a[href*="#ct-ARG"]:before { background-position: -0px -98px; }
- .flair-ct-AUT:before, a[href*="#ct-AUT"]:before { background-position: -0px -112px; }
- .flair-ct-AUS:before, a[href*="#ct-AUS"]:before { background-position: -0px -126px; }
- .flair-ct-AZE:before, a[href*="#ct-AZE"]:before { background-position: -0px -140px; }
- .flair-ct-BIH:before, a[href*="#ct-BIH"]:before { background-position: -0px -154px; }
- .flair-ct-BRB:before, a[href*="#ct-BRB"]:before { background-position: -0px -168px; }
- .flair-ct-BAN:before, a[href*="#ct-BAN"]:before { background-position: -0px -182px; }
- .flair-ct-BEL:before, a[href*="#ct-BEL"]:before { background-position: -0px -196px; }
- .flair-ct-BFA:before, a[href*="#ct-BFA"]:before { background-position: -0px -210px; }
- .flair-ct-BUL:before, a[href*="#ct-BUL"]:before { background-position: -0px -224px; }
- .flair-ct-BHR:before, a[href*="#ct-BHR"]:before { background-position: -0px -238px; }
- .flair-ct-BDI:before, a[href*="#ct-BDI"]:before { background-position: -20px -0px; }
- .flair-ct-BEN:before, a[href*="#ct-BEN"]:before { background-position: -20px -14px; }
- .flair-ct-BRU:before, a[href*="#ct-BRU"]:before { background-position: -20px -28px; }
- .flair-ct-BOL:before, a[href*="#ct-BOL"]:before { background-position: -20px -42px; }
- .flair-ct-BRA:before, a[href*="#ct-BRA"]:before { background-position: -20px -56px; }
- .flair-ct-BAH:before, a[href*="#ct-BAH"]:before { background-position: -20px -70px; }
- .flair-ct-BHU:before, a[href*="#ct-BHU"]:before { background-position: -20px -84px; }
- .flair-ct-BOT:before, a[href*="#ct-BOT"]:before { background-position: -20px -98px; }
- .flair-ct-BLR:before, a[href*="#ct-BLR"]:before { background-position: -20px -112px; }
- .flair-ct-BLZ:before, a[href*="#ct-BLZ"]:before { background-position: -20px -126px; }
- .flair-ct-CAN:before, a[href*="#ct-CAN"]:before { background-position: -20px -140px; }
- .flair-ct-COD:before, a[href*="#ct-COD"]:before { background-position: -20px -154px; }
- .flair-ct-CTA:before, a[href*="#ct-CTA"]:before { background-position: -20px -168px; }
- .flair-ct-CGO:before, a[href*="#ct-CGO"]:before { background-position: -20px -182px; }
- .flair-ct-SUI:before, a[href*="#ct-SUI"]:before { background-position: -20px -196px; }
- .flair-ct-CIV:before, a[href*="#ct-CIV"]:before { background-position: -20px -210px; }
- .flair-ct-CHI:before, a[href*="#ct-CHI"]:before { background-position: -20px -224px; }
- .flair-ct-CMR:before, a[href*="#ct-CMR"]:before { background-position: -20px -238px; }
- .flair-ct-CHN:before, a[href*="#ct-CHN"]:before { background-position: -40px -0px; }
- .flair-ct-COL:before, a[href*="#ct-COL"]:before { background-position: -40px -14px; }
- .flair-ct-CRC:before, a[href*="#ct-CRC"]:before { background-position: -40px -28px; }
- .flair-ct-CUB:before, a[href*="#ct-CUB"]:before { background-position: -40px -42px; }
- .flair-ct-CPV:before, a[href*="#ct-CPV"]:before { background-position: -40px -56px; }
- .flair-ct-CYP:before, a[href*="#ct-CYP"]:before { background-position: -40px -70px; }
- .flair-ct-CZE:before, a[href*="#ct-CZE"]:before { background-position: -40px -84px; }
- .flair-ct-GER:before, a[href*="#ct-GER"]:before { background-position: -40px -98px; }
- .flair-ct-DJI:before, a[href*="#ct-DJI"]:before { background-position: -40px -112px; }
- .flair-ct-DEN:before, a[href*="#ct-DEN"]:before { background-position: -40px -126px; }
- .flair-ct-DMA:before, a[href*="#ct-DMA"]:before { background-position: -40px -140px; }
- .flair-ct-DOM:before, a[href*="#ct-DOM"]:before { background-position: -40px -154px; }
- .flair-ct-ALG:before, a[href*="#ct-ALG"]:before { background-position: -40px -168px; }
- .flair-ct-ECU:before, a[href*="#ct-ECU"]:before { background-position: -40px -182px; }
- .flair-ct-EST:before, a[href*="#ct-EST"]:before { background-position: -40px -196px; }
- .flair-ct-EGY:before, a[href*="#ct-EGY"]:before { background-position: -40px -210px; }
- .flair-ct-SDR:before, a[href*="#ct-SDR"]:before { background-position: -40px -224px; }
- .flair-ct-ERI:before, a[href*="#ct-ERI"]:before { background-position: -40px -238px; }
- .flair-ct-ESP:before, a[href*="#ct-ESP"]:before { background-position: -60px -0px; }
- .flair-ct-ETH:before, a[href*="#ct-ETH"]:before { background-position: -60px -14px; }
- .flair-ct-FIN:before, a[href*="#ct-FIN"]:before { background-position: -60px -28px; }
- .flair-ct-FIJ:before, a[href*="#ct-FIJ"]:before { background-position: -60px -42px; }
- .flair-ct-FSM:before, a[href*="#ct-FSM"]:before { background-position: -60px -56px; }
- .flair-ct-FRA:before, a[href*="#ct-FRA"]:before { background-position: -60px -70px; }
- .flair-ct-GAB:before, a[href*="#ct-GAB"]:before { background-position: -60px -84px; }
- .flair-ct-GBR:before, a[href*="#ct-GBR"]:before { background-position: -60px -98px; }
- .flair-ct-GRN:before, a[href*="#ct-GRN"]:before { background-position: -60px -112px; }
- .flair-ct-GEO:before, a[href*="#ct-GEO"]:before { background-position: -60px -126px; }
- .flair-ct-GHA:before, a[href*="#ct-GHA"]:before { background-position: -60px -140px; }
- .flair-ct-GAM:before, a[href*="#ct-GAM"]:before { background-position: -60px -154px; }
- .flair-ct-GUI:before, a[href*="#ct-GUI"]:before { background-position: -60px -168px; }
- .flair-ct-EQG:before, a[href*="#ct-EQG"]:before { background-position: -60px -182px; }
- .flair-ct-GRE:before, a[href*="#ct-GRE"]:before { background-position: -60px -196px; }
- .flair-ct-GUA:before, a[href*="#ct-GUA"]:before { background-position: -60px -210px; }
- .flair-ct-GNB:before, a[href*="#ct-GNB"]:before { background-position: -60px -224px; }
- .flair-ct-GUY:before, a[href*="#ct-GUY"]:before { background-position: -60px -238px; }
- .flair-ct-HON:before, a[href*="#ct-HON"]:before { background-position: -80px -0px; }
- .flair-ct-CRO:before, a[href*="#ct-CRO"]:before { background-position: -80px -14px; }
- .flair-ct-HAI:before, a[href*="#ct-HAI"]:before { background-position: -80px -28px; }
- .flair-ct-HUN:before, a[href*="#ct-HUN"]:before { background-position: -80px -42px; }
- .flair-ct-IDN:before, a[href*="#ct-IDN"]:before { background-position: -80px -56px; }
- .flair-ct-IRL:before, a[href*="#ct-IRL"]:before { background-position: -80px -70px; }
- .flair-ct-ISR:before, a[href*="#ct-ISR"]:before { background-position: -80px -84px; }
- .flair-ct-IND:before, a[href*="#ct-IND"]:before { background-position: -80px -98px; }
- .flair-ct-IRQ:before, a[href*="#ct-IRQ"]:before { background-position: -80px -112px; }
- .flair-ct-IRN:before, a[href*="#ct-IRN"]:before { background-position: -80px -126px; }
- .flair-ct-ISL:before, a[href*="#ct-ISL"]:before { background-position: -80px -140px; }
- .flair-ct-ITA:before, a[href*="#ct-ITA"]:before { background-position: -80px -154px; }
- .flair-ct-JAM:before, a[href*="#ct-JAM"]:before { background-position: -80px -168px; }
- .flair-ct-JOR:before, a[href*="#ct-JOR"]:before { background-position: -80px -182px; }
- .flair-ct-JAP:before, a[href*="#ct-JAP"]:before { background-position: -80px -196px; }
- .flair-ct-KEN:before, a[href*="#ct-KEN"]:before { background-position: -80px -210px; }
- .flair-ct-KGR:before, a[href*="#ct-KGR"]:before { background-position: -80px -224px; }
- .flair-ct-CAM:before, a[href*="#ct-CAM"]:before { background-position: -80px -238px; }
- .flair-ct-KIR:before, a[href*="#ct-KIR"]:before { background-position: -100px -0px; }
- .flair-ct-COM:before, a[href*="#ct-COM"]:before { background-position: -100px -14px; }
- .flair-ct-SKN:before, a[href*="#ct-SKN"]:before { background-position: -100px -28px; }
- .flair-ct-PRK:before, a[href*="#ct-PRK"]:before { background-position: -100px -42px; }
- .flair-ct-KOR:before, a[href*="#ct-KOR"]:before { background-position: -100px -56px; }
- .flair-ct-KOS:before, a[href*="#ct-KOS"]:before { background-position: -100px -70px; }
- .flair-ct-KUW:before, a[href*="#ct-KUW"]:before { background-position: -100px -84px; }
- .flair-ct-KAZ:before, a[href*="#ct-KAZ"]:before { background-position: -100px -98px; }
- .flair-ct-LAO:before, a[href*="#ct-LAO"]:before { background-position: -100px -112px; }
- .flair-ct-LIB:before, a[href*="#ct-LIB"]:before { background-position: -100px -126px; }
- .flair-ct-LCA:before, a[href*="#ct-LCA"]:before { background-position: -100px -140px; }
- .flair-ct-LIE:before, a[href*="#ct-LIE"]:before { background-position: -100px -154px; }
- .flair-ct-SRI:before, a[href*="#ct-SRI"]:before { background-position: -100px -168px; }
- .flair-ct-LBR:before, a[href*="#ct-LBR"]:before { background-position: -100px -182px; }
- .flair-ct-LES:before, a[href*="#ct-LES"]:before { background-position: -100px -196px; }
- .flair-ct-LTU:before, a[href*="#ct-LTU"]:before { background-position: -100px -210px; }
- .flair-ct-LUX:before, a[href*="#ct-LUX"]:before { background-position: -100px -224px; }
- .flair-ct-LVA:before, a[href*="#ct-LVA"]:before { background-position: -100px -238px; }
- .flair-ct-LBY:before, a[href*="#ct-LBY"]:before { background-position: -120px -0px; }
- .flair-ct-MAR:before, a[href*="#ct-MAR"]:before { background-position: -120px -14px; }
- .flair-ct-MON:before, a[href*="#ct-MON"]:before { background-position: -120px -28px; }
- .flair-ct-MDA:before, a[href*="#ct-MDA"]:before { background-position: -120px -42px; }
- .flair-ct-MNE:before, a[href*="#ct-MNE"]:before { background-position: -120px -56px; }
- .flair-ct-MAD:before, a[href*="#ct-MAD"]:before { background-position: -120px -70px; }
- .flair-ct-MAI:before, a[href*="#ct-MAI"]:before { background-position: -120px -84px; }
- .flair-ct-MKD:before, a[href*="#ct-MKD"]:before { background-position: -120px -98px; }
- .flair-ct-MLI:before, a[href*="#ct-MLI"]:before { background-position: -120px -112px; }
- .flair-ct-BUR:before, a[href*="#ct-BUR"]:before { background-position: -120px -126px; }
- .flair-ct-MNG:before, a[href*="#ct-MNG"]:before { background-position: -120px -140px; }
- .flair-ct-MTN:before, a[href*="#ct-MTN"]:before { background-position: -120px -154px; }
- .flair-ct-MLT:before, a[href*="#ct-MLT"]:before { background-position: -120px -168px; }
- .flair-ct-MRI:before, a[href*="#ct-MRI"]:before { background-position: -120px -182px; }
- .flair-ct-MDV:before, a[href*="#ct-MDV"]:before { background-position: -120px -196px; }
- .flair-ct-MWI:before, a[href*="#ct-MWI"]:before { background-position: -120px -210px; }
- .flair-ct-MEX:before, a[href*="#ct-MEX"]:before { background-position: -120px -224px; }
- .flair-ct-MAS:before, a[href*="#ct-MAS"]:before { background-position: -120px -238px; }
- .flair-ct-MOZ:before, a[href*="#ct-MOZ"]:before { background-position: -140px -0px; }
- .flair-ct-NAM:before, a[href*="#ct-NAM"]:before { background-position: -140px -14px; }
- .flair-ct-NIG:before, a[href*="#ct-NIG"]:before { background-position: -140px -28px; }
- .flair-ct-NGA:before, a[href*="#ct-NGA"]:before { background-position: -140px -42px; }
- .flair-ct-NCA:before, a[href*="#ct-NCA"]:before { background-position: -140px -56px; }
- .flair-ct-NED:before, a[href*="#ct-NED"]:before { background-position: -140px -70px; }
- .flair-ct-NOR:before, a[href*="#ct-NOR"]:before { background-position: -140px -84px; }
- .flair-ct-NEP:before, a[href*="#ct-NEP"]:before { background-position: -140px -98px; }
- .flair-ct-NAU:before, a[href*="#ct-NAU"]:before { background-position: -140px -112px; }
- .flair-ct-NZL:before, a[href*="#ct-NZL"]:before { background-position: -140px -126px; }
- .flair-ct-OMA:before, a[href*="#ct-OMA"]:before { background-position: -140px -140px; }
- .flair-ct-PAN:before, a[href*="#ct-PAN"]:before { background-position: -140px -154px; }
- .flair-ct-PER:before, a[href*="#ct-PER"]:before { background-position: -140px -168px; }
- .flair-ct-PNG:before, a[href*="#ct-PNG"]:before { background-position: -140px -182px; }
- .flair-ct-PHI:before, a[href*="#ct-PHI"]:before { background-position: -140px -196px; }
- .flair-ct-PAK:before, a[href*="#ct-PAK"]:before { background-position: -140px -210px; }
- .flair-ct-POL:before, a[href*="#ct-POL"]:before { background-position: -140px -224px; }
- .flair-ct-POR:before, a[href*="#ct-POR"]:before { background-position: -140px -238px; }
- .flair-ct-PLW:before, a[href*="#ct-PLW"]:before { background-position: -160px -0px; }
- .flair-ct-PAR:before, a[href*="#ct-PAR"]:before { background-position: -160px -14px; }
- .flair-ct-QAT:before, a[href*="#ct-QAT"]:before { background-position: -160px -28px; }
- .flair-ct-ROU:before, a[href*="#ct-ROU"]:before { background-position: -160px -42px; }
- .flair-ct-SRB:before, a[href*="#ct-SRB"]:before { background-position: -160px -56px; }
- .flair-ct-RUS:before, a[href*="#ct-RUS"]:before { background-position: -160px -70px; }
- .flair-ct-RWA:before, a[href*="#ct-RWA"]:before { background-position: -160px -84px; }
- .flair-ct-KSA:before, a[href*="#ct-KSA"]:before { background-position: -160px -98px; }
- .flair-ct-SOL:before, a[href*="#ct-SOL"]:before { background-position: -160px -112px; }
- .flair-ct-SEY:before, a[href*="#ct-SEY"]:before { background-position: -160px -126px; }
- .flair-ct-SDN:before, a[href*="#ct-SDN"]:before { background-position: -160px -140px; }
- .flair-ct-SWE:before, a[href*="#ct-SWE"]:before { background-position: -160px -154px; }
- .flair-ct-SIN:before, a[href*="#ct-SIN"]:before { background-position: -160px -168px; }
- .flair-ct-SVN:before, a[href*="#ct-SVN"]:before { background-position: -160px -182px; }
- .flair-ct-SVK:before, a[href*="#ct-SVK"]:before { background-position: -160px -196px; }
- .flair-ct-SLE:before, a[href*="#ct-SLE"]:before { background-position: -160px -210px; }
- .flair-ct-SMR:before, a[href*="#ct-SMR"]:before { background-position: -160px -224px; }
- .flair-ct-SEN:before, a[href*="#ct-SEN"]:before { background-position: -160px -238px; }
- .flair-ct-SOM:before, a[href*="#ct-SOM"]:before { background-position: -180px -0px; }
- .flair-ct-SUR:before, a[href*="#ct-SUR"]:before { background-position: -180px -14px; }
- .flair-ct-STP:before, a[href*="#ct-STP"]:before { background-position: -180px -28px; }
- .flair-ct-SLV:before, a[href*="#ct-SLV"]:before { background-position: -180px -42px; }
- .flair-ct-SYR:before, a[href*="#ct-SYR"]:before { background-position: -180px -56px; }
- .flair-ct-SWZ:before, a[href*="#ct-SWZ"]:before { background-position: -180px -70px; }
- .flair-ct-CHA:before, a[href*="#ct-CHA"]:before { background-position: -180px -84px; }
- .flair-ct-TOG:before, a[href*="#ct-TOG"]:before { background-position: -180px -98px; }
- .flair-ct-THA:before, a[href*="#ct-THA"]:before { background-position: -180px -112px; }
- .flair-ct-TJK:before, a[href*="#ct-TJK"]:before { background-position: -180px -126px; }
- .flair-ct-TLS:before, a[href*="#ct-TLS"]:before { background-position: -180px -140px; }
- .flair-ct-TKM:before, a[href*="#ct-TKM"]:before { background-position: -180px -154px; }
- .flair-ct-TUN:before, a[href*="#ct-TUN"]:before { background-position: -180px -168px; }
- .flair-ct-TGA:before, a[href*="#ct-TGA"]:before { background-position: -180px -182px; }
- .flair-ct-TUR:before, a[href*="#ct-TUR"]:before { background-position: -180px -196px; }
- .flair-ct-TRI:before, a[href*="#ct-TRI"]:before { background-position: -180px -210px; }
- .flair-ct-TRU:before, a[href*="#ct-TRU"]:before { background-position: -180px -224px; }
- .flair-ct-SAM:before, a[href*="#ct-SAM"]:before { background-position: -180px -238px; }
- .flair-ct-TAN:before, a[href*="#ct-TAN"]:before { background-position: -200px -0px; }
- .flair-ct-UKR:before, a[href*="#ct-UKR"]:before { background-position: -200px -14px; }
- .flair-ct-UGA:before, a[href*="#ct-UGA"]:before { background-position: -200px -28px; }
- .flair-ct-USA:before, a[href*="#ct-USA"]:before { background-position: -200px -42px; }
- .flair-ct-URU:before, a[href*="#ct-URU"]:before { background-position: -200px -56px; }
- .flair-ct-UZB:before, a[href*="#ct-UZB"]:before { background-position: -200px -70px; }
- .flair-ct-VAT:before, a[href*="#ct-VAT"]:before { background-position: -200px -84px; }
- .flair-ct-VIN:before, a[href*="#ct-VIN"]:before { background-position: -200px -98px; }
- .flair-ct-VEN:before, a[href*="#ct-VEN"]:before { background-position: -200px -112px; }
- .flair-ct-VIE:before, a[href*="#ct-VIE"]:before { background-position: -200px -126px; }
- .flair-ct-VAN:before, a[href*="#ct-VAN"]:before { background-position: -200px -140px; }
- .flair-ct-SAM:before, a[href*="#ct-SAM"]:before { background-position: -200px -154px; }
- .flair-ct-YEM:before, a[href*="#ct-YEM"]:before { background-position: -200px -168px; }
- .flair-ct-RSA:before, a[href*="#ct-RSA"]:before { background-position: -200px -182px; }
- .flair-ct-ZAM:before, a[href*="#ct-ZAM"]:before { background-position: -200px -196px; }
- .flair-ct-ZIM:before, a[href*="#ct-ZIM"]:before { background-position: -200px -210px; }
- .flair-ct-ASA:before, a[href*="#ct-ASA"]:before { background-position: -200px -224px; }
- .flair-ct-AIA:before, a[href*="#ct-AIA"]:before { background-position: -200px -238px; }
- .flair-ct-ARU:before, a[href*="#ct-ARU"]:before { background-position: -220px -0px; }
- .flair-ct-BER:before, a[href*="#ct-BER"]:before { background-position: -220px -14px; }
- .flair-ct-VGB:before, a[href*="#ct-VGB"]:before { background-position: -220px -28px; }
- .flair-ct-BRU:before, a[href*="#ct-BRU"]:before { background-position: -220px -42px; }
- .flair-ct-CAY:before, a[href*="#ct-CAY"]:before { background-position: -220px -56px; }
- .flair-ct-TPE:before, a[href*="#ct-TPE"]:before { background-position: -220px -70px; }
- .flair-ct-COK:before, a[href*="#ct-COK"]:before { background-position: -220px -84px; }
- .flair-ct-CUW:before, a[href*="#ct-CUW"]:before { background-position: -220px -98px; }
- .flair-ct-ENG:before, a[href*="#ct-ENG"]:before { background-position: -220px -112px; }
- .flair-ct-FRO:before, a[href*="#ct-FRO"]:before { background-position: -240px -56px; }
- .flair-ct-GUM:before, a[href*="#ct-GUM"]:before { background-position: -220px -126px; }
- .flair-ct-HKG:before, a[href*="#ct-HKG"]:before { background-position: -220px -140px; }
- .flair-ct-MAC:before, a[href*="#ct-MAC"]:before { background-position: -220px -154px; }
- .flair-ct-MSR:before, a[href*="#ct-MSR"]:before { background-position: -220px -168px; }
- .flair-ct-MYA:before, a[href*="#ct-MYA"]:before { background-position: -220px -182px; }
- .flair-ct-NCL:before, a[href*="#ct-NCL"]:before { background-position: -220px -196px; }
- .flair-ct-NIR:before, a[href*="#ct-NIR"]:before { background-position: -220px -210px; }
- .flair-ct-PLE:before, a[href*="#ct-PLE"]:before { background-position: -220px -224px; }
- .flair-ct-PUR:before, a[href*="#ct-PUR"]:before { background-position: -220px -238px; }
- .flair-ct-SCO:before, a[href*="#ct-SCO"]:before { background-position: -240px -0px; }
- .flair-ct-SSD:before, a[href*="#ct-SSD"]:before { background-position: -240px -14px; }
- .flair-ct-TAH:before, a[href*="#ct-TAH"]:before { background-position: -240px -28px; }
- .flair-ct-TCA:before, a[href*="#ct-TCA"]:before { background-position: -240px -42px; }
- .flair-ct-AND:before, a[href*="#ct-AND"]:before { background-position: -240px -70px; }
- .flair-ct-WAL:before, a[href*="#ct-WAL"]:before { background-position: -240px -84px; }
- /* === end:International Flags ===*/
- /* === Colors the title of what the AutoModerator posts in green === */
- .thing[data-author="AutoModerator"] a.title {color:green; font-weight:bold;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement