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=Karla' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
- <!--CUSTOMIZABLES-->
- <meta name="image:Background Image" content=""/>
- <meta name="image:Large Sidebar Image" content=""/>
- <meta name="image:Small Sidebar Image" content=""/>
- <meta name="color:Background Color" content="#ddd"/>
- <meta name="color:Font Color" content="#444"/>
- <meta name="color:Link Color" content="#69B3AE"/>
- <meta name="color:Link Color Hover" content="#5C9C97"/>
- <meta name="color:Blockquote Border Color" content="#444"/>
- <meta name="color:Post Info Background Color" content="#222"/>
- <meta name="color:Post Info Font Color" content="#f2f2f2"/>
- <meta name="color:Post Background Color" content="#fff"/>
- <meta name="color:Link Post BG Color" content="#eee"/>
- <meta name="color:Link Post BG Color Hover" content="#444"/>
- <meta name="color:Audio Background Color" content="#555"/>
- <meta name="color:Audio Font Color" content="#f2f2f2"/>
- <meta name="color:Album Art Border Color" content="#666"/>
- <meta name="color:Chat Alternate BG Color" content="#f5f5f5"/>
- <meta name="color:Ask Background Color" content="#eee"/>
- <meta name="color:Tags Border Color" content="#eaeaea"/>
- <meta name="color:Tags Background Color" content="#fff"/>
- <meta name="color:Left Sidebar Background Color" content="#aaa"/>
- <meta name="color:Description Background Color" content="#222"/>
- <meta name="color:Description Font Color" content="#f2f2f2"/>
- <meta name="color:Right Sidebar Background Color" content="#222"/>
- <meta name="color:Nav Background Color" content="#69B3AE"/>
- <meta name="color:Nav Background Color Hover" content="#5C9C97"/>
- <meta name="color:Nav Font Color" content="#f2f2f2"/>
- <meta name="if:Black Reblog And Like Button" content="0"/>
- <meta name="if:White Reblog And Like Button" content="1"/>
- <meta name="if:Show Link 1" content="0"/>
- <meta name="text:Link 1 Title" content="link 1"/>
- <meta name="text:Link 1 URL" content=""/>
- <meta name="if:Show Link 2" content="0"/>
- <meta name="text:Link 2 Title" content="link 2"/>
- <meta name="text:Link 2 URL" content=""/>
- <meta name="if:Show Link 3" content="0"/>
- <meta name="text:Link 3 Title" content="link 3"/>
- <meta name="text:Link 3 URL" content=""/>
- <meta name="if:Show Link 4" content="0"/>
- <meta name="text:Link 4 Title" content="link 4"/>
- <meta name="text:Link 4 URL" content=""/>
- <meta name="if:Show Link 5" content="0"/>
- <meta name="text:Link 5 Title" content="link 5"/>
- <meta name="text:Link 5 URL" content=""/>
- <meta name="if:Show Link 6" content="0"/>
- <meta name="text:Link 6 Title" content="link 6"/>
- <meta name="text:Link 6 URL" content=""/>
- <!--CSS-->
- <style>
- /*GENERAL*/
- body {
- background-color: {color:Background Color};
- background-image: url('{image:Background Image}');
- font-family: 'Karla';
- font-size: 12.5px;
- color: {color: Font Color};
- }
- a {
- text-decoration: none;
- color: {color:Link Color};
- transition: 0.1s;
- }
- a:hover {
- color: {color:Link Color Hover};
- }
- blockquote {
- border-left: 1.5px solid {color:Blockquote Border Color};
- padding-left: 7px;
- margin-left: 7px;
- }
- blockquote blockquote {
- margin-left: 7px;
- width: 98%;
- }
- blockquote img {
- max-width: 450px;
- }
- ::-webkit-scrollbar {
- height: 10px;
- width: 7px;
- background: white;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background: black;
- border: 2px solid white;
- }
- /* POST INFO*/
- .info {
- padding: 13px 15px;
- text-transform: uppercase;
- font-size: 11px;
- letter-spacing: 0.3px;
- background-color: {color:Post Info Background Color};
- color: {color:Post Info Font Color};
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .notes {
- font-size: 12px;
- }
- .source a {
- color: {color:Post Info Font Color};
- }
- .likeandreblog {
- margin-right: 30px;
- }
- .reblog-button {
- opacity: 0.5;
- transition: 0.1s;
- }
- .like-button {
- position: absolute;
- margin-left: 30px;
- margin-top: -15px;
- opacity: 0.5;
- transition: 0.1s;
- }
- .reblog-button:hover {
- opacity: 0.7;
- }
- .like-button:hover {
- opacity: 0.7;
- }
- /*POSTS*/
- .entries {
- margin-top: 10px;
- margin-left: 475px;
- }
- .posts {
- width: 500px;
- background-color: {color:Post Background Color};
- margin-bottom: 40px;
- border-radius: 3px;
- }
- /*TEXT*/
- .text-inner {
- padding: 15px;
- }
- .text-title {
- text-transform: uppercase;
- font-size: 18px;
- text-align: center;
- font-family: 'Roboto';
- letter-spacing: 1px;
- font-weight: 500;
- }
- /*PHOTOS AND PHOTOSETS*/
- .photo-caption {
- padding: 15px;
- padding-top: 10px;
- }
- .photoset-caption {
- padding: 15px;
- padding-top: 10px;
- }
- /*LINKS*/
- .link-title {
- text-align: center;
- font-size: 18px;
- text-transform: uppercase;
- background-color: {color:Link Post BG Color};
- padding: 15px;
- font-family: 'Roboto';
- font-weight: 500;
- letter-spacing: 1px;
- transition: 0.2s;
- }
- .link-title:hover {
- background-color: {color:Link Post BG Color Hover};
- }
- .link-description {
- padding: 15px;
- padding-top: 5px;
- }
- /*QUOTES*/
- .quote-text {
- font-family: 'Roboto';
- font-weight: 500;
- text-align: center;
- font-size: 18px;
- padding: 15px;
- padding-left: 20px;
- padding-right: 20px;
- }
- .quote-source {
- text-align:center;
- padding: 15px;
- padding-top: 0px;
- }
- /*AUDIO*/
- .audio-container {
- padding: 15px;
- background-color: {color:Audio Background Color};
- color: {color:Audio Font Color};
- }
- .audio-container img {
- width: 100px;
- height: 100px;
- border: 1px solid {color:Album Art Border Color};
- padding: 2px;
- }
- .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: -70px;
- margin-left: 40px;
- overflow: hidden;
- opacity: 0.7;
- }
- .audio-caption {
- padding: 15px;
- }
- /*CHAT*/
- .chat-inner {
- margin-top: -10px;
- }
- .chat-inner li {
- list-style: none;
- margin-left: -40px;
- width: 455px;
- padding: 2px;
- padding-left: 30px;
- padding-right: 15px;
- }
- .chat-inner .even {
- background-color: {color:Chat Alternate BG Color};
- padding-top: 2px;
- padding-bottom: 2px;
- }
- .chat-label {
- font-weight: bold;
- }
- .chat-title {
- padding-top: 10px;
- text-align: center;
- text-transform: uppercase;
- font-family: 'Roboto';
- font-weight: 500;
- font-size: 18px;
- padding-left: 15px;
- padding-right: 15px;
- margin-bottom: -10px;
- }
- /*VIDEO*/
- .video-caption {
- padding: 15px;
- padding-top: 10px;
- }
- /*ASKS*/
- .ask-inner {
- padding: 15px;
- }
- .asker-container {
- text-align: right;
- font-size: 15px;
- margin-right: 5px;
- text-transform: lowercase;
- }
- .question-container {
- border-radius: 3px;
- padding: 15px;
- background-color: {color:Ask Background Color};
- }
- .answer-container {
- padding-top: 10px;
- }
- /*TAGS*/
- .tags {
- padding: 15px;
- border-top: 1px solid {color:Tags Border Color};
- background-color: {color:Tags Background Color};
- margin-top: -3px;
- font-size: 11.5px;
- letter-spacing: 0.3px;
- text-transform: lowercase;
- }
- /*LEFT SIDEBAR*/
- .leftsidebar {
- float: left;
- background-image: url('{image:Large Sidebar Image}');
- width: 240px;
- height: 700px;
- margin-top: -10px;
- margin-left: -8px;
- background-color: {color:Left Sidebar Background Color};
- position: fixed;
- }
- .sidebar-description {
- background-color: {color:Description Background Color};
- color: {color:Description Font Color};
- padding: 10px;
- width: 175px;
- margin-left: 17px;
- margin-top: 100px;
- text-align: center;
- font-size: 11.5px;
- opacity: 0.7;
- transition: 0.2s;
- }
- .sidebar-description:hover {
- opacity: 0.9;
- }
- .sidebar-title {
- text-align: center;
- font-family: 'Roboto';
- font-weight: 700;
- text-transform: uppercase;
- font-size: 15px;
- padding: 5px 0px;
- }
- .pagination {
- margin-top: 5px;
- }
- #page {
- margin: 0px 2px;
- }
- /*RIGHT SIDEBAR*/
- .rightsidebar {
- float: left;
- width: 115px;
- height: 700px;
- margin-top: -10px;
- margin-left: 222px;
- background-color: {color:Right Sidebar Background Color};
- position: fixed;
- }
- .navlink {
- margin: auto;
- width: 90px;
- background-color: {color:Nav Background Color};
- text-align: center;
- color: {color:Nav Font Color};
- margin-top: 3px;
- text-transform: uppercase;
- font-size: 10px;
- letter-spacing: 0.5px;
- padding: 3px 2px;
- font-family: 'Roboto';
- border-radius: 1px;
- transition: 0.2s;
- }
- .navlink:hover {
- background-color: {color:Nav Background Color Hover};
- letter-spacing: 2px;
- }
- .inner-rightsidebar {
- margin-top: 75px;
- }
- .sidebar-image img {
- max-width: 80px;
- max-height: 80px;
- border-radius: 100%;
- text-align: center;
- margin-bottom: 10px;
- }
- .sidebar-image {
- text-align: center;
- }
- /*CREDIT*/
- .credit {
- position: fixed;
- bottom: 10px;
- right: 10px;
- background-color: #000000;
- font-family: 'Roboto';
- padding: 5px;
- font-size: 10px;
- }
- .credit a {
- color: #dddddd;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <!--SIDEBAR-->
- <div class="leftsidebar">
- <div class="sidebar-description">
- <div class="sidebar-title">{Title}</div>
- {Description}
- <div class="pagination">
- {block:PreviousPage}<a href="{PreviousPage}"><span class="prev-page" id="page">«</span></a> {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current-page" id="page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump-page" id="page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}<a href="{NextPage}"><span class="next-page" id="page">»</span></a>{/block:NextPage}
- </div>
- </div>
- </div>
- <div class="rightsidebar">
- <div class="inner-rightsidebar">
- <div class="sidebar-image"><img src="{image:Small Sidebar Image}"/></div>
- <div class="nav-container">
- <a href="/"><div class="navlink">home</div></a>
- {block:AskEnabled}<a href="/ask"><div class="navlink">ask</div></a>{/block:AskEnabled}
- {block:SubmissionsEnabled}<a href="/submit"><div class="navlink">submit</div></a>{/block:SubmissionsEnabled}
- <a href="/archive"><div class="navlink">archive</div></a>
- {block:ifShowLink1}<a href="{text:Link 1 URL}"><div class="navlink">{text:Link 1 Title}</div></a>{/block:ifShowLink1}
- {block:ifShowLink2}<a href="{text:Link 2 URL}"><div class="navlink">{text:Link 2 Title}</div></a>{/block:ifShowLink2}
- {block:ifShowLink3}<a href="{text:Link 3 URL}"><div class="navlink">{text:Link 3 Title}</div></a>{/block:ifShowLink3}
- {block:ifShowLink4}<a href="{text:Link 4 URL}"><div class="navlink">{text:Link 4 Title}</div></a>{/block:ifShowLink4}
- {block:ifShowLink5}<a href="{text:Link 5 URL}"><div class="navlink">{text:Link 5 Title}</div></a>{/block:ifShowLink5}
- {block:ifShowLink6}<a href="{text:Link 6 URL}"><div class="navlink">{text:Link 6 Title}</div></a>{/block:ifShowLink6}
- </div>
- </div>
- </div>
- <!--POSTS-->
- <div class="entries">
- {block:Posts}
- <div class="posts">
- <div class="info">
- <a href="{Permalink}" class="notes">{NoteCount}</a>
- {block:Date} {ShortMonth} {DayOfMonth}{/block:Date}
- <span class="source">
- {block:RebloggedFrom}
- <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>
- {block:ContentSource} /
- <a href="{SourceURL}" title="{SourceTitle}"> src</a>
- {/block:ContentSource}
- {/block:RebloggedFrom}
- </span>
- <div style="float:right" class="likeandreblog">
- {block:ifWhiteReblogAndLikeButton}
- <div class="reblog-button">{ReblogButton color="white" size="15"}</div>
- <div class="like-button">{LikeButton color="white" size="13"}</div>
- {/block:ifWhiteReblogAndLikeButton}
- {block:ifBlackReblogAndLikeButton}
- <div class="reblog-button">{ReblogButton color="black" size="15"}</div>
- <div class="like-button">{LikeButton color="black" size="13"}</div>
- {/block:ifBlackReblogAndLikeButton}
- </div>
- </div>
- <!--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-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">
- <h3>{Title}</h3>
- </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 class="ask-inner">
- <div class="qanda">
- <div class="asker-container">
- <span class="asker">{Asker}</span> <span class="asked">asked</span>
- </div>
- <div class="question-container">
- {Question}
- </div>
- </div>
- <div class="answer-container">{Answer}</div>
- </div>
- {/block:Answer}
- <div class="footer">
- <!--TAGS-->
- {block:HasTags}
- <div class="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}
- </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