API tools faq
paste
Advertisement
Guest User

SimplePlus v0.9.8

a guest
Dec 24th, 2015
479
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.27 KB | None | 0 0
raw download clone embed print report
  1. /*------------------------------------------------------------------------------------------------------
  2. SimplePlus v0.9.8:
  3. ~ Developed by /u/Blisschen
  4. ~ Theme last modified 24 December 2015
  5.  
  6. "It doesn’t matter whether little curly brackets live on the same lines or on new lines.
  7. It’s your code, you decide. Just be consistent. :)"
  8. @BobRossGameDev
  9.  
  10. Control/Command-F Navagation:
  11. ~ BODY (used for fonts and other subreddit-wide changes)
  12. ~ HEADER (handles subreddit background, and tileable vs full-sized header)
  13. ~ SIDEBAR AND SUBMIT (search, submit, and formatting)
  14. ~ CONTENT AND POSTS (sticky post, nsfw post, and other fixes)
  15. ~ USER FLAIRS (user flairs, must be enabled on flair page)
  16. ~ LINK FLAIRS (link/post flairs, must also be enabled on flair page)
  17. ~ SNIPPETS (place your own code, or code from the wiki here)
  18. ------------------------------------------------------------------------------------------------------*/
  19.  
  20.  
  21.  
  22. /* BODY */
  23. body {font-family: -apple-system, San Francisco Display, Helvetica Neue, Helvetica, Segoe UI, Verdana, Arial, sans-serif;}
  24.  
  25.  
  26.  
  27. /* HEADER */
  28. #header{
  29. background-image: linear-gradient(
  30. rgba(255, 255, 255, 0.2),
  31. rgba(255, 255, 255, 0.2)
  32. ),url(%%bck1%%);
  33. background-position: left center;
  34. height:200px;
  35. border:none;
  36. box-shadow: 0 1.5px 4px rgba(0,0,0,0.24),0 1.5px 6px rgba(0,0,0,0.12);
  37. /* IF YOU ARE USING A FULL-SIZED (1000px) BACKGROUND, YOU MUST ENABLE BELOW THIS LINE
  38. background-repeat:no-repeat;
  39. background-size: 100%;*/
  40. }
  41.  
  42. #header:after {
  43. position: absolute;
  44. top: 165px;
  45. width: 100%;
  46. height: 40px;
  47. background: rgba(255,255,255,0.8);
  48. content: " ";
  49. z-index: -1;
  50. }
  51.  
  52. #header-bottom-left {
  53. bottom: 0;
  54. height: 20px;
  55. left: 90px;
  56. position: absolute;
  57. font-weight: 700;
  58. color: #369;
  59. }
  60.  
  61. #header-bottom-left a{color: #369;font-variant:normal;}
  62. #header-img {position: absolute;bottom: -5px;left: -80px;}
  63. #header-bottom-left ul.tabmenu li a[href$="/ads/"]{display:none!important;}
  64. .tabmenu #viewImagesButton {display: none!important;}
  65. .tabmenu li.selected a{color: orangered!important;}
  66.  
  67. .tabmenu.formtab .selected a {
  68. color: white!important;
  69. font-size: 130%;
  70. background-color: #5f99cf;
  71. border: 2px solid #5F99CF!important;
  72. }
  73.  
  74. #header-bottom-right {
  75. background:none;
  76. top: 175px !important;
  77. right: 20px;
  78. padding: 0px !important;
  79. font-weight: 700;
  80. font-size: 11px;
  81. }
  82.  
  83. .pagename{
  84. position: relative;
  85. top: -8px;
  86. margin-right: 80px;
  87. margin-left: -13px;
  88. }
  89.  
  90. .pagename a {color: #369; font-size: 16px;}
  91.  
  92. #sr-header-area {
  93. background-color: #000;
  94. background-color: rgba(255,255,255,0.8)!important;
  95. border: none;
  96. color: #fff;
  97. font-weight: 400;
  98. width: 100%;
  99. z-index: 9999;
  100. }
  101.  
  102. .sr-bar a, .dropdown.srdrop .selected,.drop-choices a.choice {color:#369;font-weight: bold;text-transform:none;}
  103. .drop-choices{background-color: rgba(255,255,255,0.9)!important;}
  104. .tabmenu li a {padding: 2px 6px 0 6px;background-color: rgba(255,255,255,0.6);}
  105.  
  106. .tabmenu li.selected a {
  107. color: orangered;
  108. background-color: white;
  109. border-bottom: 5px solid white!important;
  110. z-index: 100;
  111. border:none;
  112. }
  113.  
  114.  
  115.  
  116. /* SIDEBAR AND SUBMIT */
  117.  
  118. #search input[type=text]{border: 1px solid #369;}
  119. .infobar{background: #fff;border: 1px solid #369;}
  120. .titlebox h1 a {width: 100%;color: #369!important;text-align: center;font-size: 25px;}
  121. .titlebox .fancy-toggle-button{margin-top: 2px;}
  122. .formtabs-content {border-top: 4px solid #336699;}
  123. .infobar {background-color: #f6e69f!important;border-color: #ffa500!important;}
  124. .tabmenu{font-size: 13px;}
  125.  
  126. .tabmenu.formtab .selected a {
  127. color: white!important;
  128. background-color: #369;
  129. border: 2px solid #369!important;
  130. }
  131.  
  132. .roundfield {
  133. width: 500px;
  134. background-color: #ECF3F9;
  135. border: 1px solid #369;
  136. border-radius: 0;
  137. padding: 5px 10px 10px 10px;
  138. font-size: large;
  139. color: #369;
  140. font-weight: 500;
  141. }
  142.  
  143. .titlebox .fancy-toggle-button .remove {
  144. background-color: #ef5350!important;
  145. padding: 4px 5px 4px 5px;
  146. border: none;
  147. background-image: none;
  148. }
  149.  
  150. .titlebox .fancy-toggle-button .add{
  151. background-color: #66BB6A!important;
  152. padding: 4px 5px 4px 5px;
  153. border: none;
  154. background-image: none;
  155. }
  156.  
  157. .titlebox .RESDashboardToggle, .titlebox .RESshortcut, .titlebox .RESshortcutside{
  158. background-color: #66BB6A!important;
  159. padding: 4px 5px 4px 5px;
  160. border: none;
  161. background-image: none;
  162. }
  163.  
  164. .morelink {
  165. display: block;
  166. text-align: center;
  167. position: relative;
  168. border: 1px solid #369;
  169. background: #ecf3f9;
  170. font-weight: bold;
  171. letter-spacing: -.4px;
  172. }
  173.  
  174. .morelink:hover{color:#fff;background: #369;border: 1px solid #ecf3f9;}
  175. .morelink .nub{display:none;}
  176. .sidecontentbox .content{border: 1px solid #369;}
  177. .sidecontentbox .title h1 {color: #369;}
  178. .md hr{background:#369;height:2px;}
  179. .subscribers{font-weight: bold;font-size: 12px;text-align:center;}
  180. .users-online:before {display:none;}
  181. .side .md h1, .side .md h2 {color: #369;}
  182.  
  183. .sidecontentbox .content {
  184. margin: 0!important;
  185. padding: 5px!important;
  186. font-size: larger;
  187. list-style: none;
  188. }
  189.  
  190. .flairselector h2 {background: none;}
  191. .flairselector form{border-top: solid 1px #369;}
  192. .flairselector.drop-choices.active {border: solid 1px #369;}
  193.  
  194.  
  195.  
  196. /* CONTENT AND POSTS */
  197.  
  198. .stickied {background: #C8E6C9;border:none!important;padding: 7px;margin-right: 300px}
  199. body:not(.comments-page) .stickied .tagline {color: #2B8B27!important; font-weight: bold;}
  200. div.content {font-size: 12px;padding: 5px;}
  201. .thumbnail.self{display:none;}
  202. .link .title {font-size: medium;font-weight: normal;margin-bottom: 1px;}
  203. .link.last-clicked {border: none; border-bottom: 1px solid #dde9f3!important;}
  204. .thing{border-bottom: 1px solid #dde9f3; padding: 6px;}
  205.  
  206. .thing .title {
  207. color: #369;
  208. outline: none;
  209. margin-right: .4em;
  210. padding: 0px;
  211. overflow: hidden;
  212. }
  213.  
  214. .entry .buttons li a {color: #888;font-weight: bold;padding: 0 1px;}
  215. .tagline{padding-top: 2px;}
  216. .linefield {background-color:#FFF;}
  217. .linefield textarea, .linefield input[type=text], .linefield input[type=password]{border: 1px solid #369;}
  218. .linefield .title {color:#369;}
  219.  
  220. .arrow.up{background: url(%%up%%) 0 0;}
  221. .arrow.upmod {background: url(%%upm%%) 0 0;}
  222. .arrow.down{background: url(%%down%%) 0 0;}
  223. .arrow.downmod {background: url(%%downm%%) 0 0;}
  224.  
  225. .over18 a.title:link, .over18 a.title:visited, body:not(.comments-page) .over18 .link .tagline, body:not(.comments-page) .over18 .tagline, body:not(.comments-page) .over18 .entry .buttons li a, body:not(.comments-page) .over18 .entry .buttons li + li {color: #D10023!important;padding-bottom: 0!important;}
  226.  
  227.  
  228.  
  229. /* USER FLAIRS */
  230.  
  231. .flair {
  232. min-width: 14px;
  233. max-width: 14px;
  234. position: relative;
  235. height: 14px;
  236. line-height: 14px;
  237. border: none;
  238. border-radius: 10px;
  239. overflow: hidden;
  240. padding: 1px;
  241. vertical-align: middle;
  242. font-size: 10px!important;
  243. text-indent: 3px;
  244. transition: all 0.5s;
  245. }
  246.  
  247. .flair:hover{max-width:500px;padding-right:6px;padding-left:4px;color:#fff}
  248.  
  249. /* Add custom flairs below this line, athough some have already been provided. */
  250.  
  251. .flair-red {background: #e57373;color: #e57373;}
  252. .flair-orange {background: #FF9800;color: #FF9800;}
  253. .flair-yellow {background: #FFCA28;color: #FFCA28;}
  254. .flair-green {background: #81C784;color: #81C784;}
  255. .flair-blue {background: #81D4FA;color: #81D4FA;}
  256. .flair-purple {background: #9575CD;color: #9575CD;}
  257. .flair-grey {background: #9E9E9E;color: #9E9E9E;}
  258.  
  259. .flair-mod {background: #228822;color: #228822;}
  260.  
  261.  
  262.  
  263. /* LINK FLAIRS */
  264.  
  265. .linkflair .linkflairlabel
  266. {
  267. text-align:center;
  268. border-radius:3px;
  269. padding: 2px 5px 2px 5px;
  270. border:none;
  271. overflow: visible;
  272. font-size: 10px!important;
  273. }
  274.  
  275. /* Add custom flairs below this line, athough some have already been provided. */
  276.  
  277. .linkflair-magenta .linkflairlabel{border:1px solid #E91E63;color:#E91E63;background-color:inherit;}
  278. .linkflair-orange .linkflairlabel{border:1px solid #FF9800;color:#FF9800;background-color:inherit;}
  279. .linkflair-blue .linkflairlabel{border:1px solid #03A9F4;color:#03A9F4;background-color:inherit;}
  280. .linkflair-dblue .linkflairlabel{border:1px solid #007aff;color:#007aff;background-color:inherit;}
  281. .linkflair-navy .linkflairlabel{border:1px solid #546E7A;color:#546E7A;background-color:inherit;}
  282. .linkflair-lgrey .linkflairlabel{border:1px solid #ADADAD;color:#ADADAD;background-color:inherit;}
  283. .linkflair-dgrey .linkflairlabel{border:1px solid #424242;color:#424242;background-color:inherit;}
  284. .linkflair-purple .linkflairlabel{border:1px solid #673AB7;color:#673AB7;background-color:inherit;}
  285. .linkflair-black .linkflairlabel{border:1px solid #212121;color:#212121;background-color:inherit;}
  286.  
  287. .linkflair-sticky .linkflairlabel{border: 1px solid #4CAF50; color:#4CAF50; background-color:#FFF;}
  288. .linkflair-nsfw .linkflairlabel{border:1px solid #D10023;color:#D10023;background-color:inherit;}
  289.  
  290.  
  291.  
  292. /* SNIPPETS */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!