Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--
- Theme 04
- "Sentimental"
- Made by Gretchen Marlow
- gretchcodes.tumblr.com
- This work is licensed under a
- Creative Commons Attribution-NonCommercial 4.0 International License
- Read about what that means here:
- http://creativecommons.org/licenses/by-nc/4.0/
- Thank you for using my themes!
- <3
- -->
- <head>
- <style>
- .tmblr-iframe { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1; z-index:999;}
- </style>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <!-- JQUERY for header scroll animation-->
- <script>
- $(function(){
- var shrinkHeader = 80;
- $(window).scroll(function() {
- var scroll = getCurrentScroll();
- if ( scroll >= shrinkHeader ) {
- $('#links').addClass('smaller');
- $('#header').addClass('smaller');
- $('.home').addClass('smaller');
- $('.askbutton').addClass('smaller');
- $('#headerimg').addClass('fade');
- }
- else {
- $('#header').removeClass('smaller');
- $('#links').removeClass('smaller');
- $('.home').removeClass('smaller');
- $('.askbutton').removeClass('smaller');
- $('#headerimg').removeClass('fade');
- }
- });
- function getCurrentScroll() {
- return window.pageYOffset;
- }
- });
- </script>
- <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:Header Image" content=""/>
- <meta name="color:Background" content="white"/>
- <meta name="color:Text" content="black"/>
- <meta name="color:Links" content="#5a779d"/>
- <meta name="color:Links Hover" content="black"/>
- <meta name="color:Title" content="black"/>
- <meta name="color:Title Hover" content="black"/>
- <meta name="color:Header Links" content="black"/>
- <meta name="color:Header Links Hover" content="#5a779d"/>
- <meta name="color:Permalink Links" content="black"/>
- <meta name="color:Permalink Links Hover" content="#5a779d"/>
- <meta name="color:Permalink Background" content="#f8f8f8"/>
- <meta name="color:Blockquote" content="#eee"/>
- <meta name="color:Pagination" content="black"/>
- <meta name="color:Pagination Hover" content="black"/>
- <meta name="if:Show Links" content="1"/>
- <meta name="text:Header Links Opacity" content="1"/>
- <meta name="text:Header Links Hover Opacity" content="1"/>
- <meta name="text:Link 1" content="link1" />
- <meta name="text:Link 1 URL" content="/" />
- <meta name="text:Link 2" content="link2" />
- <meta name="text:Link 2 URL" content="/"/>
- <meta name="text:Link 3" content="link3"/>
- <meta name="text:Link 3 URL" content="/" />
- <meta name="text:Link 4" content="link4"/>
- <meta name="text:Link 4 URL" content="/" />
- <style type="text/css">
- /*Basics*/
- body{font-family:Arial;
- background:{color:Background};
- color:{color:Text};
- letter-spacing:1;
- font-size:11px;
- line-height:17px;
- text-align:justify;
- word-wrap:break-word;}
- a{color:{color:Links};
- text-decoration:none;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;}
- a:hover{color:{color:Links Hover};}
- img{opacity:1;
- max-width:100%;
- border:none;
- text-decoration:none}
- blockquote {padding:0px 0px 0px 20px;
- border-left:1px solid {color:Blockquote};
- margin-left:15px;}
- small{font-size:10px;}
- big{font-size:14px;}
- /* Header */
- #contain{position:fixed;
- z-index:99;}
- #header{width:100%;
- top:0;
- left:0;
- margin:0;
- text-align:center;
- font-size:13px;
- font-weight:bold;
- line-height:25px;
- border-bottom:1px solid #f8f8f8;
- letter-spacing:4px;
- height:120px;
- background:{color:Background};
- position:fixed;
- text-transform:uppercase;}
- .title{height:120px;
- line-height:120px;
- color:{color:Title};}
- .title:hover{color:{color:Title Hover};}
- /* classes for JQUERY */
- #header.smaller {height: 50px;}
- #header.smaller .title {letter-spacing:2px;
- height: 50px;
- line-height: 50px;}
- #links.smaller {font-size:10px;
- letter-spacing:1;
- height:50px;
- top:0;
- margin-top:0;
- line-height: 50px;}
- #header:hover~#links.smaller{margin-top:50.5px!important;}
- #links.smaller:hover{margin-top:50.5px!important;}
- #header.smaller .home{display:none;}
- #header.smaller .askbutton{display:none;}
- #header a:hover{color:{color:Title Hover};}
- /* Home and Ask buttons */
- .home{position:fixed;
- height:120px;
- line-height:120px;
- left:50px;
- margin-top:5px;}
- .home img{width:20px;
- height:20px;}
- .askbutton{position:fixed;
- height:120px;
- line-height:120px;
- right:50px;
- margin-top:5px;}
- .askbutton img{width:19px;
- height:19px;}
- /* Links */
- #links{width:100%;
- position:fixed;
- left:0;
- top:50px;
- margin-top:0px;
- height:70px;
- border-bottom:1px solid #f8f8f8;
- background:{color:Background};
- font-weight:bold;
- text-align:center;
- letter-spacing:2px;
- font-size:11px;
- line-height:70px;
- text-transform:uppercase;
- opacity:0;
- z-index:-999;
- -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;}
- #links a{z-index:-999;
- color:{color:Header Links};
- padding:10px;
- margin:30px;
- opacity:{text:Header Links Opacity};}
- #links a:hover{color:{color:Header Links Hover};
- opacity:{text:Header Links Hover Opacity}}
- /* Header Image */
- #headerimg{top:0px;
- left:0px;
- width:100%;
- display:block;
- overflow:hidden;
- height:100%;
- background-image:url("{image:Header Image}");
- background-size: 100%;
- position:fixed;
- background-repeat:no-repeat;
- z-index:0;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -ms-transition: all 1s ease-in-out;
- -transition: all 1s ease-in-out;}
- #headerimg.fade{
- opacity:.1;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- -ms-transition: all 1s ease-in-out;
- -transition: all 1s ease-in-out;}
- #header:hover~#links{opacity:1;
- z-index:-999;
- margin-top:70.5px;
- -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;}
- #links:hover{opacity:1;
- margin-top:70.5px;
- -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;}
- /* Post Styling */
- /* Post Container */
- #entries{
- left:0;
- padding-top:150px;
- top:100%;
- width:100%;
- z-index:1;
- position:absolute;
- {block:PermalinkPage}
- padding-bottom:400px;
- {/block:PermalinkPage}
- {block:IndexPage}
- padding-bottom:150px;
- {/block:IndexPage}
- background:{color:Background};}
- /* Individual Post Styling */
- #posts{width:400px;
- margin-left:auto;
- margin-right:auto;
- padding:10px;}
- #posts img, #posts li, #posts blockquote{height:auto;
- max-width: 100%;}
- .caption{max-width:400px;
- height:auto;
- padding-left:0px;
- padding-right:0px;}
- /* Text and Link Posts */
- .text{padding-left:0px;
- width:400px;
- padding-right:0px;}
- .titles{font-size:12px;
- color:{color:Text};
- font-weight:bold;
- margin-bottom:15px;
- letter-spacing:2.5px;
- line-height:15px;
- text-align:center;
- text-transform:uppercase;}
- /* Quotes */
- #titlequote{text-align:center;
- font-size:15px;
- text-transform:uppercase;
- border-radius:20px;
- background:{color:Permalink Background};
- color:{color:Permalink Links};
- line-height:35px;
- letter-spacing:1px;
- padding:20px;
- font-weight:bold;}
- #source{margin-top:15px;
- font-weight:bold;
- font-size:11px;
- margin-bottom:8px;
- font-style:italic;
- text-align:center;}
- /* Asks */
- .q{margin-bottom:10px;
- padding:20px;
- letter-spacing:1;
- color:{color:Permalink Links};
- border-radius:15px;
- background:{color:Permalink Background};}
- .as{text-transform:uppercase;
- font-weight:bold;
- color:{color:Permalink Links};
- margin-bottom:10px;
- font-size:9px;
- letter-spacing:1.5px;}
- .as a{color:{color:Permalink Links};}
- .a{margin-top:20px;
- padding-left:10px;
- padding-right:10px;}
- /* Chat */
- .chat ol{padding:5px;
- list-style:none;}
- .line{padding:5px 0;}
- .label{font-weight:bold;}
- /* Video */
- #video{max-width:400px;}
- /* Audio */
- .play {height:27px;
- color:white;
- overflow:hidden;
- background:white;
- border-radius:10px;
- position:relative;
- padding:15px;
- z-index:100;
- margin:9px 50px 7px 7.5px;}
- .audiocontain{margin-top:-2px;
- position: absolute;
- z-index:100;}
- .audiodata{background-color:{color:Permalink Background};
- border-radius:15px;
- z-index:100;
- font-size:9px;
- letter-spacing:2px;
- padding:6px 10px 10px 10px;
- text-transform:uppercase;
- line-height:200%;
- height:55px;
- width:380px;
- text-align:right;}
- .artisttrack{margin-left:213px;
- height:37px;
- border-radius:10px;
- padding:10px;
- background:white;
- width:150px;
- margin-top:1px;}
- /* Permalink Tags and Notes */
- #permalink{font-size:8px;
- width:380px;
- display:block;
- text-align:center;
- padding:10px;
- {block:IndexPage}
- margin-bottom:150px;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin-bottom:20px;
- {/block:PermalinkPage}
- border-radius:12px;
- text-transform:uppercase;
- margin-left:auto;
- margin-right:auto;
- {block:AskPage}
- display:none;
- {/block:AskPage}
- font-weight:bold;
- background:{color:Permalink Background};}
- #permalink a{
- display:inline;
- letter-spacing:1px;
- padding-right:15px;
- padding:13px;
- margin-left:-3px;
- color:{color:Permalink Links};}
- #permalink a:hover{color:{color:Permalink Links Hover};}
- .tags{word-wrap:normal;
- font-size:8px;
- font-weight:bold;
- line-height:20px;
- margin-left:auto;
- margin-right:auto;
- padding-left:10px;
- text-transform:none;
- {block:PermalinkPage}
- margin-top:8px;
- {/block:PermalinkPage}
- text-align:left;
- width:380px;
- padding:10px;
- padding-top:0px;
- padding-bottom:0px;
- letter-spacing:1px;}
- .tags a{padding:3px;
- opacity:.8;
- font-weight:normal;
- font-size:8.5px;
- margin-left:5px;}
- .tags a:hover{
- opacity:1;}
- .pagenotes{{block:IndexPage}
- display: none!important;
- {/block:IndexPage}
- width:390px;
- font-size:10px;
- margin-left:auto;
- margin-right:auto;
- padding-left:15px;
- padding-right:15px;
- padding-bottom:5px;}
- .pagenotes img{display:none!important;}
- .pagenotes li{list-style-type:none;
- padding:5px 0px;
- text-align:left;
- margin:0 0 0 -40px;}
- /* Pagination */
- #pagination{text-align:center;
- font-size:11px;
- font-weight:bold;
- letter-spacing:2px;
- color:{color:Pagination};}
- #pagination a{color:{color:Pagination};}
- #pagination a:hover{color:{color:Pagination Hover};}
- /* Credit DO NOT REMOVE */
- #credit{float:right;
- position:fixed;
- bottom:10px;
- height:23px;
- font-size:8px;
- right:10px;
- opacity:.4;
- background:white;
- z-index:999;
- text-align:center;
- -webkit-transition: all 0.3s;
- -moz-transition: all 0.3s;
- -ms-transition: all 0.3s;
- -o-transition: all 0.3s;
- transition: all 0.3s;}
- #credit:hover{opacity:1;}
- #credit a:hover{opacity:1;}
- #credit img{
- width:40px;}
- {CustomCSS}
- </style>
- </head>
- <body>
- <div id="contain">
- <div id="header"><a href="/">
- <span class="home"><img src="https://40.media.tumblr.com/75ba667900d7be2eeab7e76328f6d1d8/tumblr_nsvqqilqOW1qfrnkno4_r1_100.png"></span></a>
- <a class="title" href="/">{Title}</a>
- <a href="/ask">
- <span class="askbutton"><img src="https://41.media.tumblr.com/9d464922b5b6f75020feb4ec962a7343/tumblr_nsvqqilqOW1qfrnkno5_r1_250.png"></span></a></div>
- {block:ifShowLinks}
- <div id="links">
- <span class="link">
- {block:ifLink1}
- <a href="{text:Link 1 Url}">{text:Link 1}</a>
- {/block:ifLink1}
- {block:ifLink2}
- <a href="{text:Link 2 Url}">{text:Link 2}</a>
- {/block:ifLink2}
- {block:ifLink3}
- <a href="{text:Link 3 Url}">{text:Link 3}</a>
- {/block:ifLink3}
- {block:ifLink4}
- <a href="{text:Link 4 Url}">{text:Link 4}</a>
- {/block:ifLink4}
- </span>
- </div>
- {/block:ifShowLinks}
- </div>
- <div id="headerimg">
- </div>
- <!-- Posts -->
- <div id="entries" >
- {block:Posts}
- <div id="posts">
- {block:Quote}
- <div id="titlequote">❝ {Quote} ❞</div>
- {block:Source}<div id="source">{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Text}
- {block:Title}
- <div class="titles">{Title}</div>{/block:Title}
- <div class="text">
- {Body}</div>
- {/block:Text}
- {block:Link}
- <div class="titles"><a href="{URL}">{Name}</a></div>{block:Description}<div class="text">{Description}</div>{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>
- {/block:Title}
- <div class="chat">
- <ol>{block:Lines}
- <li class="line {Alt}">
- {block:Label}
- <span class="label">
- {Label}</span>
- {/block:Label}{Line}</li>
- {/block:Lines}
- </ol></div>
- {/block:Chat}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {/block:Photoset}
- <div id="video">
- {block:Video}
- {Video-400}
- {/block:Video}
- </div>
- {block:Audio}
- <div class="audiocontain"> <div class="play">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
- <div class="audiodata">
- <div class="artisttrack">
- {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br><b>{Artist}</b>{/block:Artist}</div>
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="q">
- <div class="as">{Asker} asked:</div>
- {Question}</div>
- <div class="a">{Answer}</div>
- {/block:Answer}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>
- <div id="permalink">{block:Date}
- <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a>{/block:Date}
- {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}{block:ContentSource}<a href="{ReblogRootURL}">source</a>{/block:ContentSource}
- {block:NoteCount}<a href="{Permalink}">{NoteCount} ♥</a>{/block:NoteCount}
- </div>
- {block:PermalinkPage}{block:HasTags}
- <div class="tags">FILED UNDER: {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
- {/block:PermalinkPage}
- {block:PostNotes}
- <div class="pagenotes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:Posts}
- <div id="pagination">
- {block:Pagination}{block:NextPage}
- <a href="{NextPage}">● NEXT</a><br><br>
- {/block:NextPage}
- {block:PreviousPage}
- <a href="{PreviousPage}">BACK ●</a>
- {/block:PreviousPage}
- {/block:Pagination}
- </div>
- </div>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!-- {block:NoRebloggedFrom}
- {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
- {/block:NoRebloggedFrom} -->
- <!-- Credit -->
- <div id="credit">
- <a href="http://gretchcodes.tumblr.com"><img alt="gretchcodes" src="https://40.media.tumblr.com/4224da920bc44f032a599abb29202832/tumblr_nsvqqilqOW1qfrnkno7_r1_250.png"></a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment