Advertisement
althindor

Modified Code for Vile Desiderata

Mar 5th, 2019
447
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 3.86 KB | None | 0 0
  1. /* Code by AlthIndor*/
  2.  
  3. body {background: url('https://i.imgur.com/syyWkX3.gif') #000 top center;}
  4.  
  5. #content a:link, #content a:active, #content a:visited {
  6.  color: #B6B6B6 !important;
  7.  font-weight: bold;
  8. }
  9.  
  10. #content a:hover {
  11.  background-color: #581A24;
  12.  color: #F8DA9F !important;
  13. }
  14.  
  15. /* Header */
  16.  
  17. #gaia_header {
  18.  background: #484044;
  19.  height: 28px;
  20. }
  21.  
  22. #gaia_header #header_left, #gaia_header #header_right {
  23.  background: none;
  24.  width: 50%;
  25.  height: 100%;
  26.  font-size: 0;
  27. }
  28. #gaia_header .spacer {display: none;}
  29. #gaia_header li {margin: 0 6px;}
  30.  
  31. #header_left img {
  32.  background: url('https://gaia.hs.llnwd.net/e1/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 0 no-repeat;
  33.  background-size: auto 200%;
  34.  width: 0;
  35.  height: 18px;
  36.  padding: 0 38px 0 0;
  37.  margin-right: -2px;
  38. }
  39.  
  40. #header_right .favorites_add {
  41.  background: none !important;
  42.  margin: 0 -1px 0 0px;
  43. }
  44.  
  45. #header_right .favorites_add::before {
  46.  content: '❤';
  47.  font-size: 16px;
  48.  position: absolute;
  49.  top: -4px;
  50.  left: 1px;
  51. }
  52.  
  53. #gaia_header a {
  54.  color: #FFFFFF !important;
  55.  font: bold 11px/26px sans-serif;
  56.  text-decoration: none;
  57.  text-transform: uppercase;
  58. }
  59.  
  60. /* Remove Sections */
  61.  
  62. #header {display: none;}
  63. #details {display:none;}
  64. #wishlist {display: none;}
  65. #friends {display: none;}
  66. #journal {display: none;}
  67. #comments {display: none;}
  68. #signature {display: none;}
  69. #commonFriends {display: none;}
  70.  
  71. #profile .caption {display: none;}
  72. #profile .items {display: none;}
  73.  
  74. /* Main Sections */
  75.  
  76. #site, #content, #content #sidebar, #content #main {
  77.  margin: 0;
  78.  padding: 0;
  79. }
  80.  
  81. #site {
  82.  width: 480px;
  83.  height: 700px;
  84.  position: absolute;
  85.  left: calc((100% - 480px) / 2);
  86.  top: 50px;
  87. }
  88.  
  89. @media screen and (min-height: 740px) {
  90.   #site {
  91.     height: 670px;
  92.     top: calc((100% - 670px + 28px) / 2);
  93.   }
  94. }
  95.  
  96. #content, #content #main {
  97.  background: none;
  98.  display: grid;
  99.  justify-items: center;
  100.  border: none;
  101. }
  102.  
  103. #content #sidebar {
  104.  width: 270px;
  105.  position: static;
  106.  margin-bottom: 10px;
  107. }
  108.  
  109. #content #main {
  110.  min-height: unset;
  111.  width: 100%;
  112. }
  113.  
  114. .section {padding: 0;}
  115. .section h2 {display: none;}
  116.  
  117. /* Common Styles */
  118.  
  119. #about, #multimedia, #bar li {
  120.  background-color: #947688 !important;
  121.  border: 3px solid #484044;
  122.  border-radius: 10px;
  123.  box-sizing: border-box;
  124. }
  125.  
  126. #about, #multimedia {
  127.  background-image: none;
  128.  padding: 10px;
  129. }
  130.  
  131. /* About Me */
  132.  
  133. #about {
  134.  height: 225px;
  135.  color: #E6E6E6;
  136.  font: bold 10px/1.6em 'Verdana', sans-serif;
  137.  text-align: center;
  138.  margin: 0 0 10px 0;
  139.  overflow-x: hidden;
  140.  overflow-y: auto;
  141. }
  142.  
  143. #about ul, #about ul li {margin: 0;}
  144. #about ul li:nth-of-type(2) {margin: 0 20px;}
  145.  
  146. /* Media */
  147.  
  148. #multimedia {
  149.  width: 300px;
  150.  height: 200px;
  151. }
  152.  
  153. #multimedia embed {
  154.  height: 100%;
  155.  width: 100%;
  156. }
  157.  
  158. /* Avatar and Contact */
  159.  
  160. #profile {
  161.  background: none !important;
  162.  display: grid;
  163.  grid-template-rows: 150px 60px;
  164.  grid-row-gap: 10px;
  165. }
  166.  
  167. #profile .avatar {
  168.  grid-row: 1 / span 1;
  169.  justify-self: center;
  170. }
  171.  
  172. #bar {
  173.  background: none !important;
  174.  grid-row: 2 / span 1;
  175.  display: flex;
  176.  justify-content: space-between;
  177.  height: 60px;
  178.  margin: 0;
  179. }
  180.  
  181. #bar li {
  182.  background-image: url('https://images2.imgbox.com/c5/d2/gGR51GGM_o.png') !important;
  183.  background-origin: border-box !important;
  184.  width: 60px !important;
  185.  height: 60px !important;
  186.  position: relative;
  187. }
  188. #bar li:hover {background-color: #484044 !important;}
  189.  
  190. #bar li a {
  191.  display: block;
  192.  width: 100% !important;
  193.  height: 100% !important;
  194.  font-size: 0;
  195.  padding: 0;
  196. }
  197. #bar li a:hover {background: none !important;}
  198.  
  199. #bar #offlineButton {background-position: center -60px !important;}
  200. #bar #addButton {background-position: center -120px !important;}
  201. #bar #msgButton {background-position: center -180px !important;}
  202. #bar #tradeButton {background-position: center -240px !important;}
  203. #bar #ignoreButton {display: none;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement