API tools faq
paste
Advertisement
Guest User

css

a guest
Jul 27th, 2013
53
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.53 KB | None | 0 0
raw download clone embed print report
  1. .stylesheet-customize-container { width: 100%; }
  2. #subreddit_stylesheet { display: block; overflow: hidden; }
  3. .sheets { margin: 0;}
  4. #stylesheet_contents{
  5. font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
  6. padding:5px;
  7. background-color:#222;
  8. color:#ace;
  9. border:2px solid #222;
  10. height: 500px;
  11. font-size: 13px;}
  12. body.res-nightmode #stylesheet_contents{
  13. background-color:#111;
  14. border-color:#111;
  15. height: 500px;
  16. font-size: 13px;
  17. }
  18.  
  19. .side .subscribers .word {font-size:0;}
  20. .side .subscribers .word:before {
  21. font-size:12px;
  22. content:"interested people";
  23. }
  24.  
  25. .side .users-online .word {font-size:0;}
  26. .side .users-online .word:before {
  27. font-size:12px;
  28. content:"interested people";
  29. }
  30. /*Make submit buttons like /r/whatsinthisthing*/
  31. /*Adjust the following to how much room you need for them*/
  32. .side {
  33. margin-top: 120px; /*This is more than needed*/
  34. }
  35.  
  36. .sidebox.submit {
  37. position: absolute;
  38. width: 149px;
  39. text-align: center;
  40. top: 100px; /*Change this to position it*/
  41. }
  42. .sidebox.submit.submit-link { right: auto; }
  43. .sidebox.submit.submit-text { left: auto; right: 0; padding-right: 5px; }
  44. .side .submit-text { }
  45.  
  46. .submit .morelink {
  47. width: 149px;
  48. text-align: center;
  49. height: 45px;
  50. border: 0px !important;
  51. background: #183CCC; /*Change to whatever color you like*/
  52. }
  53.  
  54. .morelink a {
  55. display: block;
  56. text-align: center;
  57. padding: 3px;
  58. color: #FFF;
  59. font-weight: normal;
  60. padding-right: 29px !important;
  61. width: 139px;
  62. font-size: 14px;
  63. line-height: 20px;
  64. border-radius: 0px;
  65. text-transform: capitalize;
  66. }
  67. .submit .morelink:hover{ background:#00AAFF;}
  68.  
  69. /* Kills the community button/nub/spacer */
  70. .sidebox.create .morelink {display: none;}
  71. .sidebox.submit .spacer a, .sidebox.create .spacer a {display: none; }
  72. .morelink .nub, .morelink .nub:hover { display: none }
  73.  
  74. /* Message the moderators button */
  75. .helplink[href="/message/compose?to=%2Fr%2FDamnthatsinteresting"] {
  76. /*Change "Subreddit" to the name of your subreddit, this is case sensitive*/
  77. display: block;
  78. font-weight: normal;
  79. letter-spacing: 0;
  80. background: #132985 ; /*You can change its color here*/
  81. border-color: #0f0000;
  82. -moz-border-radius: 0px!important;
  83. -webkit-border-radius: 0px!important;
  84. -o-border-radius: 0px!important;
  85. -ms-border-radius: 0px!important;
  86. -khtml-border-radius: 0px!important;
  87. border-radius: 0px !important;
  88. color: #fff;
  89. font-size: 11px;
  90. width: 300px;
  91. line-height: 25px;
  92. text-align: center;
  93. position:absolute;
  94. top: 150px; /*Change this number to reposition/move*/
  95. right: 6px;
  96. z-index: 3;
  97. text-decoration: none !important;
  98. }
  99.  
  100. .helplink[href="/message//compose?to=%2Fr%2FDamnthatsinteresting"]:hover{
  101. /*Remeber to change "Subreddit" to your subreddit's name*/
  102. background-color: #0091F0;
  103. border-color: #7BB850;
  104. }
  105.  
  106.  
  107.  
  108. .helplink[href="/message/c/compose?to=%2Fr%2FDamnthatsinteresting"]:after{
  109. content:'';
  110. display: block;
  111. position:absolute;
  112. height:0;
  113. width:0;
  114. border-left: 0px solid #005DAC;
  115. border-top: 0px solid;
  116. border-bottom: 0px solid;
  117. top: 0px;
  118. right: -0px;
  119. z-index: 5;
  120.  
  121.  
  122. }
  123.  
  124. .fancy-toggle-button .add {
  125. background: none;
  126. background-color: #475FBF;
  127. }
  128.  
  129. fancy-toggle-button .remove {
  130. background: none;
  131. background-color: #232E59;
  132. }
  133.  
  134. .content:before{
  135. content: url(%%warning%%) " You're not subscribed to r/Damnthatsinteresting yet! Click the subscribe button on the right to add the subreddit to your frontpage ";
  136. margin:4px;
  137. color:#2e2e2e;
  138. }
  139. .subscriber .content:before{
  140. content: " " !important;
  141. }
  142. .side .content:before {
  143. content: " " !important
  144. }
  145.  
  146. .report-button:hover:after {
  147. position: absolute;
  148. white-space: normal;
  149. display: block;
  150. z-index: 1000;
  151. width: 350px;
  152. padding: 5px;
  153. border: 0px solid #333;
  154. background: #fca;
  155. content: "Please also message the moderators a link and reason why you are reporting this, thanks. ";
  156. text-align: center;
  157. font-size: 10px;
  158. color: red;
  159. margin-left: 25px;
  160. margin-top: 5px;
  161. -moz-border-radius: 4px;
  162. border-radius: 4px;
  163. -webkit-border-radius: 4px
  164. }
  165.  
  166. .arrow.down:hover:before {
  167. background: url(%%down%%);
  168. padding-left:3px;
  169. background-repeat:no-repeat;
  170. position: absolute;
  171. display: block;
  172. z-index: 1000;
  173. width: 210px;
  174. padding: 5px;
  175. border: 0px solid #333;
  176. background: #fca;
  177. content: " Don't downvote simply because you don't agree";
  178. text-align: center;
  179. font-size: 10px;
  180. color: red;
  181. margin-left: 25px;
  182. margin-top: 5px;
  183. -moz-border-radius: 4px;
  184. border-radius: 4px;
  185. -webkit-border-radius: 4px
  186. }
  187.  
  188.  
  189. .edited-timestamp[title]:after {
  190. content: " (" attr(title) ")";
  191. font-size: 90%;
  192. }
  193.  
  194.  
  195.  
  196.  
  197. /*Twitter Feed Graphic*/
  198. a[href="https://twitter.com/DammInteresting"]:after {
  199. width: 68px;
  200. height: 16px;
  201. content: "";
  202. background-image: url(%%twitter%%);
  203. background-position: -0px;
  204. display: inline-block;
  205. cursor: pointer;
  206. position:relative;
  207. }
  208.  
  209.  
  210.  
  211. body:not(.moderator) .flairsample-left .linkflair-example {
  212. display: none;
  213. }
  214.  
  215. .linkflair-Mod .linkflairlabel {
  216. height: 15px;
  217. }
  218.  
  219. .stylesheet-customize-container {
  220. width: 100%;
  221. }
  222.  
  223. #subreddit_stylesheet {
  224. display: block;
  225. overflow: hidden;
  226. }
  227.  
  228. .sheets {
  229. margin: 0;
  230. }
  231.  
  232. #stylesheet_contents {
  233. font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  234. padding: 5px;
  235. background-color: #222;
  236. color: #ace;
  237. border: 2px solid #222;
  238. height: 500px;
  239. font-size: 13px;
  240. }
  241.  
  242. body.res-nightmode #stylesheet_contents {
  243. background-color: #111;
  244. border-color: #111;
  245. height: 500px;
  246. font-size: 13px;
  247. }
  248.  
  249. .side .subscribers .word {
  250. font-size: 0;
  251. }
  252.  
  253. .side .subscribers .word:before {
  254. font-size: 12px;
  255. content: "interested people";
  256. }
  257.  
  258. .side .users-online .word {
  259. font-size: 0;
  260. }
  261.  
  262. .side .users-online .word:before {
  263. font-size: 12px;
  264. content: "interested people";
  265. }
  266.  
  267. .side {
  268. margin-top: 120px;
  269. }
  270.  
  271. .sidebox.submit {
  272. position: absolute;
  273. width: 149px;
  274. text-align: center;
  275. top: 100px;
  276. }
  277.  
  278. .sidebox.submit.submit-link {
  279. right: auto;
  280. }
  281.  
  282. .sidebox.submit.submit-text {
  283. left: auto;
  284. right: 0;
  285. padding-right: 5px;
  286. }
  287.  
  288. .submit .morelink {
  289. width: 149px;
  290. text-align: center;
  291. height: 45px;
  292. border: 0px!important;
  293. background: rgba(255,255,255,0.8);
  294. border-radius: 10px;
  295. }
  296.  
  297. .morelink a {
  298. display: block;
  299. text-align: center;
  300. padding: 3px;
  301. color: #009;
  302. font-weight: normal;
  303. padding-right: 29px!important;
  304. width: 139px;
  305. font-size: 14px;
  306. line-height: 45px;
  307. border-radius: 0px;
  308. text-transform: capitalize;
  309. }
  310.  
  311. .submit .morelink:hover {
  312. background: rgba(255,255,255,0.8);
  313. }
  314.  
  315. .sidebox.create .morelink {
  316. display: none;
  317. }
  318.  
  319. .sidebox.submit .spacer a,.sidebox.create .spacer a {
  320. display: none;
  321. }
  322.  
  323. .morelink .nub,.morelink .nub:hover {
  324. display: none;
  325. }
  326.  
  327. .helplink[href="/message/compose?to=%2Fr%2FDamnthatsinteresting"] {
  328. display: block;
  329. font-weight: normal;
  330. letter-spacing: 0;
  331. background: #132985;
  332. border-color: #0f0000;
  333. -moz-border-radius: 0px!important;
  334. -webkit-border-radius: 0px!important;
  335. -o-border-radius: 0px!important;
  336. -ms-border-radius: 0px!important;
  337. -khtml-border-radius: 0px!important;
  338. border-radius: 0px!important;
  339. color: #fff;
  340. font-size: 11px;
  341. width: 300px;
  342. line-height: 25px;
  343. text-align: center;
  344. position: absolute;
  345. top: 150px;
  346. right: 6px;
  347. z-index: 3;
  348. text-decoration: none!important;
  349. }
  350.  
  351. .helplink[href="/message//compose?to=%2Fr%2FDamnthatsinteresting"]:hover {
  352. background-color: #0091F0;
  353. border-color: #7BB850;
  354. }
  355.  
  356. .helplink[href="/message/c/compose?to=%2Fr%2FDamnthatsinteresting"]:after {
  357. content: "";
  358. display: block;
  359. position: absolute;
  360. height: 0;
  361. width: 0;
  362. border-left: 0px solid #005DAC;
  363. border-top: 0px solid;
  364. border-bottom: 0px solid;
  365. top: 0px;
  366. right: -0px;
  367. z-index: 5;
  368. }
  369.  
  370. .fancy-toggle-button .add {
  371. background: none;
  372. background-color: #475FBF;
  373. }
  374.  
  375. fancy-toggle-button .remove {
  376. background: none;
  377. background-color: #232E59;
  378. }
  379.  
  380. .content:before {
  381. content: url(http://c.thumbs.redditmedia.com/2JbvJJhbv9YODq_z.png) " You're not subscribed to r/Damnthatsinteresting yet! Click the subscribe button on the right to add the subreddit to your frontpage ";
  382. margin: 4px;
  383. color: #2e2e2e;
  384. }
  385.  
  386. .subscriber .content:before {
  387. content: " "!important;
  388. }
  389.  
  390. .side .content:before {
  391. content: " "!important;
  392. }
  393.  
  394. .report-button:hover:after {
  395. position: absolute;
  396. white-space: normal;
  397. display: block;
  398. z-index: 1000;
  399. width: 350px;
  400. padding: 5px;
  401. border: 0px solid #333;
  402. background: #fca;
  403. content: "Please also message the moderators a link and reason why you are reporting this, thanks. ";
  404. text-align: center;
  405. font-size: 10px;
  406. color: red;
  407. margin-left: 25px;
  408. margin-top: 5px;
  409. -moz-border-radius: 4px;
  410. border-radius: 4px;
  411. -webkit-border-radius: 4px;
  412. }
  413.  
  414. .arrow.down:hover:before {
  415. background: url(%%down%%);
  416. padding-left: 3px;
  417. background-repeat: no-repeat;
  418. position: absolute;
  419. display: block;
  420. z-index: 1000;
  421. width: 210px;
  422. padding: 5px;
  423. border: 0px solid #333;
  424. background: #fca;
  425. content: " Don't downvote simply because you don't agree";
  426. text-align: center;
  427. font-size: 10px;
  428. color: red;
  429. margin-left: 25px;
  430. margin-top: 5px;
  431. -moz-border-radius: 4px;
  432. border-radius: 4px;
  433. -webkit-border-radius: 4px;
  434. }
  435.  
  436. #header {
  437. margin: 0px;
  438. padding: 0;
  439. border-bottom: none;
  440. width: 100%;
  441. z-index: 100;
  442. }
  443.  
  444. .edited-timestamp[title]:after {
  445. content: " (" attr(title) ")";
  446. font-size: 90%;
  447. }
  448.  
  449. a[href="https://twitter.com/DammInteresting"]:after {
  450. width: 68px;
  451. height: 16px;
  452. content: "";
  453. background-image: url(http://c.thumbs.redditmedia.com/83v-5ULaVWsLeeZb.jpg);
  454. background-position: -0px;
  455. display: inline-block;
  456. cursor: pointer;
  457. position: relative;
  458. }
  459.  
  460. body {
  461. font-family: "Open Sans" !important;
  462. background: url("http://www.psdgraphics.com/file/blurry-lights-background.jpg") !important;
  463.  
  464. }
  465.  
  466. #header{
  467. background-color: rgba(255,255,255,0.6);
  468. border-radius: 0 0 10px 10px;
  469. }
  470.  
  471. .tabmenu li a{
  472. background: rgba(255,255,255,0.4);
  473. border-radius: 5px 5px 0 0;
  474. border-width: 0;
  475. color: #009 !important;
  476. padding: 10px 10px 0 10px;
  477. }
  478.  
  479. .tabmenu li.selected a{
  480. border-width: 0;
  481. background: rgba(255,255,255,0.8);
  482. }
  483.  
  484. .tabmenu li.selected a:hover{
  485. background: rgba(255,255,255,0.6);
  486. }
  487.  
  488.  
  489. a.title, a.title:hover, a.title:visited, .entry{
  490. color: #009 !important;
  491. }
  492.  
  493. .domain{
  494. display: none;
  495. }
  496.  
  497. .share-button{
  498. display: none !important;
  499. }
  500.  
  501. .thing{
  502. padding: 10px;
  503. margin: 10px;
  504. border-radius: 10px;
  505. background: rgba(255,255,255,0.5);
  506. box-shadow: 0 0 10px rgba(255,255,255,0.5);
  507. transition: background 0.250s;
  508. }
  509.  
  510. .thing:hover{
  511. background: rgba(255,255,255,0.8);
  512. box-shadow: 0 0 10px rgba(255,255,255,0.8);
  513. }
  514.  
  515. .thumbnail img{
  516. border-radius: 10px;
  517. box-shadow: 0 0 10px rgba(255,255,255,0.5);
  518. }
  519.  
  520. #siteTable{
  521. float: right;
  522. }
  523.  
  524. .side{
  525. padding: 10px;
  526. border-radius: 10px;
  527. background: rgba(255,255,255,0.5);
  528. }
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!