Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
- <!--- Theme #17 by wonderfullythemes --->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!--SCRIPT FOR TOOLTIPS-->
- <stsss>
- <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:0,
- tip_fade_speed:0,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--SCRIPT FOR LIKE BUTTONS-->
- <script>
- window.onload = function () {
- document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
- document.addEventListener( 'click', function ( event ) {
- var myLike = event.target;
- if( myLike.className.indexOf( 'my-like' ) > -1 ) {
- var frame = document.getElementById( 'my-like-frame' ),
- liked = ( myLike.className == 'my-liked' ),
- command = liked ? 'unlike' : 'like',
- reblog = myLike.getAttribute( 'data-reblog' ),
- id = myLike.getAttribute( 'data-id' ),
- oauth = reblog.slice( -8 );
- frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
- liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
- };
- }, false );
- };
- </script>
- <!--SCRIPT FOR SLIDING DROPDOWN MENU-->
- <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $(".links_body").hide();
- $(".links_head").click(function(){
- $(this).next(".links_body").slideToggle('average');
- }); }); </script>
- <meta name="color:Background" content="#ffffff"/>
- <meta name="color:Text" content="#838282"/>
- <meta name="color:Link" content="#e2bfde"/>
- <meta name="color:Hover" content="#e0e0e0"/>
- <meta name="color:Scrollbar" content="#000" />
- <meta name="color:Scrollbar Bg" content="#fff" />
- <meta name="image:Sidebar" content=""/>
- <meta name="image:Sidebar2" content=""/>
- <meta name="text:Update Text" content="write your updates here (like i've laid out)" />
- <meta name="text:Link1" content="/" />
- <meta name="text:Link1 Text" content="Link 1" />
- <meta name="text:Link2" content="/" />
- <meta name="text:Link2 Text" content="Link 2" />
- <meta name="text:Link3" content="/" />
- <meta name="text:Link3 Text" content="Link 3" />
- <meta name="text:Link4" content="/" />
- <meta name="text:Link4 Text" content="Link 4" />
- <meta name="text:Link5" content="/" />
- <meta name="text:Link5 Text" content="Link 5" />
- <meta name="text:Link6" content="/" />
- <meta name="text:Link6 Text" content="Link 6" />
- <meta name="text:Link7" content="/" />
- <meta name="text:Link7 Text" content="Link 7" />
- <meta name="text:Link8" content="/" />
- <meta name="text:Link8 Text" content="Link 8" />
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:Text};
- }
- ::-webkit-scrollbar {
- height:4px;
- width:3px;
- padding-right:2px;
- background-color:white;
- }
- #s-m-t-tooltip {
- max-width:200px;
- font-family:'pt sans';
- font-size:8px;
- background-color:#000;
- color:#fff;
- line-height:9px;
- display:none;
- position:absolute;
- letter-spacing:1px;
- text-transform:uppercase;
- padding:3px;
- margin:15px 0px 0px 15px;
- z-index:99999999999999;
- }
- body {
- background:{color:Background};
- margin:0px;
- color:{color:Text};
- font-family:arial;
- font-size:10px;
- line-height:12px;
- font-style: none;
- }
- a:link, a:visited, a:active {
- color:{color:Link};
- text-decoration:none;
- text-decoration:none;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- a:hover {
- color:{color:Hover};
- text-decoration: none;
- text-decoration:none;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid;
- }
- #entries {
- position:relative;
- float:left;
- width:522px;
- top:5px;
- text-align:justify;
- left:530px;
- padding:40px;
- }
- #post {
- margin-bottom:45px;
- width:500px;
- padding:0px;
- background-color: {color:Background};
- }
- #pagination {
- text-align:center;
- font-size:20px;
- margin-bottom:2px;
- text-transform:none;
- font-style:none;
- text-transform: lowercase;
- }
- #sidebar {
- width:245px;
- height:100%;
- position:fixed;
- margin-left:220px;
- margin-top:-10px;
- padding:10px;
- border-right:1px solid {color:Text};
- }
- #title2 {
- color:{color:Text};
- letter-spacing:1px;
- text-align:center;
- font-size:17px;
- margin-top:200px;
- margin-left:-10px;
- padding:2px 7px 7px 30px;
- width:220px;
- font-family:'tudor text';
- border-bottom:1px solid {color:Text};
- z-index:100;
- position:fixed;
- }
- #spectrum {
- width:175px;
- height:105px;
- position:fixed;
- margin-left:60px;
- margin-top:230px;
- }
- #spectrum:hover #sidebarimage1 {
- opacity:0;
- -webkit-transform: rotateY(360deg); /* Chrome, Safari, Opera */
- transform: rotateY(360deg);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #sidebarimage1 {
- width:auto;
- height:auto;
- opacity:1;
- -webkit-transform: rotateY(0deg); /* Chrome, Safari, Opera */
- transform: rotateY(0deg);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #sidebarimage1 img {
- width:175px;
- height:105px;
- }
- #spectrum:hover .desc {
- opacity:1;
- -webkit-transform: rotateY(360deg); /* Chrome, Safari, Opera */
- transform: rotateY(360deg);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .desc {
- width:160px;
- height:90px;
- text-align:justify;
- padding:5px;
- position:fixed;
- border-bottom:1px solid {color:Text};
- overflow:scroll;
- margin-top:-105px;
- opacity:0;
- -webkit-transform: rotateY(0deg); /* Chrome, Safari, Opera */
- transform: rotateY(0deg);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #bowtie {
- width:175px;
- height:105px;
- position:fixed;
- margin-left:60px;
- margin-top:340px;
- }
- #bowtie:hover #sidebarimage2 {
- opacity:0;
- -webkit-transform: rotateY(360deg); /* Chrome, Safari, Opera */
- transform: rotateY(360deg);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #sidebarimage2 {
- width:auto;
- height:auto;
- opacity:1;
- -webkit-transform: rotateY(0deg); /* Chrome, Safari, Opera */
- transform: rotateY(0deg);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #sidebarimage2 img {
- width:175px;
- height:105px;
- }
- #bowtie:hover .updts {
- opacity:1;
- -webkit-transform: rotateY(360deg); /* Chrome, Safari, Opera */
- transform: rotateY(360deg);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- .updts {
- width:160px;
- height:95px;
- text-align:left;
- margin-top:-105px;
- padding:5px;
- position:fixed;
- overflow:scroll;
- opacity:0;
- -webkit-transform: rotateY(0deg); /* Chrome, Safari, Opera */
- transform: rotateY(0deg);
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #links {
- height:auto;
- width:200px;
- position:fixed;
- text-align:right;
- padding-top:35px;
- padding-right:5px;
- margin-top:190px;
- margin-left:-155px;
- border-right:1px solid {color:Text};
- }
- #links a {
- color:{color:Link};
- line-height:25px;
- padding:3px;
- width:auto;
- text-transform:lowercase;
- letter-spacing:1px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #links a:hover {
- background-color:{color:Text};
- color:white;
- padding:3px 3px 3px 30px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #info {
- text-transform:none;
- font-style:none;
- font-size: 9px;
- width:500px;
- color:{color:Text};
- text-align:left;
- padding:5px;
- border-top:1px solid {color:Text};
- margin-top:5px;
- }
- #info a:link {
- color:{color:Link};
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- #info a:hover {
- color:{color:Hover};
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- /*QUESTION*/
- #asker {
- color:#fff;
- padding:12px;
- font-size:11px;
- letter-spacing:0.5px;
- text-align:left;
- margin-top:0px;
- text-transform:none;
- line-height:14px;
- background-color:{color:Text};
- }
- #post:hover .like_and_reblog_buttons {
- margin-left:530px;
- opacity:1;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .like_and_reblog_buttons {
- list-style: none;
- position:absolute;
- width:20px;
- float:right;
- margin-left:500px;
- opacity:0;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- .like_and_reblog_buttons li {
- float:right;
- margin-top:2px;
- margin-left:500px;
- padding:0px 20px 5px 0px;
- height:15px;
- -moz-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- }
- /*CREDIT*/
- #cred {
- position:fixed;
- font-family:'Calibri';
- text-transform:uppercase;
- font-size:8px;
- right:9px;
- bottom:9px;
- padding:4px;
- color:{color:Link};
- letter-spacing:1px;
- }
- {CustomCSS}</style></head><body>
- <div id="sidebar">
- <div id="title2">{Title}</div>
- <div id="spectrum">
- <div id="sidebarimage1"><img src="{image:Sidebar}"></div>
- <div class="desc">{Description}</div>
- </div>
- <div id="bowtie">
- <div id="sidebarimage2"><img src="{image:Sidebar2}"></div>
- <div class="updts">
- <div style="background-color:{color:Text};color:white;padding:5px;">UPDATES</div><p>
- {text:Update Text}
- </div>
- </div>
- <div id="pagination"></div>
- <div id="links">
- <a href="{text:Link1}">{text:Link1 Text}</a><br>
- <a href="{text:Link2}">{text:Link2 Text}</a><br>
- <a href="{text:Link3}">{text:Link3 Text}</a><br>
- <a href="{text:Link4}">{text:Link4 Text}</a><br>
- <a href="{text:Link5}">{text:Link5 Text}</a><br>
- <a href="{text:Link6}">{text:Link6 Text}</a><br>
- <a href="{text:Link7}">{text:Link7 Text}</a><br>
- <a href="{text:Link8}">{text:Link8 Text}</a><br>
- {block:Pagination}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}<br>{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage}{/block:Pagination}
- </div>
- </div>
- </div>
- <div id="entries">{block:Posts}<div id="post">
- <div class="like_and_reblog_buttons">
- <li>{ReblogButton}</li><li>{LikeButton}</li>
- </div>
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Answer}<div id="asker"><span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><b><i>{Asker} asked:</i></b> </span>{Question}<br> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
- <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo} -- {DayOfMonth} {Month} {Year}</a> {block:NoteCount}| <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {/block:Date}{block:RebloggedFrom}| <a href="{ReblogParentURL}">Via</a> {/block:RebloggedFrom}
- {block:ContentSource}| <a href="{SourceURL}">Source</a>{/block:ContentSource} <br>
- {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}
- </div>
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- {/block:Posts}
- <div id="cred">
- <a href="http://wonderfullythemes.tumblr.com/">theme</a>
- </div>
- </div>
- </body>
- </html>``
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement