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
- -You can remove the updates tab I've labeled where the codes begin and end for your convienence
- -Feel free to message me with any questions! Enjoy! --->
- <!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>
- <link rel="shortcut icon"{favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:blockcolor" content="#85D696"/>
- <meta name="color:scrollbar" content="#85D696"/>
- <meta name="color:text" content="#526963"/>
- <meta name="color:title" content="#fff"/>
- <meta name="color:title2" content="#fff"/>
- <meta name="color:link" content="#23A889"/>
- <meta name="color:navilink" content="#fff"/>
- <meta name="color:hover" content="#85D696"/>
- <meta name="color:accent" content="#B4DE6A"/>
- <meta name="color:info" content="#fff"/>
- <meta name="color:selection" content="#858585"/>
- <!---begin updates tab meta--->
- <meta name="color:tabcolor" content="#23A889">
- <meta name="color:tabcolor2" content="#B4DE6A">
- <meta name="color:tabcolor3" content="#D6E792">
- <meta name="color:tabcolor4" content="#E6F4AE">
- <meta name="color:tabcolor5" content="#F3FAD9">
- <meta name="color:tabcolor6" content="#F3FAD9">
- <!---end updates tab meta--->
- <meta name="text:link1" content="link1"/>
- <meta name="text:link1url" content="/"/>
- <meta name="text:link2" content="link2"/>
- <meta name="text:link2url" content="/"/>
- <meta name="text:link3" content="link3"/>
- <meta name="text:link3url" content="/"/>
- <meta name="text:link4" content="link4"/>
- <meta name="text:link4url" content="/"/>
- <meta name="text:link5" content="link5"/>
- <meta name="text:link5url" content="/"/>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <style type="text/css">
- *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;}
- /*---begin updates tab CSS---*/
- #tabcode1{
- margin-bottom:0px;
- border-right:7px solid {color:tabcolor};
- padding-right:4px;
- height:14px;
- text-align:right;
- 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:80px;/*---edit the length of tab---*/
- -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:0px;
- height:14px;
- text-align:right;
- overflow:hidden;
- border-right:7px solid {color:tabcolor2};
- padding-right:4px;
- text-transform:uppercase;
- background-color:;
- 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:80px;/*---edit the length of tab---*/
- -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:0px;
- border-right:7px solid {color:tabcolor3};
- padding-right:4px;
- height:14px;
- text-align:right;
- overflow:hidden;
- border-bottom:0px solid #ccc;
- text-transform:uppercase;
- background-color:;
- 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:80px;/*---edit the length of tab---*/
- -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:0px;
- border-right:7px solid {color:tabcolor4};
- padding-right:4px;
- height:14px;
- text-align:right;
- overflow:hidden;
- border-bottom:0px solid #ccc;
- text-transform:uppercase;
- background-color:;
- 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:80px;/*---edit the length of tab---*/
- -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:0px;
- border-right:7px solid {color:tabcolor5};
- padding-right:4px;
- height:14px;
- text-align:right;
- overflow:hidden;
- border-bottom:0px solid #ccc;
- text-transform:uppercase;
- background-color:;
- 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:80px;/*---edit the length of tab---*/
- -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:right;
- font-size:10px;
- opacity: .8;
- text-transform:uppercase;
- position:fixed;
- font-family:calibri;
- left:270px;
- background-color:transparent;
- letter-spacing:0px;
- width:105px;
- z-index:9999;
- padding:4px;
- top:180px;
- }
- /*---end updates tab CSS---*/
- #s-m-t-tooltip{
- max-width:300px;
- margin:15px;
- padding:6px 6px;
- border:0px solid white;
- opacity:7px;
- border-radius:2px;
- background:{color:title};
- color:{color:text};
- z-index:999999;
- font-size:7px;
- text-transform:uppercase;
- font-weight:bold;
- letter-spacing:1px;
- box-shadow:1px 1px 3px rgba(0,0,1,.1);}
- /*---THIS IS WHERE YOUR CSS OR STYLE SHEET BEGINS---*/
- /*----STYLING OF THE OVERALL PAGE---*/
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color: {color:scrollbar};
- border:1px solid #fff;
- }
- ::-webkit-scrollbar {
- height:9px;
- width:5px;
- background-color:white;
- border:1px solid white;
- }
- body {
- background-color:{color:background};
- font-family:arial;
- font-size:10px;
- color:{color:text};
- }
- a {
- color:{color:link};
- margin-left:10px;
- text-decoration:none;
- -webkit-transition-duration:.3s;
- -moz-transition-duration:.3s;
- -o-transition-duration:.3s;
- }
- a:hover {
- color:{color:title};
- -webkit-transition-duration:.3s;
- -moz-transition-duration:.3s;
- -o-transition-duration:.3s;
- }
- h1 {
- font-size:2em;
- font-weight:bold;
- letter-spacing:-2px;
- color:{color:scrollbar};
- text-transform:lowercase;
- }
- b {
- color:{color:text};
- }
- i {
- color:{color:accent};
- }
- em {
- color:{color:accent};
- }
- big {
- color:{color:accent};
- font-size:2em;
- }
- strong {
- color:{color:title};
- }
- #blockquote {
- border-left:1px solid {color:text};
- padding-left:10px;
- margin:10px;
- margin-left:10px;
- }
- #title {
- width:180px;
- font-family:arial;
- font-size:29px;
- letter-spacing:-2px;
- text-transform:lowercase;
- font-weight:bold;
- margin-left:6px;
- margin-top:30px;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #title a {
- color:{color:title};
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #title a:hover {
- color:transparent;
- text-shadow: {color:title2} 0 0 5px;
- color:{color:title};
- letter-spacing:-1px;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #sidebar {
- width:501px;
- height:95px;
- background-color:{color:blockcolor};
- margin-left:410px;
- margin-top:-65px;
- position:fixed;
- border-bottom:0px solid #fff;
- z-index:999999;
- box-shadow:3px 3px 3px rgba(1,0,0,.1);
- }
- #sidebarimage {
- width:100px;
- }
- #sidebarimage img {
- margin-left:100px;
- width:100px;
- border:0px solid {color:navilink};
- }
- #desc {
- width:250px;
- margin-top:-40px;
- margin-left:190px;
- border-left:0px double {color:link};
- padding:5px;
- color:white;
- text-align:justify;
- font-family:arial;
- font-size:9px;
- position:fixed;
- overflow:hidden;
- }
- #links {
- font:century gothic;
- font-style:italic;
- line-height:0px;
- margin-top:0px;
- margin-left:5px;
- color:white;
- font-size:9px;
- padding: 0px;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- -moz-transition-duration:1s;
- }
- #links a{
- margin-top:0px;
- padding:0px;
- color:{color:navilink};
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- -moz-transition-duration:1s;
- }
- #links a:hover{
- color:transparent;
- text-shadow: {color:accent} 0 0 5px;
- color:{color:accent};
- margin-top:3px;
- letter-spacing:1px;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- -moz-transition-duration:1s;
- }
- .asker {
- background-color:#fff;
- width:100%;
- padding:0px;
- font-family:arial;
- font-size:16px;
- text-align:center;
- color:{color:title};
- letter-spacing:-1px;
- text-transform:lowercase;
- font-weight:bold;
- }
- .asker a {
- border:none;
- }
- .question {
- background-color:#fff;
- border-bottom:1px solid {color:hover};
- color:{color:text};
- width:100%;
- padding:5px;
- font-family:arial;
- text-align:center;
- font-size:12px;
- min-height:20px;
- font-style:italic;
- }
- .reply {
- border-top:1px solid {color:accent};
- font-family:arial;
- padding:5px;
- color:{color:text};
- text-align:center;
- font-size:11px;
- letter-spacing:1px;
- font-weight:;
- }
- #postcontainer {
- padding:50px 9px 0px;
- margin-left:396px;
- margin-top:50px;
- width:500px;
- }
- #post {
- text-align:left;
- width:500px;
- padding:6px;
- margin-bottom:50px;
- border-bottom:0px solid {color:accent};
- }
- #info {
- font-size:9px;
- text-align:center;
- opacity:0;
- width:100%;
- margin-top:10px;
- font-size:9px;
- color:{color:text};
- letter-spacing:1px;
- background-color:#fff;
- padding-top:7px;
- padding-bottom:7px;
- text-align:center;
- width:100%;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- -moz-transition-duration:1s;
- }
- #post:hover #info {
- opacity:1;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- -moz-transition-duration:1s;
- }
- ::selection {
- background-color:{color:selection};
- color:white;
- }
- #cred {
- bottom:3px;
- position:fixed;
- right:10px;
- float:right;
- font-family:arial;
- font-weight:bold;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- padding:4px;
- }
- #cred a {
- color:{color:link};
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- -moz-transition-duration:1s;
- }
- #cred a:hover {
- color:{color:hover};
- color:transparent;
- text-shadow: white 0 5 5px;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- -moz-transition-duration:1s;
- }
- #pagi{
- font-size:8px;
- text-align:center;
- margin-left:-26px;
- margin-top:568px;
- background:white;
- color:{color:text};
- padding:10px;
- text-transform:uppercase;
- font-family:calibri;
- letter-spacing:0px;
- }
- .jump_page {
- width:500px;
- border: 0px solid white;
- color:{color:text};
- font-family:arial;
- font-size:8px;
- padding:12px;
- text-align:justify;
- }
- .current_page, .jump_page:hover {
- text-align:center;
- color: {color:accent};
- font-family: arial;
- font-size:10px;
- }
- </style>
- </head>
- <body>
- <!---begin updates tab HTML--->
- <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>
- <strike>this is a strike</strike>
- <b>this is a bold</b><br>
- <em>this is italics </em><br><a href="/">regular link</span></a><br>
- <a href="/" "text-decoration: none" title="this is a link with a hover effect">♥</span></a>
- </div>
- </div>
- <div id="tabcode2">
- <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="tabcode3">
- <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="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 HTML--->
- <div id="sidebar">
- <div id="title"><a href="/">{Title}</a></div>
- <div id="sidebarimage">
- </div>
- <div id="links">
- <a href="{text:link1url}"title="{text:link1}">un</a>
- <a href="{text:link2url}"title="{text:link2}">deux</a>
- <a href="{text:link3url}"title="{text:link3}">trois</a>
- <a href="{text:link4url}"title="{text:link4}">quatre</a>
- <a href="{text:link5url}"title="{text:link5}">cinq</a>
- </div>
- <div id="desc">{Description}</div>
- <!---PAGINATION--->
- <div id="pagi">
- {block:Pagination}
- {block:PreviousPage}<a href="{PreviousPage}" class="jump_page" title="back">←</a>{/block:PreviousPage}
- {block:JumpPagination length="4"}
- {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
- {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}" class="jump_page" title="forth">→</a>{/block:NextPage}
- {/block:Pagination}
- </div></div>
- <!---THIS IS WHERE THE POSTS GO--->
- <div id="postcontainer">
- {block:Posts}
- <div id="post">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}
- <div class="photoset">{Photoset-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Quote}<h1>{Quote}</h1>{block:Source}-{Source}{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Answer}
- <div class="asker">
- {Asker}; <i>{Question}</i></div>
- <div class="reply">
- {Answer}</div>
- {/block:Answer}
- <!---CHAT POSTS--->
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}{/block:Lines}{/block:Chat}
- <div id="info">
- <!---POST INFO--->
- posted <a href="{Permalink}">{DayOfWeek} {MonthNumber}/{DayOfMonth}/{Year}</a>
- with <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> & {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}
- <br>
- {block:HasTags}filed: <i>{block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:HasTags}</i>
- </div></div>
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}
- </div>
- </div>
- <div id="cred"><a href="http://trenzalours.tumblr.com/" title="trenzalours themes">
- trenz
- </a></div>
- </body>
- <!---if you wanted to add a pop up ask box, you would want to put that in here--->
- </html>
Advertisement
Add Comment
Please, Sign In to add comment