Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!----------------------------------------------------------------------
- THEME #02 /// STRAWBERRY
- 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
- Easy to Customize, comments and notes in the code incase you need help!
- -----------------------------------------------------------------------
- NOTES BEFORE CUSTOMIZING:
- * "Accent 2 Light" refers to the background for when you hover
- over the sidebar "navi" links
- * In order for Tags On Click to work, BOTH Show Tags and Tags
- On Click must be turned on.
- * If you want to have a black line on the scrollbar instead of
- your second accent color, use ctrl+f to find:
- "/* thin line scroll */"
- don't include the quote marks.
- *If you want to change an icon to something, go to:
- saturnthms.com/font
- ----------------------------------------------------------------------->
- <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="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: Sidebar Font Size" content="10" title="10px" />
- <meta name="select: Sidebar Font Size" content="11" title="11px" />
- <meta name="select: Sidebar Font Size" content="12" title="12px" />
- <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: 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="color: Accent 1" content="#ff5050"/>
- <meta name="color: Accent 2" content="#6dd16d"/>
- <meta name="color: Accent 2 Light" content="#b3ffb3"/>
- <meta name="color: Borders" content="#eee"/>
- <meta name="color: Background" content="#f8f8f8"/>
- <meta name="color: Post Background" content="#fff"/>
- <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"/>
- <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">
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:90,
- tip_fade_speed:600,
- 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>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
- <script>
- $(document).ready(function(){
- $("#truereveal").click(function(){
- $("#anchor").slideToggle("slow");
- });
- });
- </script>
- {block:IfTagsOnClick}
- <script>
- $(document).ready(function(){
- $(".postside #tags").click(function(){
- $(".postside #tagbox").slideToggle("slow");
- });
- });
- </script>
- {/block:IfTagsOnClick}
- </head>
- <style type="text/css">
- #s-m-t-tooltip {
- max-width:300px; /* maximum width */
- background-color:#ffffff; /* color background */
- border:1px solid #eee; /* color, shape and thickness of the border */
- font-size:10px; /* font size */
- color:{color: Accent 1}; /* font color */
- letter-spacing:1px; /* font spacing */
- text-transform:lowercase; /* uppercase, lowercase, none */
- padding:5px; /* padding size */
- margin:10px 0px 0px 10px; /* margin size */
- z-index:9999999999999999999999;
- {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}
- }
- ::-webkit-scrollbar {
- width:10px;
- height:10px;
- }
- ::-webkit-scrollbar {
- background-color:#fff; /* background color */
- }
- ::-webkit-scrollbar-track {
- border:4px solid #fff; /* background color */
- background-color:{color: Accent 2}; /* light border color */
- }
- ::-webkit-scrollbar-thumb {
- border:2px solid #fff; /* background color */
- background-color:{color: Accent 1}; /* dark border color */
- min-height:24px;
- min-width:24px;
- }
- 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, #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}
- }
- body {
- background: {color: Borders};
- font-size: {select: Font Size}px;
- }
- hr {
- border: none;
- height: 1px;
- background: #eee;
- }
- /*-------------------------------*/
- #axium a {
- position: fixed;
- bottom: 5px;
- right:10px;
- 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 1};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- /*-------------------------------*/
- #anchor {
- position:fixed;
- top: 0;
- left: 0;
- width: 330px;
- height: 100%;
- background: #fff;
- border: 1px solid {color: Borders};
- z-index: 99999;
- display: none;
- padding: 20px;
- overflow-y: scroll;
- overflow-x:hidden;
- }
- #header {
- position: absolute;
- top:80px;
- left: 0;
- width: 330px;
- padding: 17px;
- padding-bottom: 50px;
- font-size: {select: Sidebar Font Size}px;
- }
- #box {
- width: 300px;
- margin-left: 15px;
- margin-bottom: 30px;
- 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}
- font-family: {select: Body Font}, sans-serif;
- overflow-x: hidden;
- z-index: 9999;
- }
- .title {
- width: 100%;
- background: #f8f8f8;
- text-transform: uppercase;
- height: 30px;
- padding: 4px;
- border-bottom: 1px solid {color: Borders};
- font-size: 13px;
- }
- .title b {
- float: left;
- margin-left: 20px;
- margin-top: 6px;
- }
- .title span.sf {
- float: right;
- margin-top: 8px;
- margin-right: 20px;
- opacity: 0.2;
- }
- /*-------------------------------*/
- .text {
- margin: 10px;
- text-align: justify;
- padding: 5px;
- }
- .text a {
- color: {color: Accent 1};
- }
- .statsbox {
- margin-left: 20px;
- margin-right: 20px;
- padding: 10px;
- padding-bottom: 0;
- color:#555;
- }
- .statsbox .sf {
- color: {color: Accent 1};
- margin-right: 10px;
- }
- .statsbox .sf:nth-of-type(odd){
- color: {color: Accent 2};
- }
- /*-------------------------------*/
- /*--------------------------------------------------------------------
- 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;color:transparent;}
- .requiro{
- color: #000;
- background: {color: Accent 2};
- padding:10px;
- margin: 15px;
- {block:ifRoundEdges}
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- border-radius:10px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- }
- .requiro input[type=text]{
- background: {color: Accent 2};
- text-align: center;
- text-transform: lowercase;
- color:#000;}
- input::-webkit-input-placeholder{
- color:#000;}
- input::-moz-placeholder{
- color:#000;}
- input:-moz-placeholder{
- color:#000;}
- input:-ms-input-placeholder{
- color:#000;}
- /*-------------------------------*/
- .navi table {
- font-size: {select: Sidebar Font Size}px;
- text-align: center;
- border-collapse: collapse;
- width: 90%;
- margin: 15px;
- margin-top: 10px;
- }
- .navi th {
- padding: 8px;
- }
- .navi tr {
- padding: 8px;
- text-align: center;
- border-bottom: none;
- height: 40px;
- }
- .navi a{
- color: #888;
- text-decoration: none;
- text-align: center;
- background: #fff;
- padding: 7px 25px 7px 25px;
- border: 1px solid {color: Borders};
- {block:ifRoundEdges}
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- border-radius:10px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- margin: 2px;
- font-weight:bold;
- }
- .navi a:hover {
- color: {color: Accent 1};
- background: {color: Accent 2 Light};
- border: 1px solid {color: Accent 2 Light};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- /*-------------------------------*/
- .activity {
- width: 100%;
- padding: 10px;
- margin-top: 5px;
- margin-bottom: 5px;
- }
- .activity date {
- width: 10px;
- height: 30px;
- border: 1px solid {color: Borders};
- 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: 5px;
- font-weight: bold;
- text-transform: uppercase;
- margin: 5px;
- margin-top: 15px;
- }
- .activity event {
- margin-left: 10px;
- }
- /*-------------------------------*/
- .affiliates {
- text-align: center;
- margin:5px;
- }
- .affiliates img {
- margin: 7px;
- width: 40px;
- height: 40px;
- }
- .affiliates a img:hover {
- {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}
- opacity: 0.4;
- transition:all 1s ease-out;
- -webkit-transition: all 1s ease;
- -moz-transition: all 1s ease;
- -o-transition: all 1s ease;
- }
- /*-------------------------------*/
- .projects {
- width: 100%;
- padding: 10px;
- height: 55px;
- display: block;
- border-bottom: 1px solid {color: Borders};
- }
- .projtitles {
- position: relative;
- top: 10px;
- left: 10px;
- text-transform: lowercase;
- font-variant: small-caps;
- letter-spacing: 2px;
- font-weight: normal;
- }
- .projinfo ul li {
- list-style-type: square;
- }
- /*-------------------------------*/
- .bloginfo table {
- font-size: {select: Sidebar Font Size}px;
- text-align: center;
- border-collapse: collapse;
- width: 90%;
- margin: 15px;
- margin-top: 10px;
- }
- .bloginfo th {
- padding: 8px;
- }
- .bloginfo tr {
- padding: 8px;
- text-align: center;
- border-bottom: none;
- height: 30px;
- }
- .disclaimer {
- font-size: {select: Sidebar Font Size}px;
- text-align: center;
- margin: 15px;
- }
- .bloginfo a{
- color: {color: Accent 1};
- margin: 2px;
- }
- .bloginfo a:hover {
- color: {color: Accent 2};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- /*-------------------------------*/
- #trueheader {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 80px;
- background: #fff;
- border: 1px solid {color: Borders};
- z-index: 9999999;
- font-family: {select: Body Font}, sans-serif;
- }
- #truelinks {
- display: inline-block;
- font-weight: bold;
- text-transform: uppercase;
- position: absolute;
- font-size: 15px;
- right: 50px;
- top: 30px;
- }
- #truelinks a {
- color: {color: Accent 1};
- margin-left: 20px;
- }
- #truelinks a:hover {
- color: {color: Accent 2};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #welcome {
- text-transform: uppercase;
- letter-spacing: 2px;
- text-align: center;
- width: 150px;
- position: absolute;
- top: 10px;
- left:45%;
- }
- #welcome img {
- width: 40px;
- height: 40px;
- {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}
- }
- #welcome .truetitle {
- font-size: 15px;
- word-spacing: 4px;
- }
- #truereveal {
- position: absolute;
- bottom: 10px;
- left: 10px;
- }
- /*-------------------------------*/
- #postcontainer {
- position: absolute;
- left: 35%;
- top: 100px;
- }
- .posts {
- margin-top: 5px;
- width: {select: Post Width}px;
- background: #fff;
- margin-bottom: 50px;
- padding: 15px;
- border: 1px solid {color: Borders};
- font-family: {select: Body Font}, sans-serif;
- {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}
- }
- .posts a:hover {
- color:{color: Accent 2};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .posts a:nth-of-type(even):hover {
- color: {color: Accent 1};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- /*-------------------------------*/
- .posthead {
- margin-top: 10px;
- width: {select: Post Width}px;
- background: #fff;
- margin-bottom: 5px;
- padding: 15px;
- border: 1px solid {color: Borders};
- font-family: {select: Body Font}, sans-serif;
- {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: right;
- }
- .source .sf, .via .sf{
- font-size: 9px;
- }
- .source, .via {
- border: 1px solid {color: Borders};
- padding: 5px 7px 5px 7px;
- {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}
- }
- .source {
- position: absolute;
- left: 15px;
- margin-top: -5px;
- }
- a.source:hover {
- color: {color: Accent 1};
- border-color: #ffe6e6;
- background: #ffe6e6;
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- a.via:hover {
- color: {color: Accent 2};
- border-color: #ebfaeb;
- background:#ebfaeb;
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- /*-------------------------------*/
- .postside {
- width: 300px;
- height: 200px;
- position: absolute;
- margin-top: -9px;
- left: 101%;
- }
- .reblog, .permas {
- font-size: 13px;
- position: relative;
- margin-bottom: 20px;
- }
- .reblog a, .permas a {
- padding: 5px 5px 0 5px;
- border: 1px solid {color: Borders};
- border-radius: 100%;
- background: #fff;
- }
- #tags .sf {
- font-size: 13px;
- position: relative;
- margin-bottom: 20px;
- padding: 5px 5px 0 5px;
- border: 1px solid {color: Borders};
- border-radius: 100%;
- background: #fff;
- }
- .reblog a:hover, #tags:hover {
- color: {color: Accent 2};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- .permas a:hover {
- color:{color: Accent 1};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #tagbox {
- {block:IfTagsOnClick}
- display: none;
- {/block:IfTagsOnClick}
- {block:IfNotTagsOnClick}
- display:initial;
- {/block:IfNotTagsOnClick}
- width: 200px;
- height: 50px;
- background: #fff;
- padding: 10px;
- 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}
- position: absolute;
- left: 30px;
- margin-top: -25px;
- overflow-y:scroll;
- }
- #tagbox a:hover {
- color:{color: Accent 1};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #tagbox a:nth-of-type(even):hover {
- color: {color: Accent 2};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- /*-------------------------------*/
- .permalinks {
- width: {select: Post Width}px;
- height: auto;
- margin-top: 50px;
- padding: 15px;
- background: #fff;
- border: 1px solid {color: Borders};
- 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}
- }
- /*-------------------------------*/
- #pagination {
- position: fixed;
- right:5%;
- top: 50%;
- font-family:{select: Body Font}, sans-serif;
- font-size: 14px;
- transform: rotate(90deg);
- word-spacing: 15px;
- height: auto;
- display: inline-block;
- }
- #pagination a {
- margin-top: 20px;
- }
- #pagination a:hover {
- color:{color: Accent 1};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #pagination a:nth-of-type(even):hover {
- color: {color: Accent 2};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #pagination .sf {
- font-size: 10px;
- }
- #pagination .current {
- font-weight: bold;
- color: {color: Accent 1};
- }
- /*-------------------------------*/
- .rebloguser {
- margin: 5px;
- height:16px;
- line-height:16px;
- }
- .rebloguser img {
- float:left;
- width:16px;
- margin-right:8px;
- {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}
- }
- .rebloguser a {
- color: #555;
- }
- .rebloguser a:hover {
- color: {color: Accent 1};
- border-bottom: 1px solid {color: Accent 1};
- transition:all 0.5s ease-out;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- /*-------------------------------*/
- .question img {
- {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}
- }
- .question, .ask, .q {
- display: inline-block;
- }
- .q {
- background: #f8f8f8;
- border: 1px solid {color: Borders};
- width: calc({select: Post Width}px - 100px);
- height: auto;
- padding: 10px;
- margin: 10px;
- }
- .ask {
- font-weight: bold;
- word-spacing: 5px;
- margin-right: 15px;
- }
- .answer img {
- {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}
- float: right;
- }
- .answerer, .aa, .answer {
- display: inline-block;
- }
- .aa {
- background: #f8f8f8;
- border: 1px solid {color: Borders};
- width: calc({select: Post Width}px - 100px);
- height: auto;
- padding: 10px;
- margin: 10px;
- text-align: right;
- }
- .answerer a {
- color: {color: Accent 1};
- }
- .answerer {
- word-spacing: 5px;
- }
- /*-------------------------------*/
- .quotes {
- text-align: right;
- background: #f5f5f5;
- padding: 10px;
- {block:ifRoundEdges}
- -moz-border-radius:8px;
- -webkit-border-radius:8px;
- border-radius:8px;
- {/block:ifRoundEdges}
- {block:ifNotRoundEdges}
- -moz-border-radius:0px;
- -webkit-border-radius:0px;
- border-radius:0px;
- {/block:ifNotRoundEdges}
- }
- .sourceq {
- margin: 10px;
- }
- .sourceq .sf {
- margin-right: 10px;
- font-size: 9px;
- }
- /*-------------------------------*/
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:-2px!important;
- right:0!important;
- opacity:0;
- padding-right:38px;
- /* 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;}
- .hcontrols {
- position:fixed;
- top:0;
- right:0;
- z-index:999999999;}
- .hcontrols svg {
- width:14px;
- height:14px;
- padding:9px;}
- .hcontrols svg path {
- fill:{color: Accent 1};/* change this to change the color of the icon */}
- </style>
- <body>
- <!-----------------------------TOPHEADER------------------------------>
- <div id="trueheader">
- <div id="truelinks">
- <a href="/">home</a>
- <a href="/">ask</a>
- <a href="/">archive</a>
- <a href="/">top link one</a>
- <!------- can add more, copy and paste as needed -------->
- </div>
- <div id="welcome">
- <img src="{image: Icon}">
- <div class="truetitle">{Title}</div>
- </div>
- <div id="truereveal">
- <span class="sf sf-chevron-down"></span>
- </div>
- </div>
- <div id="anchor">
- <div id="header">
- <div id="box">
- <div class="title"><b>Introduction</b><span class="sf sf-home-o"></span></div>
- <div class="text">
- {Description}
- <div class="statsbox">
- <span class="sf sf-user"></span> your name<br>
- <span class="sf sf-location"></span> put a location<br>
- <span class="sf sf-clock-3-o"></span> maybe a status<br>
- <!------- can add more, copy and paste as needed
- <span class="sf sf-[icon-name]"></span> text here<br>
- ------------------------------------------------>
- </div>
- </div>
- </div>
- <div id="box">
- <div class="title"><b>searching...</b> <span class="sf sf-search-o"></span></div>
- <!--------------------------------------------------------------------
- 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 id="box">
- <div class="title"><b>navigation</b> <span class="sf sf-link-1"></span></div>
- <div class="navi">
- <table>
- <tr>
- <th><a href="/tagged/URL">link one</a></th>
- <th><a href="/tagged/URL">link two</a></th>
- </tr>
- <tr>
- <th><a href="/URL">link three</a></th>
- <th><a href="/tagged/URL">link four</a></th>
- </tr>
- <tr>
- <th><a href="/tagged/URL">link five</a></th>
- <th><a href="/tagged/URL">link six</a></th>
- </tr>
- </table>
- <!------- can add more, copy and paste as needed
- <tr>
- <th><a href="/tagged/URL">link</a></th>
- <th><a href="/tagged/URL">link</a></th>
- </tr>
- ------------------------------------------------>
- </div>
- </div>
- <div id="box">
- <div class="title"><b>calendar</b> <span class="sf sf-calendar"></span></div>
- <div class="activity">
- <date>01 jan</date>
- <event> something of importance</event>
- </div><hr>
- <div class="activity">
- <date>01 jan</date>
- <event> something of importance</event>
- </div><hr>
- <div class="activity">
- <date>01 jan</date>
- <event> something of importance</event>
- </div>
- <!------- can add more, copy and paste as needed
- <div class="activity">
- <date>01 jan</date>
- <event> something of importance</event>
- </div>
- ------------------------------------------------>
- </div>
- <div id="box">
- <div class="title"><b>affiliates</b> <span class="sf sf-photo"></span></div>
- <div class="affiliates">
- <a href="BLOG URL" title="TITLE OF BLOG"><img src="http://i.imgur.com/ygLYYrk.png"></a>
- <a href="BLOG URL" title="TITLE OF BLOG"><img src="http://i.imgur.com/XoHABOt.png"></a>
- <a href="BLOG URL" title="TITLE OF BLOG"><img src="http://i.imgur.com/5E2xOK9.png"></a>
- <a href="BLOG URL" title="TITLE OF BLOG"><img src="http://i.imgur.com/JYDLFjY.png"></a>
- <a href="BLOG URL" title="TITLE OF BLOG"><img src="http://i.imgur.com/MGqcJ2y.png"></a>
- <!------- can add more, copy and paste as needed
- <a href="BLOG URL" title="TITLE OF BLOG"><img src="BLOG'S ICON URL"></a>
- ------------------------------------------------>
- </div>
- </div>
- <div id="box">
- <div class="title"><b>projects</b> <span class="sf sf-write"></span></div>
- <div class="projects">
- <b class="projtitle">project title</b>
- <span class="projinfo">
- <ul>
- <li>lil info</li>
- <li>lil info</li>
- </ul>
- </span>
- </div>
- <div class="projects">
- <b class="projtitle">project title</b>
- <span class="projinfo">
- <ul>
- <li>lil info</li>
- <li>lil info</li>
- </ul>
- </span>
- </div>
- <!------- can add more, copy and paste as needed
- <div class="projects">
- <b class="projtitle">project title</b>
- <span class="projinfo">
- <ul>
- <li>lil info</li>
- <li>lil info</li>
- </ul>
- </span>
- </div>
- ------------------------------------------------>
- </div>
- <div id="box">
- <div class="title"><b>blog info</b> <span class="sf sf-wrench-1"></span></div>
- <div class="bloginfo">
- <table>
- <tr>
- <th>Visits:<!------- script form http://freehostedscripts.net/texthitcounter/ -------></th>
- <th>Online:<!------- script form http://freehostedscripts.net/onlinecounter/ -------></th>
- </tr>
- <tr>
- <th>Established:<!--- insert date ---></th>
- <th>Followers:<!------- script form http://freehostedscripts.net/tumblrtracker/ -------></th>
- </tr>
- </table>
- </div>
- <div class="disclaimer">
- this is your typical disclaimer section, be careful about spacing! other than that, hope you enjoy!
- </div>
- </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 class="posthead">
- {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}
- </div>
- <div class="posts">
- <div class="postside">
- <div class="reblog"><a href="{ReblogURL}" title="reblog"><span class="sf sf-reblog-o"></span></a></div>
- <div class="permas"><a href="{Permalink}" title="permalink"><span class="sf sf-link-1"></span></a></div>
- {block:HasTags}{block:IfShowTags}<div id="tags" title="tags"><span class="sf sf-tags"></span></div>
- <div id="tagbox">{block:Tags}<a href="{TagUrl}" title="{Tag}"><span class="sf sf-tag-o"></span> {Tag}</a> {/block:Tags}</div>{/block:IfShowTags}{/block:HasTags}
- </div>
- {block:Answer}
- <div class="question"><img src="{AskerPortraitURL-24}"><div class="q"><div class="ask"> {Asker} asked:</div> {Question}</div></div>
- <div class="answer"><img src="{AnswererPortraitURL-24}">{block:Answerer}<div class="aa"><div class="answerer"> {Answerer} said: {/block:Answerer}</div>{Answer}</div></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="{PortraitURL-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="{PortraitURL-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="{PortraitURL-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"><I>{Quote}</I></div>{block:Source}<div class="sourceq"><span class="sf sf-chat-o"></span>{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}<li>{block:Label}<div class="label">{Label}</div>{/block:Label}<div class="line">{Line}</div></li>{/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="{PortraitURL-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="{PortraitURL-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}
- </div>
- {block:PermalinkPage}
- {block:PostNotes}<div class="permalinks">
- {PostNotes-16}<br>
- </div>{/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </div>
- <div id="pagination">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="nextprev"><span class="sf sf-chevron-left"></span></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"><span class="sf sf-chevron-right"></span></a>{/block:NextPage}
- {/block:Pagination}
- </div>
- <!------------------------------ CREDIT ------------------------------->
- <div id="axium"><a href="http://wolfthemes.tumblr.com">wolf</a></div>
- <!-------- PLEASE DO NOT TOUCH OR EDIT WITHOUT PERMISSION!!!! --------->
- <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment