Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!---Theme #28 'Horatio' by Brianna @ colorfulmetaphors.tumblr.com
- Rules:
- 1. Do not remove the credit from the code or the theme. You may MOVE it, but leave it on the FIRST page of your blog, ie: it must be visible on the main page.
- 2. Do not redistribute this theme.
- 3. Do not steal this theme. Taking a portion of the code and adding it to your own theme/others' counts as stealing. If you want to learn how to do something, ask, and I will do my best to help you.
- 4. Do not use this theme as a base code.
- 5. If you have any problems, find glitches, or just need help, please ask me! That's not really a rule, but I'd love to help.
- Help:
- - Theme looks best in Google Chrome.
- - SAVE and REFRESH the page before changing appearance options.
- - The background image REPEAT and POSITION can be changed under the appearance options. Select or deslect 'BackgroundImageRepeat' and enter the position in 'bgimgposition'.
- - There are six extra links available. Add them under the appearance options. You can create more by adding <a href="LINK_URL_HERE">LINK_NAME</a> after {/block:IfLink6Name} in the code.
- - This theme has two placement options for the post info (time stamp, note count, source, and reblog button). For bottom-align info, deselect 'TopInfo' in the appearance options.
- - There are three post sizes available. For 250px posts, deselect both '400pxPosts' and '500pxPosts'.
- - The hover effect on the title is optional. To turn it off, deselect 'TitleHover'.
- !!!IMPORTANT!!!
- - To make your title fit in the space provided, you'll have to tinker a bit. Try to keep your title short.
- - Enter the title you want to show on your blog under 'Title'. This enables you to have separate titles on your blog page and window tab.
- - Use 'horizontal title spacing' for the horizontal alignment. The bigger the number, the farther apart the letters will be. Use a small amount for a long title, and a bigger number for shorter titles.
- - If you have enabled the title hover, use 'title font size' for the vertical alignment.
- - The sidebar image is 40px square. Small image will be stretched, and larger ones compressed.
- - You can either use an image you upload, or your Tumblr icon as a sidebar image. For the icon, select 'Icon' under the appearance options.
- - The BODY font SIZE can be changed under the appearance options. DO NOT add 'px' after the number.
- - The 'highlight' and 'highlighttext' color options refer to the background and text color that appears when you click and drag the cursor.
- Enjoy!
- --->
- <!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><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='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Lato:100,400' rel='stylesheet' type='text/css'>
- <script src="http://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>
- <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- {block:IndexPage}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- <script type="text/javascript">
- $(window).load(function () {
- $('#entries').masonry({
- itemSelector : "#post",
- },
- function() { $('#entries').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IndexPage}
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:text" content="#7a7a7a"/>
- <meta name="color:posts" content="#fafafa"/>
- <meta name="color:sidebar image border" content="#dbdbdb"/>
- <meta name="color:sidebar image border hover" content="#272727"/>
- <meta name="color:side text" content="#444444"/>
- <meta name="color:title hover" content="#999999"/>
- <meta name="color:title" content="#a7a7a7"/>
- <meta name="color:sidelink text" content="#000000"/>
- <meta name="color:sidelink border" content="#cacaca"/>
- <meta name="color:jump links" content="#a1a1a1"/>
- <meta name="color:jump links bg" content="#e6e6e6"/>
- <meta name="color:link" content="#121212"/>
- <meta name="color:link hover" content="#999999"/>
- <meta name="color:info link bg" content="#222222"/>
- <meta name="color:date" content="#ffffff"/>
- <meta name="color:info link" content="#717171"/>
- <meta name="color:info link hover" content="#c6c6c6"/>
- <meta name="color:blockquotes" content="#e4e4e4"/>
- <meta name="color:scrollbar background" content="#dddddd"/>
- <meta name="color:scrollbar" content="#999999"/>
- <meta name="color:highlight" content="#dddddd"/>
- <meta name="color:highlight text" content="#111111"/>
- <meta name="image:background" content=""/>
- <meta name="image:sidebar" content=""/>
- <meta name="font:body" content=""/>
- <meta name="font:sidebar" content=""/>
- <meta name="text:title" content="title here"/>
- <meta name="text:title font size" content="14"/>
- <meta name="text:horizontal title spacing" content="7"/>
- <meta name="text:body font size" content="11"/>
- <meta name="text:bg img position" content="bottom left" />
- <meta name="text:link1" content="/"/>
- <meta name="text:link1name" content=""/>
- <meta name="text:link2" content="/"/>
- <meta name="text:link2name" content=""/>
- <meta name="text:link3" content="/"/>
- <meta name="text:link3name" content=""/>
- <meta name="text:link4" content="/"/>
- <meta name="text:link4name" content=""/>
- <meta name="text:link5" content="/"/>
- <meta name="text:link5name" content=""/>
- <meta name="text:link6" content="/"/>
- <meta name="text:link6name" content=""/>
- <meta name="if:BackgroundImageRepeat" content="" />
- <meta name="if:400pxPosts" content=""/>
- <meta name="if:500pxPosts" content=""/>
- <meta name="if:Icon" content="1"/>
- <meta name="if:TitleHover" content="1"/>
- <meta name="if:TopInfo" content="1"/>
- <style type="text/css">
- 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.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
- ::-webkit-scrollbar {
- width: 7px;
- background-color:{color:scrollbar background};
- }
- ::-webkit-scrollbar-thumb {
- width:7px;
- background-color:{color:scrollbar};
- }
- ::selection {
- background: {color:highlight};
- color: {color:highlight text};
- }
- #s-m-t-tooltip {
- z-index: 9999;
- background:{color:background};
- font-size: 7px;
- text-transform:uppercase;
- letter-spacing:1px;
- color:{color:text};
- padding: 5px 10px 5px 10px;
- display: block;
- margin: 17px 0px 0px -10px;
- box-shadow:3px 3px 5px;
- font-family: 'Droid Sans', sans-serif;
- }
- body {
- background-color:{color:background};
- color:{color:text};
- font-size:{text:body font size}px;
- line-height:13px;
- font-family:{font:body};
- background-image:url('{image:background}');
- background-attachment:fixed;
- background-position:{text:bg img position};
- {block:IfBackgroundImageRepeat}
- background-repeat:repeat;
- {/block:IfBackgroundImageRepeat}
- {block:IfNotBackgroundImageRepeat}
- background-repeat:no-repeat;
- {/block:IfNotBackgroundImageRepeat}
- }
- a {
- color:{color:link};
- text-decoration:none;
- outline:none;
- -moz-outline-style:none;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- a:hover {
- color:{color:link hover};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- blockquote {
- padding:1px 10px 1px 10px;
- border-left:1px solid {color:text};
- margin-left:10px;
- font-size:9px;
- word-wrap:break-word;
- background-color:{color:blockquotes};
- {block:IndexPage}
- {block:If500pxPosts}
- width:460px;
- {/block:If500pxPosts}
- {block:If400pxPosts}
- width:360px;
- {/block:If400pxPosts}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- width:210px;
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width:460px;
- {/block:PermalinkPage}
- }
- blockquote blockquote {
- padding:5px 5px 5px 5px;
- border-left:1px solid {color:text};
- background-color:{color:blockquotes};
- {block:If500pxPosts}
- min-width:250px;
- width:auto;
- {/block:If500pxPosts}
- {block:If400pxPosts}
- min-width:200px;
- width:auto;
- {/block:If400pxPosts}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- min-width:100px;
- max-width:200px;
- width:auto;
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- min-width:250px;
- width:auto;
- {/block:PermalinkPage}
- }
- blockquote img {
- {block:IndexPage}
- {block:If500pxPosts}
- max-width:430px;
- {/block:If500pxPosts}
- {block:If400pxPosts}
- max-width:330px;
- {/block:If400pxPosts}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- max-width:180px;
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- max-width:430px;
- {/block:PermalinkPage}
- }
- #theme {
- margin:auto;
- {block:IndexPage}
- {block:If400pxPosts}
- width:726px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:826px;
- {/block:If500pxPosts}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- width:881px;
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width:826px;
- {/block:PermalinkPage}
- }
- #entries {
- position:relative;
- padding-top:60px;
- {block:IndexPage}
- {block:If400pxPosts}
- width:400px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:500px;
- {/block:If500pxPosts}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- width:560px;
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- #post {
- background-color:{color:posts};
- padding:5px;
- word-wrap:break-word;
- {block:IndexPage}
- {block:If400pxPosts}
- width:400px;
- margin-bottom:30px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:500px;
- margin-bottom:30px;
- {/block:If500pxPosts}
- {block:IfNot500pxPosts}
- {block:IfNot400pxPosts}
- width:250px;
- margin:10px;
- float:left;
- {/block:IfNot400pxPosts}
- {/block:IfNot500pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width:500px;
- {/block:PermalinkPage}
- }
- h1 {
- font-size:17px;
- text-align:left;
- line-height:130%;
- }
- #sidebar {
- width:215px;
- height:100%;
- top:0px;
- position:fixed;
- padding-top:60px;
- border-left:1px solid {color:sidebar image border};
- {block:IfTitleHover}
- padding-left:50px;
- {/block:IfTitleHover}
- {block:IfNotTitleHover}
- padding-left:40px;
- {/block:IfNotTitleHover}
- {block:IndexPage}
- {block:If400pxPosts}
- margin-left:460px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- margin-left:560px;
- {/block:If500pxPosts}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- margin-left:605px;
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-left:560px;
- {/block:PermalinkPage}
- }
- #small {
- }
- #desc {
- margin-top:-34px;
- margin-left:42px;
- width:100px;
- font-size:9px;
- text-align:justify;
- font-family:{font:sidebar};
- padding-top:5px;
- padding-right:10px;
- color:{color:side text};
- border-top:35px solid {color:sidebar image border};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- {block:IfNotTitleHover}
- padding-right:67px;
- {/block:IfNotTitleHover}
- }
- #desc a {
- text-decoration:underline;
- }
- .rounder {
- float:left;
- clear:left;
- height:10px;
- }
- #rights {
- margin-left:150px;
- position:absolute;
- margin-top:23px;
- width:50px;
- }
- #rights a {
- font-size:8px;
- margin-top:-13px;
- padding:2px 0px 2px 7px;
- font-style:italic;
- color:{color:sidelink text};
- font-family:georgia, serif;
- display:block;
- border-left:1px solid {color:sidelink border};
- {block:IfTitleHover}
- opacity:0;
- {/block:IfTitleHover}
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #rights a:hover {
- border-left:15px solid {color:sidebar image border hover};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- {block:IfTitleHover}
- #small:hover #rights a {
- opacity:1;
- }
- #small:hover #rou img {
- border:5px solid {color:sidebar image border hover};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #small:hover #desc {
- padding-right:67px;
- border-top:35px solid {color:sidebar image border hover};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #small:hover #long {
- margin-left:103px;
- opacity:0;
- margin-top:-107px;
- -ms-transform: rotate(-90deg);
- -webkit-transform: rotate(-90deg);
- transform: rotate(-90deg);
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #small:hover #wide {
- margin-left:43px;
- opacity:1;
- margin-top:-34px;
- -ms-transform: rotate(0deg);
- -webkit-transform: rotate(0deg);
- transform: rotate(0deg);
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #small:hover #jumps {
- opacity:1;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- {/block:IfTitleHover}
- #jumps {
- margin-top:10px;
- margin-left:15px;
- position:absolute;
- {block:IfTitleHover}
- opacity:0;
- {/block:IfTitleHover}
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- #jumps a {
- display:block;
- margin-top:5px;
- padding:3px;
- width:12px;
- height:12px;
- text-align:center;
- font-family: 'Inconsolata';
- margin-bottom:5px;
- border-radius:50%;
- color:{color:jump links};
- background-color:{color:jump links bg};
- }
- #jumps a:hover {
- background-color:{color:jump links};
- color:{color:jump links bg};
- }
- #rou {
- width:40px;
- height:40px;
- position:relative;
- border-radius:50%;
- z-index:999;
- }
- #rou img {
- width:40px;
- height:40px;
- border-radius:50%;
- border:5px solid {color:sidebar image border};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- {block:IfTitleHover}
- #long {
- margin-top:-17px;
- position:absolute;
- width:9px;
- height:150px;
- padding:20px 8px 5px 8px;
- line-height:120%;
- z-index:888;
- font-size:{text:title font size}px;
- word-wrap:break-word;
- text-transform:uppercase;
- text-align:center;
- color:{color:title};
- overflow:hidden;
- font-family: 'Inconsolata';
- border:5px solid {color:sidebar image border};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- {/block:IfTitleHover}
- #wide a {
- color:{color:title};
- }
- #wide a:hover {
- color:{color:title hover};
- }
- #wide {
- position:absolute;
- z-index:888;
- height:11px;
- font-size:{text:title font size}px;
- width:142px;
- padding:7px 5px 7px 13px;
- letter-spacing:{text:horizontal title spacing}px;
- word-wrap:break-word;
- text-transform:uppercase;
- text-align:left;
- overflow:hidden;
- font-family: 'Inconsolata';
- {block:IfTitleHover}
- border:5px solid {color:sidebar image border hover};
- opacity:0;
- -ms-transform: rotate(90deg);
- -webkit-transform: rotate(90deg);
- transform: rotate(90deg);
- margin-left:-65px;
- margin-top:65px;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- {/block:IfTitleHover}
- {block:IfNotTitleHover}
- border:5px solid {color:sidebar image border};
- margin-left:43px;
- margin-top:-34px;
- {/block:IfNotTitleHover}
- }
- #bottom {
- padding:10px 30px 40px 30px;
- border-top:1px solid {color:sidebar image border};
- text-transform:uppercase;
- letter-spacing:1px;
- text-align:center;
- font-size:9px;
- {block:If500pxPosts}
- width:400px;
- margin-left:25px;
- {/block:If500pxPosts}
- {block:If400pxPosts}
- width:300px;
- margin-left:25px;
- {/block:If400pxPosts}
- {block:IfNot500pxPosts}
- {block:IfNot400pxPosts}
- width:410px;
- margin-left:40px;
- {/block:IfNot400pxPosts}
- {/block:IfNot500pxPosts}
- }
- #bottom a {
- color:{color:scrollbar};
- font-family: 'Droid Sans', sans-serif;
- }
- #bottom a:hover {
- opacity:0.6;
- }
- #info {
- margin-top:5px;
- text-align:left;
- padding-top:5px;
- font-family: 'Lato', 'sans-serif;
- {block:IndexPage}
- letter-spacing:1px;
- font-size:8px;
- {block:IfTopInfo}
- z-index:9999;
- margin-top:-5px;
- padding:5px;
- position:absolute;
- opacity:0;
- border-bottom:1px solid {color:sidelink border};
- background-color:{color:posts};
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- {block:If500pxPosts}
- width:490px;
- {/block:If500pxPosts}
- {block:If400pxPosts}
- width:390px;
- {/block:If400pxPosts}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- width:240px;
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IfTopInfo}
- {block:IfNotTopInfo}
- border-top:1px solid {color:sidelink border};
- {/block:IfNotTopInfo}
- {/block:IndexPage}
- {block:PermalinkPage}
- border-top:1px solid {color:sidelink border};
- font-size:9px;
- {/block:PermalinkPage}
- }
- {block:IndexPage}
- {block:IfTopInfo}
- #post:hover #info {
- opacity:0.8;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- {/block:IfTopInfo}
- {/block:IndexPage}
- #info a {
- font-family: 'Lato', sans-serif;
- color:{color:info link};
- {block:PermalinkPage}
- font-size:7px;
- text-transform:uppercase;
- text-decoration:underline;
- {/block:PermalinkPage}
- }
- #info a:hover {
- color:{color:info link hover};
- }
- #tags {
- {block:IndexPage}
- {block:IfTopInfo}
- border-top:1px solid {color:sidelink border};
- margin-top:7px;
- padding-top:3px;
- {/block:IfTopInfo}
- {block:IfNotTopInfo}
- margin-top:3px;
- {/block:IfNotTopInfo}
- {/block:IndexPage}
- {block:PermalinkPage}
- font-family: 'Lato', sans-serif;
- font-size:8px;
- font-style:italic;
- {/block:PermalinkPage}
- }
- #tags a {
- {block:IndexPage}
- font-size:8px;
- font-style:italic;
- font-family:georgia;
- {/block:IndexPage}
- {block:PermalinkPage}
- font-size:7px;
- text-transform:uppercase;
- text-decoration:underline;
- font-family: 'Lato', sans-serif;
- {/block:PermalinkPage}
- }
- #credit {
- position:fixed;
- bottom:0px;
- left:0px;
- padding:4px 10px 4px 5px;
- text-decoration:none;
- font-size:11px;
- background-color:{color:side text};
- color:{color:background};
- font-family: 'Allura', cursive;
- -webkit-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .quote {
- padding-left:50px;
- padding-right:50px;
- font-size:12px;
- line-height:110%;
- text-align:center;
- font-family: 'Droid Sans', sans-serif;
- }
- .face {
- float:right;
- width:37px;
- height:30px;
- padding-left:5px;
- border-left:1px solid {color:posts};
- }
- .face img {
- border:7px solid {color:posts};
- }
- .question {
- padding:10px;
- background-color:{color:blockquotes};
- min-height:30px;
- {block:IndexPage}
- {block:If400pxPosts}
- width:380px;
- {/block:If400pxPosts}
- {block:If500pxPosts}
- width:480px;
- {/block:If500pxPosts}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- width:230px;
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- width:480px;
- {/block:PermalinkPage}
- }
- .words {
- text-align:justify;
- line-height:150%;
- }
- .audio {
- margin-right:5px;
- width:70px;
- float:left;
- }
- .hidden {
- width:70px;
- height:73px;
- }
- .tumblr_audio_player {
- margin:0px;
- padding:0px;
- width:500px;
- height:50px;
- }
- .pull {
- margin-left:5px;
- margin-top:-5px;
- }
- .player {
- width:35px;
- height:37px;
- margin-left:10px;
- margin-top:10px;
- overflow:hidden;
- position:absolute;
- opacity:0.7;
- background-color:#fff;
- z-index:8888;
- border:7px solid #ECECEC;
- -webkit-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .player:hover {
- opacity:1;
- -webkit-transition: all 0.3s ease-out;
- -o-transition: all 0.3s ease-out;
- -webkit-transition: all 0.3s ease-out;
- -moz-transition: all 0.3s ease-out;
- }
- .caption {
- margin-top:20px;
- }
- .audio img{
- max-width: 70px;
- height: auto;
- }
- .song {
- margin-left:70px;
- margin-top:-55px;
- text-transform:uppercase;
- font-size:10px;
- padding-bottom:13px;
- font-family: 'Droid Sans', sans-serif;
- }
- .link {
- padding:15px;
- background-color:{color:tags bg};
- border:1px solid {color:posts};
- border-radius:20px;
- font-size:15px;
- font-style:italic;
- }
- .link a {
- color:{color:tags};
- }
- .link a:hover {
- text-shadow:1px 1px 1px;
- }
- ol.notes {
- padding:0px;
- margin-left:15px;
- list-style-type:decimal;
- font-style:italic;
- border-bottom: solid 1px {color:posts};
- width:480px;
- }
- ol.notes li.note {
- border-top: solid 1px {color:posts};
- padding: 10px;
- font-family: 'Droid Sans', sans-serif;
- font-size:9px;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note blockquote {
- border-color: {color:text};
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- {CustomCSS}</style></head><body>
- <div id="theme">
- <div id="sidebar">
- <div id="small">
- <div id="rou">
- {block:IfIcon}
- <a title="home page" href="/"><img src="{PortraitURL-40}"/></a>
- {/block:IfIcon}
- {block:IfNotIcon}
- <a href="/" title="home page"><img src="{image:sidebar}"/></a>
- {/block:IfNotIcon}
- </div>
- {block:IfTitleHover}
- <div id="long">
- {text:title}
- </div>
- {/block:IfTitleHover}
- <div id="wide">
- <a href="/">{text:title}</a>
- </div>
- <div id="jumps">
- {block:JumpPagination length="7"}
- {block:JumpPage}
- <a title="page: {PageNumber}" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- </div>
- <div id="rights">
- {block:IfLink1Name}
- <a href="{text:link1}">{text:link1name}</a><br />
- {/block:IfLink1Name}
- {block:IfLink2Name}
- <a href="{text:link2}">{text:link2name}</a><br />
- {/block:IfLink2Name}
- {block:IfLink3Name}
- <a href="{text:link3}">{text:link3name}</a><br />
- {/block:IfLink3Name}
- {block:IfLink4Name}
- <a href="{text:link4}">{text:link4name}</a><br />
- {/block:IfLink4Name}
- {block:IfLink5Name}
- <a href="{text:link5}">{text:link5name}</a><br />
- {/block:IfLink5Name}
- {block:IfLink6Name}
- <a href="{text:link6}">{text:link6name}</a><br />
- {/block:IfLink6Name}
- </div>
- <div id="desc">
- <div class="rounder" style="width:3px;"></div>
- {Description}
- </div>
- </div>
- </div>
- <a target="blank" title="theme by colorfulmetaphors" href="http://colorfulmetaphors.tumblr.com/">
- <div id="credit">
- T
- </div>
- </a>
- <div id="entries">
- {block:Posts}
- <div id="post">
- {block:IndexPage}
- {block:IfTopInfo}
- <div id="info">
- {block:Date}
- <a href="{Permalink}"><span style="background-color:{color:info link bg};padding:1px 2px 2px 3px;color:{color:date};">{ShortMonth} {DayofMonth}</span>
- {/block:Date}
- {NoteCount}</a> |
- <a href="{ReblogURL}">reblog</a>
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- {block:RebloggedFrom}
- |
- <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
- {block:ContentSource}
- - <a title="{ReblogRootName}" href="{SourceURL}">source</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- {block:RebloggedFrom}
- |
- via <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {block:ContentSource}
- - © <a href="{SourceURL}">{ReblogRootName}</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- {/block:If400pxPosts}
- {block:If500pxPosts}
- {block:RebloggedFrom}
- |
- via <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {block:ContentSource}
- - © <a href="{SourceURL}">{ReblogRootName}</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- {/block:If500pxPosts}
- </div>
- {/block:IfTopInfo}
- {/block:IndexPage}
- {block:Text}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <center>{LinkOpenTag}
- {block:IndexPage}
- {block:If400pxPosts}
- <img src="{PhotoURL-500}" width="400">
- {/block:If400pxPosts}
- {block:If500pxPosts}
- <img src="{PhotoURL-500}">
- {/block:If500pxPosts}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- <img src="{PhotoURL-500}" width="250">
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-500}">
- {/block:PermalinkPage}
- {LinkCloseTag}</center>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- {block:If400pxPosts}
- {Photoset-400}
- {/block:If400pxPosts}
- {block:If500pxPosts}
- {Photoset-500}
- {/block:If500pxPosts}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- {Photoset-250}
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Photoset-500}
- {/block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">
- {Quote}
- </div>
- {block:Source}
- <div style="text-align:center; font-family: 'Droid Sans', sans-serif; padding-top:5px">β {Source} β
- </div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="link">
- <a target="blank" href="{URL}" {Target}>----- {Name}</a>
- </div>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1>
- {Title}
- </h1>
- {/block:Title}
- {block:Lines}
- {block:Label}
- <strong>{Label} </strong>
- {/block:Label}
- {Line}<br />
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}
- <div class="audio">
- <img src="{AlbumArtURL}">
- </div>
- {/block:AlbumArt}
- <div class="hidden">
- <div class="player">
- <div class="pull">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div class="song">
- {block:TrackName}
- {TrackName}
- {/block:TrackName}
- {block:Artist}
- <br />{Artist}
- {/block:Artist}
- <br />{PlayCountWithLabel}
- </div>
- {block:Caption}
- <div class="caption">
- {Caption}
- </div>
- {/block:Caption}
- {/block:Audio}
- {block:Video}
- {block:IndexPage}
- {block:If400pxPosts}
- {Video-400}
- {/block:If400pxPosts}
- {block:If500pxPosts}
- {Video-500}
- {/block:If500pxPosts}
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- {Video-250}
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {/block:IndexPage}
- {block:PermalinkPage}
- {Video-500}
- {/block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="question">
- <div class="words">
- <a href="{AskerURL}" title="{AskerName}">
- <div style="float:right;margin-left:5px;padding-left:5px;border-left:1px solid {color:posts};height:30px;">
- <img src="{AskerPortraitURL-16}" border="7px solid {color:posts}">
- </div>
- </a>
- {Question}
- </div>
- </div>
- <br />
- {Answer}
- {/block:Answer}
- {block:IndexPage}
- {block:IfNotTopInfo}
- <div id="info">
- {block:Date}
- <a href="{Permalink}"><span style="background-color:{color:info link bg};padding:1px 2px 2px 3px;color:{color:date};">{ShortMonth} {DayofMonth}</span>
- {/block:Date}
- {NoteCount}</a> |
- <a href="{ReblogURL}">reblog</a>
- {block:IfNot400pxPosts}
- {block:IfNot500pxPosts}
- {block:RebloggedFrom}
- |
- <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
- {block:ContentSource}
- - <a title="{ReblogRootName}" href="{SourceURL}">source</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- {/block:IfNot500pxPosts}
- {/block:IfNot400pxPosts}
- {block:If400pxPosts}
- {block:RebloggedFrom}
- |
- via <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {block:ContentSource}
- - © <a href="{SourceURL}">{ReblogRootName}</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- {/block:If400pxPosts}
- {block:If500pxPosts}
- {block:RebloggedFrom}
- |
- via <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {block:ContentSource}
- - © <a href="{SourceURL}">{ReblogRootName}</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- {/block:If500pxPosts}
- </div>
- {/block:IfNotTopInfo}
- {block:HasTags}
- <div id="tags">
- {block:Tags}
- <a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:IndexPage}
- {block:PermalinkPage}
- <div id="info">
- {block:Date}
- {TimeAgo} on {Month} {DayofMonth}{DayofMonthSuffix} with
- {/block:Date}
- {NoteCountWithLabel}
- <a href="{ReblogURL}">reblog</a>
- {block:RebloggedFrom}
- <br />
- {block:ContentSource}
- originally from <a href="{SourceURL}">{ReblogRootName}</a>,
- {/block:ContentSource}
- via <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- </div>
- {block:HasTags}
- <div id="tags">
- tagged as:
- {block:Tags}
- <a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- {/block:PermalinkPage}
- </div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:Posts}
- </div>
- {block:IndexPage}
- <div id="bottom">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">prev page</a> ·
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">next page</a>
- {/block:NextPage}
- {/block:Pagination}
- </div>
- {/block:IndexPage}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement