Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!---
- BASE CODE BY HAWTRONES
- CODED BY YOURS TRULY.
- --->
- <style type="text/css">
- /* FONTS */
- /* GASARA */
- @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
- /* DARLESTON */
- @font-face { font-family: "darleston"; src: url('https://dl.dropboxusercontent.com/s/pon2nz49g2gofuu/Darleston.otf') }
- /* ASPEX */
- @font-face{ font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF') }
- ::-webkit-scrollbar-thumb {
- height: auto;
- background-color: #be195b;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:4px;
- background-color: #ffffff;
- }
- body {
- background: #ffffff;
- background-image:url('http://i.imgur.com/k76VSr6.png');
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-position: bottom left;
- }
- a {
- text-decoration: none;
- outline: none;
- -moz-outline-style: none;
- color: #be195b;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;
- }
- a:hover {
- color: #e3cacf;
- text-shadow: -2px -2px 0px #e3cacf, 2px 2px 0px #e3cacf;
- opacity: 0;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;
- }
- img {
- border:none;
- }
- blockquote {
- margin-left: 10px;
- padding-left: 5px;
- border-left: 1px solid #be195b;
- border-bottom: 1px dotted #be195b;
- }
- blockquote blockquote {
- margin-left: 10px;
- padding-left: 5px;
- border-left: 1px solid #be195b;
- border-bottom: 1px dotted #be195b;
- }
- blockquote img {
- max-width: 190px !important;
- height: auto;
- opacity: 0.4;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- }
- blockquote img:hover {
- opacity: 0.7;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;
- -webkit-filter: grayscale(50%);
- filter: grayscale(50%);
- }
- blockquote blockquote img {
- max-width: 135px !important;
- height: auto;
- opacity: 0.4;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- }
- blockquote blockquote img:hover {
- opacity: 0.7;
- -webkit-transition: opacity 0.7s linear;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- transition: all 0.7s ease-out;
- -webkit-filter: grayscale(50%);
- filter: grayscale(50%);
- }
- h1, h2, h3 {
- font-family: "aspex";
- font-size: 20px;
- text-align: justify;
- color: #be195b;
- text-shadow: -2px -2px 0px #e3cacf;
- font-weight: 200;
- }
- img {
- border:none;
- }
- pre, code {
- color: #3e3e3e;
- font-family: "Gasara";
- font-size: 8px;
- line-height: 9px;
- word-wrap: break-word;
- background-color: #ffffff;
- padding: 3px;
- border-radius: 10px 0px 10px 0px;
- border-left: 1px solid #e3cacf;
- border-right: 1px solid #e3cacf;
- }
- /* POST WRAP */
- #wrapper {
- width:250px !important;
- float: right;
- margin-right: 150px;
- margin-top: 10px;
- height:100%;
- padding: 10px;
- }
- /* POST */
- .posts {
- border: 1px solid #e3cacf;
- padding: 10px;
- width: 250px;
- margin-bottom: 40px;
- word-wrap: break-word;
- font-family: "Calibri";
- font-size: 12px;
- color: #3e3e3e;
- line-height: 110%;
- text-align: justify;
- }
- .posts img {
- max-width: 245px;
- height: auto;
- opacity: .5;
- -webkit-filter: grayscale(100%);
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .posts img:hover {
- opacity: 1;
- -webkit-filter: grayscale(0%) !important;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- -webkit-filter: grayscale(0%);
- }
- .title {
- font-family: "Aspex";
- color: #be195b;
- font-size: 25px;
- line-height: 100%;
- text-align: justify;
- text-decoration: none;
- -moz-transition: all 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- .perma {
- width: auto !important;
- margin: 10px 0px 0px 0px;
- padding: 5px;
- color: #3e3e3e;
- font-family: "Gasara";
- font-size: 8px;
- line-height:100%;
- word-spacing:0;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- text-decoration:none;
- }
- .permapage {
- width:auto !important;
- margin:10px 0px 0px 0px;
- padding:5px;
- background-color: #e5e5e5;
- color: #3e3e3e;
- font-family: "Gasara";
- font-size: 8px;
- line-height: 100%;
- letter-spacing:1px;
- text-align:center;
- text-transform:uppercase;
- text-decoration:none;
- }
- .notes_wrapper {
- width: 250px;
- max-height: 200px !important;
- margin: -5px 0px 0px 0px;
- padding: 10px;
- overflow: auto;
- }
- .notes {
- margin: -5px 0px 0px -25px;
- word-wrap: break-word;
- display: inline-block;
- line-height: 100%;
- color: #3e3e3e;
- background-color: #e5e5e5;
- text-align: left;
- text-transform: auto;
- font-family: "Calibri";
- font-size:10px;
- letter-spacing:0;
- word-spacing:0;
- list-style-type:none;
- }
- .notes a{
- text-transform: uppercase;
- }
- .notes ul, ol {
- display:inline-block;
- }
- .notes li {
- margin-top:5px;
- }
- .notes img {
- display:none;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- -webkit-filter: grayscale(100%);
- opacity: .5;
- }
- .notes img:hover {
- -webkit-filter: grayscale(0%) !important;
- opacity: 1;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .read_more {
- padding:4px;
- background-color: #e5e5e5;
- text-align: center;
- }
- .text_post {
- max-height:350px;
- min-height:auto;
- background-color:transparent;
- overflow: auto;
- }
- .text_post::-webkit-scrollbar {
- width:3px;
- height:4px;
- min-height:1px;
- }
- .text_post::-webkit-scrollbar-track {
- background-color: #e5e5e5;
- }
- .text_post::-webkit-scrollbar-thumb {
- background-color: #be195b;
- }
- /* Asks */
- #asker {
- font-family: "Darleston";
- font-size: 40px;
- text-align: center;
- margin-bottom: 5px;
- border-bottom: 1px dotted #ffffff;
- }
- #question {
- background-color: #ffffff;
- padding: 5px;
- font-family: "Gasara";
- font-size: 8px;
- color: #3e3e3e;
- line-height: 10px;
- }
- /* Quotes */
- .quotes {
- width:auto !important;
- margin:0px 0px 5px 0px;
- padding:10px;
- font-family: "Darleston";
- font-size: 30px;
- color: #e3cacf;
- text-align:justify;
- line-height:100%;
- }
- .source {
- font-family: "Gasara";
- font-size: 8px;
- letter-spacing: 1px;
- text-align: right;
- }
- /* Chat */
- .chat {
- width: auto !important;
- }
- .even, .odd {
- color: #3e3e3e;
- padding:2px 10px 2px 10px;
- font-family: "Calibri";
- font-size:12px;
- line-height:100%;
- text-align:justify;
- }
- /* Audio */
- .audio {
- padding: 0;
- }
- .audio_container {
- overflow: hidden;
- position: relative;
- width: 100px;
- }
- .soundcloud_audio_player {
- width: 100%;
- }
- .tumblr_audio_player {
- width: 100%;
- }
- /* Images */
- .photo {
- max-width:100%;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- -webkit-filter: grayscale(100%);
- opacity: .5;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .photo:hover {
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- -webkit-filter: grayscale(0%) !important;
- opacity: 1;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- -webkit-filter: grayscale(0%);
- }
- .image img {
- max-width:100%;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- -webkit-filter: grayscale(100%);
- opacity: .5;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .video {
- max-width:250px !important;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- -webkit-filter: grayscale(100%);
- opacity: .5;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- .video:hover {
- opacity: 1;
- -webkit-filter: grayscale(0%);
- opacity: 1;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- transition:all 0.5s ease-in-out;
- }
- /* SIDEBAR */
- #sidebar {
- height: 400px;
- width: 250px;
- float: right;
- margin-left: 640px;
- margin-top: 200px;
- position: fixed;
- }
- .links {
- height: 400px;
- width: auto;
- margin-left: 135px;
- margin-top: -360px;
- font-family: "Aspex";
- font-size: 60px;
- line-height: 130%;
- font-weight: 800;
- color: #be195b;
- text-align: justify;
- text-shadow: 4px 4px 0px #e3cacf;
- }
- .links a:hover {
- color: #be195b;
- opacity: 1;
- text-shadow: -4px -4px 0px #e3cacf;
- }
- .buddy {
- margin-top: -30px;
- margin-left: 80px;
- height: 360px;
- width: 50px;
- }
- .buddy img {
- height: 45px;
- width: 45px;
- border-radius: 50%;
- }
- .buddy img:hover{
- opacity: 0.4 !important;
- }
- .descr {
- margin-left: 80px;
- margin-top: -30px;
- font-family: "Calibri";
- font-size: 10px;
- text-transform: uppercase;
- color: #be195b;
- width: 210px;
- line-height: 13px;
- height: auto;
- }
- #s-m-t-tooltip{
- max-width: 200px;
- margin-top: 15px;
- margin-left: 15px;
- padding: 3px;
- border-right: 1px dotted #e3cacf;
- border-bottom: 1px solid #e3cacf;
- border-radius: 0px 10px 0px 0px;
- z-index:9999999999999999999999;
- background-color:#e5e5e5;
- color: #3e3e3e;
- font-family: 'Gasara';
- text-align:justify;
- font-size: 8px;
- letter-spacing: 1px;
- text-transform:uppercase;
- box-shadow: 0px 0px 10px #e3cacf;
- -webkit-animation: wobble 700ms;
- }
- @keyframes wobble {
- 0% {
- -webkit-transform: translateX(0%);
- -ms-transform: translateX(0%);
- transform: translateX(0%);}
- 15% {
- -webkit-transform: translateX(-25%) rotate(-5deg);
- -ms-transform: translateX(-25%) rotate(-5deg);
- transform: translateX(-25%) rotate(-5deg);
- }
- 30% {
- -webkit-transform: translateX(20%) rotate(3deg);
- -ms-transform: translateX(20%) rotate(3deg);
- transform: translateX(20%) rotate(3deg);
- }
- 45% {
- -webkit-transform: translateX(-15%) rotate(-3deg);
- -ms-transform: translateX(-15%) rotate(-3deg);
- transform: translateX(-15%) rotate(-3deg);
- }
- 60% {
- -webkit-transform: translateX(10%) rotate(2deg);
- -ms-transform: translateX(10%) rotate(2deg);
- transform: translateX(10%) rotate(2deg);
- }
- 75% {
- -webkit-transform: translateX(-5%) rotate(-1deg);
- -ms-transform: translateX(-5%) rotate(-1deg);
- transform: translateX(-5%) rotate(-1deg);
- }
- 100% {
- -webkit-transform: translateX(0%);
- -ms-transform: translateX(0%);
- transform: translateX(0%);
- }
- }
- .wobble {
- -webkit-animation-name: wobble;
- animation-name: wobble;
- }
- @-webkit-keyframes bounce {
- 0% {-webkit-transform: scale(1);}
- 50% {-webkit-transform: scale(1.20);}
- 70% {-webkit-transform: scale(.9);}
- 100% {-webkit-transform: scale(1);}}
- {CustomCSS}
- </style>
- <!-- INFINITE SCROLL -->
- <script type="text/javascript" src="http://static.tumblr.com/nnl3g6g/vcCnyp3z7/infinitescrolling.js"></script>
- <!-- S-M-T-TOOLTIP JAVA -->
- <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <div id="sidebar">
- <div class="buddy">
- <marquee height=360 width=50 direction=up onmouseover="this.stop();" onmouseout="this.start();">
- <a href="" title="Christine"><img src="http://i.imgur.com/AfFpKDV.gif" /></a><br /><br />
- <a href="" title="is"><img src="http://i.imgur.com/8qsBTEj.gif" /></a><br /><br />
- <a href="" title="fucking"><img src="http://i.imgur.com/IsViNLX.gif" /></a><br /><br />
- <a href="" title="gorgeous"><img src="http://i.imgur.com/NJKPB00.gif" /></a><br /><br />
- <a href="" title="and"><img src="http://i.imgur.com/ca5nQOc.gif" /></a><br /><br />
- <a href="" title="i'm"><img src="http://i.imgur.com/4csJM05.gif" /></a><br /><br />
- <a href="" title="kinda"><img src="http://i.imgur.com/5gTGPZE.gif" /></a><br /><br />
- <a href="" title="gay."><img src="http://i.imgur.com/pQP1FxM.gif" /></a><br /><br />
- </marquee>
- </div>
- <div class="links">
- <a href="" title="">o1<i>!!</i></a>
- <a href="" title="">o2<i>!!</i></a>
- <a href="" title="">o3<i>!!</i></a>
- <a href="" title="">o4<i>!!</i></a>
- <a href="" title="">o5<i>!!</i></a>
- </div>
- <div class="descr"><p style="background-color: #e5e5e5;">A soft hearted gentleman, his sweet words too; Manly gentleman, his awkward words, make me want to know him more.</p></div>
- </div>
- <div class="autopagerize_page_element">
- <div id="wrapper">
- {block:Posts}
- <div class="posts">
- <!-- PHOTO POST -->
- {block:Photo}
- {LinkOpenTag}
- <div class="image"><img src="{PhotoURL-250}" /></div>
- {LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- <!-- PHOTOSET POST -->
- {block:Photoset}
- <div class="photo">{Photoset-250}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- <!-- VIDEO POST -->
- {block:Video}
- <div class="video">{Video-250}</div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- <!-- CHAT POST -->
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="chat">
- {block:Lines}
- <div class="{Alt}">
- {block:Label}<span style="color: #be195b; font-family: 'Aspex'; font-size: 10px;">{Label}</span>{/block:Label} {Line}</div>
- {/block:Lines}
- </div>
- {/block:Chat}
- <!-- QUOTE POST -->
- {block:Quote}
- <div class="quotes">{Quote}</div>
- {block:Source}<div class="source">{Source}</div>{/block:Source}
- {/block:Quote}
- <!-- LINK POST -->
- {block:Link}
- <a href="{URL}" target="_blank"><div class="title">{Name}</div></a>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- <!-- TEXT POST -->
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text_post">
- {Body}
- {block:More}<a href="{Permalink}"><div class="read_more">{text:Read More Title}</div></a>{/block:More}
- </div>
- {/block:Text}
- <!-- ASK POST -->
- {block:Answer}
- <div id="asker">{Asker}</div>
- <div id="question">{Question}</div>
- {Answer}
- {/block:Answer}
- <!-- AUDIO POST -->
- {block:Audio}
- <div class="audioContainer">
- {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <!-- POST PERMA -->
- {block:IndexPage}
- <div class="perma">
- {block:Date}<a href="{Permalink}" title="@ {12Hour}:{Minutes}{AmPm} with {NoteCountwithLabel}" >{MonthNumberWithZero}{DayOfMonthWithZero}{Year}</a>{/block:Date}
- {block:RebloggedFrom} × <a href="{ReblogParentURL}" title="{ReblogParentTitle}">via</a> ( <a href="{ReblogRootURL}" title="{ReblogRoottitle}">src</a> ){/block:RebloggedFrom} × <a href="{ReblogURL}" title="Reblog?">reblog</a> {block:HasTags} × <a title="{block:Tags} #{Tag}{/block:Tags}">tags</a>{/block:HasTags}
- </div>
- {/block:IndexPage}
- {block:PermaLinkPage}
- <div class="permapage">
- Posted On: {DayOfWeek}, {DayOfMonth} {Month} {Year}.
- {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> (<a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>)
- {/block:RebloggedFrom}</br>
- <span style="margin-top:5px; text-align:center; width:auto;">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags} </span>
- </div>
- {/block:PermalinkPage}
- </div> <!-- END OF POST DIV -->
- {block:PermaLinkPage}
- {block:PostNotes}
- <div class="notes_wrapper">
- <div class="notes">{PostNotes}</div>
- </div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement