Advertisement
althindor

Code for Fleur Du Ciel

Apr 1st, 2018
225
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.88 KB | None | 0 0
  1. /* Cody By AlthIndor
  2.   Original By Vlll */
  3.  
  4. body {
  5.  background: #7BBDD6;
  6.  color: #318CBD;
  7.  font-family: 'Tahoma', sans-serif;
  8. }
  9.  
  10. a {text-decoration: none !important;}
  11.  
  12. /* Header */
  13.  
  14. #gaia_header {overflow: hidden;}
  15. #gaia_header #header_left, #gaia_header #header_right {
  16.  background: #318CBD;
  17.  width: 50% !important;
  18.  color: transparent !important;
  19.  font-size: 8px !important;
  20.  border-bottom: 1px solid transparent;
  21. }
  22. #gaia_header #header_left {line-height: 24px;}
  23. #gaia_header #header_right .avatar {margin: 0 -3px 0 6px;}
  24.  
  25. #header_left img {
  26.  background: url('https://i.imgur.com/w0Cbo9w.png') 6px 3px no-repeat;
  27.  width: 0px !important;
  28.  padding: 0 48px 0 0;
  29. }
  30. #header_left .spacer {display: none;}
  31.  
  32. #gaia_header a {
  33.  color: #FFFFFF !important;
  34.  font-size: 11px;
  35.  text-transform: uppercase;
  36. }
  37.  
  38. /* Scrollbars */
  39.  
  40. #site {
  41.  scrollbar-arrow-color: #328ABF;
  42.  scrollbar-track-color: #93CFDB;
  43.  scrollbar-face-color: #328ABF;
  44.  scrollbar-shadow-color: #93CFDB;
  45. }
  46.  
  47. #site ::-webkit-scrollbar {
  48.  background: #93CFDB;
  49.  width: 13px;
  50.  border-radius: 5px;
  51. }
  52.  
  53. #site ::-webkit-scrollbar-thumb {
  54.  background: #328ABF;
  55.  border-radius: 5px;
  56. }
  57.  
  58. /* Remove Sections */
  59.  
  60. #header {display: none;}
  61. #details {display: none;}
  62. #friends {display: none;}
  63. #journal {display: none;}
  64. #signature {display: none;}
  65. #profile .items {display:none;}
  66. #comments #alerts_banner {display: none;}
  67. #comments dl {display: none;}
  68. #comments p {display: none;}
  69. .section h2 {display: none;}
  70.  
  71. /* Main Sections*/
  72.  
  73. #site, #content, #content #sidebar, #content #main {
  74.  padding: 0;
  75.  margin: 0;
  76. }
  77.  
  78. #site {
  79.  background: url(http://i1355.photobucket.com/albums/q708/Vlll/Vlllflorzz2_zpse68364fd.gif) no-repeat;
  80.  width: 960px;
  81.  height: 910px;
  82.  margin: 48px auto 0 auto;
  83.  border: 4px dashed #318CBD;
  84. }
  85.  
  86. #site a {
  87.  color: #318CBD;
  88.  font-weight: normal;
  89. }
  90. #site a:visited {color: #318CBD !important;}
  91. #site a:hover {color:#FFFFFF;}
  92.  
  93. #content #sidebar, #content #main {
  94.  width: 1px;
  95.  height: 1px;
  96.  position: absolute;
  97.  top: 0;
  98.  left: 0;
  99.  overflow: visible;
  100. }
  101.  
  102. #content #main {
  103.  min-height: 0;
  104.  border: none;
  105. }
  106.  
  107. /* Sections */
  108.  
  109. .section {
  110.  background: none !important;
  111.  font-size: 10px;
  112.  padding: 0;
  113.  margin: 0;
  114.  position: absolute;
  115. }
  116.  
  117. #about ol, #wishlist {
  118.  padding-right: 10px;
  119.  overflow-x: hidden;
  120.  overflow-y: scroll;
  121. }
  122.  
  123. #about {
  124.  width: 235px;
  125.  height: 285px;
  126.  top: 575px;
  127.  left: 40px;
  128.  overflow: hidden;
  129. }
  130.  
  131. #about .links {
  132.  display: flex;
  133.  flex-flow: row wrap;
  134.  justify-content: space-between;
  135.  text-transform: uppercase;
  136.  margin: 0;
  137. }
  138. #about .links li {margin: 0;}
  139.  
  140. #about ol {
  141.  height: calc(100% - 25px);
  142.  text-align: justify;
  143.  margin: 0;
  144.  position: absolute;
  145.  top: 25px;
  146. }
  147.  
  148. #profile {
  149.  width: 120px;
  150.  height: 150px;
  151.  top: 608px;
  152.  left: 380px;
  153.  overflow: visible;
  154. }
  155.  
  156. #profile img, #wishlist .items li {
  157.  opacity: 0.5;
  158.  transition: opacity .5s ease-in-out;
  159. }
  160. #profile img:hover, #wishlist .items li:hover {opacity: 1.0;}
  161.  
  162. #wishlist {
  163.  width: 50px;
  164.  height: 145px;
  165.  top: 612px;
  166.  left: 560px;
  167. }
  168. #wishlist img {background: none !important;}
  169.  
  170. #wishlist .items li {
  171.  background: #FFFFFF;
  172.  display: block;
  173.  width: 30px;
  174.  height: 30px;
  175.  margin-bottom: 5px;
  176.  border: 1px solid #318CBD;
  177. }
  178.  
  179. /* Contact Bar */
  180.  
  181. #bar {
  182.  background: none;
  183.  display: block;
  184.  width: 600px !important;
  185.  margin: 0;
  186.  position: absolute;
  187.  top: 252px;
  188.  left: -80px;
  189.  overflow: visible;
  190. }
  191.  
  192. #bar li, #bar li a, #comments, #comments a {
  193.  background: url('https://i.imgur.com/YOCFXoN.png') !important;
  194.  height: 40px !important;
  195.  font-size: 0;
  196. }
  197. #bar li {margin-right: 10px;}
  198.  
  199. #bar li a, #comments a {
  200.  display: block;
  201.  width: 100% !important;
  202.  padding: 0 !important;
  203.  opacity: 0;
  204. }
  205. #bar li a:hover, #comments a:hover {opacity: 1;}
  206.  
  207. #bar #addButton, #bar #addButton a {background-position: 0 0;width: 50px;}
  208. #bar #msgButton, #bar #msgButton a {background-position: -50px 0 !important;width: 98px;}
  209. #bar #tradeButton, #bar #tradeButton a {background-position: -148px 0 !important;width: 68px;}
  210. #bar #ignoreButton, #bar #ignoreButton a {background-position: -216px 0 !important;width: 76px;}
  211. #comments, #comments a {background-position: -292px 0 !important;}
  212.  
  213. #bar #offlineButton, #bar #onlineButton {
  214.  width: 120px;
  215.  position: absolute;
  216.  top: -90px;
  217.  left: 80px;
  218. }
  219. #bar #offlineButton {background-position: -405px 0 !important;}
  220. #bar #onlineButton {background-position: -525px 0 !important;}
  221.  
  222. #comments {
  223.  width: 113px;
  224.  top: 860px;
  225.  left: 630px;
  226.  overflow: hidden;
  227. }
  228.  
  229. #comments .links, #comments .links * {
  230.  display: block;
  231.  width: 100%;
  232.  height: 100%;
  233.  margin: 0;
  234. }
  235.  
  236. /* Media */
  237.  
  238. #multimedia {
  239.  background: url('https://i.imgur.com/YOCFXoN.png') -645px 0 !important;
  240.  width: 68px;
  241.  height: 40px;
  242.  top: 668px;
  243.  left: 782px;
  244.  overflow: hidden;
  245. }
  246.  
  247. #multimedia object, #multimedia embed {
  248.  position: absolute;
  249.  bottom: 3px;
  250.  left: 2px;
  251.  opacity: 0;
  252. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement