Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- This theme was created by BrainPEWP THEMES. :) It is a FREE theme, so please abide by the following rules:
- - Do not remove credits.
- - Do not use this theme as a base code.
- -->
- <!-- DEFAULTS -->
- <meta name="color:Background Color" content="#ffffff" />
- <meta name="image:Blog BG Img" content="" />
- <meta name="font:Primary Font" content="" />
- <meta name="font:Secondary Font" content="" />
- <meta name="font:Tertiary Font" content="" />
- <meta name="color:Title Font Color" content="#000000" />
- <meta name="color:Description Font Color" content="#000000" />
- <meta name="color:Body Font Color" content="#000000" />
- <meta name="color:Sidebar BG Color" content="#808080" />
- <meta name="image:Sidebar BG Img" content="" />
- <meta name="color:Post BG Color" content="#808080" />
- <meta name="image:Post BG Img" content="" />
- <meta name="color:Border Color" content="#000000" />
- <meta name="color:Blockquote Border Color" content="#000000" />
- <meta name="color:Links" content="#ffffff" />
- <!-- IF -->
- <meta name="if:Show Avatar" content="1" />
- <meta name="if:Show Date" content="1" />
- <!-- LINKS -->
- <meta name="text:link 1" content="" />
- <meta name="text:link 1 URL" content="" />
- <meta name="text:link 2" content="" />
- <meta name="text:link 2 URL" content="" />
- <meta name="text:link 3" content="" />
- <meta name="text:link 3 URL" content="" />
- <meta name="text:link 4" content="" />
- <meta name="text:link 4 URL" content="" />
- <!-- FONTS -->
- <link href="https://fonts.googleapis.com/css?family=Cabin+Sketch|Crimson+Text|Nixie+One|Overpass+Mono|Roboto|Source+Sans+Pro:300" rel="stylesheet">
- <!-- HEAD CODING -->
- <title>{Title}</title>
- {block:Description}
- <meta name="Description" content="MetaDescription" />
- {/block:Description}
- <!-- STYLES -->
- <style>
- body {
- background: {color:Background Color};
- background-image: url('{image:Blog BG Img}');
- overflow: scroll;
- margin-left:auto;
- margin-right:auto;
- }
- #header {
- float:top;
- text-align:center;
- top:0px;
- position:relative;
- margin-top:20px;
- margin-left:auto;
- margin-right:auto;
- width:512px;
- height:auto;
- background: {color:Sidebar BG Color};
- background-image: url('{image:Sidebar BG Img}');
- overflow:hidden;
- border: 1px dashed {color:Border Color};
- }
- #description {
- font-size:15px;
- font-weight:normal;
- }
- #pagination1 {
- font-size:27px;
- }
- #header img {
- outline:1px dashed {color:border color};
- outline-offset:-7px;
- width:100px;
- height:auto;
- }
- h1 {
- text-align: center;
- text-decoration:none;
- color: {color:Title Font Color};
- font-family: {font:Primary Font}, sans-serif;
- background:transparent;
- font-weight:normal;
- font-size:50px;
- line-height:50px;
- letter-spacing:4px;
- }
- h2 {
- width:500px;
- margin-left:auto;
- margin-right:auto;
- text-align: center;
- background: {color:Sidebar BG Color};
- color: {color:Description Font Color};
- font-family: {font:Tertiary Font}, sans-serif;
- background:transparent;
- line-height:20px;
- font-size:15px;
- font-weight:normal;
- }
- h3 {
- width:auto;
- margin-left:auto;
- margin-right:auto;
- text-align: center;
- background: {color:Sidebar BG Color};
- color: {color:Title Font Color};
- font-family: {font:Primary Font}, sans-serif;
- background:transparent;
- font-size:30px;
- line-height:40px;
- font-weight:normal;
- letter-spacing:2px;
- }
- #nav {
- margin-top:50px;
- text-transform:uppercase;
- font-family: {font:Secondary Font}, sans-serif;
- font-size:30px;
- letter-spacing:2px;
- }
- p {
- line-height:100%;
- }
- a {
- text-decoration: none;
- font-weight:normal;
- color: {color:Links};
- }
- #posts {
- display:block;
- padding-top:2px;
- padding-left:50%;
- margin-left:-255px;
- padding-bottom:2px;
- height:100%;
- margin-top:10px;
- margin-bottom:10px;
- font-family: {font:Tertiary Font}, sans-serif;
- font-size:14px;
- line-height:14px;
- color: {color:Body Font Color};
- }
- #posts img {
- outline:1px solid {color:border color};
- opacity:1;
- text-align:center;
- }
- #posts blockquote {
- display:block;
- overflow:hidden;
- padding: 3px 3px 3px 3px;
- margin:3px 3px 3px 3px;
- border-left:1px solid {color:Blockquote Border Color}
- }
- #posts blockquote p, #posts blockquote p img {
- margin:3px 3px 3px 3px;
- width:100%;
- }
- #posts blockquote img {
- max-width:100%;
- height:auto;
- text-align:left
- }
- figure img {
- width:100%;
- text-align:left;
- height:auto;
- margin:0px;
- padding:0px;
- }
- .text {
- width:500px;
- height:auto;
- {block:permalink}
- height:auto;
- width:500px;
- {/block:permalink}
- float:;;
- padding:5px;
- margin-bottom:10px;
- overflow-y:scroll;
- overflow-x:hidden;
- outline:2px dashed {color:Border Color};
- background: {color:Post BG Color};
- background-image: url('{image:Post BG Img}');
- }
- .text img {
- width:100px;
- }
- .photo {
- width:500px;
- height:auto;
- {block:permalink}
- height:auto;
- width:500px;
- {/block:permalink}
- margin-bottom:10px;
- float:;;
- padding:5px;
- overflow-y:scroll;
- overflow-x:hidden;
- outline: 2px dashed {color:Border Color};
- background: {color:Post BG Color};
- background-image: url('{image:Post BG Img}');
- }
- .quote {
- width:500px;
- height:auto;
- {block:permalink}
- height:auto;
- width:500px;
- {/block:permalink}
- margin-bottom:10px;
- float:;;
- padding:5px;
- overflow-y:scroll;
- overflow-x:hidden;
- outline: 2px dashed {color:Border Color};
- background: {color:Post BG Color};
- background-image: url('{image:Post BG Img}');
- }
- .link {
- width:500px;
- height:auto;
- {block:permalink}
- height:auto;
- width:500px;
- {/block:permalink}
- margin-bottom:10px;
- float:;;
- padding:5px;
- overflow-y:scroll;
- overflow-x:hidden;
- outline: 2px dashed {color:Border Color};
- background: {color:Post BG Color};
- background-image: url('{image:Post BG Img}');
- }
- .chat {
- width:500px;
- height:auto;
- {block:permalink}
- height:auto;
- width:500px;
- {/block:permalink}
- margin-bottom:10px;
- float:;;
- padding:5px;
- overflow-y:scroll;
- overflow-x:hidden;
- outline: 2px dashed {color:Border Color};
- background: {color:Post BG Color};
- background-image: url('{image:Post BG Img}');
- }
- .video {
- width:500px;
- height:auto;
- {block:permalink}
- height:auto;
- width:500px;
- {/block:permalink}
- margin-bottom:10px;
- float:;;
- padding:5px;
- overflow-y:scroll;
- overflow-x:hidden;
- outline: 2px dashed {color:Border Color};
- background: {color:Post BG Color};
- background-image: url('{image:Post BG Img}');
- }
- .panorama {
- width:500px;
- height:auto;
- {block:permalink}
- height:auto;
- width:500px;
- {/block:permalink}
- margin-bottom:10px;
- float:;;
- padding:5px;
- overflow-y:scroll;
- overflow-x:hidden;
- outline: 2px dashed {color:Border Color};
- background: {color:Post BG Color};
- background-image: url('{image:Post BG Img}');
- }
- .photoset {
- width:500px;
- height:auto;
- {block:permalink}
- height:auto;
- width:500px;
- {/block:permalink}
- margin-bottom:10px;
- float:;;
- padding:5px;
- overflow-y:scroll;
- overflow-x:scroll;
- outline: 2px dashed {color:Border Color};
- background: {color:Post BG Color};
- background-image: url('{image:Post BG Img}');
- }
- .audio {
- width:500px;
- height:auto;
- {block:permalink}
- height:auto;
- width:500px;
- {/block:permalink}
- margin-bottom:10px;
- float:;;
- padding:5px;
- overflow-y:scroll;
- overflow-x:hidden;
- outline: 2px dashed {color:Border Color};
- background: {color:Post BG Color};
- background-image: url('{image:Post BG Img}');
- }
- .text img {
- width:100%;
- height:auto;
- }
- #date {
- font-size:15px;
- font-weight:normal;
- text-transform:uppercase;
- letter-spacing:2px;
- text-align:right;
- z-index:+1;
- font-family: {font:Secondary Font}, sans-serif;
- }
- #tags {
- font-size:10px;
- text-align:right;
- text-transform:lowercase;
- z-index:+1;
- font-family: {font:Tertiary Font}, sans-serif;
- }
- .notes-container {
- border: 1px dashed {color:Border Color};
- height:auto;
- width:500px;
- padding:5px;
- overflow:scroll;
- float:bottom;
- top:0px;
- left:21%;
- }
- .notes-container p {
- display:block;
- }
- #bpc {
- position:fixed;
- right:0;
- bottom:0;
- z-index:1;
- font-size:10px;
- font-weight:normal;
- text-transform:none !important;
- text-shadow:1px;
- font-family: {font:Primary Font}, sans-serif;
- }
- </style>
- </head>
- <!-- HTML -->
- <body>
- <div id="header">
- <h1>
- <p>{block:ifShowAvatar}<img src="{FavIcon}">{/block:ifshowavatar}</p>
- <p><div id="title">{Title}</div></p>
- </h1>
- <h2>
- <p><div id="description">{Description}</div></p>
- <p><div id="nav"><a href="/">Home</a>
- {block:iflink1} · <a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1}{block:iflink2} · <a href="{text:link 2 URL}">{text:link 2}</a>{/block:iflink2}{block:iflink3} · <a href="{text:link 3 URL}">{text:link 3}</a>{/block:iflink3}{block:iflink4} · <a href="{text:link 4 URL}">{text:link 4}</a>{/block:iflink4}
- </p></div>
- <div id="pagination1">
- <p>
- {block:PreviousPage}
- <a href="{PreviousPage}">⇺</a>
- {/block:PreviousPage}
-
- {block:NextPage}
- <a href="{NextPage}">⇻</a>
- {/block:NextPage}
- </p></div>
- </div>
- </h2>
- <ol id="posts">
- {block:Posts}{block:Text}
- <li class="post text">
- {block:Title}
- <h3><a href="{Permalink}"><div id="title">{Title}</div></a></h3>
- {/block:Title}{Body}
- {block:ifshowdate}<p><div id="date">{12Hour}:{Minutes}{ampm} {month} {DayOfMonth}, {Year}</p></div>{/block:ifshowdate}{block:HasTags}{block:Tags}<p><div id="tags"><a href="{TagURL}">#{Tag}</a></div></p>{/block:Tags}{/block:HasTags}<div id=“perma”><p><a href="{permalink}">∞</a></p>
- </div>
- </li>
- {/block:Text}{block:Photo}
- <li class="post photo">
- <center><a href="{PhotoURL-HighRes}"><img src="{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}{block:HomePage}{PhotoURL-500}{/block:HomePage}" alt="{PhotoAlt}" width="500px"/></a></center>
- {block:Caption}
- <div class="caption">{Caption}</div>
- {block:ifshowdate}<p><div id="date">{12Hour}:{Minutes}{ampm} {month} {DayOfMonth}, {Year}</p></div>{/block:ifshowdate}{block:HasTags}{block:Tags}<p><div id="tags"><a href="{TagURL}">#{Tag}</a></div></p>{/block:Tags}{/block:HasTags}<div id=“perma”><p><a href="{permalink}">∞</a></p>
- </div>
- </div>
- {/block:Caption}
- </li>
- {/block:Photo}{block:Panorama}
- <li class="post panorama">
- {LinkOpenTag}
- <center><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" width="500px"/></center>
- {LinkCloseTag}{block:Caption}
- <div class="caption">{Caption}</div>
- {block:ifshowdate}<p><div id="date">{12Hour}:{Minutes}{ampm} {month} {DayOfMonth}, {Year}</p></div>{/block:ifshowdate}{block:HasTags}{block:Tags}<p><div id="tags"><a href="{TagURL}">#{Tag}</a></div></p>{/block:Tags}{/block:HasTags}<div id=“perma”><p><a href="{permalink}">∞</a></p>
- </div>
- </div>
- {/block:Caption}
- </li>
- {/block:Panorama}{block:Photoset}
- <li class="post photoset">
- {block:IndexPage}
- {block:Photos}
- <center><a href="{Permalink}">
- <img src="{PhotoURL-500}" width="500px"></a></center>
- {/block:Photos}
- {/block:IndexPage}
- {block:PermalinkPage}
- {block:Photos}
- <center><a href="{PhotoURL-HighRes}">
- <img src="{PhotoURL-500}" width="500px"></a></center>
- {/block:Photos}
- {/block:PermalinkPage}
- {block:Caption}
- <div class="pcaption">{Caption}</div>
- {block:ifshowdate}<p><div id="date">{12Hour}:{Minutes}{ampm} {month} {DayOfMonth}, {Year}</p></div>{/block:ifshowdate}{block:HasTags}{block:Tags}<p><div id="tags"><a href="{TagURL}">#{Tag}</a></div></p>{/block:Tags}{/block:HasTags}<div id=“perma”><p><a href="{permalink}">∞</a></p>
- </div>
- </div>
- {/block:Caption}
- </li>
- {/block:Photoset}{block:Quote}
- <li class="post quote">
- "{Quote}"
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- {block:ifshowdate}<p><div id="date">{12Hour}:{Minutes}{ampm} {month} {DayOfMonth}, {Year}</p></div>{/block:ifshowdate}{block:HasTags}{block:Tags}<p><div id="tags"><a href="{TagURL}">#{Tag}</a></div></p>{/block:Tags}{/block:HasTags}<div id=“perma”><p><a href="{permalink}">∞</a></p>
- </div>
- </div>
- </li>
- {/block:Quote}{block:Link}
- <li class="post link">
- <a href="{permalink}" class="link1" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {block:ifshowdate}<p><div id="date">{12Hour}:{Minutes}{ampm} {month} {DayOfMonth}, {Year}</p></div>{/block:ifshowdate}{block:HasTags}{block:Tags}<p><div id="tags"><a href="{TagURL}">#{Tag}</a></div></p>{/block:Tags}{/block:HasTags}<div id=“perma”><p><a href="{permalink}">∞</a></p>
- </div>
- </div>
- {/block:Description}
- </li>
- {/block:Link}{block:Chat}
- <li class="post chat">
- {block:Title}
- <h3><a href="{Permalink}"><div id="title">{Title}</div></a></h3>
- {/block:Title}
- <ul class="chat1">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}{Line}
- </li>
- {/block:Lines}
- </ul>
- {block:ifshowdate}<p><div id="date">{12Hour}:{Minutes}{ampm} {month} {DayOfMonth}, {Year}</p></div>{/block:ifshowdate}{block:HasTags}{block:Tags}<p><div id="tags"><a href="{TagURL}">#{Tag}</a></div></p>{/block:Tags}{/block:HasTags}<div id=“perma”><p><a href="{permalink}">∞</a></p>
- </div>
- </div>
- </li>
- {/block:Chat}{block:Video}
- <li class="post video">
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:HomePage}{Video-500}{/block:HomePage}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {block:ifshowdate}<p><div id="date">{12Hour}:{Minutes}{ampm} {month} {DayOfMonth}, {Year}</p></div>{/block:ifshowdate}{block:HasTags}{block:Tags}<p><div id="tags"><a href="{TagURL}">#{Tag}</a></div></p>{/block:Tags}{/block:HasTags}<div id=“perma”><p><a href="{permalink}">∞</a></p>
- </div>
- </div>
- </li>
- {/block:Video}{block:Audio}
- <li class="post audio">
- {AudioEmbed-500}{block:PermalinkPage}{AudioEmbed-500}{/block:PermalinkPage}{block:HomePage}{AudioEmbed-500}{/block:HomePage}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}
- {block:ifshowdate}<p><div id="date">{12Hour}:{Minutes}{ampm} {month} {DayOfMonth}, {Year}</p></div>{/block:ifshowdate}{block:HasTags}{block:Tags}<p><div id="tags"><a href="{TagURL}">#{Tag}</a></div></p>{/block:Tags}{/block:HasTags}<div id=“perma”><p><a href="{permalink}">∞</a></p>
- </div>
- </li>
- {/block:Audio}
- <!-- Perma -->
- {block:PermalinkPage}
- {block:PostNotes}<div class="notes-container">{PostNotes}
- </div>{/block:PostNotes}
- {/block:PermalinkPage}
- {/block:Posts}
- </ol>
- <!-- CREDIT: Do not remove. -->
- <p><div id="bpc"><a href="https://brainpewpthemes.tumblr.com/">BrainPEWP Themes</a></div></p>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement