Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <!--THEME BY TATIANACEPTION THEMES-->
- <!--DO NOT COPY, REDISTRIBUTE, OR USE AS A BASE-->
- <head>
- <!--IMPORTANT SHIT-->
- <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}
- <!--FONTS-->
- <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <!--CUSTOMIZABLES-->
- <meta name="image:Sidebar Background Image" content=""/>
- <meta name="image:Small Sidebar Image" content=""/>
- <meta name="color:Background Color" content="#fff"/>
- <meta name="color:Main Font Color" content="#555"/>
- <meta name="color:Link Color" content="#000"/>
- <meta name="color:Border Color" content="#ccc"/>
- <meta name="color:Sidebar Font Color" content="#000"/>
- <meta name="color:Title Color" content="#000"/>
- <meta name="color:Title Underline Color" content="#fff"/>
- <meta name="color:Nav Link Background Color" content="#fff"/>
- <meta name="color:Nav Link Border Color" content="#fff"/>
- <meta name="color:Nav Button Font Color" content="#000"/>
- <meta name="color:Nav Font Color" content="#000"/>
- <meta name="color:Link Background Color Hover" content="#eee"/>
- <meta name="select:Sidebar Opacity" content="1" title="100%"/>
- <meta name="select:Sidebar Opacity" content="0.9" title="90%"/>
- <meta name="select:Sidebar Opacity" content="0.8" title="80%"/>
- <meta name="select:Sidebar Opacity" content="0.7" title="70%"/>
- <meta name="select:Sidebar Opacity" content="0.6" title="60%"/>
- <meta name="select:Sidebar Opacity" content="0.5" title="50%"/>
- <meta name="select:Sidebar Opacity" content="0.4" title="40%"/>
- <meta name="select:Sidebar Opacity" content="0.3" title="30%"/>
- <meta name="select:Sidebar Opacity" content="0.2" title="20%"/>
- <meta name="select:Sidebar Opacity" content="0.1" title="10%"/>
- <meta name="if:Show Link 1" content="1"/>
- <meta name="text:Link 1 Title" content="link 1"/>
- <meta name="text:Link 1 URL" content=""/>
- <meta name="if:Show Link 2" content="1"/>
- <meta name="text:Link 2 Title" content="link 2"/>
- <meta name="text:Link 2 URL" content=""/>
- <meta name="if:Show Link 3" content="1"/>
- <meta name="text:Link 3 Title" content="link 3"/>
- <meta name="text:Link 3 URL" content=""/>
- <meta name="if:Show Link 4" content="1"/>
- <meta name="text:Link 4 Title" content="link 4"/>
- <meta name="text:Link 4 URL" content=""/>
- <meta name="if:Show Link 5" content="1"/>
- <meta name="text:Link 5 Title" content="link 5"/>
- <meta name="text:Link 5 URL" content=""/>
- <meta name="if:Show Link 6" content="1"/>
- <meta name="text:Link 6 Title" content="link 6"/>
- <meta name="text:Link 6 URL" content=""/>
- <!--STYLES-->
- <style>
- /*GENERAL*/
- body {
- font-family: 'Open Sans', Helvetica, sans-serif;
- font-size: 10.5px;
- color: {color:Main Font Color};
- background-color: {color:Background Color};
- }
- a {
- text-decoration: none;
- color: {color:Link Color};
- }
- blockquote {
- border-left: 1px solid {color:Border Color};
- padding-left: 7px;
- margin-left: 7px;
- }
- blockquote blockquote {
- padding: 0 0 0 7px;
- margin: 0 0 0 12px;
- }
- .posts img {
- display: block;
- }
- .posts blockquote img, .posts p img {
- max-width: 100%;
- }
- ::-webkit-scrollbar {
- width: 3px;
- height: 8px;
- background-color: {color:Background Color};
- }
- ::-webkit-scrollbar-thumb {
- background-color: {color:Link Color};
- }
- /*SIDEBAR*/
- .sidebar-image > img {
- overflow: hidden;
- float: left;
- width: 350px;
- opacity: {select:Sidebar Opacity};
- position: fixed;
- margin-top: -100px;
- margin-left: -10px;
- height: 120%;
- z-index: -2;
- }
- .sidebar {
- position: fixed;
- z-index: 1;
- height: 110%;
- width: 350px;
- float: left;
- }
- .sidebar a {
- color: {color:Nav Font Color};
- }
- .sidebar-contents {
- color: {color:Sidebar Font Color};
- width: 225px;
- margin-left: 50px;
- margin-top: 50%;
- position: relative;
- text-align: center;
- }
- .sidebar-image-small img {
- width: 75px;
- height: 75px;
- border-radius: 100%;
- margin-bottom: 10px;
- }
- .sidebar-title {
- font-family: 'Francois One', Arial, sans-serif;
- font-size: 18px;
- text-transform: uppercase;
- letter-spacing: 0.5px;
- border-bottom: 1px solid {color:Title Underline Color};
- padding-bottom: 7px;
- margin-bottom: 7px;
- line-height: 100%;
- }
- .sidebar-title a {
- color: {color:Title Color};
- }
- .sidebar-description {
- font-size: 10px;
- }
- .sidebar-menu-button {
- margin-top: 10px;
- text-transform: uppercase;
- font-family: 'Francois One', Arial, sans-serif;
- font-size: 11px;
- color: {color:Nav Button Font Color};
- letter-spacing: 0.5px;
- cursor: pointer;
- cursor: hand;
- }
- .sidebar-menu-button img {
- width: 7.5px;
- height: 7.5px;
- position: absolute;
- margin-top: 4px;
- margin-left: -5px;
- }
- /*NAVBAR*/
- .navbar {
- position: fixed;
- margin-top: 10%;
- margin-left: 50px;
- width: 225px;
- display: none;
- }
- .navbar-title {
- font-family: 'Francois One', Arial, sans-serif;
- font-size: 18px;
- text-align: center;
- text-transform: uppercase;
- color: {color:Title Color};
- border-bottom: 1px solid {color:Title Underline Color};
- padding-bottom: 7px;
- margin-bottom: 7px;
- }
- .navbar ul {
- list-style: none;
- }
- .navbar li {
- border-bottom: 1px solid {color:Nav Link Border Color};
- margin-left: -40px;
- padding: 5px;
- padding-top: 7px;
- padding-bottom: 7px;
- text-align: center;
- text-transform: uppercase;
- font-family: 'Open Sans';
- font-size: 10px;
- letter-spacing: 2px;
- transition: 0.3s;
- background-color: rgba({RGBcolor:Nav Link Background Color},0.3);
- }
- .navbar li:last-child {
- border-bottom: 0px;
- }
- .navbar li:hover {
- background-color: rgba({RGBcolor:Nav Link Background Color},1);
- letter-spacing: 5px;
- }
- .navbar-close {
- text-align: center;
- font-family: 'Francois One', Arial, sans-serif;
- text-transform: uppercase;
- font-size: 13px;
- cursor: pointer;
- cursor: hand;
- color: #000;
- }
- /*POSTS*/
- .entries {
- margin-left: 450px;
- }
- .posts {
- width: 500px;
- padding: 20px;
- margin-bottom: 30px;
- }
- /*TEXT POSTS*/
- .text-title {
- font-family: 'Francois One', Arial, sans-serif;
- font-size: 18px;
- text-align: center;
- text-transform: uppercase;
- letter-spacing: 1.5px;
- font-weight: bold;
- }
- /*LINKS*/
- .link-title {
- font-family: 'Francois One', Arial, sans-serif;
- font-size: 16px;
- text-align: center;
- text-transform: uppercase;
- letter-spacing: 1px;
- border: 1px solid {color:Border Color};
- padding: 10px;
- transition: 0.5s;
- }
- .link-title:hover {
- background-color: {color:Link Background Color Hover};
- }
- /*QUOTES*/
- .quote-mark img {
- width: 30px;
- height: 30px;
- border: 1px solid {color:Border Color};
- padding: 5px;
- opacity: 0.5;
- float: left;
- margin-right: 10px;
- margin-top: 5px;
- }
- .quote-text {
- font-size: 18px;
- }
- .quote-source {
- margin-top: 10px;
- text-align: right;
- font-size: 10px;
- }
- /*CHATS*/
- .chat-inner ul {
- list-style: none;
- }
- .chat-inner li {
- margin-left: -30px;
- border-bottom: 1px dashed {color:Border Color};
- }
- .chat-inner li:last-child {
- border-bottom: 0px;
- }
- .chat-label {
- color: {color:Link Color};
- font-family: 'Montserrat', Arial, sans-serif;
- }
- .chat-title {
- font-family: 'Francois One', Arial, sans-serif;
- font-size: 18px;
- text-align: center;
- text-transform: uppercase;
- letter-spacing: 1.5px;
- font-weight: bold;
- }
- /*AUDIO*/
- .audio-container {
- padding: 15px;
- border: 1px solid {color:Border Color};
- }
- .audio-container img {
- width: 100px;
- height: 100px;
- }
- .albumart {
- width: 100px;
- }
- .audio-info {
- padding-left: 10px;
- vertical-align: middle;
- letter-spacing: 0.5px;
- text-transform: uppercase;
- font-size: 11px;
- width: 450px;
- }
- .audio-player {
- position: absolute;
- width: 27px;
- height: 27px;
- margin-top: -66px;
- margin-left: 36px;
- overflow: hidden;
- opacity: 0.7;
- }
- .audio-label {
- font-weight: bold;
- }
- /*ASKS*/
- #asker-container {
- font-size: 13px;
- text-transform: uppercase;
- letter-spacing: 0.5px;
- padding-bottom: 5px;
- margin-bottom: 5px;
- font-family: 'Montserrat';
- }
- #qanda {
- margin-bottom: 10px;
- }
- #askerandquestion {
- border: 1px solid {color:Border Color};
- padding: 15px;
- }
- /*FOOTER*/
- .footer {
- text-align: center;
- margin-top: 20px;
- }
- .info {
- font-family: 'Montserrat', Arial, sans-serif;
- font-size: 10px;
- text-transform: uppercase;
- }
- #tags {
- font-style: italic;
- font-size: 10px;
- }
- /*PAGINATION*/
- .pagination {
- text-align: center;
- width: 500px;
- margin-bottom: 20px;
- padding: 20px;
- font-family: 'Montserrat', Arial, sans-serif;
- font-size: 13px;
- border-top: 1px solid {color:Border Color};
- margin-top: 20px;
- }
- .page {
- padding: 5px;
- margin: 3px;
- }
- .page:hover {
- border-bottom: 2px solid {color:Border Color};
- }
- #current-page {
- border-bottom: 2px solid {color:Border Color};
- }
- /*PERMALINK*/
- .permalink ol {
- list-style: none;
- font-size: 10px;
- }
- .permalink li {
- padding: 5px;
- width: 400px;
- border-bottom: 1px dashed {color:Border Color};
- }
- .permalink li:last-child {
- border-bottom: 0px;
- font-size: 10px;
- text-transform: uppercase;
- font-family: 'Montserrat', Arial, sans-serif;
- margin-top: 10px;
- }
- .permalink img {
- display: inline;
- padding-right: 5px;
- }
- /*CREDIT*/
- .credit {
- position: fixed;
- bottom: 10px;
- right: 10px;
- background-color: #000000;
- font-family: 'Roboto', 'Calibri', Arial, sans-serif;
- padding: 5px;
- font-size: 10px;
- }
- .credit a {
- color: #dddddd;
- }
- {CustomCSS}
- </style>
- <!--SCRIPTS-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
- <script>
- var showNav = function() {
- $('.sidebar-menu-button').click(function() {
- $('.sidebar-contents').fadeOut(500, function() {
- $('.navbar').fadeIn(500);
- });
- });
- $('.navbar-close').click(function() {
- $('.navbar').fadeOut(500, function() {
- $('.sidebar-contents').fadeIn(500);
- });
- });
- }
- $(document).ready(showNav)
- </script>
- </head>
- <body>
- <!--SIDEBAR-->
- <div class="sidebar-image">
- <img src="{image:Sidebar Background Image}"/>
- <div class="sidebar">
- <div class="sidebar-contents">
- <div class="sidebar-image-small">
- <img src="{image:Small Sidebar Image}"/>
- </div>
- <div class="sidebar-title"><a href="/">{Title}</a></div>
- <div class="sidebar-description">{Description}</div>
- <div class="sidebar-menu-button">
- <img src="http://static.tumblr.com/4xwdbrg/ySco7jnn0/menubutton.png"/> Nav
- </div>
- </div>
- <div class="navbar">
- <div class="navbar-title">Navigation</div>
- <ul class="links">
- <li class="navlink"><a href="/">home</a></li>
- {block:AskEnabled}<li class="navlink"><a href="/ask">ask</a></li>{/block:AskEnabled}
- <li class="navlink"><a href="/archive">archive</a></li>
- {block:SubmissionsEnabled}<li><a href="/submit">submit</a></li>{/block:SubmissionsEnabled}
- {block:ifShowLink1}<li class="navlink"><a href="{text:Link 1 URL}">{text:Link 1 Title}</a></li>{/block:ifShowLink1}
- {block:ifShowLink2}<li class="navlink"><a href="{text:Link 2 URL}">{text:Link 2 Title}</a></li>{/block:ifShowLink2}
- {block:ifShowLink3}<li class="navlink"><a href="{text:Link 3 URL}">{text:Link 3 Title}</a></li>{/block:ifShowLink3}
- {block:ifShowLink4}<li class="navlink"><a href="{text:Link 4 URL}">{text:Link 4 Title}</a></li>{/block:ifShowLink4}
- {block:ifShowLink5}<li class="navlink"><a href="{text:Link 5 URL}">{text:Link 5 Title}</a></li>{/block:ifShowLink5}
- {block:ifShowLink6}<li class="navlink"><a href="{text:Link 6 URL}">{text:Link 6 Title}</a></li>{/block:ifShowLink6}
- </ul>
- <div class="navbar-close">close</div>
- </div>
- </div>
- </div>
- <!--POSTS-->
- <div class="entries">
- {block:Posts}
- <div class="posts">
- <!--TEXT POSTS-->
- {block:Text}
- <div class="text-inner">
- {block:Title}
- <div class="text-title">
- <a href="{Permalink}">{Title}</a>
- </div>
- {/block:Title}
- <div class="text-body">
- {Body}
- </div>
- </div>
- {/block:Text}
- <!--PHOTOS-->
- {block:Photo}
- <div class="photo-inner">
- <div class="photo-img">
- <center>{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</center>
- </div>
- {block:Caption}
- <div class="photo-caption">
- {Caption}
- </div>
- {/block:Caption}
- </div>
- {/block:Photo}
- <!--PHOTOSETS-->
- {block:Photoset}
- <div class="photoset-inner">
- <div class="photoset-img">
- <center>{Photoset-500}</center>
- </div>
- {block:Caption}
- <div class="photoset-caption">
- {Caption}
- </div>
- {/block:Caption}
- </div>
- {/block:Photoset}
- <!--LINKS-->
- {block:Link}
- <div class="link-inner">
- <a href="{URL}"{Target}><div class="link-title">
- {Name}
- </div></a>
- {block:Description}
- <div class="link-description">
- {Description}
- </div>
- {/block:Description}
- </div>
- {/block:Link}
- <!--QUOTES-->
- {block:Quote}
- <div class="quote-inner">
- <div class="quote-mark"><img src="http://static.tumblr.com/4xwdbrg/M38o7jjaj/quotemarks.gif"></div>
- <div class="quote-text">
- {Quote}
- </div>
- {block:Source}
- <div class="quote-source">
- {Source}
- </div>
- {/block:Source}
- </div>
- {/block:Quote}
- <!--CHATS-->
- {block:Chat}
- <div class="chat-inner">
- {block:Title}
- <div class="chat-title">
- <a href="{Permalink}">{Title}</a>
- </div>
- {/block:Title}
- <ul class="chat-lines">
- {block:Lines}
- <li class="{Alt}">
- <p>{block:Label}<span class="chat-label">{Label}</span>{/block:Label}
- {Line}</p>
- </li>
- {/block:Lines}
- </ul>
- {/block:Title}
- </div>
- {/block:Chat}
- <!--AUDIO-->
- {block:Audio}
- <div class="audio-inner">
- <table cellspacing ="0" class="audio-container">
- <tr>
- <td class="albumart">
- {block:AlbumArt}
- <img src="{AlbumArtURL}"/>
- {/block:AlbumArt}
- <div class="audio-player">{AudioPlayerWhite}</div>
- </td>
- <td class="audio-info">
- <div class="audio-info2">
- {block:TrackName}<span class="audio-label">Song:</span> {TrackName}<br>{/block:TrackName}
- {block:Artist}<span class="audio-label">Artist:</span> {Artist}<br>{/block:Artist}
- {block:Album}<span class="audio-label">Album:</span> {Album}<br>{/block:Album}
- <span class="audio-label">Plays:</span> {PlayCountWithLabel}
- </div>
- </td>
- </tr>
- </table>
- {block:Caption}
- <div class="audio-caption">
- {Caption}
- </div>
- {/block:Caption}
- </div>
- {/block:Audio}
- <!--VIDEOS-->
- {block:Video}
- <div class="video-inner">
- <div id="video">
- {Video-500}
- </div>
- {block:Caption}
- <div class="video-caption">
- {Caption}
- </div>
- {/block:Caption}
- </div>
- {/block:Video}
- <!--ASKS-->
- {block:Answer}
- <div id="ask-inner">
- <div id="qanda">
- <div id="askerandquestion">
- <div id="asker-container">
- <div id="asker1">
- <span id="asker2">{Asker}</span>
- <span id="asked">asked:</span>
- </div>
- </div>
- <div id="question-container">
- {Question}
- </div>
- </div>
- </div>
- <div id="answer-container">{Answer}</div>
- </div>
- {/block:Answer}
- <div class="footer">
- <div class="info">
- {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year}</a> • <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:Date}
- {block:RebloggedFrom}
- {block:ContentSource}
- <a href="{SourceURL}" title="{SourceTitle}"></a>
- {/block:ContentSource}
- <a title="{ReblogParentName}" href="{ReblogParentURL}"></a>
- {/block:RebloggedFrom}
- </div>
- <!--TAGS-->
- {block:HasTags}
- <div id="tags">
- {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- <!--PERMALINK PAGE-->
- {block:PermalinkPage}
- {block:PostNotes}
- <br><br>
- <div class="permalink">{PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- <!--PAGINATION-->
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}"><span class="page" id="prev-page">«</span></a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="page" id="current-page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="page" id="jump-page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}"><span id="next-page" class="page">»</span></a>
- {/block:NextPage}
- </div>
- </div>
- </div>
- <div class="credit"><a href="http://tatianaceptionthemes.tumblr.com">TT</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment