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>
- <html>
- <title>{Title}</title>
- <!-
- ___________________________________________________________________________
- BUXOS THEME BY NOCTOS @ TUMBLR
- ___________________________________________________________________________
- - INSTALLATION -
- - copy this code.
- - go to the customization page.
- - click use custom html.
- - select all text there, delete it, and paste this code.
- - click restore defults.
- - click save, leave the page, come back, and customize under appearence.
- ---------------------------------------------------------------------------
- - ! D I S C L A I M E R ! -
- - please do NOT use this theme as a base.
- - please do NOT remove credits.
- - please ENJOY the theme.
- ___________________________________________________________________________
- -!>
- <link rel="shortcut icon" href="{Favicon}">
- <meta name="image:background" content="" />
- <meta name="image:sidebar" content="http://static.tumblr.com/eeodjxz/RRPm124q5/sdhgjfkjhdsfkhds.jpg" />
- <meta name="color:background" content="#fafafa" />
- <meta name="color:post BG" content="#fff" />
- <meta name="color:links" content="#8f8f8f" />
- <meta name="color:links hover" content="#eee" />
- <meta name="color:text" content="#777" />
- <meta name="color:titles" content="#000">
- <meta name="color:bordering" content="#eee" />
- <meta name="color:perma BG" content="#000" />
- <meta name="color:perma TXT" content="#fff" />
- <meta name="color:perma BG hover" content="#fff" />
- <meta name="color:perma TXT hover" content="#000" />
- <meta name="color:side BG" content="#fff" />
- <meta name="color:main title" content="#000" />
- <meta name="color:side links TXT" content="#777" />
- <meta name="color:side links border" content="#777" />
- <meta name="text:font size" content="9px" />
- <meta name="text:font" content="cambria" />
- <meta name="if:endless scroll" content="1" />
- <meta name="if:show captions" content="0" />
- <meta name="if:250px posts" content="0" />
- <meta name="if:400px posts" content="1" />
- <meta name="if:500px posts" content="0" />
- <meta name="if:shadows on post" content="0" />
- <meta name="text:link one" content="" />
- <meta name="text:link one title" content="" />
- <meta name="text:link two" content="" />
- <meta name="text:link two title" content="" />
- <meta name="text:link three" content="" />
- <meta name="text:link three title" content="" />
- <meta name="text:link four" content="" />
- <meta name="text:link four title" content="" />
- <meta name="text:link five" content="" />
- <meta name="text:link five title" content="" />
- {block:ifendlessscroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:ifendlessscroll}
- <style>
- ::-webkit-scrollbar-thumb:vertical {background-color:#000;height:75px;width:3px;}
- ::-webkit-scrollbar {height:0px;width:3px;background-color:#ffffff; padding:2px;}
- iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
- body {
- background-image: url('{image:background}');
- background-attachment:fixed;
- font-family:{text:font};
- color:{color:text};
- font-size:{text:font size};
- background-color:{color:background};
- }
- a {
- text-decoration:none;
- color:{color:links};
- -webkit-transition: all 0.6s ease-in;
- -moz-transition: all 0.6s ease-in;
- -o-transition: all 0.6s ease-in;
- }
- a:hover {
- color:{color:links hover};
- }
- blockquote {
- padding:3px;
- padding-left:10px;
- padding-right:10px;
- border-left:1px solid #000;
- text-align:left;
- }
- h1 {
- font-family:sonstantia;
- font-weight:lighter;
- font-size:14px;
- text-transform:uppercase;
- letter-spacing:-1px;
- color:{color:titles};
- border-bottom:1px solid {color:bordering};
- }
- h1 a {
- color:{color:titles};
- }
- .audi img {
- max-width:100px;
- overflow:hidden;
- float:left;
- margin-right:5px;
- }
- #content {
- margin-left:365px;
- width:432px;
- {block:permalinkpage}
- width:532px;
- {/block:permalinkpage}
- }
- .post {
- {block:indexpage}
- padding:25px;
- padding-top:15px;
- padding-bottom:12px;
- border:1px solid {color:bordering};
- overflow:hidden;
- text-align:justify;
- margin-bottom:15px;
- {block:ifshadowsonpost}
- -moz-box-shadow: 1.5px 1.5px 3px #eee;
- -webkit-box-shadow: 1.5px 1.5px 3px #eee;
- box-shadow: 1.5px 1.5px 3px #eee;
- {/block:ifshadowsonpost}
- {/block:indexpage}
- {block:permalinkpage}
- padding:10px;
- float:left;
- text-align:justify;
- margin-bottom:5px;
- {/block:permalinkpage}
- background-color:{color:post BG};
- {block:IndexPage}
- {block:if250pxposts}
- width:250px;
- {/block:if250pxposts}
- {block:if400pxposts}
- width:400px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:500px;
- {/block:if500pxposts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- .permbox {
- position:absolute;
- {block:if250pxposts}
- width:250px;
- {/block:if250pxposts}
- {block:if400pxposts}
- width:400px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:500px;
- {/block:if500pxposts}
- opacity:0;
- -webkit-transition: all 0.75s ease-out;
- -moz-transition: all 0.75s ease-out;
- -o-transition: all 0.75s ease-out;
- }
- .post:hover .permbox {
- opacity:1;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- }
- .permalink {
- padding:8px;
- padding-top:6px;
- opacity:0.9;
- font-size:9px;
- background-color:{color:perma BG};
- color:{color:perma TXT};
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- }
- .permalink:hover {
- background-color:{color:perma BG hover};
- color:{color:perma TXT hover};
- }
- {block:permalinkpage}
- .permbox, .permalink {
- display:none;
- }
- {/block:permalinkpage}
- #prmpg {
- float:left;
- width:490px;
- padding:15px;
- padding-bottom:0px;
- margin-top:-15px;
- background-color:{color:post BG};
- z-index:999;
- }
- #not {
- width:485px;
- float:left;
- background-color:{color:post BG};
- }
- #not img {
- width:0px;
- height:0px;
- }
- li.not {
- padding:2px;
- margin:3px;
- list-style:decimal;
- }
- {block:permalinkpage}
- .line {
- position:fixed;top:-10px;
- right:40%;
- height:110%;
- margin-right:558px;
- border-left:1px solid {color:bordering};
- }
- {/block:permalinkpage}
- .pgna {
- text-align:center;
- margin-top:15px;
- font-size:25px;
- }
- #left {
- padding-left:70px;
- width:250px;
- position:fixed;
- left:-10px;
- top:-10px;
- height:110%;
- border-right:3px solid {color:bordering};
- background-color:{color:side BG};
- }
- .img {
- width:140px;
- padding:15px;
- padding-left:25px;
- padding-right:25px;
- overflow:hidden;
- background-color:{color:side BG};
- border:1px solid {color:bordering};
- }
- .img img {
- width:140px;
- }
- .dscrp {
- line-height:9px;
- font-size:9px;
- text-align:center;
- width:152px;
- margin:15px;
- margin-bottom:0px;
- padding:5px;
- border-top:1px solid {color:bordering};
- }
- .lnk {
- width:190px;
- padding-top:15px;
- font-family:consolas;
- text-transform:uppercase;
- font-size:8px;
- text-align:center;
- border-top:1px solid {color:bordering};
- }
- .lnk a {
- opacity:0.6;
- padding-left:2px;
- padding-right:2px;
- border-bottom:1px solid transparent;
- color:{color:side links TXT};
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- }
- .lnk a:hover {
- opacity:1;
- border-bottom:1px solid {color:side links border};
- }
- </style>
- </head>
- <body>
- <div id="left">
- <div style="position:fixed;top:70px;">
- <div style="width:192px;text-align:center;margin-bottom:8px;"><a style="font-size:11px;color:{color:main title};text-transform:uppercase;letter-spacing:-1px;" href="/" title="index">{title}</a></div>
- <div class="img">
- <a href="/" title="{title}"><img src="{image:sidebar}"></a>
- </div>
- <div class="dscrp">
- {description}
- </div>
- <div class="lnk">
- <a href="/" title="home">index</a>
- <a href="/ask" title="ask">ask</a>
- <a href="http://yyume.tumblr.com/" title="main blog">main blog</a>
- {block:iflinkone}
- <a href="{text:link one}" title="{text:link one title}">{text:link one title}</a>
- {/block:iflinkone}
- {block:iflinktwo}
- <a href="{text:link two}" title="{text:link two title}">{text:link two title}</a>
- {/block:iflinktwo}
- {block:iflinkthree}
- <a href="{text:link three}" title="{text:link three title}">{text:link three title}</a>
- {/block:iflinkthree}
- {block:iflinkfour}
- <a href="{text:link four}" title="{text:link four title}">{text:link four title}</a>
- {/block:iflinkfour}
- {block:iflinkfive}
- <a href="{text:link five}" title="{text:link five title}">{text:link five title}</a>
- {/block:iflinkfive}
- </div>
- {block:ifnotendlessscroll}
- <div class="pgna">
- {block:previouspage}
- <a href="{previouspage}" title="previous page">«</a>
- {/block:previouspage}
- {block:nextpage}
- <a href="{nextpage}" title="next page">»</a>
- {/block:nextpage}
- </div>
- <center>
- <i>{currentpage} / {totalpages}</center></i>
- {/block:ifnotendlessscroll}
- </div>
- </div>
- <a style="position:fixed;right:7px;bottom:5px;font-family:consolas;font-size:8px;text-transform:uppercase;opacity:0.5;color:#777;" href="http://noctos.tumblr.com" title="theme by noctos">★</a>
- <div style="height:5px;"></div>
- <div id="content">
- {block:posts}
- {block:text}
- <div class="post">
- <div class="permbox">
- <div class="permalink">
- {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
- <br>
- {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
- </div>
- </div>
- {block:title}
- <h1><a href="{Permalink}">{title}</a></h1>
- {/block:title}
- <div style="margin-top:-7px;">
- {body}
- </div>
- {block:ifshowcaptions}
- {block:caption}
- {caption}
- {/block:caption}
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:permalinkpage}
- {caption}
- {/block:permalinkpage}
- {/block:ifnotshowcaptions}
- </div>
- {/block:text}
- {block:quote}
- <div class="post">
- <div class="permbox">
- <div class="permalink">
- {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
- <br>
- {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
- </div>
- </div>
- "{quote}"
- <div style="margin-top:3px;border-bottom:1px solid {color:bordering};"></div>
- <div style="margin-top:3px;text-align:right;font-style:italic;padding-right:10px;">{block:Source}{Source}{/block:Source}</div>
- {block:ifshowcaptions}
- {block:caption}
- {caption}
- {/block:caption}
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:permalinkpage}
- {caption}
- {/block:permalinkpage}
- {/block:ifnotshowcaptions}
- </div>
- {/block:quote}
- {block:photo}
- <div class="post">
- <div class="permbox">
- <div class="permalink">
- {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
- <br>
- {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
- </div>
- </div>
- {LinkOpenTag}<meta name="{PhotoAlt}" content="{PhotoAlt}"/>
- {block:indexpage}
- {block:if250pxposts}
- <img src="{PhotoURL-250}">
- {/block:if250pxposts}
- {block:if400pxposts}
- <img style="width:400px;" src="{PhotoURL-500}">
- {/block:if400pxposts}
- {block:if500pxposts}
- <img src="{PhotoURL-500}">
- {/block:if500pxposts}
- {/block:indexpage}
- {block:permalinkpage}
- <img src="{PhotoURL-500}">
- {/block:permalinkpage}
- {linkCloseTag}
- {block:ifshowcaptions}
- {block:caption}
- {caption}
- {/block:caption}
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:permalinkpage}
- {caption}
- {/block:permalinkpage}
- {/block:ifnotshowcaptions}
- </div>
- {/block:photo}
- {block:link}
- <div class="post">
- <div class="permbox">
- <div class="permalink">
- {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
- <br>
- {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
- </div>
- </div>
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:description}
- <div style="margin-top:-7px;">
- {description}
- </div>
- {/block:description}
- {block:ifshowcaptions}
- {block:caption}
- {caption}
- {/block:caption}
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:permalinkpage}
- {caption}
- {/block:permalinkpage}
- {/block:ifnotshowcaptions}
- </div>
- {/block:link}
- {block:Photoset}
- <div class="post">
- <div class="permbox">
- <div class="permalink">
- {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
- <br>
- {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
- </div>
- </div>
- {block:IndexPage}
- {block:If250pxposts}
- {photoset-250}
- {/block:If250pxposts}
- {block:If400pxposts}
- {photoset-400}
- {/block:If400pxposts}
- {block:If500pxposts}
- {photoset-500}
- {/block:If500pxposts}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {/block:PermalinkPage}
- {block:ifshowcaptions}
- {block:caption}
- {caption}
- {/block:caption}
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:permalinkpage}
- {caption}
- {/block:permalinkpage}
- {/block:ifnotshowcaptions}
- </div>
- {/block:Photoset}
- {block:audio}
- <div class="post">
- <div class="permbox">
- <div class="permalink">
- {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
- <br>
- {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
- </div>
- </div>
- <div style="width:100%; background-color:#000;">{audioplayerblack}</div>
- {block:indexpage}
- <div style="margin-top:5px; padding-top:5px; border-top:1px solid {color:bordering};">
- {block:albumart}
- <div class="audi"><img src="{albumartURL}"></div>
- {/block:albumart}
- <div style="float:left; border-left:1px solid {color:bordering}; padding-left:5px;">
- {block:artist}
- {artist}
- {/block:artist}
- <br>
- {block:album}
- {album}
- {/block:album}
- <br>
- {block:trackname}
- {trackname}
- {/block:trackname}
- <br>
- </div>
- <div style="{block:if250pxposts}width:58%;{/block:if250pxposts}{block:if400pxposts}width:73%;{/block:if400pxposts}{block:if500pxposts}width:78%;{/block:if500pxposts}margin-top:5px;float:left;border-top:1px solid {color:bordering};">
- <div style="float:left;border-left:1px solid {color:bordering}; margin-top:5px;padding-top:2px;padding-left:5px;">
- <div style="margin-top:-2px;"></div>
- {playcountwithlabel}
- </div>
- </div>
- </div>
- {/block:indexpage}
- {block:permalinkpage}
- <br>
- {block:albumart}
- <div class="audi">
- <img src="{albumarturl}">
- </div>
- {/block:albumart}
- <div styl="float:left;">
- {playcountwithlabel}
- <br>
- {block:artist}
- {artist}
- {/block:artist}
- <br>
- {block:album}
- {album}
- {/block:album}
- <br>
- {block:trackname}
- {trackname}
- {/block:trackname}
- <br>
- </div>
- {/block:permalinkpage}
- {block:ifshowcaptions}
- {block:caption}
- {caption}
- {/block:caption}
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:permalinkpage}
- <div style="float:left;">
- {caption}
- </div>
- {/block:permalinkpage}
- {/block:ifnotshowcaptions}
- </div>
- {/block:audio}
- {block:chat}
- <div class="post">
- <div class="permbox">
- <div class="permalink">
- {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
- <br>
- {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
- </div>
- </div>
- <ul>
- {block:Lines}
- <li class="person">
- {block:Label}
- {Label}
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {block:ifshowcaptions}
- {block:caption}
- {caption}
- {/block:caption}
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:permalinkpage}
- {caption}
- {/block:permalinkpage}
- {/block:ifnotshowcaptions}
- </div>
- {/block:chat}
- {block:Video}
- <div class="post">
- <div class="permbox">
- <div class="permalink">
- {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
- <br>
- {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
- </div>
- </div>
- {block:indexpage}
- {block:if250pxposts}
- {video-250}
- {/block:if250pxposts}
- {block:if400pxposts}
- {video-400}
- {/block:if400pxposts}
- {block:if500pxposts}
- {video-500}
- {/block:if500pxposts}
- {/block:indexPage}
- {block:permalinkpage}
- {video-500}
- {/block:permalinkpage}
- {block:ifshowcaptions}
- {block:caption}
- {caption}
- {/block:caption}
- {/block:ifshowcaptions}
- {block:ifnotshowcaptions}
- {block:permalinkpage}
- {caption}
- {/block:permalinkpage}
- {/block:ifnotshowcaptions}
- </div>
- {/block:Video}
- {block:Answer}
- <div class="post">
- <div class="permbox">
- <div class="permalink">
- {dayofweek}, {month} {dayofmonth}{dayofmonthsuffix}, {year}
- <br>
- {NoteCountWithLabel} | <a href="{permalink}">permalink</a>
- </div>
- </div>
- <div style="padding-bottom:3px;border-bottom:1px solid {color:bordering};">
- {Asker}: {Question}
- </div>
- {Answer}
- </div>
- {/block:Answer}
- {block:PermalinkPage}
- {block:Date}
- <div id="prmpg">
- <h1>{dayofweek}, {month} {dayofmonth}{dayofmonthsuffix} {year} | {24hour}:{minutes}:{seconds}</h1>
- {/block:Date}
- <div style="margin-top:-5px;"></div>
- {block:postnotes}
- {NoteCountWithLabel}
- <br>
- {/block:postnotes}
- {block:HasTags}
- <i>tags</i>: {block:Tags}<a href="{tagURL}">#{Tag} </a>{/block:Tags}
- <br>
- {/block:HasTags}
- {block:RebloggedFrom}
- <i>via</i>: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
- <br>
- <i>original</i>: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- {block:date}
- <div style="border-bottom:1px dashed {color:bordering};margin-top:5px; margin-bottom:4px;"></div>
- <i>navigate</i>: <a href="{reblogURL}" title="reblog this">reblog</a>, <a href="/" title="index">index</a>, <a href="/random" title="random entry">random entry</a>
- {/block:date}
- {block:postnotes}
- <div style="height:5px;"></div>
- <div style="border-bottom:1px solid {color:bordering};"></div>
- <br>
- <div id="not">
- {PostNotes}
- </div>
- {/block:postnotes}
- </div>
- {/block:PermalinkPage}
- {/block:posts}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment