Advertisement
althindor

Pro for Chubbymint

Sep 19th, 2018
447
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.93 KB | None | 0 0
  1. /* Code by AlthIndor, Graphics by Cassiel Socks */
  2.  
  3. html, body {
  4.  background: repeating-linear-gradient(to right, #B0F4D0 0px, #B0F4D0 15px, #F0C0F0 15px, #F0C0F0 30px);
  5.  cursor: url('http://cur.cursors-4u.net/holidays/hol-1/hol59.cur'), auto !important;
  6. }
  7. body a {text-decoration: none !important;}
  8.  
  9. #columns, #column_2 .panel, #id_contact ul:not(.buttons) li, .custom_panel a {background: url('https://images2.imgbox.com/b0/d1/iGhiR2X5_o.png');}
  10.  
  11. @keyframes MovePanel {
  12.  from {right: 110%;}
  13.  to {right: 0;}
  14. }
  15.  
  16. @keyframes RemoveLoader {
  17.  0% {height: 100%; opacity: 1;}
  18.  99.9999% {height: 100%; opacity: 0;}
  19.  100% {height: 0; opacity: 0;}
  20. }
  21.  
  22. /* Fonts */
  23.  
  24. @font-face {
  25.  font-family: 'Sura';
  26.  font-style: normal;
  27.  font-weight: 700;
  28.  src: local('Sura Bold'), local('Sura-Bold'), url(https://fonts.gstatic.com/s/sura/v2/SZc53FL5PbyzLUJ7TzrMkA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/sura/v2/SZc53FL5PbyzLUJ7TzrMlg.woff) format('woff');
  29. }
  30.  
  31. @font-face {
  32.  font-family: 'Open Sans';
  33.  font-weight: 400;
  34.  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  35. }
  36.  
  37. /* Loading Animation */
  38.  
  39. body::after {
  40.  content: '';
  41.  display: block;
  42.  background: url('https://i.imgur.com/hqfgzF6.png') #2C2434 center no-repeat;
  43.  background-size: 300px auto;
  44.  width: 100%;
  45.  position: fixed;
  46.  z-index: 999;
  47.  animation: RemoveLoader 1s 3s linear 1 both;
  48. }
  49.  
  50. /* Header */
  51.  
  52. #gaia_header {
  53.  background: #2C2434;
  54.  border-bottom: 5px solid transparent;
  55. }
  56.  
  57. #gaia_header #header_left, #gaia_header #header_right {
  58.  background: none;
  59.  color: transparent !important;
  60.  font: normal 10px/28px 'Sura', serif !important;
  61.  padding: 0 6px !important;
  62.  box-sizing: border-box;
  63. }
  64. #gaia_header #header_right {float: right;}
  65.  
  66. #gaia_header li {padding: 0 2px;}
  67. #gaia_header .spacer {display: none !important;}
  68.  
  69. #header_left img {
  70.  background: url('https://gaia.hs.llnwd.net/e1/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 0 no-repeat;
  71.  background-size: auto 200%;
  72.  width: 0;
  73.  height: 17px;
  74.  padding: 0 40px 0 0;
  75. }
  76.  
  77. #gaia_header a {
  78.  color: #FFFFFF !important;
  79.  text-transform: uppercase;
  80. }
  81.  
  82. /* Scrollbars */
  83.  
  84. #columns ::-webkit-scrollbar {
  85.  background: #786C74;
  86.  width: 12px;
  87.  border-radius: 3px;
  88. }
  89.  
  90. #columns ::-webkit-scrollbar-thumb {
  91.  background: #FFFFFF;
  92.  border: 1px solid #786C74;
  93.  border-radius: 3px;
  94. }
  95.  
  96. /* Columns */
  97.  
  98. #columns, #column_1, #column_2 {
  99.  float: none;
  100.  margin: 0;
  101.  position: absolute;
  102. }
  103. #column_3 {display: none;}
  104.  
  105. #columns {
  106.  background-position-x: calc(50% + 91px);
  107.  background-repeat: no-repeat;
  108.  width: 100%;
  109.  height: 835px;
  110.  top: 80px;
  111.  left: 0;
  112.  overflow: visible;
  113. }
  114. @media screen and (min-height: 900px) {#columns {top: calc((100% - 835px + 25px) / 2);}}
  115.  
  116. #column_1 {
  117.  width: 190px;
  118.  height: 640px;
  119.  left: calc(50% + 20px);
  120.  top: 70px;
  121. }
  122.  
  123. #column_2 {
  124.  width: 50%;
  125.  height: 900px;
  126.  margin-top: -20px;
  127. }
  128.  
  129. /* Panels */
  130.  
  131. .panel {
  132.  text-align: justify;
  133.  padding: 0;
  134.  margin: 0;
  135.  position: absolute;
  136.  box-sizing: border-box;
  137. }
  138. .panel:not(#id_comments) {overflow: hidden;}
  139. .panel h2 {display: none;}
  140. .panel a {color: #9C6898;}
  141.  
  142. #column_1 .panel {background: none;}
  143. #id_about img, #id_comments .postcontent img {max-width: 100% !important;}
  144.  
  145. #column_2 .panel {
  146.  background-origin: border-box;
  147.  background-position-x: 0;
  148.  width: 515px;
  149.  height: 286px;
  150.  font: 11px/1.6em 'Open Sans', sans-serif;
  151.  border: 70px solid transparent;
  152.  border-top-width: 75px;
  153.  animation: MovePanel 1s ease 1 both;
  154. }
  155.  
  156. #column_2 #id_about {
  157.  background-position-y: -951px;
  158.  top: 0;
  159.  animation-delay: 3.5s;
  160. }
  161.  
  162. #column_2 #id_comments {
  163.  background-position-y: -1237px;
  164.  top: 296px;
  165.  animation-delay: 4.0s;
  166. }
  167.  
  168. #column_2 #id_wishlist {
  169.  background-position-y: -1523px;
  170.  top: 592px;
  171.  animation-delay: 4.5s;
  172. }
  173.  
  174. #id_about, #id_wishlist, #id_comments dl {overflow-y: scroll !important;}
  175. #id_about, #id_comments dl {padding-right: 10px;}
  176.  
  177. /* Details */
  178.  
  179. #id_details {
  180.  width: 120px;
  181.  height: 150px;
  182.  right: 0;
  183. }
  184. .forum_userstatus {display: none;}
  185.  
  186. /* Buttons */
  187.  
  188. #id_contact {bottom: 210px;}
  189. .custom_panel {bottom: -18px;}
  190. .custom_panel br {display: none;}
  191.  
  192. #id_contact ul:not(.buttons) li, .custom_panel a {
  193.  background-position-y: -835px;
  194.  width: 64px;
  195.  height: 58px;
  196.  font-size: 0;
  197.  margin-bottom: 18px;
  198. }
  199. #id_contact ul:not(.buttons) li:hover, .custom_panel a:hover {background-position-y: -893px;}
  200. #id_contact ul:not(.buttons) li a, .custom_panel a {display: block;}
  201.  
  202. #id_contact ul:not(.buttons) li a {
  203.  width: 100%;
  204.  height: 100%;
  205.  font-size: 0;
  206. }
  207.  
  208. #id_contact ul:not(.buttons) li:nth-of-type(1) {background-position-x: 0;}
  209. #id_contact ul:not(.buttons) li:nth-of-type(2) {background-position-x: -64px;}
  210. #id_contact ul:not(.buttons) li:nth-of-type(3) {background-position-x: -128px;}
  211. .custom_panel a[href*='facebook'] {background-position-x: -192px;}
  212. .custom_panel a[href*='instagram'] {background-position-x: -256px;}
  213. .custom_panel a[href*='deviantart'] {background-position-x: -320px;}
  214.  
  215. /* Comments */
  216.  
  217. #id_comments #alerts_banner {display: none;}
  218. #id_comments .dropBox {display: none;}
  219. #id_comments dt {padding: 0;}
  220. #id_comments dd:nth-last-of-type(n+2) {margin-bottom: 15px;}
  221.  
  222. #id_comments dl {
  223.  width: 100%;
  224.  height: 100%;
  225.  position: absolute;
  226.  top: 0;
  227.  left: 0;
  228.  box-sizing: border-box;
  229. }
  230.  
  231. /* Comment Buttons */
  232.  
  233. #id_comments #alert_container a, #id_comments h2 ~ p a {
  234.  display: block;
  235.  width: 40px;
  236.  height: 20px;
  237.  color: #000000;
  238.  font: 0/22px 'Sura', serif;
  239.  text-align: center;
  240.  position: absolute;
  241.  top: -31px;
  242. }
  243. #id_comments #alert_container a {left: 75px;}
  244. #id_comments h2 ~ p a {right: 75px;}
  245.  
  246. #id_comments #alert_container a:hover, #id_comments h2 ~ p a:hover {color: #9C6898;}
  247. #id_comments #alert_container a::after, #id_comments h2 ~ p a::after {font-size: 10px;}
  248. #id_comments #alert_container a::after {content: 'ADD';}
  249. #id_comments h2 ~ p a::after {content: 'ALL';}
  250.  
  251. #id_comments #alert_container, #id_comments h2 ~ p {
  252.  padding: 0;
  253.  margin: 0;
  254. }
  255.  
  256. /* Wish List */
  257.  
  258. .owner_checkmark {
  259.  margin: 0;
  260.  top: 5px;
  261.  left: 5px;
  262. }
  263. .premium_sparkle {display: none;}
  264.  
  265. #id_wishlist .item {
  266.  width: 30px;
  267.  height: 30px;
  268.  padding: 6px;
  269.  margin: 0 12px 0 0;
  270.  position: relative;
  271.  border-radius: 50%;
  272.  border: 3px solid transparent;
  273. }
  274. #id_wishlist .item:nth-of-type(6n) {margin-right: 0;}
  275. #id_wishlist .item:nth-of-type(n+7) {margin-top: 12px;}
  276.  
  277. #id_wishlist .item:nth-of-type(odd) {
  278.  background: #DCB0E8;
  279.  border-color: #B0F0DC;
  280. }
  281.  
  282. #id_wishlist .item:nth-of-type(even) {
  283.  background: #B0F0DC;
  284.  border-color: #DCB0E8;
  285. }
  286.  
  287. #id_wishlist .item:hover {
  288.  background: #584850;
  289.  border-color: transparent;
  290. }
  291.  
  292. #id_wishlist .item img {transition: transform .5s ease-in-out;}
  293. #id_wishlist .item:hover img[alt*='virtual'] {transform: rotate(360deg);}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement