Advertisement
LadyDarkness

Chelsey's new code

Jul 2nd, 2017
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.41 KB | None | 0 0
  1. <style type="text/css">
  2. @import url(http://fonts.googleapis.com/css?family=Pacifico);
  3.  
  4. .pfor {display: none;}
  5. #profile {background-color: transparent; border: 0px;}
  6. ::-webkit-scrollbar-thumb:vertical {background: transparent; border: 1px solid #000; border-radius: 90px; height: 100px;}
  7. ::-webkit-scrollbar-thumb:horizontal {background-color: #000000; width: 5px; height: 100px !important;}
  8. ::-webkit-scrollbar {height: 1px; width: 5px; background-color: #fff;}
  9.  
  10. body {background-image: url(); background-color: #615f5f; cursor: default;}
  11.  
  12.  
  13. .box1 { font-size: 10px; Font-Color: #fff;Border: 7px solid #a81107; background-image: url(http://i.picpar.com/HCyc.jpg); background-size: 100% 100%; text-align: left; height: 36%; width: 30%; overflow: hidden; Position: fixed; left: 4%; top: 4%; overflow: auto; z-index: 20;}
  14.  
  15. .box2 { font-size: 10px; Color: #fff;Border: 7px solid #a81107; background:#262626; text-align: left; height: 16%; width: 30%; overflow: hidden; Position: fixed; left: 4%; top: 49%; overflow: auto; z-index: 20;}
  16.  
  17. .box3 { font-size: 10px; Color: #fff;Border: 7px solid #a81107; background: #262626; text-align: left; height: 16%; width: 30%; overflow: hidden; Position: fixed; left: 4%; top: 76%; overflow: auto; z-index: 20;}
  18.  
  19. .box4 { font-size: 10px; Color: #fff;Border: 7px solid #a81107; background: #262626; text-align: left; height: 39%; width: 30%; overflow: hidden; Position: fixed; right: 4%; top: 4%; overflow: auto; z-index: 20;}
  20.  
  21. .box5 { font-size: 10px; Color: #fff;Border: 7px solid #a81107; background: #262626; text-align: left; height: 39%; width: 23%; overflow: auto; Position: fixed; right: 37.7%; top: 53%; overflow: auto; z-index: 20;}
  22.  
  23. .box6 { font-size: 10px; Color: #fff;Border: 7px solid #a81107; background: #262626; text-align: left; height: 42%; width: 30%; overflow: auto; Position: fixed; right: 4%; top: 50%; overflow: auto; z-index: 20;}
  24.  
  25. .gallery {Position: absolute; Top: 20%; Left: 35%; Background: transparent; Overflow: hidden; Height: 15%; Width: 30%;}
  26.  
  27. .gal {Border: dotted 1px #000; Height: 90%; Width: 30%; transition: all .5s ease-in-out;}
  28. .gal:hover {Border-radius: 100% 100%; transition: all .5s ease-in-out;}
  29.  
  30. a {text-decoration: none;}
  31. a {color: #8c180f;
  32.  
  33. transition: all .5s ease-in-out;
  34. -webkit-transition: all .5s ease-in-out;
  35. -moz-transition: all .5s ease-in-out;
  36. -o-transition: all .5s ease-in-out;
  37. -ms-transition: all .5s ease-in-out;}
  38.  
  39. a:hover {color: #8C7E6C;
  40.  
  41. transition: all .5s ease-in-out;
  42. -webkit-transition: all .5s ease-in-out;
  43. -moz-transition: all .5s ease-in-out;
  44. -o-transition: all .5s ease-in-out;
  45. -ms-transition: all .5s ease-in-out;}
  46.  
  47.  
  48.  
  49. h1 {Text-align: center;
  50. font: normal 12px 'lucida console';
  51. color: #6D7B8D;
  52. border-bottom: 1px solid #bf362c;
  53. text-shadow: 0px 0px 3px #bf362c;
  54. filter: dropshadow(color=#3399FF, offx=0, offy=0);
  55. opacity: 0.9; }
  56.  
  57. B{
  58. font-size: 12px;
  59.  
  60.  
  61. color: #8c180f;
  62.  
  63. Text-Shadow: #fff 2px 1px 1px;}
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70. I{ Color: #fff; font-decoration: none; letter-spacing: 1px; text-shadow: 1px 1px 2px #8c180f,
  71. 1px -1px 2px #8c180f,
  72. -1px 1px 2px #69349d,
  73. -1px -1px 2px #69349d;
  74.  
  75. }
  76.  
  77.  
  78.  
  79. </style>
  80.  
  81. <div class="box1"></div>
  82.  
  83. <div class="box2">
  84. <h1>Friends and Family</h1>
  85. <i> Friends: None <i/> <br>
  86. <i> Family: None <i/> <br>
  87. <a href="" TArget="_balnk">link</a>
  88. </div>
  89.  
  90. <div class="box3">
  91. <h1>Alternative Forms</h1>
  92. <i> two <i/> <br>
  93. <a href="" TArget="_balnk">link</a> </div>
  94.  
  95. <div class="box4">
  96. <h1>Stats</h1>
  97. <i>Name: <i/> <br>
  98. <i>Age: <i/> <br>
  99. <i>Race: <i/> <br>
  100. <i>Status: <i/> <br>
  101. <i>Sexuality: <i/> <br>
  102. <i>Likes: <i/> <br>
  103. <i>Dislikes: <i/> <br>
  104. <a href="" TArget="_balnk">link</a> </div></div>
  105.  
  106. <div class="box5">
  107. <h1>OOC</h1>
  108. three<br>
  109. <a href="" TArget="_balnk">link</a> </div></div>
  110.  
  111. <div class="box6">
  112. <h1>History</h1>
  113. <i>five<i/><br>
  114. <a href="" TArget="_balnk">link</a></div></div>
  115.  
  116. <div class="gallery">
  117. <Center>
  118. <a href="http://i.picpar.com/wCyc.jpg" Target="_blank"><img class="gal" src="http://i.picpar.com/wCyc.jpg"</div></a>
  119.  
  120. <a href="http://i.picpar.com/BCyc.jpg" Target="_blank"><img class="gal" src="http://i.picpar.com/BCyc.jpg"</div></a>
  121.  
  122. <a href="http://i.picpar.com/JCyc.jpg" Target="_blank"><img class="gal" src="http://i.picpar.com/JCyc.jpg"</div></a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement