Advertisement
althindor

Pro for im holly

Jul 26th, 2018
371
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.48 KB | None | 0 0
  1. /* Code by AlthIndor, Graphics by SugaSharra */
  2.  
  3. html, body {
  4.  background: url('https://images2.imgbox.com/7f/23/oqAfAA4m_o.jpg') fixed top center;
  5.  background-size: cover;
  6. }
  7. body a {text-decoration: none !important;}
  8.  
  9. /* Fonts */
  10.  
  11. @font-face {
  12.  font-family: 'PT Serif';
  13.  font-style: normal;
  14.  font-weight: 400;
  15.  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/sDRi4fY9bOiJUbgq53yZCfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
  16. }
  17.  
  18. @font-face {
  19.  font-family: 'Open Sans Condensed';
  20.  font-style: normal;
  21.  font-weight: 700;
  22.  src: local('Open Sans Condensed'), local('OpenSans-Condensed'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format('woff');
  23. }
  24.  
  25. /* Header */
  26.  
  27. #gaia_header, #header_left, #header_right {background: none !important;}
  28.  
  29. #gaia_header #header_left, #gaia_header #header_right {
  30.  color: transparent !important;
  31.  font-family: 'Open Sans Condensed', sans-serif;
  32.  font-size: 10px !important;
  33.  padding: 0 8px 0 8px !important;
  34.  box-sizing: border-box;
  35. }
  36. #gaia_header #header_right {float: right !important;}
  37. #gaia_header .spacer {display: none !important;}
  38.  
  39. #header_left img {
  40.  background: url('https://gaia.hs.llnwd.net/e1/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 2px no-repeat;
  41.  background-size: 36px auto;
  42.  width: 0;
  43.  height: 0;
  44.  padding: 19px 41px 0 0;
  45. }
  46.  
  47. #gaia_header a {
  48.  color: #FFFFFF !important;
  49.  font-size: 11px !important;
  50.  text-transform: uppercase;
  51.  transition: color .5s ease-in-out;
  52. }
  53. #gaia_header a:hover {color: #C8B8C8 !important;}
  54.  
  55. /* Columns */
  56.  
  57. #columns, #column_1, #column_2, #column_3 {
  58.  float: none;
  59.  margin: 0;
  60.  position: absolute;
  61. }
  62.  
  63. #columns {
  64.  background: url('https://images2.imgbox.com/f5/17/fd0NtIGT_o.png') no-repeat;
  65.  width: 860px;
  66.  height: 910px;
  67.  top: 20px;
  68.  left: calc(50% - 430px);
  69. }
  70. @media screen and (min-height: 900px) {#columns {top: calc(50% - 450px);}}
  71.  
  72. #column_1, #column_2, #column_3 {
  73.  width: 1px;
  74.  height: 1px;
  75.  position: absolute;
  76.  top: 0;
  77.  left: 0;
  78.  overflow: visible;
  79. }
  80.  
  81. /* Panels */
  82.  
  83. .panel {
  84.  background: none;
  85.  color: #FFFFFF;
  86.  font: 12px 'PT Serif', serif;
  87.  text-align: justify;
  88.  padding: 0;
  89.  margin: 0;
  90.  position: absolute;
  91.  box-sizing: border-box;
  92. }
  93. .panel h2 {display: none;}
  94. .panel img {max-width: 100% !important;}
  95.  
  96. .panel a {
  97.  color: #E8D0C8;
  98.  font-weight: normal;
  99. }
  100.  
  101. #id_about, #id_comments, .custom_panel {
  102.  width: 480px;
  103.  left: 350px;
  104. }
  105. #id_wishlist, .custom_panel {top: 667px;}
  106. #id_about {top: 167px;}
  107. #id_comments {top: 417px;}
  108.  
  109. #id_about, #id_comments dl, #id_wishlist, .custom_panel {
  110.  padding-right: 10px;
  111.  overflow-x: hidden;
  112.  overflow-y: scroll;
  113. }
  114. #id_about, #id_comments, #id_wishlist, .custom_panel {height: 190px !important;}
  115.  
  116. #id_wishlist {
  117.  width: 260px;
  118.  padding: 2px 10px 2px 2px;
  119.  left: 30px;
  120. }
  121.  
  122. /* Details */
  123.  
  124. #id_details {;
  125.  width: 120px;
  126.  height: 150px;
  127.  top: 210px;
  128.  left: 30px;
  129. }
  130. #id_details p:nth-of-type(n+2) {display: none;}
  131. #id_details .forum_userstatus {display: none;}
  132.  
  133. /* Contact, Comment Buttons, and Wish List */
  134.  
  135. #id_contact ul:not(.buttons) li, #id_wishlist .item, #id_comments #alert_container a, #id_comments h2 ~ p a {
  136.  background: #686068;
  137.  padding: 6px;
  138.  border: 1px solid #FFFFFF;
  139.  border-radius: 50%;
  140.  box-shadow: 0 0 0 2px #686068;
  141.  transition: background-color .5s ease-in-out;
  142. }
  143. #id_contact ul:not(.buttons) li:hover, #id_wishlist .item:hover, #id_comments #alert_container a:hover, #id_comments h2 ~ p a:hover {background-color: #807480;}
  144.  
  145. #id_contact ul:not(.buttons) li, #id_comments #alert_container a, #id_comments h2 ~ p a {
  146.  background-image: url('https://i.imgur.com/vcNz49l.png');
  147.  background-size: 40px auto;
  148.  width: 40px;
  149.  height: 40px;
  150. }
  151.  
  152. /* Contact */
  153.  
  154. #id_contact {
  155.  width: 200px;
  156.  top: 70px;
  157.  left: 32px;
  158. }
  159. #id_contact, #id_contact a {font-size: 0;}
  160.  
  161. #id_contact ul:not(.buttons) li {float: left;}
  162. #id_contact ul:not(.buttons) li:nth-of-type(n+2) {margin-left: 13px;}
  163. #id_contact ul:not(.buttons) li:nth-of-type(1) {background-position: 6px 6px;}
  164. #id_contact ul:not(.buttons) li:nth-of-type(2) {background-position: 6px -34px;}
  165. #id_contact ul:not(.buttons) li:nth-of-type(3) {background-position: 6px -74px;}
  166.  
  167. #id_contact ul:not(.buttons) li a {
  168.  display: block;
  169.  width: 100%;
  170.  height: 100%;
  171. }
  172.  
  173. /* Wish List */
  174.  
  175. #id_wishlist {
  176.  background: rgba(112,80,72,.3);
  177.  border-radius: 10px;
  178.  box-shadow: 0 0 0 5px rgba(112,80,72,.3);
  179. }
  180.  
  181. #id_wishlist .item {
  182.  display: inline-block;
  183.  float: none;
  184.  width: 30px;
  185.  height: 30px;
  186.  margin: 0 10px 0 0;
  187.  position: relative;
  188. }
  189. #id_wishlist .item:nth-of-type(n+5) {margin-top: 12px;}
  190.  
  191. .owner_checkmark {
  192.  margin: 0;
  193.  top: 5px;
  194.  left: 5px;
  195. }
  196. .premium_sparkle {display: none;}
  197.  
  198. /* Comments */
  199.  
  200. #id_comments #alerts_banner {display: none;}
  201. #id_comments .delete_comment {margin: 10px;}
  202. #id_comments .dropBox {display: none;}
  203. #id_comments dd {margin-bottom: 10px;}
  204. #id_comments dd:last-of-type {margin: 0;}
  205.  
  206. #id_comments dl {
  207.  height: 100%;
  208.  position: absolute;
  209.  top: 0;
  210.  left: 0;
  211. }
  212.  
  213. #id_comments dt {
  214.  padding: 0 0 2px 0;
  215.  margin-bottom: 3px;
  216.  border-bottom: 1px dotted rgba(255,255,255,.3);
  217. }
  218.  
  219. /* Comments Buttons */
  220.  
  221. #id_comments #alert_container a, #id_comments h2 ~ p a {
  222.  background-position: 6px -233px;
  223.  display: block;
  224.  font-size: 0;
  225.  position: absolute;
  226.  top: -347px;
  227.  left: -117px;
  228. }
  229.  
  230. #id_commwnts h2 ~ p {position: absolute; z-index: 1;}
  231. #id_comments h2 ~ div {position: absolute; z-index: 2;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement