Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- ==============================================================================================================
- Welcome to /r/SUBREDDIT-NAME-HERE 's stylesheet.
- ==============================================================================================================
- This subreddit is using the "Keep It Simple" theme written by /u/titleproblems
- It can be found at /r/KeepItSimple
- Development of the theme can be followed at /r/KeepItSimpleDev
- Other themes, templated and other goods from titleproblems can be found on /r/titleproblems
- ==============================================================================================================
- */
- /***** Body *****/
- body {
- font-family: arial, sans-serif;
- background-color: #f8f8f8;
- }
- /***** END of Body *****/
- /***** Header *****/
- #header {
- background-color: #9ad3ff;
- border-bottom: 1px solid #87bbe5;
- box-shadow: 0px 0px 10px #ccc;
- z-index: 10001 !important;
- }
- #header .pagename {
- color: #474747;
- border: 1px solid #f4f4f4;
- background-color: #fbfbfb;
- box-shadow: 0px 0px 1px #cbcaca;
- padding: 5px;
- font-size: 14px;
- font-variant: normal;
- }
- #header-bottom-right {
- /*position: absolute;*/
- /*margin-top: 5px;*/
- right: 0px;
- top: auto !important;
- bottom: -6px !important;
- border-bottom: 1px solid #f4f4f4;
- background-color: #fbfbfb;
- box-shadow: 0px 0px 1px #cbcaca;
- vertical-align: bottom !important;
- }
- #userbarToggle {
- background-color: #fbfbfb !important;
- background: #fbfbfb !important;
- box-shadow: 0px 0px 1px #cbcaca;
- border-radius: 0px !important;
- border-bottom: 1px solid #f4f4f4;
- border-left: 1px solid #f4f4f4;
- border-right: 1px solid #f4f4f4 !important;
- }
- #sr-header-area {
- border-bottom: 1px solid #f4f4f4;
- background-color: #fbfbfb;
- box-shadow: 0px 0px 1px #cbcaca;
- }
- /***** END of Header *****/
- /***** Tabmenu *****/
- #header .tabmenu {
- border: 1px solid #f4f4f4;
- background-color: #fbfbfb;
- box-shadow: 0px 0px 1px #cbcaca;
- padding: 5px;
- padding-bottom: 6px;
- margin: 0px 0px -6px;
- }
- #header .tabmenu li { margin: 0px 0px; }
- #header .tabmenu li a {
- background: transparent;
- border-right: 1px solid #f4f4f4;
- border-left: 1px solid #f4f4f4;
- color: #474747;
- }
- #header .tabmenu li a:hover { background-color: transparent; }
- #header .tabmenu li.selected a {
- border-top: 0px;
- border-bottom: 0px;
- color: #000;
- }
- /***** END of Tabmenu *****/
- /***** Side *****/
- .side {
- margin-top: 50px;
- margin-right: 15px;
- padding-top: 25px;
- padding-left: 10px;
- padding-right: 10px;
- border: 1px solid #f4f4f4;
- background-color: #fbfbfb;
- margin-left: 10px;
- }
- /* Credits goes to /u/cryptonaut, this is a modified version of what he has on /r/Naut (AMAZING theme, check it out!)*/
- .titlebox blockquote h5:nth-of-type(1) {
- position: fixed;
- top: 0px;
- right: 0px;
- left: 0px;
- z-index: 1000;
- height: 29px;
- background-color: #9ad3ff;
- padding: 2px;
- box-shadow: 0px 0px 2px #ccc;
- color: #000;
- text-align: center;
- font-weight: normal;
- font-size: 12px;
- line-height: 30px;
- }
- .titlebox blockquote h5:nth-of-type(1) a {
- margin: 0px 10px;
- padding-bottom: 4px;
- color: #f9f8f8;
- }
- .titlebox blockquote h5:nth-of-type(1) a:hover {
- color: #e5e0e0;
- }
- .titlebox h6:first-of-type {
- position: absolute;
- top: 75px;
- left: 50px;
- color: #474747;
- }
- .titlebox h6:first-of-type::before {
- display: inline-block;
- content: 'ⓘ';
- font-size: 18px !important;
- font-weight: bold !important;
- font-family: Georgia;
- color: #f1f1f1 !important;
- background-color: #9ad3ff !important;
- border-radius: 2px;
- padding: 3px;
- margin-right: 8px;
- }
- .sidebox.submit.submit-link {
- }
- .sidebox.submit.submit-text {
- }
- .morelink {
- z-index: 50;
- border: 1px solid #f4f4f4;
- border-bottom: 2px solid #f4f4f4;
- border-right: 2px solid #f4f4f4;
- background: #fbfbfb;
- box-shadow: 0px 0px 1px #cbcaca;
- padding-top: 2px;
- padding-bottom: 2px;
- overflow: hidden;
- }
- .morelink:hover {
- background: none;
- background-color: #eee !important;
- color: #000;
- border: 1px solid #e5e4e4;
- border-bottom: 2px solid #e5e4e4;
- border-right: 2px solid #e5e4e4;
- }
- .morelink a {
- color: #474747 !important;
- font-size: 15px;
- font-family: verdana, sans-serif;
- }
- .morelink a:hover {
- color: #000 !important;
- }
- .morelink .nub { display: none; }
- .sidecontentbox .content {
- width: 290px;
- }
- #search {
- margin-top: -20px;
- margin-bottom: 20px;
- border: 1px solid #87bbe5;
- background-color: #9ad3ff;
- padding-top: 10px;
- padding-bottom: 10px;
- padding-left: 2px;
- padding-right: 2px;
- }
- #search input[type="text"] {
- border-radius: 15px;
- border: 1px solid #b0d6fd;
- text-indent: 5px;
- font-size: 15px;
- width: 90%;
- margin-left: 12px;
- color: #696969;
- }
- #searchexpando {
- background: transparent !important;
- border: none !important;
- }
- h1.redditname { font-family: arial, sans-serif; }
- .sidecontentbox .content { border: 0px !important; }
- span.subscribers:before {
- display: inline-block !important;
- content: '🌎';
- margin-right: 3px;
- }
- /***** END of Side *****/
- /***** Content *****/
- .content {
- overflow: hidden;
- margin-left: 20px;
- margin-top: 50px;
- padding: 5px;
- border: 1px solid #f4f4f4;
- background-color: #fbfbfb;
- }
- .link {
- padding: 5px;
- }
- .link.last-clicked { border: 0px !important; }
- p.title { font-family: Georgia !important; }
- .roundfield, #link-desc.infobar, #text-desc.infobar {
- border: 1px solid #b0d6fd;
- background-color: #cee3f8;
- border-radius: 0px;
- }
- .link .thumbnail.self {
- line-height: 50px;
- }
- span.rank { font-weight: bold; font-family: Georgia !important; }
- /* New voting arrows */
- .arrow.up {
- background-image: none !important;
- background: transparent !important;
- }
- .arrow.up:after {
- content: '▲' !important;
- display: inline-block !important;
- color: #c6c6c6 !important;
- font-size: 15px;
- }
- .arrow.upmod {
- background-image: none !important;
- background: transparent !important;
- }
- .arrow.upmod:after {
- content: '▲' !important;
- display: inline-block !important;
- color: #ff8b60 !important;
- font-size: 15px;
- }
- .arrow.down {
- background-image: none !important;
- background: transparent !important;
- }
- .arrow.down:after {
- content: '▼' !important;
- display: inline-block !important;
- color: #c6c6c6 !important;
- font-size: 15px;
- }
- .arrow.downmod {
- background-image: none !important;
- background: transparent !important;
- }
- .arrow.downmod:after {
- content: '▼' !important;
- display: inline-block !important;
- color: #9494ff !important;
- font-size: 15px;
- }
- div.score.likes, div.score.unvoted, div.scores.dislikes {
- margin-top: 5px;
- }
- /* END New voting arrows */
- /* Custom thumbnails */
- .link .thumbnail.self { background: transparent !important; }
- .link .thumbnail.self:after {
- display: inline-block !important;
- content: 'ⓘ!' !important;
- font-size: 47px !important;
- margin-left: 10px !important;
- color: #e5e5e5 !important;
- }
- .link .thumbnail.default { background: transparent !important; }
- .link .thumbnail.default:after {
- display: inline-block !important;
- content: '↳?' !important;
- font-size: 40px !important;
- margin-left: 10px !important;
- color: #e5e5e5 !important;
- }
- /* END Custom thumbnails */
- /* Comments button */
- a.comments {
- color: green !important;
- padding: 3px !important;
- }
- a.comments:before {
- display: inline-block !important;
- content: '✐';
- color: green;
- font-weight: bold;
- font-size: 15px;
- margin-right: 3px;
- }
- /* END Comments button */
- /* Share button */
- span.share-button.toggle {
- padding: 3px !important;
- }
- span.share-button.toggle:before {
- display: inline-block !important;
- content: '⇥';
- font-weight: bold;
- font-size: 15px;
- margin-right: 3px;
- color: #777;
- }
- /* END Share button */
- /* Save button */
- form.state-button.save-button {
- padding: 3px !important;
- }
- form.state-button.save-button:before {
- display: inline-block !important;
- content: '↴';
- font-weight: bold;
- font-size: 15px;
- margin-right: 3px;
- color: #777;
- }
- /* END Save button */
- /* Hide button */
- form.state-button.hide-button {
- padding: 3px !important;
- }
- form.state-button.hide-button:before {
- display: inline-block !important;
- content: '⊗';
- font-weight: bold;
- font-size: 15px;
- margin-right: 3px;
- color: #777;
- }
- /* END Hide button */
- /* Delete button */
- form.toggle.del-button, form.toggle.remove-button {
- padding: 3px;
- }
- form.toggle.del-button:before, form.toggle.remove-button:before {
- display: inline-block !important;
- content: '✕';
- color: red;
- font-weight: bold;
- font-size: 15px;
- margin-right: 3px;
- }
- /* END Delete button */
- /* Approve button */
- FORM.state-button.approve-button {
- padding: 3px;
- }
- FORM.state-button.approve-button:before {
- display: inline-block !important;
- content: '✓';
- color: green;
- font-weight: bold;
- font-size: 15px;
- margin-right: 3px;
- }
- /* END Approve button */
- /* Report button */
- FORM.toggle.report-button {
- padding: 3px;
- }
- FORM.toggle.report-button:before {
- display: inline-block !important;
- content: '⚑';
- color: red;
- font-size: 15px;
- margin-right: 3px;
- }
- /* END Report button */
- /* NSFW button */
- .nsfw-stamp acronym {
- font-family: Georgia;
- border-radius: 0px;
- }
- /* END NSFW button */
- /* Show up on hover */
- /* === Taken from Cryptonauts theme /r/Naut === */
- .link .entry li .comments { visibility: visible !important; }
- #siteTable div.thing ul {visibility: hidden;}
- #siteTable div.thing:hover ul {visibility: visible !important;}
- #siteTable li.rounded.nsfw-stamp.stamp { visibility: visible !important; }
- /* END Show up on hover */
- /***** END of Content *****/
- /***** RES Stuff *****/
- .RES-keyNav-activeElement, .commentarea .RES-keyNav-activeElement.entry .noncollapsed, .entry.likes.RES-keyNav-activeElement.lcTagged {
- outline: 0px !important;
- border-bottom: 1px solid #f4f4f4;
- border-right: 1px solid #f4f4f4;
- background-color: transparent !important;
- background: transparent !important;
- }
- body .beta-notice {
- top: 18px!important;
- }
- body.res .beta-notice {
- top: 18px!important;
- }
- /***** END of RES Stuff *****/
- /***** Link Flair Stuff *****/
- .linkflairlabel {
- background: transparent;
- border: none;
- }
- .flairoptionpane .linkflairlabel { display: inline-block !important; }
- /* Mod Post flair */
- .linkflair-mod .linkflairlabel {
- background-color: #9ad3ff !important;
- font-weight: bold;
- color: #fbfbfb;
- font-size: 12px;
- padding: 3px;
- display: none !important;
- }
- .flairoptionpane .linkflair-mod .linkflairlabel { display: inline-block !important; }
- .linkflair-mod span.rank { color: #9ad3ff !important; font-weight: bold; width: 80px !important; }
- .linkflair-mod span.rank:after {
- display: inline-block !important;
- content: 'Mod Post';
- background-color: #9ad3ff !important;
- font-weight: bold !important;
- color: #fbfbfb !important;
- font-size: 12px;
- padding: 3px;
- margin-left: 5px;
- font-family: Arial, sans-serif !important;
- }
- .linkflair-mod p.title:first-letter {
- font-weight: bold !important;
- color: #9ad3ff !important;
- font-size: 20px !important;
- }
- .linkflair-mod .thumbnail { display: none !important; }
- /* END Mod Post flair */
- /* Announcement flair */
- .linkflair-announcement .linkflairlabel {
- background-color: #97ee9a !important;
- font-weight: bold;
- color: #fbfbfb;
- font-size: 12px;
- padding: 3px;
- display: none !important;
- }
- .flairoptionpane .linkflair-announcement .linkflairlabel { display: inline-block !important; }
- .linkflair-announcement span.rank { color: #97ee9a !important; font-weight: bold; width: 120px !important; }
- .linkflair-announcement span.rank:after {
- display: inline-block !important;
- content: 'Announcement';
- background-color: #97ee9a !important;
- font-weight: bold !important;
- color: #fbfbfb !important;
- font-size: 12px;
- padding: 3px;
- margin-left: 5px;
- font-family: Arial, sans-serif !important;
- }
- .linkflair-announcement p.title:first-letter {
- font-weight: bold !important;
- color: #97ee9a !important;
- font-size: 20px !important;
- }
- .linkflair-announcement .thumbnail { display: none !important; }
- /* END Announcement flair */
- /* Meta flair */
- .linkflair-meta .linkflairlabel {
- background-color: #d3abf4 !important;
- font-weight: bold;
- color: #fbfbfb;
- font-size: 12px;
- padding: 3px;
- display: none !important;
- }
- .flairoptionpane .linkflair-meta .linkflairlabel { display: inline-block !important; }
- .linkflair-meta span.rank { color: #d3abf4 !important; font-weight: bold; width: 50px !important; }
- .linkflair-meta span.rank:after {
- display: inline-block !important;
- content: 'Meta';
- background-color: #d3abf4 !important;
- font-weight: bold;
- color: #fbfbfb !important;
- font-size: 12px;
- padding: 3px;
- margin-left: 5px;
- font-family: Arial, sans-serif !important;
- }
- .linkflair-meta p.title:first-letter {
- font-weight: bold !important;
- color: #d3abf4 !important;
- font-size: 20px !important;
- }
- .linkflair-meta .thumbnail { display: none !important; }
- /* END Meta flair */
- /* Blue flair */
- .linkflair-blue .linkflairlabel {
- background-color: #9ad3ff !important;
- font-weight: bold;
- color: #fbfbfb;
- font-size: 12px;
- padding: 3px;
- display: inline-block !important;
- }
- /* END Blue flair */
- /* Green flair */
- .linkflair-green .linkflairlabel {
- background-color: #97ee9a !important;
- font-weight: bold;
- color: #fbfbfb;
- font-size: 12px;
- padding: 3px;
- display: inline-block !important;
- }
- /* END Green flair */
- /* Purple flair */
- .linkflair-purple .linkflairlabel {
- background-color: #d3abf4 !important;
- font-weight: bold;
- color: #fbfbfb;
- font-size: 12px;
- padding: 3px;
- display: inline-block !important;
- }
- /* END Purple flair */
- /* Red flair */
- .linkflair-red .linkflairlabel {
- background-color: #ff7676 !important;
- font-weight: bold;
- color: #fbfbfb;
- font-size: 12px;
- padding: 3px;
- display: inline-block !important;
- }
- /* END Red flair */
- /***** END of Link Flair Stuff *****/
- /***** User Flair Stuff *****/
- .flair {
- background: transparent !important;
- border: none !important;
- }
- /***** End of User Flair Stuff *****/
- /***** Other *****/
- /* stylesheet fix */
- #subreddit_stylesheet { display: block; overflow: hidden; }
- .sheets { margin: 0;}
- /* END stylesheet fix */
- .footer.rounded {
- border-radius: 0px;
- border: 1px solid #f4f4f4;
- background-color: #fbfbfb;
- box-shadow: 0px 0px 1px #cbcaca;
- }
- .footer.rounded:after {
- display: inline-block;
- content: 'Subreddit theme designed and coded by /u/titleproblems. Check out /r/titleroblems for more!';
- width: 100px;
- height: 100px;
- margin-top: 10px;
- border-left: 1px solid #ccc;
- padding-left: 10px;
- padding-right: 10px;
- padding-bottom: 10px;
- padding-top: 0px;
- text-align: left;
- }
- .footer.rounded:before {
- display: block;
- content: 'Subreddit theme: Keep It Simple (v1.2)';
- font-size: 20px;
- }
- /* Text Symbols */
- /*
- http://text-symbols.com/
- ✓
- ☇
- ⌦
- ⌫
- ⇶
- ⇵
- ↺
- ⇲
- ▲ ▼
- ⓘ
- */
- /***** END of Other *****/
Add Comment
Please, Sign In to add comment