Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <!--
- •–––– theme by abby / craicshelley ––––•
- all the usual theme rules apply, but just to recap (I would hate to have to send my flying monkeys after you, because you're lovely):
- → don't remove the credit or claim as your own
- → don't use as a base code. the base code i used to make this is from adoredash
- protips !!!
- → the color option "quotemarks" is the color of the quotation mark behind quote posts. that is the one place that it shows up.
- → for the love of god and chicken nuggets, don't touch the "h6" part of the code. that would mess with the aforementioned quotation marks
- → wanna make the links stop doing that expanding thing? search for "letter-spacing" and delete that. likewise, you can change the number of pixels they expand instead of geting rid of it entirely
- → colour palettes!!! http://pltts.me/ or http://www.colourlovers.com/ or http://www.color-hex.com are are awesome resources!
- and remember !!! if you get stuck and need help, just shoot me an ask and I'll try my best to help you !!!
- -->
- <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="color:text" content="#5c5863"/>
- <meta name="color:link" content="#7ca2a2"/>
- <meta name="color:quote" content="#7ca2a2"/>
- <meta name="color:hover" content="#808c8f"/>
- <meta name="color:selection" content="#808c8f"/>
- <meta name="color:quotemarks" content="#888888"/>
- <meta name="color:scrollbar" content="#b4dec1"/>
- <meta name="color:linkbg" content="#102029"/>
- <meta name="color:infobg" content="#b4dec1"/>
- <meta name="color:bg" content="#ffffff"/>
- <meta name="image:sidebar" content=""/>
- <meta name="text:link url" content="/">
- <meta name="text:link title" content="navigation">
- <style type="text/css">
- ::-moz-selection {background-color:{color:selection};
- color:{color:bg};}
- ::selection {background-color:{color:selection};
- color:{color:bg};}
- ::-webkit-scrollbar {height: 6px;width: 4px;}
- ::-webkit-scrollbar-thumb {background-color:{color:scrollbar}; width: 4px;}
- ::-webkit-scrollbar-track{background-color:{color:bg}; width: 2px;}
- body {
- background-color:{color:bg};
- font-family:helvetica;
- font-size:10px;
- padding-bottom:5px;
- padding-top:0px;
- padding-right:0px;
- padding-left:0px;
- text-align:justify;
- color:{color:text};
- margin:0;
- }
- a {
- text-decoration:none;
- text-transform:uppercase;
- -moz-outline-style:none;
- color:{color:link};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease
- }
- a:hover {
- opacity:1;
- color:{color:hover};
- letter-spacing:2px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease
- }
- img {
- border:none;
- opacity: 1;
- }
- h1 {
- font-size:20px;
- text-align:center;
- color:{color:text};
- text-transform:uppercase;
- font-family:helvetica;
- font-weight:200;
- }
- h2 {
- font-size:17px;
- text-align:center;
- color:{color:text};
- text-transform:lowercase;
- font-family:helvetica;
- font-weight:200;
- }
- /*DON'T TOUCH THIS ONE (h6) OR YOU'LL MESS UP THE QUOTE THINGYS ON QUOTE POSTS!!! who needs 6 headers anyways thats why i picked h6*/
- h6 {
- font-size:40px;
- opacity: 0.60;
- line-height:50%;
- color:{color:quotemarks};
- margin-bottom:-10px;
- margin-top:-10px;
- z-index:-100000000;
- }
- blockquote {
- width: 490px;
- font-size:10px;
- text-transform: normal;
- line-height:10px;
- margin-left:0px;
- padding: 4px;
- padding-left:9px;
- border-left: 5px solid {color:linkbg};
- color: {color:text};
- }
- #sidebar {
- position:fixed;
- width:300px;
- margin-right:0px;
- margin-left:110px;
- margin-top:140px;
- margin-bottom:0px;
- opacity:1;
- }
- #sidebarimage {
- width:175px;
- height:300px;
- }
- #sidebarimage img {
- width:175px;
- height:300px;
- opacity:1;
- margin-left:-30px;
- padding-top:0px;
- padding-bottom:10px;
- padding-right:0px;
- padding-left:0px;
- }
- .desc {
- position:fixed;
- margin-top:-180px;
- margin-left:145px;
- font-family:helvetica;
- line-height:100%;
- font-size:10px;
- font-style:normal;
- width:150px;
- height:130px;
- overflow:auto;
- padding:9px;
- text-align:justify;
- text-transform:lowercase;
- background:{color:bg};
- z-index:-1;
- }
- .links {
- position:fixed;
- margin-top:-295px;
- margin-left:145px;
- width:150px;
- padding-bottom:5px;
- padding-top:5px;
- word-spacing:8px;
- line-height:200%;
- letter-spacing:3px;
- font-family:helvetica;
- font-size:11;
- color:{color:link};
- text-align:justify;
- text-transform:uppercase;
- }
- .links a {
- font-size: 10px;
- border-left: 5px solid {color:linkbg};
- color:{color:link};
- width:150px;
- height:15px;
- padding-top:5px;
- padding-bottom:5px;
- padding-left:5px;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .links a:hover {
- color:{color:hover};
- border-left: 8px solid {color:linkbg};
- letter-spacing:6px;
- padding-top:8px;
- padding-bottom:8px;
- padding-left:5px;
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- .pagi {
- margin-right:-170px;
- margin-top:-13px;
- font-family:helvetica;
- font-size:10px;
- text-align:center;
- text-transform:uppercase;
- z-index:1;
- }
- .pagi a {
- font-size:10px;
- letter-spacing:2px;
- }
- .pagi a:hover {
- letter-spacing:4px;
- }
- /*-----ENTRIES-----*/
- #entries {
- padding:10px;
- padding-bottom:5px;
- width:500px;
- margin-left:450px;
- margin-top:50px;
- font-size:10px;
- margin-bottom:50px;
- }
- #posts {
- width:500px;
- padding-bottom:20px;
- padding:10px;
- margin-top:20px;
- background-color:{color:bg};
- }
- #info {
- width:500px;
- padding-top:5px;
- padding-bottom:8px;
- padding-left:8px;
- font-size:10px;
- margin-left:-1px;
- font-style:normal;
- text-transform:uppercase;
- text-align:left;
- border-top: 2px solid {color:infobg};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #info a{
- margin-top:-20px;
- color:{color:text};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- #info a:hover{
- color:{color:bg};
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .tags {
- font-family:helvetica;
- width:500px;
- line-height:100%;
- text-align:left;
- padding-top:7px;
- text-transform: lowercase;
- font-size:8px;
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- .notes {
- text-transform:normal;
- letter-spacing:0px;
- font-size:9px;
- margin-top:20px;
- font-style:normal;
- margin-left:-20px;
- text-align:left;
- line-height:30px;
- }
- .notes img{
- padding:2px;
- border:1px solid #eee;
- margin-bottom:-4px;
- -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;
- }
- .notes img:hover {opacity: 0.6;
- -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;}
- .quote {
- font-size:20px;
- font-family:helvetica;
- font-style:normal;
- line-height:17px;
- margin-bottom:15px;
- text-transform:uppercase;
- text-align:center;
- font-weight:normal;
- font-style:none;
- color:{color:quote};
- z-index:2;
- }
- .quotesource {
- font-size:11px;
- text-align:center;
- font-style:none;
- text-transform:lowercase;
- font-family:helvetica;
- margin-bottom:5px;
- color:{color:text};
- z-index:2;
- }
- #albumimg {
- }
- #albumimg img {
- width:75px;
- height:75px;
- padding:0px;
- }
- .ask {
- font-size:20px;
- font-family:helvetica;
- letter-spacing:-2px;
- font-weight:bold;
- text-align:center;
- padding:6px;
- text-transform:uppercase;
- z-index:2;
- }
- .question {
- letter-spacing:0px;
- margin-top:-12px;
- text-transform:uppercase;
- padding:4px;
- text-align:center;
- color:{color:Text};
- z-index:2;
- }
- .answer {
- width:500px;
- letter-spacing:0px;
- text-align:justify;
- padding-top:5px;
- margin-bottom:1px;
- color:{color:Text};
- z-index:2;
- }
- .user_1 .label {color:{color:linkbg}; font-weight:normal; font-style:italic; text-transform:uppercase;}
- .user_2 .label {color:{color:link}; font-weight:normal; font-style:italic; text-transform:uppercase; }
- .user_3 .label {color:{color:linkbg}; font-weight:normal; font-style:italic; text-transform:uppercase;}
- .user_4 .label {color:{color:link}; font-weight:normal; font-style:italic; text-transform:uppercase; }
- .user_5 .label {color:{color:linkbg}; font-weight:normal; font-style:italic; text-transform:uppercase; }
- .user_6 .label {color:{color:link}; font-weight:normal; font-style:italic; text-transform:uppercase; }
- .ul.chat {}
- .chat ol {}
- .chat li {list-style:none; margin-left:-38px; padding:2px; font-family: helvetica; font-style: none; font-size: 10px; }
- #cred{
- float:right;
- position:fixed;
- bottom:5px;
- right:10px;
- padding:7px;
- font-size:8px;
- text-align:center;
- line-height:210%;
- text-transform:uppercase;
- }
- #cred a{
- padding:7px;
- color:#A4A4A4;
- }
- #cred a:hover{
- color:#fff;
- padding:7px;
- background-color:{color:hover};
- opacity: 0.50;
- }
- #credimage {
- float:right;
- position:fixed;
- bottom:10px;
- right:10px;
- padding:7px;
- width:75px;
- }
- #credimage img{
- width:75px;
- }
- #credimage img:hover {
- opacity: 0.50;
- -webkit-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- }
- {CustomCSS}</style></head><body>
- <div id="sidebar">
- <div id="sidebarimage"><img src="{image:sidebar}"></div>
- <div class="desc">
- {Description}
- </div>
- <div class="links">
- <a href="/">home</a><br><br>
- <a href="/ask">ask</a><br><br>
- <a href="{text:link url}">{text:link title}</a>
- </div>
- {block:Pagination}
- <div class="pagi">
- {block:PreviousPage}
- <a href="{PreviousPage}">last</a>
- {/block:PreviousPage}
- ||
- {block:NextPage}
- <a href="{NextPage}"> next</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="entries">{block:Posts}<div id="posts">
- {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}<div class="quote"><h6>❝</h6>{Quote}</div>{block:Source} <div class="quotesource">—{Source}</div>{/block:Source}{/block:Quote}
- {block:Audio}<left><div id="albumimg">{block:AlbumArt}<img src="{AlbumArtURL}" width="75px" height="75px" align="left" style="margin-right:10px" />{/block:AlbumArt}</div></left>
- <div style="font-size:14px; font-weight:lighter; font-style:italic;">{block:TrackName}{TrackName}<br>{/block:TrackName}</div>
- {block:Artist}{Artist}<br>{/block:Artist}
- {block:PlayCount}{PlayCountWithLabel}<br>{/block:PlayCount}
- {/block:ExternalAudio}<br>
- <left><span class="audio">{AudioPlayerWhite}</left></span>
- {Caption}
- {/block:Audio}
- {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- {block:Chat}<ul class="chat">{block:Title}<h1>{Title}</h1>{/block:Title} {block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>{/block:Chat}
- {block:Answer}<div id="question"><span style="text-transform:uppercase"><center>{Asker} says:<br><br><i>"{Question}"</i></center></span></div>{Answer}{/block:Answer}
- <div id="info"><a href="{Permalink}">{block:Date}{DayOfMonthWithZero} {ShortMonth}, {Year}</a> || {TimeAgo} {/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
- {block:ContentSource}<br> <a href="{SourceURL}"> <a href="{SourceURL}">© {SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
- <br><a href="{Permalink}">{NoteCountWithLabel}</a>
- {block:HasTags}<div id="tags"><b>Tagged:</b> {block:Tags}<a href="{TagURL}">#{Tag},</a> {/block:Tags}</div>{/block:HasTags}</div></div>
- {/block:Posts}
- {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div></div>
- <div id="credimage"><a href="http://craicshelley.tumblr.com">
- <img src="https://31.media.tumblr.com/73a6dda48b42d893d854a75878612948/tumblr_nhfoj5inq71rs4m9po1_250.png"/></a></div></center>
- {block:ContentSource}
- <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
- width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
- {/block:ContentSource}
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement