API tools faq
paste
Masterlumina

Main Body CSS

Masterlumina
Jul 21st, 2019
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.78 KB | None | 0 0
raw download clone embed print report
  1. /*  VAG Rounded Webfont Kit by Xaekai  */
  2. @import url("https://resources.pink.horse/css/vaground.css");
  3.  
  4. /*  My Little Pony Webfont Kit by Xaekai - Font created by Pixel Sagas */
  5. @import url("https://resources.pink.horse/css/webfont-equestria.css");
  6.  
  7. /* Symbola Emoji Webfont Kit by Xaekai */
  8. @import url("https://resources.pink.horse/css/webfont-symbola.css");
  9.  
  10. /* Eight Bit Operator Plus Webfont Kit by Xaekai */
  11. @import url("https://resources.pink.horse/css/webfont-eightbitop.css");
  12.  
  13. /* Papyrus Webfont Kit */
  14. @import url("https://resources.pink.horse/css/webfont-papyrus.css");
  15.  
  16. /* Determination Webfont Kit */
  17. @import url("https://resources.pink.horse/css/webfont-determination.css");
  18.  
  19. /* Project Paintball Webfont Kit */
  20. @import url("https://resources.pink.horse/css/webfont-project.paintball.css");
  21.  
  22. /* Font for Messagebuffer */
  23. @import url("https://fonts.googleapis.com/css?family=Roboto");
  24.  
  25.  
  26.  
  27. /*  CSS3 Marquee Kit by Xaekai  */
  28. @import url("https://resources.pink.horse/css/marq.css");
  29.  
  30. /*  Channel Emotes  */
  31. @import url("https://resources.pink.horse/css/emotes.css");
  32.  
  33. /*  Anim Effects  */
  34. @import url("https://resources.pink.horse/css/anim.css");
  35.  
  36. /* Image Transforms */
  37. @import url("https://resources.pink.horse/css/img_fx.css");
  38.  
  39. /* Drinkbar Theme */
  40. @import url("https://cdn.discordapp.com/attachments/599925858387492883/602451745515503616/drinkbar_css.css");
  41.  
  42.  
  43. /* Women hate each other */
  44. body.user-Clovs div.chat-msg-xchan { display: none }
  45. body.user-xchan div.chat-msg-Clovs { display: none }
  46. body.user-Clovs #useritem-xchan { display: none }
  47. body.user-xchan #useritem-Clovs { display: none }
  48.  
  49.  
  50.  
  51. /*  Navbar stuff  */
  52. nav { font-weight: 900; font-family: 'VAG Rounded', sans-serif; }
  53.  
  54. img.welcome-avatar {
  55.     max-height: 22px;
  56.     margin-right: 4px;
  57.     border-radius:4px;
  58. }
  59.  
  60.  
  61.  
  62. /*  Banner stuff  */
  63. #motdwrap {
  64.     background-image:
  65.         url("https://cdn.discordapp.com/attachments/599925858387492883/602458215963426816/MOTD_test.png");
  66. }
  67.  
  68. #banner-motto {
  69.     background: rgba(0,0,0,0.5);
  70.     background-image:
  71.         url(http://resources.pink.horse/images/portal_ponk_l.gif),
  72.         url(http://resources.pink.horse/images/portal_ponk_r.gif);
  73.     background-position: left bottom, right bottom;
  74.     background-repeat:   no-repeat,   no-repeat;
  75.     background-size:     auto 50%,    auto 50%;
  76. }
  77.  
  78. #motd img.channel-emote { border-radius: 12px; }
  79. .banner-image { max-width: 15%; }
  80.  
  81.  
  82.  
  83.  
  84. @media (min-width: 992px) and (max-width: 1300px){
  85.     div#chatheader span[id$="Toggle"] span.toggle-label {
  86.         display:none;
  87.     }
  88. }
  89.  
  90. @media (max-width: 480px){
  91.     div#chatheader span[id$="Toggle"] span.toggle-label {
  92.         display:none;
  93.     }
  94. }
  95.  
  96.  
  97.  
  98. /*  Userlist stuff  */
  99.  
  100. #userlist {
  101.     min-width: 96px;
  102.     width: auto;
  103.     transition-duration: 1s;
  104.  
  105.     /*  Initial Gargoyle  */
  106.     background-image:    url("https://cdn.discordapp.com/attachments/599925858387492883/602458763370430474/witch.png");
  107.     background-position: left bottom;
  108.     background-repeat:   no-repeat;
  109.     background-size:     90% auto;
  110. }
  111.  
  112. #userlist .userlist_item {
  113.     padding-left:  2px;
  114.     padding-right: 2px;
  115.     background: rgba(0,0,0,0.65);
  116. }
  117.  
  118. .userlist_op {
  119.     color: #3399FF!important;
  120.     font-weight: bold!important;
  121. }
  122.  
  123. .userlist_owner {
  124.     color: #205FD9 !important;
  125.     font-weight: bold!important;
  126. }
  127.  
  128. .profile-box {
  129.     max-height: 340px;
  130. }
  131. .profile-image {
  132.     width: 150px;
  133.     height: 150px;
  134. }
  135.  
  136.  
  137. /*  Messagebuffer stuff  */
  138.  
  139. #messagebuffer {
  140. /* background-image: url("");
  141. */
  142.     font-family: 'Roboto';
  143.     background-position: right top;
  144.     background-repeat: no-repeat;
  145.     background-size: 100% auto;
  146.     transition-duration: 1s;
  147. }
  148.  
  149. .chat-msg-PonkBot code {
  150.   background: #333;
  151.   padding: 1px;
  152.   color: lightgrey;
  153.   border-left: 2px solid #C51A76;
  154.   border-right: 1px;
  155.   border-top: 1px;
  156.   border-bottom: 1px;
  157.   border-radius: 2px;
  158. }
  159.  
  160.  
  161. /*
  162. #messagebuffer {
  163.   color: deeppink;
  164.   background: url("https://cdn.discordapp.com/attachments/528508403518275592/573431205677236224/3an_Lazy_star.webp");
  165.   background-size: cover;
  166. }
  167.  
  168. #messagebuffer div:not(.nick-highlight):not(.nick-hover) { background: rgba(0,0,0,0.44) }
  169. */
  170.  
  171. #messagebuffer video { max-width: 100%; }
  172. video.webm {
  173.     display: inline;
  174.     vertical-align: middle;
  175.     max-height: 400px;
  176. }
  177.  
  178. video.webmote {
  179.   max-height: 200px;
  180. }
  181.  
  182. .pm-buffer img,
  183. #messagebuffer img {
  184.     -webkit-border-radius: 8px;
  185.     -khtml-border-radius:  8px;
  186.     -moz-border-radius:    8px;
  187.     border-radius:         8px;
  188.     overflow: hidden;
  189.     background: rgba(0, 0, 0, 0.3);
  190.     transform-origin: center center inherit;
  191. }
  192.  
  193. .image-embed-small  { max-height: 150px; max-width: 55%; }
  194. .image-embed-medium { max-height: 240px; max-width: 360px; }
  195. .image-embed-large  { max-height: 320px; min-width: 40%; max-width: 66%; }
  196. .playlist-thumbnail { max-height: 180px; max-width: 240px; }
  197.  
  198. span.userlist_op~span    img.image-embed-large,
  199. span.userlist_owner~span img.image-embed-large {
  200.     width: 420px; max-height: 80%; min-width: 55%; max-width: 90%;
  201. }
  202.  
  203. /* Mouse hover */
  204. .nick-highlight { background-color: rgba( 144, 44,  44, 0.6 ) }
  205. .nick-hover     { background-color: rgba(  88, 88, 127, 0.6 ) }
  206.  
  207. /*  The /me command  */
  208. .action {
  209.     font-style: italic;
  210.     font-weight: bold;
  211.     color: #424AB0;
  212.     }
  213.  
  214. /*  The /say command  */
  215. .shout:not(.timestamp) {
  216.     font-size: 18pt;
  217.     font-weight: bold;
  218.     color: #3399FF;
  219. }
  220. .shout {
  221.     font-family: 'Equestria';
  222.     color: #3399FF;
  223. }
  224.  
  225. img.chaticon {
  226.     border:     3px solid rgba(255, 255, 255, 0.1);
  227.     padding:    0px;
  228.     overflow:   hidden;
  229.     width:      auto;
  230.     max-height: 54px;
  231.     }
  232.  
  233. /*
  234. div.chat-msg-ocpony      span strong.username { color: deeppink; }
  235. div.chat-msg-Hobowithrpg span strong.username { color: #3091f2;  }
  236. */
  237.  
  238. div.chat-msg-Xaekai        span strong img.chaticon { border: 3px solid rgba(255,  34, 153, 0.77); }
  239. div.chat-msg-GatheringDust span strong img.chaticon { border: 3px solid rgba(199, 204, 224, 0.77); }
  240.  
  241.  
  242.  
  243. .userlist_owner img.chaticon {
  244.     border:     3px solid rgba(32, 94, 217, 0.77);
  245.     background: rgba(255, 34, 153, 0.77);
  246.     }
  247.  
  248. .userlist_op img.chaticon {
  249.     border:     3px solid rgba(51, 155, 255, 0.77);
  250.     background: rgba(255, 102, 204, 0.77);
  251.     }
  252.  
  253.  
  254. .shout:not(.userlist_op) img.chaticon {
  255.     border:     3px solid rgba(255, 16, 32, 0.77);
  256.     background: rgba(255, 0, 0, 0.77);
  257.     }
  258.  
  259.  
  260. /* Poll close button */
  261. #pollwrap .well.active .close { padding-left: 16px }
  262.  
  263.  
  264.  /*  Controls stuff  */
  265. #leftcontrols button.btn {
  266.     margin-right: 3px;
  267. }
  268.  
  269. #voteskip {
  270.     min-width: 100px;
  271. }
  272.  
  273. #_chanjs-deny {
  274.     display: none;
  275. }
  276.  
  277.  
  278. /* Paginated Emote Modal buttons */
  279. li .prev { float: left; }
  280. li .next { float: right; }
  281.  
  282.  
  283. /* Channel Control Modal AudioNotice Labels */
  284. .customSettings div.form-group .label { margin-left: 10px }
  285.  
  286.  
  287. .jwlogo { display: none; }
  288.  
  289.  
  290. /*  The PM windows */
  291. .pm-panel, .pm-panel-placeholder { min-width: 440px; }
  292.  
  293.  
  294. /* Random shit */
  295. #colorFiltersDropText { display: none; }
  296.  
  297.  
  298.  
  299. /*
  300.  
  301. .chat-msg-Anoymust {
  302. font-size: 0.1em!important;
  303. }
  304.  
  305. .chat-msg-Anoymust .channel-emote {
  306. max-height: 16px!important;
  307. max-width: 16px!important;
  308. }
  309.  
  310. */
  311.  
  312.  
  313. /*
  314. @import url(http://fonts.googleapis.com/css?family=Khula:600);
  315. @import url(http://fonts.googleapis.com/css?family=Dekko);
  316. @import url(http://fonts.googleapis.com/css?family=Bilbo+Swash+Caps);
  317. @import url(http://fonts.googleapis.com/css?family=Mystery+Quest);
  318. @import url(http://fonts.googleapis.com/css?family=Ribeye+Marrow);
  319. @import url(http://fonts.googleapis.com/css?family=Lakki+Reddy);
  320. @import url(http://fonts.googleapis.com/css?family=Vibur);
  321. @import url(http://fonts.googleapis.com/css?family=Tangerine);
  322. @import url(http://fonts.googleapis.com/css?family=Rock+Salt);
  323. @import url(http://fonts.googleapis.com/css?family=Permanent+Marker);
  324. @import url(http://fonts.googleapis.com/css?family=Monofett);
  325. @import url(http://fonts.googleapis.com/css?family=Henny+Penny);
  326. @import url(http://fonts.googleapis.com/css?family=Eater);
  327. @import url(http://fonts.googleapis.com/css?family=Sniglet:400,800);
  328. @import url(http://fonts.googleapis.com/css?family=Euphoria+Script);
  329. @import url(http://fonts.googleapis.com/css?family=Gorditas:400,700);
  330. */
  331.  
  332.  
  333. @media screen and (max-width: 991px){
  334.     .columns{
  335.         overflow:scroll;
  336.     }
  337. }
  338.  
  339. @media screen and (min-width: 992px) and (max-width: 1400px){
  340.     .columns{
  341.         -moz-column-count:2; /* Firefox */
  342.         -webkit-column-count:2; /* Safari and Chrome */
  343.         column-count:2;
  344.     }
  345. }
  346.  
  347. @media screen and (min-width: 1401px){
  348.     .columns{
  349.         -moz-column-count:3; /* Firefox */
  350.         -webkit-column-count:3; /* Safari and Chrome */
  351.         column-count:3;
  352.     }
  353. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!