API tools faq
paste
Advertisement
RevonZZ

Day Side v0.5 - SFW Version

RevonZZ
Oct 20th, 2016
127
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.22 KB | None | 0 0
raw download clone embed print report
  1. /*username text*/
  2.  
  3. .administrator, .sid4 {
  4.     color: #000;
  5.     text-shadow: 1px 0 2px #F196E6;
  6.     font-weight: inherit;
  7.     font-family: inherit;
  8. }
  9.  
  10. .moderator, .sid3 {
  11.     color: #5a7ff9;
  12.     text-shadow: none;
  13.     font-weight: initial;
  14. }
  15.  
  16. .group_torrents, .sid3 {
  17.     color: #2b5129 !important;
  18.     text-shadow: none;
  19.     font-weight: initial;
  20. }
  21.  
  22. .group_optimist, .sid3 {
  23.     color: #eaa400 !important;
  24.     text-shadow: none;
  25.     font-weight: initial;
  26. }
  27.  
  28. .group_optimist, .sid3 {
  29.     color: #eaa400 !important;
  30.     text-shadow: none;
  31.     font-weight: initial;
  32. }
  33.  
  34. .group_music, .sid3 {
  35.     text-shadow: none;
  36.     font-weight: initial;
  37.     background: url(/images/lsx/extras/sparkle.gif);
  38.  
  39. }
  40.  
  41. .group_pumpkin, .sid3 {
  42.  
  43.     text-shadow: none;
  44.     font-weight: initial;
  45.     background: url(/images/lsx/extras/sparkle.gif);
  46. }
  47.  
  48. .group_unique, .sid3 {
  49.     color: #665060 !important;
  50.     text-shadow: none;
  51.     font-weight: initial;
  52. }
  53.  
  54. .group_language, .sid3 {
  55.     color: #5a5066 !important;
  56.     text-shadow: none;
  57.     font-weight: initial;
  58.  
  59. }
  60.  
  61. .group_angels, .sid3 {
  62.    
  63.     text-shadow: none;
  64.     font-weight: initial;
  65.     background: url(/images/lsx/extras/sparkle.gif);
  66. }
  67.  
  68. /*
  69. element.style {
  70.     color: #07aaff;
  71.     background: url(/images/lsx/extras/sparkle.gif);
  72. }
  73. */
  74.  
  75. /* User Profile */
  76.  
  77. .username {
  78.     font-size: 43px;
  79.     font-weight: 300!important;
  80.     color: rgba(37, 37, 37, 1);
  81. }
  82.  
  83. section.user .panel {
  84.     width: 300px;
  85.     -webkit-flex-shrink: 0;
  86.     -moz-flex-shrink: 0;
  87.     -ms-flex-shrink: 0;
  88.     flex-shrink: 0;
  89.     background: #ccc !important;
  90.     padding: 0 20px;
  91. }
  92.  
  93. section.user .profile .info .usertitle {
  94.     margin-top: 5px;
  95.     margin-bottom: 15px;
  96.     font-style: italic;
  97.     display: inline-block;
  98.     color: rgba(37, 37, 37, 1);
  99. }
  100.  
  101. section.user .profile .info .status {
  102.     max-width: 600px;
  103.     line-height: 22px;
  104.     color: rgba(37, 37, 37, 1);
  105. }
  106.  
  107. section.user .profile {
  108.     padding: 48px 40px;
  109.     -webkit-flex-grow: 1;
  110.     -moz-flex-grow: 1;
  111.     -ms-flex-grow: 1;
  112.     flex-grow: 1;
  113.     display: -webkit-box;
  114.     display: -ms-flexbox;
  115.     display: -webkit-flex;
  116.     display: flex;
  117.     background-color: #ddd;
  118. }
  119.  
  120. .container h4 {
  121.     text-transform: uppercase;
  122.     background-color: rgba(37, 37, 37, 1) !important;
  123.     color: white !important;
  124.     padding: 10px;
  125.     font-size: 12px;
  126. }
  127.  
  128. section.user .panel ul li a:hover {
  129.     display: block;
  130.     padding: 12px;
  131.     margin-top: 15px;
  132.     width: 100%;
  133.     background: #d1235d !important;
  134.     text-decoration: none;
  135.     color: #eee;
  136.     font-weight: 300;
  137.     -webkit-transition: .1s linear;
  138.     transition: .1s linear;
  139. }
  140.  
  141. /*Main stuff*/
  142. .sidebar h4 {
  143.     text-transform: uppercase;
  144.     background-color: rgba(37, 37, 37, 1) !important;
  145.     color: #FFF;
  146.     padding: 10px;
  147.     font-size: 12px;
  148. }
  149.  
  150. .sidebar .milestone .percentage {
  151.     background: #d1235d !important;
  152.     position: absolute;
  153.     top: 0;
  154.     left: 0;
  155.     height: 100%;
  156. }
  157.  
  158.  
  159.  
  160. header .main h1 a {
  161.     color: #FFF;
  162. }
  163.  
  164. .form input[type="text"], .modal input[type="text"], .form input[type="password"], .modal input[type="password"], .form textarea, .modal textarea, .form select, .modal select:focus {
  165.     border: 1px solid #d1235d;
  166.     background: none;
  167.     padding: 10px;
  168.     color: black !important;
  169.     font-size: 16px;
  170. }
  171.  
  172. .pm_alert {
  173.     background-color: rgba(37, 37, 37, 1);
  174.     border-top: 1px solid #d1235d;
  175.     border-bottom: 1px solid #d1235d;
  176.     color: #fff;
  177.     padding: 10px;
  178.     display: block;
  179.     text-align: center;
  180. }
  181.  
  182.  
  183.  
  184. p {
  185. color: rgba(37, 37, 37, 1);
  186. }
  187. .sidebar .recent-post span {
  188.     margin-top: 2px;
  189.     display: inline-block;
  190.     font-size: 12px;
  191.     color: rgba(37, 37, 37, 1) ;
  192. }
  193.  
  194. section.category ul li:first-of-type+li {
  195.     text-align: left;
  196.     -webkit-flex-grow: 1;
  197.     -moz-flex-grow: 1;
  198.     -ms-flex-grow: 1;
  199.     flex-grow: 1;
  200.     color: rgba(37, 37, 37, 1) ;
  201. }
  202.  
  203. section.category {
  204.     font-size: 13px;
  205.     background-color: rgba(0,0,0,0.04) !important;
  206. }
  207.  
  208. section.category ul li:last-of-type {
  209.     text-align: right;
  210.     width: 250px;
  211.     -webkit-flex-shrink: 1;
  212.     -moz-flex-shrink: 1;
  213.     -ms-flex-shrink: 1;
  214.     flex-shrink: 1;
  215.     color: rgba(37, 37, 37, 1) ;
  216. }
  217.  
  218. .sidebar section {
  219.     background-color: rgba(0,0,0,0.04) !important;
  220.     padding: 10px;
  221.         color: rgba(37, 37, 37, 1) ;
  222. }
  223.  
  224. .sidebar .stats {
  225.     font-size: 15px;
  226.     color: rgba(37, 37, 37, 1) !important;
  227. }
  228.  
  229. section.category ul.sort {
  230.     font-size: 12px;
  231.     font-weight: normal;
  232.     color: #FFF !important;
  233.     background-color: rgba(37, 37, 37, 1) !important;
  234. }
  235.  
  236. section.category ul.row li p {
  237.     margin-bottom: 5px;
  238.     color: rgba(37, 37, 37, 1);
  239. }
  240.  
  241. header {
  242.     background: #d1235d url(http://i.imgur.com/qoSa1XU.jpg);
  243.     background-size: cover;
  244.     background-position: center 65%;
  245.     box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.7);
  246. }
  247.  
  248. header .main h1 span {
  249.     color: #d1235d;
  250. }
  251. a {
  252.     color: #d1235d;
  253. }
  254. span.icon-heart {
  255.     color: #d1235d;
  256. }
  257.  
  258. .information p {
  259.     font-size: 15px;
  260.     color: #fff;
  261. }
  262.  
  263. section.post .author .info .usertitle {
  264.     text-align: center;
  265.     display: block;
  266.     margin: 10px 0;
  267.     font-style: italic;
  268.     font-size: 12px;
  269.     color: rgba(37, 37, 37, 1) ;
  270. }
  271.  
  272. section.post main .content {
  273.     font-size: 15px;
  274.     line-height: 1.5;
  275.     color: rgba(37, 37, 37, 1) ;
  276. }
  277.  
  278. section.post main .header .date {
  279.     float: left;
  280.     color: rgba(37, 37, 37, 1) ;
  281. }
  282.  
  283. .tyl {
  284.     margin-top: 20px;
  285.     color: rgba(37, 37, 37, 1) ;
  286. }
  287.  
  288. section.post .author .stats {
  289.     background-color: rgba(0,0,0,0.06) !important;
  290.     width: 90% !important;
  291.     margin: 10px auto;
  292.     border: 5px solid transparent;
  293.     margin-bottom: 0;
  294.     line-height: 1.2;
  295.     color: rgba(37, 37, 37, 1) ;
  296.  
  297. }
  298.  
  299. section.post .author {
  300.      background-color: rgba(0,0,0,0.06) !important;  
  301. }
  302.  
  303.  
  304.  
  305. section.listing {
  306.     background-color: rgba(0,0,0,0.04) !important;
  307.     margin-bottom: 20px;
  308.     font-size: 13px;
  309. }
  310.  
  311. ul li:first-of-type+li {
  312.     text-align: left;
  313.     -webkit-flex-grow: 1;
  314.     -moz-flex-grow: 1;
  315.     -ms-flex-grow: 1;
  316.     flex-grow: 1;
  317.  
  318. }
  319.  
  320. #breadcrumbs {
  321.     background-color: #d1235d;
  322. }
  323. .interaction button {
  324.     background: #d1235d;
  325. }
  326. header .main nav ul li a {
  327.     font-weight: bold;
  328.     color: #fff ;
  329. }
  330. header .main nav ul li a:hover {
  331.     color: #d1235d;
  332. }
  333. ul.row.stuck1 {
  334.     background: #34495e!important;
  335. }
  336. header .network section .welcomeblock a.unread {
  337.     color: #c0392b;
  338. }
  339.  
  340. header .network {
  341.     background-color: rgba(209, 35, 93, 0.4);
  342.     line-height: 40px;
  343.     color: #FFF !important;
  344. }
  345.  
  346. #breadcrumbs>div ul li {
  347.     display: inline-block;
  348.     color: #fff;
  349. }
  350.  
  351. section.post .author .info .userbar {
  352.     background: #4B4B4B;
  353.     display: inline-block;
  354.     width: 90% !important;
  355.     padding: 7px 0;
  356.     border-left: 2px solid;
  357.     border-right: 2px solid;
  358. }
  359.  
  360. div#pm_notice.pm_alert {
  361.     text-align: center;
  362.     color: #aaa;
  363.     background-color: #34495e;
  364.     display: block;
  365.     -webkit-margin-before: 1em;
  366.     -webkit-margin-after: 1em;
  367.     -webkit-margin-start: 0px;
  368.     -webkit-margin-end: 0px;
  369.     padding: 5px 20px;
  370.     margin-bottom: 15px;
  371.     font-size: 14px;
  372. }
  373.  
  374. .trow1, .trow2 {
  375.     background: #fff;
  376.     border-top: 1px solid #151515;
  377. }
  378.  
  379. network.ul {
  380.     background: #fff;  
  381. }
  382.  
  383. div#pm_notice.pm_alert img[src*="dismiss_notice.png"] {
  384.     display: none;
  385. }
  386. input.search {
  387.     background: transparent;
  388.     color: #FFF;
  389. }
  390. /*Quick Reply*/
  391.  
  392. .form input[type="text"]:focus,
  393. .form input[type="password"]:focus,
  394. .form textarea:focus {
  395.     border-color: #c0392b;
  396.     color: #fff;
  397.     outline: 0;
  398. }
  399. /* Online/Offline Image */
  400.  
  401. img[src*="buddy_online.png"] {
  402.     content: url("https://i.imgur.com/B9p9ljN.png")
  403. }
  404. img[src*="buddy_offline.png"] {
  405.     content: url("https://i.imgur.com/BqnVGYf.png");
  406. }
  407. /* Default Avatar */
  408.  
  409. img[src*="cached/098919b52f87dc7a872decf1fbe9e427a7e87495.png"] {
  410.     content: url("https://i.imgur.com/jjzTnn9.png");
  411.     width: 150px;
  412.     height: 150px;
  413. }
  414. td.trow2 img[src*="cached/098919b52f87dc7a872decf1fbe9e427a7e87495.png"] {
  415.     content: url("https://i.imgur.com/jjzTnn9.png");
  416.     width: 70px;
  417.     height: 70px;
  418. }
  419. td.trow1 img[src*="cached/098919b52f87dc7a872decf1fbe9e427a7e87495.png"] {
  420.     content: url("https://i.imgur.com/jjzTnn9.png");
  421.     width: 70px;
  422.     height: 70px;
  423. }
  424.  
  425. section.post {
  426.     background-color: rgba(0,0,0,0.02) !important;
  427.     margin-bottom: 20px;
  428.     font-size: 13px;
  429. }
  430.  
  431. /*Random Forum Elements*/
  432.  
  433. img[src*="arrow_down.png"] {
  434.     content: url("https://i.imgur.com/76Z6kym.png");
  435. }
  436. img[src*="jump.png"] {
  437.     content: url("https://i.imgur.com/22aPaHQ.png");
  438.     width: 11px;
  439.     height: 11px;
  440. }
  441. img[src*="collapse.png"] {
  442.     content: url("https://i.imgur.com/Qb4O1kk.png");
  443. }
  444. img[src*="collapse_collapsed.png"] {
  445.     content: url("https://i.imgur.com/vVUkpUY.png");
  446. }
  447.  
  448. header .network section .welcomeblock a.unread.unread0 {
  449.     color: #fff;
  450. }
  451.  
  452. header .network section .welcomeblock a.unread.unread1 {
  453.     color: #fff;
  454. }
  455.  
  456. /*Code BB*/
  457.  
  458. .codeblock {
  459.     background: #181818;
  460.     padding: 4px;
  461.     color: #C8D9C8;
  462. }
  463. .codeblock .title {
  464.     border-bottom: 1px solid #222;
  465.     font-weight: bold;
  466.     margin: 4px 0;
  467. }
  468. .codeblock code {
  469.     overflow: auto;
  470.     height: auto;
  471.     max-height: 200px;
  472.     display: block;
  473.     font-family: Monaco, Consolas, Courier, monospace;
  474.     font-size: 13px;
  475. }
  476. /*Spoiler BB - Still Broken*/
  477.  
  478. .spoiler {
  479.     background: rgba(0, 0, 0, 0.2);
  480.     padding: 10px;
  481. }
  482. .spoiler h4 {
  483.     line-height: 1;
  484.     margin: 0;
  485.     background: rgba(0, 0, 0, 0.1);
  486.     padding: 5px;
  487.     cursor: pointer;
  488. }
  489. .spoiler > div {
  490.     margin-top: 10px;
  491. }
  492. .spoiler.nsfw {
  493.     background: rgba(255, 0, 0, 0.1);
  494. }
  495. .spoiler.nsfw h4 {
  496.     background: rgba(255, 0, 0, 0.1);
  497. }
  498.  
  499. body {
  500.     background-color: #FFFFFF;
  501.     color: rgba(37, 37, 37, 1) ;
  502.     min-height: 100vh;
  503.     position: relative;
  504.     font-family: 'Open Sans',sans-serif;
  505.     font-weight: 300;
  506. }
  507. /* pomf.is */
  508. body .upload .button {
  509.     background: #222;
  510.     border: 1px solid #c0392b;
  511.     color: #fff;
  512.     cursor: pointer;
  513.     display: inline-block;
  514.     font-size: 27px;
  515.     padding: 28px 48px;
  516.     text-shadow: 0;
  517.     text-decoration: none;
  518.     transition: .5s;
  519. }
  520. body .upload .button:hover {
  521.     background: #c0392b;
  522. }
  523.  
  524. .tborder .thead {
  525.     font-size: 12px;
  526.     font-weight: normal;
  527.     color: #fff;
  528.     background-color: rgba(37, 37, 37, 1);
  529.     padding: 10px;
  530.     text-transform: uppercase;
  531. }
  532.  
  533. /* Reputation */
  534.  
  535. .trow_reputation_positive {
  536.     border-left: 4px solid #27A360;
  537. }
  538. .trow_reputation_negative {
  539.     border-left: 4px solid #C0392B;
  540. }
  541. .trow_reputation_neutral {
  542.     border-left: 4px solid #252525;
  543. }
  544. .trow1,
  545. .trow2 {
  546.     padding: 10px;
  547. }
  548. .trow1,
  549. .trow2 {
  550.     background: rgba(0, 0, 0, 0.04);
  551.     border-top: 1px solid #151515;
  552. }
  553. .smalltext {
  554.     font-size: 14px;
  555. }
  556. a.postbit_report {
  557.     display: none;
  558. }
  559. strong.reputation_positive {
  560.     color: #d1235d;
  561. }
  562. strong.reputation_negative {
  563.     color: #d1235d;
  564. }
  565. span.smalltext.reputation_positive {
  566.     color: #d1235d;
  567. }
  568. span.smalltext.reputation_negative {
  569.     color: #d1235d;
  570. }
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!