Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!----------------------------------------------------------------------
- THEME #03 /// Sea Salt
- by AXIUMTHEMES
- rules:
- 1. do not claim as your own
- 2. if you want to use any part
- of the code in your own theme
- please ask
- 3. don't remove the credit
- 4. enjoy :)
- Credit:
- Icons - saturnthms.com
- Dashboard Captions - neothm.com & magnusthemes.tumblr.com
- Tumblr Controls - cyantists.tumblr.com
- Simple theme, helps to know basic HTML
- -----------------------------------------------------------------------
- ----------------------------------------------------------------------->
- <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}
- <meta name="image: Icon" content=""/>
- <meta name="if: Show Captions" content="1"/>
- <meta name="if: Show Tags" content="1"/>
- <meta name="if: Mini Cursor" content="1"/>
- <meta name="if: Rounded Edges" content="1"/>
- <meta name="if: Circular Icons" content="1"/>
- <meta name="if: Large Sidebar" content="1"/>
- <meta name="if: Hidden Description" content="1"/>
- <meta name="if: Description On Hover" content="1"/>
- <meta name="if: Post Links on Hover" content="1"/>
- <meta name="if: No Post Links" content="1"/>
- <meta name="select: Post Width" content="500" title="500px" />
- <meta name="select: Post Width" content="450" title="450px" />
- <meta name="select: Post Width" content="400" title="400px" />
- <meta name="select: Post Width" content="375" title="375px" />
- <meta name="select: Post Width" content="350" title="350px" />
- <meta name="select: Post Width" content="325" title="325px" />
- <meta name="select: Post Width" content="300" title="300px" />
- <meta name="select: Post Width" content="200" title="200px" />
- <meta name="select: Post Margin" content="10" title="10px" />
- <meta name="select: Post Margin" content="20" title="20px" />
- <meta name="select: Post Margin" content="30" title="30px" />
- <meta name="select: Post Margin" content="40" title="40px" />
- <meta name="select: Post Margin" content="50" title="50px" />
- <meta name="select: Post Margin" content="60" title="60px" />
- <meta name="select: Post Margin" content="70" title="70px" />
- <meta name="select: Post Margin" content="80" title="80px" />
- <meta name="select: Post Margin" content="90" title="90px" />
- <meta name="select: Post Margin" content="100" title="100px" />
- <meta name="select: Font Size" content="10" title="10px" />
- <meta name="select: Font Size" content="11" title="11px" />
- <meta name="select: Font Size" content="12" title="12px" />
- <meta name="select: Font" content="'Lato'" title="Lato">
- <meta name="select: Font" content="'Montserrat'" title="Montserrat">
- <meta name="select: Font" content="'Raleway'" title="Raleway">
- <meta name="select: Font" content="'Source Sans Pro'" title="Source Sans Pro">
- <meta name="select: Font" content="'PT Sans'" title="PT Sans">
- <meta name="select: Font" content="'Ubuntu'" title="Ubuntu">
- <meta name="select: Font" content="'Titillium Web'" title="Titillium Web">
- <meta name="select: Font" content="'Encode Sans Expanded'" title="Encode Sans Expanded">
- <meta name="select: Font" content="'Work Sans'" title="Work Sans">
- <meta name="select: Font" content="'Ubuntu Condensed'" title="Ubuntu Condensed">
- <meta name="select: Font" content="'Varela Round'" title="Varela Round">
- <meta name="select: Post Font" content="'Lato'" title="Lato">
- <meta name="select: Post Font" content="'Montserrat'" title="Montserrat">
- <meta name="select: Post Font" content="'Raleway'" title="Raleway">
- <meta name="select: Post Font" content="'Source Sans Pro'" title="Source Sans Pro">
- <meta name="select: Post Font" content="'PT Sans'" title="PT Sans">
- <meta name="select: Post Font" content="'Ubuntu'" title="Ubuntu">
- <meta name="select: Post Font" content="'Titillium Web'" title="Titillium Web">
- <meta name="select: Post Font" content="'Encode Sans Expanded'" title="Encode Sans Expanded">
- <meta name="select: Post Font" content="'Work Sans'" title="Work Sans">
- <meta name="select: Post Font" content="'Ubuntu Condensed'" title="Ubuntu Condensed">
- <meta name="select: Post Font" content="'Varela Round'" title="Varela Round">
- <meta name="select: Pagination Font" content="'Lato'" title="Lato">
- <meta name="select: Pagination Font" content="'Montserrat'" title="Montserrat">
- <meta name="select: Pagination Font" content="'Raleway'" title="Raleway">
- <meta name="select: Pagination Font" content="'Source Sans Pro'" title="Source Sans Pro">
- <meta name="select: Pagination Font" content="'PT Sans'" title="PT Sans">
- <meta name="select: Pagination Font" content="'Ubuntu'" title="Ubuntu">
- <meta name="select: Pagination Font" content="'Titillium Web'" title="Titillium Web">
- <meta name="select: Pagination Font" content="'Encode Sans Expanded'" title="Encode Sans Expanded">
- <meta name="select: Pagination Font" content="'Work Sans'" title="Work Sans">
- <meta name="select: Pagination Font" content="'Ubuntu Condensed'" title="Ubuntu Condensed">
- <meta name="select: Pagination Font" content="'Varela Round'" title="Varela Round">
- <meta name="color: Accent" content="#5cd9ec"/>
- <meta name="color: Background Color" content="#f8f8f8"/>
- <meta name="color: Post Background" content="#fff"/>
- <meta name="color: Sidebar and Links Background" content="#fff"/>
- <meta name="color: Font Color" content="#000"/>
- <meta name="text: Link 1" content="Home">
- <meta name="text: Link 1 URL" content="/">
- <meta name="text: Icon 1" content="home-o">
- <meta name="text: Link 2" content="Ask">
- <meta name="text: Link 2 URL" content="/ask">
- <meta name="text: Icon 2" content="envelope-3-o">
- <meta name="text: Link 3" content="Archive">
- <meta name="text: Link 3 URL" content="/archive">
- <meta name="text: Icon 3" content="menu-o">
- <meta name="text: Link 4" content="Link One">
- <meta name="text: Link 4 URL" content="/">
- <meta name="text: Icon 4" content="user-o">
- <meta name="text: Link 5" content="Link Two">
- <meta name="text: Link 5 URL" content="/">
- <meta name="text: Icon 5" content="chat-o">
- <meta name="text: Link 6" content="Link Three">
- <meta name="text: Link 6 URL" content="/">
- <meta name="text: Icon 6" content="cog-o">
- <link href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <link href="https://fonts.googleapis.com/css?family=Encode+Sans+Expanded|Lato|Montserrat|PT+Sans|Raleway|Source+Sans+Pro|Titillium+Web|Ubuntu|Ubuntu+Condensed|Varela+Round|Work+Sans" rel="stylesheet">
- <script src="https://use.fontawesome.com/b6489d7002.js"></script>
- <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
- <link rel="stylesheet" href="path/to/pe-icon-7-stroke/css/pe-icon-7-stroke.css">
- <!-- Optional - Adds useful class to manipulate icon font display -->
- <link rel="stylesheet" href="path/to/pe-icon-7-stroke/css/helper.css">
- <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
- <script>
- !function(a){a.fn.unnest=function(b){var d,e,f,g,h,c=a.extend({yourCaption:".cap",wrapName:".rebloguser",newCaptionUsername:!1,originalPostCaptionUsername:!1,tumblrAvatarClass:".avtar",tumblrAvatars:!0,usernameColon:!0},b),i=c.wrapName.slice(1,c.wrapName.length),j=c.tumblrAvatarClass.slice(1,c.tumblrAvatarClass.length);a(c.yourCaption,this).each(function(){var b=!1,k=!1;a("a.tumblr_blog",this).length<=0&&(b=!0),a(this).find("blockquote").each(function(){a(this).prev().children(".tumblr_blog").length>0&&(a(this).addClass(i),d=a(this).parent().find("a.tumblr_blog").parent("p").html(),c.usernameColon||(d=d.slice(0,-1))),a(this).hasClass(i)&&(a(this).prepend(d),c.tumblrAvatars&&(g=a(this).prev().children("a.tumblr_blog").text(),a(this).prepend('<img src="http://api.tumblr.com/v2/blog/'+g+'.tumblr.com/avatar/30" class="'+j+'" />')))}),a(this).find("a.tumblr_blog:first-of-type").parent("p").remove(),a(c.wrapName,this).each(function(){a(this).parents(c.yourCaption).prepend(a(this))}),h=window.location.hostname;var l=a(this);a.getScript("http://"+h+"/api/read/json").complete(function(){e=l.contents(":not("+c.wrapName+")"),e.text().replace(/\s/g,"").length>0&&(k=l.clone().find(c.wrapName).remove().end().html(),e.remove(),c.newCaptionUsername||b?(f='<blockquote class="'+i+'">',c.tumblrAvatars&&(!b||b&&c.originalPostCaptionUsername)&&(f+='<img src="http://api.tumblr.com/v2/blog/'+h+'/avatar/30" class="'+j+'" />'),(!b||b&&c.originalPostCaptionUsername)&&(f+='<a class="tumblr_blog" href="/">'),(!b||b&&c.originalPostCaptionUsername)&&("undefined"!=typeof tumblr_api_read&&(h=tumblr_api_read.tumblelog.name),console.info(h),f+=h+"</a><p>"),f+=k+"</blockquote>",l.append(f)):l.append('<blockquote class="'+i+'">'+k+"</blockquote>"))})})}}(jQuery);
- $('.captions').unnest({
- yourCaption: ".cap", //your caption selector, the div wrapping
- wrapName: ".rebloguser", //the name of the captions’ new wrapper
- newCaptionUsername: false, //if the user adds a new caption, following a series of captions, show their username above the caption
- originalPostCaptionUsername: false, //for the original captions, or a user-added caption that previously didn’t have any, have their username on it
- tumblrAvatars: true, //”dashboard style” caption, have the avatar of the blog next to the username
- tumblrAvatarClass: ".avatr", //class of the avatar next to the username
- usernameColon: false //if turned to false, removes the colon at the end of usernames bc :) seriously :) hwy :)
- });
- $('.captions').unnest({
- newCaptionUsername: false,
- tumblrAvatars: false,
- usernameColon: true
- });
- </script>
- </head>
- <style type="text/css">
- /*-------------- SCROLLBAR ----------------*/
- ::-webkit-scrollbar {
- width:10px;
- height:10px;
- }
- ::-webkit-scrollbar {
- background: {color: Background Color}; /* background color */
- }
- ::-webkit-scrollbar-track {
- border:5px solid {color: Background Color}; /* background color */
- background: {color: Accent}; /* light border color */
- }
- ::-webkit-scrollbar-thumb {
- border:2px solid {color: Background Color}; /* background color */
- {block:IfRoundedEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius: 5px;
- {/block:IfRoundedEdges}
- background: {color: Accent};
- min-height:24px;
- min-width:24px;
- }
- /*-------------- TUMBLR CONTROLS by cyantists ----------------*/
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.4;
- /* delete invert(1) from here */
- filter:invert(1) contrast(150%);
- -webkit-filter:invert(1) contrast(150%);
- -o-filter:invert(1) contrast(150%);
- -moz-filter:invert(1) contrast(150%);
- -ms-filter:invert(1) contrast(150%);
- /* to here if your blog has a dark background */
- transform:scale(0.65);
- transform-origin:100% 0;
- -webkit-transform:scale(0.65);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.65);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.65);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.65);
- -ms-transform-origin:100% 0;}
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;}
- /*-------------- BASIC HTML ----------------*/
- html {
- {block:IfMiniCursor}
- cursor: url(http://www.rw-designer.com/cursor-extern.php?id=27887), progress !important;
- {/block:IfMiniCursor}
- }
- a {
- text-decoration: none;
- color: #555;
- }
- a:hover, img:hover {
- {block:IfMiniCursor}
- cursor: url(http://www.rw-designer.com/cursor-extern.php?id=91283), progress !important;
- {/block:IfMiniCursor}
- }
- body {
- background: {color: Background Color};
- font-size: {select: Font Size};
- color: {color: Font Color};
- font-family: {select: Font}, sans-serif;
- }
- hr {
- border: none;
- height: 1px;
- background: #eee;
- }
- a {
- color: #5555;
- }
- a:hover, a:active {
- color: {color: Accent};
- transition:all 0.8s ease-in-out;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- }
- /*-------------- CREDIT DON'T TOUCH ----------------*/
- #axium a {
- position: fixed;
- bottom: 5px;
- right:5px;
- font-size: 12px;
- color: #333;
- opacity: 0.8;
- font-weight: bold;
- text-transform: lowercase;
- font-variant: small-caps;
- z-index: 99999999999999999999999;
- }
- #axium a:hover {
- color: {color: Accent};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- /*-------------- SIDEBAR ----------------*/
- #sidebar {
- position: fixed;
- left: 0;
- top: 0;
- {block:ifNotLargeSidebar}
- width: 200px;
- {/block:ifNotLargeSidebar}
- {block:ifLargeSidebar}
- width: 300px;
- {/block:ifLargeSidebar}
- height: 100%;
- background: {color: Sidebar and Links Background};
- }
- #boxs2 {
- position: absolute;
- left: calc(75% - 100px);
- top:10%;
- width: 300px;
- height: 75px;
- background: {color: Sidebar and Links Background};
- {block:IfRoundedEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius: 5px;
- {/block:IfRoundedEdges}
- border-right: 6px solid {color: Accent};
- -webkit-box-shadow:-4px 4px 4px 0px {color: Background Color};
- -moz-box-shadow:-4px 4px 4px 0px {color: Background Color};
- box-shadow:-4px 4px 4px 0px {color: Background Color};
- margin-bottom: 20px;
- padding: 5px;
- }
- .icon img {
- margin-left: 10px;
- margin-top: 5px;
- width: 60px;
- height: 60px;
- {block:IfCircularIcons}
- -moz-border-radius:100%;
- -webkit-border-radius:100%;
- border-radius: 100%;
- {/block:IfCircularIcons}
- }
- .title {
- position: absolute;
- left: calc(60px + 10px + 20px);
- top: 25px;
- font-size: 2em;
- text-transform: lowercase;
- letter-spacing: 2px;
- }
- .desc {
- position: relative;
- margin: 10px;
- text-align: center;
- }
- .links {
- position: absolute;
- left: calc(75% - 100px);
- top: 40%;
- }
- .desc {
- {block:ifHiddenDescription}
- {block:ifDescriptionOnHover}
- opacity: 0;
- {/block:ifDescriptionOnHover}
- {/block:ifHiddenDescription}
- {block:ifNotHiddenDescription}
- opacity:1;
- {/block:ifNotHiddenDescription}
- }
- {block:ifDescriptionOnHover}
- #boxs2:hover .desc{
- opacity: 1;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- -ms-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- #boxs2:hover {
- height: auto;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- -ms-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- {/block:ifDescriptionOnHover}
- /*-------------- SIDEBAR LINKS ----------------*/
- .boxs {
- width: 200px;
- height: 30px;
- background: {color: Sidebar and Links Background};
- {block:IfRoundedEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius: 5px;
- {/block:IfRoundedEdges}
- border-right: 6px solid {color: Accent};
- -webkit-box-shadow:-4px 4px 4px 0px {color: Background Color};
- -moz-box-shadow:-4px 4px 4px 0px {color: Background Color};
- box-shadow:-4px 4px 4px 0px {color: Background Color};
- margin-bottom: 20px;
- padding: 5px;
- }
- .boxs .sf {
- color: {color: Accent};
- position: relative;
- left: 170px;
- font-size: 14px;
- top: 8px;
- }
- .boxs a {
- position: absolute;
- margin-left: 10px;
- margin-top: 8px;
- font-size: 14px;
- text-transform: uppercase;
- letter-spacing: 3px;
- font-weight: bold;
- }
- .boxs:hover{
- margin-left: 15px;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- /*-------------- CAPTION ----------------*/
- .avatr, .cap, .rebloguser, .rebloguser.sf {
- {block:ifNotShowCaptions}
- visibility:hidden;
- {block:ifNotShowCaptions}
- {block:ifShowCaptions}
- visibility: initial;
- {block:ifShowCaptions}
- }
- .avatr {
- display: inline;
- margin-top: 10px;
- margin-right: 5px;
- }
- .cap {
- margin-left: 10px;
- }
- .rebloguser {
- margin: 10px;
- }
- .rebloguser .sf {
- font-size: 9px;
- }
- /*-------------- POSTS ----------------*/
- #postcontainer {
- position: absolute;
- left: calc(50% - 365px);
- top: 10%;
- width: 700px;
- }
- #posts {
- position:relative;
- left: calc(50% - {select: Post Width}px/2 + 10px);
- width: 500px;
- background: transparent;
- font-family: {select: Post Font}, sans-serif;
- margin-bottom: 5px;
- background: {color: Post Background};
- padding: 10px;
- border-right: 6px solid {color: Accent};
- {block:IfRoundedEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius: 5px;
- {/block:IfRoundedEdges}
- margin-top: calc({select: Post Margin}px + 20px);
- font-size: {select: Font Size};
- }
- #posts:first-child {
- margin-top: 0;
- }
- {block:IfPostLinksOnHover}
- #posts:hover {
- padding-right: 50px;
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- {/block:IfPostLinksOnHover}
- /*-------------- POST LINKS ----------------*/
- .postside {
- position: absolute;
- right: 0px;
- width: 30px;
- height: auto;
- {block:IfNotNoPostLinks}
- opacity: 1;
- {/block:IfNotNoPostLinks}
- {block:IfNotPostLinksOnHover}
- opacity: 1;
- {/block:IfNotPostLinksOnHover}
- {block:IfNoPostLinks}
- opacity: 0;
- {/block:IfNoPostLinks}
- }
- .like_button{
- display:inline-block;
- position:relative;
- margin-bottom: 4px;
- }
- .like_button iframe{
- height:100%;
- left:0;
- opacity:0;
- position:absolute;
- top:0;
- width:100%;}
- .reblog, .permas, .notes, .source, .via {
- margin-bottom: 4px;
- }
- /*-------------- TAGS ----------------*/
- #taglanes {
- position: absolute;
- left: calc(50% - {select: Post Width}px/2 + 10px);
- width: {select: Post Width}px;
- padding: 10px;
- margin-top:-5px;
- {block:IfShowTags}
- display:initial;
- {/block:IfShowTags}
- {block:IfNotShowTags}
- display:none;
- {/block:IfNotShowTags}
- }
- #taglanes a{
- margin-right: 15px;
- color: #888;
- }
- #taglanes a:hover {
- color: {color: Accent};
- -webkit-transition: all 0.6s ease-in-out;
- -moz-transition: all 0.6s ease-in-out;
- -o-transition: all 0.6s ease-in-out;
- -ms-transition: all 0.6s ease-in-out;
- transition: all 0.6s ease-in-out;
- }
- /*-------------- POSTSIDE ON HOVER ----------------*/
- {block:IfPostLinksOnHover}
- .postside {
- opacity: 0;
- }
- #posts:hover .postside{
- opacity: 1;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- -ms-transition: all 0.8s ease-in-out;
- transition: all 0.8s ease-in-out;
- }
- {/block:IfPostLinksOnHover}
- /*-------------- PAGINATION ----------------*/
- #pagination {
- left: calc(50% - {select: Post Width}px/2);
- width: {select: Post Width}px;
- text-align: center;
- margin-top: 80px;
- margin-bottom: 80px;
- font-family: {select: Pagination Font}, sans-serif;
- font-size: calc({select: Font Size}px + 1px);
- text-transform: uppercase;
- color: #888;
- opacity: 0.7;
- word-spacing: 10px;
- }
- #pagination .current {
- color: {color: Accent};
- }
- /*-------------- Q&As ----------------*/
- .question {
- margin-left: 12px;
- margin-right: 13px;
- width: 450px;
- background: #f8f8f8;
- padding: 10px;
- {block:IfRoundedEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:IfRoundedEdges}
- text-align: left;
- margin-bottom: 10px;
- }
- .ask {
- text-align: left;
- text-transform: uppercase;
- padding: 10px;
- }
- .ask a {
- color: {color: Accent};
- padding: 5px;
- border: 1px solid {color: Accent};
- {block:IfRoundedEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:IfRoundedEdges}
- }
- .answerer {
- text-align: center;
- word-spacing: 5px;
- padding-bottom: 10px;
- border-bottom: 1px solid #eee;
- }
- .answer {
- text-align: left;
- }
- .answer img {
- {block:IfCircularIcons}
- -moz-border-radius:100%;
- -webkit-border-radius:100%;
- border-radius:100%;
- {/block:IfCircularIcons}
- float: right;
- }
- .question img {
- {block:IfCircularIcons}
- -moz-border-radius:100%;
- -webkit-border-radius:100%;
- border-radius:100%;
- {/block:IfCircularIcons}
- float: left;
- }
- /*-------------- HEADER ----------------*/
- .sourceq {
- text-align: right;
- }
- </style>
- <body>
- <div id="sidebar">
- <div id="boxs2">
- <div class="icon"><img src="{image: Icon}"></div>
- <div class="title">{Title}</div>
- <div class="desc">{Description}</div>
- </div>
- <div class="links">
- <div class="boxs"><a href="{text: Link 1 URL}">{text: Link 1} </a><span class="sf sf-{text: Icon 1}"></span></div>
- <div class="boxs"><a href="{text: Link 2 URL}">{text: Link 2} </a><span class="sf sf-{text: Icon 2}"></span></div>
- <div class="boxs"><a href="{text: Link 3 URL}">{text: Link 3} </a><span class="sf sf-{text: Icon 3}"></span></div>
- <div class="boxs"><a href="{text: Link 4 URL}">{text: Link 4} </a><span class="sf sf-{text: Icon 4}"></span></div>
- <div class="boxs"><a href="{text: Link 5 URL}">{text: Link 5} </a><span class="sf sf-{text: Icon 5}"></span></div>
- <div class="boxs"><a href="{text: Link 6 URL}">{text: Link 6} </a><span class="sf sf-{text: Icon 6}"></span></div>
- </div>
- </div>
- <div id="postcontainer">
- {block:TagPage}<div class="tagsearchhead"><div class="tagsearchtitle">Posts Filed Under #{Tag}</div></div> {/block:TagPage}
- {block:SearchPage}<div class="tagsearchhead"><div class="tagsearchtitle">Posts Featuring {SearchQuery}</div></div>{/block:SearchPage}
- {block:Posts}
- <div id="posts">
- <div class="postside">
- <div class="like_button">{LikeButton}</div>
- <div class="reblog"><a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog"></span></a></div>
- <div class="permas"><a href="{Permalink}" title="permalink"><span class="sf sf-link-1"></span></a></div>
- {block:NoteCount}<div class="notes"><a href="{Permalink}" title="{NoteCountWithLabel}"><span class="sf sf-star"></span></a></div>{/block:NoteCount}
- {block:RebloggedFrom}
- {block:ContentSource}<div class="source"><a href="{ReblogRootURL}" title="source {ReblogRootName}"><span class="sf sf-push-pin"></span></a></div> {/block:ContentSource}
- <div class="via"><a href="{ReblogParentURL}" title="via {ReblogParentName}"><span class="sf sf-refresh"></span></a></div>
- {/block:RebloggedFrom}
- </div>
- {block:Answer}
- <div class="question"><img src="{AskerPortraitURL-24}"><div class="ask"> {Asker} asked:</div> {Question}</div>
- <div class="answer"><img src="{AnswererPortraitURL-24}">{block:Answerer}{Answerer} said: {/block:Answerer}{Answer}</div>
- {/block:Answer}
- {block:Text}{block:Title}<div class="posttitle">{Title}</div>{/block:Title}{block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>{/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- <div class="cap">
- {Body}
- </div>
- {/block:NotReblog}
- {/block:Text}
- {block:Photo}<img src="{PhotoURL-500}" width="{select: Post Width}" height="auto">{block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>{/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}
- {/block:Photo}
- {block:Photoset}{Photoset}{block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>{/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}
- {/block:Photoset}
- {block:Quote}<div class="quotes"><span class="sf sf-chat-o"></span> <I>{Quote}</I></div>{block:Source}<div class="sourceq">{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<div class="posttitle">{Title}</div></a>{/block:Title}
- {block:Lines}<div class="chitchat"><li>{block:Label}<div class="label">{Label}</div>{/block:Label}<div class="line">{Line}</div></li></div>{/block:Lines}{/block:Chat}
- {block:Video}<div class="video">{Video-500}</div>{block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>{/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}
- {/block:Video}
- {block:Audio}{AudioEmbed}{block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><div class="avatr"><span class="sf sf-user"></span></div>{Username}</a>{/block:IsOriginalEntry}
- </div>
- <div class="cap">
- {Body}
- </div>
- {/block:Reblogs}
- {block:NotReblog}
- {block:Caption}
- <div class="cap">
- {Caption}
- </div>
- {/block:Caption}
- {/block:NotReblog}
- {/block:Audio}
- </div>
- {block:HasTags}<div id="taglanes">{block:Tags}<a href="{TagUrl}" title="{Tag}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
- {/block:Posts}
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="nextprev">back</a>{/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" class="nextprev">next</span></a>{/block:NextPage}
- {/block:Pagination}
- </div>
- </div>
- <!------------------------------ CREDIT ------------------------------->
- <div id="axium"><a href="http://wolfthemes.tumblr.com">wolf</a></div>
- <!-------- PLEASE DO NOT TOUCH OR EDIT WITHOUT PERMISSION!!!! --------->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment