Advertisement
althindor

Pro for eggception

Aug 22nd, 2018
388
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.14 KB | None | 0 0
  1. /* Profile by AlthIndor */
  2.  
  3. html, body {background: #000000;}
  4.  
  5. /* Fonts */
  6.  
  7. @font-face {
  8.  font-family: 'Open Sans Condensed';
  9.  font-style: normal;
  10.  font-weight: 700;
  11.  src: local('Open Sans Condensed'), local('OpenSans-Condensed'), url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format('woff');
  12. }
  13.  
  14. @font-face {
  15.  font-family: 'Open Sans';
  16.  font-style: normal;
  17.  font-weight: 400;
  18.  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  19. }
  20.  
  21. /* Header */
  22.  
  23. #gaia_header {
  24.  background: deeppink;
  25.  border-bottom: 5px solid transparent;
  26.  box-shadow: 0 1px 2px #000000;
  27. }
  28.  
  29. #gaia_header #header_left, #gaia_header #header_right {
  30.  background: none;
  31.  color: transparent !important;
  32.  font: bold 13px/28px 'Open Sans Condensed', sans-serif !important;
  33.  padding: 0 8px 0 6px !important;
  34.  box-sizing: border-box;
  35. }
  36. #gaia_header #header_right {float: right;}
  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 0 no-repeat;
  41.  background-size: 100% auto;
  42.  width: 0;
  43.  height: 0;
  44.  padding: 21px 44px 0 0;
  45.  margin-right: 6px;
  46. }
  47.  
  48. #gaia_header a {
  49.  color: #FFFFFF !important;
  50.  text-decoration: none !important;
  51.  text-transform: uppercase;
  52. }
  53.  
  54. /* Columns */
  55.  
  56. #columns, #column_1, #column_2, #column_3 {
  57.  display: block;
  58.  float: none;
  59.  margin: 0;
  60.  position: absolute;
  61.  top: 0;
  62.  left: 0;
  63. }
  64.  
  65. #columns {
  66.  width: 100%;
  67.  height: 100%;
  68. }
  69.  
  70. #column_1, #column_2, #column_3 {
  71.  width: 1px;
  72.  height: 1px;
  73.  overflow: visible;
  74. }
  75.  
  76. /* Panels */
  77.  
  78. .panel, .panel h2 {
  79.  padding: 0;
  80.  margin: 0;
  81.  overflow: hidden;
  82.  box-sizing: border-box;
  83. }
  84.  
  85. .panel {
  86.  background: none;
  87.  color: #FFFFFF;
  88.  font: 11px/1.6em 'Open Sans', sans-serif;
  89.  text-align: center;
  90.  position: fixed;
  91.  z-index: 2;
  92. }
  93. .panel img {max-width: 100% !important;}
  94. .panel a {color: #FFFFFF;}
  95.  
  96. #id_about, #id_comments {
  97.  text-align: justify;
  98.  padding-right: 10px;
  99. }
  100. #id_about, #id_comments, #id_wishlist {overflow-y: scroll;}
  101. #id_details, #id_footprints, #id_signature {overflow-y: auto;}
  102.  
  103. /* Tabbed Panels */
  104.  
  105. .panel:not(#id_contact):not(.media_panel) {
  106.  width: 400px;
  107.  height: 400px;
  108.  top: 45px;
  109.  left: -500px;
  110.  border: 10px solid transparent;
  111.  border-image: url('https://images2.imgbox.com/06/e6/uFNUf2ZA_o.png') 10 fill repeat;
  112. }
  113. .panel:not(#id_contact):not(.media_panel):hover {left: 135px;}
  114.  
  115. /* Headers and Buttons */
  116.  
  117. .panel h2, #id_contact ul:not(.buttons) li {
  118.  background: deeppink;
  119.  width: 115px;
  120.  height: 30px;
  121.  font: bold 13px/30px 'Open Sans Condensed', sans-serif;
  122.  text-align: left;
  123.  text-indent: 10px;
  124.  text-transform: uppercase;
  125.  border-radius: 5px;
  126. }
  127. .panel:hover h2 {width: 135px;}
  128. #id_contact ul:not(.buttons) li {
  129.  
  130.  margin-bottom: 10px;
  131.  position: relative;
  132. }
  133.  
  134. .panel h2, #id_contact {
  135.  position: fixed;
  136.  left: 10px;
  137.  overflow: visible;
  138.  z-index: 9;
  139. }
  140. #id_contact h2 {display: none;}
  141.  
  142. #id_details h2 {top: 45px;}
  143. #id_about h2 {top: 85px;}
  144. #id_signature h2 {top: 125px;}
  145. #id_wishlist h2 {top: 165px;}
  146. #id_footprints h2 {top: 205px;}
  147. #id_contact {top: 245px;}
  148.  
  149. #id_contact a {
  150.  display: block;
  151.  width: 100%;
  152.  height: 100%;
  153.  text-decoration: none;
  154. }
  155.  
  156. /* Media Background */
  157.  
  158. .media_panel, .media_panel object {width: 100%;}
  159. .media_panel object {height: 100%;}
  160. .media_panel h2 {display: none;}
  161.  
  162. .media_panel {
  163.  background: 000000;
  164.  height: calc(100% + 45px) !important;
  165.  top: -5px;
  166.  z-index: 1;
  167. }
  168.  
  169. .media_panel .buttons {
  170.  position: absolute;
  171.  top: 40px;
  172.  right: 10px;
  173. }
  174.  
  175. /* Wish List */
  176.  
  177. #id_wishlist {
  178.  display: flex;
  179.  flex-flow: row wrap;
  180.  align-content: flex-start;
  181. }
  182.  
  183. #id_wishlist .item {
  184.  background: rgba(255,255,255,.5);
  185.  flex-grow: 1;
  186.  min-width: 30px;
  187.  width: 30px;
  188.  height: 30px;
  189.  padding: 4px;
  190.  margin: 0 10px 10px 0;
  191.  position: relative;
  192.  border-radius: 5px;
  193. }
  194. #id_wishlist .item:hover {background: #FFFFFF;}
  195.  
  196. .owner_checkmark {
  197.  margin: 0;
  198.  top: 5px;
  199.  left: calc(50% - 15px);
  200. }
  201. .premium_sparkle {display: none;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement