Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!----------------------
- ✧・゚: *✧・゚:* \(◕△◕✿)/ *:・゚✧*:・゚✧
- (c) asschlin.tumblr.com
- please don't use this as a base
- or claim as your own....?
- ✧・゚: *✧・゚:* \(◕︿◕✿)/ *:・゚✧*:・゚✧
- ---------------------------->
- <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}
- <!-- DEAFULT VARIABLES -->
- <meta name="color:entry" content="#FFFFFF" />
- <meta name="color:link" content="#888888" />
- <meta name="color:link hover" content="#AAAAAA" />
- <meta name="color:text" content="#AAAAAA" />
- <meta name="color:1" content="#EDEDED">
- <meta name="color:2" content="#EDEDED">
- <meta name="color:3" content="#EDEDED">
- <meta name="color:4" content="#EDEDED">
- <meta name="color:5" content="#EDEDED">
- <meta name="color:6" content="#EDEDED">
- <meta name="text:linkA" content="">
- <meta name="text:linkA url" content="/">
- <meta name="text:linkB" content="">
- <meta name="text:linkB url" content="/">
- <meta name="text:linkC" content="">
- <meta name="text:linkC url" content="/">
- <meta name="text:drop down title" content="# DROP THE BASS">
- <meta name="text:drop down 1" content="DD. 01">
- <meta name="text:drop down 1 url" content="/">
- <meta name="text:drop down 2" content="DD. 02">
- <meta name="text:drop down 2 url" content="/">
- <meta name="text:drop down 3" content="DD. 03">
- <meta name="text:drop down 3 url" content="/">
- <meta name="text:drop down 4" content="DD. 04">
- <meta name="text:drop down 4 url" content="/">
- <meta name="text:drop down 5" content="DD. 05">
- <meta name="text:drop down 5 url" content="/">
- <meta name="text:drop down 6" content="DD. 06">
- <meta name="text:drop down 6 url" content="/">
- <meta name="image:sidebar" content="" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
- </script>
- <script>
- $(document).ready(function(){
- $("#more").click(function(){
- $("#morecontent").slideToggle("slow");
- });
- });
- </script>
- </head>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Noto+Sans' rel='stylesheet' type='text/css'>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <style type="text/css">
- ::-webkit-scrollbar-thumb{
- background-color: transparent;
- border: 2px solid transparent;
- height:auto;
- }
- ::-webkit-scrollbar {
- height:auto;
- width:0px;
- background-color: transparent;
- border:5px solid transparent;
- }
- body {
- text-align:justify;
- font-family:arial;
- font-size:9px;
- background-color:{color:background};
- color:#000;
- }
- a:link, a:visited {
- text-decoration: none;
- -webkit-transition: 0.3s linear;
- -moz-transition: 0.3s linear;
- -o-transition: 0.3s linear;
- transition: 0.3s linear;
- color:#000;
- }
- a:hover {
- color:{color:link hover};
- -webkit-transition: 0.3s linear;
- -moz-transition: 0.3s linear;
- -o-transition: 0.3s linear;
- transition: 0.3s linear;
- }
- a:link img {
- border:0px;
- background-color:transparent
- }
- h1 {
- color:#222222;
- font-family:arial;
- font-size:10px;
- text-transform:uppercase;
- letter-spacing:-1px;
- text-align:center;
- font-style:normal;
- font-weight:bold;}
- p {margin-top:7px; margin-bottom:7px;}
- ul {
- list-style:square
- }
- #blogtitle {
- padding: 3px 2px 3px 2px;
- margin-left:0px;
- margin-bottom:0px;
- color:#444444;
- font-size:19px;
- font-family:arial;
- letter-spacing:0px;
- font-weight: 600;
- text-transform:uppercase;
- text-align:center;
- line-height:90%;
- width:190px;
- -webkit-transition: 0.3s linear;
- -moz-transition: 0.3s linear;
- -o-transition: 0.3s linear;
- transition: 0.3s linear;}
- #blogtitle a:hover{color:{color:2};}
- #description {
- font-family:Arial;
- font-size:9px;
- text-align:center;
- width:190px;
- padding:5px;
- margin-left:auto;
- margin-right:auto;
- margin-bottom:5px;}
- #sidebar {
- position:fixed;
- left:170px;
- top:100px;
- width:203px;
- height:100%;
- background:transparent;
- overflow:hidden;
- text-align:center;}
- .image {
- text-align:left;
- width:203px;
- }
- .image img {
- width:200px;
- margin-top:-2px;
- margin-left:-5px;
- }
- .links {
- text-align:center;
- width:203px;
- margin-left:0px;
- padding-bottom:2px;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- transition: all 0.7s ease-in-out;
- border-bottom:1px solid #e9e7e7;}
- .links a{
- text-align:center;
- display:inline-block;
- width:57px;
- padding:4px;
- font-family:calibri;
- color:#777;
- font-size:8px;
- text-transform:uppercase;
- background:#f6f6f6;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;}
- .links a:hover{
- opacity:1;
- color:#fff;}
- .links2 {
- margin:10px 5px;
- height:auto;
- margin-left:0px;
- text-align:left;
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- -transition: all 0.7s ease-in-out;}
- .links2 a{
- display:inline-block;
- width:180px;
- background:#f6f6f6;
- padding:5px;
- border-left:4px solid #f4f4f4;
- text-align:center;
- margin-bottom:3px;
- font-family:calibri;
- font-size:8px;
- letter-spacing:1px;
- text-transform:uppercase;
- color:#777;}
- .links2 a.hover1:hover {color:{color:1};border-left:4px solid {color:1};}
- .links2 a.hover2:hover {color:{color:2};border-left:4px solid {color:2};}
- .links2 a.hover3:hover {color:{color:3};border-left:4px solid {color:3};}
- .links2 a.hover4:hover {color:{color:4};border-left:4px solid {color:4};}
- .links2 a.hover5:hover {color:{color:5};border-left:4px solid {color:5};}
- .links2 a.hover6:hover {color:{color:6};border-left:4px solid {color:6};}
- #more {margin-top:5px; margin-left:-5px;}
- #more a {
- cursor:pointer;
- padding: 3px 2px 3px 2px;
- margin-left:0px;
- margin-top:5px;
- color:#444444;
- font-size:18px;
- font-family:arial;
- letter-spacing:-2px;
- font-weight: 600;
- text-transform:uppercase;
- text-align:center;
- line-height:90%;
- width:203px;}
- #morecontent {
- text-transform:none;
- display:none;}
- .page {
- opacity:1;
- text-align:center;
- width:200px;
- margin-top:3px;
- margin-left:0px;
- -webkit-transition:0.5s linear;
- }
- .page a {
- color:#777;
- display:inline-block;
- text-transform:lowercase;
- background:#f8f8f8;
- font-family:arial;
- font-style:normal;;
- font-size:9px;
- width:10px;
- text-align:center;
- height:10px;
- padding:5px;
- }
- #box {
- width:500px;
- text-align:justify;
- padding:15px;
- font-size: 9px;
- height: auto;
- margin-left:450px;
- margin-top:20px;
- color: #000;
- background-color:{color:entry};
- }
- blockquote {
- margin-left:5px;
- padding-left:5px;
- border-left: 2px solid #e4e4e4
- }
- .quote {
- font-family:Arial;
- font-size:11px;
- font-style:normal;
- text-align: center;
- text-transform:uppercase;
- font-weight:600;
- color:{color:2};
- }
- .text {
- font-family:Arial;
- font-size:11px;
- font-style:normal;
- text-align: center;
- text-transform:uppercase;
- font-weight:600;
- color:{color:5};}
- .from {
- font-size:10px;
- font-family:times;
- text-align:left;
- }
- .chat {
- padding:3px;
- background-color:{color:background};
- margin-bottom:3px}
- .audio{
- background-color:#fff;
- height:64px;
- display:block}
- .audioback {
- margin-left:65px;
- z-index:99;
- display:block;
- }
- #asker {
- padding:5px;
- padding-bottom:10px;
- padding-left:10px;
- text-align:left;
- color:#000;
- line-height:100%;}
- #asker img {
- margin-left:-2px;
- margin-bottom:-9px;
- padding:2px;}
- #answer {
- text-align:left;
- padding:8px;
- color:#000;}
- .info {
- font-weight:normal;
- text-transform:lowercase;
- font-size:9px;
- background:transparent;
- padding-top:6px;
- padding-left:4px;
- text-align:left;
- word-spacing:2px;
- width:100%;
- }
- .tags {
- padding-top:5px;
- padding-left:0px;
- opacity:0;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- .tags a, .tags a:hover {
- font-size:9px;
- text-transform:lowercase;
- background:#f8f8f8;
- text-decoration:none;
- margin-left:-5px;
- padding:1px 2px 1px 2px;}
- #box:hover .tags{
- opacity:1;
- -moz-transition-duration:1s;
- -webkit-transition-duration:1s;
- -o-transition-duration:1s;}
- ol.notes, .notes li {padding:2px;list-style:none; margin-top:10px;text-align:justify;}
- .notes img {width: 7px;padding-right:2px;}
- #credit a {
- position:fixed;
- bottom:8px;
- right:8px;
- font-family:calibri;
- font-size:8px;
- color:#777;
- text-transform:uppercase;
- background-color:#f9f9f9;
- padding:4px;
- letter-spacing:0px;
- border:1px solid #f3f3f3;}
- #credit a:hover {
- background-color:{color:2};
- color:#555;}
- </style>
- <body>
- <div id="sidebar">
- <div id="blogtitle"><a>{title}</a></div>
- <span class="image"><img src="{image:sidebar}"/></span>
- <div id="description">
- {Description}
- </div>
- <div class="links">
- <a href="{text:linkA url}">{text:linkA}</a>
- <a href="{text:linkB url}">{text:linkB}</a>
- <a href="{text:linkC url}">{text:linkC}</a>
- </div>
- <div id="more"><a>{text:drop down title}</a></div>
- <div id="morecontent"><p>
- <div class="links2">
- <a href="{text:drop down 1 url}" class="hover1">{text:drop down 1}</a>
- <a href="{text:drop down 2 url}" class="hover2">{text:drop down 2}</a>
- <a href="{text:drop down 3 url}" class="hover3">{text:drop down 3}</a>
- <a href="{text:drop down 4 url}" class="hover4">{text:drop down 4}</a>
- <a href="{text:drop down 5 url}" class="hover5">{text:drop down 5}</a>
- <a href="{text:drop down 6 url}" class="hover6">{text:drop down 6}</a>
- </div></div>
- {block:Pagination}
- <div class="page">
- {block:PreviousPage}
- <a href="{PreviousPage}">-</a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">+</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div> <!-- sidebar -->
- <br><br>
- {block:Posts}
- <div id="box">
- {block:Text}
- {block:Title}<div class="text">{title}</div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div id="photoset">
- {Photoset-500}
- </div>
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
- {block:Lines}
- <div class="chat">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}<br></div>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- <img src="http://static.tumblr.com/hsl9jor/anpma2l8t/white.png" width="64px" style="position:absolute">
- {block:AlbumArt}<img src="{AlbumArtURL}" width="64px" style="position:absolute;">{/block:AlbumArt}
- <div class="audio"><div class="audioback">{AudioPlayerBlack}</div></div>
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Quote}
- <div class="quote">
- “{Quote}”</div>
- <div class="from">
- — {block:Source}{Source}{/block:Source}</div><br>
- {/block:Quote}
- {block:Answer}<div id="asker"><img src="{AskerPortraitURL-16}"> <span style="text-align:lowercase; color:black; "><i>{Asker}</i></span>: {Question}</div><div id="answer">{Answer}</div>{/block:answer}
- <div class="info">
- {block:Date}
- <a href="{Permalink}">
- <span style="text-decoration:underline">
- {Month} {DayOfMonth}{DayOfMonthSuffix}</span></a>
- {/block:Date}
- {block:NoteCount}
- <a href="{Permalink}">
- {NoteCountWithLabel}</a>
- {/block:NoteCount}
- {block:ContentSource}
- <a href="{SourceURL}">source</a>
- {/block:ContentSource}
- <div class="tags">
- {block:HasTags}
- tagged:
- {block:Tags}
- <a href="{TagURL}">{Tag}</a>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div></div></div>
- {/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="credit">
- <a href="http://keciasthemes.tumblr.com/">ASCHLN</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement