API tools faq
paste
Advertisement
Amanduhh7

Theme 004

Amanduhh7
Oct 10th, 2016
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6. <!--DO NOT REMOVE CREDIT-->
  7. <!--DO NOT REMOVE CREDIT-->
  8. <!--DO NOT REMOVE CREDIT-->
  9. <!--DO NOT REMOVE CREDIT-->
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14.  
  15. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  16.  
  17. <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  18.  
  19. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  20.  
  21. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  22.  
  23. <meta name="image:sidebar" content=""/>
  24.  
  25.  
  26. <meta name="color:blogTitle" content="#ffffff"/>
  27. <meta name="color:postlink" content="#72d2a0"/>
  28. <meta name="color:tags" content="#72d2a0"/>
  29. <meta name="color:sidebar" content="#72d2a0"/>
  30. <meta name="color:sidebarToggle" content="#509e75"/>
  31. <meta name="color:sidebarLinks" content="#ffffff"/>
  32. <meta name="color:description" content="#ffffff"/>
  33. <meta name="color:aboutPageTitle" content="#72d2a0"/>
  34.  
  35. <meta name="if:Show additional navigation" content="1"/>
  36.  
  37.  
  38. <!--DO NOT MESS WITH SCRIPT TAGS UNLESS YOU KNOW HOW TO CODE THEM-->
  39. <script>
  40. $(document).ready(function(){
  41. $("#show").click(function(){
  42. $("#navwrapper").toggle('slow');
  43. });
  44.  
  45. $("#show").click(function(){
  46. // changed class name
  47. $(".side_nav").toggle('navwrapper');
  48. });
  49.  
  50. });
  51. </script>
  52.  
  53. <script>
  54. $(document).ready(function(){
  55. $("#show").click(function(){
  56. $(".postscon").toggle('slow');
  57. });
  58.  
  59. $("#show").click(function(){
  60. $("#aboutwrapper").toggle('slow');
  61. });
  62.  
  63. });
  64.  
  65. </script>
  66.  
  67. <script>
  68. $(document).ready(function(){
  69. $("#show").click(function(){
  70. $("#paginacaoml").toggle('slow');
  71. });
  72.  
  73. });
  74.  
  75. </script>
  76.  
  77.  
  78.  
  79. <style>
  80.  
  81.  
  82. body{background-color:#eaeaea;}
  83.  
  84. a{text-decoration:none;}
  85.  
  86. .title{
  87. text-align:center;
  88. font-family:'Fjalla one', sans-serif;
  89. color:{color:blogTitle};
  90. }
  91.  
  92. .side_nav{
  93. position:fixed;
  94. width:200px;
  95. height:100%;
  96. background-color:{color:sidebar};
  97. top:0;
  98. left:8px;
  99. z-index:-999;
  100. }
  101.  
  102. .side_nav img{
  103. width:150px;
  104. height:150px;
  105. border-radius:50%;
  106.  
  107. margin-top:200px;
  108. }
  109.  
  110. .side_nav ul{
  111. list-style-type:none;
  112. }
  113.  
  114.  
  115. #show{
  116. position:fixed;
  117. width:200px;
  118. background-color:{color:sidebarToggle};
  119. text-align:center;
  120. z-index:999;
  121. padding-top:4px;
  122. padding-bottom:4px;
  123. cursor:pointer;
  124. }
  125.  
  126. #show a{
  127. color:{color:sidebarLinks};
  128. font-family:'Fjalla One';
  129. }
  130.  
  131. #navwrapper{
  132. width:400px;
  133. z-index:9999;
  134. background-color:#eaeaea;
  135. display:none;
  136. margin-left:-50px;
  137.  
  138. }
  139.  
  140. #aboutwrapper{
  141. position:absolute;
  142. width:500px;
  143. z-index:999;
  144. margin-left:500px;
  145. margin-top:300px;
  146. display:none;
  147. }
  148.  
  149. #aboutwrapper p{
  150. text-align:justify;
  151. }
  152.  
  153. #aboutwrapper .about_title{
  154. font-size:15px;
  155. font-family:'Fjalla One';
  156. color:{color:aboutPageTitle};
  157. }
  158.  
  159.  
  160. .nav{
  161. width:200px;
  162. text-align:center;
  163. float:left;
  164. margin-top:20px;
  165. margin-left:10px;
  166. }
  167.  
  168. .nav ul{
  169. list-style-type:none;
  170. }
  171.  
  172. .nav ul li{
  173. background-color:#aeaeae;
  174. border-bottom:1px solid #eaeaea;
  175. width:200px;
  176. margin-right:0;
  177. position:relative;
  178. }
  179.  
  180. .nav ul li a{
  181. color:#ffffff;
  182. font-family:'Fjalla One', sans-serif;
  183. }
  184.  
  185.  
  186. .navtitle{
  187. position:relative;
  188. color:#aeaeae;
  189. font-family:'Fjalla One', sans-serif;
  190. width:200px;
  191. background-color:#eaeaea;
  192. text-align:center;
  193. text-transform:uppercase;
  194. }
  195.  
  196. .side_nav_white{
  197. background-color:#72d2a0;
  198. }
  199.  
  200. .side_nav .navi{
  201. margin-left:-25px;
  202. width:200px;
  203. text-align:center;
  204. }
  205.  
  206. .navi ul{
  207. list-style-type:none;
  208. }
  209.  
  210. .navi ul li{
  211.  
  212. }
  213.  
  214. .navi ul li a{
  215. color:{color:sidebarLinks};
  216. font-family:'Fjalla One', sans-serif;
  217. text-transform:uppercase;
  218. }
  219.  
  220. .theme-credit{
  221. position:absolute;
  222. bottom:35px;
  223. width:200px;
  224. background-color:{color:sidebarToggle};
  225. text-align:center;
  226. text-transform:uppercase;
  227. font-size:11px;
  228. }
  229.  
  230. .theme-credit a{
  231. color:{color:sidebarLinks};
  232. font-family:'Fjalla One', sans-serif;
  233. }
  234.  
  235. #show:active{
  236. background-color:#eaeaea;
  237. }
  238.  
  239.  
  240.  
  241. .description{
  242. font-family:'Fjalla One';
  243. font-size:11px;
  244. text-align:justify;
  245. padding:2px;
  246. color:{color:description};
  247. }
  248.  
  249. /*begin posts section*/
  250.  
  251. .postscon{
  252. position:absolute;
  253. width:600px;
  254. margin-top:100px;
  255. margin-left:378px;
  256. z-index:-999;
  257. }
  258.  
  259. .posts{
  260. width:500px;
  261. margin-bottom:10px;
  262. padding:10px;
  263. background-color:#ffffff;
  264. border:5px solid #ffffff;
  265. }
  266.  
  267. h1{
  268. text-align:center;
  269. text-transform:uppercase;
  270. font-family: 'Fjalla One', sans-serif;
  271. font-size:20px;
  272. color:#bfbfbf;
  273. }
  274.  
  275. .posts li{
  276. list-style:disc;
  277. color{color:postlink};
  278. }
  279.  
  280. .posts blockquote{
  281. border-left:1px solid #555;
  282. padding-left:10px;
  283. }
  284.  
  285. .posts p{
  286. font-size:14px;
  287. font-family: 'Montserrat', sans-serif;
  288. font-weight:normal;
  289. color:#bfbfbf;
  290. }
  291.  
  292. .posts p a{
  293. color:{color:postlink};
  294. }
  295.  
  296. .question{
  297. font-weight:bold;
  298. border-bottom:1px solid #ccc;
  299. padding-bottom:5px;
  300. text-align:center;
  301. }
  302.  
  303. .answer{
  304. text-align:left;
  305. }
  306.  
  307. h2{
  308. text-align:center;
  309. font-family: 'Fjalla One', sans-serif;
  310. font-size:17px;
  311. font-weight:normal;
  312. }
  313.  
  314. .source{
  315. text-align:center;
  316. font-style:italic;
  317. font-family: 'Fjalla One', sans-serif;
  318. font-size:12px;
  319. }
  320.  
  321. .chat{
  322. list-style:none;
  323. line-height:120%;
  324. font-size:15px;
  325. }
  326.  
  327. .line{
  328. border-bottom:1px solid #ddd;
  329. padding-bottom:3px;
  330. font-family: 'Montserrat', sans-serif;
  331. }
  332.  
  333. .label{
  334. text-transform:uppercase;
  335. padding-right:5px;
  336. font-weight:bold;
  337. font-family: 'Fjalla One', sans-serif;
  338. font-size:12px;
  339. }
  340.  
  341. .linkpost_link a{
  342. font-family: 'Fjalla One', sans-serif;
  343. color:#f58f8d;
  344. }
  345.  
  346. #info{
  347. width:500px;
  348. background-color:#efefef;
  349. text-align:center;
  350. line-height:200%;
  351. font-size:12px;
  352. }
  353.  
  354. #info a{
  355. text-decoration:none;
  356. color:#000000;
  357. font-size:12px;
  358. font-family: 'Montserrat', sans-serif;
  359.  
  360. }
  361.  
  362. .date{
  363. float:left;
  364. }
  365. .date a{
  366. text-decoration:none;
  367. color:black;
  368. font-size:9px;
  369. }
  370.  
  371. .reblog{
  372. float:right;
  373. font-size:9px;
  374. }
  375.  
  376. .tpages {
  377. width:600px;
  378. border:1px solid;
  379. border-color:{color:post borders};
  380. padding:0px;
  381. margin-top:75px;
  382. margin-bottom:-35px;
  383. font-family: 'Montserrat', sans-serif;
  384. letter-spacing:1px;
  385. word-spacing:1px;
  386. text-align:center;
  387. font-size:10px;
  388. font-weight:bold;
  389. text-transform:lowercase;
  390. color:{color:text};
  391. background:{color:post bg};
  392. word-wrap: break-word;
  393. }
  394.  
  395.  
  396. #tags {
  397. width:600px;
  398. word-wrap:break-word;
  399. font-family: 'Montserrat', sans-serif;
  400. text-transform:lowercase;
  401. text-align:left;
  402. font-size:10px;
  403. line-height:22px;
  404. letter-spacing:1px;
  405. padding-top:7px;
  406. color:{color:tags};
  407. -webkit-transition: opacity 0.5s linear;
  408. -webkit-transition: all 0.5s ease-in-out;
  409. -moz-transition: all 0.5s ease-in-out;
  410. -o-transition: all 0.5s ease-in-out;
  411. }
  412.  
  413.  
  414. #tags a{
  415. color:{color:tags};}
  416.  
  417. #tags a:hover{
  418. color:{color:tags};}
  419.  
  420.  
  421.  
  422.  
  423.  
  424.  
  425.  
  426. #paginacaoml {font-family: calibri;font-size: 11px; font-weight: bold;}
  427.  
  428. #paginacaoml a {background: #eee;margin: 1px; padding: 4px 10px; color: #6aaf9c; text-decoration: none;}
  429.  
  430. #paginacaoml a:hover {background: #fff; border: none;color:#000;text-decoration: none;}
  431.  
  432. #paginacaoml span.pagina_atual {background: #fff;margin: 1px; padding: 4px 10px; color: #666; text-decoration: none; }
  433.  
  434. #paginacaoml span.info { margin: 1px; padding: 4px 8px; color: #777; text-decoration: none;}
  435.  
  436. #pagi{
  437. background-color: #eaeaea;
  438. width:202px;
  439. height:30px;
  440. bottom:0;
  441. left:0px;
  442. position:fixed;
  443. padding:3px;
  444. opacity: 0.7;
  445. z-index:9999;
  446. text-align:center;
  447. }
  448.  
  449. {block:Permalink}#pagi{
  450. display:none;
  451. }{/block:Permalink}
  452.  
  453.  
  454. .pagi2{
  455. background-color: transparent;
  456. width:202px;
  457. height:30px;
  458. position:fixed;
  459. bottom:-8px;
  460. left:5px;
  461. padding:3px;
  462. opacity: 0.8;
  463. z-index:9999;
  464. text-align:center;
  465. }
  466.  
  467. {block:Permalink}
  468. .pagi2{
  469. display:none;
  470. }
  471. {/block:Permalink}
  472.  
  473. .pagi2:hover .des{
  474. opacity: 1;
  475. -webkit-transition: opacity 0.5s linear;
  476. -webkit-transition: all 0.5s linear;
  477. -moz-transition: all 0.5s linear;
  478. transition: all 0.5s linear;
  479. }
  480.  
  481. ol.notes {
  482. padding: 0px;
  483. margin: 0px 0px;
  484. list-style-type: none;
  485. width:500px;
  486. font-family:'Roboto', sans-serif;
  487. font-size:12px;
  488. color:#000000;
  489. }
  490.  
  491. ol.notes li.note {
  492. border-bottom: solid 1px #ccc;
  493. padding:0px;
  494. margin-bottom:2px;
  495. display:block;
  496. width:500px;
  497. color:#000000;
  498. }
  499.  
  500. ol.notes li.note img.avatar {
  501. vertical-align: -4px;
  502. margin-right: 10px;
  503. width: 16px;
  504. height: 16px;
  505. }
  506.  
  507. ol.notes li.note span.action {
  508. font-weight: normal;
  509. color:#000000;
  510. font-size:12px;
  511. }
  512.  
  513. ol.notes li.note span.action a{
  514. color:#000000;
  515. }
  516.  
  517. ol.notes li.note .answer_content {
  518. font-weight: normal;
  519. }
  520.  
  521. ol.notes li.note blockquote {
  522. border-color: #eee;
  523. padding: 4px 10px;
  524. margin: 10px 0px 0px 25px;
  525. }
  526.  
  527. ol.notes li.note blockquote a {
  528. text-decoration: none;
  529. }
  530.  
  531. ol.notes .more_notes_link a{
  532. color:#000000;
  533. }
  534.  
  535. ol.notes a{
  536. color:#000000;
  537. }
  538.  
  539.  
  540.  
  541.  
  542.  
  543. </style>
  544. </head>
  545.  
  546. <body>
  547.  
  548.  
  549.  
  550.  
  551. <div class="container">
  552.  
  553. <div class="side_nav">
  554.  
  555. <center><img src="{image:sidebar}"/></center>
  556.  
  557. <div class="title">{Title}</div>
  558.  
  559. <div class="navi">
  560. <ul>
  561. <li><a href="/">index</a></li>
  562. <li><a href="/ask">message</a></li>
  563. <li><a href="/archive">archive</a></li>
  564. </ul>
  565. </div><!--END NAVI-->
  566.  
  567. <div class="description">{Description}</div>
  568.  
  569. <div class="theme-credit"><a href="http://www.slapdashthemes.tumblr.com">theme credit</a></div>
  570.  
  571. </div><!--END SIDE_NAV-->
  572. {block:IfShowAdditionalNavigation}
  573. <div id="show"><a href="#" id="open"> <i class="fa fa-bars" aria-hidden="true"></i> </a></div>
  574. {/block:IfShowAdditionalNavigation}
  575.  
  576. <div id="navwrapper">
  577.  
  578.  
  579. <!--To add custom links replace the # with your URL and custom link with your URL title-->
  580.  
  581. <div class="nav">
  582. <ul>
  583. <div class="navtitle">category one</div>
  584. <li><a href="#">custom link</a></li>
  585. <li><a href="#">custom link</a></li>
  586. <li><a href="#">custom link</a></li>
  587. <li><a href="#">custom link</a></li>
  588. </ul>
  589. </div><!--END NAV SEC-->
  590.  
  591. <div class="nav">
  592. <ul>
  593. <div class="navtitle">category one</div>
  594. <li><a href="#">custom link</a></li>
  595. <li><a href="#">custom link</a></li>
  596. <li><a href="#">custom link</a></li>
  597. <li><a href="#">custom link</a></li>
  598. </ul>
  599. </div><!--END NAV SEC-->
  600.  
  601. <div class="nav">
  602. <ul>
  603. <div class="navtitle">category one</div>
  604. <li><a href="#">custom link</a></li>
  605. <li><a href="#">custom link</a></li>
  606. <li><a href="#">custom link</a></li>
  607. <li><a href="#">custom link</a></li>
  608. </ul>
  609. </div><!--END NAV SEC-->
  610.  
  611. <div class="nav">
  612. <ul>
  613. <div class="navtitle">category one</div>
  614. <li><a href="#">custom link</a></li>
  615. <li><a href="#">custom link</a></li>
  616. <li><a href="#">custom link</a></li>
  617. <li><a href="#">custom link</a></li>
  618. </ul>
  619. </div><!--END NAV SEC-->
  620.  
  621. <div class="nav">
  622. <ul>
  623. <div class="navtitle">category one</div>
  624. <li><a href="#">custom link</a></li>
  625. <li><a href="#">custom link</a></li>
  626. <li><a href="#">custom link</a></li>
  627. <li><a href="#">custom link</a></li>
  628. </ul>
  629. </div><!--END NAV SEC-->
  630.  
  631. <!--To add additional links copy the code below and paste.-->
  632.  
  633. <div class="nav">
  634. <ul>
  635. <div class="navtitle">category one</div>
  636. <li><a href="#">custom link</a></li>
  637. <li><a href="#">custom link</a></li>
  638. <li><a href="#">custom link</a></li>
  639. <li><a href="#">custom link</a></li>
  640. </ul>
  641. </div><!--END NAV SEC-->
  642.  
  643. <!--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.-->
  644.  
  645. <!--Do not paste below this point just to be safe of not messing up the whole theme code.-->
  646.  
  647. </div><!--END NAVWRAPPER-->
  648. <!--END SIDEBAR EXTRA NAVIGATION-->
  649.  
  650. <!--To add your own about me delete the lorem ipsum text between the <p></p> tags below and replace with your own.-->
  651.  
  652. <div id="aboutwrapper">
  653. <div class="about_title">about me page title</div>
  654. <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>
  655.  
  656. </div><!--END ABOUT WRAPPER-->
  657.  
  658.  
  659. <!--DO NOT CHANGE ANY CODE BELOW THIS POINT UNLESS YOU KNOW TUMBLR THEME CODES AND HOW TO CODE THEM.-->
  660.  
  661. <!--BEGIN POSTS-->
  662. <div class="postscon">
  663.  
  664. {block:TagPage}<div class="tpages"><i class="fa fa-tag"></i>&nbsp;Posts tagged <span style="color:{color:links}">#{Tag}</span></div>{/block:TagPage}
  665.  
  666. {block:Posts}
  667. <div class="posts">
  668.  
  669. {block:Text}
  670. {block:Title}<h1>{Title}</h1>{/block:Title}
  671. {Body}
  672. {/block:Text}
  673.  
  674. {block:Answer}
  675. <div class="question">{Asker} asked: {Question}</div>
  676. <div class="answer">{Answer}</div>
  677. {/block:Answer}
  678.  
  679. {block:Quote}
  680. <h2>{Quote}</h2>
  681. {block:Source}<div class="source">{Source}</div>{/block:Source}
  682. {/block:Quote}
  683.  
  684. {block:Link}
  685. <div class="linkpost_link"><a href="{URL}">{Name}</a></div>
  686. {block:Description}{Description}{/block:Description}
  687. {/block:Link}
  688.  
  689. {block:Chat}
  690. {block:Title}<h1>{Title}</h1>{/block:Title}
  691. <div class="chat">
  692. {block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:label}{Line}</div>{/block:Lines}</div>
  693. {/block:Chat}
  694.  
  695. {block:Photo}
  696. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkClostTag}
  697. {block:Caption}{Caption}{/block:Caption}
  698. {/block:Photo}
  699.  
  700. {block:Photoset}
  701. {Photoset-500}
  702. {block:Caption}{Caption}{/block:Caption}
  703. {/block:Photoset}
  704.  
  705. {block:Video}
  706. {Video-500}
  707. {block:Caption}{Caption}{/block:Caption}
  708. {/block:Video}
  709.  
  710.  
  711.  
  712.  
  713. <div id="info"><div id="permalink">
  714. <a href="{Permalink}">
  715. {block:Date}{MonthNumberWithZero}.{DayofMonthWithZero}.{ShortYear} <span style="color:#72d2a0;">&#8226;</span> {/block:Date}
  716. {block:Date}{NoteCountWithLabel} <span style="color:#72d2a0;">&#8226;</span> {/block:Date}
  717. {block:Date}<a href="{ReblogURL}"><i class="fa fa-refresh" aria-hidden="true" title="Reblog"></i></a>{/block:Date}
  718. <br>
  719. {block:ContentSource}<a href="{SourceURL}" title="Source"><span style="color:#72d2a0;">{SourceTitle}</span></a>{/block:ContentSource}
  720. </a>
  721.  
  722. </div>
  723. </div><!--END POST FOOTER-->
  724.  
  725.  
  726. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  727.  
  728. {block:PostNotes}{PostNotes}{/block:PostNotes}
  729.  
  730. </div>
  731. {/block:Posts}
  732. </div>
  733.  
  734.  
  735. <!--END POSTS-->
  736.  
  737. <div id="pagi"></div>
  738. <div class="pagi2"><center><div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</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}">&raquo;</a>{/block:NextPage}{/block:Pagination} </div></center></div>
  739.  
  740.  
  741.  
  742. </div>
  743. <!--END CONTAINER-->
  744.  
  745.  
  746.  
  747. </body>
  748.  
  749.  
  750.  
  751. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!