navys

white light extra

Aug 5th, 2017
311
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.87 KB | None | 0 0
  1. <!--
  2.  
  3. THEME 01
  4. white light
  5.  
  6. by @02px
  7.  
  8. enjoy :-)
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.  
  21. <meta name="image:header" content="" />
  22. <meta name="color:background" content="#f8f8f8" />
  23. <meta name="color:content background" content="#ffffff" />
  24. <meta name="color:accent" content="#f8f8f8" />
  25. <meta name="color:title" content="#131313" />
  26. <meta name="color:text" content="#131313" />
  27. <meta name="color:links" content="#00000" />
  28. <meta name="color:links hover" content="#00000" />
  29. <meta name="color:scrollbar" content="#00000" />
  30. <meta name="select:post width" content="400" title="400px" />
  31. <meta name="select:post width" content="450" title="450px" />
  32. <meta name="select:post width" content="500" title="500px" />
  33. <meta name="select:font size" content="11" title="11px" />
  34. <meta name="select:font size" content="10" title="10px" />
  35. <meta name="select:font size" content="11" title="11px" />
  36. <meta name="select:font size" content="12" title="12px" />
  37. <meta name="select:font size" content="13" title="13px" />
  38. <meta name="select:font" content="'Lato'" title="Lato" />
  39. <meta name="select:font" content="'Open Sans'" title="Open Sans" />
  40. <meta name="select:language 1 progress" content="18" title="10%" />
  41. <meta name="select:language 1 progress" content="36" title="20%" />
  42. <meta name="select:language 1 progress" content="72" title="40%" />
  43. <meta name="select:language 1 progress" content="90" title="50%" />
  44. <meta name="select:language 1 progress" content="126" title="70%" />
  45. <meta name="select:language 1 progress" content="162" title="90%" />
  46. <meta name="select:language 1 progress" content="180" title="100%" />
  47. <meta name="select:language 2 progress" content="18" title="10%" />
  48. <meta name="select:language 2 progress" content="36" title="20%" />
  49. <meta name="select:language 2 progress" content="72" title="40%" />
  50. <meta name="select:language 2 progress" content="90" title="50%" />
  51. <meta name="select:language 2 progress" content="126" title="70%" />
  52. <meta name="select:language 2 progress" content="162" title="90%" />
  53. <meta name="select:language 2 progress" content="180" title="100%" />
  54. <meta name="select:language 3 progress" content="18" title="10%" />
  55. <meta name="select:language 3 progress" content="36" title="20%" />
  56. <meta name="select:language 3 progress" content="72" title="40%" />
  57. <meta name="select:language 3 progress" content="90" title="50%" />
  58. <meta name="select:language 3 progress" content="126" title="70%" />
  59. <meta name="select:language 3 progress" content="162" title="90%" />
  60. <meta name="select:language 3 progress" content="180" title="100%" />
  61. <meta name="select:language 4 progress" content="18" title="10%" />
  62. <meta name="select:language 4 progress" content="36" title="20%" />
  63. <meta name="select:language 4 progress" content="72" title="40%" />
  64. <meta name="select:language 4 progress" content="90" title="50%" />
  65. <meta name="select:language 4 progress" content="126" title="70%" />
  66. <meta name="select:language 4 progress" content="162" title="90%" />
  67. <meta name="select:language 4 progress" content="180" title="100%" />
  68. <meta name="select:language 5 progress" content="18" title="10%" />
  69. <meta name="select:language 5 progress" content="36" title="20%" />
  70. <meta name="select:language 5 progress" content="72" title="40%" />
  71. <meta name="select:language 5 progress" content="90" title="50%" />
  72. <meta name="select:language 5 progress" content="126" title="70%" />
  73. <meta name="select:language 5 progress" content="162" title="90%" />
  74. <meta name="select:language 5 progress" content="180" title="100%" />
  75. <meta name="text:more info text" content="put anything else you like here. as long as you want :)" />
  76. <meta name="text:location" content="saturn" />
  77. <meta name="text:mood" content="sleepy" />
  78. <meta name="text:listening to" content="forrest gump - frank ocean" />
  79. <meta name="text:language 1" content="english" />
  80. <meta name="text:language 2" content="german" />
  81. <meta name="text:language 3" content="russian" />
  82. <meta name="text:language 4" content="sign language" />
  83. <meta name="text:language 5" content="html5" />
  84. <meta name="text:top link 1 url" content="" />
  85. <meta name="text:top link 1" content="" />
  86. <meta name="text:top link 2 url" content="" />
  87. <meta name="text:top link 2" content="" />
  88. <meta name="text:link 1 url" content="" />
  89. <meta name="text:link 1" content="" />
  90. <meta name="text:link 2 url" content="" />
  91. <meta name="text:link 2" content="" />
  92. <meta name="text:link 3 url" content="" />
  93. <meta name="text:link 3" content="" />
  94. <meta name="text:link 4 url" content="" />
  95. <meta name="text:link 4" content="" />
  96. <meta name="text:link 5 url" content="" />
  97. <meta name="text:link 5" content="" />
  98. <meta name="text:link 6 url" content="" />
  99. <meta name="text:link 6" content="" />
  100. <meta name="text:link 7 url" content="" />
  101. <meta name="text:link 7" content="" />
  102. <meta name="text:link 8 url" content="" />
  103. <meta name="text:link 8" content="" />
  104. <meta name="if:header" content="" />
  105. <meta name="if:learn more box" content="" />
  106. <meta name="if:language box" content="" />
  107. <meta name="if:updates box" content="" />
  108. <meta name="if:language 3" content="" />
  109. <meta name="if:language 4" content="" />
  110. <meta name="if:language 5" content="" />
  111. </head>
  112.  
  113. <script src="https://use.fontawesome.com/6ac3a8bdbf.js"></script>
  114.  
  115. <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700|Open+Sans:400,400i,700" rel="stylesheet">
  116.  
  117. <link href='http://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  118.  
  119. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  120.  
  121. {block:ifHeader}
  122. {block:IndexPage}
  123. <script>
  124. $(document).scroll(function() {
  125. var y = $(this).scrollTop();
  126. if (y > 450) {
  127. $('.header2').show();
  128. }if (y > 450) {
  129. $('.header').hide();
  130. }
  131. });
  132. </script>
  133.  
  134. <script>
  135. $(document).scroll(function() {
  136. var y = $(this).scrollTop();
  137. if (y < 450) {
  138. $('.header2').hide();
  139. } if (y < 450) {
  140. $('.header').show();
  141. }
  142. });
  143. </script>
  144. {/block:IndexPage}
  145. {/block:ifHeader}
  146.  
  147. <style type="text/css">
  148.  
  149. /* -------GENERAL------- */
  150.  
  151. ::-webkit-scrollbar{
  152. width:7px;
  153. height:7px;
  154. }
  155.  
  156. ::-webkit-scrollbar{
  157. background-color:{color:Background};
  158. border-radius:10px;
  159. }
  160.  
  161. ::-webkit-scrollbar-track{
  162. border:2px solid {color:Background};
  163. }
  164.  
  165. ::-webkit-scrollbar-thumb{
  166. border:2px solid {color:Background};
  167. background-color:{color:Scrollbar};
  168. }
  169.  
  170. ::-webkit-scrollbar:horizontal{
  171. display:none;
  172. }
  173.  
  174. ::-moz-selection{
  175. background:#eee;
  176. }
  177.  
  178. ::selection{
  179. background:#eee;
  180. }
  181.  
  182. .controls {
  183. font-size:10px;color:{color:links};position:fixed;top:20px;right:15px;cursor:pointer;padding:1px 6px;border-radius:3px;}
  184. #tumblr_controls,.tmblr-iframe{
  185. -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0;
  186. top:10px!important;right:0!important;z-index:9999999999999999999999;
  187. padding:10px 40px 0px 10px;-moz-transition:.2s ease;-webkit-transition:.2s ease;transition:.2s ease;
  188. }
  189. #tumblr_controls:hover,.tmblr-iframe:hover{opacity:0.4;}
  190.  
  191. body {
  192. background-color:{color:background};
  193. font-size:{select:font size}px;
  194. color:{color:text};
  195. font-family:{select:font}, sans-serif;
  196. }
  197.  
  198. a {
  199. text-decoration:none;
  200. color:{color:links};
  201. transition:.4s ease;
  202. }
  203.  
  204. a:hover {
  205. text-decoration:none;
  206. color:{color:links hover};
  207. }
  208.  
  209. /*------POST SETTINGS------*/
  210.  
  211. img {
  212. max-width:100%;
  213. }
  214.  
  215. blockquote {
  216. margin-left:5px;
  217. padding-left:10px;
  218. border-left:1px solid #eee;
  219. }
  220.  
  221. ol.notes {
  222. padding: 0px;
  223. margin: 25px 0px;
  224. list-style-type: none;
  225. }
  226.  
  227. ol.notes li.note {
  228. padding: 10px;
  229. }
  230.  
  231. ol.notes li.note img.avatar {
  232. vertical-align: -4px;
  233. margin-right: 10px;
  234. width: 0px;
  235. height: 0px;
  236. }
  237.  
  238. ol.notes li.note span.action {
  239. font-weight: normal;
  240. }
  241.  
  242. ol.notes li.note .answer_content {
  243. font-weight: normal;
  244. }
  245.  
  246. ol.notes li.note blockquote {
  247. padding: 4px 10px;
  248. margin: 10px 0px 0px 25px;
  249. }
  250.  
  251. ol.notes li.note blockquote a {
  252. text-decoration: none;
  253. }
  254.  
  255. /*------HEADER------*/
  256.  
  257. .header, .header2 {
  258. height:40px;
  259. padding:10px;
  260. top:0px;
  261. background:{color:content background};
  262. margin:-1px auto 30px auto;
  263. width:680px;
  264. border:1px solid #eee;
  265. left: 0;
  266. right: 0;
  267. position:fixed;
  268. z-index:99999;
  269. }
  270.  
  271. .header2 {
  272. width:calc({select:post width}px + 500px);
  273. {block:ifHeader}
  274. display:none;
  275. {/block:ifHeader}
  276. }
  277.  
  278. img.icon {
  279. height:40px;
  280. width:40px;
  281. border-radius:100%;
  282. margin-left:5px;
  283. }
  284.  
  285. #title {
  286. text-transform:uppercase;
  287. font-weight:700;
  288. color:{color:title};
  289. letter-spacing:.5px;
  290. display:inline-block;
  291. vertical-align:top;
  292. margin-left:10px;
  293. margin-top:5px;
  294. position:fixed;
  295. }
  296.  
  297. #url {
  298. display:inline-block;
  299. font-size:10px;
  300. position:fixed;
  301. opacity:.3;
  302. margin-left:10px;
  303. vertical-align:top;
  304. margin-top:22px;
  305. }
  306.  
  307. .linksbox {
  308. display:inline-block;
  309. text-transform:uppercase;
  310. vertical-align:top;
  311. margin-top:12px;
  312. font-size:11px;
  313. float:right;
  314. }
  315.  
  316. .links {
  317. margin-right:40px;
  318. display:inline-block;
  319. font-size:calc({select:font size}px - 1px);
  320. letter-spacing:.5px;
  321. }
  322.  
  323. .paginate {
  324. float:right;
  325. text-align:right;
  326. display:inline-block;
  327. font-size:9px;
  328. margin-top:14px;
  329. margin-right:10px;
  330. }
  331.  
  332. .paginate a {
  333. margin-left:20px;
  334. }
  335.  
  336. img.center {
  337. padding:10px;
  338. display:block;
  339. object-fit:cover;
  340. overflow:hidden;
  341. width:680px;
  342. max-height:400px;
  343. background:{color:content background};
  344. margin:80px auto 0 auto;
  345. border:1px solid #eee;
  346. }
  347.  
  348. /*------SIDEBARS------*/
  349.  
  350. .sidebar {
  351. width:210px;
  352. float:left;
  353. position:absolute;
  354. }
  355.  
  356. .sidebar2 {
  357. width:210px;
  358. float:right;
  359. }
  360.  
  361. .sb, .sb2 {
  362. width:210px;
  363. height:auto;
  364. display:block;
  365. background:{color:content background};
  366. border:1px solid #eee;
  367. }
  368.  
  369. .sb2 {
  370. margin-top:40px;
  371. }
  372.  
  373. .sb3 {
  374. width:210px;
  375. height:auto;
  376. display:block;
  377. float:right;
  378. background:{color:content background};
  379. border:1px solid #eee;
  380. margin-bottom:40px;
  381. }
  382.  
  383. .icons {
  384. padding:8px 8px 8px 9px;
  385. font-size:12px;
  386. color:black;
  387. background:{color:accent};
  388. width:11px;
  389. display:inline-block;
  390. margin:10px;
  391. }
  392.  
  393. .icontitle {
  394. text-transform:uppercase;
  395. color:{color:title};
  396. display:inline-block;
  397. letter-spacing:.5;
  398. font-weight:700;
  399. margin-left:10px;
  400. }
  401.  
  402. .text {
  403. padding:15px;
  404. border-top:1px solid #eee;
  405. display:block;
  406. }
  407.  
  408. .text icon {
  409. color:{color:accent};
  410. font-size:12px;
  411. width:20px;
  412. display:inline-block;
  413. text-align:center;
  414. filter:brightness(90%) saturate(150%);
  415. }
  416.  
  417. .language {
  418. margin-top:10px;
  419. height:1px;
  420. width:180px;
  421. background:#eee;
  422. margin-bottom:10px;
  423. }
  424.  
  425. .bar1, .bar2, .bar3, .bar4, .bar5 {
  426. height:3px;
  427. background:{color:accent};
  428. position:absolute;
  429. margin-top:-12px;
  430. }
  431.  
  432. .bar1 {width:{select:language 1 progress}px;}.bar2 {width:{select:language 2 progress}px;}.bar3 {width:{select:language 3 progress}px;}.bar4 {width:{select:language 4 progress}px;}.bar5 {width:{select:language 5 progress}px;}
  433.  
  434. p.updates-title-1 {
  435. font-weight:700;
  436. font-size:calc({select:font size}px - 1px);
  437. text-transform:uppercase;
  438. color:{color:title};
  439. margin-top:1px;
  440. }
  441.  
  442. p.updates-title {
  443. font-weight:700;
  444. font-size:calc({select:font size}px - 1px);
  445. text-transform:uppercase;
  446. color:{color:title};
  447. margin-top:10px;
  448. }
  449.  
  450. .nav {
  451. padding:10px;
  452. font-size:calc({select:font size}px - 1px);
  453. border-bottom:1px solid #eee;
  454. text-transform:uppercase;
  455. letter-spacing:.5px;
  456. }
  457.  
  458. .nav1 {
  459. padding:10px;
  460. border-bottom:1px solid #eee;
  461. text-transform:uppercase;
  462. letter-spacing:.5px;
  463. border-top:1px solid #eee;
  464. font-size:calc({select:font size}px - 1px);
  465. }
  466.  
  467. .nav2 {
  468. padding:10px;
  469. text-transform:uppercase;
  470. letter-spacing:.5px;
  471. font-size:calc({select:font size}px - 1px);
  472. }
  473.  
  474. /*------POSTS-------*/
  475.  
  476. .container {
  477. width:calc({select:post width}px + 520px);
  478. margin:auto;
  479. margin-bottom:100px;
  480. }
  481.  
  482. .posts {
  483. width:{select:post width}px;
  484. margin:auto;
  485. margin-top:70px;
  486. transition: .5s ease;
  487. }
  488.  
  489. .texts {
  490. padding:45px 15px 5px 15px;
  491. border:1px solid #eee;
  492. background:{color:content background};
  493. }
  494.  
  495. .photo {
  496. padding:45px 15px 15px 15px;
  497. border:1px solid #eee;
  498. background:{color:content background};
  499. border-top:1px solid #eee;
  500. border-left:1px solid #eee;
  501. border-right:1px solid #eee;
  502. border-bottom:none;
  503. }
  504.  
  505. .caption {
  506. padding:0px 15px 5px 15px;
  507. margin-top:-11px;
  508. background:{color:content background};
  509. border-bottom:1px solid #eee;
  510. border-left:1px solid #eee;
  511. border-right:1px solid #eee;
  512. border-top:none;
  513. }
  514.  
  515. .quote {
  516. padding:45px 15px 5px 15px;
  517. border:1px solid #eee;
  518. background:{color:content background};
  519. }
  520.  
  521. .q {
  522. font-size:12px;
  523. font-weight:700;
  524. color:{color:title};
  525. }
  526.  
  527. .h1 {
  528. font-size:12px;
  529. font-weight:700;
  530. color:{color:title};
  531. }
  532.  
  533. a.tumblr_blog {
  534. font-size:calc({select:font size}px - 1px);
  535. line-height:100%;
  536. margin:0 0 8px;
  537. text-transform:uppercase;
  538. letter-spacing:.5px;
  539. }
  540.  
  541. .permalinks {
  542. border:1px solid #eee;
  543. margin-top:-1px;
  544. width:calc({select:post width}px - 32px);
  545. padding:10px 15px 6px 15px;
  546. display:inline-block;
  547. background:{color:content background};
  548. font-size:calc({select:font size}px - 2px);
  549. }
  550.  
  551. .permalinks icon {
  552. color:{color:accent};
  553. font-size:11px;
  554. padding-right:10px;
  555. }
  556.  
  557. .via {
  558. border:1px solid #eee;
  559. margin-bottom:-1px;
  560. width:calc({select:post width}px - 32px);
  561. padding:9px 15px 8px 15px;
  562. background:{color:content background};
  563. font-size:calc({select:font size}px - 2px);
  564. float:right;
  565. vertical-align:top;
  566. text-align:right;
  567. right:10px;
  568. }
  569.  
  570. .via a {
  571. padding-left:5px;
  572. }
  573.  
  574. .buttons {
  575. float:right;
  576. display:inline-block;
  577. font-size:15px;
  578. margin-top:-3px;
  579. margin-bottom:3px;
  580. }
  581.  
  582. .buttons a {
  583. color:{color:text};
  584. }
  585.  
  586. .custom-like-button *{cursor:pointer!important;}
  587. .custom-like-button {
  588. position:relative;
  589. display:inline-block;
  590. vertical-align:top;
  591. width:17px;
  592. font-size:14px;
  593. height:15px;
  594. margin:1px 4px;
  595. cursor:pointer;
  596. }
  597.  
  598. .like_button:hover + .our_button {color:red;}
  599. .like_button.liked + .our_button {color:red;}
  600. .like_button iframe {width:100%!important;height:100%!important;}
  601. .like_button {z-index:10;opacity:0;}
  602. .our_button {z-index:1;}
  603. .our_button,.like_button {
  604. position:absolute;
  605. top:0;
  606. left:0;
  607. width:100%;
  608. height:100%;
  609. }
  610.  
  611. .tags {
  612. margin:5px 15px;
  613. font-size:calc({select:font size}px - 1px);
  614. }
  615.  
  616. .tags a {
  617. padding-right:5px;
  618. }
  619.  
  620. .notes {
  621. padding:15px;
  622. margin-top:20px;
  623. background:{color:content background};
  624. border:1px solid #eee;
  625. }
  626. n {bottom:20px;right:20px;position:fixed;font-size:10px;}
  627.  
  628. </style>
  629.  
  630. <body>
  631.  
  632. <div class="controls"><i class="fa fa-bars" aria-hidden="true"></i></div>
  633. <div class="n"><a href="https://02px.tumblr.com">02</a></div>
  634.  
  635. {block:ifHeader}
  636. {block:IndexPage}
  637. <div class="header">
  638. <img class="icon" src="{PortraitURL-40}">
  639. <div id="title">{Title}</div>
  640. <div id="url">{Name}</div>
  641.  
  642. {block:Pagination}
  643. <div class="paginate">
  644. {block:PreviousPage}
  645. <a href="{PreviousPage}"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>
  646. {/block:PreviousPage}
  647. {block:NextPage}
  648. <a href="{NextPage}"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
  649. {/block:NextPage}
  650. </div>
  651. {/block:Pagination}
  652.  
  653. <div class="linksbox">
  654. <div class="links"><a href="/">refresh</a></div>
  655. <div class="links"><a href="/ask">mail</a></div>
  656. <div class="links"><a href="/archive">grid</a></div>
  657. <div class="links"><a href="{text:top link 1 url}">{text:top link 1}</a></div>
  658. <div class="links"><a href="/{text:top link 2 url}">{text:top link 2}</a></div>
  659. </div>
  660. </div>
  661. {/block:IndexPage}
  662. {/block:ifHeader}
  663.  
  664. <div class="header2">
  665. <img class="icon" src="{PortraitURL-40}">
  666. <div id="title">{Title}</div>
  667. <div id="url">{Name}</div>
  668.  
  669. {block:Pagination}
  670. <div class="paginate">
  671. {block:PreviousPage}
  672. <a href="{PreviousPage}"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>
  673. {/block:PreviousPage}
  674. {block:NextPage}
  675. <a href="{NextPage}"><i class="fa fa-chevron-right" aria-hidden="true"></i></a>
  676. {/block:NextPage}
  677. </div>
  678. {/block:Pagination}
  679.  
  680. <div class="linksbox">
  681. <div class="links"><a href="/">refresh</a></div>
  682. <div class="links"><a href="/ask">mail</a></div>
  683. <div class="links"><a href="/archive">grid</a></div>
  684. <div class="links"><a href="{text:top link 1 url}">{text:top link 1}</a></div>
  685. <div class="links"><a href="/{text:top link 2 url}">{text:top link 2}</a></div>
  686. </div>
  687. </div>
  688. {block:ifHeader}
  689. {block:IndexPage}
  690. <img class="center" src="{image:header}">
  691. {/block:IndexPage}
  692. {/block:ifHeader}
  693.  
  694. <div class="container">
  695.  
  696. {block:IndexPage}
  697.  
  698. <div class="sidebar">
  699.  
  700. <div class="sb">
  701. <div class="icons"><i class="fa fa-user-o" aria-hidden="true"></i></div><div class="icontitle">about</div>
  702. <div class="text">{block:Description}{Description}{/block:Description}</div>
  703. </div>
  704.  
  705. {block:ifLearnMoreBox}
  706. <div class="sb2">
  707. <div class="icons"><i class="fa fa-sticky-note-o" aria-hidden="true"></i></div><div class="icontitle">learn more</div>
  708. <div class="text">{text:more info text}<p>
  709. <icon><i class="fa fa-map-marker" aria-hidden="true"></i></icon> {text:location}<br>
  710. <icon><i class="fa fa-heart-o" aria-hidden="true"></i></icon> {text:mood}<br>
  711. <icon><i class="fa fa-volume-up" aria-hidden="true"></i></icon> {text:listening to}
  712. </div>
  713. </div>
  714. {/block:ifLearnMoreBox}
  715.  
  716. {block:ifLanguageBox}
  717. <div class="sb2">
  718. <div class="icons"><i class="fa fa-globe" aria-hidden="true"></i></div><div class="icontitle">languages</div>
  719. <div class="text">
  720. {text:language 1}
  721. <div class="language"></div><div class="bar1"></div>
  722. {text:language 2}
  723. <div class="language"></div><div class="bar2"></div>
  724. {block:ifLanguage3}
  725. {text:language 3}
  726. <div class="language"></div><div class="bar3"></div>
  727. {/block:ifLanguage3}
  728. {block:ifLanguage4}
  729. {text:language 4}
  730. <div class="language"></div><div class="bar4"></div>
  731. {/block:ifLanguage4}
  732. {block:ifLanguage5}
  733. {text:language 5}
  734. <div class="language"></div><div class="bar5"></div>
  735. {/block:ifLanguage5}
  736. </div>
  737. </div>
  738. {/block:ifLanguageBox}
  739.  
  740. <!-- Edit the Updates here -->
  741.  
  742. {block:ifUpdatesBox}
  743. <div class="sb2">
  744. <div class="icons"><i class="fa fa-moon-o" aria-hidden="true"></i></div><div class="icontitle">updates</div>
  745. <div class="text">
  746. <!-- Here is the title to each updates box -->
  747. <p class="updates-title-1">Updates Title One</p>
  748. <!-- Here is the text in the updates tab -->
  749. updates tab text here. add whatever you want :-)
  750.  
  751. <!-- If you want more updates boxes, copy everything below: .... -->
  752. <p class="updates-title">Updates Title Two</p>
  753. updates tab text here. add whatever you want :-)<br>more<br>even more!
  754. <!-- .... And paste it here. -->
  755.  
  756. </div>
  757. </div>
  758. {/block:ifUpdatesBox}
  759.  
  760. </div>
  761.  
  762. <div class="sidebar2">
  763. <div class="sb3">
  764. <div class="icons"><i class="fa fa-bars" aria-hidden="true"></i></div><div class="icontitle">links</div>
  765. <div class="nav1"><a href="{text:link 1 url}">{text:link 1}</a></div>
  766.  
  767. <!-- If you want to delete any links, just delete any of these lines except the last one.
  768.  
  769. to add any links, just copy and paste more of these lines, replacing the {} with your text.-->
  770.  
  771. <div class="nav"><a href="{text:link 2 url}">{text:link 2}</a></div>
  772. <div class="nav"><a href="{text:link 3 url}">{text:link 3}</a></div>
  773. <div class="nav"><a href="{text:link 4 url}">{text:link 4}</a></div>
  774. <div class="nav"><a href="{text:link 5 url}">{text:link 5}</a></div>
  775. <div class="nav"><a href="{text:link 6 url}">{text:link 6}</a></div>
  776. <div class="nav"><a href="{text:link 7 url}">{text:link 7}</a></div>
  777.  
  778. <!-- But keep this one at the bottom!-->
  779.  
  780. <div class="nav2"><a href="{text:link 8 url}">{text:link 8}</a></div>
  781. </div>
  782.  
  783. <div class="sb3">
  784. <div class="icons"><i class="fa fa-moon-o" aria-hidden="true"></i></div><div class="icontitle">updates</div>
  785. <div class="text">
  786. <!-- Here is the title to each updates box -->
  787. <p class="updates-title-1">Updates Title One</p>
  788. <!-- Here is the text in the updates tab -->
  789. updates tab text here. add whatever you want :-)
  790.  
  791. <!-- If you want more updates boxes, copy everything below: .... -->
  792. <p class="updates-title">Updates Title Two</p>
  793. updates tab text here. add whatever you want :-)<br>more<br>even more!
  794. <!-- .... And paste it here. -->
  795.  
  796. </div>
  797. </div>
  798.  
  799. </div>
  800.  
  801. {/block:IndexPage}
  802.  
  803. {block:Posts}
  804.  
  805. <div class="posts">
  806.  
  807. {block:RebloggedFrom}
  808. <div class="via">
  809. <a href="{ReblogParentURL}">{ReblogParentName}, </a> <a href="{ReblogRootURL}"> {ReblogRootName}</a></div>
  810. {/block:RebloggedFrom}
  811.  
  812. {block:Text}<div class="texts">{block:Title}<div class="h1">{Title}</div>{/block:Title}{Body}</div>{/block:Text}
  813.  
  814. {block:Photo}
  815. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  816.  
  817. {block:Photoset}<div class="photo">{Photoset}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  818.  
  819. {block:Quote}<div class="quote"><div class="h1">"{Quote}"</div>{block:Source}{Source}{/block:Source}</div>{/block:Quote}
  820.  
  821. {block:Link}<div class="texts"><a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  822.  
  823. {block:Chat}<div class="texts">{block:Title}{Title}</a>{/block:Title}
  824. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}</div>{/block:Chat}
  825.  
  826. {block:Video}<div class="text">{Video-500}{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  827.  
  828. {block:Audio}<div class="texts">{AudioEmbed}{block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}
  829.  
  830. {block:Date}
  831. <div class="permalinks">
  832. <icon><i class="fa fa-clock-o" aria-hidden="true"></i></icon>
  833. <a href="{PermaLink}">{TimeAgo}, </a>
  834. <a href="{PermaLink}">{NoteCountWithLabel}</a>
  835. <div class="buttons">
  836. <div class="custom-like-button">{LikeButton}
  837. <span class="our_button"><i class="oi oi-heart"></i></span>
  838. </div>
  839. <a href="{ReblogURL}"><i class="oi oi-refresh"></i></a>
  840. </div>
  841. </div>
  842. {/block:Date}
  843.  
  844. {block:HasTags}
  845. <div class="tags">
  846. {block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}</div>
  847. {/block:HasTags}
  848.  
  849. {block:PostNotes}
  850. <div class="notes">{PostNotes}</div>
  851. {/block:PostNotes}
  852.  
  853. {block:ContentSource}
  854. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  855. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  856. {/block:SourceLogo}
  857. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  858. {/block:ContentSource}
  859.  
  860. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  861.  
  862. </div>
  863.  
  864. {/block:Posts}
  865.  
  866. </div>
  867.  
  868. </body>
  869. </html>
Advertisement
Add Comment
Please, Sign In to add comment