Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic|Rationale);
- @import 'https://fonts.googleapis.com/css?family=Satisfy|Yellowtail';
- body {background-color: #141414; background-image: url(); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: auto;}
- ::-webkit-scrollbar {width: 2px; height: 0px; background: ; }
- ::-webkit-scrollbar-thumb {background-color: white;-webkit-border-radius: 10px;border-radius: 10px;}
- a {color: #B8232F; text-decoration: none; }
- a:hover {color: white; text-decoration: line-through;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
- *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
- b {color: #A289B0; }
- #bar { position: fixed; top: 35%; left: 27%; height: 205px; width: 600px; background-color: #2B2B2B; overflow: auto; z-index: -3; }
- #bar2 { position: fixed; top: 28%; left: 27%; height: 40px; width: 400px; background-color: #2B2B2B; overflow: auto; z-index: -3; }
- #deadly { position:fixed; left: 28%; top: 36%; height: 180px; width: 180px; border: 1px solid #2B2B2B; z-index: 2; Padding: 5px; background-color: #141414; border-radius: 50%;}
- .sin { background-color: #141414; position: fixed; border:1px #2B2B2B solid; overflow: auto; width: 365; height: 184; top: 36%; left: 43%; padding: 3px; text-align: justify; font-size: 12px; font-family: 'rationale', sans-serif; color: #fff; line-height: 14px; z-index: 1;}
- #title{ position:fixed; top: 28.3%; left: 27.3%; height: 30px; width: 500px; text-align: left; font-family: 'Yellowtail', cursive; font-size: 30px; color: #141414; z-index:999; }
- .abox { background-color: #141414; color: #fff; font-size: 12px; font-family: 'rationale', sans-serif; text-align: justify; position: absolute; width:365; height:184; left: 376; top:237; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #2B2B2B;}
- .navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 57%; top: 28.5%; padding: 4px; z-index: 1000;}
- .link1 {Position: absolute; Left: 10px; Border: solid 1px #2B2B2B; Height: 25px; Width: 25px; background-color: #2B2B2B; border-radius: 50%;}
- .link2 {Position: absolute; Left: 55px; Border: solid 1px #2B2B2B; Height: 25px; Width: 25px; background-color: #2B2B2B; border-radius: 50%;}
- .link3 {Position: absolute; Left: 100px; Border: solid 1px #2B2B2B; Height: 25px; Width: 25px; background-color: #2B2B2B; border-radius: 50%;}
- .link4 {Position: absolute; Left: 145px; Border: solid 1px #2B2B2B; Height: 25px; Width: 25px; background-color: #2B2B2B; border-radius: 50%;}
- .link1:hover {Background-color: #141414;}
- .link2:hover {Background-color: #141414;}
- .link3:hover {Background-color: #141414;}
- .link4:hover {Background-color: #141414;}
- .slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; Left: -350; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
- .slide:target {Left: 210; Opacity: 1; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
- h1 { Color: #fff; font-family: 'Yellowtail', cursive; Border-left: 15px double #fff; Border-right: 15px double #fff; font-size:15px; text-align: center; Text-Shadow: #878487 2px 1px 1px; Margin-top: 0px;}
- h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #000000;}
- </style>
- <div id="bar"></div><div id="bar2"></div>
- <div id="title">Don't close your eyes... Not yet.</div>
- <div id="deadly"><img src="IMAGE LINK" height="100%" width="100%" style="border-radius: 50%"></div>
- <div class="sin">
- </div>
- <div class="navbar">
- <a class="link1" href="#1"></a>
- <a class="link2" href="#2"></a>
- <a class="link3" href="#3"></a>
- <a class="link4" href="#4"></a>
- </div></div>
- <div id="1" class="slide">
- <div class="abox">
- </div></div>
- <div id="2" class="slide">
- <div class="abox">
- </div></div>
- <div id="3" class="slide">
- <div class="abox">
- </div></div>
- <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