Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- [remove pluses]
- +<!DOCTYPE html>
- +<head>
- +
- +<!--
- +
- +#14: YOUNG FOREVER by GUKTHEMES.TUMBLR.COM
- +PLEASE DO NOT TAKE THIS THEME!
- +
- +- do not steal or claim as your own
- +- do not copy my design(s) or scripts
- +- do not alter or remove credit
- +
- +questions and bug reports are always welcome!
- +
- +-->
- +
- +<title>{Title}</title>
- +<link rel="shortcut icon" href="{Favicon}">
- +<meta name="image:sidebar background" content="http://static.tumblr.com/c3862efddad5933ce2fb05fdcced26b2/wupwnyt/Njto6xusi/tumblr_static_84r9emlux1wc4s48o0kwskggs.png"/>
- +<meta name="image:content background" content=""/>
- +<meta name="image:sidebar icon" content=""/>
- +<meta name="color:body background" content="#ffffff"/>
- +<meta name="color:content background" content="#f0f0f0"/>
- +<meta name="color:text" content="#000000"/>
- +<meta name="color:link" content="#a5a5a5"/>
- +<meta name="color:link hover" content="#D44939"/>
- +
- +<meta name="color:accent" content="#D44939"/>
- +
- +<meta name="color:post bg" content="#ffffff"/>
- +<meta name="color:borders" content="#e7e7e7"/>
- +<meta name="color:blockquotes" content="#e7e7e7"/>
- +
- +<meta name="color:ask bg" content="#f3f3f3"/>
- +<meta name="color:ask text" content="#000000"/>
- +<meta name="color:audio bg" content="#f3f3f3"/>
- +<meta name="color:audio text" content="#000000"/>
- +
- +<meta name="color:sidebar bg" content="#D44939"/>
- +<meta name="color:sidebar desc bg" content="#ffffff"/>
- +<meta name="color:sidebar text" content="#000000"/>
- +<meta name="color:sidebar links color" content="#000000"/>
- +<meta name="color:sidebar links hover" content="#D44939"/>
- +
- +<meta name="color:footer text" content="#000000"/>
- +<meta name="color:footer bg" content="#ffffff"/>
- +<meta name="color:footer link" content="#000000"/>
- +<meta name="color:footer link hover" content="#D44939"/>
- +
- +<meta name="color:tags" content="#000000"/>
- +<meta name="color:tags hover" content="#D44939"/>
- +
- +<meta name="select:sidebar links" content="8" title="8">
- +<meta name="select:sidebar links" content="6" title="6">
- +<meta name="select:sidebar links" content="4" title="4">
- +
- +<meta name="select:body font" content="Open Sans" title="Open Sans">
- +<meta name="select:body font" content="Montserrat" title="Montserrat">
- +<meta name="select:body font" content="Lato" title="Lato">
- +<meta name="select:body font" content="Roboto" title="Roboto">
- +
- +<meta name="select:title font" content="Montserrat" title="Montserrat">
- +<meta name="select:title font" content="Open Sans" title="Open Sans">
- +<meta name="select:title font" content="Lato" title="Lato">
- +<meta name="select:title font" content="Roboto" title="Roboto">
- +
- +<meta name="select:footer font" content="Open Sans" title="Open Sans">
- +<meta name="select:footer font" content="Lato" title="Lato">
- +<meta name="select:footer font" content="Roboto" title="Roboto">
- +<meta name="select:footer font" content="Montserrat" title="Montserrat">
- +
- +<meta name="select:post size" content="540" title="540px">
- +<meta name="select:post size" content="500" title="500px">
- +<meta name="select:post size" content="450" title="450px">
- +<meta name="select:post size" content="400" title="400px">
- +
- +<meta name="select:permalink post size" content="540" title="540px">
- +<meta name="select:permalink post size" content="500" title="500px">
- +<meta name="select:permalink post size" content="450" title="450px">
- +<meta name="select:permalink post size" content="400" title="400px">
- +
- +<meta name="select:sidebar background type" content="cover" title="fill">
- +<meta name="select:sidebar background type" content="auto" title="repeatable">
- +
- +<meta name="select:content background type" content="auto" title="repeatable">
- +<meta name="select:content background type" content="cover" title="fill">
- +
- +<meta name="select:sidebar fade" content="blur(4px) brightness(0.75)" title="default">
- +<meta name="select:sidebar fade" content="blur(4px) brightness(1)" title="blur only">
- +<meta name="select:sidebar fade" content="blur(0px) brightness(0.75)" title="brightness only">
- +<meta name="select:sidebar fade" content="blur(0px) brightness(1)" title="none">
- +
- +<meta name="if:show captions" content="1" />
- +<meta name="if:show tags" content="1" />
- +<meta name="if:grayscale images" content="0" />
- +<meta name="if:faded images" content="0" />
- +<meta name="if:black audio player" content="0" />
- +<meta name="if:sidebar icon" content="0" />
- +<meta name="if:hover desc" content="1" />
- +<meta name="if:smooth scrolling" content="1" />
- +<meta name="if:old photosets on 500px posts" content="0" />
- +<meta name="text:sidebar width" content="225"/>
- +<meta name="text:link 1 URL" content="/"/>
- +<meta name="text:link 1" content="home"/>
- +<meta name="text:link 2 URL" content="/ask"/>
- +<meta name="text:link 2" content="inbox"/>
- +<meta name="text:link 3 URL" content="/archive"/>
- +<meta name="text:link 3" content="archive"/>
- +<meta name="text:link 4 URL" content="/"/>
- +<meta name="text:link 4" content="link 4"/>
- +<meta name="text:link 5 URL" content=""/>
- +<meta name="text:link 5" content="link 5"/>
- +<meta name="text:link 6 URL" content=""/>
- +<meta name="text:link 6" content="link 6"/>
- +<meta name="text:link 7 URL" content=""/>
- +<meta name="text:link 7" content="link 7"/>
- +<meta name="text:link 8 URL" content=""/>
- +<meta name="text:link 8" content="link 8"/>
- +
- +<link href='//fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,400italic,700,700italic|Roboto:400,400italic,700,700italic|Lato:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
- +<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- +<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- +<script src="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
- +{block:ifsmoothscrolling}<script src="http://static.tumblr.com/wupwnyt/ZJno1tdv9/smoothscrolling.js"></script>{/block:ifsmoothscrolling}
- +<link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- +<script src="//static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- +<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- +<link rel="stylesheet" href="//static.tumblr.com/wupwnyt/JuBo05x5q/fade.css">
- +<script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- +<link href="//static.tumblr.com/wupwnyt/1iho27ad1/gkthm.css" rel="stylesheet" type="text/css"/>
- +
- +<style type="text/css">
- +
- +::-webkit-scrollbar {
- + width:7px;
- + height:7px;
- +}
- +
- +::-webkit-scrollbar-track {
- + background:transparent;
- +}
- +
- +::-webkit-scrollbar-corner {
- + background:transparent;
- +}
- +
- +::-webkit-scrollbar-thumb {
- + background:{color:accent};
- + background-clip:padding-box;
- + border:2px solid rgba(0, 0, 0, 0);
- +}
- +
- +body {
- + background-color:{color:body background};
- + color:{color:text};
- + font:9.5px '{select:body font}', calibri, helvetica neue;
- + margin:0;
- + text-align:justify;
- + word-wrap:break-word;
- + overflow-y:hidden;
- +}
- +
- +.title__h1, .title__h2 {
- + font-family:'{select:body font}', calibri, helvetica neue!important;
- +}
- +
- +a {
- + color:{color:link};
- + text-decoration:none;
- + -moz-transition-duration:0.7s;
- + -o-transition-duration:0.7s;
- + -webkit-transition-duration:0.7s;
- + transition-duration:0.7s;
- +}
- +
- +a:hover {
- + cursor:help;
- + color:{color:link hover};
- + -moz-transition-duration:0.5s;
- + -o-transition-duration:0.5s;
- + -webkit-transition-duration:0.5s;
- + transition-duration:0.5s;
- +}
- +
- +b, strong {font-weight:700;}
- +p {display:block;margin:1em 0;}
- +p:first-child {display:block;margin:0 0 1em 0;}
- +p:last-child {display:block;margin:1em 0 0 0;}
- +p:only-child {display:block;margin:0;}
- +small, pre, sub, sup {font-size:9.5px;}
- +
- +.side {
- + width:{text:sidebar width}px;
- + height:67vh;
- + position:fixed;
- + display:flex;
- + justify-content:center;
- + align-items:center;
- + align-content:center;
- + flex-wrap:nowrap;
- + flex-direction:column;
- + z-index:-2;
- + background-image:url('{image:sidebar background}');
- + background-size:{select:sidebar background type};
- + background-position:right;
- + background-color:{color:sidebar bg};
- + overflow:hidden;
- + border-right:1px solid {color:borders};
- +}
- +
- +.side:before, .side:after {
- + content:'';
- + position:absolute;
- + top:0;
- + bottom:0;
- + left:0;
- + right:0;
- + z-index:-1;
- + background-image:url('{image:sidebar background}');
- + background-size:{select:sidebar background type};
- + background-position:center;
- + background-color:{color:sidebar bg};
- + overflow:hidden;
- + -moz-transition-duration:0.7s;
- + -o-transition-duration:0.7s;
- + -webkit-transition-duration:0.7s;
- + transition-duration:0.7s;
- +}
- +
- +.side:hover .pic, .side:hover .desc, .side:hover .links {
- + opacity:1;
- + -moz-transition-duration:0.5s;
- + -o-transition-duration:0.5s;
- + -webkit-transition-duration:0.5s;
- + transition-duration:0.5s;
- +}
- +
- +{block:ifhoverdesc}.side:hover:before, .side:hover:after {
- + -moz-transition-duration:0.5s;
- + -o-transition-duration:0.5s;
- + -webkit-transition-duration:0.5s;
- + transition-duration:0.5s -webkit-filter linear;
- + filter:{select:sidebar fade};
- + -webkit-filter:{select:sidebar fade};
- + -moz-filter:{select:sidebar fade};
- + -ms-filter:{select:sidebar fade};
- + -o-filter:{select:sidebar fade};
- +}{/block:ifhoverdesc}
- +
- +.pic {
- + background-image:url('{image:sidebar icon}');
- + background-color:{color:sidebar bg};
- + background-size:cover;
- + background-position:center;
- + background-color:{color:sidebar desc bg};
- + width:50px;
- + height:50px;
- + border-radius:100%;
- + border:3px solid {color:sidebar desc bg};
- + margin-bottom:10px;
- + -moz-transition-duration:0.7s;
- + -o-transition-duration:0.7s;
- + -webkit-transition-duration:0.7s;
- + transition-duration:0.7s;
- + {block:ifnotsidebaricon}display:none;{/block:ifnotsidebaricon}
- + {block:ifhoverdesc}opacity:0;{/block:ifhoverdesc}
- +}
- +
- +.desc {
- + display:block;
- + background-color:{color:sidebar desc bg};
- + color:{color:sidebar text};
- + padding:15px 15px 12px 15px;
- + width:150px;
- + max-height:100px;
- + -webkit-box-sizing:border-box;
- + -moz-box-sizing:border-box;
- + box-sizing:border-box;
- + overflow-x:hidden;
- + text-align:center;
- + -moz-transition-duration:0.7s;
- + -o-transition-duration:0.7s;
- + -webkit-transition-duration:0.7s;
- + transition-duration:0.7s;
- + {block:ifhoverdesc}opacity:0;{/block:ifhoverdesc}
- +}
- +
- +.content {
- + margin:calc(50vh - 33.5vh) auto 0 auto;
- + padding-right:40px;
- + background-image:url('{image:content background}');
- + background-size:{select:content background type};
- + background-position:center;
- + background-color:{color:content background};
- + left:0;
- + right:0;
- + width:calc({text:sidebar width}px + 40px + 32px + {block:IndexPage}{select:post size}px{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}px{/block:PermalinkPage});
- + height:67vh;
- + position:absolute;
- + overflow-y:scroll;
- + overflow-x:hidden;
- +}
- +
- +.side .links {
- + text-align:center;
- + width:150px;
- + font-size:8.5px;
- + -webkit-box-sizing:border-box;
- + -moz-box-sizing:border-box;
- + box-sizing:border-box;
- + -moz-transition-duration:0.7s;
- + -o-transition-duration:0.7s;
- + -webkit-transition-duration:0.7s;
- + transition-duration:0.7s;
- + -webkit-column-count:2;
- + -moz-column-count:2;
- + column-count:2;
- + -webkit-column-gap:5px;
- + -moz-column-gap:5px;
- + column-gap:5px;
- + margin-top:5px;
- + {block:ifhoverdesc}opacity:0;{/block:ifhoverdesc}
- +}
- +
- +.side .links a {
- + display:block;
- + text-transform:lowercase;
- + word-wrap:nowrap;
- + color:{color:sidebar links color};
- + padding:7px;
- + background-color:{color:sidebar desc bg};
- +}
- +
- +.side .links a:hover {
- + color:{color:sidebar links hover};
- +}
- +
- +.side .links ul {
- + list-style-type:none;
- + margin:0;
- + padding:0;
- +}
- +
- +.side .links li {
- + display:block;
- + margin:5px 0;
- +}
- +
- +.side .links li:first-child {
- + margin:0;
- +}
- +
- +.side .links h1 {
- + margin:0 0 -10px 0;
- + padding:0;
- + text-transform:uppercase;
- +}
- +
- +.content .entry {
- + width:{block:IndexPage}{select:post size}px{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}px{/block:PermalinkPage};
- + margin:40px 0 40px calc({text:sidebar width}px + 40px);
- + background-color:{color:post bg};
- + display:block!important;
- + {block:ifcolorborders}border-top:3px solid {color:accent};{/block:ifcolorborders}
- + padding:16px;
- + {block:ifroundedborders}border-radius:0 0 5px 5px;{/block:ifroundedborders}
- +}
- +
- +.content .entry ul {
- + list-style:square;
- + margin:0;
- + padding-left:15px;
- + color:{color:borders};
- +}
- +
- +.content .entry li {
- + padding-left:2px;
- + text-indent:0em;
- + color:{color:text};
- +}
- +
- +h1, h2, h3 {
- + letter-spacing:-1px;
- + color:{color:post titles};
- + font-weight:700;
- + font-family:'{select:title font}';
- + text-align:center;
- +}
- +
- +h1 {
- + font-size:12px;
- + line-height:14px;
- +}
- +
- +h2 {
- + font-size:13px;
- + line-height:15px;
- + text-align:justify;
- +}
- +
- +h3 {
- + font-size:16px;
- + line-height:18px;
- + text-transform:uppercase;
- +}
- +
- +hr {
- + max-width:20%;
- + margin:1em auto;
- + border:1px solid {color:borders};
- + border-bottom:0px solid {color:borders};
- + padding:0;
- +}
- +
- +h2 small, h3 small {font-size:80%;font-style:italic;}
- +
- +blockquote {
- + border-left:2px solid {color:blockquotes};
- + padding-left:10px;
- + margin:2px 3px 0 3px;
- +}
- +
- +a.tumblr_blog {
- + margin-bottom:-6px!important;
- + vertical-align:top;
- + text-transform:uppercase;
- + position:relative;
- + display:inline-block;
- +}
- +
- +{block:ifoldphotosetson500pxposts}#a500 .photo-slideshow {display:none!important;}
- +#a540 .photoset, #a450 .photoset, #a400 .photoset {display:none!important;}{/block:ifoldphotosetson500pxposts}
- +
- +.txt {
- + margin:0;
- + word-wrap:break-word;
- + width:100%;
- + -webkit-box-sizing:border-box;
- + -moz-box-sizing:border-box;
- + box-sizing:border-box;
- +}
- +
- +.audio {
- + width:100%;
- + display:inline-block;
- +}
- +
- +.button {
- + float:left;
- + height:60px;
- + width:60px;
- + position:relative;
- + z-index:1;
- + background-color:{color:audio bg};
- +}
- +
- +.cap {
- + padding:16px 0 0 0;
- + width:100%;
- + -webkit-box-sizing:border-box;
- + -moz-box-sizing:border-box;
- + box-sizing:border-box;
- + {block:ifnotshowcaptions}{block:IndexPage}display:none;{/block:IndexPage}{/block:ifnotshowcaptions}
- +}
- +
- +
- +.music, .question {
- + -webkit-box-sizing:border-box;
- + -moz-box-sizing:border-box;
- + box-sizing:border-box;
- + position:relative;
- + z-index:1;
- +}
- +
- +.music {
- + width:calc({block:IndexPage}{select:post size}{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}{/block:PermalinkPage}px - 60px);
- + display:flex;
- + padding:10px;
- + justify-content:center;
- + flex-direction:column;
- + height:60px;
- + background-color:{color:audio bg};
- + color:{color:audio text};
- +}
- +
- +.question {
- + width:{block:IndexPage}{select:post size}{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}{/block:PermalinkPage}px;
- + background-color:{color:ask bg};
- + color:{color:ask text};
- + padding:20px;
- + -webkit-box-sizing:border-box;
- + -moz-box-sizing:border-box;
- + box-sizing:border-box;}
- +
- +.question, .answer {display:inline-block;}
- +
- +.pix {{block:ifgrayscaleimages}-webkit-filter:Grayscale(100%);{/block:ifgrayscaleimages}{block:iffadedimages}opacity:.7;{/block:iffadedimages}-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;}
- +.pix:hover {{block:ifgrayscaleimages}-webkit-filter:Grayscale(0%);{/block:ifgrayscaleimages}{block:iffadedimages}opacity:1;{/block:iffadedimages}-webkit-transition:all .7s ease-out;-moz-transition:all .7s ease-out;transition:all .7s ease-out;}
- +
- +.answer {padding-top:16px}
- +
- +iframe.tumblr_audio_player {
- + background-color:{block:ifblackaudioplayer}black{/block:ifblackaudioplayer}{block:ifnotblackaudioplayer}white{/block:ifnotblackaudioplayer};
- + float:left;
- + width:20px;
- + height:20px;
- + padding:15px;
- + margin-left:-55px;
- + margin-top:5px;
- + -moz-border-radius:30px;
- + -webkit-border-radius:30px;
- + border-radius:30px;
- + position:relative;
- + z-index:2;
- +}
- +
- +.footer {
- + width:{block:IndexPage}{select:post size}{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}{/block:PermalinkPage}px;
- + border-top:1px solid {color:borders};
- + background-color:{color:footer bg};
- + padding:16px;
- + font-family:{select:footer font};
- + margin:-40px 0 40px calc({text:sidebar width}px + 40px);
- + {block:ifroundedborders}border-radius:0 0 5px 5px;{/block:ifroundedborders}
- +}
- +
- +.date {
- + width:{block:IndexPage}{select:post size}{/block:IndexPage}{block:PermalinkPage}{select:permalink post size}{/block:PermalinkPage}px;
- + -webkit-box-sizing:border-box;
- + -moz-box-sizing:border-box;
- + box-sizing:border-box;
- + color:{color:footer text};
- + font-weight:400;
- + font-size:12px;
- + text-transform:uppercase;
- +}
- +
- +.date .m, .date .n {
- + font-weight:900;
- + display:inline;
- +}
- +
- +.date .m {border-right:1px solid {color:borders};padding:0 4px 0 0;margin:0 4px 0 0;}
- +
- +.date .n {border-left:1px solid {color:borders};padding:0 0 0 4px;margin:0 0 0 4px;}
- +.date a {color:{color:footer link};}
- +.date a:hover {color:{color:footer link hover};}
- +
- +.tags {
- + font-size:9px;
- + {block:IndexPage}{block:ifnotshowtags}display:none;{/block:ifnotshowtags}{/block:IndexPage}
- + -webkit-box-sizing:border-box;
- + -moz-box-sizing:border-box;
- + box-sizing:border-box;
- + position:relative;
- +}
- +
- +.tags a {color:{color:tags};margin:0 2px;}
- +.tags a:hover {color:{color:tags hover};}
- +.tags a:first-child {margin:0 2px 0 0;}
- +.tags a:last-child {margin:0 0 0 2px;}
- +
- +#infscr-loading {display:none!important;}
- +
- +#s-m-t-tooltip{
- + max-width:300px;
- + margin:15px;
- + padding:4px 8px;
- + border:1px solid {color:borders};
- + background:{color:post bg};
- + color:{color:text};
- + z-index:999999;
- + font-size:8px;
- + text-transform:uppercase;
- +}
- +
- +.permalink {
- + width:{select:permalink post size}px;
- + padding:16px;
- + background-color:{color:post bg};
- + text-transform:uppercase;
- + font-size:9.5px;
- + display:block;
- + margin:40px 0 40px calc({text:sidebar width}px + 40px);
- +}
- +
- +.notes {
- + overflow:scroll;
- + overflow-x:hidden;
- + max-height:250px;
- + padding:10px;
- +}
- +
- +ol.notes {
- + padding:0px;
- + list-style-type:decimal;
- + margin:0;
- +}
- +
- +ol.notes li.note {
- + padding:.3em 0;
- +}
- +
- +li.note:first-child {
- + padding 0 0 .3em 0;
- +}
- +
- +li.note:last-child {
- + padding-bottom:.3em 0 0 0;
- +}
- +
- +ol.notes li.note img.avatar {
- + display:none;
- +}
- +
- +ol.notes li.note blockquote a {
- + text-decoration:none;
- +}
- +
- +.pagination {
- + text-align:center;
- + text-transform:uppercase;
- + font-weight:900;
- + word-spacing:3px;
- + background-color:{color:post bg};
- + padding:10px;
- + margin-bottom:40px;
- + left:calc({text:sidebar width}px + 40px);
- + right:0;
- + position:relative;
- + width:calc({select:post size}px + 32px);
- + -webkit-box-sizing:border-box;
- + -moz-box-sizing:border-box;
- + box-sizing:border-box;
- +}
- +
- +.pagination a {
- + color:{color:link};
- +}
- +
- +.pagination a:hover {
- + color:{color:link hover};
- +}
- +
- +.pagination .current_page {
- + color:{color:text};
- +}
- +
- +#vignette {visibility:hidden;}
- +#tumblr_lightbox {background-color:transparent!important;}
- +#tumblr_lightbox img {box-shadow:none!important;border-radius:0!important;}
- +#tumblr_lightbox a img {border:0px solid #fff!important;}
- +#tumblr_lightbox div:nth-child(2) {background-color:{color:body background};opacity:.9;}
- +
- +.vignette {opacity:0!important;background-image:none!important;}
- +.tmblr-lightbox {background-color:transparent!important;}
- +.tmblr-lightbox img {box-shadow:none!important;border-radius:0!important;cursor:help;}
- +.tmblr-lightbox a img {border:0px solid #fff!important;}
- +.tmblr-lightbox div:nth-child(2) {background-color:{color:body background}!important;opacity:.9!important;}
- +
- +.tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {property:value;z-index:999999999!important;margin-top:3px;}
- +
- +.photoset, .entry img, .permalink {display:block;}
- +.photoset {margin:0 0 -1px 0;}
- +.photoset, .photo-slideshow {background-color:{color:post bg}!important;}
- +.pix img {width:100%;display:block;}
- +.entry img {max-width:100%; height:auto;}
- +.tmblr-full img {width:100%; display:inline-block; height:auto;}
- +.entry figure img {display:inline-block;}
- +.txt img {margin:8px 0 8px 0;}
- +
- +.tumblr_video_container {width:auto!important;height:auto!important;overflow:hidden!important;}
- +
- +#audio {
- +
- +position:fixed; /** so that when you scroll the page, the music player will stay fixed in position, ie: will NOT scroll along with the page, other possible values: absolute **/
- + left:10px; /** position in pixels from left of page, can replaced with "right" so it is xxx pixels from the bottom **/
- + top:10px; /** position in pixels from top of page, can replaced with "bottom" so it is xxx pixels from the bottom **/
- + border:1px dashed #CCC;
- + padding:10px;
- + width:14px; /** width of the icon **/
- + height:14px; /** height of the icon **/
- +background:#FFF;
- +
- +}
- +
- +#audio:hover {
- +
- +width:200px; /** width of the music player **/
- + border:0px;
- + border-left:15px solid #000;
- +background:none!important;
- +
- +}
- +
- +#audio img{
- +
- +
- +visibility:visible;
- +
- +}
- +
- +#audio:hover img {
- +
- +visibility:hidden!important;
- +position:absolute;
- +
- +}
- +
- +#player {
- +
- +visibility:hidden;
- + position:absolute;
- + height:0px;
- +width:0px;
- +
- +}
- +
- +#audio:hover #player {
- +
- +visibility:visible!important;
- +
- +}
- +
- +</style>
- +
- +</head><body>
- +
- +<div id="audio">
- +<img src="http://65.media.tumblr.com/tumblr_m9c43cSqfD1rto88t.gif">
- +<div id="player"><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://www.dropbox.com/s/0gfv8f8l98qo5e7/Game%20of%20Thrones-%20Season%206%20OST%20-%20Light%20of%20the%20Seven%20%28EP%2010%20---%29.mp3?&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>
- +</div>
- +
- +<div class="content fade-in one"><div class="side">
- + <a href="/"><div class="pic"></div></a>
- + <div class="desc">{Description}</div>
- +
- +<div class="links"><ul>
- + <li><a href="{text:link 1 url}">{text:link 1}</a></li>
- + <li><a href="{text:link 2 url}">{text:link 2}</a></li>
- + <li><a href="{text:link 3 url}">{text:link 3}</a></li>
- + <li><a href="{text:link 4 url}">{text:link 4}</a></li>
- + {block:iflink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:iflink5}
- + {block:iflink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:iflink6}
- + {block:iflink7}<li><a href="{text:link 7 url}">{text:link 7}</a></li>{/block:iflink7}
- + {block:iflink8}<li><a href="{text:link 8 url}">{text:link 8}</a></li>{/block:iflink8}
- +</ul>
- +</div>
- +</div>
- +
- +{block:Posts}
- +<div class="entry {block:IndexPage}b{select:post size}{/block:IndexPage}{block:PermalinkPage}b{select:permalink post size}{/block:PermalinkPage} fade-in two" id="{PostID}">
- +
- +{block:Text}<div class="txt">{block:Title}<h3 style="margin-top:0;">{Title}</h3>{/block:Title}{Body}</div>{/block:Text}
- +
- +{block:Link}<div class="txt"><a href="{URL}" class="link" {Target}><h3 style="margin-top:0;">{Name}</h3></a>
- +{block:Description}{Description}{/block:Description}</div>{/block:Link}
- +
- +{block:Photo}<center><div class="pix">{LinkOpenTag}<img src="{PhotoURL-HighRes}">{LinkCloseTag}</div></center>
- +
- +{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photo}
- +
- +{block:Photoset}
- +<div class="pix"><div id="{block:IndexPage}a{select:post size}{/block:IndexPage}{block:PermalinkPage}a{select:permalink post size}{/block:PermalinkPage}" class="pxu">
- +<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
- +{block:Photos}
- +<div class="photo-data">
- +<div class="pxu-photo">
- +<img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
- +</div>
- +<a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
- +</div>{/block:Photos}
- +</div>
- +</div>
- +{block:ifoldphotosetson500pxposts}<div id="{block:IndexPage}a{select:post size}{/block:IndexPage}{block:PermalinkPage}a{select:permalink post size}{/block:PermalinkPage}">{Photoset-500}</div>{/block:ifoldphotosetson500pxposts}</div>
- +
- +{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photoset}
- +
- +{block:Quote}<div class="txt"><center><h1>"{Quote}"</h1></center><br>{block:Source}– {Source}{/block:Source}</p></div>{/block:Quote}
- +
- +{block:Chat}{block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
- +
- +<div class="txt"><div style="padding:10px 0px 10px 0px">{block:Lines}<li style="list-style-type:none;">{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}</ul></div></div>{/block:Chat}
- +
- +{block:Video}<div class="video"><center>{Video-500}</center></div>
- +
- +{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Video}
- +
- +{block:Audio}<div class="audio">
- +<div class="button"></div>
- +{block:AudioPlayer}{block:ifblackaudioplayer}{AudioPlayerBlack}{/block:ifblackaudioplayer}{block:ifnotblackaudioplayer}{AudioPlayerWhite}{/block:ifnotblackaudioplayer}{/block:AudioPlayer}
- +<div class="music"><center><b style="font-size:1.2em; text-transform:uppercase; line-height:1em;">{block:TrackName}{TrackName}{/block:TrackName}</b>{block:Artist} {Artist}{/block:Artist}{block:Album},
- +{Album}
- +{/block:Album}</center></div>
- +
- +{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}</div>{/block:Audio}
- +
- +{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} -->
- +
- +{block:Answer}
- +<div class="question"><b style="text-transform:uppercase;">{Asker} asked:</b> {Question}</div>
- +<div class="answer">{Answer}</div>
- +{/block:Answer}</div>
- +
- +{block:Date}
- +<div class="footer fade-in two">
- +<div class="date"><a href="{Permalink}"><div class="m">{DayOfMonthWithZero}</div>{Month}</a> <a style ="float:right" href="{Permalink}">NOTES<div class="n">{NoteCount}</div></a></div>
- +<div class="tags">{block:PermalinkPage}{block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a> / <a href="{ReblogRootURL}">SOURCE</a> {/block:RebloggedFrom}{/block:PermalinkPage}{block:HasTags}{block:Tags}<a href="{TagURL}"><i class="fa fa-tags"></i> {Tag}</a> {/block:Tags}{/block:HasTags}</div>
- +</div>
- +<style type="text/css">.content .entry {border-radius:0;}</style>
- +{/block:Date}
- +
- +{/block:Posts}{block:PostNotes}<div class="permalink fade-in two">{PostNotes}</div>{/block:PostNotes}
- +
- +{block:Pagination}<div class="pagination">{block:PreviousPage}<a class="previous" href="{PreviousPage}">Previous</a>{/block:PreviousPage} {block:JumpPagination length="5"} {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 class="next" href="{NextPage}">Next</a>{/block:NextPage}</div>{/block:Pagination}
- +
- +</div>
- +
- +
- +
- +<!-- don't touch or alter my credit in any way, it IS against my rules! i don't care if you want it to be 'smaller' or less obtrusive, don't touch it! -->
- +
- +<div style="text-align:right; position:fixed; bottom:10px; right:10px; font-family:'Montserrat', sans-serif; font-weight:700; font-size:12px; letter-spacing:-1px; text-transform:uppercase; padding:10px; background-color:{color:post bg}; border:1px solid {color:borders};">coded by <br><a href="http://gukthemes.tumblr.com/">gukthemes</a></div>
- +
- +<!-- don't touch or alter my credit in any way, it IS against my rules! i don't care if you want it to be 'smaller' or less obtrusive, don't touch it! -->
- +
- +<!--
- +
- +RESOURCE CREDITS:
- +
- +- Font Awesome by David Gandy
- +- PXU Photosets by Pixel Union
- +
- +-->
- +
- +<script>
- +// minimal soundcloud player © shythemes.tumblr
- +$(document).ready(function(){
- +var color = '{color:accent}'; // color of play button (hex)
- +$('.soundcloud_audio_player').each(function(){
- +$(this).attr({ src:$(this).attr('src').split('&')[0#D44939 + '&liking=false&sharing=false&auto_play=false&show_comments=false&continuous_play=false&buying=false&show_playcount=false&show_artwork=false&origin=tumblr&color=' + color.split('#')[1], height:116, width:{select:post size} });
- +});
- +});
- +</script>
- +
- +<script language="Javascript">
- +$(document).ready(function() {
- +$('.links li').hide();
- +$('.links li:lt({select:sidebar links})').show();
- +});
- +</script>
- +
- +<script>
- +(function($){
- +$(document).ready(function(){
- +$("[title]").style_my_tooltips({
- +tip_follows_cursor:true,
- +tip_delay_time:000,
- +tip_fade_speed:000
- +});
- +});
- +})(jQuery);
- +</script>
- +
- +<script>
- +$(document).ready(function(){
- +$('.photo-slideshow').pxuPhotoset({
- +lightbox:true,
- +rounded:false,
- +gutter:'0px',
- +borderRadius:'0px',
- +photoset:'.photo-slideshow',
- +photoWrap:'.photo-data',
- +photo:'.pxu-photo'
- +});
- +});
- +</script>
- +
- +</body></html>
- +</html>
Advertisement
Add Comment
Please, Sign In to add comment