Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!---- eisenbrg
- Hello and thank you for using my theme.
- // klimt //
- please don't remove the credits.
- it's okay if you want to use my code as a base
- I'll be happy to be the source of your html/css knowledge.
- just make sure people can't recognize anything.
- check my themes blog often, I release new themes every 2 weeks or so
- xx eisenbrg
- ---->
- <!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" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
- <meta name="image:bg" content="" />
- <meta name="color:gradient1" content="#bee5e3" />
- <meta name="color:gradient2" content="#edc2d9" />
- {block:ifframes}
- <meta name="color:frames" content="#fff" />
- {/block:ifframes}
- <meta name="color:posts" content="#fff" />
- <meta name="color:posts" content="#fff" />
- <meta name="color:info" content="#555" />
- <meta name="color:text" content="#000" />
- <meta name="color:info hover" content="#000" />
- <meta name="color:sidebar titles" content="#000" />
- <meta name="color:links" content="#000" />
- <meta name="color:links hover" content="#000" />
- <meta name="color:links hover bg" content="#fff" />
- <meta name="text:links title" content="links" />
- <meta name="text:link1" content="/" />
- <meta name="text:link1 title" content="link 1" />
- <meta name="text:link2" content="/" />
- <meta name="text:link2 title" content="link 2" />
- <meta name="text:link3" content="/" />
- <meta name="text:link3 title" content="link 3" />
- <meta name="text:link4" content="/" />
- <meta name="text:link4 title" content="link 4" />
- <meta name="text:link5" content="/" />
- <meta name="text:link5 title" content="link 5" />
- <meta name="text:link6" content="/" />
- <meta name="text:link6 title" content="link 6" />
- <meta name="text:title3" content="other" />
- <meta name="text:box" content="whateverrrrrrrrrrr you want this is your free space to express yourself" />
- <meta name="text:permalink" content="xx" />
- <meta name="text:next page" content=">" />
- <meta name="text:prev page" content="<" />
- <meta name="text:info opacity" content="0.3" />
- <meta name="text:sidebar opacity" content="0.3" />
- <meta name="text:sidebar menu opacity" content="0.4" />
- <meta name="text:space between posts" content="80" />
- <meta name="if:fixed gradient" content="0" />
- <meta name="if:frames" content="1" />
- <meta name="if:audiowhite" content="1" />
- <meta name="if:audioblack" content="0" />
- <meta name="if:thirdbox" content="1" />
- <script src="http://tympanus.net/Tutorials/CSS3Accordion/js/modernizr.custom.29473.js"></script>
- <style type="text/css">
- body{
- width:100%;
- -moz-transition:all 0.5s ease-out;
- -o-transition:all 0.5s ease-out;
- -webkit-transition all 0.5s ease-out;
- transition:all 0.5s ease-out;
- height:100%;
- word-break:keep-all;
- font-family:'trebuchet ms';
- font-size:10px;
- color:{color:text};
- background: -webkit-linear-gradient({color:gradient1},{color:gradient2});
- background: -o-linear-gradient({color:gradient1},{color:gradient2});
- background: -moz-linear-gradient({color:gradient1},{color:gradient2});
- background: linear-gradient({color:gradient1},{color:gradient2});
- {block:iffixedgradient}
- background-attachment:fixed;
- {/block:iffixedgradient}
- {block:permalinkpage}
- background-attachment:fixed;
- {/block:permalinkpage}
- {block:ifbgimage}
- background-image:url({image:bg});
- background-size:cover;
- background-attachment:fixed;
- {/block:ifbgimage}
- cursor:url('http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png'), progress !important;
- overflow-x:hidden;
- }
- a, a:hover{
- cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
- transition:.5s ease-in-out;
- -webkit-transition:.5s ease-in-out;
- -moz-transition:.5s ease-in-out;
- -o-transition:.5s ease-in-out;
- }
- a:hover{
- -webkit-transition:.5s ease-in-out;
- -moz-transition:.5s ease-in-out;
- -o-transition:.5s ease-in-out;
- }
- ::selection{
- background:#000;
- color:#fff;
- }
- ::-moz-selection {
- background:#000;
- color:#fff;
- }
- ::-webkit-selection {
- background:#000;
- color:#fff;
- }
- blockquote{
- border-left:1px solid #ccc;
- padding:3px 3px 3px 7px;
- }
- pre {
- white-space: pre-wrap;
- white-space: -moz-pre-wrap;
- white-space: -pre-wrap;
- white-space: -o-pre-wrap;
- word-wrap: break-word;
- }
- ::-webkit-scrollbar-thumb{
- background-color:{color:text};
- height:auto;
- }
- ::-webkit-scrollbar{
- height:auto;
- background-color:transparent;
- width:3px;
- }
- .posts{
- z-index:99999;
- }
- #posts{
- z-index:999;
- width:420px;
- height:auto;
- margin:0 auto;
- margin-top:50px;
- }
- .entry{
- margin-left:0px;
- padding:10px;
- z-index:999;
- text-align:left;
- font-size:11px;
- color:{color:text};
- height:auto;
- font-family:'trebuchet ms';
- width:400px;
- margin-bottom:{text:space between posts}px;
- background:{color:posts};
- transition:.5s ease-in-out;
- -webkit-transition:.5s ease-in-out;
- -moz-transition:.5s ease-in-out;
- -o-transition:.5s ease-in-out;
- }
- .entry img{
- transition:.5s ease-in-out;
- -webkit-transition:.5s ease-in-out;
- -moz-transition:.5s ease-in-out;
- -o-transition:.5s ease-in-out;
- width:400px;
- }
- .caption{
- padding:10px;
- background:{color:posts};
- color:{color:text};
- }
- .posttitle{
- color:{color:text};
- font-size:10px;
- text-transform:none;
- font-family:'trebuchet ms';
- letter-spacing:2px;
- text-align:left;
- font-weight:bold;
- padding:5px;
- }
- .posttitle a:hover{
- color:transparent;
- transition:.5s ease-in-out;
- -webkit-transition:.5s ease-in-out;
- -moz-transition:.5s ease-in-out;
- -o-transition:.5s ease-in-out;
- }
- .link{
- font-size:13px;
- text-transform:none;
- letter-spacing:3px;
- padding-bottom:5px;
- text-align:center;
- border-bottom:1px solid {color:text};
- }
- .linkc blockquote{
- border-left:0px;
- margin:0px;
- padding:5px;
- }
- .quote{
- font-size:15px;
- font-family:'georgia';
- font-style:italic;
- text-align:center;
- }
- .quoter{
- text-align:right;
- text-transform:none;
- font-size:9px;
- }
- .audio{
- width:400px;
- overflow:hidden;
- background:{color:posts};
- text-align:center;
- }
- .audioplayer{
- z-index:9;
- max-width:27px;
- max-height:27px;
- border:1px solid {color:text};
- overflow:hidden;
- margin:0 auto;
- }
- .trackname{
- padding-top:5px;
- text-transform:none;
- letter-spacing:1px;
- text-align:center;
- }
- .asker, .asker a{
- background:{color:posts};
- text-align:right;
- margin-left:5px;
- padding:2px;
- padding-top:0px;
- padding-bottom:0px;
- color:{color:text};
- text-decoration:none;
- line-height:15px;
- height:15px;
- display:block;
- position:absolute;
- margin-top:-4px;
- }
- .question{
- width:380px;
- text-align:left;
- padding:10px;
- border:1px solid {color:text};
- text-transform:italic;
- background:{color:posts};
- line-height:12px;
- text-transform:none;
- display:inline-block;
- }
- .answer{
- text-align:left;
- padding:8px;
- margin-top:10px;
- width:383px;
- background:{color:posts};
- font-style:italic;
- }
- #entry:hover #info{opacity:1}
- #info{
- opacity:0;
- {block:permalinkpage}
- opacity:1;
- {/block:permalinkpage}
- background:rgba(255,255,255,{text:info opacity});
- width:100%;
- max-width:100%;
- overflow-x:auto;
- padding:10px;
- margin-top:3px;
- margin-left:-10px;
- float:left;
- color:{color:info};
- padding-bottom:3px;
- font-size:10px;
- letter-spacing:1px;
- text-transform:none;
- text-align:center;
- transition:.5s ease-in-out;
- -webkit-transition:.5s ease-in-out;
- -moz-transition:.5s ease-in-out;
- -o-transition:.5s ease-in-out;
- }
- #info a{text-decoration:none;color:{color:info};}
- #info a:hover{text-decoration:none;color:{color:info hover};}
- /*perma*/
- .entry:hover #tags{opacity:1}
- #tags{
- opacity:0;
- {block:permalinkpage}
- opacity:1;
- {/block:permalinkpage}
- font-family:'trebuchet ms';
- font-style:none;
- text-transform:none;
- line-height:12px;
- font-size:10px;
- text-align:left;
- -moz-transition-duration:.5s;
- -webkit-transition-duration:.5s;
- -o-transition-duration:.5s;
- width:400px;
- padding:5px 0px 5px 0px;
- margin-left:0px;
- bottom:200px;
- }
- a{color:{color:text}}
- #tags a{
- margin-right:5px;
- margin-top:5px;
- }
- #notes{
- {block:permalinkpage}
- text-align:left;
- width:400px;
- max-height:500px;
- overflow-y:auto;
- font-family:'trebuchet ms';
- font-size:9px;
- padding-top:7px;
- background:rgba(255,255,255,{text:opacity info});
- color:{color:text};
- margin:0 auto;
- line-height:13px;
- margin-left:0px;
- {/block:permalinkpage}
- }
- ol.notes {
- padding:0px;
- margin-left:5px;
- list-style-type:none;
- }
- ol.notes li.note img.avatar {
- display:none;
- }
- ol.notes li.note span.action {
- font-weight:bold;
- }
- ol.notes li.note .answer_content {
- font-weight:normal;
- }
- ol.notes li.note blockquote {
- }
- ol.notes li.note blockquote a {
- text-decoration:none;
- }
- #notes li {
- list-style-type:none;}
- @font-face {font-family:'Raleway';font-style:normal;font-weight:100;src:local('Raleway Thin'), local('Raleway-Thin'), url(http://themes.googleusercontent.com/static/fonts/raleway/v7/RJMlAoFXXQEzZoMSUteGWD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
- #credit a{z-index:9999999999999999999; font-family:'Raleway';color:#000;position:fixed;right:15px; text-transform:none;font-size:12px;bottom:10px;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;text-decoration:none;}
- #credit a:hover{color:#000;font-size:30px;}
- #head{
- margin-top:50px;
- width:150px;
- margin-left:-220px;
- position:fixed;
- text-align:left;
- font-size:11px;
- }
- .ttl{
- font-size:14px;
- text-align:center;
- font-weight:bold;
- padding:5px 0px 5px 0px;
- }
- .pagination{
- position:absolute;
- margin-top:2px;
- }
- .pagination a{
- width:74px;
- height:20px;
- line-height:20px;
- display:inline-block;
- position:fixed;
- background:rgba(255,255,255,{text:sidebar opacity});
- color:{color:text};
- text-decoration:none;
- text-align:center;
- }
- .t{
- background:{color:frames};
- height:35px;
- width:100%;
- position:fixed;
- top:0px;
- left:0px;
- z-index:999;}
- .b{
- background:{color:frames};
- height:35px;
- width:100%;
- position:fixed;
- bottom:0px;
- left:0px;
- z-index:999;}
- .l{
- background:{color:frames};
- height:100%;
- width:35px;
- position:fixed;
- top:0px;
- left:0px;
- z-index:999;}
- .r{
- background:{color:frames};
- height:100%;
- width:35px;
- position:fixed;
- top:0px;
- right:0px;
- z-index: 999;}
- /**/
- .ac-container{
- width: 150px;
- margin: 0 auto;
- text-align: left;
- }
- .ac-container label{
- text-align:center;
- font-family:'trebuchet ms';
- cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
- position: relative;
- z-index: 20;
- display: block;
- height: 30px;
- color: {color:sidebar titles};
- line-height: 30px;
- font-size: 14px;
- background: rgba(255,255,255,{text:sidebar menu opacity});
- }
- .ac-container label:hover{
- background: rgba(255,255,255,{text:sidebar menu opacity});
- }
- .ac-container input:checked + label,
- .ac-container input:checked + label:hover{
- background: rgba(255,255,255,{text:sidebar menu opacity});
- color: {color:sidebar titles};
- text-align:center;
- }
- .ac-container label:hover:after,
- .ac-container input:checked + label:hover:after{
- content: '';
- position: absolute;
- width: 24px;
- height: 24px;
- right: 13px;
- top: 7px;
- }
- .ac-container input:checked + label:hover:after{
- }
- .ac-container input{
- display: none;
- }
- .ac-container article{
- background: rgba(255, 255, 255,{text:sidebar opacity});
- margin-top: -1px;
- overflow: hidden;
- height: 0px;
- position: relative;
- z-index: 10;
- -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
- -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
- -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
- -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
- transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
- }
- .ac-container article p{
- font-style: italic;
- text-align:center;
- color: {color:text};
- line-height: 15px;
- font-size: 11px;
- padding: 20px;
- padding-bottom:5px;
- }
- .ac-container input:checked ~ article{
- -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
- -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
- -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
- -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
- transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
- }
- .ac-container input:checked ~ article.ac-small{
- height:140px;
- max-height: 140px;
- overflow-y:auto;
- }
- .links{text-align:center}
- .links a{
- text-decoration:none;
- width:100px;
- display:block;
- margin:0 auto;
- padding:5px;
- border-bottom:1px solid {color:links};
- color:{color:links};
- }
- .links a:hover{
- background:{color:links hover bg};
- color:{color:links hover};
- }
- </style>
- </head><body>
- {block:ifframes}
- <div class="t"></div>
- <div class="b"></div>
- <div class="l"></div>
- <div class="r"></div>
- {/block:ifframes}
- <div id="posts">
- <div id="head">
- <section class="ac-container">
- <div>
- <input id="ac-1" name="accordion-1" type="radio" checked />
- <label for="ac-1">{title}</label>
- <article class="ac-small" style="text-align:center">
- <p>{description}</p>
- </article>
- </div>
- <div>
- <input id="ac-2" name="accordion-1" type="radio" />
- <label for="ac-2">{text:links title}</label>
- <article class="ac-small">
- <div class="links">
- <a href="{text:link1}">{text:link1 title}</a>
- <a href="{text:link2}">{text:link2 title}</a>
- <a href="{text:link3}">{text:link3 title}</a>
- <a href="{text:link4}">{text:link4 title}</a>
- <a href="{text:link5}">{text:link5 title}</a>
- <a href="{text:link6}">{text:link6 title}</a>
- </div>
- </article>
- </div>
- {block:ifthirdbox}
- <div>
- <input id="ac-3" name="accordion-1" type="radio" />
- <label for="ac-3">{text:title3}</label>
- <article class="ac-small">
- <p>{text:box} </p>
- </article>
- </div>
- {/block:ifthirdbox}
- </section>
- {block:pagination}
- <div class="pagination">
- {block:previouspage}<a href="{previouspage}">{text:prev page}</a>{/block:previouspage}
- {block:nextpage}<a href="{nextpage}" style="position:fixed;margin-left:76px">{text:next page}</a>{/block:nextpage}
- </div>
- {/block:pagination}
- </div>
- <div class="posts">
- {block:Posts}
- <div class="entry">
- <div id="entry">
- {block:Text}
- {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <center>
- <span style="background:transparent">
- <a href="{Permalink}">
- <img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a></span></center>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <div class="quoter">— {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="link"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}
- <div class="linkc">{Description}</div>
- {/block:Description}
- {/block:Link}
- {block:Video}
- {Video-400}
- {/block:Video}
- {block:Chat}
- {block:Title}
- <div class="posttitle"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {block:Lines}
- {block:Label}
- <p><b> {Label}</b>
- {/block:Label}
- {Line}</p>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- {AudioEmbed-400}
- {block:AudioPlayer}
- <div class="audioplayer">
- {block:ifaudiowhite}
- {AudioPlayerWhite}
- {/block:ifaudiowhite}
- {block:ifaudioblack}
- {AudioPlayerblack}
- {/block:ifaudioblack}
- </div>
- {/block:AudioPlayer}
- <div class="trackname">
- {block:Artist}<strong style="text-transform:none">{Artist}</strong>{/block:Artist} -
- {block:TrackName}{TrackName}{/block:TrackName}
- {/block:permalinkpage}
- </div>
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="question">{Question}</div>
- <div class="asker"><span style="background:#fff;">{Asker}</span></div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- <div id="info">
- {block:notecount}{NoteCount} - {/block:notecount}<a href="{permalink}">{text:permalink}</a>
- <!--
- {block:RebloggedFrom} · <a href="{ReblogParentURL}">from</a>{/block:RebloggedFrom}{block:contentsource} · <a href="{SourceURL}">by</a>{/block:contentsource}-->
- <br>
- {block:HasTags}
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {block:permalinkpage}
- {block:PostNotes}
- <div id="notes">
- {PostNotes}
- </div>
- {/block:PostNotes}
- {/block:permalinkpage}
- </div>
- </div>
- {/block:Posts}
- </div></div></div>
- <div id="credit"><a href="http://eisenbrg.tumblr.com">BRG</a></div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement