Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!-------------------------------------------------------
- THEME #01 /// CARROT
- 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:
- Searchbar & Icons - saturnthms.com
- Dashboard Captions - neothm.com & magnusthemes.tumblr.com
- Tumblr Controls - cyantists.tumblr.com
- Resizing Videos - shythems.tumblr.com
- -------------------------------------------------------
- NOTES
- 1. The icons such as the house, chat bubble and
- links are from saturntms.com and you can find all
- of the icons they have made here:
- http://saturnthms.com/font
- 2. cyantists is a blessing and helped change
- tumblr's controls to make them more appealing.
- 3. The searchbar is a standard keyword searchbar
- made by the wonderful saturnthms.
- ------------------------------------------------------->
- <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 Tags" content="1"/>
- <meta name="if: Tags On Click" content="1"/>
- <meta name="if: Mini Cursor" content="1"/>
- <meta name="if: Round Edges" content="1"/>
- <meta name="if: Circular Images" content="1"/>
- <meta name="if: Large Header" 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: Sidebar Width" content="300" title="300px" />
- <meta name="select: Sidebar Width" content="280" title="280px" />
- <meta name="select: Sidebar Width" content="250" title="250px" />
- <meta name="select: Sidebar Width" content="220" title="220px" />
- <meta name="select: Sidebar Width" content="200" title="200px" />
- <meta name="select: Post Margin" content="0" title="0px" />
- <meta name="select: Post Margin" content="1" title="1px" />
- <meta name="select: Post Margin" content="2" title="2px" />
- <meta name="select: Post Margin" content="3" title="3px" />
- <meta name="select: Post Margin" content="4" title="4px" />
- <meta name="select: Post Margin" content="5" title="5px" />
- <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: Sidebar Margins" content="0" title="0px" />
- <meta name="select: Sidebar Margins" content="5" title="5px" />
- <meta name="select: Sidebar Margins" content="10" title="10px" />
- <meta name="select: Sidebar Margins" content="20" title="20px" />
- <meta name="select: Sidebar Margins" content="30" title="30px" />
- <meta name="select: Sidebar Margins" content="40" title="40px" />
- <meta name="select: Sidebar Margins" content="50" title="50px" />
- <meta name="select: Sidebar Margins" content="60" title="60px" />
- <meta name="select: Sidebar Margins" content="70" title="70px" />
- <meta name="select: Sidebar Margins" content="80" title="80px" />
- <meta name="select: Sidebar Margins" content="90" title="90px" />
- <meta name="select: Sidebar Margins" 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: Link Font Size" content="10" title="10px" />
- <meta name="select: Link Font Size" content="11" title="11px" />
- <meta name="select: Link Font Size" content="12" title="12px" />
- <meta name="select: Link Icon Font Size" content="8" title="8px" />
- <meta name="select: Link Icon Font Size" content="9" title="9px" />
- <meta name="select: Link Icon Font Size" content="10" title="10px" />
- <meta name="select: Link Icon Font Size" content="11" title="11px" />
- <meta name="select: Link Icon Font Size" content="12" title="12px" />
- <meta name="select: Header Font Size" content="10" title="10px" />
- <meta name="select: Header Font Size" content="11" title="11px" />
- <meta name="select: Header Font Size" content="12" title="12px" />
- <meta name="select: Header Font Size" content="13" title="13px" />
- <meta name="select: Header Font Size" content="14" title="14px" />
- <meta name="select: Header Font Size" content="15" title="15px" />
- <meta name="select: Body Font" content="'Lato'" title="Lato">
- <meta name="select: Body Font" content="'Montserrat'" title="Montserrat">
- <meta name="select: Body Font" content="'Raleway'" title="Raleway">
- <meta name="select: Body Font" content="'Source Sans Pro'" title="Source Sans Pro">
- <meta name="select: Body Font" content="'PT Sans'" title="PT Sans">
- <meta name="select: Body Font" content="'Ubuntu'" title="Ubuntu">
- <meta name="select: Body Font" content="'Titillium Web'" title="Titillium Web">
- <meta name="select: Body Font" content="'Encode Sans Expanded'" title="Encode Sans Expanded">
- <meta name="select: Body Font" content="'Work Sans'" title="Work Sans">
- <meta name="select: Body Font" content="'Ubuntu Condensed'" title="Ubuntu Condensed">
- <meta name="select: Body Font" content="'Varela Round'" title="Varela Round">
- <meta name="select: Link Font" content="'Lato'" title="Lato">
- <meta name="select: Link Font" content="'Montserrat'" title="Montserrat">
- <meta name="select: Link Font" content="'Raleway'" title="Raleway">
- <meta name="select: Link Font" content="'Source Sans Pro'" title="Source Sans Pro">
- <meta name="select: Link Font" content="'PT Sans'" title="PT Sans">
- <meta name="select: Link Font" content="'Ubuntu'" title="Ubuntu">
- <meta name="select: Link Font" content="'Titillium Web'" title="Titillium Web">
- <meta name="select: Link Font" content="'Encode Sans Expanded'" title="Encode Sans Expanded">
- <meta name="select: Link Font" content="'Work Sans'" title="Work Sans">
- <meta name="select: Link Font" content="'Ubuntu Condensed'" title="Ubuntu Condensed">
- <meta name="select: Link Font" content="'Varela Round'" title="Varela Round">
- <meta name="select: Title Font" content="'Lato'" title="Lato">
- <meta name="select: Title Font" content="'Montserrat'" title="Montserrat">
- <meta name="select: Title Font" content="'Raleway'" title="Raleway">
- <meta name="select: Title Font" content="'Source Sans Pro'" title="Source Sans Pro">
- <meta name="select: Title Font" content="'PT Sans'" title="PT Sans">
- <meta name="select: Title Font" content="'Ubuntu'" title="Ubuntu">
- <meta name="select: Title Font" content="'Titillium Web'" title="Titillium Web">
- <meta name="select: Title Font" content="'Encode Sans Expanded'" title="Encode Sans Expanded">
- <meta name="select: Title Font" content="'Work Sans'" title="Work Sans">
- <meta name="select: Title Font" content="'Ubuntu Condensed'" title="Ubuntu Condensed">
- <meta name="select: Title Font" content="'Varela Round'" title="Varela Round">
- <meta name="color: Accent" content="#ff6600"/>
- <meta name="color: Borders" content="#eee"/>
- <meta name="color: Background" content="#f8f8f8"/>
- <meta name="color: Post Background" content="#fff"/>
- <meta name="text: Header" content="this is a title">
- <meta name="text: Link 1" content="link 1">
- <meta name="text: Link 1 URL" content="/">
- <meta name="text: Link 2" content="link 2">
- <meta name="text: Link 2 URL" content="/">
- <meta name="text: Link 3" content="link 3">
- <meta name="text: Link 3 URL" content="/">
- <meta name="text: Link Home" content="home">
- <meta name="text: Link Home URL" content="/">
- <meta name="text: Icon 1" content="home-o">
- <meta name="text: Link Ask" content="ask">
- <meta name="text: Link Ask URL" content="/ask">
- <meta name="text: Icon 2" content="chat-o">
- <meta name="text: Link Archive" content="archive">
- <meta name="text: Link Archive URL" content="/archive">
- <meta name="text: Icon 3" content="menu-o">
- <meta name="text: Link 4" content="link 4">
- <meta name="text: Link 4 URL" content="/">
- <meta name="text: Icon 4" content="link-1-o">
- <meta name="text: Link 5" content="link 5">
- <meta name="text: Link 5 URL" content="/">
- <meta name="text: Icon 5" content="link-1-o">
- <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 href="style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- tip_follows_cursor:true,
- tip_delay_time:700,
- tip_fade_speed:300,
- attribute:"title"
- });
- })(jQuery);
- </script>
- <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);
- $('.posts').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: ".avtar", //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 :)
- });
- $('.posts').unnest({
- newCaptionUsername: false,
- tumblrAvatars: false,
- usernameColon: true
- });
- </script>
- {block:ifTagsOnClick}
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $(".tags").click(function(){
- $(".postfoot2").slideToggle("slow");
- });
- });
- </script>
- {/block:ifTagsOnClick}
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photosets').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '0px',
- borderRadius: '0px',
- photoset: '.photosets',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- });
- </script>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
- </head>
- <style type="text/css">
- /*-------------- TOOLTIP ----------------*/
- #s-m-t-tooltip{
- /* basic */
- max-width:300px;
- z-index:999999999999999999999999999999999;
- margin:14px 14px 7px 12px;
- /* style and design */
- padding:8px;
- background: {color: Accent};
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- /* font */
- font-family: {select: Body Font};,sans-serif;
- font-size:11px;
- line-height:16px;
- color:#fff;
- }
- /*-------------- SCROLLBAR ----------------*/
- ::-webkit-scrollbar {
- width: 4px;
- height: 4px;
- }
- ::-webkit-scrollbar-button {
- width: 0px;
- height: 0px;
- }
- ::-webkit-scrollbar-thumb {
- background: {color: Accent};
- border: 0px solid #ffffff;
- border-radius: 100px;
- }
- ::-webkit-scrollbar-track {
- background: #ffffff;
- border: 3px solid #ffffff;
- border-radius: 0px;
- }
- ::-webkit-scrollbar-corner {
- background: transparent;
- }
- /*-------------- BASIC HTML ----------------*/
- html {
- {block:ifMiniCursor}
- cursor: url(http://www.rw-designer.com/cursor-extern.php?id=27887), progress !important;
- {/block:ifMiniCursor}
- }
- body {
- background: #f8f8f8;
- font-size: {select: Font Size}px;
- font-family: {select: Body Font}, sans-serif;
- }
- a {
- font-family: {select: Link Font}, sans-serif;
- color: {color: Accent};
- text-decoration: none;
- }
- a:hover, img:hover, .tags:hover {
- {block:ifMiniCursor}
- cursor: url(http://www.rw-designer.com/cursor-extern.php?id=91283), progress !important;
- {/block:ifMiniCursor}
- }
- input:hover {
- {block:ifMiniCursor}
- cursor: url(http://www.rw-designer.com/cursor-extern.php?id=46509), progress !important;
- {/block:ifMiniCursor}
- }
- /*-------------- CREDIT DON'T TOUCH ----------------*/
- #axium a {
- position: fixed;
- bottom: 5px;
- left:5px;
- font-size: 10px;
- color: #333;
- background: #fff;
- border: 1px solid {color: Borders};
- padding: 7px 7px 4px 7px;
- -moz-border-radius:100%;
- -webkit-border-radius:100%;
- border-radius:100%;
- 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;
- }
- /*-------------- HEADER ----------------*/
- #header {
- z-index: 9;
- background: {color: Accent}; /* Old browsers */
- background: -moz-linear-gradient(top, {color: Accent} 20%, {color: Background} 90%); /* FF3.6-15 */
- background: -webkit-linear-gradient(top, {color: Accent} 20%,{color: Background} 90%); /* Chrome10-25,Safari5.1-6 */
- background: linear-gradient(to bottom, {color: Accent} 20%,{color: Background} 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color: Accent}', endColorstr='{color: Background}',GradientType=0 ); /* IE6-9 */
- {block:ifLargeHeader}
- width: 1200px;
- height: 600px;
- position: absolute;
- top: -10px;
- left: 10%;
- {/block:ifLargeHeader}
- {block:ifNotLargeHeader}
- width: 1200px;
- height: 100px;
- position: fixed;
- top: -1px;
- left: 10%;
- {/block:ifNotLargeHeader}
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- }
- .header {
- width: 1200px;
- height: 100px;
- position: fixed;
- top: -10px;
- left: 10%;
- background: {color: Accent} 20%;
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- z-index: 9999;
- }
- .links {
- display: inline block;
- position: absolute;
- top: 40px;
- right: 20px;
- font-size: {select: Link Font Size}px;
- text-transform: uppercase;
- z-index: 999999;
- }
- .links a {
- color: {color: Accent};
- margin: 10px;
- letter-spacing: 2px;
- background: #fff;
- border: 1px solid {color: Borders};
- padding: 3px 20px 3px 20px;
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- }
- .title {
- font-family: {select: Title Font}, sans-serif;
- position: absolute;
- top: 40px;
- left: 20px;
- text-transform: uppercase;
- color: #fff;
- font-size: 15px;
- z-index: 999999;
- }
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- position: fixed;
- top:0!important;
- right:10px!important;
- opacity:1;
- /* delete invert(1) from here */
- filter: contrast(150%);
- -webkit-filter: contrast(150%);
- -o-filter: contrast(150%);
- -moz-filter: contrast(150%);
- -ms-filter: 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:1!important;}
- /*-------------- SIDEBAR ----------------*/
- #sidebar {
- position: absolute;
- top: 0px;
- left: 100px;
- height:auto;
- }
- #sidebox {
- margin-bottom: {select: Sidebar Margins}px;
- width: 300px;
- height: auto;
- background: #fff;
- border: 1px solid {color: Borders};
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- }
- .logo img {
- width: 30px;
- height:30px;
- margin: 15px;
- {block:ifCircularImages}
- -moz-border-radius:40px;
- -webkit-border-radius:40px;
- border-radius:40px;
- {/block:ifCircularImages}
- {block:ifNotCircularImages}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotCircularImages}
- }
- .titles a {
- text-align: right;
- position: absolute;
- right: 10px;
- top: 22px;
- word-spacing: 4px;
- font-size: {select: Header Font Size}px;
- font-weight: bold;
- color: #333;
- }
- .desc {
- text-align: center;
- margin-top: 0px;
- margin-right: 15px;
- margin-left: 15px;
- margin-bottom: 15px;
- }
- /*-------------- NAVIGATION BOX ----------------*/
- #navbox {
- margin-bottom: {select: Sidebar Margins}px;
- width: 300px;
- height: auto;
- background: #fff;
- border: 1px solid {color: Borders};
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- padding-bottom: 5px;
- }
- .navigation {
- font-size: 12px;
- text-transform: uppercase;
- text-align: center;
- width: 100%;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .navigation .sf {
- font-size: {select: Link Icon Font Size}px;
- }
- .sidelinks {
- width: 100%;
- text-transform: uppercase;
- line-height:2;
- text-align: right;
- }
- .sidelinks .sf {
- position: absolute;
- left: 15px;
- margin-top: 5px;
- }
- .sidelinks a {
- margin: 10px;
- width: 100%;
- padding: 5px;
- }
- .sidelinks a:last-of-type {
- padding-bottom: 15px;
- }
- .hline2 {
- width: auto;
- height: 1px;
- background: #888;
- margin-top: 10px;
- margin-bottom: 10px;
- }
- .hline2:first-child {
- margin-top: 5px;
- }
- /*-------------- SEARCHBAR ----------------*/
- #searchbar {
- margin-bottom: {select: Sidebar Margins}px;
- width: 300px;
- height: auto;
- background: #fff;
- border: 1px solid {color: Borders};
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- }
- /*--------------------------------------------------------------------
- KEYWORD SEARCH BAR
- by Saturn Themes | saturnthms.tumblr.com
- © All Rights Reserved
- Terms of Use @ saturnthms.tumblr.com/info/terms apply
- --------------------------------------------------------------------*/
- input:focus::-webkit-input-placeholder {color: transparent;}input:focus:-moz-placeholder {color: transparent;}input:focus::-moz-placeholder {color: transparent;}input:focus:-ms-input-placeholder { color: transparent;}.requiro input{outline:none;border:0;width:100%;margin:0;padding:0;}
- .requiro{
- background:#fff;
- margin:10px;}
- .requiro input[type=text]{
- text-align: center;
- text-transform: lowercase;
- font-variant: small-caps;
- color:#000;}
- input::-webkit-input-placeholder{
- color:#000;}
- input::-moz-placeholder{
- color:#000;}
- input:-moz-placeholder{
- color:#000;}
- input:-ms-input-placeholder{
- color:#000;}
- /*-------------- PAGINATION ----------------*/
- #pagination {
- width: auto;
- height: auto;
- background: transparent;
- padding: 10px;
- text-align: center;
- margin-top: 50px;
- margin-bottom: 50px;
- }
- a.nextprev {
- padding: 10px;
- text-transform: uppercase;
- font-size: 11px;
- }
- a.nextprev .sf {
- font-size: 8px;
- }
- a.current {
- font-weight: bold;
- padding-left: 10px;
- margin:10px;
- }
- a.jump {
- margin: 10px;
- }
- /*-------------- FIRST POST FOOT ----------------*/
- #postfoot1 {
- border-top: 1px solid #888;
- font-size: 10px;
- text-transform: uppercase;
- margin-top: 15px;
- margin-bottom: 5px;
- padding-bottom: 10px;
- }
- a.source, a.via {
- margin-right: 10px;
- position: relative;
- top: 10px;
- }
- a.source .sf, a.via .sf {
- margin-left: 5px;
- }
- .tags{
- {block:ifNotShowTags}
- display:none;
- {/block:ifNotShowTags}
- {block:ifShowTags}
- display:initial;
- {/block:ifShowTags}
- font-size: 10px;
- font-style:normal;
- float:right;
- position: relative;
- top: 10px;
- text-align:center;
- margin-left:15px;
- margin-bottom: 10px;
- display:inline-block;
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .reblog {
- font-size: 10px;
- font-style:normal;
- float:right;
- display:inline-block;
- position: relative;
- top: 10px;
- text-align:center;
- margin-left:15px;
- margin-bottom: 10px;
- display:inline-block;
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .reblog:hover {
- {block:ifMiniCursor}
- cursor: url(http://www.rw-designer.com/cursor-extern.php?id=91283), progress !important;
- {/block:ifMiniCursor}
- color:#000;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- /*-------------- SECOND POST FOOT + TAGS ----------------*/
- {block:ifShowTags}
- .postfoot2 {
- {block:ifTagsOnClick}
- display: none;
- {/block:ifTagsOnClick}
- {block:ifNotTagsOnClick}
- display: initial;
- margin-top: 15px;
- padding-top: 15px;
- {/block:ifNotTagsOnClick}
- font-size: 10px;
- margin-top: 15px;
- margin-bottom: 5px;
- text-align: left;
- padding-top: 15px;
- }
- .postfoot2 a{
- margin: 5px;
- }
- {/block:ifShowTags}
- /*-------------- POSTHEAD ----------------*/
- .postheader {
- font-size: 10px;
- margin-top: 5px;
- margin-bottom: 15px;
- text-align: right;
- padding-bottom: 5px;
- text-transform: uppercase;
- }
- .timeago, .notes {
- display: inline;
- margin-right: 10px;
- }
- .postheader a{
- color: #333;
- }
- /*-------------- POSTS & CONTAINER ----------------*/
- #container {
- position: absolute;
- left: 10%;
- width: 1200px;
- {block:ifLargeHeader}
- top: 625px;
- {/block:ifLargeHeader}
- {block:ifNotLargeHeader}
- top: 150px;
- {/block:ifNotLargeHeader}
- }
- #postcontainer {
- position: absolute;
- right: 100px;
- }
- .posts {
- position: relative;
- width: {select: Post Width}px;
- background: #fff;
- margin-bottom: {select: Post Margin}px;
- padding: 15px;
- border: 1px solid {color: Borders};
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- }
- .rebloguser {
- margin: 5px;
- height:16px;
- line-height:16px;
- }
- .rebloguser img {
- float:left;
- width:16px;
- border-radius:2px;
- margin-right:8px;
- {block:ifCircularImages}
- -moz-border-radius:16px;
- -webkit-border-radius:16px;
- border-radius:16px;
- {/block:ifCircularImages}
- {block:ifNotCircularImages}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotCircularImages}
- }
- .rebloguser a {
- color: #555;
- }
- /*-------------- QUESTIONS / ANSWERS ----------------*/
- .question {
- margin-left: 12px;
- margin-right: 13px;
- width: 450px;
- background: #f8f8f8;
- padding: 10px;
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- text-align: center;
- margin-bottom: 10px;
- }
- .ask {
- text-align: center;
- text-transform: uppercase;
- padding: 10px;
- }
- .ask a {
- color: {color: Accent};
- padding: 5px;
- border: 1px solid {color: Accent};
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- }
- .answerer {
- text-align: center;
- word-spacing: 5px;
- padding-bottom: 10px;
- border-bottom: 1px solid {color: Borders};
- }
- .answer {
- text-align: center;
- }
- /*-------------- CAPTIONS ----------------*/
- .cap {
- margin: 10px;
- background: #f8f8f8;
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- padding: 10px;
- }
- .cap blockquote {
- border-left: 1px solid #888;
- padding-left: 5px;
- }
- /*-------------- QUOTES + SOURCES ----------------*/
- .quotes {
- margin: 10px;
- font-variant: italic;
- }
- .quotes .sf {
- padding-right: 10px;
- }
- .sourceq {
- text-align: right;
- }
- .sourceq::before {
- content:'—';
- padding-right: 5px;
- }
- /*-------------- CHAT POSTS ----------------*/
- .chitchat li{
- list-style-type: none;
- background: #fff;
- border-bottom: 1px solid #eee;
- }
- .label {
- text-transform: uppercase;
- font-weight: bold;
- }
- .line, .label {
- display: inline;
- line-height: 2;
- padding: 5px;
- }
- /*-------------- TEXT TITLES ----------------*/
- .posttitle {
- text-align: right;
- text-transform: uppercase;
- border-bottom: 1px solid {color: Borders};
- padding: 10px;
- }
- /*-------------- LINK EFFECTS ----------------*/
- .posts a:hover, .postfoot2 a:hover, #postfoot1 a:hover, #pagination a:hover, #sidebar a:hover {
- color: #333;
- font-weight: bold;
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #navbox a:hover{
- color: #333;
- letter-spacing: 2px;
- margin-right: 20px;
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #header a:hover {
- text-decoration: underline;
- font-weight: bold;
- background: {color: Accent};
- color: #fff;
- border-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;
- }
- .rebloguser 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;
- }
- .postheader 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;
- }
- /*-------------- TAG + SEARCH PAGES ----------------*/
- .tagsearchhead {
- width: {select: Post Width}px;
- background: #fff;
- margin-bottom: 30px;
- padding: 15px;
- border: 1px solid {color: Borders};
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- }
- .tagsearchtitle {
- text-align: center;
- text-transform: uppercase;
- }
- /*-------------- PERMALINKS ----------------*/
- .permalinks {
- width: {select: Post Width}px;
- height: auto;
- margin-top: 50px;
- padding: 15px;
- background: #fff;
- border: 1px solid #eee;
- text-align: left;
- line-height: 2;
- {block:ifRoundEdges}
- -moz-border-radius:5px;
- -webkit-border-radius:5px;
- border-radius:5px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- }
- .permalinks li{
- text-align: left;
- list-style-type: none;
- }
- .permalinks li::after {
- content'<br>'
- }
- .permalinks img {
- margin-right: 3px;
- float: left;
- {block:ifCircularImages}
- -moz-border-radius:100%;
- -webkit-border-radius:100%;
- border-radius:100%;
- {/block:ifCircularImages}
- {block:ifNotCircularImages}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotCircularImages}
- }
- </style>
- <body>
- <div id="s-m-tooltip">
- <!------------------------------ HEADER ------------------------------->
- <div id="header">
- <div class="header">
- <div class="links">
- <a href="/">home</a>
- <a href="/ask">ask</a>
- <a href="/archive">archive</a>
- <a href="{text: Link 1 URL}">{text: Link 1}</a>
- <a href="{text: Link 2 URL}">{text: Link 2}</a>
- <a href="{text: Link 3 URL}">{text: Link 3}</a>
- </div>
- <div class="title">
- {Title}
- </div>
- </div>
- </div>
- <!--------------------------- HEADER END ----------------------------->
- <div id="container">
- <!------------------------------ SIDEBAR ------------------------------->
- <div id="sidebar">
- <div id="sidebox">
- <div class="logo">
- <img src="{image: Icon}">
- </div>
- <div class="titles">
- <a href="/">{text: Header}</a>
- </div>
- <div class="desc">
- {Description}
- </div>
- </div>
- <!------------------------------ NAVBAR ------------------------------->
- <div id="navbox">
- <div class="navigation">
- Navigation</span>
- </div>
- <div class="sidelinks">
- <a href="{text: Link Home URL}"><span class="sf sf-{text: Icon 1}"></span> {text: Link Home}</a><br>
- <a href="{text: Link Ask URL}"><span class="sf sf-{text: Icon 2}"></span> {text: Link Ask}</a><br>
- <a href="{text: Link Archive URL}"><span class="sf sf-{text: Icon 3}"></span> {text: Link Archive}</a><br>
- <a href="{text: Link 4 URL}"><span class="sf sf-{text: Icon 4}"></span> {text: Link 4}</a><br>
- <a href="{text: Link 5 URL}"><span class="sf sf-{text: Icon 5}"></span> {text: Link 5}</a>
- </div>
- </div>
- <!------------------------------ SEARCHBAR ------------------------------->
- <div id="searchbar">
- <!--------------------------------------------------------------------
- KEYWORD SEARCH BAR
- by Saturn Themes | saturnthms.tumblr.com
- © All Rights Reserved
- Terms of Use @ saturnthms.tumblr.com/info/terms apply
- ---------------------------------------------------------------------->
- <form class="requiro" action="/search" method="get"><input type="text" name="q" placeholder="Search" value=""/></form>
- </div>
- </div>
- <!------------------------------ SIDEBAR END ------------------------------->
- <!------------------- TAG AND SEARCH PAGE HEADER -------------------->
- {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}
- <!------------------------------ END ------------------------------->
- <div id="postcontainer">
- {block:Posts}
- <div class="posts">
- <!----------------------------- POST HEADER ------------------------------>
- <div class="postheader">
- {block:NoteCount} <div class="notes"><a href="{Permalink}"><span class="sf sf-star-o"></span> {NoteCountWithLabel}</a></div>{/block:NoteCount}
- {block:Date}<div class="timeago"><a href="{Permalink}"><span class="sf sf-clock-3-o"></span> {TimeAgo}</a></div> {/block:Date}
- </div>
- <!--------------------------- POST HEADER END ---------------------------->
- {block:Answer}
- <div class="question"><div class="ask">{Asker} asked:</div> {Question}</div>
- <div class="answerer">{block:Answerer}{Answerer} said: {/block:Answerer}</div><div class="answer">{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}"><img class="avtar" src="{ReblogParentPortraitURL-24}" />{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{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}">{block:Reblogs}
- <div class="rebloguser">
- {block:IsNotOriginalEntry}
- <a href="{Permalink}"><img class="avtar" src="{ReblogParentPortraitURL-24}" />{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{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}"><img class="avtar" src="{ReblogParentPortraitURL-24}" />{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{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}"><img class="avtar" src="{ReblogParentPortraitURL-24}" />{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{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}"><img class="avtar" src="{ReblogParentPortraitURL-24}" />{Username}</a>
- {/block:IsNotOriginalEntry}
- {block:IsOriginalEntry}
- <a href="{Permalink}"><img class="avtar" src="{PortraitURL-24}" />{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}
- <!------------------------------ POST FOOT ------------------------------->
- <div id="postfoot1">
- {block:RebloggedFrom}
- {block:ContentSource}<a class="source" href="{ReblogRootURL}" title="source {ReblogRootName}"><span class="sf sf-push-pin-o"></span></b> {ReblogRootName}</a> {/block:ContentSource}
- <a class="via" href="{ReblogParentURL}" title="via {ReblogParentName}"><span class="sf sf-refresh-o"></span></b> {ReblogParentName}</a>
- {/block:RebloggedFrom}
- {block:HasTags}{block:ifShowTags}<span class="tags sf sf-tags-o"></span>{/block:ifShowTags}{block:ifNotShowTags}<span class="tags sf sf-tags-o" style="display:none;"></span>{block:ifNotShowTags}{/block:HasTags}
- <a class="reblog" href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"></span></a>
- </div>
- <!------------------------------ TAGS ------------------------------->
- {block:HasTags}<div class="postfoot2">
- {block:Tags}<a href="{TagUrl}" title="{Tag}"><span class="sf sf-tag-o"></span> {Tag}</a> {/block:Tags}
- </div>{/block:HasTags}
- <!------------------------------ END ------------------------------->
- </div>
- {/block:Posts}
- <!------------------------------ PERMALINKS ------------------------------->
- {block:PostNotes}<div class="permalinks">
- {PostNotes-16}<br>
- </div>{/block:PostNotes}
- <!------------------------------ END ------------------------------->
- <!------------------------------ PAGINATION ------------------------------->
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="nextprev"><span class="sf sf-chevron-left"></span> prev</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 class="sf sf-chevron-right"></span></a>{/block:NextPage}
- {/block:Pagination}
- </div>
- <!------------------------------ END ------------------------------->
- </div>
- </div>
- <!------------------------------ CREDIT ------------------------------->
- <div id="axium"><a href="http://wolfthemes.tumblr.com">wolf</a></div>
- <!-------- PLEASE DO NOT TOUCH OR EDIT WITHOUT PERMISSION!!!! --------->
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment