Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!--- CODES BY @ARIZOUNAS | #2
- PAGE NAME: SOUND.
- hey there, this coding is not made
- for others to steal. use at your
- own free will, but don't redistribute
- as your own!
- --->
- <!--TOOL TIP-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <style type="text/css">
- /*TOOLTIP*/
- #s-m-t-tooltip {
- max-width:300px;
- opacity:1;
- padding:3px 4px 5px 4px;
- margin:-15px 0px -10px 10px;
- background-color:#ffffff;
- border:1px solid #f8f8f8;
- font-family:arial;
- font-size:9px;
- letter-spacing:0px;
- color:#8c8c8c;
- z-index:1000;
- }
- /*CURSOR*/
- *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
- /* SCROLLBAR */
- ::-webkit-scrollbar-thumb{
- background-color: #f0f0f0;
- border: 2px solid #ffffff;
- height:auto;
- }
- ::-webkit-scrollbar {
- height:2px;
- width:9px;
- background-color: #f0f0f0;
- border: 4px solid #ffffff;
- }
- /* ETC */
- body {
- background:#ffffff;
- margin:0px;
- color:#8c8c8c;
- font-family:calibri;
- font-size:9px;
- letter-spacing:0px;
- text-align:justify;
- }
- small, sub, sup {font-size:10px;}
- pre {
- font-family:arial;
- font-size:9px;
- text-transform:lowercase;
- letter-spacing:-1px;
- text-align:left;
- padding:6px;
- background-color:#f8f8f8;
- font-weight:bold;
- }
- code {
- font-family:arial;
- font-size:7px;
- width:auto;
- padding:3px;
- text-align:left;
- letter-spacing:1px;
- }
- a {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:#8c8c8c;
- }
- b, strong {
- color:#474747;
- }
- a:hover {
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- color:;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- cursor:url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
- }
- h1 {
- text-align:right;
- font-weight:normal;
- font-size:9px;
- text-transform:uppercase;
- font-family:arial;
- letter-spacing:1px;
- color:#656565;
- background-color:#fafafa;
- padding:5px;
- }
- h2 {
- text-align:right;
- font-weight:normal;
- font-size:7px;
- text-transform:uppercase;
- font-family:arial;
- letter-spacing:1px;
- color:#656565;
- background-color:#fafafa;
- padding:5px;
- margin-top:-16px;
- border-bottom:1px solid #f0f0f0;
- }
- /*HEADER*/
- #title {
- font-size:12px;
- font-family:arial;
- font-weight:bold;
- color:#000;
- margin-left:-100px;
- }
- #sidebar {
- position:absolute;
- margin-left:537px;
- width:500px;
- height:200px;
- margin-top:-300px;
- }
- #description {
- margin-top:425px;
- margin-left:0px;
- position:absolute;
- text-align:center;
- font-family:calibri;
- line-height:140%;
- width:500px;
- padding:8px;
- font-size:10px;
- text-transform:none;
- color:#8c8c8c;
- }
- #desc {
- width:500px;
- margin-left:0px;
- text-align:left;
- }
- #border {
- margin-left:-100px;
- width:700px;
- padding:4px;
- text-align:center;
- text-transform:lowercase;
- border-top:1px solid #f0f0f0;
- margin-top:-5px;
- }
- .links {
- width:500px;
- padding:4px;
- text-align:right;
- text-transform:lowercase;
- margin-top:-40px;
- margin-left:100px;
- }
- .links a {
- width:45px;
- display:inline-block;
- font-family:arial;
- padding:5px;
- margin:2px;
- font-size:9px;
- letter-spacing:1px;
- color:#8c8c8c;
- }
- .links a:hover {
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- opacity:.4;
- }
- .linkhover a::before,
- .linkhover a::after {
- display: inline-block;
- opacity: 0;
- -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
- -moz-transition: -moz-transform 0.3s, opacity 0.2s;
- transition: transform 0.3s, opacity 0.2s;
- }
- .linkhover a::before {
- padding-right:2px;
- content: '[';
- -webkit-transform: translateX(20px);
- -moz-transform: translateX(20px);
- transform: translateX(20px);
- }
- .linkhover a::after {
- padding-left:2px;
- content: ']';
- -webkit-transform: translateX(-20px);
- -moz-transform: translateX(-20px);
- transform: translateX(-20px);
- }
- .linkhover a:hover::before,
- .linkhover a:hover::after,
- .linkhover a:focus::before,
- .linkhover a:focus::after {
- opacity: 1;
- -webkit-transform: translateX(0px);
- -moz-transform: translateX(0px);
- transform: translateX(0px);
- }
- /*CHARACTERS*/
- #container {
- position:absolute;
- width:900px;
- margin-top:40px;
- margin-left:-198px;
- }
- #box {
- display:inline-block;
- width:160px;
- height:40px;
- margin:35px;
- }
- #box img {
- width 100px;
- height:100px;
- margin-top:0px;
- border:10px solid #fafafa;
- outline:1px solid #f5f5f5;
- margin-left:35px;
- }
- .info {
- height:90px;
- overflow:auto;
- text-align:justify;
- padding:2px;
- padding-bottom:5px;
- }
- .nlinks {
- width:160px;
- text-align:left;
- text-transform:lowercase;
- border-bottom:1px solid #f0f0f0;
- border-top:1px solid #f0f0f0;
- }
- .nlinks a {
- width:15px;
- display:inline-block;
- font-family:arial;
- padding:2px;
- margin:2px;
- font-size:9px;
- letter-spacing:1px;
- color:#8c8c8c;
- }
- .nlinks a:hover {
- display:inline-block;
- letter-spacing:1px;
- color:#000;
- }
- /*DON'T TOUCH*/
- iframe#tumblr_controls {
- white-space:nowrap; -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:.3;
- }
- {CustomCSS}</style></head><body>
- <div id="sidebar">
- <div id="description">
- <div id="desc">
- <div id="title">my characters</div><br>
- </div>
- <div class="links">
- <div class="linkhover">
- <a href="/" title="return">i. </a>
- <a href="/ask" title="ask">ii. </a>
- <a href="/nav" title="navigate">iii. </a>
- <a href="http://arizounas.tumblr.com/" title="credit">iv. </a>
- </div></ul></li></div>
- <div id="border"></div>
- <div style="text-align:left;margin-left:-100px;">
- description must be one line.
- </div>
- <div id="container">
- <!-- COPY FROM HERE -->
- <div id="box">
- <img src="http://static.tumblr.com/0137364e7118ccb7915c8c7fdcf28a04/2zfewaz/kannh66xd/tumblr_static_2ddxkfeicyskgk84wk0kkcwc0.png"/>
- <h1>LAST, FIRST.</h1>
- <h2>THE SOMETHING.</h2>
- <div class="info">
- <pre>AGE. LOCATION.</pre>
- ❝ so early in my life, i had learned that if you want something, you had better make some noise. ❞
- </div>
- <div class="nlinks">
- <a href="/tagged/">character.</a>
- <a href="/" title="active" style="margin-left:100px;">status.</a>
- </div>
- </div>
- <!-- TO HERE -->
- <!-- COPY FROM HERE -->
- <div id="box">
- <img src="http://static.tumblr.com/0137364e7118ccb7915c8c7fdcf28a04/2zfewaz/kannh66xd/tumblr_static_2ddxkfeicyskgk84wk0kkcwc0.png"/>
- <h1>LAST, FIRST.</h1>
- <h2>THE SOMETHING.</h2>
- <div class="info">
- <pre>AGE. LOCATION.</pre>
- ❝ so early in my life, i had learned that if you want something, you had better make some noise. ❞
- </div>
- <div class="nlinks">
- <a href="/tagged/">character.</a>
- <a href="/" title="active" style="margin-left:100px;">status.</a>
- </div>
- </div>
- <!-- TO HERE -->
- <!-- COPY FROM HERE -->
- <div id="box">
- <img src="http://static.tumblr.com/0137364e7118ccb7915c8c7fdcf28a04/2zfewaz/kannh66xd/tumblr_static_2ddxkfeicyskgk84wk0kkcwc0.png"/>
- <h1>LAST, FIRST.</h1>
- <h2>THE SOMETHING.</h2>
- <div class="info">
- <pre>AGE. LOCATION.</pre>
- ❝ so early in my life, i had learned that if you want something, you had better make some noise. ❞
- </div>
- <div class="nlinks">
- <a href="/tagged/">character.</a>
- <a href="/" title="active" style="margin-left:100px;">status.</a>
- </div>
- </div>
- <!-- TO HERE -->
- <!-- COPY FROM HERE -->
- <div id="box">
- <img src="http://static.tumblr.com/0137364e7118ccb7915c8c7fdcf28a04/2zfewaz/kannh66xd/tumblr_static_2ddxkfeicyskgk84wk0kkcwc0.png"/>
- <h1>LAST, FIRST.</h1>
- <h2>THE SOMETHING.</h2>
- <div class="info">
- <pre>AGE. LOCATION.</pre>
- ❝ so early in my life, i had learned that if you want something, you had better make some noise. ❞
- </div>
- <div class="nlinks">
- <a href="/tagged/">character.</a>
- <a href="/" title="active" style="margin-left:100px;">status.</a>
- </div>
- </div>
- <!-- TO HERE -->
- <!-- COPY FROM HERE -->
- <div id="box">
- <img src="http://static.tumblr.com/0137364e7118ccb7915c8c7fdcf28a04/2zfewaz/kannh66xd/tumblr_static_2ddxkfeicyskgk84wk0kkcwc0.png"/>
- <h1>LAST, FIRST.</h1>
- <h2>THE SOMETHING.</h2>
- <div class="info">
- <pre>AGE. LOCATION.</pre>
- ❝ so early in my life, i had learned that if you want something, you had better make some noise. ❞
- </div>
- <div class="nlinks">
- <a href="/tagged/">character.</a>
- <a href="/" title="active" style="margin-left:100px;">status.</a>
- </div>
- </div>
- <!-- TO HERE -->
- <!-- COPY FROM HERE -->
- <div id="box">
- <img src="http://static.tumblr.com/0137364e7118ccb7915c8c7fdcf28a04/2zfewaz/kannh66xd/tumblr_static_2ddxkfeicyskgk84wk0kkcwc0.png"/>
- <h1>LAST, FIRST.</h1>
- <h2>THE SOMETHING.</h2>
- <div class="info">
- <pre>AGE. LOCATION.</pre>
- ❝ so early in my life, i had learned that if you want something, you had better make some noise. ❞
- </div>
- <div class="nlinks">
- <a href="/tagged/">character.</a>
- <a href="/" title="active" style="margin-left:100px;">status.</a>
- </div>
- </div>
- <!-- TO HERE -->
- <!-- COPY FROM HERE -->
- <div id="box">
- <img src="http://static.tumblr.com/0137364e7118ccb7915c8c7fdcf28a04/2zfewaz/kannh66xd/tumblr_static_2ddxkfeicyskgk84wk0kkcwc0.png"/>
- <h1>LAST, FIRST.</h1>
- <h2>THE SOMETHING.</h2>
- <div class="info">
- <pre>AGE. LOCATION.</pre>
- ❝ so early in my life, i had learned that if you want something, you had better make some noise. ❞
- </div>
- <div class="nlinks">
- <a href="/tagged/">character.</a>
- <a href="/" title="active" style="margin-left:100px;">status.</a>
- </div>
- </div>
- <!-- TO HERE -->
- <!-- COPY FROM HERE -->
- <div id="box">
- <img src="http://static.tumblr.com/0137364e7118ccb7915c8c7fdcf28a04/2zfewaz/kannh66xd/tumblr_static_2ddxkfeicyskgk84wk0kkcwc0.png"/>
- <h1>LAST, FIRST.</h1>
- <h2>THE SOMETHING.</h2>
- <div class="info">
- <pre>AGE. LOCATION.</pre>
- ❝ so early in my life, i had learned that if you want something, you had better make some noise. ❞
- </div>
- <div class="nlinks">
- <a href="/tagged/">character.</a>
- <a href="/" title="active" style="margin-left:100px;">status.</a>
- </div>
- </div>
- <!-- TO HERE -->
- <!-- COPY FROM HERE -->
- <div id="box">
- <img src="http://static.tumblr.com/0137364e7118ccb7915c8c7fdcf28a04/2zfewaz/kannh66xd/tumblr_static_2ddxkfeicyskgk84wk0kkcwc0.png"/>
- <h1>LAST, FIRST.</h1>
- <h2>THE SOMETHING.</h2>
- <div class="info">
- <pre>AGE. LOCATION.</pre>
- ❝ so early in my life, i had learned that if you want something, you had better make some noise. ❞
- </div>
- <div class="nlinks">
- <a href="/tagged/">character.</a>
- <a href="/" title="active" style="margin-left:100px;">status.</a>
- </div>
- </div>
- <!-- TO HERE -->
- <br><br><br><br><br><br>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement