Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--- |||||||||| T R E N Z A L O U R S - T H E M E S ||||||||||
- -PLEASE DON'T REMOVE THE CREDIT
- -DON'T REPOST AND CLAIM AS YOUR OWN
- -EDIT AS MUCH AS YOU LIKE
- -Don't just take the update code from theme.
- -You can remove the updates tab I've labeled where the codes begin and end for you.
- -Feel free to message me with any questions! Enjoy!
- wwww.trenzathemes.tumblr.com
- --->
- <!DOCTYPE html PUBLIC
- "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!---TITLE--->
- <title>{Title}</title>
- <!---FAVICON--->
- <link rel="shortcut icon" href="{Favicon}">
- <!---RSS FEED--->
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!---DESCRIPTION--->
- {block:Description}
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- <!---COLORS--->
- <meta name="color:background" content="#ffffff" />
- <meta name="color:accent" content="#000000" />
- <meta name="color:icons" content="#000000" />
- <meta name="color:link" content="#A1A1A1" />
- <meta name="color:link Hover" content="f0e7e1" />
- <meta name="color:title" content="#b8b8b8" />
- <meta name="color:blockcolor"content="#b6b5b5" />
- <meta name="color:infotext"content="#A1A1A1" />
- <meta name="color:infocolor" content="#eeeeee" />
- <meta name="color:font" content="#b6b5b5" />
- <meta name="color:desc" content="#b6b5b5" />
- <meta name="color:tooltip" content="f0e7e1" />
- <meta name="color:tooltiphover" content="#ffffff" />
- <meta name="color:scrollbar" content="#b8b8b8" />
- <meta name="color:selection" content="#b8b8b8" />
- <!---updates tab meta--->
- <meta name="color:tabcolor" content="#000">
- <meta name="color:tabcolor2" content="#333233">
- <meta name="color:tabcolor3" content="#666566">
- <meta name="color:tabcolor4" content="#8C8C8C">
- <meta name="color:tabcolor5" content="#ABABAB">
- <meta name="color:tabcolor6" content="#CFCFCF">
- <!---LINKS--->
- <meta name="text:Ask Title" content="" />
- <meta name="text:Home Title" content="" />
- <meta name="text:Link 1 URL" content="" />
- <meta name="text:Link 1 Title" content="" />
- <meta name="text:Link 2 URL" content="" />
- <meta name="text:Link 2 Title" content="" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 3 Title" content="" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 4 Title" content="" />
- <!---IMAGES--->
- <meta name="image:Sidebar Image" content="" />
- <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.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>
- <link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
- <script>
- (function($){
- $(window).load(function(){
- $(".content").mCustomScrollbar();
- });
- })(jQuery);
- $(function()
- {
- $('.scroll-pane').jScrollPane();
- $('.scroll-pane-arrows').jScrollPane(
- {
- showArrows: true,
- horizontalGutter: 10
- }
- );
- });
- </script>
- <link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /*---WEBKIT SCROLLBAR---*/
- /* Styles specific to this particular page */
- .scroll-pane,
- .scroll-pane-arrows
- {
- width: 100%;
- height: 200px;
- overflow: auto;
- }
- .horizontal-only
- {
- height: auto;
- max-height: 200px;
- }
- *, body, a, a:hover {cursor: url(http://i58.tinypic.com/a2qecm.jpg), auto;}
- ::-webkit-scrollbar {
- width: 3px; height: 4px; background:white;
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:Scrollbar};
- }
- ::selection {
- background-color:{color:selection};
- color:white;
- }
- /*---begin tooltips---*/
- #s-m-t-tooltip{
- max-width:250px;
- z-index:999999;
- margin:10px;
- padding:2px 5px;
- border-radius:3px;
- text-transform:uppercase; /* cand be lowercase or none */
- border:0px solid #DDD; /* change the border width and color */
- background:{color:tooltiphover}; /* change the background color */
- color:{color:tooltip}; /* change the text color */
- font-family:calibri; /* change the font */
- font-size:8px; /* change the font size */
- box-shadow:1px 1px 3px rgba(0,0,0,.1);
- letter-spacing:1px;
- }
- /*---updates tab css begin---*/
- #tabcode1{
- margin-bottom:3px;
- border-left:4px solid {color:tabcolor};
- padding-left:4px;
- height:14px;
- text-align:left;
- overflow:hidden;
- margin-top:-1px;
- border-bottom:0px solid #706732;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:8px;
- line-height:10px;
- z-index:0;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tabcode1:hover{
- height:120px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tabcode2{
- margin-bottom:3px;
- height:14px;
- text-align:left;
- overflow:hidden;
- border-left:4px solid {color:tabcolor2};
- padding-left:4px;
- text-transform:uppercase;
- background-color:#fff;
- letter-spacing:1px;
- font-size;8px;
- line-height:13px;
- z-index:0;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tabcode2:hover{
- height:140px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tabcode3{
- margin-bottom:3px;
- border-left:4px solid {color:tabcolor3};
- padding-left:4px;
- height:14px;
- text-align:left;
- overflow:hidden;
- border-bottom:0px solid #ccc;
- text-transform:uppercase;
- background-color:#fff;
- letter-spacing:1px;
- font-size;8px;
- line-height:13px;
- z-index:0;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tabcode3:hover{
- height:135px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tabcode4{
- margin-bottom:3px;
- border-left:4px solid {color:tabcolor4};
- padding-left:4px;
- height:14px;
- text-align:left;
- overflow:hidden;
- border-bottom:0px solid #ccc;
- text-transform:uppercase;
- background-color:#fff;
- letter-spacing:1px;
- font-size;8px;
- line-height:13px;
- z-index:0;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tabcode4:hover{
- height:60px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tabcode5{
- margin-bottom:3px;
- border-left:4px solid {color:tabcolor5};
- padding-left:4px;
- height:14px;
- text-align:left;
- overflow:hidden;
- border-bottom:0px solid #ccc;
- text-transform:uppercase;
- background-color:#fff;
- letter-spacing:1px;
- font-size;8px;
- line-height:13px;
- z-index:0;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tabcode5:hover{
- height:35px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- #tabcode{
- text-align:left;
- font-size:10px;
- opacity: .8;
- text-transform:uppercase;
- position:fixed;
- font-family:calibri;
- left:999px;
- background-color:transparent;
- letter-spacing:1px;
- width:95px;
- z-index:9999;
- padding:4px;
- top:80px;
- }
- /*---end updates tab css---*/
- /*---BODY---*/
- body {
- font-style:none;
- background:{color:background};
- margin:0px; color:{color:Font};
- font-family:calibri;
- font-size:11px;
- line-height:130%;
- }
- blockquote {
- border-left:2px solid {color:title};
- padding-left:3px;
- margin:5px;
- }
- a {color:{color:link};
- }
- a {
- text-decoration:none;
- text-transform:lowercase;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -ms-transition:all 0.5s ease-in-out;
- -transition:all 0.5s ease-in-out;
- }
- a:hover {
- color:{color:Link Hover}
- }
- strong{
- font-style:bold;
- color:{color:accent};
- }
- b{
- font-style:bold;
- color:{color:accent};
- }
- em{
- color:{color:accent};
- }
- img {
- max-height:100%;
- }
- h1 , h2 {
- color:{color:title};
- font-family: 'Megrim', cursive;
- text-transform:none;
- font-size:15px;
- line-height:30px;
- letter-spacing:2px;
- text-transform:lowercase;
- text-align:center;
- font-style:none;
- }
- /*---ENTRIES/POSTS---*/
- #entry {
- width:500px;
- margin-top:50px;
- }
- #posts {
- width:500px;
- padding-bottom:100px;
- font-style:none;
- border:0px solid #ececec;
- padding:15px;
- margin-left:460px;
- margin-bottom:50px;
- opacity:.75;
- -webkit-transition: all .8s ease-out;
- -moz-transition: all .8s ease-out;
- transition: all .8s ease-out;
- }
- #posts:hover{
- opacity:1;
- -webkit-transition: all .8s ease-in;
- -moz-transition: all .8s ease-in;
- transition: all .8s ease-in;
- }
- /* --- SIDEBAR ---*/
- .fufu {
- width:227px;
- -webkit-transition: all .8s ease-out;
- -moz-transition: all .8s ease-out;
- transition: all .8s ease-out;
- }
- .fufu:hover {
- -webkit-transform: translate(1em,0);
- -moz-transform: translate(1em,0);
- -o-transform: translate(1em,0);
- }
- #biter
- #bite a {display:block}
- #bite .death {margin-top:-30px;
- filter: alpha(opacity = 0);
- opacity:0;
- -webkit-transition: all .8s ease-out;
- -moz-transition: all .8s ease-out;
- transition: all .8s ease-out;
- }
- #bite:hover .death {
- margin-top:0px;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- transition: all 1s ease-out;
- filter: alpha(opacity = 100);
- filter: alpha(opacity = 100);
- opacity:100;
- }
- #bt{
- font-size:22px;
- color:{color:title};
- font-family: 'Megrim', cursive;
- width:150px;
- margin-left:93px;
- text-align:center;
- letter-spacing:1px;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- transition: all 1s ease-out;
- }
- #bt a{
- color:{color:title};
- }
- #bt:hover{
- color:{color:link hover};
- opacity:.3;
- }
- #sidebar {
- width:300px;
- position:fixed;
- margin-left:120px;
- margin-top:120px;
- }
- #sidebar {
- width:150px;
- }
- #sidebarimage img {
- margin-left:93px;
- width:150px;
- max-height:750px;
- margin-top:0px;
- padding:5px;
- padding-bottom:12px;
- }
- #nav {
- position:fixed;
- overflow:hidden;
- margin-top:150px;
- margin-left:317px;
- }
- #link1 a, #link2 a, #link3 a, #link4 a, #link 5 a
- #title {
- font-family:calibri;
- text-align:center;
- margin-top:-129px;
- padding-bottom:0px;
- text-transform:none;
- font-style:normal;
- font-size:10px;
- }
- #description {
- margin-left: 95px;
- margin-top:13px;
- width: 130px;
- line-height: 130%;
- background-color:{color:blockcolor};
- text-transform:lowercase;
- text-align:justify;
- color:{color:desc};
- font-family:calibri;
- font-size: 11px;
- font-style:none;
- overflow:scroll;
- height:93px;
- padding:13px;
- padding-bottom:8px;
- padding-top:8px;
- }
- #links {
- position: fixed;
- color:{color:icons};
- font-family:calibri;
- margin-top: -3px;
- padding-bottom: 5px;
- margin-left: 100px;
- letter-spacing: 2px;
- height: 1px;
- text-align:center;
- width: 150px;
- }
- #links a {
- color:{color:icons};
- padding 5px;
- padding-top: 0px;
- padding-bottom: 10px;
- padding-right:2px;
- padding-left:2px;
- margin-bottom: 5px;
- font-size: 11px;
- font-style:normal;
- text-align:center;
- text-transform:none;
- width: 50px;
- }
- /*---ASKS/INFO---*/
- #questions {
- background-color:#ffffff;
- color:{color:Font};
- margin-left:0px;
- padding:5px;
- margin-top:5px;
- margin-bottom:5px;
- font-family:calibri;
- font-size:10px;
- font-style:normal;
- text-align:center;
- }
- #answers {
- background-color:#ffffff;
- color:{color:Font};
- padding:2px;
- font-family:cambria;
- font-size:10px;
- font-style:normal;
- text-align:justify;
- }
- .note {
- padding:0px 20px 0px 20px;
- background-color:#ffffff;
- text-transform:lowercase;
- letter-spacing:0px;
- font-size: 11px;
- font-style:normal;
- text-align:left;
- line-height:120%;
- }
- .note li {
- list-style-type:none;
- padding:5px 25px 5px 25px;
- text-align:left;
- margin-right:30px;
- margin-top:-50px;
- }
- /* posts info style */
- #info {
- background:{color:infocolor};
- text-align:left;
- opacity:.7;
- margin-bottom:40px;
- font-size:10px;
- color:{color:infotext};
- letter-spacing:1px;
- padding-top:5px;
- padding-left:5px;
- padding-bottom:5px;
- width:100%;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- -moz-transition-duration:1s;
- }
- #posts:hover #info {
- opacity:1;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- -moz-transition-duration:1s;
- }
- /* posts info's links */
- .info a {
- color:{color:infotext};
- }
- #RebloggedFrom {
- font-family:calibri;
- text-align:center;
- margin-top:-5px;
- padding-bottom:0px;
- text-transform:uppercase;
- font-style:none;
- font-size:10px;
- }
- /*---TAGS---*/
- #tags {
- font-family:calibri;
- text-align:left;
- margin-top:0px;
- padding-bottom:0px;
- text-transform:uppercase;
- font-style:none;
- font-size:8px;
- }
- /*---PAGINATION---*/
- #pagination {
- font-size:8px;
- margin-top:5px;
- margin-left:79px;
- text-align:center;
- text-transform:uppercase;
- letter-spacing:5px;
- }
- /*---CREDIT don't touch---*/
- #cred {
- bottom:3px;
- padding:5px;
- position:fixed;
- right:10px;
- float:right;
- font-size:12px;
- letter-spacing:1px;
- }
- #cred a {
- color:{color:links};
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- -moz-transition-duration:1s;
- }
- #cred a:hover {
- color:{color:hover};
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- -moz-transition-duration:1s;
- }
- /*---END CSS---*/
- {CustomCSS}
- </style></head><body>
- <!---updates tab body--->
- <div id="tabholder">
- <div id="tabcode">
- <div id="tabcode1">
- <div style="font-size:8px;color:#453220;">about</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:9px; text-align:left; color:#b9b9b9;"><br>
- TEXT HERE
- </div>
- </div>
- <div id="tabcode2">
- <div style="font-size:8px;color:#453220;">updates</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#b9b9b9;">
- TEXT HERE
- </div></div>
- <div id="tabcode3">
- <div style="font-size:8px;color:#453220;">currently</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#b9b9b9;">
- TEXT HERE
- </div>
- </div>
- <div id="tabcode4">
- <div style="font-size:8px;color:#453220;">social</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#b9b9b9;">
- TEXT HERE
- </div>
- </div>
- <div id="tabcode5">
- <div style="font-size:8px;color:#453220;">extra</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#b9b9b9;">
- TEXT HERE
- </div>
- </div>
- </div></div></div></div>
- <!---end updates tab body--->
- <!----!>
- <!---
- If you want to change the icons on the navigation::
- head over to http://astronautweb.co/snippet/font-awesome/
- site and pick the icon you want.
- replace the entire <i class=""></i> with the one provided.
- --->
- <!---SIDEBAR--->
- <div id="sidebar">
- <div id="bt"><a href="/">{title}</a></div>
- <div id="bite">
- <div id="sidebarimage"><img src="{image:Sidebar Image}"/></div>
- <div id="links">
- <a title="{text:Home Title}"href="/">
- <i class="fa fa-star-o"></i></a>
- <a title="{text:Ask Title}"href="/ask">
- <i class="fa fa-comment-o"></i></a>
- <a title="{text:Link 1 Title}"href="{text:Link 1 URL}"> <i class="fa fa-bars"></i></a>
- <a title="{text:Link 2 Title}"href="{text:Link 2 URL}">
- <i class="fa fa-moon-o"></i></a>
- <a title="{text:Link 3 Title}"href="{text:Link 3 URL}">
- <i class="fa fa-heart-o"></i></a>
- </div>
- <div class="death">
- <div align="center">
- <div id="description">{Description}</div>
- <div id="pagination">
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">Back</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">Next</a>
- {/block:NextPage}</div>
- {/block:Pagination}</div>
- </div>
- </div>
- </div></div>
- <div id="scrollbar">{scrollbar}</div>
- {block:HasPages}
- {block:Pages}
- <a href="{URL}">{Label}</a>
- {/block:Pages}
- {/block:HasPages}
- </div></center>
- </div>
- <!---END SIDEBAR--->
- <!---POSTS--->
- <div id="entry">
- {block:Posts}
- <div id="posts">
- <!---TEXT POSTS--->
- {block:Text}
- <h1>
- {block:Title}{Title}
- {/block:Title}
- </h1>
- {Body}
- {/block:Text}
- {block:blockquote}
- {/block:blockquote}
- <!---PHOTO POSTS--->
- {block:Photo}<center>
- {LinkOpenTag}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- {LinkCloseTag}</center>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photo}
- <!---PHOTOSET POSTS--->
- {block:Photoset}<center>
- {Photoset-500}</center>
- {block:Caption}
- <i>{Caption}</i>
- {/block:Caption}{/block:Photoset}
- <!---QUOTE POSTS--->
- {block:Quote}
- {Quote}<p><center>
- {block:Source}
- —{Source}
- {/block:Source}</center>
- {/block:Quote}
- <!---LINK POSTS--->
- {block:Link}
- <h1>
- <a href="{URL}"{Target}>{Name}</a>
- </h1>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- <!---CHAT POSTS--->
- {block:Chat}
- {block:Title}
- <h1>
- {Title}
- </h1>
- {/block:Title}
- {block:Lines}
- {block:Label}
- <b>{Label}</b>
- {/block:Label}
- {Line}<br>
- {/block:Lines}
- {/block:Chat}
- <!---AUDIO POSTS--->
- {block:Audio}
- {AudioPlayerBlack}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Audio}
- <!---VIDEO POSTS--->
- {block:Video}
- {Video-500}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- <!---ASK POSTS--->
- {block:Answer}<div id="questions">
- <a href="{askerURL}"><b>{Asker}</b> whispered:
- {Question}
- </div>
- <div id="answers">{Answer}</div>
- {/block:answer}
- <!---END POSTS--->
- <!---POST INFO--->
- <br><div id="info">
- <!---DATE--->
- {block:Date}
- <a href="{Permalink}">{TimeAgo},</a>
- {/block:Date}
- <!---NOTE COUNT--->
- {block:NoteCount}
- <a href="{Permalink}"> with {NoteCountWithLabel}</a>.
- {/block:NoteCount}
- <!---VIA--->
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}"> From {ReblogParentName}</a>.
- {/block:RebloggedFrom}
- <!---SOURCE--->
- {block:ContentSource}
- <a href="{SourceURL}">{ReblogRootName}</a>
- {/block:ContentSource}
- <!---TAGS--->
- <div id="tags">
- {block:HasTags}
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- </div>
- <!---END POST INFO--->
- <!---POST NOTES--->
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- <!---CREDIT DON'T TOUCH--->
- <div id="cred">
- <a href="http://trenzalours.tumblr.com/" title="trenzalours themes">
- <i class="fa fa-bolt"></i></a></div>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
- <script src="jquery.mCustomScrollbar.concat.min.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment