API tools faq
paste
silbrigthemes

Notizbuch (Page #18)

silbrigthemes
Mar 3rd, 2019 (edited)
1,211
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6. NOTIZBUCH
  7. Page #18 by silbrigthemes
  8.  
  9. A responsive page inspired by a notebook.
  10.  
  11. Rules:
  12.  
  13. 1) Do not steal (parts of) the code.
  14. 2) Do not redistribute on other websites.
  15. 3) Do not claim as your own.
  16. 4) Do not edit beyond recognition.
  17. 5) Do not alter or delete the credit.
  18. 6) Do not use as a base code.
  19.  
  20. Useful annotations to this code have been made.
  21.  
  22. If you need any help with the customization, feel free to send me a message via silbrigthemes.tumblr.com/ask or send a message to my official support blog, silbrigsupport.tumblr.com.
  23.  
  24. -->
  25.  
  26. <head>
  27.  
  28. <meta charset="utf-16">
  29. <title>{Title} | About</title>
  30. <link rel="shortcut icon" href="{Favicon}"/>
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  32. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}">
  33.  
  34. <!-- Necessary for the theme to be responsive. -->
  35. <meta name="viewport" content="width=device-width, initial-scale=1">
  36.  
  37. <!-- Necessary for the scripts to work. -->
  38. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  39.  
  40. <!-- Changes the toolbar color on mobile. -->
  41. <meta name="theme-color" content="#ccc"/>
  42.  
  43. <!-- Tooltip Script -->
  44. <script src="https://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  45. <script>
  46. (function($){
  47. $(document).ready(function(){
  48. $("[title]").style_my_tooltips({
  49. tip_follows_cursor:true,
  50. tip_delay_time:200,
  51. tip_fade_speed:300
  52. }
  53. );
  54. });
  55. })(jQuery);
  56. </script>
  57.  
  58. <!-- Icon font, by suiomi. -->
  59. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  60.  
  61. <!-- Font "Mali", by Cadson Demak. -->
  62. <link href="https://fonts.googleapis.com/css?family=Mali:300,400,700&amp;subset=latin-ext,thai,vietnamese" rel="stylesheet">
  63.  
  64. <!-- Other fonts. -->
  65. <!-- Cormorant Garamond -->
  66. <link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:300,400,700&amp;subset=cyrillic,cyrillic-ext,latin-ext,vietnamese" rel="stylesheet">
  67. <!-- Dancing Script -->
  68. <link href="https://fonts.googleapis.com/css?family=Dancing+Script:400,700&amp;subset=latin-ext,vietnamese" rel="stylesheet">
  69. <!-- Roboto Mono -->
  70. <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
  71.  
  72. <style>
  73.  
  74. body{
  75. margin:0;
  76. top:0;
  77. left:0;
  78. font-size:1em; /* 1em = 16px */
  79. background-color:white; /* change background color here */
  80. font-family:"Mali", "Comic Sans MS"; /* change fonts here */
  81. color:#00008b; /* change text color here */
  82. overflow-x:hidden;
  83. text-align:justify; /* alt.: left, center, right */
  84. }
  85.  
  86. /* Custom Text Selection */
  87. ::selection{
  88. background-color:#c0ebff; /* background color */
  89. /*color:white;*/
  90. /* uncomment the line above if the selection background is
  91. going to be a dark color */
  92. }
  93.  
  94. ::-moz-selection{
  95. background-color:#c0ebff;
  96. /*color:white;*/
  97. /* uncomment the line above if the selection background is
  98. going to be a dark color */
  99. }
  100.  
  101. ::-o-selection{
  102. background-color:#c0ebff;
  103. /*color:white;*/
  104. /* uncomment the line above if the selection background is
  105. going to be a dark color */
  106. }
  107.  
  108. ::-webkit-selection{
  109. background-color:#c0ebff;
  110. /*color:white;*/
  111. /* uncomment the line above if the selection background is
  112. going to be a dark color */
  113. }
  114.  
  115. /* Custom Scrollbar */
  116. ::-webkit-scrollbar{
  117. width:10px; /* track width */
  118. /*background-color:[COLOR HERE];*/
  119. /* uncomment the line above if the background under body is
  120. not white (#fff) and change [COLOR HERE] to a color matching the body background as the default track has a
  121. white background */
  122. }
  123.  
  124. ::-webkit-scrollbar-thumb{
  125. width:10px; /* thumb width */
  126. border-radius:5px; /* rounded corners */
  127. background-color:#ccc; /* background color */
  128. }
  129.  
  130. /* Custom Tooltips */
  131. #s-m-t-tooltip{
  132. max-width:300px;
  133. margin:15px;
  134. padding:0.5em;
  135. z-index:9999999999999;
  136. font-size:12px; /* change font-size here */
  137. /* font-size under body{} - 4px */
  138. text-transform:uppercase; /* alt.: normal, lowercase */
  139. font-family:"Mali", Verdana; /* change font here */
  140. border-radius:2px; /* rounded corners */
  141. background-color:#f0f0f0; /* change background color here */
  142. color:inherit; /* change text color here */
  143. /* note: inherit means the text color of the tooltips is the
  144. same as the text color under body{} */
  145. }
  146.  
  147. /** --- TEXT STYLES --- **/
  148. /* Bold Text */
  149. b, strong{
  150. font-weight:bold;
  151. }
  152.  
  153. /* Italic Text */
  154. i, em{
  155. font-weight:300; /* alt.: 400 */
  156. font-style:italic;
  157. }
  158.  
  159. /* Marked Text */
  160. mark{
  161. background-color:#fff4c0; /* change background color here */
  162. /*color:white;*/
  163. /* uncomment the line above if the marked text background is
  164. going to be a dark color */
  165. }
  166.  
  167. /* Underlined Text */
  168. u{
  169. text-decoration:none; /* no text decoration */
  170. border-bottom:2px solid #00008b;
  171. /* thickness style color */
  172. /* color should be the same as the color under body{} */
  173. }
  174.  
  175. /* Small Text */
  176. small{
  177. font-size:14px; /* change font-size here */
  178. /* font-size under body{} - 2px */
  179. }
  180.  
  181. /* Text Line */
  182. hr{
  183. width:80%; /* change width here */
  184. border:none; /* no border */
  185. height:2px; /* change height here */
  186. background-color:#00008b; /* change background color here */
  187. border-radius:2px; /* rounded corners */
  188. }
  189.  
  190. /* Striked Text */
  191. strike{
  192. text-decoration:line-through wavy #00008b;
  193. /* line-position line-style line-color */
  194. /* keep the position the same */
  195. /* alt-styles: solid, double, dotted, dashed */
  196. /* match the color with the text color under body{} */
  197. }
  198.  
  199. /* Empty Paragraphs */
  200. p:empty{
  201. display:none; /* hidden */
  202. }
  203.  
  204. /* Preformatted Text */
  205. pre{
  206. word-wrap:break-all;
  207. white-space:pre-wrap;
  208. font-family:"Roboto Mono", Courier;
  209. font-size:14px; /* change font-size here */
  210. /* font-size under body{} - 2px */
  211. background-color:#cbffc0; /* change background color here */
  212. /*color:white;*/
  213. /* uncomment the line above if the background color is
  214. going to be a dark color */
  215. padding:4px 8px;
  216. }
  217.  
  218. pre:before{
  219. content:"<";
  220. margin-right:4px;
  221. }
  222.  
  223. pre:after{
  224. content:"/>";
  225. margin-left:4px;
  226. }
  227.  
  228. /* Blockquote */
  229. blockquote{
  230. background-color:#ffd5c0; /* change background color here */
  231. /*color:white;*/
  232. /* uncomment the line above if the background color is
  233. going to be a dark color */
  234. padding:4px 8px;
  235. border-radius:2px; /* rounded corners */
  236. }
  237.  
  238. blockquote:before{
  239. content:">>";
  240. margin-right:4px;
  241. }
  242.  
  243. blockquote:after{
  244. content:"<<";
  245. margin-left:4px;
  246. }
  247.  
  248. /* HEADINGS */
  249. /* First Heading */
  250. h1{
  251. font-size:2em; /* 2 x font-size under body{} */
  252. font-weight:normal; /* alt.: 700 (bold), 300 (thin) */
  253. }
  254.  
  255. /* Second Heading */
  256. h2{
  257. font-size:1.5em; /* 1.5 x font-size under body{} */
  258. font-weight:300; /* alt.: 700 (bold), 400 (normal) */
  259. }
  260.  
  261. /* LINKS */
  262. /* Link */
  263. a{
  264. color:#00008b; /* change color here */
  265. /* match this color with the text color on body{} */
  266. text-decoration:none; /* no text decoration */
  267. box-shadow:inset 0 -8px 0 #d5c0ff; /* change color here */
  268. transition:0.5s;
  269. -moz-transition:0.5s;
  270. -o-transition:0.5s;
  271. -webkit-transition:0.5s;
  272. }
  273.  
  274. /* Link on Hover */
  275. a:hover{
  276. box-shadow:inset 0 -16px 0 #ffc0eb; /* change color here */
  277. transition:0.5s;
  278. -moz-transition:0.5s;
  279. -o-transition:0.5s;
  280. -webkit-transition:0.5s;
  281. }
  282.  
  283. /* COLORED TEXT */
  284. /* Pink Text */
  285. .npf_color_niles {
  286. color:#ff8ddb; /* change text color here */
  287. }
  288.  
  289. /* Red Text */
  290. .npf_color_joey {
  291. color:#ff8da1; /* change text color here */
  292. }
  293.  
  294. /* Orange Text */
  295. .npf_color_monica {
  296. color:#ffb38d; /* change text color here */
  297. }
  298.  
  299. /* Yellow Text */
  300. .npf_color_phoebe {
  301. color:#ffe152; /* change text color here */
  302. }
  303.  
  304. /* Green Text */
  305. .npf_color_ross {
  306. color:#79f25f; /* change text color here */
  307. }
  308.  
  309. /* Blue Text */
  310. .npf_color_rachel {
  311. color:#8ddbff; /* change text color here */
  312. }
  313.  
  314. /* Purple Text */
  315. .npf_color_chandler {
  316. color:#b38dff; /* change text color here */
  317. }
  318.  
  319. /* SPECIAL FONTS */
  320. /* Quirky Font */
  321. .npf_quirky{
  322. font-family: 'Dancing Script', cursive;
  323. font-size:1.25em; /* 1.25 x font-size under body{} */
  324. }
  325.  
  326. /* Chat Font */
  327. .npf_chat{
  328. font-family:Courier;
  329. }
  330.  
  331. /* Quote Font */
  332. .npf_quote{
  333. font-family:"Cormorant Garamond", "Palatino";
  334. font-size:1.25em; /* 1.25 x font-size under body{} */
  335. }
  336.  
  337. /** ––– END TEXT STYLES | START CONTENT STYLING ––– **/
  338.  
  339. /** CONTAINER **/
  340. #container{
  341. width:70vw;
  342. height:70vh;
  343. margin-left:20vw;
  344. margin-top:15vh;
  345. display:flex;
  346. align-items:flex-start;
  347. justify-content:center;
  348. }
  349.  
  350. /** LEFT SIDE OF NOTEBOOK **/
  351. #other{
  352. width:30vw;
  353. height:70vh;
  354. border-right:2px solid #ccc; /* change border color here */
  355. background-color:white; /* change background color here */
  356. background-image: linear-gradient(rgba(240, 240, 240, .7) .1em, transparent .1em), linear-gradient(90deg, rgba(240, 240, 240, .7) .1em, transparent .1em);
  357. background-size: 0.5em 0.5em;
  358. /* background-image and background-size set a grid here */
  359. /* rgba(240, 240, 240, .7) sets #f0f0f0 with an opacity of 70% */
  360. /* just change the triplet for the color ideally */
  361. border-radius:4px 0 0 4px; /* rounded corners */
  362. box-shadow:2px 2px 1px #ccc;
  363. /* change box-shadow color here */
  364. display:flex;
  365. align-items:center;
  366. justify-content:center;
  367. flex-direction:column;
  368. }
  369.  
  370. /* ICONS */
  371. #icon1 img, #icon2 img{
  372. width:64px;
  373. height:64px;
  374. }
  375.  
  376. /* First Icon */
  377. #icon1 img{
  378. transform:rotate(-10deg); /* tilted */
  379. margin-left:-160px;
  380. margin-top:-120px;
  381. position:fixed;
  382. }
  383.  
  384. /* Second Icon */
  385. #icon2 img{
  386. transform:rotate(10deg); /* tilted */
  387. position:fixed;
  388. margin-left:80px;
  389. margin-top:40px;
  390. }
  391.  
  392. /* TITLE */
  393. #title{
  394. font-size:2em; /* 2 x font-size under body{} */
  395. font-weight:normal; /* alt.: 300 (thin), 700 (bold) */
  396. }
  397.  
  398. /* QUOTE | DESCRIPTION */
  399. #quote{
  400. text-align:center; /* alt.: left, justify, right */
  401. }
  402.  
  403. /* SOCIAL | CUSTOM LINKS */
  404. /* Link */
  405. a.social-link{
  406. color:#00008b; /* change text color here */
  407. /* match this color to the text color under body{} */
  408. text-decoration:none; /* no text-decoration */
  409. background-color:#ffd5c0; /* change background color here */
  410. padding:2px 8px;
  411. border-radius:2px; /* rounded corners */
  412. box-shadow:none;
  413. margin-left:2px;
  414. margin-right:2px;
  415. line-height:1.75em;
  416. transition:0.5s;
  417. -moz-transition:0.5s;
  418. -o-transition:0.5s;
  419. -webkit-transition:0.5s;
  420. }
  421.  
  422. /* Link on Hover */
  423. a.social-link:hover{
  424. background-color:#cbffc0; /* change background color here */
  425. transition:0.5s;
  426. -moz-transition:0.5s;
  427. -o-transition:0.5s;
  428. -webkit-transition:0.5s;
  429. }
  430.  
  431. /** RIGHT SIDE OF NOTE BOOK **/
  432. #about{
  433. width:calc(30vw - 2em);
  434. height:calc(70vh - 1em);
  435. overflow-y:auto;
  436. padding:8px 16px;
  437. border-left:2px solid #ccc; /* change border color here */
  438. background-color:white; /* change background color here */
  439. background-image: linear-gradient(rgba(240, 240, 240, .7) .1em, transparent .1em), linear-gradient(90deg, rgba(240, 240, 240, .7) .1em, transparent .1em);
  440. background-size: 0.5em 0.5em;
  441. /* background-image and background-size set a grid here */
  442. /* rgba(240, 240, 240, .7) sets #f0f0f0 with an opacity of 70% */
  443. /* just change the triplet for the color ideally */
  444. z-index:100!important;
  445. border-radius:0 4px 4px 0; /* rounded corners */
  446. box-shadow:2px 2px 1px #ccc;
  447. /* change box-shadow color here */
  448. }
  449.  
  450. /** SIDE NAVIGATION **/
  451. #sidenav{
  452. min-width:144px;
  453. display:flex;
  454. flex-direction:column;
  455. }
  456.  
  457. /* NAVIGATION LINKS */
  458. /* Link */
  459. a.navlink{
  460. width:130px;
  461. margin-left:-120px;
  462. padding:4px 8px;
  463. border-radius:0 4px 4px 0; /* rounded corners */
  464. margin-bottom:2px;
  465. color:#00008b; /* change text color here */
  466. /* match this color with the text color under body{} */
  467. text-decoration:none; /* no text-decoration */
  468. box-shadow:none; /* no box-shadow */
  469. transition:0.5s;
  470. -moz-transition:0.5s;
  471. -o-transition:0.5s;
  472. -webkit-transition:0.5s;
  473. }
  474.  
  475. /* Link on Hover */
  476. a.navlink:hover{
  477. margin-left:-2px;
  478. transition:0.5s;
  479. -moz-transition:0.5s;
  480. -o-transition:0.5s;
  481. -webkit-transition:0.5s;
  482. }
  483.  
  484. /* Index Link */
  485. #index{
  486. background-color:#ffc0eb; /* change background color here */
  487. /*color:white;*/
  488. /* uncomment the line above if the background color is
  489. going to be a dark color */
  490. }
  491.  
  492. /* Ask Link */
  493. #ask{
  494. background-color:#ffc0cb; /* change background color here */
  495. /*color:white;*/
  496. /* uncomment the line above if the background color is
  497. going to be a dark color */
  498. }
  499.  
  500. /* Archive Link */
  501. #archive{
  502. background-color:#ffd5c0; /* change background color here */
  503. /*color:white;*/
  504. /* uncomment the line above if the background color is
  505. going to be a dark color */
  506. }
  507.  
  508. /* First Custom Link */
  509. #custom1{
  510. background-color:#fff4c0; /* change background color here */
  511. /*color:white;*/
  512. /* uncomment the line above if the background color is
  513. going to be a dark color */
  514. }
  515.  
  516. /* Second Custom Link */
  517. #custom2{
  518. background-color:#cbffc0; /* change background color here */
  519. /*color:white;*/
  520. /* uncomment the line above if the background color is
  521. going to be a dark color */
  522. }
  523.  
  524. /* Third Custom Link */
  525. #custom3{
  526. background-color:#c0ebff; /* change background color here */
  527. /*color:white;*/
  528. /* uncomment the line above if the background color is
  529. going to be a dark color */
  530. }
  531.  
  532. /* CREDIT */
  533. /* If you delete the credit, you will be blocked and reported for theft. */
  534. #page{
  535. background-color:#d5c0ff; /* change background color here */
  536. /*color:white;*/
  537. /* uncomment the line above if the background color is
  538. going to be a dark color */
  539. }
  540.  
  541. /** ––– END CONTENT STYLING | START RESPONSIVE LAYOUT ––– **/
  542.  
  543. @media only screen and (max-width:1000px){
  544. /*
  545. For tablets and smartphones the layout is not that of a notebook. In order to make this page responsive to different screen sizes, the content will be displayed in a column to ensure that the page remains readable and user-friendly.
  546. */
  547.  
  548. /* Main Container */
  549. #container{
  550. width:100vw;
  551. margin-left:0;
  552. height:auto;
  553. margin-top:0;
  554. flex-direction:column;
  555. }
  556.  
  557. /* Left and Right Side */
  558. #other, #about{
  559. min-height:100vh;
  560. border:none;
  561. box-shadow:none;
  562. }
  563.  
  564. /* Left Side and Navigation */
  565. #other, #sidenav{
  566. width:100vw;
  567. }
  568.  
  569. /* Right Side */
  570. #about{
  571. width:calc(100vw - 2em);
  572. height:auto;
  573. overflow-y:initial;
  574. }
  575.  
  576. /* ICONS */
  577. #icon1 img, #icon2 img{
  578. position:absolute;
  579. }
  580.  
  581. /* First Icon */
  582. #icon1 img{
  583. margin-left:-45vw;
  584. margin-top:-30vh;
  585. }
  586.  
  587. /* Second Icon */
  588. #icon2 img{
  589. margin-top:20vh;
  590. margin-left:30vw;
  591. }
  592.  
  593. /* NAVIGATION */
  594. /* Container */
  595. #sidenav{
  596. background-color:white;
  597. /* change background color here */
  598. background-image: linear-gradient(rgba(240, 240, 240, .7) .1em, transparent .1em), linear-gradient(90deg, rgba(240, 240, 240, .7) .1em, transparent .1em);
  599. background-size: 0.5em 0.5em;
  600. /* background-image and background-size set a grid here */
  601. /* rgba(240, 240, 240, .7) sets #f0f0f0 with an opacity of 70% */
  602. /* just change the triplet for the color ideally */
  603. padding-bottom:16px;
  604. display:flex;
  605. align-items:center;
  606. justify-content:space-evenly;
  607. flex-direction:row;
  608. flex-wrap:wrap;
  609. }
  610.  
  611. /* Link */
  612. a.navlink{
  613. margin-left:0;
  614. border-radius:2px;
  615. margin-top:4px;
  616. margin-bottom:4px;
  617. text-align:center;
  618. }
  619.  
  620. /* Link on Hover */
  621. a.navlink:hover{
  622. margin-left:0;
  623. }
  624.  
  625. /* Index Link on Hover */
  626. #index:hover{
  627. background-color:#ff8ddb;
  628. /* change background color here */
  629. }
  630.  
  631. /* Ask Link on Hover */
  632. #ask:hover{
  633. background-color:#ff8da1;
  634. /* change background color here */
  635. }
  636.  
  637. /* Archive Link on Hover */
  638. #archive:hover{
  639. background-color:#ffb38d;
  640. /* change background color here */
  641. }
  642.  
  643. /* First Custom Link on Hover */
  644. #custom1:hover{
  645. background-color:#ffe152;
  646. /* change background color here */
  647. }
  648.  
  649. /* Second Custom Link on Hover */
  650. #custom2:hover{
  651. background-color:#79f25f;
  652. /* change background color here */
  653. }
  654.  
  655. /* Third Custom Link on Hover */
  656. #custom3:hover{
  657. background-color:#8ddbff;
  658. /* change background color here */
  659. }
  660.  
  661. /* Credit Link on Hover */
  662. #page:hover{
  663. background-color:#b38dff;
  664. /* change background color here */
  665. }
  666. }
  667.  
  668. /* Hides the tumblr app button, by @yeoli-thm */
  669. .tmblr-iframe--app-cta-button {
  670. display: none!important;
  671. }
  672.  
  673. /* Hides standard tumblr controls */
  674. body > iframe:first-child {
  675. display: none !important;
  676. }
  677.  
  678. </style>
  679. </head>
  680.  
  681. <!-- END STYLING | START CONTENT -->
  682.  
  683. <body>
  684.  
  685. <!-- CONATINER -->
  686. <div id="container">
  687. <!-- LEFT SIDE -->
  688. <div id="other">
  689.  
  690. <!-- First Icon -->
  691. <div id="icon1">
  692. <img src="[IMAGE URL HERE]" alt="icon"/>
  693. </div>
  694.  
  695. <!-- Title -->
  696. <div id="title">[TITLE HERE]</div>
  697. <!-- Quote -->
  698. <div id="quote">
  699. [QUOTE / DESCRIPTION HERE]
  700. </div>
  701. <!-- Quick Stats -->
  702. <div id="stats">
  703. <ul>
  704. <li>Name: [YOUR NAME]</li>
  705. <li>Age: [YOUR AGE]</li>
  706. <li>Location: [YOUR LOCATION]</li>
  707. </ul>
  708. </div>
  709. <!-- Social Links -->
  710. <div id="social">
  711. <!-- Delete/alter/edit these links at your will. -->
  712. <a href="[LINK HERE]" title="facebook" class="social-link">
  713. <span class="th th-facebook-o"></span>
  714. </a>
  715. <a href="[LINK HERE]" title="instagram" class="social-link">
  716. <span class="th th-instagram-o"></span>
  717. </a>
  718. <a href="[LINK HERE]" title="twitter" class="social-link">
  719. <span class="th th-twitter-o"></span>
  720. </a>
  721. <a href="[LINK HERE]" title="youtube" class="social-link">
  722. <span class="th th-youtube-o"></span>
  723. </a>
  724. <a href="[LINK HERE]" title="whatsapp" class="social-link">
  725. <span class="th th-whatsapp"></span>
  726. </a>
  727. </div>
  728.  
  729. <!-- Second Icon -->
  730. <div id="icon2">
  731. <img src="[IMAGE URL HERE]" alt="icon"/>
  732. </div>
  733.  
  734. </div> <!-- / end left side -->
  735.  
  736. <!-- RIGHT SIDE -->
  737. <div id="about">
  738. [TEXT HERE]
  739. </div> <!-- / end right side -->
  740.  
  741. <!-- NAVIGATION -->
  742. <div id="sidenav">
  743. <!-- Index Link -->
  744. <a href="/" title="home" id="index" class="navlink">
  745. Index
  746. </a>
  747.  
  748. <!-- Ask Link -->
  749. <a href="/ask" title="ask" id="ask" class="navlink">
  750. {AskLabel} <!-- uses the automatic ask label -->
  751. </a>
  752.  
  753. <!-- Archive Link -->
  754. <a href="/archive" title="archive" id="archive" class="navlink">
  755. Archive
  756. </a>
  757.  
  758. <!-- First Custom Link -->
  759. <a href="[LINK HERE]" title="[LINK NAME HERE]" id="custom1" class="navlink">
  760. [LINK NAME HERE]
  761. </a>
  762.  
  763. <!-- Second Custom Link -->
  764. <a href="[LINK HERE]" title="[LINK NAME HERE]" id="custom2" class="navlink">
  765. [LINK NAME HERE]
  766. </a>
  767.  
  768. <!-- Third Custom Link -->
  769. <a href="[LINK HERE]" title="[LINK NAME HERE]" id="custom3" class="navlink">
  770. [LINK NAME HERE]
  771. </a>
  772.  
  773. <!-- CREDIT --->
  774. <!-- If you delete/alter the credit, you will be blocked and
  775. reported for theft. -->
  776. <a href="https://silbrigthemes.tumblr.com/" title="page by silbrigthemes" id="page" class="navlink">
  777. Page Credit
  778. </a>
  779. </div> <!-- / end navigation panel -->
  780. </div> <!-- / end container -->
  781.  
  782. </body>
  783. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!