Advertisement
althindor

Pro for Momoiku

Aug 23rd, 2018
466
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.01 KB | None | 0 0
  1. /* Profile by AlthIndor */
  2.  
  3. html, body {
  4.  background: url('https://images2.imgbox.com/6b/50/6tLvCKLh_o.png') fixed center;
  5.  cursor: url('https://78.media.tumblr.com/tumblr_lqs4mjCY4i1qfoi4t.png'), auto !important;
  6. }
  7.  
  8. /* Fonts */
  9.  
  10. @font-face {
  11.  font-family: 'Montserrat';
  12.  font-style: normal;
  13.  font-weight: 500;
  14.  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_ZpC3gnD-A.woff) format('woff');
  15. }
  16.  
  17. @font-face {
  18.  font-family: 'Montserrat';
  19.  font-style: normal;
  20.  font-weight: 700;
  21.  src: local('Montserrat Bold'), local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2'), url(https://fonts.gstatic.com/s/montserrat/v12/JTURjIg1_i6t8kCHKm45_dJE3gnD-A.woff) format('woff');
  22. }
  23.  
  24. /* Header */
  25.  
  26. #gaia_header {
  27.  background: #E7A1B0;
  28.  border-bottom: 2px solid transparent;
  29. }
  30.  
  31. #gaia_header #header_left, #gaia_header #header_right {
  32.  background: none;
  33.  color: #FFFFFF !important;
  34.  font: 0px/26px 'Montserrat', sans-serif !important;
  35.  padding: 0 8px 0 6px !important;
  36.  box-sizing: border-box;
  37. }
  38. #gaia_header #header_right {float: right;}
  39. #gaia_header .spacer {display: none !important;}
  40.  
  41. #header_left img {
  42.  background: url('https://gaia.hs.llnwd.net/e1/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 0 no-repeat;
  43.  background-size: 100% auto;
  44.  width: 0;
  45.  height: 0;
  46.  padding: 18px 40px 0 0;
  47.  margin: -2px -1px 0 0;
  48. }
  49.  
  50. #gaia_header a {
  51.  color: #FFFFFF !important;
  52.  font-size: 11px !important;
  53.  font-weight: normal;
  54.  text-decoration: none !important;
  55.  text-transform: uppercase;
  56. }
  57.  
  58. #header_left li::after, #header_right li::before {
  59.  content: '❤';
  60.  font-size: 11px;
  61.  margin: 0 6px 0 6px;
  62. }
  63.  
  64. /* Scrollbars */
  65.  
  66. #columns {
  67.  scrollbar-arrow-color: #F4D0D8;
  68.  scrollbar-track-color: #FFFFFF;
  69.  scrollbar-face-color: #F4D0D8;
  70.  scrollbar-shadow-color: #FFFFFF;
  71. }
  72.  
  73. #columns ::-webkit-scrollbar {
  74.  background: rgba(255,255,255,.1);
  75.  width: 10px;
  76.  border-radius: 3px;
  77. }
  78.  
  79. #columns ::-webkit-scrollbar-thumb {
  80.  background: #FFFFFF;
  81.  border-radius: 3px;
  82. }
  83.  
  84. /* Columns */
  85.  
  86. #columns, #column_1, #column_2 {
  87.  float: none;
  88.  margin: 0;
  89.  position: absolute;
  90. }
  91. #column_3 {display: none;}
  92.  
  93. #columns {
  94.  width: 740px;
  95.  height: 540px;
  96.  top: calc((100% - 540px + 24px) / 2);
  97.  left: calc((100% - 740px) / 2);
  98. }
  99.  
  100. #column_1, #column_2 {
  101.  height: 100%;
  102.  top: 0;
  103.  overflow: visible;
  104. }
  105.  
  106. #column_1 {
  107.  width: 280px;
  108.  left: 0;
  109. }
  110.  
  111. #column_2 {
  112.  width: 450px;
  113.  right: 0;
  114. }
  115.  
  116. /* Panels */
  117.  
  118. .panel, .panel a {color: #FFFFFF;}
  119.  
  120. #column_2 .panel a {
  121.  font-weight: normal;
  122.  text-decoration: underline;
  123. }
  124.  
  125. .panel {
  126.  background: #E7A1B0;
  127.  font: 12px/1.6em 'Montserrat', sans-serif;
  128.  text-align: justify;
  129.  padding: 0;
  130.  margin: 0 0 10px 0;
  131.  box-sizing: border-box;
  132.  overflow: hidden;
  133. }
  134. .panel img {max-width: 100% !important;}
  135. .panel h2 {display: none;}
  136.  
  137. #column_1 .panel:not(.media_panel), #column_2 .panel:not(.custom_panel) {width: 100%;}
  138. .panel:not(.media_panel) {border: 10px solid transparent;}
  139.  
  140. #column_2 .panel, #id_footprints {overflow-y: scroll;}
  141. #column_2 .panel:not(#id_wishlist) {padding-right: 10px;}
  142. #id_footprints {height: 120px;}
  143.  
  144. #column_2 .custom_panel {
  145.  float: left;
  146.  width: calc(50% - 5px);
  147.  height: 180px;
  148. }
  149. #column_2 .custom_panel:nth-of-type(2) {margin-right: 10px;}
  150. #id_about {height: 280px;}
  151.  
  152. /* Custom Image */
  153.  
  154. #column_1 .custom_panel {
  155.  height: 280px !important;
  156.  position: relative;
  157.  border-radius: 50%;
  158.  z-index: 1;
  159. }
  160.  
  161. #column_1 .custom_panel .buttons {
  162.  position: absolute;
  163.  top: 50%;
  164.  left: 90px;
  165. }
  166.  
  167. #column_1 .custom_panel div[id*='content'] {
  168.  width: 100%;
  169.  height: 100%;
  170.  display: flex;
  171. }
  172. #column_1 .custom_panel img {object-fit: cover;}
  173.  
  174. /* Media */
  175.  
  176. .media_panel {
  177.  background: url('https://i.imgur.com/vcNz49l.png') center -106px #503040;
  178.  background-size: 36px auto;
  179.  width: 40px;
  180.  height: 40px !important;
  181.  position: absolute;
  182.  top: 235px;
  183.  left: calc(50% - 20px);
  184.  border-radius: 50%;
  185.  z-index: 2;
  186. }
  187.  
  188. .media_panel object {
  189.  width: 200px;
  190.  height: 200px;
  191.  position: absolute;
  192.  bottom: 0;
  193.  left: -9px;
  194.  opacity: .001;
  195. }
  196.  
  197. /* Comments and Contact */
  198.  
  199. #id_contact {
  200.  height: 70px;
  201.  font-weight: bold;
  202.  padding-top: 1px;
  203.  border-top: none;
  204. }
  205.  
  206. #id_comments {
  207.  height: 50px;
  208.  padding-top: 3px;
  209.  margin: 0;
  210.  border-bottom: none;
  211. }
  212. #id_comments p {margin: 0;}
  213. #id_comments dl {display: none;}
  214. #alerts_banner {display: none;}
  215. #alert_container {padding: 0;}
  216.  
  217. /* Wish List */
  218.  
  219. #id_wishlist {
  220.  display: flex;
  221.  flex-flow: row wrap;
  222.  height: 60px;
  223.  text-align: center;
  224. }
  225.  
  226. #id_wishlist .item {
  227.  background: #FFFFFF;
  228.  min-width: 30px;
  229.  flex-grow: 1;
  230.  width: 30px;
  231.  height: 30px;
  232.  padding: 5px;
  233.  margin: 0 10px 10px 0;
  234.  position: relative;
  235.  border-radius: 3px;
  236. }
  237.  
  238. .owner_checkmark {
  239.  margin: 0;
  240.  top: 5px;
  241.  left: calc(50% - 15px);
  242. }
  243. .premium_sparkle {display: none;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement