Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- [ T H E M E # 5 B Y G I G A T H E M E S ]
- [ GIGATHEMES.TUMBLR.COM ]
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <!-- META TAGS ------------------------------------------------------>
- <meta name="image:Sidebar Image" content="" />
- <meta name="image:Bottom Image" content="" />
- <meta name="text:Bottom Image Size" content="100" />
- <meta name="color:Title" content="#000" />
- <meta name="color:Links" content="#000" />
- <meta name="color:Links Hover" content="#000" />
- <meta name="font:Font" content="Helvetica" />
- <meta name="text:Update Title" content="updates" />
- <meta name="text:Update Content" content="" />
- <meta name="text:Bottom Corner Text" content="" />
- <meta name="text:Link 1" content="home" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 2" content="ask" />
- <meta name="text:Link 2 URL" content="/ask" />
- <meta name="text:Link 3" content="link 3" />
- <meta name="text:Link 3 URL" content="" />
- <meta name="text:Link 4" content="link 4" />
- <meta name="text:Link 4 URL" content="" />
- <meta name="text:Link 5" content="link 5" />
- <meta name="text:Link 5 URL" content="" />
- <meta name="" content="" />
- <meta name="" content="" />
- <meta name="" content="" />
- <title>{Title}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <!-- FONTS --------------------------------------------------------->
- <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
- <!-- SCRIPTS ------------------------------------------------------->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- $("#sidebarcontent").hover(function() {
- $("#links").css("opacity", "1");
- $("#description").css("opacity", "1");
- }, function() {
- $("#links").css("opacity", "0");
- $("#description").css("opacity", "0");
- });
- });
- </script>
- <!-- CSS ----------------------------------------------------------->
- <style type="text/css">
- /** iframe#tumblr_controls {} **/
- body {
- font-family: {font:Font};
- margin:0px;
- padding:0px;
- }
- /** SIDEBAR CSS **************************************************/
- #sidebar {
- width: 35%;
- position: fixed;
- float: left;
- margin-top: 150px;
- }
- #sidebarcontent {
- text-align: center;
- font-size: 12px;
- padding: 0 0 0 50px;
- -webkit-filter: grayscale(100%);
- filter: grayscale(100%);
- }
- #sidebarcontent:hover {
- -webkit-filter: grayscale(0%);
- filter: grayscale(0%);
- }
- #title {
- font-family: 'Parisienne', cursive;
- font-size: 20px;
- }
- #title a {
- text-decoration: none;
- color: {color:Title};
- }
- #description {
- padding: 10px;
- -webkit-transition:opacity 0.3s linear;
- -webkit-transition:all 0.3s ease-in-out;
- -moz-transition:all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #description a {
- text-decoration: none;
- color: {color:Links};
- }
- #description a:hover {
- color: {color:Links Hover};
- }
- #links {
- padding: 0px 10px 10px 10px;
- table-layout: fixed;
- width: 250px;
- margin-left: auto;
- margin-right: auto;
- -webkit-transition:opacity 0.3s linear;
- -webkit-transition:all 0.3s ease-in-out;
- -moz-transition:all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
- }
- #links a {
- text-decoration: none;
- color: {color:Links};
- }
- #links a:hover {
- color: {color:Links Hover};
- }
- /** POSTS CSS ****************************************************/
- #content {
- width: 65%;
- float: right;
- margin-top: 60px;
- margin-bottom: 60px;
- }
- #content a {
- color: {color:Links};
- text-decoration: none;
- }
- #content a:hover {
- color: {color:Links Hover};
- }
- img {
- border: 0;
- max-width: 100%;
- }
- #content #posts {
- /* background-color: {color:Post Background}; */
- width: 500px;
- margin: 50px auto 50px;
- padding: 10px 100px 10px 10px;
- }
- #content #posts .title {
- font-size: 13px;
- }
- #content #posts .text {
- font-size: 11px;
- }
- #content #posts #info {
- margin-top: 5px;
- font-size: 9px;
- line-height: 70%;
- text-align: right;
- border-top: 1px solid {color:Links};
- }
- #content #posts #permalink {
- margin-top: 5px;
- }
- #content #posts #tags {
- margin-top: 5px;
- }
- ol.notes li {
- list-style-type: none;
- margin: 0;
- padding: 0;
- font-size: 10px;
- }
- /** BOTTOM IMAGE CSS ***********************************************/
- #bimage {
- width: {text:Bottom Image Size}px;
- right: 0px;
- bottom: 0px;
- position: fixed;
- text-align: center;
- color: {color:Links};
- font-size: 11px;
- }
- #bimagetxt {
- opacity: 0;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition: all 0.5s ease-out;
- }
- #bimage:hover #bimagetxt {
- opacity: 1;
- }
- #credit {
- position: fixed;
- right: 2px;
- bottom: 0px;
- }
- #creditlogo {
- width: 20px;
- }
- /** UPDATE TAB ****************************************************/
- #updates {
- font-family: 'Parisienne', cursive;
- color: {color:Title};
- text-align: right;
- font-size: 20px;
- top: 30px;
- right: 10px;
- height: 25px;
- position: fixed;
- overflow: hidden;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #updates:hover {
- height: 500px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #updatetitle {
- text-transform: uppercase;
- }
- #updatecontent {
- font-family: {font:Font};
- color: #000;
- padding-top: 10px;
- font-size: 12px;
- }
- #updatecontent a {
- text-decoration: none;
- color: {color:Links};
- }
- #updatecontent a:hover {
- color: {color:Links Hover};
- }
- {CustomCSS}</style>
- </head>
- <!-- BODY ---------------------------------------------------------->
- <body>
- <!-- SIDEBAR ------------------------------------------------------->
- <div id="sidebar">
- <div id="sidebarcontent">
- <div id="title">
- <a href="/">{Title}</a>
- </div>
- <div id="sidebarimg">
- <img src="{image:Sidebar Image}">
- </div>
- <div id="description">
- {Description}
- </div>
- <table id="links">
- <tr>
- <td>{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}</td>
- <td><a href="{text:Link 1 URL}">{text:Link 1}</a></td>
- <td><a href="{text:Link 2 URL}">{text:Link 2}</a></td>
- <td><a href="{text:Link 3 URL}">{text:Link 3}</a></td>
- <td><a href="{text:Link 4 URL}">{text:Link 4}</a></td>
- <td><a href="{text:Link 5 URL}">{text:Link 5}</a></td>
- <td>{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</td>
- </tr>
- </table>
- </div>
- </div>
- <!-- POSTS --------------------------------------------------------->
- <div id="content">
- {block:Posts}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- <div id="posts">
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Video}
- {block:Audio}
- {AudioPlayerBlack}
- <div class="text">~ {PlayCountWithLabel}</div>
- {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
- {/block:Audio}
- {block:Quote}
- <div class="title">“{Quote}”</div>
- {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">{Body}</div>
- {/block:Text}
- {block:Answer}
- <div class="title">{Question}</div>
- <div class="text">~ {Asker}</div>
- <div class="text">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<div class="title">{Title}</div>{/block:Title}
- <div class="text">
- {block:Lines}
- {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Link}
- <div class="title"><a href="{URL}">{Name}</a></div>
- {block:Description}
- <div class="text">{Description}</div>
- {/block:Description}
- {/block:Link}
- <div id="info">
- <div id="permalink">
- <a href="{Permalink}">
- {block:Date}{Month} {DayOfMonthWithZero} at {12Hour}:{Minutes} {AmPm}{/block:Date}
- {block:NoteCount} - <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
- </a>
- </div>
- <div id="source">{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
- title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}</div>
- {block:HasTags}<div id="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div> <!-- !info -->
- </div> <!-- !posts -->
- {/block:Posts}
- {block:PostNotes}
- <div id="allnotes">{PostNotes}</div>
- {/block:PostNotes}
- </div> <!-- !content -->
- <!-- UPDATES -------------------------------------------------------->
- <div id="updates">
- <div id="updatestitle">{text:Update Title}</div>
- <div id="updatecontent">{text:Update Content}</div>
- </div>
- <!-- BOTTOM PIC ----------------------------------------------------->
- <div id="bimage">
- <div id="bimagetxt">
- {text:Bottom Corner Text}
- </div>
- <img src={image:Bottom Image} />
- </div>
- <div id="credit">
- <a href="http://gigatheme5.tumblr.com">
- <img src="http://68.media.tumblr.com/8bfd1d5d5bde1794102425cf0f13eea9/tumblr_nk3b78X9lq1sy4yqbo1_75sq.png" id="creditlogo">
- </a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement