Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!-- THEME MADE BY BREQ --
- @justiceofbreq-t.tumblr.com
- --------------------------
- THEME 11: the last centurion --
- --------------------------
- TERMS OF USAGE:
- - DO NOT REMOVE THE CREDIT
- - DO NOT REDISTRIBUTE
- - DO NOT CLAIM AS YOUR OWN
- - DO NOT USE AS A BASE
- -------------------------->
- <html>
- <head>
- <title>{text:browser 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}
- <!-- default appearance options -->
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="color:background" content="#665600">
- <meta name="color:bar" content="#4c2f0b">
- <meta name="color:quote" content="#88948e">
- <meta name="color:contbg" content="#282617">
- <meta name="color:sidebg" content="#2b130d">
- <meta name="color:title" content="#9f896c">
- <meta name="color:body" content="#adadad">
- <meta name="color:description" content="#736516">
- <meta name="color:dbold" content="#4f483f">
- <meta name="color:ditalic" content="#b2a283">
- <meta name="color:italic" content="#b6854c" />
- <meta name="color:bold" content="#b6854c" />
- <meta name="color:blockquote" content="#393939">
- <meta name="color:link" content="#385245">
- <meta name="color:link hover" content="#cebbbb">
- <meta name="color:navlink" content="#c6aa86">
- <meta name="color:navlink hover" content="#fff">
- <meta name="color:permalink" content="#a28e21"/>
- <meta name="color:tags" content="#665600" />
- <meta name="color:tags hover" content="#fad6ab" />
- <meta name="color:scrollbar" content="#4c2f0b" />
- <meta name="color:scrollbar1" content="#282617" />
- <meta name="color:pagination" content="#5a573d" />
- <meta name="color:pagination hover" content="#fcebd5" />
- <meta name="color:tooltiptext" content=""/>
- <meta name="color:tooltipbg" content="#000"/>
- <meta name="if:hover permalinks" content="1">
- <meta name="if:hover tags" content="1">
- <meta name="image:background" content="" />
- <meta name="text:browser title" content="this can be anything you want or just copy paste your blog title here" />
- <meta name="text:quote" content="quotey-puh-totey" />
- <meta name="text:font size" content="9px" />
- <meta name="text:link1" content="link 1"/>
- <meta name="text:link1url" content="/"/>
- <meta name="text:link2" content="link 2"/>
- <meta name="text:link2url" content="/"/>
- <meta name="text:link3" content="link 3"/>
- <meta name="text:link3url" content="/"/>
- <meta name="text:link4" content="link 4"/>
- <meta name="text:link4url" content="/"/>
- <meta name="text:link5" content="link 5"/>
- <meta name="text:link5url" content="/"/>
- <meta name="text:link6" content="link 6"/>
- <meta name="text:link6url" content="/"/>
- <!-- scripts -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script src="http://static.tumblr.com/fiw4iub/4jdnu5ta4/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>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script src ="http://static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '3px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- var $container = $('.content');
- });
- </script>
- <script>
- $( ".entries" ).wrap( "<div class='scroll'></div>" );
- </script>
- <link href="https://fonts.googleapis.com/css?family=Dancing+Script|Meddon|Reenie+Beanie" rel="stylesheet">
- </head>
- <style type="text/css">
- ::-webkit-scrollbar {
- width: 4px;
- height: 1px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background:{color:scrollbar};
- background: -moz-linear-gradient(top, {color:scrollbar} 0%, {color:scrollbar1}; 100%); /* FF3.6-15 */
- background: -webkit-linear-gradient(top, {color:scrollbar} 0%, {color:scrollbar1} 100%); /* Chrome10-25,Safari5.1-6 */
- background: linear-gradient(to bottom, {color:scrollbar} 0%, {color:scrollbar1} 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#530a09', endColorstr='#110303',GradientType=0 ); /* IE6-9 */
- }
- }
- ::-webkit-scrollbar-track {
- background: transparent;
- border: 0px none #ffffff;
- }
- ::-webkit-scrollbar-corner {
- background: transparent;
- }
- body {
- background:{color:background};
- background-image: url('{image:background}');
- background-position: top left;
- background-repeat: no-repeat;
- background-attachment: fixed;
- background-size:cover;
- margin:0;
- font-size: {text:font size};
- font-family: Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif
- letter-spacing:1px;
- line-height:150%;
- color:{color:body};
- -moz-osx-font-smoothing:grayscale;
- -webkit-font-smoothing:antialiased;
- font-smoothing:antialiased;
- }
- a {
- color:{color:link};
- text-decoration:none;
- letter-spacing:1px;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- a:hover {
- letter-spacing:1px;
- text-decoration:none;
- text-shadow: 0px 3px 1px {color:link hover};
- cursor:help;
- }
- b, strong {
- color:{color:bold};
- text-transform:uppercase;
- }
- i, em {
- font-family: 'Dancing Script', cursive;
- text-transform:lowercase;
- font-size: 12px;
- color:{color:italic};
- letter-spacing:1.5px;
- }
- blockquote {
- text-align:justify;
- padding-left:10px;
- border-left:1px solid {color:blockquote};
- margin:15px 0px 10px 0px;
- }
- .caption blockquote {
- margin:15px 0px 10px 0px;
- }
- blockquote img {
- max-width:100%;
- height:auto;
- }
- img {
- max-width:100%;
- height:auto;
- }
- p {
- margin:10px 0 10px 0;
- }
- p:first-of-type {
- margin-top:0;
- padding-top:0;
- }
- p:last-of-type {
- margin-bottom:10px;
- padding-bottom:0;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- h1 {
- font-size:15px;
- letter-spacing:1.5px;
- text-align:center;
- font-weight:bold;
- text-transform:lowercase;
- padding:5px 0px 5px 0px;
- }
- h2 {
- font-size:15px;
- font-family: 'Reenie Beanie', cursive;
- letter-spacing:1.5px;
- text-transform:lowercase;
- color:{color:title};
- background:{color:contbg};
- padding:5px;
- margin-right:5px;
- margin-left:5px;
- }
- /*customization for list style type*/
- ul {
- list-style: disc;
- padding-left: 20px;
- }
- li {
- padding-left: 5px;
- }
- li:before {
- display: inline-block;
- margin-left: 5px; /* same as padding-left set on li */
- width: 1.3em; /* same as padding-left set on li */
- }
- /*customization for container*/
- #container {
- position:absolute;
- width:350px;
- height:420px;
- top:30%;
- right:550px;
- overflow-y:scroll;
- background:{color:contbg};
- }
- /*customization for posts*/
- .posts {
- width:90%;
- padding:10px;
- position:relative;
- text-align:justify;
- margin-left:auto;
- margin-right:auto;
- margin-bottom:30px;
- }
- .posts:last-child {
- margin-bottom:30px;
- }
- {block:permalinkpage}
- .posts {
- margin-bottom:10px;
- }
- {/block:permalinkpage}
- /*customization for permalinks "post info" */
- .permalinks {
- text-transform:lowercase;
- font-size:10px;
- letter-spacing:20px;
- padding:0 10px 0 10px;
- text-align:center;
- width:80%;
- margin:auto;
- {block:ifhoverpermalinks}
- height:0px;
- visibility:hidden;
- {/block:ifhoverpermalinks}
- }
- .permalinks a{
- color:{color:permalink};
- }
- {block:ifhoverpermalinks}
- .posts:hover .permalinks {
- height:12px;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- visibility:visible;
- }
- {/block:ifhoverpermalinks}
- /*customization for tags*/
- .tags {
- {block:ifhovertags}
- opacity:0;
- max-height:0px;
- {/block:ifhovertags}
- width:80%;
- margin-left:auto;
- margin-right:auto;
- text-align:center;
- font-size:8px;
- margin-top:5px;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .tags a {
- color:{color:tags};
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- .tags a:hover {
- color:{color:tags hover};
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- text-shadow:none;
- }
- {block:ifhovertags}
- .posts:hover .tags {
- opacity:1;
- max-height:300px;
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- {/block:ifhovertags}
- /*customization for top bar*/
- #bar {
- position:absolute;
- font-family: 'Meddon', cursive;
- padding-top:7px;
- text-align:center;
- text-transform:lowercase;
- color:{color:quote};
- font-size:10px;
- height:30px;
- width:560px;
- right:340px;
- top:26%;
- letter-spacing:1.5px;
- background:{color:bar};
- border-top-left-radius:10px;
- border-top-right-radius:10px;
- }
- /*customization for sidebar*/
- #sidebar {
- position:absolute;
- width:200px;
- height:229px;
- top:55%;
- right:340px;
- padding:5px;
- text-align:center;
- background:{color:sidebg};
- }
- /*customization for portrait*/
- #portrait {
- position:absolute;
- padding-top:2px;
- width:210px;
- height:200px;
- top:30%;
- right:340px;
- background-image:url('http://static.tumblr.com/poesisw/Shgoehiyy/lastcenturion-portrait.jpg');
- background-repeat:no-repeat;
- background-size:210px 200px;
- }
- .description {
- color:{color:description};
- }
- .description b {
- color:{color:dbold};
- }
- .description i, em {
- color:{color:ditalic};
- font-size:8px;
- }
- /*customization for nav links*/
- #navlinks {
- width:200px;
- margin-right:auto;
- margin-left:auto;
- }
- #navlinks a {
- width:40px;
- display:inline-block;
- margin-right:10px;
- margin-bottom:10px;
- padding-right:20px;
- padding-left:20px;
- padding-top:5px;
- padding-bottom:5px;
- font-size:12px;
- text-transform:uppercase;
- background:{color:contbg};
- color:{color:navlink};
- -webkit-filter: blur(0px);
- -webkit-transition: all 0.7s ease;
- transition: all 0.7s ease;
- -moz-transition: all 0.7s ease;
- -o-transition: all 0.7s ease;
- }
- #navlinks a:hover {
- text-shadow:none;
- -webkit-filter: blur(1px);
- color:{color:navlink hover};
- cursor:help;
- }
- /*more post stuff*/
- .caption {
- margin-top:15px;
- }
- .chat {
- padding:0;
- list-style-type:none;
- }
- .chat .label {
- font-weight:bold;
- }
- .quote {
- text-align:center;
- font-weight:bold;
- font-size:20px;
- line-height:20px;
- margin-bottom:5px;
- }
- .source {
- text-align:center;
- margin-bottom:10px;
- }
- .media {
- position:relative;
- display:inline-block;
- width:100%;
- }
- .musicwrapper {
- position: relative;
- display:inline-block;
- }
- .albumimgwrapper {
- position: absolute;
- opacity:.7;
- overflow: hidden;
- margin-left:20px;
- width: 57px;
- height: 55px;
- }
- .pbbg {
- position: absolute;
- left: 8px;
- top: 5px;
- width: 30px;
- height: 30px;
- margin-left:16px;
- background-color: transparent;
- padding: 10px;
- 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;
- }
- .pbbg:hover {
- opacity: 1;
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- }
- .playerbutton {
- position: relative;
- width: 30px;
- height: 30px;
- overflow:hidden;
- }
- .pbhug {
- position: absolute;
- top: -30px;
- left: -10px;
- }
- .tumblr_audio_player {
- height: 90px;
- width: 270px;
- }
- .albuminfo {
- padding:10px;
- display:inline-block;
- margin-left: 90px;
- min-height: 75px;
- }
- .asker {
- text-align:center;
- font-size:30px;
- margin-bottom:5px;
- text-transform:lowercase;
- font-family: 'Dancing Script', cursive;
- }
- .question {
- font-size:12px;
- text-align:center;
- padding:3px;
- margin-top:-1px;
- border-top:1px dotted {color:body};
- }
- .answer {
- border-top:1px dotted {color:body};
- padding-top:3px;
- }
- /*customization for pagination */
- .pagination {
- width:230px;
- position:absolute;
- font-size:15px;
- font-weight:500;
- right:510px;
- bottom:65px;
- text-align:center;
- color:{color:pagination};
- font-family: 'Reenie Beanie', cursive;
- }
- .pagination a {
- color:{color:pagination};
- -webkit-transition: 0.8s ease-in;
- -moz-transition: .8s ease-in;
- transition: .8s ease-in;
- }
- .pagination a:hover {
- color:{color:pagination hover};
- text-shadow:none;
- }
- /*customization for tooltips */
- #s-m-t-tooltip {
- max-width:300px;
- border-radius: 0px; /*if you want rounded corners*/
- padding:4px;
- margin:-30px -15px 5px 0px;/*how far it appears from link*/
- color:{color:tooltiptext};
- font-size:10px;
- letter-spacing:1px;
- background:{color:tooltipbg};
- z-index:99999;/*don't change this*/
- }
- /* DO NOT REMOVE THIS. It's my credit and I worked very hard on it. */
- #mycredit {
- z-index:999999999;
- bottom:5px;
- right:5px;
- height:30px;
- width:30px;
- opacity:.4;
- position:absolute;
- padding:5px;
- -webkit-transition: 0.8s ease-in;
- -moz-transition: .8s ease-in;
- transition: .8s ease-in;
- }
- #mycredit:hover {
- opacity:1;
- }
- </style>
- </head>
- <body>
- <div id="bar">{text:quote}</div>
- <div id="portrait"></div>
- <!--sidebar + desc + links-->
- <div id="sidebar"><h2>{Title}</h2>
- <div class="description">{description}</div><br>
- <div id="navlinks">
- <a href="{text:link1url}" >{text:link1}</a>
- <a href="{text:link2url}" >{text:link2}</a>
- <a href="{text:link3url}" >{text:link3}</a>
- <a href="{text:link4url}" >{text:link4}</a>
- <a href="{text:link5url}" >{text:link5}</a>
- <a href="{text:link6url}" >{text:link6}</a>
- </div></div>
- <!-- pagination -->
- <div class="pagination">{block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}">↞</a> {/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage} <a href="{NextPage}">↠</a></a>
- {/block:NextPage}
- {/block:Pagination}</div>
- <!-- all the post stuff -->
- <div id="container">
- {block:Posts}
- <div class="posts">
- {block:Text}{block:Title}<h1>♰{Title}♰</h1>{/block:Title}<div class="text">{Body}</div>{/block:Text}
- {block:Photo}<div class="media">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{/block:Photo}
- {block:Photoset}
- <div class="media photoset"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
- </div>{/block:Photoset}
- {block:Video}<div class="media video">{Video-500}</div>{/block:Video}
- {block:Quote}<div class="quote"><i class="fa fa-quote-left" aria-hidden="true"></i>
- {Quote}<small><small><i class="fa fa-quote-right" aria-hidden="true"></i></small></small>
- </div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1 class="title"><a href="{URL}">{Name}</a></h1>{block:Description}<div class="text">{Description}</div>{/block:Description}{/block:Link}
- {block:Answer}<div class="asker">{Asker} wondered:</div><div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:Answer}
- {block:Chat}{block:Title}<h1 class="title">{Title}</h1>{/block:Title}<ul class="chat text">{block:Lines}<li class="line">{block:Label}<span class="label">{Label} </span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:AudioPlayer}
- <div class="musicwrapper">
- {block:AlbumArt}<div class="albumimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="pbbg"><div class="playerbutton"><div class="pbhug">{AudioPlayerBlack}
- </div></div></div><div class="albuminfo">
- {block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}
- </div></div>{/block:AudioPlayer}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- <div id="{ShortURL}-hide"><div class="permalinks">{block:Date}
- <a href="{Permalink}" title="{Timeago}">☩</a> <a href="{Permalink}" title ="{Month} {DayOfMonth}">☩</a> <a href="{permalink}" title="{NoteCount}">☩</a>{/block:Date}
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="via">☩</a>
- <a href="{ReblogRootURL}" title="source">☩</a>
- {/block:RebloggedFrom}
- <a href="{ReblogURL}" title="reblog">☩</a></div>
- {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>
- {/block:HasTags}</div>
- </div>
- {block:PostNotes}<div class="permalinks">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- </div></div>
- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom}
- </div></div>
- <!-- DO NOT REMOVE MY CREDIT -->
- <div id="mycredit"><a href="http://rpjustxce.tumblr.com/" title="theme by Justxce Themes"><img src="http://static.tumblr.com/ewpefvd/Uteohiglh/rpj-icon.png"></a></div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment