Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--DO NOT REMOVE CREDIT-->
- <!--DO NOT REMOVE CREDIT-->
- <!--DO NOT REMOVE CREDIT-->
- <!--DO NOT REMOVE CREDIT-->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
- <meta name="image:sidebar" content=""/>
- <meta name="color:blogTitle" content="#ffffff"/>
- <meta name="color:postlink" content="#72d2a0"/>
- <meta name="color:tags" content="#72d2a0"/>
- <meta name="color:sidebar" content="#72d2a0"/>
- <meta name="color:sidebarToggle" content="#509e75"/>
- <meta name="color:sidebarLinks" content="#ffffff"/>
- <meta name="color:description" content="#ffffff"/>
- <meta name="color:aboutPageTitle" content="#72d2a0"/>
- <meta name="if:Show additional navigation" content="1"/>
- <!--DO NOT MESS WITH SCRIPT TAGS UNLESS YOU KNOW HOW TO CODE THEM-->
- <script>
- $(document).ready(function(){
- $("#show").click(function(){
- $("#navwrapper").toggle('slow');
- });
- $("#show").click(function(){
- // changed class name
- $(".side_nav").toggle('navwrapper');
- });
- });
- </script>
- <script>
- $(document).ready(function(){
- $("#show").click(function(){
- $(".postscon").toggle('slow');
- });
- $("#show").click(function(){
- $("#aboutwrapper").toggle('slow');
- });
- });
- </script>
- <script>
- $(document).ready(function(){
- $("#show").click(function(){
- $("#paginacaoml").toggle('slow');
- });
- });
- </script>
- <style>
- body{background-color:#eaeaea;}
- a{text-decoration:none;}
- .title{
- text-align:center;
- font-family:'Fjalla one', sans-serif;
- color:{color:blogTitle};
- }
- .side_nav{
- position:fixed;
- width:200px;
- height:100%;
- background-color:{color:sidebar};
- top:0;
- left:8px;
- z-index:-999;
- }
- .side_nav img{
- width:150px;
- height:150px;
- border-radius:50%;
- margin-top:200px;
- }
- .side_nav ul{
- list-style-type:none;
- }
- #show{
- position:fixed;
- width:200px;
- background-color:{color:sidebarToggle};
- text-align:center;
- z-index:999;
- padding-top:4px;
- padding-bottom:4px;
- cursor:pointer;
- }
- #show a{
- color:{color:sidebarLinks};
- font-family:'Fjalla One';
- }
- #navwrapper{
- width:400px;
- z-index:9999;
- background-color:#eaeaea;
- display:none;
- margin-left:-50px;
- }
- #aboutwrapper{
- position:absolute;
- width:500px;
- z-index:999;
- margin-left:500px;
- margin-top:300px;
- display:none;
- }
- #aboutwrapper p{
- text-align:justify;
- }
- #aboutwrapper .about_title{
- font-size:15px;
- font-family:'Fjalla One';
- color:{color:aboutPageTitle};
- }
- .nav{
- width:200px;
- text-align:center;
- float:left;
- margin-top:20px;
- margin-left:10px;
- }
- .nav ul{
- list-style-type:none;
- }
- .nav ul li{
- background-color:#aeaeae;
- border-bottom:1px solid #eaeaea;
- width:200px;
- margin-right:0;
- position:relative;
- }
- .nav ul li a{
- color:#ffffff;
- font-family:'Fjalla One', sans-serif;
- }
- .navtitle{
- position:relative;
- color:#aeaeae;
- font-family:'Fjalla One', sans-serif;
- width:200px;
- background-color:#eaeaea;
- text-align:center;
- text-transform:uppercase;
- }
- .side_nav_white{
- background-color:#72d2a0;
- }
- .side_nav .navi{
- margin-left:-25px;
- width:200px;
- text-align:center;
- }
- .navi ul{
- list-style-type:none;
- }
- .navi ul li{
- }
- .navi ul li a{
- color:{color:sidebarLinks};
- font-family:'Fjalla One', sans-serif;
- text-transform:uppercase;
- }
- .theme-credit{
- position:absolute;
- bottom:35px;
- width:200px;
- background-color:{color:sidebarToggle};
- text-align:center;
- text-transform:uppercase;
- font-size:11px;
- }
- .theme-credit a{
- color:{color:sidebarLinks};
- font-family:'Fjalla One', sans-serif;
- }
- #show:active{
- background-color:#eaeaea;
- }
- .description{
- font-family:'Fjalla One';
- font-size:11px;
- text-align:justify;
- padding:2px;
- color:{color:description};
- }
- /*begin posts section*/
- .postscon{
- position:absolute;
- width:600px;
- margin-top:100px;
- margin-left:378px;
- z-index:-999;
- }
- .posts{
- width:500px;
- margin-bottom:10px;
- padding:10px;
- background-color:#ffffff;
- border:5px solid #ffffff;
- }
- h1{
- text-align:center;
- text-transform:uppercase;
- font-family: 'Fjalla One', sans-serif;
- font-size:20px;
- color:#bfbfbf;
- }
- .posts li{
- list-style:disc;
- color{color:postlink};
- }
- .posts blockquote{
- border-left:1px solid #555;
- padding-left:10px;
- }
- .posts p{
- font-size:14px;
- font-family: 'Montserrat', sans-serif;
- font-weight:normal;
- color:#bfbfbf;
- }
- .posts p a{
- color:{color:postlink};
- }
- .question{
- font-weight:bold;
- border-bottom:1px solid #ccc;
- padding-bottom:5px;
- text-align:center;
- }
- .answer{
- text-align:left;
- }
- h2{
- text-align:center;
- font-family: 'Fjalla One', sans-serif;
- font-size:17px;
- font-weight:normal;
- }
- .source{
- text-align:center;
- font-style:italic;
- font-family: 'Fjalla One', sans-serif;
- font-size:12px;
- }
- .chat{
- list-style:none;
- line-height:120%;
- font-size:15px;
- }
- .line{
- border-bottom:1px solid #ddd;
- padding-bottom:3px;
- font-family: 'Montserrat', sans-serif;
- }
- .label{
- text-transform:uppercase;
- padding-right:5px;
- font-weight:bold;
- font-family: 'Fjalla One', sans-serif;
- font-size:12px;
- }
- .linkpost_link a{
- font-family: 'Fjalla One', sans-serif;
- color:#f58f8d;
- }
- #info{
- width:500px;
- background-color:#efefef;
- text-align:center;
- line-height:200%;
- font-size:12px;
- }
- #info a{
- text-decoration:none;
- color:#000000;
- font-size:12px;
- font-family: 'Montserrat', sans-serif;
- }
- .date{
- float:left;
- }
- .date a{
- text-decoration:none;
- color:black;
- font-size:9px;
- }
- .reblog{
- float:right;
- font-size:9px;
- }
- .tpages {
- width:600px;
- border:1px solid;
- border-color:{color:post borders};
- padding:0px;
- margin-top:75px;
- margin-bottom:-35px;
- font-family: 'Montserrat', sans-serif;
- letter-spacing:1px;
- word-spacing:1px;
- text-align:center;
- font-size:10px;
- font-weight:bold;
- text-transform:lowercase;
- color:{color:text};
- background:{color:post bg};
- word-wrap: break-word;
- }
- #tags {
- width:600px;
- word-wrap:break-word;
- font-family: 'Montserrat', sans-serif;
- text-transform:lowercase;
- text-align:left;
- font-size:10px;
- line-height:22px;
- letter-spacing:1px;
- padding-top:7px;
- color:{color:tags};
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #tags a{
- color:{color:tags};}
- #tags a:hover{
- color:{color:tags};}
- #paginacaoml {font-family: calibri;font-size: 11px; font-weight: bold;}
- #paginacaoml a {background: #eee;margin: 1px; padding: 4px 10px; color: #6aaf9c; text-decoration: none;}
- #paginacaoml a:hover {background: #fff; border: none;color:#000;text-decoration: none;}
- #paginacaoml span.pagina_atual {background: #fff;margin: 1px; padding: 4px 10px; color: #666; text-decoration: none; }
- #paginacaoml span.info { margin: 1px; padding: 4px 8px; color: #777; text-decoration: none;}
- #pagi{
- background-color: #eaeaea;
- width:202px;
- height:30px;
- bottom:0;
- left:0px;
- position:fixed;
- padding:3px;
- opacity: 0.7;
- z-index:9999;
- text-align:center;
- }
- {block:Permalink}#pagi{
- display:none;
- }{/block:Permalink}
- .pagi2{
- background-color: transparent;
- width:202px;
- height:30px;
- position:fixed;
- bottom:-8px;
- left:5px;
- padding:3px;
- opacity: 0.8;
- z-index:9999;
- text-align:center;
- }
- {block:Permalink}
- .pagi2{
- display:none;
- }
- {/block:Permalink}
- .pagi2:hover .des{
- opacity: 1;
- -webkit-transition: opacity 0.5s linear;
- -webkit-transition: all 0.5s linear;
- -moz-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- ol.notes {
- padding: 0px;
- margin: 0px 0px;
- list-style-type: none;
- width:500px;
- font-family:'Roboto', sans-serif;
- font-size:12px;
- color:#000000;
- }
- ol.notes li.note {
- border-bottom: solid 1px #ccc;
- padding:0px;
- margin-bottom:2px;
- display:block;
- width:500px;
- color:#000000;
- }
- ol.notes li.note img.avatar {
- vertical-align: -4px;
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- ol.notes li.note span.action {
- font-weight: normal;
- color:#000000;
- font-size:12px;
- }
- ol.notes li.note span.action a{
- color:#000000;
- }
- ol.notes li.note .answer_content {
- font-weight: normal;
- }
- ol.notes li.note blockquote {
- border-color: #eee;
- padding: 4px 10px;
- margin: 10px 0px 0px 25px;
- }
- ol.notes li.note blockquote a {
- text-decoration: none;
- }
- ol.notes .more_notes_link a{
- color:#000000;
- }
- ol.notes a{
- color:#000000;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div class="side_nav">
- <center><img src="{image:sidebar}"/></center>
- <div class="title">{Title}</div>
- <div class="navi">
- <ul>
- <li><a href="/">index</a></li>
- <li><a href="/ask">message</a></li>
- <li><a href="/archive">archive</a></li>
- </ul>
- </div><!--END NAVI-->
- <div class="description">{Description}</div>
- <div class="theme-credit"><a href="http://www.slapdashthemes.tumblr.com">theme credit</a></div>
- </div><!--END SIDE_NAV-->
- {block:IfShowAdditionalNavigation}
- <div id="show"><a href="#" id="open"> <i class="fa fa-bars" aria-hidden="true"></i> </a></div>
- {/block:IfShowAdditionalNavigation}
- <div id="navwrapper">
- <!--To add custom links replace the # with your URL and custom link with your URL title-->
- <div class="nav">
- <ul>
- <div class="navtitle">category one</div>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- </ul>
- </div><!--END NAV SEC-->
- <div class="nav">
- <ul>
- <div class="navtitle">category one</div>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- </ul>
- </div><!--END NAV SEC-->
- <div class="nav">
- <ul>
- <div class="navtitle">category one</div>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- </ul>
- </div><!--END NAV SEC-->
- <div class="nav">
- <ul>
- <div class="navtitle">category one</div>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- </ul>
- </div><!--END NAV SEC-->
- <div class="nav">
- <ul>
- <div class="navtitle">category one</div>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- </ul>
- </div><!--END NAV SEC-->
- <!--To add additional links copy the code below and paste.-->
- <div class="nav">
- <ul>
- <div class="navtitle">category one</div>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- <li><a href="#">custom link</a></li>
- </ul>
- </div><!--END NAV SEC-->
- <!--end nav sec ends each group of links. Copy the code above and paste just below this comment tag to add another group of links.-->
- <!--Do not paste below this point just to be safe of not messing up the whole theme code.-->
- </div><!--END NAVWRAPPER-->
- <!--END SIDEBAR EXTRA NAVIGATION-->
- <!--To add your own about me delete the lorem ipsum text between the <p></p> tags below and replace with your own.-->
- <div id="aboutwrapper">
- <div class="about_title">about me page title</div>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse finibus porta est, pretium ultrices enim tincidunt sed. Aliquam id quam ut lacus porttitor convallis ac a mi. Donec at ultrices tortor. Ut mollis ex at tortor efficitur blandit. Maecenas id lorem bibendum, malesuada tellus quis, dapibus dui. Quisque a tincidunt odio. Maecenas felis quam, molestie sit amet semper a, facilisis at ex. Quisque aliquet ligula ut sodales suscipit. In nunc magna, sollicitudin a luctus at, laoreet quis mi. In blandit vestibulum eros vitae fermentum. Mauris vehicula erat sed magna viverra, et aliquet metus consequat.</p>
- </div><!--END ABOUT WRAPPER-->
- <!--DO NOT CHANGE ANY CODE BELOW THIS POINT UNLESS YOU KNOW TUMBLR THEME CODES AND HOW TO CODE THEM.-->
- <!--BEGIN POSTS-->
- <div class="postscon">
- {block:TagPage}<div class="tpages"><i class="fa fa-tag"></i> Posts tagged <span style="color:{color:links}">#{Tag}</span></div>{/block:TagPage}
- {block:Posts}
- <div class="posts">
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}
- {/block:Text}
- {block:Answer}
- <div class="question">{Asker} asked: {Question}</div>
- <div class="answer">{Answer}</div>
- {/block:Answer}
- {block:Quote}
- <h2>{Quote}</h2>
- {block:Source}<div class="source">{Source}</div>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="linkpost_link"><a href="{URL}">{Name}</a></div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- <div class="chat">
- {block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:label}{Line}</div>{/block:Lines}</div>
- {/block:Chat}
- {block:Photo}
- {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkClostTag}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Photoset}
- {block:Video}
- {Video-500}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- <div id="info"><div id="permalink">
- <a href="{Permalink}">
- {block:Date}{MonthNumberWithZero}.{DayofMonthWithZero}.{ShortYear} <span style="color:#72d2a0;">•</span> {/block:Date}
- {block:Date}{NoteCountWithLabel} <span style="color:#72d2a0;">•</span> {/block:Date}
- {block:Date}<a href="{ReblogURL}"><i class="fa fa-refresh" aria-hidden="true" title="Reblog"></i></a>{/block:Date}
- <br>
- {block:ContentSource}<a href="{SourceURL}" title="Source"><span style="color:#72d2a0;">{SourceTitle}</span></a>{/block:ContentSource}
- </a>
- </div>
- </div><!--END POST FOOTER-->
- <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div>
- {/block:Posts}
- </div>
- <!--END POSTS-->
- <div id="pagi"></div>
- <div class="pagi2"><center><div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{/block:Pagination} {block:JumpPagination length="3"} {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage} {/block:JumpPagination} {block:Pagination}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination} </div></center></div>
- </div>
- <!--END CONTAINER-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement