Advertisement
althindor

Code for Miyu66

Apr 17th, 2018
237
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.40 KB | None | 0 0
  1. /* Code By AlthIndor, Graphics By Visual Light */
  2.  
  3. html, body {background: url('http://kb4images.com//images/light-pink-wallpaper/36833172-light-pink-wallpaper.jpg') fixed center / cover;}
  4. #gaia_header img, #columns, #id_contact ul:not(.buttons) li, .media_panel {background: url('https://i.imgur.com/xKM3aoe.png');}
  5. a {text-decoration: none !important;}
  6.  
  7. /* Fonts */
  8.  
  9. @font-face {
  10.  font-family: 'Open Sans';
  11.  font-style: normal;
  12.  font-weight: 400;
  13.  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  14. }
  15.  
  16. /* Header */
  17.  
  18. #gaia_header {
  19.  background: #460000;
  20.  border-bottom: 1px solid transparent;
  21.  box-shadow: 0 2px rgba(0,0,0,.1);
  22. }
  23.  
  24. #gaia_header #header_left, #gaia_header #header_right {
  25.  background: none !important;
  26.  color: transparent;
  27.  font: 9px/24px 'Open Sans', sans-serif !important;
  28.  padding: 0 8px 0 8px !important;
  29.  box-sizing: border-box;
  30. }
  31. #gaia_header #header_right {float: right;}
  32. #gaia_header li.spacer {display: none !important;}
  33.  
  34. #header_left img {
  35.  background-position: -164px -1413px;
  36.  width: 0 !important;
  37.  padding: 0 39px 0 0;
  38. }
  39.  
  40. #gaia_header a {
  41.  color: #FFFFFF !important;
  42.  font-size: 10px !important;
  43.  letter-spacing: .05em;
  44.  text-shadow: 0 0 2px #F09098;
  45.  text-transform: uppercase;
  46. }
  47.  
  48. /* Scrollbars */
  49.  
  50. #column_2 {
  51.  scrollbar-arrow-color: #FFFFFF;
  52.  scrollbar-track-color: #F4B8C0;
  53.  scrollbar-face-color: #FFFFFF;
  54.  scrollbar-shadow-color: #F4B8C0;
  55. }
  56.  
  57. #column_2 ::-webkit-scrollbar {
  58.  background: #C8A0B0;
  59.  width: 12px;
  60.  border-radius: 3px;
  61. }
  62.  
  63. #column_2 ::-webkit-scrollbar-thumb {
  64.  background: #FFFFFF;
  65.  border: 1px solid #C8A0B0;
  66.  border-radius: 3px;
  67. }
  68.  
  69. /* Columns */
  70.  
  71. #columns, #column_1, #column_2 {
  72.  padding: 0;
  73.  margin: 0;
  74.  position: absolute;
  75. }
  76. #column_1, #column_2 {height: 100%;}
  77. #column_3 {display: none;}
  78.  
  79. #columns {
  80.  width: 850px;
  81.  height: 1362px;
  82.  top: 40px;
  83.  left: calc((100% - 850px) / 2);
  84. }
  85.  
  86. #column_1 {
  87.  width: 213px;
  88.  left: 85px;
  89. }
  90.  
  91. #column_2 {
  92.  width: 426px;
  93.  left: 340px;
  94. }
  95.  
  96. /* Panels */
  97.  
  98. .panel {
  99.  color: #785448;
  100.  font: 11px/1.6em 'Open Sans', sans-serif;
  101.  box-sizing: border-box;
  102. }
  103. .panel:not(.custom_panel) h2 {display: none;}
  104. .panel:not(.media_panel), .panel h2 {background: none;}
  105. .panel, .panel h2 {margin: 0;}
  106.  
  107. .panel a {
  108.  color: #946880;
  109.  font-weight: normal;
  110. }
  111. .panel a:hover {color: #460000;}
  112.  
  113. #column_1 .panel {
  114.  text-align: center;
  115.  position: absolute;
  116. }
  117.  
  118. #column_2 .panel {
  119.  width: 100%;
  120.  text-align: justify;
  121.  margin-bottom: 21px;
  122. }
  123. #column_2 .panel img {max-width: 100% !important;}
  124.  
  125. #id_footprints, #id_journal, #id_wishlist, #id_about, .custom_panel div[id*='content'] {
  126.  border: 10px solid transparent;
  127.  overflow-x: hidden;
  128.  overflow-y: scroll;
  129. }
  130. #id_about, .custom_panel div[id*='content'] {padding: 0 10px 0 0;}
  131.  
  132. #id_about {
  133.  height: 320px;
  134.  margin-top: 466px;
  135. }
  136.  
  137. #id_footprints, #id_journal, #id_wishlist {
  138.  width: 251px;
  139.  height: 244px;
  140. }
  141. #id_footprints, #id_journal {padding: 0 20px 0 0;}
  142. #id_footprints {top: 541px;}
  143. #id_journal {top: 822px;}
  144. #id_wishlist {top: 1102px;}
  145.  
  146. #id_wishlist, #id_contact, .media_panel, .custom_panel, .custom_panel h2 {padding: 0;}
  147. #id_contact, .media_panel, .custom_panel {overflow: hidden;}
  148.  
  149. /* Journal */
  150.  
  151. #id_journal h2 ~ p {
  152.  position: absolute;
  153.  top: 0;
  154.  right: 20px;
  155. }
  156.  
  157. #id_journal h3 {
  158.  text-align: left;
  159.  padding: 0 0 5px 0;
  160.  border-bottom: 1px solid #785448;
  161. }
  162.  
  163. #id_journal ul {margin: 7px 0 0 0;}
  164. #id_journal ul li {line-height: initial;}
  165. #id_journal ul li:nth-of-type(n+2) {margin-top: 5px;}
  166.  
  167. #id_journal ul span {
  168.  display: block;
  169.  color: #785448;
  170. }
  171.  
  172. /* Wish List */
  173.  
  174. .owner_checkmark {
  175.  margin: 0;
  176.  bottom: 5px;
  177.  left: 5px;
  178. }
  179. .premium_sparkle {display: none;}
  180.  
  181. #id_wishlist .item {
  182.  background: rgba(255,255,255,.5);
  183.  height: 30px;
  184.  width: 30px;
  185.  padding: 5px;
  186.  margin: 0 8px 10px 2px;
  187.  position: relative;
  188.  border-radius: 3px;
  189.  transition: background 1s ease-in-out;
  190. }
  191. #id_wishlist .item:hover {background: #FFFFFF;}
  192.  
  193. /* Contact and Media */
  194.  
  195. #id_contact, .media_panel {width: 40px;}
  196.  
  197. #id_contact ul:not(.buttons) li, .media_panel {
  198.  opacity: 0;
  199.  transition: opacity 1s ease-in-out;
  200. }
  201. #id_contact ul:not(.buttons) li:hover, .media_panel:hover {opacity: 1;}
  202.  
  203. #id_contact {
  204.  height: 140px;
  205.  top: 210px;
  206. }
  207.  
  208. #id_contact ul:not(.buttons) li, #id_contact ul:not(.buttons) li a {
  209.  display: block;
  210.  width: 100%;
  211.  height: 40px;
  212.  font-size: 0;
  213. }
  214. #id_contact ul:not(.buttons) li {margin-bottom: 10px;}
  215. #id_contact ul:not(.buttons) li:nth-of-type(1) {background-position: 0 -1410px;}
  216. #id_contact ul:not(.buttons) li:nth-of-type(2) {background-position: -39px -1410px;}
  217. #id_contact ul:not(.buttons) li:nth-of-type(3) {background-position: -79px -1410px;}
  218.  
  219. .media_panel {
  220.  background-position: -118px -1410px;
  221.  height: 40px !important;
  222.  top: 360px;
  223. }
  224.  
  225. .media_panel object {
  226.  position: absolute;
  227.  bottom: 0px;
  228.  left: -7px;
  229.  opacity: 0;
  230. }
  231.  
  232. /* Tabbed Customs */
  233.  
  234. .custom_panel {
  235.  width: 106px;
  236.  height: 120px !important;
  237. }
  238.  
  239. .custom_panel div[id*='content'] {
  240.  background: rgba(240,144,152,.3);
  241.  height: calc(100% - 20px);
  242.  box-shadow: 0 -1px rgba(255,255,255,.5), 0 -4px #F4B8C0, 0 -5px #FFFFFF;
  243.  box-sizing: border-box;
  244. }
  245.  
  246. .custom_panel h2 {
  247.  height: 17px;
  248.  color: #F09098;
  249.  font-size: 20px;
  250.  font-weight: normal;
  251.  line-height: 14px;
  252.  text-indent: 10px;
  253.  overflow: visible;
  254. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement