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 url(https://fonts.googleapis.com/css?family=Satisfy);
- body { background-color: #D4D4D4; background-image: url(http://romanticallyapocalyptic.com/art/alt/4d-high.jpg); background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
- ::-webkit-scrollbar-track {background-color:#fff;}
- ::-webkit-scrollbar-thumb {background-color:#000; border:3px solid #fff;}
- ::-webkit-scrollbar {width:11px;height:5px;}
- a {color: #A60000; 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;}
- .stats1 { position:absolute; bottom: 30%; left: 20%; height:285px; width:220px; border-radius:0px; background:url('http://static.zerochan.net/Matsuno.Ichimatsu.full.1995702.jpg'); background-size: 100% 100%; overflow:hidden; border:1px solid black; }
- .stats2 { position:absolute; bottom: 30%; left: 40%; height:285px; width:220px; border-radius:0px; background:url('http://static.zerochan.net/Pixiv.Id.1438752.full.1355179.jpg'); background-size: 100% 100%; overflow:hidden; border:1px solid black; }
- .stats3 { position:absolute; bottom: 30%; left: 60%; height:285px; width:220px; border-radius:0px; background:url('http://s1.zerochan.net/Dark.Konoha.600.1872730.jpg'); background-size: 100% 100%; overflow:hidden; border:1px solid black; }
- .poke{ color:#505050; font-size:12px; font-family: 'Rationale', Sans-serif; margin: 2px; }
- .effect{ height:290px; width:220px; 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; }
- .curses { position: fixed; background-color: #fff; border:1px #000 solid; overflow: auto; width: 360; height: 175; bottom: 1%; left: 20%; padding: 5px; text-align: justify; font-size: 11px; font-family: 'rationale', sans-serif; color: #000; line-height: 14px;}
- .exist { position: fixed; background-color: #fff; border:1px #000 solid; overflow: auto; width: 360; height: 175; bottom: 1%; left: 49%; padding: 5px; text-align: justify; font-size: 11px; font-family: 'rationale', sans-serif; color: #000; line-height: 14px;}
- h1 { Color: #000; font-family: 'Satisfy', cursive; Border-left: 15px double #83BFB1; Border-right: 15px double #83BFB1; Border-bottom: 1px solid black; font-size:12px; text-align: center; Text-Shadow: #878487 2px 1px 1px; Margin-top: 3px;}
- </style>
- <div class="stats1"><div class="effect"><div class="poke">
- <h1>Box Header</h1>
- Stat. <font style=float:right>Input Info</font>
- </div></div></div>
- <div class="stats2"><div class="effect"><div class="poke">
- <h1>Box Header</h1>
- Stat. <font style=float:right>Input Info</font>
- </div></div></div>
- <div class="stats3"><div class="effect"><div class="poke">
- <h1>Box Header</h1>
- Stat. <font style=float:right>Input Info</font>
- </div></div></div>
- <div class="curses">
- Words and the like. Friend stuff goes here.
- </div>
- <div class="exist">
- Out of Character stuff.
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement