Advertisement
A_Bad_Bitch

aaoтa

Aug 5th, 2016
924
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.13 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. @import url(https://fonts.googleapis.com/css?family=Poiret+One);
  4.  
  5. body {
  6.  
  7. background-color: #fff;
  8. background-image: url(http://www.snazzyspace.com/defaultimages/000000_light-grey-vintage.gif);
  9. background-attachment: fixed;
  10. background-position: center center;
  11. background-repeat: repeat;
  12. background-size: auto;
  13. font-family: Times New Roman;
  14. font-variant: normal;
  15. font-size: 70%;
  16. color: #666666;}
  17.  
  18. ::-webkit-scrollbar-track {background-color:#fff;}
  19. ::-webkit-scrollbar-thumb {background-color:#000; border:3px solid #fff;}
  20. ::-webkit-scrollbar {width:11px;height:5px;}
  21.  
  22. a {color: #A60000; text-decoration: none; }
  23.  
  24. a:hover {color: black; text-decoration: line-through;
  25. cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
  26. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
  27.  
  28. #content{ position:fixed; top:35%; left:50%; margin-left:-600px; width:600px; height:300px; padding:10px; border:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; border-bottom-left-radius:70px; border-bottom-right-radius:70px; }
  29.  
  30. #topinfo{ width:490px; float:left; font-family:calibri; margin-top:43px; margin-left:63px; font-size:12px; font-weight:bold; color:#565656;}
  31.  
  32. .toptitle{ font-family: calibri; text-transform:uppercase; letter-spacing:0px; font-size:11px; font-weight:none; color:#888; }
  33.  
  34. #bottominfo{ width:490px; float:left; font-family:calibri; margin-top:175px; margin-left:67px; font-size:12px; font-weight:bold; color:#565656;}
  35.  
  36. .bottomtitle{ font-family: calibri; text-transform:uppercase; letter-spacing:0px; font-size:11px; font-weight:none; color:#888; }
  37.  
  38. #about { position:absolute; margin-top:60px; margin-left:65px; width:450px; height:150px; border:1px solid #e4e4e4; padding:8px; font-family:calibri; font-size:11px; line-height:110%; color:#565656; overflow:auto; }
  39.  
  40. #bottom_img{ position:absolute; background-image:url('MAIN GIF HERE'); height:135px; width:620px; margin-top:85px; margin-left: 75px; border-top-left-radius:70px; border-top-right-radius:70px; border: 1px #ddd solid; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
  41.  
  42. #about b, strong { color:#D96C00; font-weight:bold; }
  43.  
  44. #about i, em { color:#C958A9; font-style:italic;}
  45.  
  46. #mainpic { position:fixed; left:900px; top:0px; }
  47.  
  48. .abox {background-color:#fff; color:#565656; font-size: 11px; font-family: Calibri; text-align: justify; position: absolute; width:461; height:160; left: -193; top:303; letter-spacing:0px; line-height: 110%; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #ddd;}
  49.  
  50. .navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left:40; Top: 115; padding: 4px; z-index: 100;}
  51.  
  52. .link1 {Position: absolute; Left: 10px; Border: double 4px #000; Height: 10px; Width: 10px; background-color: #A60000; border-radius: 50%;}
  53.  
  54. .link2 {Position: absolute; Left: 10px; Border: double 4px #000; Height: 10px; Width: 10px; background-color: #A60000; border-radius: 50%;}
  55.  
  56. .link3 {Position: absolute; Left: 10px; Border: double 4px #000; Height: 10px; Width: 10px; background-color: #A60000; border-radius: 50%;}
  57.  
  58. .link1:hover {Background-color: #D96C00;}
  59. .link2:hover {Background-color: #D96C00;}
  60. .link3:hover {Background-color: #D96C00;}
  61.  
  62. .slide {Position: fixed; Height: 555555; Width: 555555; Top: -10px; Left: 350; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  63.  
  64. .slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
  65.  
  66. h1 { Color: #000; font-family: 'Poiret One', cursive; text-align: center; font-size:15px; Margin-top: 3px; Border-left: 15px double #AD0000 ; Border-right: 15px double #AD0000 ;}
  67.  
  68. h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #fff;}
  69. </style>
  70.  
  71. <div id="bottom_img"></div>
  72.  
  73. <div id="content">
  74.  
  75. <div id="topinfo">
  76. <span class="toptitle">stat:</span> info 
  77. <span class="toptitle">stat:</span> info
  78. <span class="toptitle">stat:</span> info
  79. <span class="toptitle">stat:</span> info 
  80. <span class="toptitle">stat:</span> info  
  81. <span class="toptitle">stat:</span> info
  82. </div>
  83.  
  84. <div id="bottominfo">
  85. <span class="bottomtitle">stat:</span> info  
  86. <span class="bottomtitle">stat:</span> info
  87. <span class="bottomtitle">stat:</span> info
  88. <span class="bottomtitle">stat:</span> info
  89. <span class="bottomtitle">stat:</span> info
  90. <span class="bottomtitle">stat:</span> info
  91. </div>
  92.  
  93. <div id="mainpic">
  94. <img src="RENDER" height="100%" width="100%">
  95. </div>
  96.  
  97. <div id="about">
  98.  
  99.  
  100. </div>
  101.  
  102. <div class="navbar">
  103. <a class="link1" href="#1"></a><br><br>
  104. <a class="link2" href="#2"></a><br><br>
  105. <a class="link3" href="#3"></a>
  106. </div></div>
  107.  
  108. <div id="1" class="slide">
  109. <div class="abox">
  110.  
  111. </div></div>
  112.  
  113. <div id="2" class="slide">
  114. <div class="abox">
  115.  
  116. </div></div>
  117.  
  118. <h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank">A Bad Bitch</a></h2>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement