Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--
- THEME #2 (REVAMPED FROM MY OLD THEME #6)
- @ WGTHEMES.TUMBLR.COM / WEDNESGAY.TUMBLR.COM
- >>> PLEASE DO NOT REMOVE THIS TEXT
- --------------------------------------------------------
- RULES:
- -- You MAY:
- ► edit to your liking for YOUR PERSONAL USE
- ► change the colors and images and etc (of course)
- -- You MAY NOT
- ► steal
- ► redistribute
- ► claim as your own
- ► take any part of the code
- ► use as a base
- ► remove the credit
- ► combine with other themes
- You can find my themes blog at http://wgthemes.tumblr.com
- >>> PLEASE DO NOT REMOVE THIS TEXT
- --------------------------------------------------------
- TOGGLE OPTIONS:
- -- General
- ► Custom body font (choose from dropdown menu)
- ► Custom Google webfont (pick a font from http://www.google.com/fonts/
- and enter its name in the text field titled "Custom Google Font")
- *** THE FONT SIZES IN THIS THEME ARE BEST SUITED FOR THE FONT
- 'HOMEMADE APPLE'. THE THEME MAY LOOK WONKY WITH OTHER FONTS, IN
- WHICH CASE YOU MAY HAVE TO ADJUST THE LINE-HEIGHT AND FONT SIZE
- -- Bar
- ► Aligned to bottom or top of page
- ► Icon (50x50 px)
- ► You have to have at least 3 custom links
- -- Longbar
- ► Appears when you hover on icon
- ► Optional sidebar image (150px wide)
- ► Optional pretitle/subtitle (or both)
- ► Option to show blog title(s) before or after sidebar image
- ► Up to 7 more custom links
- -- Posts
- ► 500/400px posts
- ► Show info on index page
- ► Show info on hover
- ► Show tags on index page
- ► Show tags on hover
- ► Show reblog and like Buttons
- -- Pagination - choose between:
- ► Simple arrow pagination at the sides of the post container
- ► Jump pagination at top/bottom of screen (opposite the bar)
- -- Misc
- ► Lazyload images
- ► Round/square theme credit link
- ► Back to top button
- ► Inverted tumblr controls
- >>> YOU CAN REMOVE THIS TEXT IF YOU LIKE
- --------------------------------------------------------
- CREDITS:
- ► Tooltip script: http://manos.malihu.gr/style-my-tooltips-jquery-plugin/
- ► Scroll-to-top scrip: http://markgoodyear.com/2013/01/scrollup-jquery-plugin/
- >>> PLEASE DO NOT REMOVE THIS TEXT
- -->
- <head>
- <!-- colors -->
- <meta name="color:Background" content="#ebdeef" />
- <meta name="color:Font" content="#919191" />
- <meta name="color:Link" content="#9e008d" />
- <meta name="color:Link Hover" content="#bf7de5" />
- <meta name="color:Bar" content="#a754b3" />
- <meta name="color:Bar Links" content="#9e008d" />
- <meta name="color:Outline Border" content="#ffffff" />
- <meta name="color:Border" content="#ad88b6" />
- <meta name="color:Posts Container" content="#d4b5da" />
- <meta name="color:Posts Outer" content="#f6def4" />
- <meta name="color:Posts Inner" content="#ffffff" />
- <meta name="color:Selection Text" content="#ffffff" />
- <meta name="color:Scrollbar" content="#e1c1f6" />
- <meta name="color:Selection" content="#ffe190" />
- <meta name="color:Blockquote" content="#f6def4" />
- <!-- images -->
- <meta name="image:Longbar" content="" />
- <meta name="image:Background" content="" />
- <meta name="image:Bar" content="" />
- <!-- sub/pre title -->
- <meta name="text:Subtitle" content="" />
- <meta name="text:Pretitle" content="" />
- <!-- links -->
- <meta name="text:Link01" content="" />
- <meta name="text:Link01 URL" content="" />
- <meta name="text:Link02" content="" />
- <meta name="text:Link02 URL" content="" />
- <meta name="text:Link03" content="" />
- <meta name="text:Link03 URL" content="" />
- <meta name="text:Link04" content="" />
- <meta name="text:Link04 URL" content="" />
- <meta name="text:Link05" content="" />
- <meta name="text:Link05 URL" content="" />
- <meta name="text:Link06" content="" />
- <meta name="text:Link06 URL" content="" />
- <meta name="text:Link07" content="" />
- <meta name="text:Link07 URL" content="" />
- <meta name="text:Link08" content="" />
- <meta name="text:Link08 URL" content="" />
- <meta name="text:Link09" content="" />
- <meta name="text:Link09 URL" content="" />
- <meta name="text:Link10" content="" />
- <meta name="text:Link10 URL" content="" />
- <!-- options -->
- <meta name="if:500px Posts" content="0" />
- <meta name="if:400px Posts" content="1" />
- <meta name="if:Permalink Pagination" content="1" />
- <meta name="if:Top Aligned" content="0" />
- <meta name="if:Show Blogtitle" content="1" />
- <meta name="if:Blogtitle Before Longbar Image" content="1" />
- <meta name="if:Show Info on Index Page" content="1" />
- <meta name="if:Show Info on Hover" content="0" />
- <meta name="if:Show Tags on Index Page" content="1" />
- <meta name="if:Show Tags on Hover" content="0" />
- <meta name="if:Show Reblog And Like Buttons" content="1" />
- <meta name="if:Jump Pagination" content="0" />
- <meta name="if:Lazy Load" content="1" />
- <meta name="if:Inverted Tumblr Controls" content="1" />
- <meta name="if:Back to Top Button" content="1" />
- <meta name="if:Square Credit Link" content="0" />
- <!-- Custom Font -->
- <meta name="if:Custom Body Font" content="0" />
- <meta name="font:Custom Body Font" content="Georgia" />
- <meta name="text:Custom Body Font Size" content="9" />
- <meta name="text:Custom Google Font" content="Homemade Apple" />
- <title>{Title}{block:PostSummary} | {PostSummary}{/block:PostSummary}{block:TagPage} | #{Tag}{/block:TagPage}{block:DayPage} | {ShortMonth} {DayOfMonth}, {Year}{/block:DayPage}</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}
- <!-- WEBFONTS -->
- <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
- {block:ifCustomGoogleFont}<link href='http://fonts.googleapis.com/css?family={text:Custom Google Font}' rel='stylesheet' type='text/css'>
- <!-------- SCRIPTS -------->
- <!-- jquery (necessary) -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
- {block:ifBacktoTopButton}<!-- scroll to top script -->
- <script src="http://static.tumblr.com/wcpu05v/aBWmp3tpw/jquery.scrollup.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(function () {
- $.scrollUp({
- scrollName: 'scrollUp', // Element ID
- topDistance: '800', // Distance from top before showing element (px)
- topSpeed: 500, // Speed back to top (ms)
- animation: 'fade', // Fade, slide, none
- animationInSpeed: 250, // Animation in speed (ms)
- animationOutSpeed: 250, // Animation out speed (ms)
- scrollText: 'scroll to top', // Text for element
- activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
- });
- });
- </script>
- {/block:ifBacktoTopButton}
- <!-- tooltip script -->
- <script src="http://static.tumblr.com/xgofl0y/O7Fm1ufj3/jquery.style-my-tooltips.js" type="text/javascript"></script>
- <script>
- $().ready(function() {
- $("[title]").style_my_tooltips({
- tip_follows_cursor: "on", //on/off
- tip_delay_time: 200 //milliseconds
- });
- });
- </script>
- {block:ifLazyLoad}<!-- lazy load script -->
- <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(".post img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>{/block:ifLazyLoad}
- <style type="text/css">
- body{
- background-color:{color:Background};
- color:{color:Font};
- {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
- {block:ifNotCustomBodyFont}font-family: Calibri, Helvetica, Helvetica Neue, Arial;{/block:ifNotCustomBodyFont}
- {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont}
- {block:ifCustomBodyFont}font-family:{font:Custom Body Font};{/block:ifCustomBodyFont}
- line-height:;
- background-image: url({image:Background});
- background-position: left top;
- background-attachment: fixed;
- background-repeat: repeat;
- }
- a:link, a:visited, a:active{
- text-decoration:none;
- border-bottom: 1px solid transparent;
- padding-bottom: 3px;
- color:{color:Link};
- }
- a:hover{
- padding-bottom: 0px;
- border-bottom: 1px solid {color:Link};
- color:{color:Link Hover};
- }
- a:link, a:visited, a:active, a:hover{
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- ul, ol{ margin-left:-15px; font-weight:bold; }
- li{ font-weight:normal; position: relative; }
- li img{ position: relative; max-width:100%; }
- pre{ word-wrap: break-word; }
- p{ margin-top:0px; }
- table{ {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont} {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont} }
- *::before, *:hover::before{
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- /* tooltip */
- #s-m-t-tooltip{
- position:absolute; z-index:90000000000000000; font-size:9px; text-transform: uppercase; font-family: consolas, monospace, courier, courier new; display:inline-block; padding: 3px 7px;
- max-width:350px; word-wrap: break-word; font-weight: normal; background-color:{color:Posts Inner}; border: 1px solid {color:Border}; color:{color:Link}; }
- {block:ifBacktoTopButton}
- /* scroll up */
- #scrollUp { border-bottom: 0px solid; color: transparent; overflow: visible !important; bottom: 13px; right: 38px; width: 16px; height: 11px; padding: 0; z-index:1000; text-align: center; text-decoration: none; background-color: transparent; -webkit-transition: margin-bottom 150ms linear; -moz-transition: margin-bottom 150ms linear; transition: margin-bottom 150ms linear; }
- #scrollUp::before{ content: ''; position: absolute; border-left: 6px solid transparent; border-right: 6px solid transparent; height: 0; width: 0;
- z-index: 3; border-bottom: 9px solid {color:Link}; }
- #scrollUp::after{ content: ''; position: absolute; top: -1px; left: -2px; border-left: 8px solid transparent; border-right: 8px solid transparent;
- height: 0; width: 0; z-index: 2; border-bottom: 11px solid {color:Link}; }
- #scrollUp:hover::before{ border-bottom: 9px solid {color:Outline Border}; }
- {/block:ifBacktoTopButton}
- /* ---------------------- bar ---------------------- */
- #bar{
- position: fixed;
- {block:if500pxPosts}width:850px; margin-left:-425px;{/block:if500pxPosts}
- {block:if400pxPosts}width:750px; margin-left:-375px;{/block:if400pxPosts}
- left:50%;
- padding: 0px 0px;
- z-index:10000;
- height:50px;
- {block:ifNotTopAligned}bottom:0px;{/block:ifNotTopAligned}
- {block:ifTopAligned}top:0px{/block:ifTopAligned}
- }
- #barcontainer{
- position: absolute;
- width:100%;
- height:100%;
- z-index:10000;
- background-image: url({image:Bar});
- background-color:{color:Bar};
- {block:ifNotTopAligned}bottom:0px;{/block:ifNotTopAligned}
- {block:ifTopAligned}top:0px{/block:ifTopAligned}
- }
- #barcontainer:before{
- content: '';
- left:0px;
- width:100%;
- position: absolute;
- height:10px;
- z-index:9;
- background-color:{color:Outline Border};
- border-top: 1px solid {color:Border};
- border-bottom: 1px solid {color:Border};
- {block:ifNotTopAligned}bottom:100%;{/block:ifNotTopAligned}
- {block:ifTopAligned}top:100%; {/block:ifTopAligned}
- }
- #barcontainer:after{
- content: '';
- margin-bottom:1px;
- width:100%;
- position: absolute;
- height:10px;
- padding: 0px 1px;
- left:-1px;
- z-index:10;
- background-color:{color:Outline Border};
- {block:ifNotTopAligned}bottom:100%;{/block:ifNotTopAligned}
- {block:ifTopAligned}top:100%; margin-top:1px;{/block:ifTopAligned}
- }
- #icon{
- z-index:100;
- position: absolute;
- left:50%;
- margin-left:-36px;
- width:50px;
- height:50px;
- z-index:100000000; padding: 0px;
- background-color: {color:Outline Border};
- padding: 10px;
- border: 1px solid {color:Border};
- {block:ifNotTopAligned}bottom:100%; margin-bottom:-29px;{/block:ifNotTopAligned}
- {block:ifTopAligned}top:100%; margin-top:-31px;{/block:ifTopAligned}
- }
- #icon::before, #icon::after{
- content: '';
- z-index:-1;
- position: absolute;
- height: 10px;
- top: 50%; margin-top: -4px;
- border-left: 1px solid {color:Outline Border};
- }
- #icon::before{ left: -1px; }
- #icon::after{ right: -1px; }
- #icon img{ width:50px; height:50px; }
- #longbar{
- position: fixed;
- left:50%;
- opacity: 0;
- margin-left:-105px;
- width:190px;
- height:100%;
- z-index:1000;
- border: 10px solid {color:Outline Border};
- background-color:{color:Bar};
- background-image: url({image:Bar});
- {block:ifNotTopAligned}top:100%;{/block:ifNotTopAligned}
- {block:ifTopAligned}bottom:100%;{/block:ifTopAligned}
- }
- #longbar:before{
- content: '';
- position: absolute;
- left:-1px;
- width:100%;
- height:100%;
- z-index:-100;
- border: 1px solid {color:Border};
- {block:ifNotTopAligned}top:-1px;{/block:ifNotTopAligned}
- {block:ifTopAligned}bottom: -1px{/block:ifTopAligned}
- }
- #longbar:after{
- content: '';
- position: absolute;
- left:-11px;
- width:100%;
- height:100%;
- padding: 10px;
- z-index:-100;
- border: 1px solid {color:Border};
- {block:ifNotTopAligned}top:-11px;{/block:ifNotTopAligned}
- {block:ifTopAligned}bottom: -11px{/block:ifTopAligned}
- }
- #icon:hover ~ #longbar, #icon~#longbar:hover, #bar.icon-hovered #longbar{
- opacity: 1;
- {block:ifNotTopAligned}top:0%; margin-top:-10px;{/block:ifNotTopAligned}
- {block:ifTopAligned}bottom:0%; margin-bottom:-10px;{/block:ifTopAligned}
- }
- #bar #longbar, #longbar #inner{
- -webkit-transition: all 1.3s ease-in-out;
- -moz-transition: all 1.3s ease-in-out;
- -o-transition: all 1.3s ease-in-out;
- transition: all 1.3s ease-in-out;
- }
- .longbarbordercover{ width: 210px; position: absolute; left:50%; margin-left:-105px; z-index:10000; opacity:0; height: 1px;
- {block:ifNotTopAligned}bottom:100%; margin-bottom: 11px; {/block:ifNotTopAligned} {block:ifTopAligned}bottom:0%; margin-bottom: -11px; {/block:ifTopAligned} }
- .longbarbordercover:before, .longbarbordercover:after{
- content: '';
- width:9px;
- height:1px;;
- position: absolute;
- top:0px;
- background-color:{color:Outline Border};
- }
- .longbarbordercover:before { left:0px; }
- .longbarbordercover:after { right:0px; }
- #icon:hover ~ .longbarbordercover, #longbar:hover ~ .longbarbordercover, #bar.icon-hovered .longbarbordercover{ opacity: 1; }
- #bar .longbarbordercover {
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #longbar #inner{
- position: absolute;
- padding: 10px;
- opacity: 0;
- height:100%;
- -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);
- {block:ifNotTopAligned}top: 0px;{/block:ifNotTopAligned} {block:ifTopAligned}bottom: 0px; margin-bottom:-100px!important;{/block:ifTopAligned}
- }
- #icon:hover ~ #longbar #inner, #longbar:hover #inner, #bar.icon-hovered #longbar #inner{
- -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
- opacity:1;
- }
- .simg, .stext{
- padding: 10px;
- margin: 10px 0px;;
- display: block;
- width:150px;
- text-align: justify;
- position: relative;
- background-color:{color:Posts Inner};
- border: 1px solid {color:Border};
- }
- .simg{ {block:ifNotLongbarImage}display:none;{/block:ifNotLongbarImage} }
- .stext{ padding: 10px 10px 5px 10px; }
- .simg img{ width:150px; display: block; }
- .blogtitle { position: relative;width: 160px; margin: 10px 0px;; display: block; text-align: center; border: 0px solid; padding: 5px; background-color: transparent; color: {color:Outline Border}; text-shadow: 2px 2px 0px {color:Link}; }
- .bigtitle{ font-family: 'Homemade Apple', georgia, times new roman;
- {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
- font-size:18px; line-height:100%;}
- .subtitle{ font-family: consolas, monospace, courier, courier new; font-size:9px; text-transform: uppercase; line-height:90%; }
- /* ---------------------- links ---------------------- */
- #mainlinks{
- position: absolute;
- width:100%;
- height:100%;
- z-index:100000;
- table-layout: fixed;
- -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
- padding: 0px 5px;
- }
- #mainlinks td{
- height:100%;
- text-align: center;
- padding: 0px 5px;
- }
- #mainlinks .icon-spacer{ width: 70px; }
- #mainlinks a{
- font-size:9px;
- display: block;
- text-align: center;
- text-transform: uppercase;
- padding: 9px;
- font-family: consolas, monospace, courier, courier new;
- text-shadow: 2px 2px 0px transparent;
- border: 1px solid {color:Border};
- background-color: {color:Outline Border};
- color:{color:Bar Links};
- }
- #mainlinks a:hover, #extralinks a:hover{
- background-color: transparent;
- border: 1px solid transparent;
- color:{color:Outline Border};
- text-shadow: 2px 2px 0px {color:Bar Links};
- }
- #mainlinks a, #mainlinks a:hover, #extralinks a, #extralinks a:hover{
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #extralinks{
- position: relative;
- width:170px;
- display: block;
- margin-top:-2px;
- text-align: center;
- }
- #extralinks a{
- font-size:9px;
- display: inline-block;
- margin: 2px;
- text-align: center;
- text-transform: uppercase;
- padding: 2px 5px;
- font-family: consolas, monospace, courier, courier new;
- text-shadow: 2px 2px 0px transparent;
- border: 1px solid {color:Border};
- background-color: {color:Outline Border};
- color:{color:Bar Links};
- }
- /* ---------------------- PAGINATION SECTION ---------------------- */
- {block:ifNotJumpPagination}.pag{
- position: absolute;
- top:45%;
- margin-top:10px;
- font-size:100px;
- z-index:100;
- line-height:50%;
- padding: 0px!important; border-bottom: 0px solid!important;
- color:{color:Border}!important;
- }
- .pag:hover{ color:{color:Link}!important; }
- .prev{ right: 100%; margin-right: -15px; text-shadow: 3px 3px 0px {color:Outline Border}; }
- .next{ left: 100%; margin-left: -15px; text-shadow: -3px 3px 0px {color:Outline Border};}
- {/block:ifNotJumpPagination}
- {block:ifJumpPagination}
- .pag{
- position: fixed;
- left: 50%;
- z-index: 200;
- text-align: center; padding: 10px 0px;
- display: block;
- font-family: consolas, monospace, courier; text-transform: uppercase;
- background-color: {color:Posts Container};
- {block:if500pxPosts}width:640px; margin-left: -320px !important; {/block:if500pxPosts}
- {block:if400pxPosts}width:540px; margin-left: -270px !important; {/block:if400pxPosts}
- {block:ifNotTopAligned}top: 0px;{/block:ifNotTopAligned}
- {block:ifTopAligned}bottom: 0px;{/block:ifTopAligned}
- }
- .pag a{ padding: 3px 6px; margin: 0px 4px !important; border: 0px solid;
- background-color: {color:Posts Inner};
- color: {color:Link};
- }
- .pag a, .pag span{ display: inline-block; }
- .pag .current_page{ padding: 3px 6px; margin: 0px 4px;
- background-color: {color:Link};
- color: {color:Posts Inner};
- }
- .pag a.next{ margin-right: 0px !important; }
- .pag a.prev{ margin-left: 0px !important;; }
- .pag a{ text-align: center; display: inline-block; }
- .pag a:hover{ background-color: transparent; text-shadow: 2px 2px 0px {color:Posts Inner} }
- .pag.daypag a{ min-width: 100px; }
- {/block:ifJumpPagination}
- /* ---------- INFO ---------- */
- .info{
- position: absolute;
- bottom:100%;
- width:100%;
- left:0px;
- text-align: center;
- text-transform: uppercase;
- padding-bottom: 5px;
- font-size:9px;
- {block:ifNotShowInfoOnIndexPage}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowInfoOnIndexPage}
- {block:ifShowInfoOnHover}{block:IndexPage}opacity: 0;
- /*margin-bottom:10px;*/{/block:IndexPage}{/block:ifShowInfoOnHover}
- font-family: consolas, monospace, courier, courier new;
- }
- .info a, .info div.like_button{
- display: inline-block;
- padding: 2px 5px;
- margin: 0px 3px;
- border-bottom: 0px solid;
- color:{color:Link};
- background-color:{color:Posts Inner};
- }
- .info a:hover, .info div.like_button:hover::before .tagging a:hover{
- background-color: transparent;
- text-shadow: 2px 2px 0px {color:Posts Inner}
- }
- .info a.symbols{
- width:12px; padding: 3px 5px 1px 5px;
- }
- {block:ifShowInfoOnHover}{block:IndexPage} .post:hover .info{
- opacity: 1;
- margin-bottom:00px;
- }{/block:IndexPage}{/block:ifShowInfoOnHover}
- .info, .post:hover .info, .tagging, .post:hover .tagging{
- -webkit-transition: all 0.5s ease-in-out, -webkit-transform 0.5s ease, opacity 0.3s ease;
- -moz-transition: all 0.5s ease-in-out, -moz-transform 0.5s ease, opacity 0.3s ease;
- -o-transition: all 0.5s ease-in-out, -o-transform 0.5s ease, opacity 0.3s ease;
- -ms-transition: all 0.5s ease-in-out, -ms-transform 0.5s ease, opacity 0.3s ease;
- transition: all 0.5s ease-in-out, transform 0.5s ease, opacity 0.3s ease;
- }
- .qb{
- {block:ifNotShowReblogAndLikeButtons}display: none!important;{/block:ifNotShowReblogAndLikeButtons}
- }
- .info div.like_button{ display: inline-block; min-height: 10px; text-align: center; position: relative; padding: 2px 4px 2px 4px; margin: 2px; cursor: pointer; background-color: {color:Posts}; }
- .info div.like_button iframe{ position: relative; top: 0px; height: 8px; width: 10px; opacity: 0 !important;;}
- .info div.like_button, .info.rb div.like_button:hover{ -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out; }
- .info div.like_button:hover{ background-color: transparent; }
- .info div.like_button:hover:before{ color: red; }
- .info div.like_button.liked{ background-color: red !important; }
- .info div.like_button.liked::before{ color: white !important; }
- .info div.like_button::before{
- content: '♥'; position: absolute; top: 50%; margin-top: -30%; left: 50%; margin-left: -20%; font-family: calibri; color: {color:Link}; }
- .info span div.like_button *{ cursor: pointer !important; }
- /* ---------------------- TAGS SECTION ---------------------- */
- .tagging{
- position: relative;
- width:100%;
- margin-bottom:-15px;
- left:0px;
- text-align: center;
- text-transform: uppercase;
- padding-top: 3px;
- font-size:9px;
- word-wrap: break-word;
- {block:ifNotShowTagsOnIndexPage}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifNotShowTagsOnIndexPage}
- {block:ifShowTagsOnHover}{block:IndexPage}opacity: 0;
- /* margin-top:10px; */ margin-bottom:-20px;
- {/block:IndexPage}{/block:ifShowTagsOnHover}
- font-family: consolas, monospace, courier, courier new;
- }
- .tagging a{
- display: inline-block;
- padding: 2px 5px;
- margin: 3px 3px;
- word-wrap: break-word;
- border-bottom: 0px solid;
- color:{color:Link};
- background-color:{color:Posts Inner};
- }
- {block:ifShowTagsOnHover}{block:IndexPage}.post:hover .tagging{
- opacity: 1;
- margin-top: 0px;
- }{/block:IndexPage}{/block:ifShowTagsOnHover}
- {block:IndexPage}
- {block:ifShowInfoOnHover}
- .info{ -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
- .post:hover .info { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
- }
- {/block:ifShowInfoOnHover}
- {block:ifShowTagsOnHover}
- .tagging{ -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
- .post:hover .tagging { -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
- }
- {/block:ifShowTagsOnHover}
- {/block:IndexPage}
- /* ---------------------- symbols ---------------------- */
- @font-face{
- font-family: WebSymbolsRegular;
- src: url('http://static.tumblr.com/7w3ddo1/Umom6yavp/websymbols-regular-webfont.eot') format('eot');
- src: url('http://static.tumblr.com/7w3ddo1/Umom6yavp/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
- url('http://static.tumblr.com/7w3ddo1/6KLm6yavz/websymbols-regular-webfont.svg') format('svg'),
- url('http://static.tumblr.com/7w3ddo1/UJmm7mst2/websymbols-regular-webfont.woff') format('woff'),
- url('http://static.tumblr.com/7w3ddo1/pTdm8k42c/websymbols-regular-webfont.ttf') format('truetype');
- url('http://static.tumblr.com/7w3ddo1/GDFm8k40o/websymbols-regular.otf') format('opentype');
- }
- .symbols{
- font-family: WebSymbolsRegular!important;
- text-transform: none;
- font-style: normal;
- }
- /* -------------------- outline -------------------- */
- #outline{
- position: fixed;
- height:100%;
- top:0px;
- left:50%;
- {block:if500pxPosts}width:850px; margin-left:-425px; {/block:if500pxPosts}
- {block:if400pxPosts}width:750px; margin-left:-375px; {/block:if400pxPosts}
- z-index:100;
- background-color:{color:Posts Container};
- }
- #outline:before, #outline:after{
- content: '';
- position: absolute;
- height:100%;
- top:0px;
- width:10px;
- background-color:{color:Outline Border};
- border-left: 1px solid {color:Border};
- border-right: 1px solid {color:Border};
- }
- #outline:before{ right:100%; }
- #outline:after{ left:100%; }
- /* -------------------- POSTS -------------------- */
- #main{
- position:absolute;
- {block:if500pxPosts}width:640px; margin-left:-320px; {/block:if500pxPosts}
- {block:if400pxPosts}width:540px; margin-left:-270px; {/block:if400pxPosts}
- left:50%;
- top:0px;
- padding: 60px 0px 100px 00px;
- z-index:150;
- {block:ifTopAligned}padding: 140px 0px 00px 00px;{/block:ifTopAligned}
- }
- .post{
- position: relative;
- margin-bottom:60px;
- z-index:100;
- padding:60px;
- width:420px;
- {block:if500pxPosts}width:520px; {/block:if500pxPosts}
- {block:if400pxPosts}width:420px; {/block:if400pxPosts}
- background-color:{color:Posts Outer};
- }
- .content{
- position: relative;
- z-index:150!important;
- padding:10px;
- {block:if500pxPosts}width:500px; {/block:if500pxPosts}
- {block:if400pxPosts}width:400px; {/block:if400pxPosts}
- background-color:{color:Posts Inner};
- }
- .content img{
- {block:if500pxPosts}max-width:500px; {/block:if500pxPosts}
- {block:if400pxPosts}max-width:400px; {/block:if400pxPosts}
- }
- .pbody p:last-child{
- margin-bottom:2px;
- }
- .caption{
- margin-top:10px;
- }
- .toptitle{
- font-family: 'Homemade Apple', georgia, times new roman;
- {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
- font-size:23px;
- text-align:center;
- padding: 0px 5px;
- margin-bottom:60px;
- letter-spacing: 2px;
- border-bottom:2px solid {color:Outline Border};
- }
- .toptitle a{ padding: 0px; border-bottom: 0px solid; }
- /* -------------------- TITLES -------------------- */
- .titlebox{
- padding: 0px 0px;
- }
- .titlebox table{
- width:100%;
- height:100%;
- }
- .titlebox td{
- padding: 15px 10px;
- }
- .titlebox .side{
- width:35px;
- color:{color:Outline Border};
- text-align:center;
- font-size:20px;
- padding-top: 7px; padding-bottom: 5px;
- padding-right:10px;
- padding-left: 10px;
- background-color:{color:Bar};
- background-image: url({image:Bar});
- text-shadow: 2px 2px 0px {color:Link};
- }
- .titlebox .name{
- font-family: 'Homemade Apple', georgia, times new roman;
- {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
- color:{color:Font};
- padding-right: 15px;
- padding-left:15px;
- padding-top: 20px;
- position: relative;
- border: 1px dotted {color:Border};
- border-left: 0px solid;
- }
- .linkbox .name, .chatbox .name, .textbox .name{
- line-height:120%;
- font-size:20px;
- }
- /* -------------------- ASK POSTS -------------------- */
- .questionbox{
- }
- .questionbox .asking{
- font-family: 'Homemade Apple', georgia, times new roman;
- {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
- text-transform:lowercase;
- font-size:14px;
- line-height:110%;
- margin-top:-3px;
- }
- .questionbox .asking a{ padding: 0px; border-bottom: 0px solid; }
- .questionbox .side{
- text-align:center!important;
- }
- .questionbox .name{
- letter-spacing:1px;
- padding-top: 15px;
- padding-bottom:10px;
- font-family: Calibri, Helvetica, Helvetica Neue, Arial;
- {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
- {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont}
- font-style: normal!important;
- font-weight: normal;
- position: relative;
- }
- .questionbox .aimg{
- position:relative;
- display: inline-block;
- width:35px;
- height:35px;
- text-align: center;
- padding: 1px;
- margin-top:2px;
- -webkit-border-radius: 500px 500px 500px 500px;
- border-radius: 500px 500px 500px 500px;
- background-color: {color:Outline Border};
- -webkit-box-shadow: 2px 2px 0px {color:Link};
- box-shadow: 2px 2px 0px {color:Link};
- }
- .questionbox .aimg img{
- width:35px;
- position: relative; display: block;
- top:0px;
- -webkit-border-radius: 500px 500px 500px 500px;
- border-radius: 500px 500px 500px 500px;
- }
- .titlebox .side, #icon img, .simg img, .aimg img, .b4notes{
- -moz-user-select: none;
- -webkit-user-select: none;
- /* this will work for QtWebKit in future */
- -webkit-user-drag: none;
- }
- /* -------------------- AUDIO POSTS -------------------- */
- .audio{
- width:100%;
- }
- .artwork{
- width:125px;
- height:125px;
- padding:10px;
- position: relative;
- background-color:{color:Bar};
- background-image: url({image:Bar});
- }
- .artwork img{
- width:123px; display: block;
- border: 1px solid {color:Outline Border};
- -webkit-box-shadow: 2px 2px 0px {color:Link};
- box-shadow: 2px 2px 0px {color:Link};
- }
- .audioinfo{
- padding: 10px;
- height:125px;
- top:10px;
- {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
- {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont}
- text-align: center;
- border: 1px dotted {color:Border};
- border-left: 0px solid;
- }
- .trackname{
- text-align: center;
- font-family: 'Homemade Apple', georgia, times new roman;
- {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
- font-size: 20px!important;
- color:{color:Link};
- }
- .artist_album{
- }
- .artist_album b{
- font-style: italic;
- font-weight: bold;
- color: {color:Link};
- margin: 0px 1px;
- }
- .apcontainer{
- position: absolute;
- top:50%;
- margin-top:-30px;
- left:50%;
- margin-left:-30px;
- width:60px;
- height: 60px;
- background-color: #ffffff;
- -webkit-border-radius: 100%;
- box-radius: 100%;
- z-index:5;
- opacity:0.9;
- }
- .artwork:hover .apcontainer{
- opacity:0.6;
- width:125px;
- height:125px;
- margin-top:10px;
- margin-left:10px;
- top:0%;
- left:0%;
- -webkit-border-radius: 0%;
- box-radius: 0%;
- }
- .apcontainer{
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- .ap{
- width:20px;
- height:30px;
- overflow:hidden;
- margin: auto;
- top:50%;
- margin-top:-13px;
- left:50%;
- margin-left:-13px;
- position: relative;
- z-index:6;
- }
- /* -------------------- QUOTE POSTS -------------------- */
- .quotebox{
- }
- .quotebox .side{
- font-size:60px;
- font-family:Georgia;
- line-height:25px;
- }
- .quotebox .side p{
- margin-top:25px;
- margin-bottom:-5px;
- }
- .short_quote, .medium_quote, .long_quote{
- font-family: 'Homemade Apple', georgia, times new roman;
- {block:ifCustomGoogleFont}font-family: '{text:Custom Google Font}', georgia, times new roman;{/block:ifCustomGoogleFont}
- color:{color:Font};
- margin-bottom:5px;
- letter-spacing: 0px;
- }
- .short_quote{
- font-size:20px;
- line-height:130%;
- }
- .medium_quote{
- font-size:17px;
- line-height:130%;
- }
- .long_quote{
- font-size:14px;
- line-height:100%;
- font-style: italic;
- font-family: georgia, cambria, times new roman;
- }
- .source{
- margin-top:10px;
- /* font-weight:bold;
- text-align:right; */
- position:relative;
- margin-bottom: 5px;
- }
- /* -------------------- CHAT POSTS -------------------- */
- .chatpost table{
- width:100%;
- {block:ifNotCustomBodyFont}font-size:10px;{/block:ifNotCustomBodyFont}
- {block:ifCustomBodyFont}font-size:{text:Custom Body Font Size}px;{/block:ifCustomBodyFont}
- padding: 0px 5px;
- padding-bottom:10px;
- }
- .chatpost .lines{
- display: inline-block;
- width:100%;
- border-bottom: 1px dotted {color:Border};
- }
- .chatpost .lines td{
- padding: 6px 10px;
- }
- .chatpost .lines .label{
- width:50px;
- letter-spacing:1px;
- font-weight: bold;
- text-align: right!important;;
- border-right: 1px dotted {color:Border};
- }
- .user_1{ color:{color:Link}; }
- .user_2{ color:{color:Font}; }
- .user_3{ color:{color:Link Hover}; }
- .user_4{ color:{color:Scrollbar}; }
- .user_5{ color:{color:Selection}; }
- .chatpost .lines:last-child{
- border-bottom: 0px;
- }
- /* ---------------------- POST NOTES ---------------------- */
- .b4notes{
- position: relative;
- text-align: center;
- display: block;
- font-family: georgia, times new roman;
- font-size: 2000%;
- color: {color:Posts Inner};
- line-height:20px;
- margin-bottom:85px;
- margin-top:-90px;
- text-shadow: 2px 2px 2px {color:Link};
- }
- #notes{
- display: block;
- position: relative;
- {block:if500pxPosts}width:520px;{/block:if500pxPosts}
- {block:if400pxPosts}width:420px;{/block:if400pxPosts}
- margin: 0px auto 20px auto;
- }
- .notes{
- margin-left:0px!important;
- list-style: none;
- padding: 0px!important;
- }
- .notes .avatar_frame{
- position: absolute;
- top: 0; left: 0;
- height: 100%;
- width: 35px;
- border-bottom: 0px solid !important; padding-bottom: 0px !important;
- }
- .notes .avatar_frame:before{
- content: '';
- position: absolute;
- right:-2px;
- height:100%;
- width: 1;
- border-right: 3px solid {color:Posts Outer};
- }
- .notes .avatar{
- height:20px;
- position: absolute;
- left:5px;
- top: 50%; margin-top: -10px;
- }
- .notes li{
- position: relative;
- display: block;
- padding: 8px 25px 8px 45px;
- margin: 6px 0px;
- min-height: 10px;
- background-color: {color:Posts Inner};
- border: 5px solid {color:Posts Inner};
- }
- .notes li::before{
- position: absolute; right: 0px; width: 25px; text-align: center;
- top: 50%; margin-top: -5px;
- opacity: 0.5;
- text-transform: normal;
- }
- .notes li.reblog::before{
- content: 'J';
- font-family: WebSymbolsRegular!important;
- color: #94d408;
- }
- .notes li.like::before{
- content: '♥'; color: red; margin-top: -6px; font-family: Calibri;
- }
- .notes li.reply::before, .notes li.answer::before{
- content: 'd';
- color: lightblue;
- font-family: WebSymbolsRegular!important;
- margin-top: -5px; opacity: 0.7;
- }
- .notes .action a{
- font-weight: bold;
- }
- .notes li .clear{ display: none !important; }
- .notes blockquote, .notes .answer_content{
- margin: 0!important; padding: 0!important; border: 0px solid!important;
- position: relative;
- display: inline!important;
- background-color: transparent!important;
- }
- .notes blockquote a{ color: {color:Font}; padding: 0px !important; margin: 0px !important; border-bottom: 0px solid !important; }
- .notes blockquote::before, .notes .answer_content::before{ width: 0; padding: 0; border: 0; position: relative; margin: 0; top: 0; left: 0; margin-left: 5px !important;}
- .notes blockquote::after, .notes .answer_content::after, .notes blockquote::before, .notes .answer_content::before{ content: '"' !important }
- .notes .more_notes_link_container{ padding: 0px; font-weight: normal; font-family: consolas, monospace, courier; text-transform: uppercase;; }
- .notes .more_notes_link{ display: block; padding: 5px 10px; border-bottom: 0px solid; }
- .notes .more_notes_link:hover{ background-color: {color:Link}; color: {color:Posts Inner}; }
- /* ---------------------- headings/page stuff ---------------------- */
- /* ---------------------- MISC SECTION ---------------------- */
- ::selection, ::-webkit-selection, ::-moz-selection{
- background-color: {color:Selection};
- color: {color:Selection Text};
- text-shadow: none!important;
- }
- ::-webkit-scrollbar{
- height: 11px;
- width: 11px;
- }
- ::-webkit-scrollbar-thumb{
- background-color:{color:Scrollbar};
- border-left: 1px solid {color:Border};
- border-right: 1px solid {color:Border};
- }
- ::-webkit-scrollbar-track{
- background-color: {color:Posts Inner};
- border-left: 1px solid {color:Border};
- border-right: 1px solid {color:Border};
- }
- .contentsrc{
- display: none;
- }
- #cred{
- position: fixed; right: 10px; bottom: 10px;
- background-color: {color:Link}; color: {color:Outline Border};
- text-transform: uppercase;
- border: 1px solid {color:Link};
- padding: 5px 4px;
- font-size: 9px;
- text-align: center;
- font-family: consolas, monospace, courier, courier new, monospace, courier;
- height: 10px; width: 12px;
- {block:ifNotSquareCreditLink}-webkit-border-radius: 100px;
- border-radius: 100px;{/block:ifNotSquareCreditLink}
- z-index: 10000;
- }
- #cred span{ display: inline-block; width: 1px; }
- #cred:hover{ background-color: {color:Outline Border}; color: {color:Link}; }
- /* ---------------------- BLOCKQUOTES ---------------------- */
- blockquote{ margin: 0px 10px 10px 10px; display: block;
- position: relative; border: 5px solid {color:Blockquote}; background-color:{color:Blockquote}; }
- blockquote img{ max-width: 100%!important; }
- blockquote:before{ content: ''; position: absolute; height:100%; padding: 5px 0px; top:-5px; left:-8px; border-left: 3px solid {color:Border};; z-index:1;}
- blockquote p:last-child { margin-bottom: 0px!important; }
- /* really dumb blockquote code
- super long b/c it makes sure blockquotes alternate color up to 15 blockquotes
- lbr if i ever have any more than 15 blockquotes in a post just shoot me in the face
- */
- blockquote blockquote, blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{ margin-bottom: 10px!important; background-color:{color:Posts Inner}!important; border: 5px solid {color:Posts Inner}; }
- blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote, blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{ background-color:{color:Blockquote}!important; border: 5px solid {color:Blockquote}; }
- /* ---------------------- TUMBLR CONTROLS ---------------------- */
- #tumblr_controls {
- top: 5px !important;
- right: 5px !important;
- position: fixed !important;
- {block:ifInvertedTumblrControls}-moz-filter: invert(1); -webkit-filter: invert(1); -o-filter: invert(1); -ms-filter: invert(1); filter: invert(1);{/block:ifInvertedTumblrControls}
- }
- /* ---------------------- CUSTOM CSS ---------------------- */
- {CustomCSS}
- </style>
- </head>
- <body>
- <a id="cred" href="http://wgthemes.tumblr.com">w<span></span>g</a>
- <div id="outline">
- {block:ifNotJumpPagination}
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" title="previous page" class="pag prev">«</a>{/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}" title="next page" class="pag next">»</a>{/block:NextPage}
- {/block:Pagination}
- {block:DayPagination}
- {block:PreviousDayPage}<a href="{PreviousDayPage}" title="earlier" class="pag next">»</a>{/block:PreviousDayPage}
- {block:NextDayPage}<a href="{NextDayPage}" title="later" class="pag prev">«</a>{/block:NextDayPage}
- {/block:DayPagination}
- {block:ifPermalinkPagination}{block:PermalinkPage}
- {block:PermalinkPagination}
- {block:NextPost}<a href="{NextPost}" title="next post" class="pag prev">«</a>{/block:NextPost}
- {block:PreviousPost}<a href="{PreviousPost}" title="previous post" class="pag next">»</a>{/block:PreviousPost}
- {/block:PermalinkPagination}
- {/block:PermalinkPage}{/block:ifPermalinkPagination}
- {/block:ifNotJumpPagination}
- </div>
- {block:ifJumpPagination}
- {block:Pagination}<div class="pag">{block:PreviousPage}<a href="{PreviousPage}" class="prev">←</a>{/block:PreviousPage}{block:JumpPagination length="10"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a href="{NextPage}" class="next">→</a>{/block:NextPage}</div>{/block:Pagination}
- {block:DayPagination}<div class="pag daypag">{block:NextDayPage}<a href="{NextDayPage}" class="prev">← later</a>{/block:NextDayPage}{block:PreviousDayPage}<a href="{PreviousDayPage}" class="next">earlier →</a>{/block:PreviousDayPage}</div>{/block:DayPagination}
- {block:ifPermalinkPagination}{block:PermalinkPage}
- {block:PermalinkPagination}
- <div class="pag daypag">{block:NextPost}<a href="{NextPost}" class="prev">← next post</a>{/block:NextPost}{block:PreviousPost}<a href="{PreviousPost}" class="next">previous post →</a>{/block:PreviousPost}</div>
- {/block:PermalinkPagination}
- {/block:PermalinkPage}{/block:ifPermalinkPagination}
- {/block:ifJumpPagination}
- <div id="bar">
- <div id="barcontainer">
- <table id="mainlinks" cellspacing="0" cellpadding="0"><tr>
- <td><a href="/">home</a></td>
- <td><a href="/ask">message</a></td>
- <td><a href="/archive">archive</a></td>
- <td class="icon-spacer"></td>
- <td><a href="{text:Link01 URL}">{text:Link01}</a></td>
- <td><a href="{text:Link02 URL}">{text:Link02}</a></td>
- <td><a href="{text:Link03 URL}">{text:Link03}</a></td>
- </tr></table>
- </div>
- <a href="/" id="icon"><img src="{PortraitURL-64}"></a>
- <div id="longbar">
- <div id="inner">
- {block:ifNotBlogtitleBeforeLongbarImage}<div class="simg"><img src="{image:Longbar}"></div>{/block:ifNotBlogtitleBeforeLongbarImage}
- {block:ifShowBlogtitle}<div class="blogtitle">{block:ifPretitle}<div class="subtitle">{text:Pretitle}</div>{/block:ifPretitle}<div class="bigtitle">{Title}</div>{block:ifSubtitle}<div class="subtitle">{text:Subtitle}</div>{/block:ifSubtitle}</div>{/block:ifShowBlogtitle}
- {block:ifBlogtitleBeforeLongbarImage}<div class="simg"><img src="{image:Longbar}"></div>{/block:ifBlogtitleBeforeLongbarImage}
- <div class="stext">{Description}</div>
- {block:ifLink04}<div id="extralinks"><a href="{text:Link04 URL}">{text:Link04}</a>{block:ifLink05}<a href="{text:Link05 URL}">{text:Link05}</a>{/block:ifLink05}{block:ifLink06}<a href="{text:Link06 URL}">{text:Link06}</a>{/block:ifLink06}{block:ifLink07}<a href="{text:Link07 URL}">{text:Link07}</a>{/block:ifLink07}{block:ifLink08}<a href="{text:Link08 URL}">{text:Link08}</a>{/block:ifLink08}{block:ifLink09}<a href="{text:Link09 URL}">{text:Link09}</a>{/block:ifLink09}{block:ifLink10}<a href="{text:Link10 URL}">{text:Link10}</a>{/block:ifLink10}
- </div>
- {block:ifLink04}
- </div>
- </div>
- <div class="longbarbordercover"></div>
- </div>
- <script>
- $('#icon').mouseenter(function() {
- $(this).parent().closest('#bar').addClass('icon-hovered');
- });
- $("#bar").mouseleave(function () {
- $(this).removeClass('icon-hovered');
- });
- </script>
- <div id="main">
- {block:TagPage}<div class="toptitle">posts tagged "<a href="{TagURL}">{Tag}</a>"</div>{/block:TagPage}
- {block:DayPage}<div class="toptitle">posts made on <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{Month} {DayofMonth}{DayofMonthSuffix}, {Year}</a></div>{/block:DayPage}
- {block:Posts}
- {block:Answer}<!--- ASK POSTS --->
- <div class="post">
- <div class="content">
- <div class="questionbox titlebox"><table cellspacing="0px" cellpadding="0px"><tr>
- <td class="side"><div class="aimg"><img src="{AskerPortraitURL-40}"></div></td>
- <td class="name"><span class="asking">{Asker}</span><br>{Question}</td>
- </tr></table>
- </div>
- <div class="pbody caption">{Answer}</div>
- {block:Date}<div class="info">
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span></div>{/block:Date}
- </div>
- {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Answer}
- {block:Text}<!--- TEXT POSTS --->
- <div class="post">
- <div class="content">
- {block:Title}
- <div class="textbox titlebox"><a href="{Permalink}"><table cellspacing="0px" cellpadding="0px"><tr>
- <td class="side symbols">P</td>
- <td class="name">{Title}</td>
- </tr></table></a></div>{/block:Title}
- <div class="pbody {block:Title}caption{/block:Title}">{Body}</div>
- {block:Date}<div class="info">
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
- </div>
- {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Text}
- {block:Photo}<!--- PHOTO POSTS --->
- <div class="post">
- <div class="content">
- {LinkOpenTag}<center><img src="{block:if500pxPosts}{PhotoURL-500}{/block:if500pxPosts}{block:if400pxPosts}{PhotoURL-400}{/block:if400pxPosts}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
- {block:Caption}<div class="pbody caption">{Caption}</div>{/block:Caption}
- {block:Date}<div class="info">
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
- </div>
- {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Photo}
- {block:Photoset}<!--- PHOTOSET POSTS --->
- <div class="post">
- <div class="content">
- {block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}
- {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
- {block:Caption}<div class="pbody caption">{Caption}</div>{/block:Caption}
- {block:Date}<div class="info">
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
- </div>
- {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Photoset}
- {block:Quote}<!--- QUOTE POSTS --->
- <div class="post">
- <div class="content">
- <div class="titlebox quotebox"><table cellspacing="0px" cellpadding="0px"><tr>
- <td class="side"><p>“</p></td>
- <td class="{Length}_quote name">{Quote}</td>
- </tr></table></div>
- <div class="pbody caption"><p>{Source}</div>
- {block:Date}<div class="info">
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
- </div>
- {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Quote}
- {block:Link}<!--- LINK POSTS --->
- <div class="post">
- <div class="content">
- <div class="titlebox linkbox"><a href="{URL}" {Target}><table cellspacing="0px" cellpadding="0px"><tr>
- <td class="side symbols"><p>K</p></td>
- <td class="name">{Name}</td>
- </tr></table></a></div>
- {block:Description}<div class="pbody caption">{Description}</div>{/block:Description}
- {block:Date}<div class="info">
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
- </div>
- {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Link}
- {block:Chat}<!--- CHAT POSTS --->
- <div class="post">
- <div class="content">
- {block:Title}
- <div class="chatbox titlebox"><a href="{Permalink}"><table cellspacing="0px" cellpadding="0px"><tr>
- <td class="side symbols">d</td>
- <td class="name">{Title}</td>
- </tr></table></a></div>{/block:Title}
- <div class="pbody {block:Title}caption{/block:Title}">
- <div class="chatpost"><table cellspacing="0px" cellpadding="0px">
- {block:Lines}
- <tr class="lines">
- {block:Label}<td class="label user_{UserNumber}">{Label}</td>{/block:Label}
- <td>{Line}</td>
- </tr>
- {/block:Lines}
- </table></div>
- </div>
- {block:Date}<div class="info">
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
- </div>
- {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Chat}
- {block:Video}<!--- VIDEO POSTS --->
- <div class="post">
- <div class="content">
- {block:if500pxPosts}{VideoEmbed-500}{/block:if500pxPosts}
- {block:if400pxPosts}{VideoEmbed-400}{/block:if400pxPosts}
- {block:Caption}<div class="pbody caption">{Caption}</div>{/block:Caption}
- {block:Date}<div class="info">
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
- </div>
- {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Video}
- {block:Audio}<!--- AUDIO POSTS --->
- <div class="post">
- <div class="content">
- {block:AudioPlayer}
- <table class="audio" cellspacing="0px" cellpadding="0px"><tr>
- <td class="artwork"><div style="{block:AlbumArt}display:none;{/block:AlbumArt}"><img src="http://static.tumblr.com/75z8peb/Y29m0gjwg/defaultart.jpg"></div>{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
- <div class="apcontainer"><div class="ap" title="click to play">{AudioPlayerWhite}</div></div>
- </td>
- <td class="audioinfo">
- {block:TrackName}<div class="trackname">{TrackName}</div>{/block:TrackName}
- {block:Artist}<div class="artist_album">by <b>{Artist}</b></div>{/block:Artist} {block:Album}<div class="artist_album">from <b>{Album}</b></div>{block:Album}
- <div class="artist_album"><b>{FormattedPlayCount}</b> plays</div>
- </td>
- </tr></table>
- {/block:AudioPlayer}
- {block:AudioEmbed}
- {block:if500pxPosts}{AudioEmbed-500}{/block:if500pxPosts}
- {block:if400pxPosts}{AudioEmbed-400}{/block:if400pxPosts}
- {/block:AudioEmbed}
- {block:Caption}<div class="pbody caption">{Caption}</div>{/block:Caption}
- {block:Date}<div class="info">
- <a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}">{ShortMonth} {DayOfMonth}{DayOfMonthSuffix}</a><a href="{Permalink}">{12Hour}:{Minutes}{AmPM}</a><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a><a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}{block:ifShowReblogAndLikeButtons}<a href="{ReblogURL}" title="reblog post" class="symbols qb">J</a><span title="like post" class="qb">{LikeButton color="grey" size="10"}</span>{/block:ifShowReblogAndLikeButtons}</div>{/block:Date}
- </div>
- {block:HasTags}<div class="tagging">{block:Tags}<a href="/tagged/{Tag}"># {Tag}</a>{block:Tags}</div>{/block:HasTags}
- </div>
- {/block:Audio}
- <div class="contentsrc">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceTitle}{/block:NoSourceLogo}</a>{/block:ContentSource}</div>
- {/block:Posts}
- {block:PostNotes}<!--- POST NOTES --->
- <div id="notes">
- <div class="b4notes">...</div>
- {PostNotes-64}
- </div>
- {/block:PostNotes}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement