Advertisement
althindor

Code for Lady Lilliez

Apr 10th, 2018
211
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.71 KB | None | 0 0
  1. /* Code By AlthIndor */
  2.  
  3. body {
  4.  background: url('https://i.imgur.com/T1YwccJ.jpg') fixed center repeat-y, url('https://i.imgur.com/glXpmOp.jpg') fixed center / cover no-repeat;
  5.  color: #102040;
  6.  font: 11px 'PT Serif', serif;
  7. }
  8. body a {text-decoration: none !important;}
  9.  
  10. #gaia_header, #header_left img, #site, #wishlist .items li {background: url('https://images2.imgbox.com/ce/0c/v4WccKID_o.png');}
  11.  
  12. /* Fonts */
  13.  
  14. @font-face {
  15.  font-family: 'PT Serif';
  16.  font-style: normal;
  17.  font-weight: 400;
  18.  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRVQgYoZZY2vCFuvAFWzr8.woff2) format('woff2');
  19. }
  20.  
  21. @font-face {
  22.  font-family: 'PT Serif';
  23.  font-style: normal;
  24.  font-weight: 700;
  25.  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRSQgYoZZY2vCFuvAnt66qSVys.woff2) format('woff2');
  26. }
  27.  
  28. /* Header */
  29.  
  30. #gaia_header {
  31.  background-position: 0 -619px !important;
  32.  border-bottom: 4px solid transparent;
  33.  box-shadow: 0 4px 0 rgba(0,0,0,.25);
  34.  overflow: hidden;
  35. }
  36.  
  37. #gaia_header #header_left, #gaia_header #header_right {
  38.  background: none;
  39.  width: 50% !important;
  40.  color: transparent !important;
  41.  line-height: 26px;
  42. }
  43. #header_left .spacer {display: none;}
  44. #header_right .spacer {padding-left: 6px;}
  45.  
  46. #header_left img {
  47.  background-position: -56px -655px !important;
  48.  width: 0px !important;
  49.  padding: 0 50px 0 0;
  50. }
  51.  
  52. #gaia_header a {
  53.  color: #204070 !important;
  54.  font-weight: bold;
  55.  text-transform: uppercase;
  56.  transition: color .5s ease-in-out;
  57. }
  58. #gaia_header a:hover {color: #8050A0 !important;}
  59.  
  60. #header_right .favorites_add {
  61.  margin: 0 0 0 6px;
  62.  top: 5px;
  63.  right: 0;
  64.  filter: hue-rotate(180deg) contrast(200%) brightness(50%);
  65. }
  66.  
  67. /* Scrollbars */
  68.  
  69. #site {
  70.  scrollbar-arrow-color: #FFFFFF;
  71.  scrollbar-track-color: #204070;
  72.  scrollbar-face-color: #FFFFFF;
  73.  scrollbar-shadow-color: #204070;
  74. }
  75.  
  76. #site ::-webkit-scrollbar {
  77.  background: #204070;
  78.  width: 13px;
  79. }
  80.  
  81. #site ::-webkit-scrollbar-thumb {
  82.  background: #FFFFFF;
  83.  border: 1px solid #204070;
  84. }
  85.  
  86. /* Remove Sections */
  87.  
  88. #header {display: none;}
  89. #details {display: none;}
  90. #friends {display: none;}
  91. #journal {display: none;}
  92. #comments {display: none;}
  93. #signature {display: none;}
  94. #profile .items {display: none;}
  95. #profile .avatar {display: none;}
  96. .section h2 {display: none;}
  97.  
  98. /* Main Sections */
  99.  
  100. #site, #content, #content #sidebar, #content #main, .section {
  101.  padding: 0;
  102.  margin: 0;
  103.  position: absolute;
  104. }
  105.  
  106. #site {
  107.  width: 968px;
  108.  height: 600px;
  109.  position: absolute;
  110.  top: calc((100% - 600px + 30px) / 2);
  111.  left: calc((100% - 968px) / 2);
  112. }
  113.  
  114. #site a {
  115.  color: #8050A0;
  116.  font-weight: bold;
  117. }
  118. #site a:visited {color: #8050A0 !important;}
  119.  
  120. #content #sidebar, #content #main {
  121.  width: 1px;
  122.  height: 1px;
  123.  top: 0;
  124.  left: 0;
  125.  overflow: visible;
  126. }
  127.  
  128. #content #main {
  129.  min-height: 0;
  130.  border: none;
  131. }
  132.  
  133. /* Sections */
  134.  
  135. .section {
  136.  background: none !important;
  137.  line-height: 1.7;
  138.  text-align: justify !important;
  139. }
  140.  
  141. #about, #wishlist .items {
  142.  padding-right: 10px;
  143.  overflow-x: hidden;
  144.  overflow-y: scroll;
  145. }
  146.  
  147. #about {
  148.  width: 348px;
  149.  height: 368px;
  150.  top: 115px;
  151.  left: 515px;
  152. }
  153. #about .links {display: none;}
  154. #about img {max-width: 100%;}
  155.  
  156. #wishlist {
  157.  width: 53px;
  158.  height: 263px;
  159.  top: 176px;
  160.  left: 914px;
  161.  overflow: hidden;
  162. }
  163.  
  164. #wishlist .items {
  165.  width: 63px;
  166.  height: 100%;
  167.  scroll-snap-type: mandatory;
  168.  scroll-snap-points-y: repeat(70px);
  169. }
  170.  
  171. @supports (scroll-snap-type: y mandatory) {
  172.   #wishlist .items {scroll-snap-type: y mandatory;}
  173.   #wishlist li {scroll-snap-align: end;}
  174. }
  175.  
  176. #wishlist .items li {
  177.  display: block;
  178.  background-position: 0 -647px;
  179.  width: 53px;
  180.  height: 53px;
  181.  padding: 10px 0 0 10px;
  182.  margin-bottom: 17px;
  183.  box-sizing: border-box;
  184.  overflow: hidden;
  185.  scroll-snap-stop: always;
  186. }
  187. #wishlist .items li:last-of-type {margin-bottom: 0;}
  188. #wishlist .items li img {background: none !important;}
  189.  
  190. /* Contact Bar */
  191.  
  192. #profile, #bar {
  193.  background: none;
  194.  width: 50px;
  195.  height: 190px;
  196.  overflow: visible;
  197. }
  198.  
  199. #profile {
  200.  top: 175px;
  201.  left: 5px;
  202. }
  203.  
  204. #bar, #bar li, #bar li a {
  205.  display: block;
  206.  padding: 0;
  207.  margin: 0;
  208. }
  209.  
  210. #bar {
  211.  position: absolute;
  212.  top: 0;
  213.  left: 0;
  214. }
  215.  
  216. #bar li, #bar li a {
  217.  background: none !important;
  218.  width: 50px !important;
  219.  height: 50px !important;
  220.  font-size: 0;
  221. }
  222. #bar li {margin-bottom: 20px;}
  223. #bar #offlineButton, #bar #onlineButton, #bar #ignoreButton {display: none;}
  224.  
  225. /* Media */
  226.  
  227. #multimedia {
  228.  width: 38px;
  229.  height: 38px;
  230.  top: 393px;
  231.  left: 10px;
  232.  border: 2px solid transparent;
  233.  box-sizing: border-box;
  234.  overflow: hidden;
  235. }
  236.  
  237. #multimedia object {
  238.  position: absolute;
  239.  bottom: 0;
  240.  left: -17px;
  241.  opacity: .01;
  242. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement