Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
- <html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- </head>
- <meta name="image:bg" content="" />
- <meta name="image:side" content="" />
- <style type="text/css">
- iframe#tumblr_controls {
- margin: 0px 100px 0px 0px;
- right: 0px !important;
- position: fixed !important;
- white-space: nowrap;
- opacity: 0.5;
- transition: .8s ease-in-out;
- -webkit-transition: .8s ease-in-out;
- -moz-transition: .8s ease-in-out;
- -o-transition: .8s ease-in-out; }
- iframe#tumblr_controls:hover {
- white-space: nowrap;
- opacity: 0.8; }
- body {
- background: url('{image:bg}') no-repeat top left;
- background-size: auto;
- margin: 0;
- padding: 0;
- height: auto;
- font-family: ;
- font-size: 10px;
- color: #fff;
- text-align: justify;
- overflow: hidden; }
- ::-webkit-scrollbar-thumb {
- background-color: #fff;
- border: 3px solid #555;
- height: 0px; }
- ::-webkit-scrollbar {
- height: 0px;
- width: 9px;
- background-color: #fff;
- border: 4px solid #555; }
- sub, sup, small {
- font-size: 10px; }
- big, h1 {
- font-size: 11px;
- line-height: 11px; }
- a {
- color: #ccc;
- text-decoration: none; }
- figure {
- max-width: 100%; }
- blockquote {
- margin: 2px 0px 2px 5px;
- padding: 0px 0px 0px 5px;
- border-left: 1px solid #aaa; }
- hr {
- background: rgba(255,255,255,0.5);
- width: 80%;
- height: 1px;
- border: none; }
- .side {
- position: absolute;
- top: 0px;
- left: 0px;
- height: auto; }
- .g1 {
- background: #111; }
- #ask {
- background: #222; }
- .ask {
- display: none;
- position: relative;
- float: right;
- clear: both;
- background: #222;
- margin: 25px 102px 0px 0px;
- padding: 10px;
- width: 250px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- z-index: 0; }
- #sub {
- background: #333; }
- .sub {
- display: none;
- position: relative;
- float: right;
- clear: both;
- background: #333;
- margin: 25px 102px 0px 0px;
- padding: 10px;
- width: 250px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- z-index: 0; }
- #abt {
- background: #444; }
- .abt {
- display: none;
- position: relative;
- float: right;
- clear: both;
- background: #444;
- margin: 25px 102px 0px 0px;
- padding: 10px 10px 10px 10px;
- width: 250px;
- max-height: 300px;
- color: #fff;
- text-align: center;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- z-index: 0; }
- .abt a {
- color: #fff;
- text-decoration: none;
- font-weight: bold; }
- .abt small {
- font-size: 10px; }
- #tag {
- background: #555; }
- .tag {
- display: none;
- position: relative;
- float: right;
- clear: both;
- background: #555;
- margin: 25px 102px 0px 0px;
- padding: 10px 10px 10px 10px;
- width: 250px;
- max-height: 300px;
- color: #fff;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- z-index: 0; }
- .tag a {
- color: #fff;
- text-decoration: none;
- font-weight: bold; }
- #ooc {
- background: #666; }
- .ooc {
- display: none;
- position: relative;
- float: right;
- clear: both;
- background: #666;
- margin: 25px 102px 0px 0px;
- padding: 10px 10px 10px 10px;
- width: 250px;
- max-height: 300px;
- color: #fff;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- z-index: 0; }
- .ooc a {
- color: #fff;
- text-decoration: none;
- font-weight: bold; }
- #app {
- background: #777; }
- .app {
- display: none;
- position: relative;
- float: right;
- clear: both;
- background: #777;
- margin: 25px 102px 0px 0px;
- padding: 10px 10px 10px 10px;
- width: 250px;
- max-height: 300px;
- color: #fff;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- overflow: auto;
- z-index: 0; }
- .y {
- position: relative;
- top: 40%;
- transform: translateY(-60%); }
- .links {
- position: absolute;
- top: 0px;
- bottom: 0px;
- right: 0;
- margin: auto;
- width: 100px;
- height: 100%;
- z-index: 1; }
- .links a {
- display: block;
- margin: 0px 0px 0px 0px;
- padding: 1px 0px 0px 0px;
- height: 14.2%;
- text-align: center;
- color: rgba(255,255,255,0.3);
- text-decoration: none;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out; }
- .links a:hover {
- color: #fff; }
- #container {
- position: absolute;
- top: 0px;
- left: 455px;
- background: rgba(255,255,255,0.3);
- padding: 0px 10px 0px 10px;
- width: 400px;
- height: 100%;
- overflow: auto;
- z-index: 2; }
- .posts {
- background: rgba(0,0,0,0.7);
- margin: 10px 0px 10px 0px;
- padding: 6px 10px 4px 10px;
- -webkit-border-top-left-radius: 10px;
- -webkit-border-top-right-radius: 10px;
- -moz-border-radius-topleft: 10px;
- -moz-border-radius-topright: 10px;
- border-top-left-radius: 10px;
- border-top-right-radius: 10px; }
- .perma {
- background: rgba(0,0,0,0.7);
- margin: -10px 0px 0px 0px;
- padding: 0px 10px 10px 10px;
- -webkit-border-bottom-right-radius: 10px;
- -webkit-border-bottom-left-radius: 10px;
- -moz-border-radius-bottomright: 10px;
- -moz-border-radius-bottomleft: 10px;
- border-bottom-right-radius: 10px;
- border-bottom-left-radius: 10px; }
- .tags {
- float: right;
- width: 50%;
- text-align: right; }
- .playerbuttonbg {
- position: absolute;
- left: 20px;
- top: 20px;
- width: 19px;
- height: 19px;
- background-color: #fff;
- padding: 10px;
- -webkit-border-radius: 40px;
- -moz-border-radius: 40px;
- border-radius: 40px;
- opacity: .4;
- filter: alpha(opacity=40);
- -moz-opacity: 0.4;
- -khtml-opacity: 0.4;
- transition: opacity .7s ease-in-out;
- -moz-transition: opacity .7s ease-in-out;
- -webkit-transition: opacity .7s ease-in-out; }
- .playerbuttonbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1; }
- .newplayerbutton {
- position: relative;
- margin: -2px 0px 0px 0px;
- width: 25px;
- height: 25px;
- overflow: hidden; }
- .playerbuttonhug {
- position: absolute;
- top: -33px;
- left: -14px; }
- .tumblr_audio_player {
- height: 90px;
- width: 270px; }
- .audioimgwrapper {
- position: absolute;
- left: 0px;
- top: 0px;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- overflow: hidden;
- width: 79px;
- height: 79px; }
- .audioimgwrapper img {
- width: 100%;
- height: auto;
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px; }
- .trackdetails {
- width: auto;
- display: inline-block;
- margin: 15px 0px 0px 90px;
- min-height: 65px; }
- .audiowrapper {
- position: relative;
- display: inline-block; }
- .convo li {
- list-style: none;
- margin: 0px 0px 0px -40px;
- padding: 0px; }
- .convo ul {
- list-style: none;
- padding: 0px; }
- .convo .label {
- text-transform: uppercase; }
- .line_odd .label {
- color: #ccc;
- font-weight: bold; }
- .line_even .label {
- color: #aaa;
- font-weight: bold; }
- .asker {
- display: block;
- width: 65px;
- margin: 0px auto 0px auto; }
- .asker img {
- position: absolute;
- margin: -20px 0px -20px 0px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- z-index: 999; }
- .user {
- float: left;
- padding: 2px 0px 0px 202px; }
- .question {
- padding: 0px 0px 24px 0px;
- border-bottom: 1px dashed rgba(255,255,255,0.3); }
- .answer {
- padding: 22px 0px 0px 0px; }
- </style>
- <body>
- <div class="links">
- <a href="/" class="g1"><span class="y"> refresh </span></a>
- <a class="g2" id="ask"><span class="y"> message </span></a>
- <a class="g3" id="sub"><span class="y"> submission </span></a>
- <a class="g4" id="abt"><span class="y"> about </span></a>
- <a class="g5" id="tag"><span class="y"> tags </span></a>
- <a class="g6" id="ooc"><span class="y"> ooc </span></a>
- <a class="g7" id="app"><span class="y"> app </span></a>
- </div>
- <div class="ask">
- <iframe frameborder="0" scrolling="no" width="250" height="260"
- src="http://www.tumblr.com/ask_form/URLHERE.tumblr.com"
- style="background-color:transparent; overflow:hidden;"
- id="ask_form"></iframe>
- <!--[if IE]><script type="text/javascript">
- document.getElementById('ask_form').allowTransparency=true;
- </script><![endif]-->
- </div>
- <div class="sub">
- <iframe frameborder="0" border="0" scrolling="no" width="250"
- height="400" allowtransparency="true"
- src="http://www.tumblr.com/submit_form/URLHERE.tumblr.com">
- </iframe>
- </div>
- <div class="abt">
- PUT YOUR DESCRIPTION HERE
- </div>
- <div class="tag">
- PUT YOUR TAGS HERE
- </div>
- <div class="ooc">
- PUT W/E YOU WANT HERE
- </div>
- <div class="app">
- <b>ooc contact:</b>
- <blockquote>
- OOC CONTACTS
- </blockquote>
- <br>
- <b>name</b>:
- <blockquote>
- Eren Yeager
- </blockquote>
- <br>
- <b>series</b>:
- <blockquote>
- Attack on Titan
- </blockquote>
- <br>
- <b>age</b>:
- <blockquote>
- 16
- </blockquote>
- <br>
- <b>gender</b>:
- <blockquote>
- Male
- </blockquote>
- <br>
- <b>housing</b>:
- <blockquote>
- <b>age range</b>: -- <br>
- <b>gender</b>: -- <br>
- <b>fated</b>: Levi Ackerman
- </blockquote>
- <br>
- <b>personality</b>:
- <blockquote>
- PERSONALITY GOES HERE
- </blockquote>
- <br>
- <b>powers</b>:
- <blockquote>
- POWERS HERE
- </blockquote>
- <br>
- <b>extra</b>:
- <blockquote>
- OOC NOTES
- </blockquote>
- </div>
- <img src="{image:side}" class="side">
- <div id="container">
- {block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <div class="posts">
- {block:Text}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- {body}
- {/block:Text}
- {block:Chat}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <ul class="convo">
- {block:Lines}
- <li class="line_{Alt}">
- {block:Label}
- <span class="label">
- {Label}
- </span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Audio}
- {block:AudioPlayer}
- <div class="audiowrapper">
- {block:AlbumArt}
- <div class="audioimgwrapper">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="playerbuttonbg">
- <div class="newplayerbutton">
- <div class="playerbuttonhug">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="trackdetails">
- {block:TrackName}
- {TrackName}
- {/block:TrackName}
- <br>
- {block:Artist}
- Artist: {Artist}
- {/block:Artist}
- <br>
- {block:Album}
- Album: {Album}
- {/block:Album}
- <br>
- {PlayCountWithLabel}
- </div>
- </div>
- {/block:AudioPlayer}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Audio}
- {block:Answer}
- <div class="question">
- {Question}
- </div>
- <div class="asker">
- <img src="{AskerPortraitURL-40}">
- </div>
- <div class="user">
- {Asker}
- </div>
- <div class="answer">
- {Answer}
- </div>
- {/block:Answer}
- </div>
- <div class="perma">
- <hr>
- {block:Date}
- {ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix},
- {Year} at {12HourWithZero}:{Minutes} {CapitalAmPm}
- with <a href="{Permalink}">{NoteCountWithLabel}</a>
- {/block:Date}
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- #<a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {/block:Posts}
- </div>
- </body>
- <script src="http://static.tumblr.com/46nub40/EHPnr407y/ask.txt"></script>
- <script src="http://static.tumblr.com/46nub40/e3Gnr41vo/sub.txt"></script>
- <script src="http://static.tumblr.com/46nub40/jhTnr41wh/abt.txt"></script>
- <script src="http://static.tumblr.com/46nub40/2oCnr41x0/tag.txt"></script>
- <script src="http://static.tumblr.com/46nub40/GVHnr420j/ooc.txt"></script>
- <script src="http://static.tumblr.com/46nub40/Eetnr4215/app.txt"></script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement