Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- .pfor { display: none; }
- #profile { background-color: transparent; border: none; }
- </style>
- <style type="text/css">
- body {
- background-color: #000;
- background-attachment: fixed;
- background-position: center center;
- background-repeat: repeat;
- background-size: auto;
- font-family: Times New Roman;
- font-variant: normal;
- font-size: 70%;
- color: #666666;}
- #pictureone {
- position: fixed;
- left: 30px;
- top: 30px;
- margin: 25px;}
- #picturetwo {
- position: fixed;
- left: 70px;
- bottom: 50px;
- margin: 25px;}
- .Box1{
- position:absolute;
- bottom: 350px;
- right:190px;
- height:186px;
- width:400px;
- border-radius:0px;
- background:url('http://24.media.tumblr.com/b755418c80c4c7faa5af83b753ddbf99/tumblr_mwvw7gTZA11sm6tixo1_500.gif');
- overflow:hidden;
- border-top: #8C0000 4px solid;
- border-left: #8C0000 4px solid;
- border-right: #802157 4px solid;
- border-bottom: #802157 4px solid;
- }
- .Box2{
- background: #7D0000;
- position:absolute;
- bottom: 350px;
- right: 125px;
- height:190px;
- width:50px;
- border-radius:0px;
- overflow:hidden;
- border: #802157 2px solid;
- }
- .Box3{
- background-color: #ffffff;
- position:absolute;
- background-size: 100%;
- bottom: 110px;
- left:-300%;
- height:200px;
- width:468px;
- border-radius:0px;
- overflow:auto;
- border:4px solid black;
- opacity: 0.0px;
- -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
- .Box3:target{left:768px; -webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; opacity: 1.0px;}
- a.yum, a.yum:link, a.yum:active, a.yum:visited {
- background-color: #000;
- border: #000 solid 2px;
- display: block;
- margin: 1px;
- font-family: consolas;
- font-size: 10px;
- letter-spacing: 2px;
- color: #7D0000;}
- a.yum:hover {
- display: block;
- margin: 1px;
- background-color: #000;
- border: #000 solid 2px;
- font-family: consolas;
- font-size: 10px;
- letter-spacing: 2px;
- color: #fff;
- }
- .poke{
- color:#505050;
- font-size:12px;
- text-align:center;
- font-family:pixel;
- margin: 2px;
- }
- .effect{
- height:186px;
- width:400px;
- background-color:#fff;
- filter: alpha(opacity=0);
- opacity: 0;
- border-radius:0px;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- .effect:hover{
- border-radius:0px;
- filter: alpha(opacity=100);
- opacity: 1;
- overflow:auto;
- }
- a.sinnoh:link, a.sinnoh:active, a.sinnoh:visited{
- display: block;
- float: left;
- width: 86px;
- margin-left: 7px;
- -moz-border-radius: 5px;
- border-radius: 2px;
- font-family: consolas;
- text-decoration: none;
- font-size: 10px!important;
- letter-spacing: 0px;
- background-color: bbb;
- color: 383838;
- padding: 2px;
- text-align: center!important;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- a.sinnoh:hover{background-color:f0e0b8;
- color:353535;
- text-decoration: none;}
- a href {
- text-decoration: underline;
- font-family:consolas;
- color: #505050;
- letter-spacing: -1px;
- }
- u {
- text-decoration: underline;
- font-family:consolas;
- color: #505050;
- letter-spacing: -1px;
- }
- b {
- color: #493c23;
- font-family:consolas;
- text-transform:none;
- letter-spacing: 2px;
- }
- a:active, a:link, a:visited{
- color:#464f82;
- text-transform:none;
- font-family:consolas;
- letter-spacing: 1px;
- text-decoration:none;
- transition:all 0.3s ease-out;
- -o-transition:all 0.3s ease-in-out;
- -moz-transition:all 0.3s ease-in-out;
- -webkit-transition:all 0.3s ease-in-out;
- }
- a:hover{
- cursor:help;
- color:#260000;
- text-decoration:none;
- transition:all 0.3s ease-out;
- -o-transition:all 0.3s ease-in-out;
- -moz-transition:all 0.3s ease-in-out;
- -webkit-transition:all 0.3s ease-in-out;
- }
- ::-webkit-scrollbar {width: 4px;}
- ::-webkit-scrollbar-thumb:vertical {
- height: 10px;background-color: #a8a8a8;}
- ::-webkit-scrollbar-thumb:horizontal {
- height: 10px;background-color: #a8a8a8;border: 0px ;width: 15px;}
- </style>
- <div id="pictureone">
- <img src="http://cache3.asset-cache.net/xd/113747650.jpg?v=1&c=IWSAsset&k=2&d=62CA815BFB1CE4800722C871935D0F5C4E7679DD01108BC6B764517A31316C6208ECCDBDB9DDD23A
- " class="image" width="auto;" height="auto;"></div>
- <div id="picturetwo">
- <img src="http://r72.cooltext.com/rendered/cooltext150109914862182.png
- " class="image" width="auto;" height="auto;"></div>
- <div class="Box1">
- <div class="effect">
- <div class="poke">
- <big><i>OOC</i></big>
- <br><br>
- </div>
- </div>
- </div>
- <div class="Box2">
- <br>
- <a href="#one" title="Stats" class="yum">F</a>
- <br>
- <a href="#two" title="History" class="yum">U</a>
- <br>
- <a href="#three" title="Powers" class="yum">C</a>
- <br>
- <a href="#four" title="Friends" class="yum">K</a>
- <br>
- <a href="#five" title="Trivia" class="yum">M</a>
- <br>
- <a href="#" title="Reset" class="yum">E</a>
- </div>
- <div id="one" class="Box3">
- <center><img src="https://media.giphy.com/media/T8dXxh6h2I1i/giphy.gif" width="300" border="3"></center>
- <b><i>“Stuff”</i></b>
- <br><br>
- </div>
- <div id="two" class="Box3">
- <b><i>""</b></i>
- <br><br><br>
- </div>
- <div id="three" class="Box3">
- <b><i>""</b></i>
- <br><br><br>
- </div>
- <div id="four" class="Box3">
- <b><I>"huh"</b></I>
- <br><br><br>
- </div>
- <div id="five" class="Box3">
- <b><i>Stuff here</b></i>
- <br><br><br>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement