Advertisement
A_Bad_Bitch

Just A Random Layout

Mar 27th, 2016
1,540
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.36 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Sacramento);
  4.  
  5.  
  6. .pfor { display: none; }
  7. #profile { background-color: transparent; border: none; }
  8. </style>
  9.  
  10. <style type="text/css">
  11.  
  12. body {
  13.  
  14. background-color: #fff;
  15. background-image: url(http://36.media.tumblr.com/ede2d137e59ffd404860a2316214bff4/tumblr_nndq70jAtP1qcdtsho1_1280.jpg);
  16. background-attachment: fixed;
  17. background-position: center center;
  18. background-repeat: repeat;
  19. background-size: auto;
  20. font-family: Times New Roman;
  21. font-variant: normal;
  22. font-size: 70%;
  23. color: #666666;}
  24.  
  25. ::-webkit-scrollbar {
  26. width: 3px;
  27. height: 0px;
  28. background: ;
  29. }
  30.  
  31. ::-webkit-scrollbar-thumb {
  32. background-color: white;
  33. -webkit-border-radius: 10px;
  34. border-radius: 10px;
  35. }
  36.  
  37. a {color: #ff0000;
  38. text-decoration: none;
  39. }
  40.  
  41. a:hover {color: white;
  42. text-decoration: none;
  43. cursor:
  44. url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
  45. }
  46.  
  47. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  48. }
  49.  
  50. .abox {background-color:#fff; color: #000; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width: 300; height: 195; top: 170px; left: 475px; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px solid #000; letter-spacing: 1px;}
  51.  
  52. .bbox {background-color:#fff; color: #000; font-size: 12px; font-family: Calibri; text-align: justify; position: absolute; width: 300; height: 183; top: 437px; left: 475px; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px solid #000; letter-spacing: 1px;}
  53.  
  54.  
  55. .navbar {Background-color: ; Position: absolute; Height: 16px; Width: 325px; left: 500; Top: 405px; padding: 4px; z-index: 100;}
  56.  
  57. .link1 {Position: absolute; Left: 40px; Border: double 3px #000; Height: 8px; Width: 15px; background-color: #DDDDDD; }
  58. .link2 {Position: absolute; Left: 105px; Border: double 3px #000; Height: 8px; Width: 15px; background-color: #DDDDDD; }
  59. .link3 {Position: absolute; Left: 170px; Border: double 3px #000; Height: 8px; Width: 15px; background-color: #DDDDDD; }
  60. .link4 {Position: absolute; Left: 235px; Border: double 3px #000; Height: 8px; Width: 15px; background-color: #DDDDDD; }
  61.  
  62. .link1:hover {Background-color: #fff; border: double 3px #000;}
  63. .link2:hover {Background-color: #fff; border: double 3px #000;}
  64. .link3:hover {Background-color: #fff; border: double 3px #000;}
  65. .link4:hover {Background-color: #fff; border: double 3px #000;}
  66.  
  67. .slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  68.  
  69. .slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  70. #title {position:absolute;
  71. color: black;
  72. font-size:70;
  73. font-family: Calibri;
  74. left:230;
  75. top:140;
  76. }
  77.  
  78. #title{ position:fixed; top: 120px;left: 130px; text-align: left; font-family: Sacramento; text-shadow: 3px 3px 1px #fff; font-size:45px; color: #000; z-index:999; }
  79.  
  80. #bar { position: fixed; top: 400px; left: 130px; height: 30px; width: 672px; border: 1px #000 solid; background-color: #000; overflow: auto; opacity: 0.9; z-index: -3; }
  81.  
  82. #mainfuckinimage { position:fixed; left: 130px; top: 170px; border: 5px solid black;}
  83.  
  84. h2 {
  85.  
  86. position: fixed;
  87. right: 10px;
  88. bottom: 0px;
  89. font-family: Arial;
  90. font-variant: normal;
  91. font-weight: normal;
  92. font-size: 100%;
  93. color: #FFFFFF;}
  94. </style>
  95.  
  96. <div id="title">
  97. A semi-short title
  98. </div>
  99.  
  100. <div id="bar">
  101. </div>
  102.  
  103. <div id="mainfuckinimage">
  104. <img src="IMG LINK HERE" class="image" height="470px;" width="330px;">
  105. </div>
  106.  
  107. <div class="navbar">
  108. <a class="link1" href="#1"></a>
  109. <a class="link2" href="#2"></a>
  110. <a class="link3" href="#3"></a>
  111. <a class="link4" href="#4"></a>
  112. </div></div>
  113.  
  114. <div id="1" class="slide">
  115. <div class="abox">
  116.  
  117.  
  118.  
  119. </div>
  120.  
  121. <div class="bbox">
  122.  
  123.  
  124.  
  125. </div></div>
  126.  
  127. <div id="2" class="slide">
  128. <div class="abox">
  129.  
  130.  
  131.  
  132. </div>
  133.  
  134. <div class="bbox">
  135.  
  136.  
  137.  
  138. </div></div>
  139.  
  140. <div id="3" class="slide">
  141. <div class="abox">
  142.  
  143.  
  144.  
  145. </div>
  146.  
  147. <div class="bbox">
  148.  
  149.  
  150.  
  151. </div></div></div>
  152.  
  153. <h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement