Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!----------------------------------------------- THEME 01: FLAWLESS
- » do not remove credit
- » do not steal anything
- » do not redistribute
- » edit as much as you want
- CREDIT: REGERI.TUMBLR.COM ----------------------------------------->
- <meta name="image:background image" content="" />
- <meta name="image:header image" content="http://static.tumblr.com/eekqh2v/1zonj3p8p/bg_6.png" />
- <meta name="color:background color" content="#ffffff" />
- <meta name="color:header borders" content="#a0a0a0" />
- <meta name="color:header title" content="#000000" />
- <meta name="color:description text" content="#555555" />
- <meta name="color:description bold" content="#3e3e3e" />
- <meta name="color:description italic" content="#3e3e3e" />
- <meta name="color:description strikethrough" content="#707070" />
- <meta name="color:description links" content="#909090" />
- <meta name="color:description links hover" content="#cccccc" />
- <meta name="color:navigation links" content="#555555" />
- <meta name="color:navigation links borders" content="#000000" />
- <meta name="color:navigation links background" content="ffffff" />
- <meta name="color:navigation links hover" content="000000" />
- <meta name="color:navigation links hover background" content="f2f2f2" />
- <meta name="color:scrollbar" content="#707070" />
- <meta name="color:selected text" content="#000000" />
- <meta name="color:selected text highlight" content="#ffffff" />
- <meta name="color:tooltips background" content="ffffff" />
- <meta name="color:tooltips border" content="#a0a0a0" />
- <meta name="color:tooltips text" content="#555555" />
- <meta name="color:title text" content="#000000" />
- <meta name="color:title background" content="#f4f4f4" />
- <meta name="color:post borders" content="#a0a0a0" />
- <meta name="color:post background" content="ffffff" />
- <meta name="color:text" content="#555555" />
- <meta name="color:bold" content="#3e3e3e" />
- <meta name="color:italic" content="#3e3e3e" />
- <meta name="color:strikethrough" content="#707070" />
- <meta name="color:links" content="#909090" />
- <meta name="color:links hover" content="#cccccc" />
- <meta name="color:pre background" content="#f2f2f2" />
- <meta name="color:pre border" content="#cccccc" />
- <meta name="color:blockquote" content="#707070" />
- <meta name="color:default album art" content="#d6d6d6" />
- <meta name="color:audio info background" content="#f2f2f2" />
- <meta name="color:link post background" content="#efefef" />
- <meta name="color:link post fill" content="#ffffff" />
- <meta name="color:chat label" content="#7e7e7e" />
- <meta name="color:chat odd background" content="#f6f6f6" />
- <meta name="color:chat even background" content="#f1f1f1" />
- <meta name="color:chat odd text" content="#939393" />
- <meta name="color:chat even text" content="#7c7c7c" />
- <meta name="color:display navigation icon" content="#555555" />
- <meta name="color:post timestamp" content="#555555" />
- <meta name="color:post info icons" content="#555555" />
- <meta name="color:post info icons hover" content="#a0a0a0" />
- <meta name="color:post src links" content="#555555" />
- <meta name="color:post src links hover" content="#a0a0a0" />
- <meta name="color:quote post icon" content="#bdbdbd" />
- <meta name="color:link post icon" content="#bdbdbd" />
- <meta name="color:audio info icons" content="#bdbdbd" />
- <meta name="color:pagination" content="#555555" />
- <meta name="color:pagination icons hover" content="#a0a0a0" />
- <meta name="text:link one url" content="" />
- <meta name="text:link one name" content="one" />
- <meta name="text:link two url" content="" />
- <meta name="text:link two name" content="two" />
- <meta name="text:link three url" content="" />
- <meta name="text:link three name" content="three" />
- <meta name="text:billy music code" content="" />
- <meta name="select:header border width" content="1px" title="1px">
- <meta name="select:header border width" content="2px" title="2px">
- <meta name="if:400px posts" content="1" />
- <meta name="if:500px posts" content="0" />
- <meta name="if:show title" content="1" />
- <meta name="if:show description" content="1" />
- <meta name="if:translucency" content="0" />
- <meta name="if:navigation on click" content="1" />
- <meta name="if:infinite scroll" content="0" />
- <meta name="if:lazy load" content="0" />
- <meta name="if:hide captions" content="0" />
- <meta name="if:monochrome" content="0" />
- <meta name="if:faded photos" content="0" />
- <meta name="if:color on hover" content="0" />
- <meta name="if:music player" content="0" />
- <meta name="if:white header img hover" content="1" />
- <meta name="if:circular asker portraits" content="1" />
- <meta name="if:white tumblr controls" content="1" />
- <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}
- <!----------------------------------------------------------------->
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <!----------------------------------------------------------------->
- <link href="http://static.tumblr.com/eekqh2v/JmAnj2m54/style-my-tooltips.css" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/eekqh2v/CxPnj2m48/jquery.style-my-tooltips.js"></script>
- <script type="text/javascript">
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- });
- });
- })(jQuery);
- </script>
- <!----------------------------------------------------------------->
- {block:ifnavigationonclick}
- <script type="text/javascript">
- $(document).ready(function(){
- $("#showlinks").click(function(){
- $(".vshowlinks").toggle();
- if ($("#nav").hasClass("visnav") ) {
- $("#nav").animate({
- "marginTop":"65px",
- "opacity":"0"}, 400, function(){
- $("#nav").removeClass("visnav");
- $("#nav").addClass("invisnav");
- });
- } else {
- $("#nav").animate({
- "marginTop":"15px",
- "opacity":"1"}, 400);
- $("#nav").removeClass("invisnav");
- $("#nav").addClass("visnav");
- }
- });
- });
- </script>
- {/block:ifnavigationonclick}
- <!----------------------------------------------------------------->
- {block:ifinfinitescroll}
- <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
- {/block:ifinfinitescroll}
- <!----------------------------------------------------------------->
- {block:iflazyload}
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- {/block:iflazyload}
- <!----------------------------------------------------------------->
- <style type="text/css">
- body {
- font-family:arial;
- color:{color:text};
- font-size:10px;
- line-height:140%;
- background-color:{color:background color};
- background-image:url({image:background image});
- background-attachment:fixed;
- background-position:center top;
- margin:0;
- word-wrap:break-word;
- }
- img {
- border:0;
- max-width:100%;
- }
- h1 {
- font-size:9px;
- font-weight:bold;
- text-transform:uppercase;
- letter-spacing:1px;
- {block:iftranslucency}
- background-color:rgba(255, 255, 255, 0.5);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- background-color:{color:title background};
- {/block:ifnottranslucency}
- color:{color:title text};
- padding:4px;
- }
- ul {
- list-style:square;
- }
- ol {
- list-style:decimal-leading-zero;
- }
- b, strong {
- color:{color:bold};
- }
- i, em {
- color:{color:italic};
- }
- strike {
- color:{color:strikethrough};
- }
- pre {
- background-color:{color:pre background};
- padding:7px 10px;
- border:1px solid {color:pre border};
- word-wrap:break-word;
- }
- a {
- color:{color:links};
- text-decoration:none;
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- a:hover {
- color:{color:links hover};
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- #tumblr_controls {
- position:fixed!important;
- {block:ifwhitetumblrcontrols}
- -webkit-filter:invert(100%);
- filter:invert(100%);
- {/block:ifwhitetumblrcontrols}
- }
- /*----------------------------tooltips----------------------------*/
- #s-m-t-tooltip {
- max-width:300px;
- z-index:9999999;
- margin:20px 14px 7px 12px;
- padding:2px 8px;
- {block:iftranslucency}
- background-color:rgba(255, 255, 255, 0.6);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- background-color:{color:tooltips background};
- {/block:ifnottranslucency}
- border:1px solid {color:tooltips border};
- font-size:8px;
- color:{color:tooltips text};
- text-transform:uppercase;
- letter-spacing:1px;
- -moz-border-radius:0;
- -webkit-border-radius:0;
- border-radius:0;
- -moz-box-shadow:none;
- -webkit-box-shadow:none;
- box-shadow:none;
- }
- /*-----------------------------select-----------------------------*/
- ::selection {
- color:{color:selected text};
- background:{color:selected text highlight};
- }
- ::-moz-selection {
- color:{color:selected text};
- background:{color:selected text highlight};
- }
- /*----------------------------scrollbar----------------------------*/
- ::-webkit-scrollbar-thumb {
- border:3px solid rgba(0, 0, 0, 0);
- background-clip:padding-box;
- background-color:{color:scrollbar};
- height:6px;
- }
- ::-webkit-scrollbar {
- width:7px;
- height:18px;
- }
- /*------------------------------header------------------------------*/
- #header {
- {block:if400pxposts}
- width:550px;
- margin-left:-275px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:650px;
- margin-left:-325px;
- {/block:if500pxposts}
- position:fixed;
- margin-top:40px;
- left:50%;
- margin-top:-90px;
- z-index:999;
- }
- #header-img {
- position:absolute;
- background-image:url({image:header image});
- background-size:cover;
- background-position:center;
- border:2px solid {color:header borders};
- height:118px;
- width:118px;
- border-radius:100%;
- {block:if400pxposts}
- margin-left:550px;
- {/block:if400pxposts}
- {block:if500pxposts}
- margin-left:650px;
- {/block:if500pxposts}
- }
- #header-imgbg {
- position:absolute;
- background-color:rgba(0, 0, 0, 0.5);
- {block:ifwhiteheaderimghover}
- background-color:rgba(255, 255, 255, 0.5);
- {/block:ifwhiteheaderimghover}
- height:118px;
- width:118px;
- border-radius:100%;
- -webkit-transform:scale(0,0);
- -moz-transform:scale(0,0);
- -ms-transform:scale(0,0);
- transform:scale(0,0);
- -webkit-transition:all 0.4s ease 0.1s;
- -moz-transition:all 0.4s ease 0.1s;
- -o-transition:all 0.4s ease 0.1s;
- transition:all 0.4s ease 0.1s;
- }
- #header-img:hover #header-imgbg {
- height:118px;
- width:118px;
- -webkit-transform:scale(1,1);
- -moz-transform:scale(1,1);
- -ms-transform:scale(1,1);
- transform:scale(1,1);
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- {block:ifshowtitle}
- #header-title {
- position:absolute;
- width:105px;
- text-align:center;
- margin-top:80px;
- color:{color:header title};
- text-transform:uppercase;
- font-size:9px;
- letter-spacing:1px;
- padding:8px;
- opacity:0;
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- #header-img:hover #header-title {
- margin-top:45px;
- opacity:1;
- -webkit-transition:all 0.4s ease 0.1s;
- -moz-transition:all 0.4s ease 0.1s;
- -o-transition:all 0.4s ease 0.1s;
- transition:all 0.4s ease 0.1s;
- }
- {/block:ifshowtitle}
- {block:ifshowdescription}
- #desc {
- width:110px;
- height:auto;
- position:absolute;
- padding:5px 9px;
- border-left:{select:header border width} solid {color:header borders};
- {block:if400pxposts}
- margin-left:610px;
- {/block:if400pxposts}
- {block:if500pxposts}
- margin-left:710px;
- {/block:if500pxposts}
- margin-top:220px;
- text-align:center;
- opacity:0;
- visibility:hidden;
- color:{color:description text};
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- -o-transition:all 0.5s ease;
- transition:all 0.5s ease;
- }
- #desc strong, #desc b {
- color:{color:description bold};
- }
- #desc em, #desc i {
- color:{color:description italic};
- }
- #desc strike {
- color:{color:description strikethrough};
- }
- #desc a {
- color:{color:description links};
- }
- #desc a:hover {
- color:{color:description links hover};
- }
- #header:hover #desc {
- margin-top:120px;
- opacity:1;
- visibility:visible;
- -webkit-transition:all 0.5s ease;
- -moz-transition:all 0.5s ease;
- -o-transition:all 0.5s ease;
- transition:all 0.5s ease;
- }
- {/block:ifshowdescription}
- #header-hline {
- border-bottom:{select:header border width} solid {color:header borders};
- {block:if400pxposts}
- width:580px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:680px;
- {/block:if500pxposts}
- position:absolute;
- margin-top:60px;
- margin-left:-30px;
- }
- #header-vline {
- position:absolute;
- border-left:{select:header border width} solid {color:header borders};
- height:3000px;
- margin-top:20px;
- margin-left:40px;
- }
- #header-bg {
- position:absolute;
- width:700px;
- height:100px;
- margin-left:-50px;
- margin-top:-40px;
- background-color:{color:background color};
- background-image:url({image:background image});
- background-position:center top;
- z-index:-1;
- }
- {block:ifnavigationonclick}
- #showlinks {
- position:absolute;
- width:70px;
- text-align:center;
- margin-top:33px;
- margin-left:-30px;
- font-size:20px;
- cursor:pointer;
- }
- .fa-plus, .fa-minus {
- color:{color:display navigation icon};
- }
- .invisnav {
- display:none;
- }
- .visnav {
- display:block;
- }
- {/block:ifnavigationonclick}
- #nav {
- position:absolute;
- {block:if400pxposts}
- width:518px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:618px;
- {/block:if500pxposts}
- height:35px;
- {block:ifnavigationonclick}
- opacity:0;
- margin-top:65px;
- {/block:ifnavigationonclick}
- {block:ifnotnavigationonclick}
- margin-top:15px;
- {block:ifnotnavigationonclick}
- margin-left:36px;
- text-align:center;
- }
- #nav .links {
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- {block:if400pxposts}
- width:80px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:101px;
- {/block:if500pxposts}
- padding:6px 5px 5px 5px;
- {block:iftranslucency}
- background-color:rgba(255, 255, 255, 0.4);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- background-color:{color:navigation links background};
- {/block:ifnottranslucency}
- border:1px solid {color:navigation links borders};
- color:{color:navigation links};
- display:inline-block;
- margin-top:13px;
- margin-right:4px;
- {block:iftranslucency}
- -webkit-box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.8);
- -moz-box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.8);
- box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.8);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- -webkit-box-shadow:inset 0 0 0 0 {color:navigation links hover background};
- -moz-box-shadow:inset 0 0 0 0 {color:navigation links hover background};
- box-shadow:inset 0 0 0 0 {color:navigation links hover background};
- {/block:ifnottranslucency}
- -webkit-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
- -moz-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
- -o-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
- transition:all 0.5s cubic-bezier(0, .50, .50, 1);
- }
- #nav .links:hover {
- color:{color:navigation links hover};
- {block:iftranslucency}
- -webkit-box-shadow:inset 0 -25px 0 0 rgba(255, 255, 255, 0.8);
- -moz-box-shadow:inset 0 -25px 0 0 rgba(255, 255, 255, 0.8);
- box-shadow:inset 0 -25px 0 0 rgba(255, 255, 255, 0.8);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- -webkit-box-shadow:inset 0 -25px 0 0 {color:navigation links hover background};
- -moz-box-shadow:inset 0 -25px 0 0 {color:navigation links hover background};
- box-shadow:inset 0 -25px 0 0 {color:navigation links hover background};
- {/block:ifnottranslucency}
- -webkit-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
- -moz-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
- -o-transition:all 0.5s cubic-bezier(0, .50, .50, 1);
- transition:all 0.5s cubic-bezier(0, .50, .50, 1);
- }
- /*---------------------------music player---------------------------*/
- {block:ifmusicplayer}
- #billy {
- height:40px;
- width:40px;
- border-radius:100%;
- border:{select:header border width} solid {color:header borders};
- background-color:rgba(255, 255, 255, 0.4);
- position:absolute;
- margin-top:39px;
- margin-left:-73px;
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- #billyp {
- height:20px;
- width:20px;
- overflow:hidden;
- position:absolute;
- left:50%;
- top:50%;
- margin-left:-10px;
- margin-top:-10px;
- }
- #billypb {
- position:absolute;
- margin-left:-20px;
- }
- {/block:ifmusicplayer}
- /*------------------------------posts------------------------------*/
- #container {
- position:relative;
- {block:if400pxposts}
- width:440px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:540px;
- {/block:if500pxposts}
- left:50%;
- {block:if400pxposts}
- margin-left:-200px;
- {/block:if400pxposts}
- {block:if500pxposts}
- margin-left:-250px;
- {/block:if500pxposts}
- margin-top:130px;
- }
- .posts {
- {block:iftranslucency}
- background-color:rgba(255, 255, 255, 0.5);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- background-color:{color:post background};
- {/block:ifnottranslucency}
- margin-bottom:40px;
- {block:if400pxposts}
- width:400px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:500px;
- {/block:if500pxposts}
- padding:18px;
- border:1px solid {color:post borders};
- }
- #container .body {
- text-align:justify;
- margin-bottom:-2px;
- }
- .caption {
- text-align:justify;
- margin-bottom:-10px;
- margin-top:10px;
- }
- .chat ul {
- list-style:none;
- margin:0;
- padding:0;
- text-align:justify;
- }
- .chat .odd {
- {block:iftranslucency}
- background-color:rgba(255, 255, 255, 0.4);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- background-color:{color:chat odd background};
- {/block:ifnottranslucency}
- color:{color:chat odd text};
- padding:5px;
- }
- .chat .even {
- {block:iftranslucency}
- background-color:rgba(255, 255, 255, 0.8);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- background-color:{color:chat even background};
- {/block:ifnottranslucency}
- color:{color:chat even text};
- padding:5px;
- }
- .label {
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-weight:bold;
- color:{color:chat label};
- }
- blockquote {
- border-left:solid 1px {color:blockquote};
- margin-top:-5px;
- margin-left:14px;
- padding-left:13px;
- width:92%;
- }
- .photos {
- margin-bottom:-4px;
- {block:ifcoloronhover}
- -webkit-filter:grayscale(100%);
- filter:grayscale(100%);
- -webkit-transition:all 0.6s ease;
- -moz-transition:all 0.6s ease;
- -o-transition:all 0.6s ease;
- transition:all 0.6s ease;
- {/block:ifcoloronhover}
- {block:ifmonochrome}
- -webkit-filter:grayscale(100%);
- filter:grayscale(100%);
- {/block:ifmonochrome}
- {block:iffadedphotos}
- opacity:0.8;
- -webkit-filter:grayscale(20%);
- filter:grayscale(20%);
- -webkit-transition:all 0.7s ease;
- -moz-transition:all 0.7s ease;
- -o-transition:all 0.7s ease;
- transition:all 0.7s ease;
- {/block:iffadedphotos}
- }
- .photos:hover {
- {block:ifcoloronhover}
- -webkit-filter:grayscale(0%);
- filter:grayscale(0%);
- -webkit-transition:all 0.7s ease;
- -moz-transition:all 0.7s ease;
- -o-transition:all 0.7s ease;
- transition:all 0.7s ease;
- {/block:ifcoloronhover}
- {block:iffadedphotos}
- opacity:1;
- -webkit-filter:grayscale(0%);
- filter:grayscale(0%);
- -webkit-transition:all 0.6s ease;
- -moz-transition:all 0.6s ease;
- -o-transition:all 0.6s ease;
- transition:all 0.6s ease;
- {/block:iffadedphotos}
- }
- .quotewrap {
- position:relative;
- margin-top:-9px;
- }
- .quotewrap p {
- margin:0;
- display:inline;
- }
- .quotesource {
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- display:block;
- margin-top:7px;
- margin-bottom:-2px;
- }
- .fa-quote-left {
- color:{color:quote post icon};
- float:left;
- font-size:12px;
- height:10px;
- width:24px;
- padding:10px 0 5px 11px;
- margin-top:-5px;
- margin-left:-3px;
- margin-right:4px;
- }
- .playerwrapper {
- position:absolute;
- background-color:#fff;
- border-radius:100%;
- margin:27px;
- z-index:10;
- opacity:0.4;
- -webkit-transition:all 0.6s ease;
- -moz-transition:all 0.6s ease;
- -o-transition:all 0.6s ease;
- transition:all 0.6s ease;
- }
- .playerwrapper:hover {
- z-index:10;
- opacity:1;
- -webkit-transition:all 0.6s ease;
- -moz-transition:all 0.6s ease;
- -o-transition:all 0.6s ease;
- transition:all 0.6s ease;
- }
- .audioplayer {
- position:relative;
- width:26px;
- height:26px;
- overflow:hidden;
- margin:10px;
- z-index:10;
- }
- .albumart {
- float:left;
- position:relative;
- display:inline-block;
- }
- .noart {
- width:100px;
- height:100px;
- background-color:{color:default album art};
- position:absolute;
- display:inline-block;
- z-index:-1;
- }
- .audioinfo {
- font-size:9px;
- letter-spacing:1px;
- text-transform:uppercase;
- line-height:200%;
- {block:if400pxposts}
- width:280px;
- margin-left:101px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:380px;
- margin-left:101px;
- {/block:if500pxposts}
- padding:10px;
- left:50%;
- text-align:center;
- margin-bottom:-5px;
- }
- .infoline {
- {block:if400pxposts}
- width:280px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:380px;
- {/block:if500pxposts}
- height:18px;
- padding:3px;
- position:relative;
- margin-bottom:5px;
- {block:iftranslucency}
- background-color:rgba(255, 255, 255, 0.5);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- background-color:{color:audio info background};
- {/block:ifnottranslucency}
- }
- .fa-music, .fa-microphone, .fa-headphones {
- color:{color:audio info icons};
- float:left;
- background-color:rgba(255, 255, 255, 0.5);
- font-size:12px;
- height:12px;
- width:24px;
- padding:6px 0;
- margin-top:-3px;
- margin-left:-3px
- }
- .linkp {
- {block:if400pxposts}
- width:390px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:490px;
- {/block:if500pxposts}
- height:13px;
- padding:5px;
- {block:iftranslucency}
- background-color:rgba(255, 255, 255, 0.5);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- background-color:{color:link post background};
- {/block:ifnottranslucency}
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:1px;
- color:{color:links};
- {block:iftranslucency}
- -webkit-box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.4);
- -moz-box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.4);
- box-shadow:inset 0 0 0 0 rgba(255, 255, 255, 0.4);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- -webkit-box-shadow:inset 0 0 0 0 {color:link post fill};
- -moz-box-shadow:inset 0 0 0 0 {color:link post fill};
- box-shadow:inset 0 0 0 0 {color:link post fill};
- {/block:ifnottranslucency}
- -webkit-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
- -moz-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
- -o-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
- transition:all 0.7s cubic-bezier(0, .50, .50, 1);
- }
- .linkp:hover {
- color:{color:links};
- {block:iftranslucency}
- {block:if400pxposts}
- -webkit-box-shadow:inset 400px 0 0 0 rgba(255, 255, 255, 0.4);
- -moz-box-shadow:inset 400px 0 0 0 rgba(255, 255, 255, 0.4);
- box-shadow:inset 400px 0 0 0 rgba(255, 255, 255, 0.4);
- {/block:if400pxposts}
- {block:if500pxposts}
- -webkit-box-shadow:inset 500px 0 0 0 rgba(255, 255, 255, 0.4);
- -moz-box-shadow:inset 500px 0 0 0 rgba(255, 255, 255, 0.4);
- box-shadow:inset 500px 0 0 0 rgba(255, 255, 255, 0.4);
- {/block:if500pxposts}
- {/block:iftranslucency}
- {block:ifnottranslucency}
- {block:if400pxposts}
- -webkit-box-shadow:inset 400px 0 0 0 {color:link post fill};
- -moz-box-shadow:inset 400px 0 0 0 {color:link post fill};
- box-shadow:inset 400px 0 0 0 {color:link post fill};
- {/block:if400pxposts}
- {block:if500pxposts}
- -webkit-box-shadow:inset 500px 0 0 0 {color:link post fill};
- -moz-box-shadow:inset 500px 0 0 0 {color:link post fill};
- box-shadow:inset 500px 0 0 0 {color:link post fill};
- {/block:if500pxposts}
- {/block:ifnottranslucency}
- -webkit-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
- -moz-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
- -o-transition:all 0.7s cubic-bezier(0, .50, .50, 1);
- transition:all 0.7s cubic-bezier(0, .50, .50, 1);
- }
- .fa-external-link {
- color:{color:link post icon};
- float:left;
- background-color:rgba(255, 255, 255, 0.5);
- font-size:12px;
- height:17px;
- width:18px;
- padding:6px 0 0 7px;
- margin-top:-5px;
- margin-left:-5px;
- }
- .asker {
- display:inline;
- }
- .asker img {
- border:2px solid {color:post borders};
- {block:ifcircularaskerportraits}
- border-radius:100%;
- {/block:ifcircularaskerportraits}
- }
- .ask {
- display:inline;
- position:absolute;
- {block:if400pxposts}
- width:345px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:445px;
- {/block:if500pxposts}
- height:48px;
- text-align:center;
- padding:0 5px;
- overflow:auto;
- }
- .ask p {
- margin:0;
- display:inline;
- }
- /*----------------------------post info----------------------------*/
- .info {
- float:left;
- position:relative;
- margin-left:-105px;
- width:55px;
- padding:7px;
- }
- .timestamp {
- font-size:12px;
- text-transform:uppercase;
- letter-spacing:2px;
- text-align:center;
- font-weight:bold;
- margin-bottom:3px;
- color:{color:post timestamp};
- }
- .iconwrap {
- width:55px;
- text-align:center;
- }
- .icons {
- padding:2px;
- display:inline;
- font-size:11px;
- }
- .fa-pencil, .fa-tags, .fa-link {
- color:{color:post info icons};
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- .fa-pencil:hover, .fa-tags:hover, .fa-link:hover {
- color:{color:post info icons hover};
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- .sources {
- text-align:center;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- margin-top:3px;
- }
- .sources a {
- color:{color:post src links};
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- .sources a:hover {
- color:{color:post src links hover};
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- /*---------------------------post notes---------------------------*/
- ol.notes {
- {block:iftranslucency}
- background-color:rgba(255, 255, 255, 0.5);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- background-color:{color:post background};
- {/block:ifnottranslucency}
- margin-top:-20px;
- {block:if400pxposts}
- width:400px;
- {/block:if400pxposts}
- {block:if500pxposts}
- width:500px;
- {/block:if500pxposts}
- padding:18px;
- border:1px solid {color:post borders};
- list-style-type:none;
- }
- ol.notes li.note {
- padding:10px;
- }
- ol.notes li.note img.avatar {
- vertical-align:-5px;
- margin-right:10px;
- width:16px;
- height:16px;
- }
- ol.notes li.note span.action {
- font-weight:none;
- }
- ol.notes li.note .answer_content {
- font-weight:normal;
- }
- ol.notes li.note blockquote {
- border-color:{color:blockquote};
- padding:4px 10px;
- margin:10px 0px 0px 7px;
- }
- ol.notes li.note blockquote a {
- text-decoration:none;
- }
- /*----------------------------pagination----------------------------*/
- {block:ifnotinfinitescroll}
- #pagination {
- width:100px;
- position:fixed;
- {block:if400pxposts}
- margin-left:510px;
- {/block:if400pxposts}
- {block:if500pxposts}
- margin-left:610px;
- {/block:if500pxposts}
- bottom:40px;
- color:{color:pagination};
- }
- .fa-angle-double-left, .fa-angle-double-right {
- color:{color:pagination};
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- .fa-angle-double-left:hover, .fa-angle-double-right:hover {
- color:{color:pagination icons hover};
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- {/block:ifnotinfinitescroll}
- /*-----------------------------credit-----------------------------*/
- #credit {
- position:fixed;
- right:10px;
- bottom:10px;
- height:12px;
- width:7px;
- font-size:9px;
- font-weight:bold;
- border:1px solid {color:header borders};
- border-radius:100%;
- padding:5px 8px;
- {block:iftranslucency}
- background-color:rgba(255, 255, 255, 0.4);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- background-color:{color:navigation links background};
- {/block:ifnottranslucency}
- color:{color:navigation links};
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- #credit:hover {
- {block:iftranslucency}
- background-color:rgba(255, 255, 255, 0.7);
- {/block:iftranslucency}
- {block:ifnottranslucency}
- background-color:{color:navigation links hover background};
- {/block:ifnottranslucency}
- color:{color:navigation links hover};
- -webkit-transition:all 0.4s ease;
- -moz-transition:all 0.4s ease;
- -o-transition:all 0.4s ease;
- transition:all 0.4s ease;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <a href="http://regeri.tumblr.com" target="_blank"><div id="credit">R</div></a>
- <!-----------------------------header----------------------------->
- <div id="header">
- {block:ifmusicplayer}
- <div id="billy">
- <div id="billyp">
- <div id="billypb">{text:billy music code}</div>
- </div>
- </div>
- {/block:ifmusicplayer}
- <div id="header-bg"></div>
- {block:ifnavigationonclick}
- <p id="showlinks" style="width:20px; margin-left:-5px;"><span class="vshowlinks" style="font-size:13px;"><i class="fa fa-plus"></i></span><span class="vshowlinks" style="display:none; font-size:13px;"><i class="fa fa-minus"></i></span></p>
- {/block:ifnavigationonclick}
- <div id="nav" class="invisnav">
- <a href="/"><div class="links">home</div></a>
- <a href="/ask"><div class="links">ask</div></a>
- <a href="{text:link one url}"><div class="links">{text:link one name}</div></a>
- <a href="{text:link two url}"><div class="links">{text:link two name}</div></a>
- <a href="{text:link three url}"><div class="links">{text:link three name}</div></a>
- </div>
- <div id="header-img">
- {block:ifshowtitle}
- <div id="header-imgbg"></div>
- <div id="header-title">{Title}</div>
- {/block:ifshowtitle}
- </div>
- {block:ifshowdescription}
- <div id="desc">{Description}</div>
- {/block:ifshowdescription}
- <div id="header-hline"></div>
- <div id="header-vline"></div>
- </div>
- <!------------------------------posts------------------------------>
- <div id="container">
- {block:IndexPage}
- {block:ifnotinfinitescroll}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}"><span style="font-size:13px; position:absolute; display:inline-block;"><i class="fa fa-angle-double-left"></i></span></a>
- {/block:PreviousPage}
- <span style="font-size:8px; text-transform:uppercase; letter-spacing:1px; position:absolute display:inline-block; margin-left:15px; margin-right:6px;">{CurrentPage} of {TotalPages}</span>
- {block:NextPage}
- <a href="{NextPage}"><span style="font-size:13px; position:absolute; display:inline-block;"><i class="fa fa-angle-double-right"></i></span></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- {block:ifnotinfinitescroll}
- {/block:IndexPage}
- {block:Posts}
- {block:IndexPage}
- <div class="info">
- {block:Date}
- <div class="timestamp" title="posted @{24HourWithZero}:{Minutes}">
- {DayOfMonthWithZero} {ShortMonth}
- </div>
- {/block:Date}
- <div class="iconwrap">
- {block:NoteCount}
- <div class="icons">
- <i class="fa fa-pencil" title="with {NoteCountWithLabel}"></i>
- </div>
- {/block:NoteCount}
- {block:HasTags}
- <div class="icons">
- <i class="fa fa-tags" title="{block:Tags}#{Tag} {/block:Tags}"></i>
- </div>
- {/block:HasTags}
- <div class="icons">
- <a href="{Permalink}" target="_blank"><i class="fa fa-link" title="view post"></i></a>
- </div>
- </div>
- {block:RebloggedFrom}
- <div class="sources">
- <a href="{ReblogParentUrl}" title="{ReblogParentName}">via</a> {block:ContentSource}+ <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}
- </div>
- {/block:RebloggedFrom}
- </div>
- {/block:IndexPage}
- {block:PermalinkPage}
- <div class="info">
- {block:Date}
- <div class="timestamp" title="posted @{24HourWithZero}:{Minutes}">
- {DayOfMonthWithZero} {ShortMonth}
- </div>
- {/block:Date}
- <div class="iconwrap">
- {block:NoteCount}
- <div class="icons">
- <i class="fa fa-pencil" title="with {NoteCountWithLabel}"></i>
- </div>
- {/block:NoteCount}
- {block:HasTags}
- <div class="icons">
- <i class="fa fa-tags" title="{block:Tags}#{Tag} {/block:Tags}"></i>
- </div>
- {/block:HasTags}
- {block:Date}
- <div class="icons">
- <a href="{Permalink}" target="_blank"><i class="fa fa-link" title="view post"></i></a>
- </div>
- {/block:Date}
- </div>
- {block:RebloggedFrom}
- <div class="sources">
- <a href="{ReblogParentUrl}" title="{ReblogParentName}">via</a> {block:ContentSource}+ <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}
- </div>
- {/block:RebloggedFrom}
- </div>
- {/block:PermalinkPage}
- <div class="posts">
- {block:Photo}
- <div class="photos">
- {block:if400pxposts}
- <img src="{PhotoURL-400}" />
- {/block:if400pxposts}
- {block:if500pxposts}
- <img src="{PhotoURL-500}" />
- {/block:if500pxposts}
- </div>
- {block:ifnothidecaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifnothidecaptions}
- {/block:Photo}
- {block:Photoset}
- <div class="photos">
- {block:if400pxposts}
- {Photoset-400}
- {/block:if400pxposts}
- {block:if500pxposts}
- {Photoset-500}
- {/block:if500pxposts}
- </div>
- {block:ifnothidecaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifnothidecaptions}
- {/block:Photoset}
- {block:Video}
- {block:if400pxposts}
- {Video-400}
- {/block:if400pxposts}
- {block:if500pxposts}
- {Video-500}
- {/block:if500pxposts}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- <div class="playerwrapper">
- <div class="audioplayer">
- {AudioPlayerWhite}
- </div>
- </div>
- <div class="albumart">
- <div class="noart"></div>
- {block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}
- </div>
- <div class="audioinfo">
- <div class="infoline"><i class="fa fa-music" title="track name"></i>{block:TrackName}{TrackName}{/block:TrackName}</div>
- <div class="infoline"><i class="fa fa-microphone" title="artist"></i>{block:Artist}{Artist}{/block:Artist}</div>
- <div class="infoline"><i class="fa fa-headphones" title="play count"></i>{PlayCountWithLabel}</div>
- </div>
- {block:ifnothidecaptions}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:ifnothidecaptions}
- {/block:Audio}
- {block:Quote}
- <div class="quotewrap">
- <i class="fa fa-quote-left"></i><span style="display:inline; font-size:8px; text-transform:uppercase; letter-spacing:1px;"><p align="justify" style="margin-bottom:-2px;">{Quote}</p></span>
- {block:Source}<center><span class="quotesource">— {Source}</p></center>{/block:Source}
- </div>
- {/block:Quote}
- {block:Text}
- {block:Title}<center><h1>{Title}</h1></center>{/block:Title}
- <div class="body">{Body}</div>
- {/block:Text}
- {block:Answer}
- <div class="asker"><img src="{AskerPortraitURL-48}" /></div>
- <div class="ask"><span style="text-transform:uppercase; font-size:8px; letter-spacing:1px;"><b>{Asker} asked:</b></span> {Question}</div>
- <div class="body">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<center><h1>{Title}</h1></center>{/block:Title}
- <div class="chat">
- <ul>
- {block:Lines}<li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}
- </ul>
- </div>
- {/block:Chat}
- {block:Link}
- <a href="{URL}"><div class="linkp"><i class="fa fa-external-link"></i><center>{Name}</center></div></a>
- {block:Description}
- <div class="body">{Description}</div>
- {/block:Description}
- {/block:Link}
- </div>
- {block:PostNotes}
- {PostNotes-16}
- {/block:PostNotes}
- {/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:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement