Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <!-- theme by bilboh.tumblr.com
- enjoy and message me if you have any problems <3 -->
- <!---------------------- scripts ------------------------>
- <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
- <!-- smooth scrolling by deadpoolkilledzac.tumblr.com -->
- {block:ifSmoothScrolling}
- <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
- {/block:ifSmoothScrolling}
- <!---------------------- images ------------------------->
- <meta name="image:Background" content="" />
- <meta name="image:Sidebar" content="" />
- <!----------------------- fonts ------------------------->
- <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <!---------------------- options ------------------------->
- <meta name="if:FullBackgroundImage" content="0"/>
- <meta name="if:ContourSidebar" content="0"/>
- <meta name="if:SmoothScrolling" content="1"/>
- <meta name="if:Header" content="1"/>
- <meta name="if:ShowLink1" content="1"/>
- <meta name="if:ShowLink2" content="1"/>
- <meta name="if:ShowLink3" content="1"/>
- <meta name="select:Font" content="karla" title="Karla">
- <meta name="select:Font" content="mont" title="Montserrat">
- <meta name="select:Font" content="open" title="OpenSans">
- <!----------------------- links ------------------------->
- <meta name="text:Link1" content="link1" />
- <meta name="text:Link1 URL" content="" />
- <meta name="text:Link2" content="link2" />
- <meta name="text:Link2 URL" content="" />
- <meta name="text:Link3" content="link3" />
- <meta name="text:Link3 URL" content="" />
- <!-------------------- colours -------------------------->
- <meta name="color:Background" content="#f5f5f5"/>
- <meta name="color:Posts" content="#fff"/>
- <meta name="color:Header" content="#fff"/>
- <meta name="color:Border" content="#ccc"/>
- <meta name="color:Text" content="#777"/>
- <meta name="color:Links" content="#888"/>
- <meta name="color:SidebarLinks" content="#fff"/>
- <meta name="color:Accent" content="#97c5e0"/>
- <meta name="color:Blockquote" content="#ccc"/>
- <style type="text/css">
- /*main stuff*/
- body {
- background: {color:Background} url({image:Background}) repeat top right fixed;
- {block:ifFullBackgroundImage}
- background-size:cover;
- {/block:ifFullBackgroundImage}
- margin: 0;
- word-wrap: break-word;
- }
- .karla {
- font-family:'Karla', sans-serif;
- }
- .mont{
- font-family:'Montserrat', sans-serif;
- }
- .open {
- font-family:'Open Sans', sans-serif;
- }
- body a {
- color:{color:Links};
- text-decoration:none;
- }
- body a:hover {
- color:{color:Accent};
- text-decoration:none;
- cursor:help;
- }
- img {
- border: 0;
- max-width: 100%;
- }
- #content {
- width:420px;
- margin:100px 440px;
- line-height:150%;
- }
- /* posts */
- .wrap {
- width:420px;
- }
- .posts {
- background-color:{color:Posts};
- font-size:10.5px;
- color:{color:Text};
- }
- .posts img {
- max-width:100%;
- height:auto;
- }
- .captions {
- padding:15px;
- }
- .phset {
- padding:10px;
- }
- .captionsphotoset{
- padding:0px 20px 20px 20px;
- margin-top:-10px;
- }
- .photo, .video {
- padding:10px;
- }
- .photo img {
- margin-bottom:-7px;
- }
- .textpost, .chat, .audio, .quote, .linkpost {
- padding:20px;
- }
- .linkpost h3 {
- margin-top:0px;
- }
- .quote {
- text-align:center;
- }
- .chline {
- padding-top:10px;
- padding-bottom:10px;
- }
- .audiowrap {
- height:60px;
- margin-bottom:0px;
- border-bottom:1px; solid {color:Blockquote};
- }
- .audioplayer {
- width:27px;height:27px;
- overflow:hidden;
- border-radius:100%;
- -webkit-border-radius:100%;
- -moz-border-radius:100%;
- margin-top:5px;
- }
- .trackinfo {
- text-transform:uppercase;
- text-align:left;
- font-size:9px;
- position:relative;left:45px;top:-30px;
- }
- .audiocaption {
- padding:0px 5px 5px 5px;
- }
- .ques {
- padding:20px;
- border-bottom:1px solid {color:Blockquote};
- font-style:italic;
- }
- .anda {
- padding:20px;
- }
- .portr{
- margin-right:10px;
- display:inline;
- }
- .asklabel {
- display:inline;
- position:relative;top:-8px;
- }
- /* post info */
- .postinfo {
- width:390px;
- background-color:{color:Accent};
- color:{color:SidebarLinks};
- padding:5px 15px 11px 15px;
- text-transform:uppercase;
- font-size:9px;
- height:20px;
- margin-bottom:110px;
- {block:ifContourSidebar}
- background-color:{color:Posts};
- color:{color:Accent};
- border:1px solid {color:Accent};
- width:388px;height:18px;
- {/block:ifContourSidebar}
- }
- .postinfo a {
- color:{color:SidebarLinks};
- {block:ifContourSidebar}
- color:{color:Accent};
- {/block:ifContourSidebar}
- }
- .button {
- float:right;
- margin-left:5px;
- margin-top:3px;
- display:inline;
- }
- .buttonp{
- float:right;
- margin-left:10px;
- margin-top:2px;
- }
- .notecontainer{
- width:400px;
- padding:10px;
- font-size:10px;
- text-align:left;
- margin-top:-90px;
- margin-left:-40px;
- }
- ol.notes {
- list-style:none;
- }
- ol.notes img{
- width:14px;height:14px;
- webkit-border-radius: 14px;
- -moz-border-radius: 14px;
- border-radius: 14px;
- margin-right:14px;
- }
- .tags {
- padding:0px 10px;
- margin-top:110px;
- padding-bottom:10px;
- font-size:10px;
- background-color:{color:Background};
- font-style:italic;
- text-align:center;
- width:400px;
- }
- .tags .fa, .tags a {
- color:#888;
- }
- .sources {
- display:none;
- }
- /* top bar */
- #bar {
- width:100%;
- position:fixed;top:0px;
- height:25px;
- padding:10px;
- background-color:{color:Header};
- border-bottom:1px solid {color:Border};
- z-index:9999999;
- }
- #barwrap {
- float:right;
- margin-right:20px;
- }
- .form{
- width:205px;
- display:inline-block;
- }
- .input {
- background-color: transparent;
- font-size: 9px;
- border: 1px solid {color:Border};
- text-transform: uppercase;
- margin-top: 0px;
- color: {color:Text};
- letter-spacing: 1px;
- padding: 4px 8px;
- }
- .form .button {
- margin-top:3px;
- }
- #bar a, .form .button {
- background-color:transparent;
- font-size:9px;
- text-align:center;
- text-transform:uppercase;
- padding:3px 8px;
- border: 1px solid {color:Border};
- letter-spacing: 1px;
- color: {color:Text};
- display:inline-block;
- }
- #bar a:hover, .form .button:hover {
- background-color:{color:Accent};
- cursor:pointer;
- color:{color:SidebarLinks};
- }
- /* sidebar */
- #sidebar {
- position:fixed;top:113px;left:165px;
- }
- #sideimg {
- width:50px;height:50px;
- }
- #title a{
- color:{color:SidebarLinks};
- width:100px;height:40px;
- background-color:{color:Accent};
- font-size:15px;
- text-transform:uppercase;
- letter-spacing:2px;
- padding:5px;
- display:block;
- text-align:justify;
- position:relative;left:50px;top:-50px;
- font-family:'Karla', sans-serif;
- {block:ifContourSidebar}
- background-color:transparent;
- width:98px;height:38px;
- border:1px solid {color:Accent};
- color:{color:Accent};
- {/block:ifContourSidebar}
- }
- #title a:hover {
- width:98px;height:38px;
- background-color:transparent;
- border:1px solid {color:Accent};
- color:{color:Accent};
- {block:ifContourSidebar}
- width:98px;height:37px;
- background-color:{color:Accent};
- color:{color:SidebarLinks};
- {/block:ifContourSidebar}
- }
- #description {
- width:160px;
- font-size:11px;
- margin-top:-35px;
- text-align:justify;
- line-height:170%;
- color:{color:Text};
- }
- #linkscon {
- width:160px;margin-top:11px;
- }
- #linkscon a {
- display:block;
- width:160px;height:17px;
- {block:ifNotContourSidebar}
- background-color:{color:Accent};
- {/block:ifNotContourSidebar}
- padding:6px 4px 4px 4px;
- text-transform:uppercase;
- font-size:11px;
- margin-top:4px;
- color:{color:SidebarLinks}
- {block:ifContourSidebar}
- background-color:transparent;
- width:158px;height:15px;
- border:1px solid {color:Accent};
- color:{color:Accent};
- {/block:ifContourSidebar}
- }
- #linkscon a:hover {
- background-color:transparent;
- border:1px solid {color:Accent};
- color:{color:Accent};
- width:158px;height:15px;
- {block:ifContourSidebar}
- width:158px;height:15px;
- background-color:{color:Accent};
- color:{color:SidebarLinks};
- {/block:ifContourSidebar}
- }
- /* other stuff */
- #content blockquote {
- border-left: solid 1px {color:Blockquote};
- margin: 0px 7px;
- padding-left: 10px;
- }
- ::-webkit-scrollbar {
- width: 3px;
- background:transparent;
- }
- ::-webkit-scrollbar-thumb {
- background:{color:Accent};
- height:3px;
- }
- h3 {
- font-size:13px;
- font-style:italic;
- font-weight:200;
- }
- #pagination {
- width:300px;
- margin:0 auto;
- font-size:10px;
- text-align:center;
- float:center;
- margin-top:40px;
- margin-bottom:100px;
- color:{color:Text};
- }
- #pagination a {
- color:{color:Text};
- }
- </style>
- </head>
- <body>
- {block:ifHeader}
- <div id="bar" class="{select:Font}">
- <form action="/search" method="get" class="form">
- <input id="searchField" type="text" name="q" value="{SearchQuery}" class="input"/>
- <input type="submit" value="Search" class="button barbutton {select:Font}"/>
- </form>
- <div id="barwrap">
- <a href="https://www.tumblr.com/dashboard?conversation={Name}">Message</a>
- <a href="https://www.tumblr.com/follow/{Name}">Follow</a>
- <a href="https://www.tumblr.com/dashboard">Dashboard</a>
- <a href="http://sahndwiches.tumblr.com" target="_blank">credit</a>
- </div>
- </div>
- {/block:ifHeader}
- <div id="sidebar">
- <div id="sideimg">
- <img src="{image:Sidebar}" width="50px" height="50px"/>
- </div>
- <div id="title"><a href="/">{Title}</a></div>
- <div id="description" class="{select:Font}">{Description}</div>
- <div id="linkscon" class="{select:Font}">
- <a href="/ask">ask</a>
- {block:ifShowLink1}
- <a href="{text:Link1 URL}">{text:Link1}</a>
- {/block:ifShowLink1}
- {block:ifShowLink2}
- <a href="{text:Link2 URL}">{text:Link2}</a>
- {/block:ifShowLink2}
- {block:ifShowLink3}
- <a href="{text:Link3 URL}">{text:Link3}</a>
- {/block:ifShowLink3}
- </div>
- </div>
- <div id="content" class="{select:Font}">
- {block:Posts}
- <div class="posts">
- <div class="wrap">
- {block:HasTags}<div class="tags"><i class="fa fa-tag" aria-hidden="true"></i>
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>{/block:HasTags}
- {block:Photo}
- <div class="photo">
- {LinkOpenTag}<img src="{PhotoURL-400}"/>{LinkCloseTag}
- {block:Caption}
- <div class="captions">
- {Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div class="phset">
- {Photoset-400}
- </div>
- {block:Caption}
- <div class="captionsphotoset">
- {Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Text}
- <div class="textpost">
- {block:Title}<h3>{Title}</h3>{/block:Title}
- {Body}</div>
- {/block:Text}
- {block:Quote}
- <div class="quote">
- <h3>{Quote}</h3>
- {block:Source}{Source}{/block:Source}
- </div>
- {/block:Quote}
- {block:Chat}
- <div class="chat">
- {block:Title}<h3>{Title}</h3>{/block:Title}
- {block:Lines}
- <div class="chline">
- {block:Label}<b>{Label}</b>{/block:Label}
- {Line}
- </div>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- <div class="audio">
- <div class="audiowrap">
- {block:AudioPlayer}
- <div class="audioplayer">{AudioPlayerWhite}</div>
- {/block:AudioPlayer}
- <div class="trackinfo">
- <b><big>{block:TrackName}{TrackName}{/block:TrackName}</b></big><br/>
- by <b>{block:Artist}{Artist}{/block:Artist}</b>
- </div>
- </div>
- {block:Caption}
- <div class="audiocaption">
- {Caption}
- </div>
- {/block:Caption}
- </div>
- {/block:Audio}
- {block:Video}
- <div class="video">
- {Video-400}
- {block:Caption}
- <div class="captions">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Video}
- {block:Answer}
- <div class="askpost">
- <div class="ques">
- <img src="{AskerPortraitURL-24}" class="portr"/>
- <div class="asklabel"><b>{Asker}</b> asked:</div><br/>
- {Question}
- </div>
- <div class="anda">
- <img src="{AnswererPortraitURL-24}" class="portr"/>
- {block:Answerer}
- <div class="asklabel">
- <b>{Answerer}</b> answered:
- </div><br/>
- {/block:Answerer}
- {Answer}
- </div>
- </div>
- {/block:Answer}
- {block:Link}
- {block:Thumbnail}<img class="linkpic" src="{Thumbnail}"/>{/block:Thumbnail}
- <div class="linkpost">
- <a href={URL}><h3>{Name}</h3></a>
- {block:Excerpt}{Excerpt}{/block:Excerpt}
- {block:Description}{Description}{/block:Description}
- </div>
- {/block:Link}
- <div class="postinfo">
- <div class="sources">
- {block:ContentSource}{SourceURL}{/block:ContentSource}
- {block:RebloggedFrom}{ReblogParentURL}{/block:RebloggedFrom}{ReblogRootURL}
- </div>
- <a href="{Permalink}">
- <i class="fa fa-bookmark-o"></i>
- {NoteCount} NOTES</a>
- <div class="buttonp">{ReblogButton size="13" color="white"}</div>
- <div class="buttonp">{LikeButton size="13" color="white"}</div>
- </div>
- </div>
- </div>
- {block:PostNotes}
- <div class="notecontainer">{PostNotes}</div>
- {/block:PostNotes}
- {/block:Posts}
- {block:Pagination}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">< </a>
- {/block:PreviousPage}
- <b><big>{CurrentPage}</big></b> of {TotalPages}
- {block:NextPage}<a href="{NextPage}"> ></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement