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=Kalam);
- @import url('https://fonts.googleapis.com/css?family=Monda');
- @import url('https://fonts.googleapis.com/css?family=Orbitron');
- ::-webkit-scrollbar { width: 4px; }
- ::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
- ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #A5CAEB; }
- body {
- background-image: url("http://i.imgur.com/PeOc2al.gif");
- background-repeat: repeat;
- background-color: #00C685;
- background-size: ;
- background-position: bottom right;
- margin: 0;
- }
- @font-face{
- src:url(https://dl.dropboxusercontent.com/s/l8xn18qqbo3jn2z/Stylish%20Calligraphy%20Demo.ttf);
- font-family:'Stylish';}
- .name{position: absolute;
- z-index:50;
- right: 0%;
- top: -10%;
- color: #00C685;
- text-shadow: -2px 0 #fff, 0 -2px #fff,-2px 0 #fff, 0 -2px #fff;
- font-family: Orbitron;
- line-height:00px;
- text-align:center;
- font-size: 3vw;
- letter-spacing: 0vw;}
- #frame {
- z-index: 3;
- background: url();
- background-size: 100% 100%;
- background-position: bottom left;
- background-repeat: repeat;
- position: absolute;
- box-shadow:0px 0px 20px #;
- background-color:#000;
- border: 20px solid #1A1A1A;
- top: 20%;
- left: 26%;
- height: 45%;
- width: 45%;
- opacity: 1;
- }
- .content {position: absolute;
- z-index: -1;
- left: 0%;
- top:7%;
- border: 1px solid #;
- border-radius: 0px 0px 0px 0px;
- height:83%;
- width:55%;
- background-color:#;
- overflow-x:auto;
- overflow-y:auto;
- font-family:Monda;
- font-size:13px;
- line-height:15px;
- padding:3px;
- opacity:0;
- color:#ddd;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -ms-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;}
- .content:target{position: absolute;
- z-index: 3;
- opacity:1;
- left: 7%;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -ms-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;}
- .tab1 { z-index:99; position: absolute; top: -20%; left: 0%; width: 10%; height: 20%; border-radius: 0%;background-color: #;border:2px solid #;background: url(http://i.imgur.com/LGTEew6.png);
- background-size: 100% 100%;-webkit-animation-name: spin;-webkit-animation-duration:8000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin;
- -moz-animation-duration: 5000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 5000ms;
- -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-transition: rotate(3600deg);transition: all 1s ease;-webkit-transition: all 1 ease;-moz-transition: all 1s ease;
- -o-transition all 1s ease;z-index: 2;}
- @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
- .tab2 { z-index:99; position: absolute; top: -20%; left:8%; width: 10%; height: 20%; border-radius: 0%;background-color: #;border:2px solid #;background: url(http://i.imgur.com/60GINko.png);
- background-size: 100% 100%;-webkit-animation-name: spin;-webkit-animation-duration:9000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin;
- -moz-animation-duration: 5000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 5000ms;
- -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-transition: rotate(3600deg);transition: all 1s ease;-webkit-transition: all 1 ease;-moz-transition: all 1s ease;
- -o-transition all 1s ease;z-index: 2;}
- @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
- .tab3 { z-index:99; position: absolute; top: -20%; left: 16%; width: 10%; height: 20%; border-radius: 0%;background-color: #;border:2px solid #;background: url(http://i.imgur.com/LGTEew6.png);
- background-size: 100% 100%;-webkit-animation-name: spin;-webkit-animation-duration:10000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin;
- -moz-animation-duration: 5000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 5000ms;
- -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-transition: rotate(3600deg);transition: all 1s ease;-webkit-transition: all 1 ease;-moz-transition: all 1s ease;
- -o-transition all 1s ease;z-index: 2;}
- @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
- .tab4 { z-index:99; position: absolute; top: -20%; left: 24%; width: 10%; height: 20%; border-radius: 0%;background-color: #;border:2px solid #;background: url(http://i.imgur.com/60GINko.png);
- background-size: 100% 100%;-webkit-animation-name: spin;-webkit-animation-duration:7000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin;
- -moz-animation-duration: 5000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 5000ms;
- -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-transition: rotate(3600deg);transition: all 1s ease;-webkit-transition: all 1 ease;-moz-transition: all 1s ease;
- -o-transition all 1s ease;z-index: 2;}
- @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
- .tab5 { z-index:99; position: absolute; top:-20%; left: 32%; width: 10%; height: 20%; border-radius: 0%;background-color: #;border:2px solid #;background: url(http://i.imgur.com/LGTEew6.png);
- background-size: 100% 100%;-webkit-animation-name: spin;-webkit-animation-duration:12000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin;
- -moz-animation-duration: 5000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 5000ms;
- -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-transition: rotate(3600deg);transition: all 1s ease;-webkit-transition: all 1 ease;-moz-transition: all 1s ease;
- -o-transition all 1s ease;z-index: 2;}
- @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);}}
- h1 {width: 100%; height: auto; font-size: 15px;font-family:Orbitron;margin-top:10px; margin-bottom: 5px; text-align: center; border-bottom: 1px solid #; color: #00C685;}
- b { color: #00C685;}
- a {color: #00C685; text-decoration: none; }
- a:hover {color: blue; text-decoration: line-through;
- cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
- </style>
- <img src="http://i.imgur.com/vGPXPpQ.png" height="100%" style="position:absolute;bottom:0%; right: 5%;z-index:6;">
- <div id="frame">
- <div class="name">
- Cosmic Daddy
- </div>
- <a href="#1"><div class="tab1"></div></a>
- <a href="#2"><div class="tab2"></div></a>
- <a href="#3"><div class="tab3"></div></a>
- <a href="#4"><div class="tab4"></div></a>
- <a href="#Reset"><div class="tab5"></div></a>
- <div id="1" class="content">
- <h1>Stats</h1>
- Words <b>Bold</b> <i>Italics</i> <a target="_blank" href="Url here" target="_blank">Link</a>
- </div>
- <div id="2" class="content">
- <h1>History</h1>
- </div>
- <div id="3" class="content">
- <h1>Friends</h1>
- <center>
- <a target="_blank" href="https://2.roleplay.chat/profile.php?user=Name here" target="_blank" title="Words"><img src=" " class="circle" width="50" height="70" border="1px solid #000000" title="Words"></a><br>
- Description here.
- <br><br>
- <a target="_blank" href="https://2.roleplay.chat/profile.php?user=Name here" target="_blank" title="Words"><img src=" " class="circle" width="50" height="70" border="1px solid #000000" title="Words"></a><br>
- Description here.
- <br><br>
- <a target="_blank" href="https://2.roleplay.chat/profile.php?user=Name here" target="_blank" title="Words"><img src=" " class="circle" width="50" height="70" border="1px solid #000000" title="Words"></a><br>
- Description here.
- <br><br>
- <a target="_blank" href="https://2.roleplay.chat/profile.php?user=Name here" target="_blank" title="Words"><img src=" " class="circle" width="50" height="70" border="1px solid #000000" title="Words"></a><br>
- Description here.
- <br><br>
- <a target="_blank" href="https://2.roleplay.chat/profile.php?user=Name here" target="_blank" title="Words"><img src=" " class="circle" width="50" height="70" border="1px solid #000000" title="Words"></a><br>
- Description here.
- <br><br>
- <a target="_blank" href="https://2.roleplay.chat/profile.php?user=Name here" target="_blank" title="Words"><img src=" " class="circle" width="50" height="70" border="1px solid #000000" title="Words"></a><br>
- Description here.
- <br><br>
- <a target="_blank" href="https://2.roleplay.chat/profile.php?user=Name here" target="_blank" title="Words"><img src=" " class="circle" width="50" height="70" border="1px solid #000000" title="Words"></a><br>
- Description here.
- <br><br>
- <a target="_blank" href="https://2.roleplay.chat/profile.php?user=Name here" target="_blank" title="Words"><img src=" " class="circle" width="50" height="70" border="1px solid #000000" title="Words"></a><br>
- Description here.
- <br><br>
- </center>
- </div>
- <div id="4" class="content">
- <h1>Out of Character</h1>
- <ul>
- <li><b>Note:</b> Profile made by <a target="_blank" href="https://roleplay.chat/profile.php?user=Pachi" target="_blank">Pachi</a>. Please do not steal. Ask for a profile or permission to use.
- <li>OOC here
- <li>OOC here
- <li>OOC here
- <li>OOC here
- <li>OOC here
- <li>OOC here
- <li>OOC here
- <li>OOC here
- </ul>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement