Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <script type="text/javascript"
- src="http://codysherman.com/tools/infinite-scrolling/code" ></script
- <head>
- <link href='https://fonts.googleapis.com/css?family=Give+You+Glory' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Glass+Antiqua' rel='stylesheet' type='text/css'>
- <!-- This is the title that appears at the top of the page of in the little tab -->
- <title>{Title}</title>
- <!-- This is the little icon that appears on the top of the page in the little tab -->
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <!-- "FOR THE LOVER IN YOU" by youainshitrps
- Tthis is all my coding. So please don't steal. -->
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <!-- these are meta tags, they show up in the customize section for easy customization of theme colors, links, images, etc -->
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:topbar" content="#eeeeee">
- <meta name="color:header" content="#eeeeee">
- <meta name="color:text" content="#333333"/>
- <meta name="color:blog title" content="#ffffff"/>
- <meta name="color:accent" content="#333333"/>
- <meta name="color:links" content="#5b5b5b"/>
- <meta name="color:links hover" content="#c9c9c9"/>
- <meta name="color:scrollbar bg" content="#ffffff"/>
- <meta name="color:bold" content="#ccdd66"/>
- <meta name="color:italic" content="#dfea98"/>
- <meta name="color:subtitle" content="#ffffff"/>
- <meta name="color:pagination background" content="#000000"/>
- <meta name="color:description text" content="#ffffff"/>
- <meta name="color:ask bubble" content="#ebf1c2"/>
- <meta name="color:pre text" content="#ffffff"/>
- <meta name="color:pre color" content="#000000"/>
- <meta name="color:links cont background" content="#007dc7">
- <meta name="color:scrollbar" content="#eeeeee">
- <meta name="text:signature" content="signature">
- <meta name="image:header" content=""/>
- <meta name="image:background image" content=""/>
- <meta name="image:sidetitles" content=""/>
- <meta name="image:logo" content=""/>
- <meta name="image:logo2" content=""/>
- <meta name="image:logo3" content=""/>
- <meta name="image:logo4" content=""/>
- <meta name="image:logo5" content=""/>
- <meta name="text:link one" content="link">
- <meta name="text:link one url" content="/">
- <meta name="text:link two" content="link">
- <meta name="text:link two url" content="/">
- <meta name="text:link three" content="link">
- <meta name="text:link three url" content="/">
- <meta name="text:link four" content="link">
- <meta name="text:link four url" content="/">
- <meta name="text:link five" content="link">
- <meta name="text:link five url" content="/">
- <meta name="text:extra box one title" content="Extra box">
- <meta name="text:extra box one content" content="Extra box">
- <meta name="text:extra box two title" content="Extra box">
- <meta name="text:extra box two content" content="Extra box">
- <meta name="text:extra box three title" content="Extra box">
- <meta name="text:extra box three content" content="Extra box">
- <meta name="text:extra box four title" content="Extra box">
- <meta name="text:extra box four content" content="Extra box">
- <meta name="text:extra box five title" content="Extra box">
- <meta name="text:extra box five content" content="Extra box">
- <meta name="text:extra box six title" content="Extra box">
- <meta name="text:extra box six content" content="Extra box">
- <meta name="text:extra box seven title" content="Extra box">
- <meta name="text:extra box seven content" content="Extra box">
- <meta name="text:extra box eight title" content="Extra box">
- <meta name="text:extra box eight content" content="Extra box">
- </head>
- <style type="text/css">
- ::-webkit-scrollbar {
- width: 5px;
- height: 2px;
- background-color:{color:scrollbar bg};
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar} ;
- }
- /* This is the overall content, fonts and colors of the general content */
- body {
- background: {color:background};
- font-family: 'Ariel', sans-serif;
- color: {color:text};
- font-size: 11px;
- width:100%;
- }
- /* This is to change how text appears in different formats like bold, italic, headers etc */
- small {
- font-size: 9.5px;
- }
- big {
- font-size: 13px;
- }
- h1 {
- font-size:16px;
- letter-spacing 1px;
- text-transform: uppercase;
- text-align: center;
- }
- b,strong{
- color:{color:bold};
- }
- i,em{
- color:{color:italic};
- }
- a {
- color: {color:links};
- text-decoration: none;
- }
- a:hover {
- color:{color:hover};
- transition:all 0.5s ease-in-out;
- -o-transition:all 0.5s ease-in-out;
- -moz-transition:all 0.5s ease-in-out;
- -webkit-transition:all 0.5s ease-in-out;
- }
- img {
- border:none;
- }
- pre {
- font-family: 'PT Sans Narrow', sans-serif;
- font-size:10px;
- text-transform:uppercase;
- padding-left:8px;
- padding-right:8px;
- padding-top:1px;
- padding-bottom:1px;
- text-align:center;
- color:{color:pre text};
- background-color:{color:pre color};
- word-wrap:break-word;
- }
- h1 {
- font-size:15px;
- color:{color:subtitle};
- text-transform:uppercase;
- font-family: 'PT Sans Narrow', sans-serif;
- background-color:{color:background};
- padding:10px;
- font-style:bold, italic;
- text-align:center;
- }
- blockquote {
- border-left:1px solid {color:blockquote};
- padding-left:5px;
- margin-left:10px;
- margin-top:10px;
- }
- /* This is to edit how links appear through the blog (mostly within posts),you can also edit how links look when they are hovered or active */
- a {
- color: {color:links};
- text-decoration:none;
- -moz-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- }
- a:hover {
- color: {color:hover};
- letter-spacing: 1px;
- -moz-transition-duration:0.7s;
- -o-transition-duration:0.7s;
- -webkit-transition-duration:0.7s;
- }
- #title{
- position:absolute;
- color:{color:blog title};
- padding:5px;
- letter-spacing:3px;
- margin-top:-285px;
- margin-left:0px;
- font-weight:bold;
- font-family: 'Give You Glory', cursive;
- font-size:30px;
- text-align:center;
- width:525px;
- height:20px;
- text-transform:uppercase;
- text-shadow: 2px 1px 0px {color:drop shadow};
- }
- /*SIDEBAR*/
- #description {
- position:absolute;
- height:150px;
- width:350px;
- padding:5px;
- font-family: 'Glass Antiqua', cursive;
- font-size:18px;
- margin-top:-225px;
- margin-left:75px;
- text-align:justify;
- overflow:auto;
- color:{color:description text};
- }
- #signature {
- position:absolute;
- height:170px;
- width:150px;
- padding:5px;
- font-family: 'Give You Glory', cursive;
- font-size:71px;
- margin-top:-105px;
- margin-left:305px;
- text-align:justify;
- line-height:100%;
- overflow:auto;
- color:{color:description text};
- }
- #links {
- width:100%;
- font-size: 10px;
- margin-top:-10px;
- margin-left:-20px;
- position:fixed;
- position:center;
- text-transform: uppercase;
- background-color:{color:links cont background};
- text-decoration: none;
- padding: 5px;
- text-align: center;
- }
- #links a {
- letter-spacing: 1px;
- margin-right:100px;
- color:{color:background};
- }
- #links a:hover {
- color: {color:hover};
- letter-spacing: 5px;
- }
- /* this is the header & header image if you choose to have one */
- #header {
- width:150.8%;
- height:400px;
- background-image: url('{image:header}');
- background-color:{color:header};
- display:block;
- text-align: center;
- margin-left:-20px;
- }
- /* thi is to edit the features in the sidebar */
- #sidebar {
- width:340px;
- height:auto;
- padding:5px;
- margin-top:-540px;
- display:block;
- position:static;
- margin-left:15px;
- }
- /* this is how the titles in the sidebar boxes appears */
- #sidetitle {
- font-size:20px;
- background-color:{color:topbar};
- color:{color:description text};
- text-transform:uppercase;
- background-image: url('{image:sidetitles}');
- font-family: 'Give You Glory', cursive;
- text-align:center;
- padding:10px;
- margin-top:10px;
- }
- /* this is how the content in the sidebar boxes appears */
- #sidebox {
- max-height:250px;
- overflow:auto;
- border:1px solid {color:text};
- padding:10px 10px 10px 10px;
- text-align:center;
- margin-top:10px;
- font-size:15px;
- }
- #sidebar2 {
- width:343px;
- height:auto;
- padding:5px;
- margin-top:-470px;
- display:block;
- position:static;
- margin-left:890px;
- }
- /* this is how the titles in the sidebar boxes appears */
- #sidetitle {
- font-size:20px;
- background-color:{color:topbar};
- background-image: url('{image:sidetitles}');
- font-family: 'Give You Glory', cursive;
- color:{color:description text};
- text-align:center;
- padding:10px;
- margin-top:10px;
- }
- /* this is how the content in the sidebar boxes appears */
- #sidebox {
- max-height:250px;
- overflow:auto;
- border:1px solid {color:text};
- padding:10px 10px 10px 10px;
- text-align:center;
- margin-top:10px;
- font-size:15px;
- }
- /* these is the middle section where the posts appear */
- #entries {
- width:520px;
- padding:20px;
- height:500px;
- margin-left:360px;
- margin-top:20px;
- display:block;
- z-index:-1;
- }
- #post {
- width:500px;
- margin-bottom:40px;
- }
- /*----------QUOTE---------*/
- .quote {
- padding:10px;
- font-size:15px;
- }
- .quotesource {
- padding:10px;
- text-align:center;
- }
- /*----------CHAT---------*/
- .chat ol {
- padding:0;
- list-style:none;
- }
- .line {
- list-style:none;
- padding:5px 0;
- }
- .label {
- text-decoration:bold;
- }
- /*----------AUDIO---------*/
- .cover {
- position:relative;
- z-index:1;
- max-width:100px;
- padding:10px;
- float:left;
- }
- .playbutton {
- width:20px;
- height:30px;
- overflow:hidden;
- position:relative;
- z-index:2;
- }
- .playbox {
- background-color:#000;
- position:absolute;
- z-index:2;
- padding:15px 24px 13px 16px;
- margin-top:30px;
- margin-left:30px;
- opacity:0.5;
- }
- .trackdetails {
- padding:10px;
- width:auto;
- height:100px;
- margin-top:10px;
- margin-left:100px;
- }
- /*----------ASK---------*/
- .bubble {
- width:400px;
- position: relative;
- background:{color:ask bubble};
- left:60px;
- margin: 0;
- padding:10px;
- text-align:center;
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
- -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
- box-shadow: 0px 0 1px rgba(0,0,0,0);
- }
- .bubble:after {
- position: absolute;
- display: block;
- content: "";
- border-color: {color:ask bubble} transparent transparent transparent;
- border-style: solid;
- border-width: 15px 15px 0px;
- height:0;
- width:0;
- position:absolute;
- left:-15px;
- top:10px;
- }
- /*----------INFO---------*/
- .info {
- padding:10px;
- text-transform:uppercase;
- border-top:1px solid #eee;
- margin-top:25px;
- }
- .tags {
- margin-left:10px;
- margin-top:-5px;
- }
- .tags a {
- margin-right:10px;
- letter-spacing:1px;
- }
- /*----------POST NOTES---------*/
- ol.notes {
- padding:0px;
- margin:25px 0px 0px -10px;
- list-style-type:none;
- }
- ol.notes li.note {
- padding:10px;
- }
- ol.notes li.note img.avatar {
- vertical-align:-4px;
- margin-right:10px;
- width:16px;
- height:16px;
- }
- ol.notes li.note span.action {
- font-weight:none;
- }
- ol.notes li.note .answer_content {
- font-weight:normal;
- }
- ol.notes li.note blockquote {
- padding:4px 10px;
- margin:10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration:none;
- }
- /* this is what the pagination appears like */
- #pagination{
- width:fixed;
- bottom:15px;
- position:relative;
- margin-left:250px;
- border:1px solid #000;
- color:{color:links cont background};
- padding:3px;
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border:1px;
- font-size:14px;
- text-align:center;
- }
- /* this is what the theme credit appears like */
- #credit {
- text-align:center;
- position:fixed;
- bottom:10px;
- right:10px;
- width:15px;
- height:15px;
- padding:3px;
- text-shadow: 1px 0px 0px {color:drop shadow};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #credit:hover {
- background:transparent;
- transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -moz-transform: rotate(30deg);
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #credit a {
- text-decoration:none;
- font-size:25px;
- color:{color:hover links text};
- text-shadow: 1px 0px 0px {color:drop shadow};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #credit a:hover {
- color:{color:hover};
- transform: rotate(360deg);
- -ms-transform: rotate(360deg);
- -webkit-transform: rotate(360deg);
- -o-transform: rotate(360deg);
- -moz-transform: rotate(30deg);
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- {CustomCSS}</style></head><body>
- <body>
- <div id="topbar">
- <div id="links">
- <a href="/">[ HOME ]</a>
- <a href="/submit">[ SUBMIT ]</a>
- <a href="{text:link one url}">[ {text:link one} ]</a>
- <a href="{text:link two url}">[ {text:link two} ]</a>
- <a href="{text:link three url}">[ {text:link three} ]</a>
- <a href="{text:link four url}">[ {text:link four} ]</a>
- <a href="{text:link five url}">[ {text:link five} ]</a>
- </div>
- </div>
- <div id="header"></div>
- <div id="title">{title}</div>
- <div id="description">{description}</div>
- <div id="signature">{text:signature}</div>
- <div id="entries">
- {block:Posts}
- <div id="post" >
- {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:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">"{Quote}"</div>
- {block:Source}<div class="quotesource"> — {Source}</div>
- {/block:Source}{/block:Quote}
- {block:Link}
- <h1><a href="{URL}" {Target}>{Name}</a></h1>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}<div class="chat"><ol>{block:Lines}<li class="line {Alt}">{block:Label}<span class="label">
- <b>{Label}</b></span>{/block:Label}{Line}</li>{/block:Lines}</ol></div>
- {/block:Chat}
- {block:Audio}
- <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
- {block:AlbumArt}
- <img src="{AlbumArtURL}" class="cover">
- {/block:AlbumArt}
- <div class="trackdetails"><br>
- {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
- {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
- <b>PLAYS:</b> {FormattedPlayCount}</div>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {/block:Audio}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="post"><br>
- <div class="askerportrait"><img style="border-radius:50px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="bubble">{Asker} wondered: {Question}</div><br>
- <div style="margin-left:-7px;">{Answer}</div>
- </div>
- {/block:Answer}
- <div class="info">
- {block:Date}
- <b><a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</b></a>
- {/block:Date}
-
- <a href="{Permalink}">{NoteCount}</a>
-
- <a href="{ReblogURL}" target="_blank" class="details"><i class="fa fa-repeat"></i></a>
- <font style="float:right">
- {block:RebloggedFrom}
- <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>
- {block:ContentSource}
- <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRootName}">/ src</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- </font style>
- </div>
- {block:HasTags}
- <div class="tags">
- {block:Tags}
- <a href="{TagURL}">♪{Tag}</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/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}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">←</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 href="{NextPage}">→</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- <!-- SIDE BAR -->
- </div>
- <div id="sidebar">
- <div id="sidetitle">
- {text:extra box one title}
- </div>
- <div id="sidebox">
- {text:extra box one content}
- </div>
- <div id="sidetitle">
- {text:extra box two title}
- </div>
- <div id="sidebox">
- <img src="{image:logo2}"> <img src="{image:logo3}"> <img src="{image:logo4}"> <img src="{image:logo5}">
- </div>
- <div id="sidetitle">
- {text:extra box three title}
- </div>
- <div id="sidebox">
- {text:extra box three content}
- </div>
- <div id="sidetitle">
- {text:extra box four title}
- </div>
- <div id="sidebox">
- {text:extra box four content}
- </div>
- <div id="sidebar2">
- <div id="sidetitle">
- {text:extra box five title}
- </div>
- <div id="sidebox">
- <img src="{image:logo}">
- </div>
- <div id="sidetitle">
- {text:extra box six title}
- </div>
- <div id="sidebox">
- {text:extra box six content}
- </div>
- <div id="sidetitle">
- {text:extra box seven title}
- </div>
- <div id="sidebox">
- {text:extra box seven content}
- </div>
- <div id="sidetitle">
- {text:extra box eight title}
- </div>
- <div id="sidebox">
- {text:extra box eight content}
- </div>
- </div>
- <!-- DO NOT CHANGE THE CREDIT IF YOU DON'T MAKE MAJOR CHANGES -->
- <div id="credit">
- <a href="http://youaintshitrps.tumblr.com/">➳</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement