Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <head>
- <!--
- FIREFLY © nicewarmbed.tumblr.com
- Please don't steal or use this code as a base.
- -->
- <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}
- <!-- APPEARANCE OPTIONS -->
- <meta name="color:Ask Background" content="#f1f1f1"/>
- <meta name="color:Background" content="#f1eeee"/>
- <meta name="color:Blog Title" content="#30bef8">
- <meta name="color:Description" content="#70706f" />
- <meta name="color:Entries" content="#fffffc"/>
- <meta name="color:Link" content="#87a8a5"/>
- <meta name="color:Link Hover" content="#df3e09" />
- <meta name="color:Mini Sidebar" content"#fafafa" />
- <meta name="color:Sidebar Border" content="#d6eedb" />
- <meta name="color:Sidebar Background" content="#3d3a3a" />
- <meta name="color:Sidebar Link" content="#279cfc" />
- <meta name="color:Sidebar Link Text" content="#faf8f8">
- <meta name="color:Text" content="#777777"/>
- <meta name="image:sidebar" content=""/>
- <meta name="if:Show Tags" content="1" />
- <meta name="if:Show Captions" content="0" />
- <meta name="if:Hide Blogtitle" content="0" />
- <meta name="if:Right Sidebar" content="0" />
- <meta name="text:Blogtitle" content="title here" />
- <meta name="text:Link 1" content="" />
- <meta name="text:Link 1 Title" content="" />
- <meta name="text:Link 2" content="" />
- <meta name="text:Link 2 Title" content="" />
- <meta name="text:Link 3" content="" />
- <meta name="text:Link 3 Title" content="" />
- <meta name="text:Link 4" content="" />
- <meta name="text:Link 4 Title" content="" />
- <meta name="text:Link 5" content="" />
- <meta name="text:Link 5 Title" content="" />
- <meta name="text:Link 6" content="" />
- <meta name="text:Link 6 Title" content="" />
- <!-- Title Font -->
- <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /********************* GENERAL *********************/
- body {
- color:{color:Text};
- background-color: {color:Background};
- background-attachment:fixed;
- background-repeat:repeat;
- font-family:'Georgia', 'Cambria';
- font-size:11px;
- line-height:110%;
- text-align:justify;
- }
- a:link, a:active, a:visited {
- text-decoration:none;
- color:{color:Link};
- transition-property:all;
- transition-duration:0.5s;
- transition-transition-timing-function:ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- }
- a:hover {
- text-decoration:none;
- color:{color:Link Hover};
- }
- img {
- border:none;
- }
- blockquote {
- padding-left:5px;
- border-left:2px solid {color:Ask Background};
- margin-right:5px;
- margin-left:10px;
- }
- blockquote img {
- border-width:0px;
- max-width:100%;
- }
- h1 {
- font-family:'Lobster';
- font-size:20px;
- font-weight:bold;
- line-height:90%;
- }
- ul {list-style:circle;}
- /********************* SCROLLBAR *********************/
- ::-webkit-scrollbar {
- width:5px;
- height:auto;
- }
- ::-webkit-scrollbar-track {
- opacity:0.8;
- background-color:{color:Background};
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:Blog Title};
- }
- /********************* SIDEBAR *********************/
- #sidebar {
- width:900px;
- height:900px;
- position:fixed;
- z-index:-100;
- {block:ifNotRightSidebar}
- left:-540px;
- {/block:ifNotRightSidebar}
- {block:ifRightSidebar}
- right:-540px;
- {/block:ifRightSidebar}
- top:-100px;
- bottom:-100px;
- border:20px solid {color:Sidebar Border};
- border-radius:900px;
- opacity:1;
- {block:ifNotRightSidebar}
- background:{color:Sidebar Background} url('{image:Sidebar}') top right repeat;
- {/block:ifNotRightSidebar}
- {block:ifRightSidebar}
- background:{color:Sidebar Background} url('{image:Sidebar}') top left repeat;
- {/block:ifRightSidebar}
- background-size:auto 800px;
- }
- #sidebarbar {
- padding:0px;
- {block:ifNotRightSidebar}
- left:50px;
- {/block:ifNotRightSidebar}
- {block:ifRightSidebar}
- right:50px;
- {/block:ifRightSidebar}
- margin-top:250px;
- position:fixed;
- z-index:0;
- opacity:1;
- visibility:visible;
- }
- #blogtitle {
- font-family:'Lobster';
- font-size:50px;
- color:{color:Blog Title};
- text-shadow:-4px 0px {color:Sidebar Border};
- text-align:right;
- line-height:80%;
- width:200px;
- padding-bottom:0px;
- margin-top:0px;
- position:relative;
- z-index:20;
- {block:ifHideBlogtitle}
- display:none;
- {/block:ifHideBlogtitle}
- }
- #dbox {
- width:200px;
- background-color:{color:Mini Sidebar};
- padding:50px 0px 50px 0px;
- margin-top:-1px;
- border-top:5px solid {color:Sidebar Border};
- position:relative;
- z-index:10;
- }
- #description {
- font-family:'Georgia', 'Cambria';
- font-size:9px;
- width:190px;
- color:{color:Description};
- padding:0px 5px 0px 5px;
- background-color:{color:Mini Sidebar};
- letter-spacing:1px;
- text-align:center;
- line-height:110%;
- }
- /********************* SIDEBAR MENU *********************/
- #menucontainer {
- width:200px;
- margin-top:-56px;
- {block:ifLink1}
- margin-top:-66px;
- {/block:ifLink1}
- {block:ifLink4}
- margin-top:-88px;
- {/block:ifLink4}
- z-index:-1;
- border-bottom:5px solid {color:Sidebar Border};
- position:relative;
- transition:all 0.8s ease-in-out;
- -webkit-transition:all 0.8s ease-in-out;
- -moz-transition:all 0.8s ease-in-out;
- -o-transition:all 0.8s ease-in-out;
- }
- #sidebarbar:hover #menucontainer{margin-top:0px;}
- #sidebarmenu {
- padding:0px 0px 0px 3px;
- }
- #sidebarmenu ul {margin:0px; padding:0px;}
- #sidebarmenu li {
- display:inline-block;
- list-style:none;
- padding:3px;
- }
- #sidebarmenu li a{
- display:block;
- font-family:'Consolas', 'Calibri';
- font-size:9px;
- line-height:120%;
- width:50px;
- text-align:center;
- text-transform:uppercase;
- overflow:hidden;
- padding:3px;
- border-radius:4px;
- color:{color:Sidebar Link Text};
- background-color:{color:Sidebar Link};
- transition:all 0.5s ease-in;
- -webkit-transition:all 0.5s ease-in;
- -moz-transition:all 0.5s ease-in;
- }
- #sidebarmenu li a:hover {color:{color:Sidebar Link};background-color:{color:Sidebar Link Text};}
- #themecred {
- position:fixed;
- {block:ifNotRightSidebar}
- right:10px;
- {/block:ifNotRightSidebar}
- {block:ifRightSidebar}
- left:10px;
- {/block:ifRightSidebar}
- bottom:10px;
- }
- #themecred a {
- color:#777777;
- background-color:#fafafa;
- font-family:'Consolas', 'Calibri';
- font-size:9px;
- letter-spacing:1px;
- padding:5px;
- border-radius:5px;
- }
- #themecred a:hover {color:white; background-color:#777777;}
- /***************** GENERAL POST THINGS *****************/
- .entries {
- width:520px;
- {block:ifNotRightSidebar}
- margin-left:500px;
- {/block:ifNotRightSidebar}
- {block:ifRightSidebar}
- margin-left:150px;
- {/block:ifRightSidebar}
- margin-top:0px;
- padding-bottom:20px;
- }
- #posts{
- width:500px;
- padding:10px;
- background-color:{color:Entries};
- font-family:'Georgia', 'Cambria';
- font-size:11px;
- letter-spacing:1px;
- line-heignt:110%;
- word-wrap:break-word;
- border:4px double {color:Sidebar Border};
- }
- #info {
- font-family:'Consolas', 'Calibri';
- color:{color:Text};
- font-size:10px;
- text-transform:uppercase;
- text-align:center;
- line-height:120%;
- padding:10px;
- width:500px;
- margin-top:0px;
- }
- .tags {
- font-family:'Georgia', 'Cambria';
- color:{color:Text};
- font-size:10px;
- text-align:left;
- line-height:120%;
- padding:5px;
- letter-spacing:1px;
- opacity:1;
- transition:all 0.5s ease-in;
- -webkit-transition:all 0.5s ease-in;
- -moz-transition:all 0.5s ease-in;
- -o-transition:all 0.5s ease-in;
- }
- #notes {
- font-family:'Georgia', 'Cambria';
- font-size:10px;
- text-align:left;
- line-height:120%;
- padding:10px;
- width:500px;
- background-color:{color:Entries};
- border:4px double {color:Sidebar Border};
- }
- #notes img {border:3px solid {color:Background};}
- /******************** POST SPECIFICS ********************/
- /********************* QUOTE *********************/
- #quotation {
- font-family:'Georgia', 'Cambria';
- font-size:75px;
- color:{color:Sidebar Border};
- margin-top:10px;
- padding:10px;
- opacity:0.3;
- }
- #quote {
- width:400px;
- font-family:'Georgia', 'Cambria';
- font-size:20px;
- line-height:110%;
- text-align:left;
- margin-left:70px;
- margin-top:-35px;
- opacity:0.5;
- }
- #quotesource {
- font-family:'Georgia', 'Cambria';
- font-size:11px;
- text-align:right;
- color:{color:Text};
- }
- /********************* CHAT *********************/
- .lines {
- font-family:'Georgia', 'Cambria';
- font-size:11px;
- padding:5px;
- line-height:100%;
- width:490px;
- }
- .chat {
- line-height:100%;
- list-style:none;
- padding:3px;
- }
- .label {
- font-family:'Consolas', 'Calibri';
- text-transform:uppercase;
- font-weight:bold;
- color:{color:Link};
- }
- .user {
- padding:3px;
- border-bottom-width:1px;
- border-bottom-style:solid;
- border-bottom-color:{color:Background};
- }
- /******************** AUDIO ********************/
- #audio {
- width:500px;
- height:85px;
- padding:5px;
- display:inline-block;
- }
- #container {
- width:65px;
- height:65px;
- margin-left:0px;
- background-color:gray;
- padding:5px;
- position:relative;
- border:10px solid {color:Sidebar Border};
- }
- #playercircle {
- width:100%;
- height:100%;
- background-color:white;
- opacity:0;
- z-index:3;
- position:absolute;
- top:0;
- left:0;
- transition:all 0.6s ease-in;
- -webkit-transition:all 0.6s ease-in;
- -moz-transition:all 0.6s ease-in;
- -o-transition:all 0.6s ease-in;
- }
- #playercircle:hover {
- opacity:1;}
- #audioplayer {
- overflow:hidden;
- margin-left:24px;
- margin-top:24px;
- width:30px;
- border-radius:30px;
- }
- #albumart {
- height:100%;
- width:100%;
- position:absolute;
- top:0;
- left:0;
- background:url('http://static.tumblr.com/usmt0o2/cJXmjhvkz/music-icon-100.png');
- background-size:65px;
- }
- #box {
- width:370px;
- height:75px;
- margin-top:-95px;
- margin-right:10px;
- padding:10px;
- float:right;
- background-color:{color:Ask Background};
- }
- .details {
- margin-left:0px;
- width:370px;
- font-size:11px;
- margin-top:15px;
- margin-bottom:4px;
- text-align:center;
- }
- /********************* ASKS *********************/
- #askbox {
- width:480px;
- padding:10px;
- background-color:{color:Ask Background};
- min-height:50px;
- }
- #askericon img {
- width:40px;
- border:5px solid {color:Sidebar Border};
- float:left;
- margin-right:10px;
- margin-bottom:10px;
- }
- #asker {
- font-family:'Lobster';
- font-size:20px;
- height:40px;
- padding-top:10px;
- margin-right:10px;
- margin-bottom:10px;
- text-align:center;
- float:left;
- }
- #question {
- width:480px;
- font-family:'Georgia', 'Cambria';
- font-size:10px;
- text-align:left;
- padding-top:5px;
- }
- #answer {
- width:500px;
- font-family:'Georgia', 'Cambria';
- font-size:10px;
- text-align:left;
- }
- /********************* PAGINATION *********************/
- #pagination {
- width:520px;
- height:14px;
- font-family:'Georgia', 'Cambria';
- font-size:10px;
- font-style:italic;
- margin-top:30px;
- border:4px double {color:Sidebar Border};
- }
- #previous a {
- padding:2px 5px 2px 5px;
- color:{color:Text};
- text-align:center;
- float:left;
- }
- #previous a:hover {background-color:{color:Entries};}
- #next a {
- padding:2px 5px 2px 5px;
- color:{color:Text};
- text-align:center;
- float:right;
- }
- #next a:hover {background-color:{color:Entries};}
- {CustomCSS}
- </style>
- </head>
- <body>
- <!---------------------SIDEBAR---------------------->
- <div id="sidebar"></div>
- <div id="sidebarbar">
- <a href="/"><div id="blogtitle">{text:Blogtitle}</div></a>
- <div id="dbox">
- <div id="description">{Description}</div>
- </div>
- <!-------Menu--------->
- <div id="menucontainer">
- <ul id="sidebarmenu">
- <li><a href="/">Home</a></li>
- <li><a href="/ask">Ask</a></li>
- <li><a href="/archive">Archive</a></li>
- <br>
- {block:ifLink1}<li><a href="{text:Link 1}">{text:Link 1 Title}</a></li>{/block:ifLink1}
- {block:ifLink2}<li><a href="{text:Link 2}">{text:Link 2 Title}</a></li>{/block:ifLink2}
- {block:ifLink3}<li><a href="{text:Link 3}">{text:Link 3 Title}</a></li>{/block:ifLink3}
- <br>
- {block:ifLink4}<li><a href="{text:Link 4}">{text:Link 4 Title}</a></li>{/block:ifLink4}
- {block:ifLink5}<li><a href="{text:Link 5}">{text:Link 5 Title}</a></li>{/block:ifLink5}
- {block:ifLink6}<li><a href="{text:Link 6}">{text:Link 6 Title}</a></li>{/block:ifLink6}
- </ul>
- </div>
- <!-------END MENU--------->
- </div>
- <div id="themecred"><a href="http://nicewarmbed.tumblr.com"> NICEWARMBED ✿</a></div>
- <!-----------------------ENTRIES----------------------->
- <div class="entries">
- {block:Posts}
- <br><br><br>
- <!-------------------------POSTS------------------------>
- <div id="posts">
- <!-------------------------TEXT------------------------->
- {block:Text}
- {block:Title}
- <h1>
- <a href="{Permalink}">
- {Title}
- </a>
- </h1>
- {/block:Title}
- {Body}
- {/block:Text}
- <!------------------------PHOTO------------------------>
- {block:Photo}
- {LinkOpenTag}
- <center><img src="{PhotoURL-500}"></center>
- {LinkCloseTag}
- {block:ifShowCaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:ifShowCaptions}
- {/block:Photo}
- <!-----------------------PHOTOSET----------------------->
- {block:Photoset}
- {Photoset-500}
- {block:ifShowCaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:ifShowCaptions}
- {/block:Photoset}
- <!-------------------------QUOTE------------------------->
- {block:Quote}
- <div id="quotation">❝</div>
- <div id="quote">
- {Quote}
- <br>
- <br>
- <div id="quotesource">
- {block:Source} —{Source}{/block:Source}
- </div>
- </div>
- {/block:Quote}
- <!-------------------------LINK-------------------------->
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:ifShowCaptions}
- {block:Description}
- {Description}
- {/block:Description}
- {/block:ifShowCaptions}
- {/block:Link}
- <!-------------------------CHAT-------------------------->
- {block:Chat}
- {block:Title}
- <h1><a href="{Permalink}">{Title}</a></h1>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- <span class="lines">{Line}</span>
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- <!-------------------------AUDIO------------------------->
- {block:Audio}
- <div id="audio">
- <div id="container">
- <div id="albumart">
- {block:AlbumArt}
- <img src="{AlbumArtURL}" width="100%" height="100%" style=" margin-top:0px;">
- {/block:AlbumArt}
- </div>
- <div id="playercircle">
- <div id="audioplayer">
- {AudioPlayerWhite}
- </div>
- </div>
- </div>
- <div id="box">
- <div class="details">
- <b>{PlayCountWithLabel}</b>
- </div>
- <div class="details">
- {block:TrackName}"{TrackName}" // {/block:TrackName}
- {block:Artist}{Artist} //{/block:Artist}
- {block:Album}<i>{Album}</i>{/block:Album}
- </div>
- </div>
- </div>
- <br>
- <br>
- {block:ifShowCaptions}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:ifShowCaptions}
- {/block:Audio}
- <!-------------------------VIDEO------------------------->
- {block:Video}
- {Video-500}
- {block:ifShowCaptions}
- {block:Caption}{Caption}{/block:Caption}
- {/block:ifShowCaptions}
- {/block:Video}
- <!-------------------------ASK------------------------->
- {block:Answer}
- <div id="askbox">
- <div id="askericon"><img src="{AskerPortraitURL-96}"></div>
- <div id="asker">{Asker}<br><span style="font-family:'Georgia';font-size:10px;">asked:</span></div>
- <div id="question">{Question}</div>
- </div>
- <br>
- <br>
- <div id="answer">{Answer}</div>
- {/block:Answer}
- <!------------------------End Posts------------------------>
- </div>
- <!------------------------TAGS------------------------>
- {block:ifShowTags}
- <div class="tags">
- <a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:HasTags}➢
- {block:Tags}
- <i><a href="{TagUrl}"> {Tag} -</a></i>
- {/block:Tags}
- {/block:HasTags}
- </div>
- {/block:ifShowTags}
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- <!------------------PERMALINK PAGE--------------->
- {block:PermalinkPage}
- <div id="info">
- {block:Date}Posted on {ShortMonth}. {DayofMonthWithZero}, {Year}{/block:Date}
- <br>
- {block:RebloggedFrom}
- reblogged via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
- <br>
- originally posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a>
- {/block:RebloggedFrom}
- </div>
- <div id="notes">
- {block:PostNotes}{PostNotes-16}{/block:PostNotes}
- </div>
- {/block:PermalinkPage}
- <!------------------------------------------------>
- <!------------------------End Entries------------------------>
- {/block:Posts}
- <!------------- Pagination ------------->
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <span id="previous"><a href="{PreviousPage}">⟵ previous</a></span>
- {/block:PreviousPage}
- {block:NextPage}
- <span id="next"><a href="{NextPage}">next ⟶</a></span>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement