Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- #music{position:fixed;
- top:100px;
- left:400px;
- z-index:99;
- }
- #music1{
- position:fixed;
- padding:2px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;}
- #music1:hover #music2{
- opacity:0.7;
- margin-top:-25px;
- z-index:-1;}
- #music1:hover #music3{
- opacity:0.7;
- margin-top:0px;
- z-index:99;}
- #music1:hover #musiclist{ opacity:1;}
- #music3{
- position:fixed;
- width:15px;
- height:15px;
- background-size: 15px;
- background-image: url('http://www.free-icons-download.net/images/grays-play-button-icon-17896.png');
- background-repeat: no-repeat;
- background-position: 50% 0%;
- padding-left:5px;
- padding-right:5px;
- z-index:99;
- margin-left:0px;
- overflow:hidden;
- background-color: #736495;
- opacity:1.0;}
- </style>
- <div id="music">
- <div id="music1">
- <div id="music3">
- <audio controls style="opacity: 0;"><source src="IF YOU WANT TO ADD A SONG, WILL HELP"></audio>
- </div>
- </div>
- </div>
- <style type="text/css">
- .pfor { display: none; }
- #profile { background-color: transparent; border: none; }
- </style>
- <style type="text/css">
- body {
- background-color: #fff;
- background-image: url(BACKGROUND PIC CAN GO HERE);
- background-attachment: fixed;
- background-position: center center;
- background-repeat: repeat;
- background-size: 1400px;
- font-family: Times New Roman;
- font-variant: normal;
- font-size: 70%;
- color: #000000;}
- ::-webkit-scrollbar {
- width: 3px;
- height: 0px;
- background: ;
- }
- ::-webkit-scrollbar-thumb {
- background-color: black;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- }
- a {color: #D77A00;
- text-decoration: none;
- }
- a:hover {color: black;
- 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: #637BB5; }
- i {
- color: #FF0000; }
- .abox {background-color:#fff; color: #000; font-size: 14px; font-family: calibri; text-align: justify; font-variant: small-caps; position: absolute; width:432; height:134; left: 435; top:425; letter-spacing:0px; line-height: 12px; padding: 5px; margin: 1px; overflow:auto; border:3px double black;}
- .navbar {Position: absolute; Height: 13px; Width: 282px; Left: 540; Bottom: 60; padding: 4px; z-index: 100;}
- .link1 {Position: absolute; Left: 20px; Border: solid 1px #000; Height: 10px; Width: 40px; Background-color: #fff; }
- .link2 {Position: absolute; Left: 70px; Border: solid 1px #000; Height: 10px; Width: 40px; Background-color: #fff; }
- .link3 {Position: absolute; Left: 120px; Border: solid 1px #000; Height: 10px; Width: 40px; Background-color: #fff; }
- .link4 {Position: absolute; Left: 170px; Border: solid 1px #000; Height: 10px; Width: 40px; Background-color: #fff; }
- .link1:hover {Background-color: #000;}
- .link2:hover {Background-color: #000;}
- .link3:hover {Background-color: #000;}
- .link4:hover {Background-color: #000;}
- .slide {Position: fixed; Height: 555555; Width: 555555; Top: -100px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
- .slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
- #title {position:absolute;
- color: black;
- left:230;
- top:140;
- }
- #icon img {
- position:absolute;
- bottom: 80px;
- left:430;
- -webkit-transition: opacity 1s ease-in-out;
- -moz-transition: opacity 1s ease-in-out;
- -o-transition: opacity 1s ease-in-out;
- transition: opacity 1s ease-in-out;
- border: 5px solid #717171;}
- #icon img.top:hover {
- opacity:0;}
- h2 {
- position: fixed;
- right: 10px;
- bottom: 0px;
- font-family: Arial;
- font-variant: normal;
- font-weight: normal;
- font-size: 100%;
- color: #000000;}
- </style>
- <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 id="icon">
- <img class="bottom" src="BACK PIC GOES HERE" height="500" width="450" />
- <img class="top" src="TOP PIC GOES HERE" height="500" width="450" />
- </div>
- <div id="1" class="slide">
- <div class="abox">
- Stat: <br>
- Stat: <br>
- Stat: <br>
- Stat: <br>
- Stat: <br>
- Stat: <br><br>
- <b><I>Flavor Text</b></i><br><br>
- Regular Text. Use for whatever.
- </div></div>
- <div id="2" class="slide">
- <div class="abox">
- <b><i>More Flavor Text</b></i><br><br>
- More information here, backstory, whatever.
- </div></div>
- <div id="3" class="slide">
- <div class="abox">
- 001.OOC <br>
- 002.OOC <br>
- 003.OOC <br>
- </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