API tools faq
paste
kthms

milk theme

kthms
Feb 2nd, 2015 (edited)
13,928
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8.  
  9.  
  10.  
  11. milk @ shythemes
  12.  
  13.  
  14.  
  15.  
  16.  
  17. -->
  18.  
  19. <title>{Title}</title>
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  21. <link rel="shortcut icon" href="{Favicon}"/>
  22. {block:Description}
  23. <meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25. <meta name="image:background" content=""/>
  26. <meta name="image:header 1" content=""/>
  27. <meta name="image:header 2" content=""/>
  28. <meta name="image:header 3" content=""/>
  29. <meta name="image:header 4" content=""/>
  30. <meta name="image:header 5" content=""/>
  31. <meta name="color:background" content="#f9f9f9"/>
  32. <meta name="color:container bg" content="#ffffff"/>
  33. <meta name="color:post border" content="#f0f0f0"/>
  34. <meta name="color:post bg" content="#f9f9f9"/>
  35. <meta name="color:text" content="#8f8f8f"/>
  36. <meta name="color:bold" content="#8f8f8f"/>
  37. <meta name="color:blockquote border" content="#ededed"/>
  38. <meta name="color:link" content="#79a2c9"/>
  39. <meta name="color:link hover" content="#8f8f8f"/>
  40. <meta name="color:post info" content="#bebebe"/>
  41. <meta name="color:scrollbar" content="#bebebe"/>
  42. <meta name="if:fixed header" content="1"/>
  43. <meta name="if:show captions" content="1"/>
  44. <meta name="if:show tags" content="1"/>
  45. <meta name="if:tile background" content="1"/>
  46. <meta name="text:link 1" content=""/>
  47. <meta name="text:link 1 url" content=""/>
  48. <meta name="text:link 2" content=""/>
  49. <meta name="text:link 2 url" content=""/>
  50. <meta name="text:link 3" content=""/>
  51. <meta name="text:link 3 url" content=""/>
  52. <meta name="text:link 4" content=""/>
  53. <meta name="text:link 4 url" content=""/>
  54. <meta name="text:link 5" content=""/>
  55. <meta name="text:link 5 url" content=""/>
  56. <meta name="text:link 6" content=""/>
  57. <meta name="text:link 6 url" content=""/>
  58. <meta name="text:link 7" content=""/>
  59. <meta name="text:link 7 url" content=""/>
  60. <meta name="text:link 8" content=""/>
  61. <meta name="text:link 8 url" content=""/>
  62. <meta name="text:link 9" content=""/>
  63. <meta name="text:link 9 url" content=""/>
  64. <meta name="text:link 10" content=""/>
  65. <meta name="text:link 10 url" content=""/>
  66.  
  67. <link href='//fonts.googleapis.com/css?family=Open+Sans:300,400,700,400italic,700italic|Inconsolata:400,700' rel='stylesheet' type='text/css'>
  68.  
  69. <style type="text/css">
  70.  
  71. /* basic styles */
  72.  
  73. ::-webkit-scrollbar {
  74. width:3px;
  75. height:3px;
  76. }
  77. ::-webkit-scrollbar,
  78. ::-webkit-scrollbar-track {
  79. background-color:inherit;
  80. }
  81. ::-webkit-scrollbar-thumb {
  82. background-color:{color:scrollbar};
  83. }
  84. body {
  85. margin:0px;
  86. font-family:'open sans', 'helvetica neue', arial, sans-serif;
  87. font-size:10px;
  88. line-height:1.7em;
  89. word-wrap:break-word;
  90. letter-spacing:0px;
  91. -moz-font-smoothing:subpixel-antialiased;
  92. -webkit-font-smoothing:subpixel-antialiased;
  93. font-smoothing:subpixel-antialiased;
  94. color:{color:text};
  95. background-color:{color:background};
  96. background-attachment:fixed;
  97. {block:ifBackgroundImage}background-image:url('{image:background}');{/block:ifBackgroundImage}
  98. {block:ifNotTileBackground}background-size:cover;{/block:ifNotTileBackground}
  99. }
  100. blockquote, ol, ul, p, pre {
  101. margin-top:.7em;
  102. margin-bottom:.7em;
  103. }
  104. blockquote {
  105. margin-left:2em;
  106. padding:.2em .2em .2em 1.3em;
  107. border-left:2px solid {color:blockquote border};
  108. margin-right:0px;
  109. }
  110. pre {
  111. white-space:normal;
  112. font-family:'inconsolata', consolas, 'courier new', monospace;
  113. letter-spacing:0px;
  114. }
  115. img {
  116. border:0px;
  117. }
  118. a {
  119. color:inherit;
  120. font-style:normal;
  121. text-decoration:none;
  122. -webkit-transition:all .2s linear;
  123. transition:all .2s linear;
  124. }
  125. ol, ul {
  126. padding-left:2.75em;
  127. }
  128. b, strong {
  129. font-weight:bold;
  130. color:{color:bold};
  131. }
  132. small, sub {
  133. font-size:1em;
  134. vertical-align:baseline;
  135. }
  136. h1, h2, h3, h4, h5, h6 {
  137. font-size:1em;
  138. font-weight:normal;
  139. font-family:'inconsolata', consolas, 'courier new', monospace;
  140. }
  141.  
  142. /* container */
  143.  
  144. #main {
  145. margin:0px auto;
  146. width:806px;
  147. font-size:0;
  148. padding:0 75px;
  149. background-color:{color:container bg};
  150. }
  151. #main > * {
  152. font-size:11px;
  153. }
  154.  
  155. /* header */
  156.  
  157. header {
  158. position:relative;
  159. margin:0px -75px 75px;
  160. {block:ifHeader1Image}height:478px;{/block:ifHeader1Image}
  161. border-top:60px solid #000;
  162. background-color:#000;
  163. }
  164. header .slides {
  165. height:478px;
  166. overflow:hidden;
  167. }
  168. header .slides ul,
  169. header .slides ul li {
  170. list-style-type:none;
  171. margin:0;
  172. padding:0;
  173. height:100%;
  174. }
  175. header .slides div, .bjqs {
  176. background-size:cover;
  177. background-position:center;
  178. background-attachment:scroll;
  179. width:100%;
  180. height:100%;
  181. }
  182.  
  183. /* navigation */
  184.  
  185. nav {
  186. {block:ifFixedHeader}position:fixed;{/block:ifFixedHeader}
  187. {block:ifNotFixedHeader}position:absolute;{/block:ifNotFixedHeader}
  188. top:0;
  189. left:50%;
  190. margin-left:-478px;
  191. width:956px;
  192. z-index:10;
  193. font-weight:300;
  194. letter-spacing:1px;
  195. font-size:0px!important;
  196. text-transform:uppercase;
  197. line-height:10px;
  198. text-align:center;
  199. color:#fff;
  200. background-color:rgba(0,0,0,.8);
  201. }
  202. nav ol {
  203. list-style-type:none;
  204. padding-left:0;
  205. margin:0;
  206. }
  207. nav ol li {
  208. display:inline-block;
  209. position:relative;
  210. margin:0 1px;
  211. }
  212. nav ol li a:hover {
  213. border-color:#fff;
  214. }
  215. nav ol li a {
  216. font-size:9px;
  217. display:inline-block;
  218. vertical-align:middle;
  219. width:75px;
  220. padding:24px 11px 24px 12px;
  221. border-bottom:2px solid transparent;
  222. }
  223. nav ol #title a {
  224. width:auto;
  225. letter-spacing:4px;
  226. padding:12px 20px 12px 24px;
  227. font-size:20px;
  228. border:0;
  229. }
  230. nav .tab {
  231. visibility:hidden;
  232. opacity:0;
  233. margin:0;
  234. position:absolute;
  235. top:100%;
  236. left:0;
  237. width:94px;
  238. text-align:center;
  239. -webkit-transition:visibility 0s linear .25s, opacity .25s linear;
  240. transition:visibility 0s linear .25s, opacity .25s linear;
  241. }
  242. nav ol li:hover .tab,
  243. nav .tab:hover {
  244. visibility:visible;
  245. opacity:1;
  246. -webkit-transition-delay:0s;
  247. transition-delay:0s;
  248. }
  249. nav .tab li {
  250. margin:0;
  251. display:block;
  252. }
  253. nav .tab li a {
  254. display:block;
  255. margin:0;
  256. background-color:rgba(0,0,0,.8);
  257. border:0;
  258. opacity:.8;
  259. padding:12px 11px 12px 12px;
  260. width:75px;
  261. }
  262. nav .tab li a:hover {
  263. background-color:{color:link};
  264. color:#fff;
  265. opacity:1;
  266. }
  267. nav .fa {
  268. float:right;
  269. font-size:1.2em;
  270. line-height:1em;
  271. }
  272.  
  273. /* sidebar */
  274.  
  275. aside {
  276. display:inline-block;
  277. vertical-align:top;
  278. width:225px;
  279. margin:0px 75px 75px 0px;
  280. }
  281. aside section {
  282. font-size:10px;
  283. line-height:1.7em;
  284. margin-bottom:37px;
  285. border:1px solid {color:post border};
  286. }
  287. aside h1 {
  288. margin:0;
  289. padding:14px;
  290. font-size:1.25em;
  291. line-height:1em;
  292. border-bottom:1px solid {color:post border};
  293. }
  294. aside .text {
  295. margin:2px;
  296. padding:12px;
  297. background-color:{color:post bg};
  298. line-height:1.5em;
  299. }
  300. aside .text *:first-child {
  301. margin-top:0;
  302. }
  303. aside .text *:last-child {
  304. margin-bottom:0;
  305. }
  306. aside .schedule {
  307. width:219px;
  308. padding:6px;
  309. border-spacing:0;
  310. }
  311. aside .schedule td {
  312. vertical-align:baseline;
  313. padding:6px;
  314. line-height:initial;
  315. text-transform:uppercase;
  316. border-bottom:1px solid {color:post border};
  317. }
  318. aside .schedule tr:last-child td {
  319. border-bottom:0;
  320. }
  321. aside .schedule .date {
  322. width:1px;
  323. font-family:'inconsolata', consolas, 'courier new', monospace;
  324. font-size:10px;
  325. border-color:{color:bold};
  326. }
  327. aside .schedule .details {
  328. font-size:8px;
  329. padding-left:8px;
  330. letter-spacing:1px;
  331. color:{color:post info};
  332. }
  333. aside .official {
  334. font-size:0;
  335. }
  336. aside .official a {
  337. font-size:10px;
  338. line-height:1em;
  339. padding:6px;
  340. font-family:'inconsolata', consolas, 'courier new', monospace;
  341. display:inline-block;
  342. vertical-align:middle;
  343. width:85px;
  344. }
  345. aside .official a:hover {
  346. text-decoration:underline;
  347. }
  348. aside .search {
  349. position:relative;
  350. padding:2px;
  351. line-height:10px;
  352. }
  353. aside .search .query {
  354. width:100%;
  355. -moz-box-sizing:border-box;
  356. box-sizing:border-box;
  357. border:0px;
  358. outline:0px;
  359. padding:8px;
  360. font-size:10px;
  361. font-family:'inconsolata', consolas, 'courier new', monospace;
  362. color:inherit;
  363. background-color:{color:post bg}
  364. }
  365.  
  366. /* posts */
  367.  
  368. #content {
  369. display:inline-block;
  370. vertical-align:top;
  371. width:500px;
  372. }
  373. .entry {
  374. margin-bottom:75px;
  375. position:relative;
  376. border:1px solid {color:post border};
  377. }
  378. .post {
  379. position:relative;
  380. }
  381. .post img {
  382. max-width:100%;
  383. height:auto;
  384. }
  385.  
  386. /* post info */
  387.  
  388. .info {
  389. position:relative;
  390. width:100%;
  391. margin-top:2px;
  392. border-spacing:0;
  393. text-align:right;
  394. letter-spacing:1px;
  395. font-size:8px;
  396. text-transform:uppercase;
  397. line-height:1.5em;
  398. padding:12px;
  399. color:{color:post info};
  400. border-top:1px solid {color:post border};
  401. }
  402. .info .t,
  403. .info .p {
  404. vertical-align:top;
  405. min-width:125px;
  406. }
  407. .info a:hover {
  408. color:{color:text};
  409. }
  410. .info .p a {
  411. font-family:'inconsolata', consolas, 'courier new', monospace;
  412. font-size:9px;
  413. line-height:1em;
  414. vertical-align:1px;
  415. display:inline-block;
  416. }
  417. .info .permalink {
  418. text-decoration:underline;
  419. }
  420. .info .count {
  421. margin-left:.5em;
  422. }
  423. .buttons {
  424. position:absolute;
  425. top:0;
  426. left:100%;
  427. padding:12px;
  428. font-size:0;
  429. line-height:0;
  430. }
  431. .reblog_button,
  432. .like_button {
  433. margin:0;
  434. opacity:0;
  435. position:relative;
  436. display:inline-block;
  437. -webkit-transform:scale(.67,.67);
  438. transform:scale(.67,.67);
  439. -webkit-transition:opacity .25s linear 0s;
  440. transition:opacity .25s linear 0s;
  441. }
  442. .entry:hover .reblog_button,
  443. .entry:hover .like_button {
  444. opacity:.8;
  445. }
  446. .entry:hover .like_button {
  447. transition-delay:.25s;
  448. }
  449. .like_button {
  450. position:absolute;
  451. left:12px;
  452. top:30px;
  453. }
  454. .reblog_button {
  455. margin-right:22px;
  456. }
  457. .tagged {
  458. text-align:left;
  459. {block:ifNotShowTags}display:none;{/block:ifNotShowTags}
  460. }
  461. .tagged a {
  462. margin-right:.7em;
  463. }
  464.  
  465. /* post titles */
  466.  
  467. .post > h1,
  468. .quote {
  469. margin:0;
  470. font-size:1.5em;
  471. line-height:initial;
  472. padding:12px;
  473. border-bottom:1px solid {color:post border};
  474. }
  475. .question {
  476. font-size:10px;
  477. line-height:1.5em;
  478. letter-spacing:1px;
  479. padding:17px;
  480. font-family:'inconsolata', consolas, 'courier new', monospace;
  481. text-transform:uppercase;
  482. color:{color:post info};
  483. border-bottom:1px solid {color:post border};
  484. }
  485. .question i {
  486. font-style:inherit;
  487. margin-right:.3em;
  488. }
  489. .question i a {
  490. color:{color:link};
  491. text-decoration:underline;
  492. }
  493. .question i a:hover {
  494. color:{color:text};
  495. }
  496.  
  497. /* text and captions */
  498.  
  499. .caption,
  500. .body,
  501. .source,
  502. .cont {
  503. margin:2px;
  504. padding:17px;
  505. background-color:{color:post bg};
  506. }
  507. .caption a,
  508. .body a,
  509. .source a {
  510. color:{color:link};
  511. font-family:'inconsolata', consolas, 'courier new', monospace;
  512. text-decoration:underline;
  513. vertical-align:1px;
  514. }
  515. .caption a:hover,
  516. .body a:hover,
  517. .source a:hover {
  518. color:{color:link hover};
  519. }
  520. .caption *:first-child,
  521. .body *:first-child,
  522. .source *:first-child {
  523. margin-top:0px;
  524. }
  525. .caption *:last-child,
  526. .body *:last-child,
  527. .source *:last-child {
  528. margin-bottom:0px;
  529. }
  530. .caption {
  531. font-size:10px;
  532. line-height:1.7em;
  533. {block:IndexPage}{block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}{/block:IndexPage}
  534. }
  535. .caption .caption {
  536. border:0;
  537. margin:0;
  538. padding:0;
  539. }
  540. .source {
  541. text-align:right;
  542. }
  543.  
  544. /* photos and videos */
  545.  
  546. .media {
  547. margin:2px;
  548. }
  549. .media img,
  550. .media .photoset {
  551. display:block;
  552. max-width:100%;
  553. margin:0px auto;
  554. }
  555. .video #youtube_iframe {
  556. display:block;
  557. max-width:100%;
  558. max-height:calc({select:post width}px * 0.67);
  559. }
  560. .video iframe,
  561. .tumblr_video_container {
  562. display:block;
  563. max-width:100%;
  564. max-height:{select:post width}px;
  565. }
  566.  
  567. /* chat posts */
  568.  
  569. .chat {
  570. display:table;
  571. font-size:10px;
  572. line-height:1.7em;
  573. border-spacing:0;
  574. -moz-box-sizing:border-box;
  575. box-sizing:border-box;
  576. width:500px;
  577. }
  578. .chat .line {
  579. display:table-row;
  580. }
  581. .chat .label {
  582. letter-spacing:1px;
  583. font-size:9px;
  584. font-family:'inconsolata', consolas, 'courier new', monospace;
  585. text-transform:uppercase;
  586. color:{color:bold};
  587. display:table-cell;
  588. }
  589.  
  590. /* audio posts */
  591.  
  592. .audiowrap {
  593. position:relative;
  594. height:107px;
  595. padding:2px 2px 0;
  596. overflow:hidden;
  597. }
  598. .albumart {
  599. position:relative;
  600. display:inline-block;
  601. width:107px;
  602. height:107px;
  603. background-size:cover;
  604. }
  605. .audio {
  606. position:absolute;
  607. display:inline-block;
  608. left:2px;
  609. top:2px;
  610. right:2px;
  611. bottom:2px;
  612. }
  613. .audio .player {
  614. width:27px;
  615. height:27px;
  616. left:40px;
  617. top:40px;
  618. overflow:hidden;
  619. position:absolute;
  620. }
  621. .audio .track {
  622. height:45px;
  623. top:0px;
  624. left:109px;
  625. bottom:0px;
  626. right:0px;
  627. padding:31px;
  628. font-size:9px;
  629. font-family:'inconsolata', consolas, 'courier new', monospace;
  630. text-transform:uppercase;
  631. letter-spacing:1px;
  632. position:absolute;
  633. overflow:hidden;
  634. color:{color:post info};
  635. background-color:{color:post bg};
  636. }
  637.  
  638. /* post notes */
  639.  
  640. .notes {
  641. padding-left:2em;
  642. margin:0;
  643. font-family:'inconsolata', consolas, 'courier new', monospace;
  644. font-size:10px;
  645. }
  646. .post .notes a {
  647. border:0;
  648. text-decoration:none;
  649. color:inherit;
  650. }
  651. .post .notes a:hover {
  652. text-decoration:underline;
  653. }
  654. .notes img {
  655. display:none;
  656. }
  657. li blockquote {
  658. margin-bottom:.7em!important;
  659. }
  660.  
  661. /* pagination */
  662.  
  663. .pagination {
  664. margin:75px 0;
  665. text-align:center;
  666. }
  667. .pagination a,
  668. .pagination .current {
  669. display:inline-block;
  670. vertical-align:top;
  671. position:relative;
  672. padding:12px 16px 12px 17px;
  673. margin:0 -1px 0 0;
  674. font-size:8px;
  675. letter-spacing:1px;
  676. text-transform:uppercase;
  677. color:{color:post info};
  678. border:1px solid {color:post border};
  679. }
  680. .pagination a i {
  681. line-height:10px;
  682. font-size:12px;
  683. }
  684. .pagination a:hover {
  685. z-index:1;
  686. color:{color:text};
  687. background-color:{color:post bg};
  688. }
  689.  
  690. #theme {
  691. position:fixed;
  692. bottom:10px;
  693. right:10px;
  694. display:inline-block;
  695. padding:5px 4px 5px 5px;
  696. font-size:8px;
  697. letter-spacing:1px;
  698. text-transform:uppercase;
  699. line-height:1em;
  700. background-color:{color:post bg};
  701. color:{color:text};
  702. }
  703. #infscr-loading {
  704. display:none!important;
  705. }
  706. #tumblr_controls, .tmblr-iframe {
  707. position:fixed!important;
  708. opacity:.67!important;
  709. -webkit-filter:invert(100%);
  710. -webkit-backface-visibility:hidden;
  711. -moz-box-sizing:content-box;
  712. box-sizing:content-box;
  713. padding:4px;
  714. }
  715. #tumblr_lightbox, .tmblr-lightbox {
  716. background-color:rgba(255,255,255,.98)!important;
  717. }
  718. #vignette, .vignette {
  719. opacity:0;
  720. }
  721. #tumblr_lightbox img, .lightbox-image {
  722. box-shadow:none!important;
  723. border-radius:0!important;
  724. max-width:none;
  725. }
  726. #tumblr_lightbox_caption, .lightbox-caption {
  727. visibility:hidden;
  728. }
  729.  
  730. /* basic jquery slider */
  731.  
  732. ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
  733. li.bjqs-slide{position:absolute; display:none;}
  734. ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;opacity:0;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;}
  735. header:hover .bjqs-controls {
  736. opacity:1;
  737. }
  738. ul.bjqs-controls.v-centered li a{
  739. position:absolute;
  740. padding:10px 15px;
  741. color:white;
  742. text-shadow:0px 1px 0px #111;
  743. font-size:25px;
  744. }
  745. ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
  746. ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
  747. ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; display:none;}
  748. ol.bjqs-markers.h-centered{text-align: center;}
  749. ol.bjqs-markers li{display:inline;}
  750. ol.bjqs-markers li a{display:inline-block;}
  751. p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
  752. </style>
  753. </head>
  754. <body>
  755. <div id="main"><!-- container -->
  756. <header>
  757. <div class="slides">
  758. <ul{block:ifHeader2Image} class="bjqs"{/block:ifHeader2Image}>
  759. <li><div style="background-image:url({image:header 1});"></div></li>
  760. {block:ifHeader2Image}<li><div style="background-image:url({image:header 2});"></div></li>{/block:ifHeader2Image}
  761. {block:ifHeader3Image}<li><div style="background-image:url({image:header 3})"></div></li>{/block:ifHeader3Image}
  762. {block:ifHeader4Image}<li><div style="background-image:url({image:header 4})"></div></li>{/block:ifHeader4Image}
  763. {block:ifHeader5Image}<li><div style="background-image:url({image:header 5})"></div></li>{/block:ifHeader5Image}
  764. </ul>
  765. </div>
  766. </header>
  767. <nav>
  768. <ol>
  769. <li><a href="/archive">archive</a></li>
  770. <li><a href="/ask">message</a></li>
  771. <li id="title"><a href="/">{Title}</a></li>
  772. <li><a href="">Links<i class="fa fa-angle-down"></i></a>
  773. <ol class="tab">
  774. {block:HasPages}
  775. {block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  776. {/block:HasPages}
  777. {block:ifLink1}<li><a href="{text:link 1 url}">{text:link 1}</a></li>{/block:ifLink1}
  778. {block:ifLink2}<li><a href="{text:link 2 url}">{text:link 2}</a></li>{/block:ifLink2}
  779. {block:ifLink3}<li><a href="{text:link 3 url}">{text:link 3}</a></li>{/block:ifLink3}
  780. {block:ifLink4}<li><a href="{text:link 4 url}">{text:link 4}</a></li>{/block:ifLink4}
  781. {block:ifLink5}<li><a href="{text:link 5 url}">{text:link 5}</a></li>{/block:ifLink5}
  782. {block:ifLink6}<li><a href="{text:link 6 url}">{text:link 6}</a></li>{/block:ifLink6}
  783. {block:ifLink7}<li><a href="{text:link 7 url}">{text:link 7}</a></li>{/block:ifLink7}
  784. {block:ifLink8}<li><a href="{text:link 8 url}">{text:link 8}</a></li>{/block:ifLink8}
  785. {block:ifLink9}<li><a href="{text:link 9 url}">{text:link 9}</a></li>{/block:ifLink9}
  786. {block:ifLink10}<li><a href="{text:link 10 url}">{text:link 10}</a></li>{/block:ifLink10}
  787. </ol>
  788. </li>
  789. <!-- if you don't want to use this as a tab, change this to a normal link. it's just important to keep the same number of links on each side so that the title stays centered -->
  790. <li><a href="">Events<i class="fa fa-angle-down"></i></a>
  791. <ol class="tab">
  792. <li><a href="/2012">2012</a></li>
  793. <li><a href="/2013">2013</a></li>
  794. <li><a href="/2014">2014</a></li>
  795. <li><a href="/2015">2015</a></li>
  796. </ol>
  797. </li>
  798. </ol></nav>
  799. <aside><!-- sidebar -->
  800. <section class="about">
  801. <h1>About</h1>
  802. <div class="text">{Description}</div>
  803. </section>
  804. <section>
  805. <h1>Schedule</h1>
  806. <table class="text schedule">
  807. <tr>
  808. <td class="date">141221</td>
  809. <td class="details">Schedule info</td>
  810. <tr>
  811. <td class="date">141222</td>
  812. <td class="details">Schedule info</td>
  813. </tr>
  814. <tr>
  815. <td class="date">141223</td>
  816. <td class="details">Schedule info</td>
  817. </tr>
  818. <tr>
  819. <td class="date">141224</td>
  820. <td class="details">Schedule info</td>
  821. </tr>
  822. <tr>
  823. <td class="date">141225</td>
  824. <td class="details">Schedule info</td>
  825. </tr>
  826. </table> </section>
  827. <section>
  828. <h1>Official links</h1>
  829. <div class="text official">
  830. <a href="/" class="of">link</a>
  831. <a href="/" class="of">link</a>
  832. <a href="/" class="of">link</a>
  833. <a href="/" class="of">link</a>
  834. <a href="/" class="of">link</a>
  835. </div>
  836. </section>
  837. <section>
  838. <form class="search" action="javascript:return false">
  839. <input type="text" class="query" placeholder="Search tags">
  840. </form>
  841. </section>
  842. <section>
  843. <h1>Disclaimer</h1>
  844. <div class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.</div>
  845. </section>
  846. </aside>
  847. <div id="content"><!-- posts -->
  848. {block:Posts}
  849. <article class="entry">
  850. <div class="post">
  851. {block:Answer}<!-- answer --><div class="ask"><div class="question"><i>{Asker} asked:</i> {Question}</div></div><div class="answer body">{Answer}</div>{/block:Answer}{block:Audio}<!-- audio --><div class="audiowrap"><div class="albumart" style="{block:AlbumArt}background-image:url({AlbumArtURL});{/block:AlbumArt}"></div><div class="audio">{block:AudioPlayer}<div class="player">{AudioPlayerGrey}</div>{/block:AudioPlayer}<div class="track">{block:TrackName}Track: {TrackName}{/block:TrackName}{block:Artist}<br/>Artist: {Artist}{/block:Artist}{block:Album}<br/>Album: {Album}{/block:Album}</div></div></div>{/block:Audio}{block:Chat}<!-- chat -->{block:Title}<h1><u>{Title}</u></h1>{/block:Title}<div class="chat body">{block:Lines}<div class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}{block:Link}<!-- link --><h1><a href="{URL}">{Name}</a></h1>{block:Description}<div class="body">{Description}</div>{/block:Description}{/block:Link}{block:Photo}<!-- photo --><div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}"/>{LinkCloseTag}</div>{/block:Photo}{block:Photoset}<!-- photoset --><div class="media">{Photoset}</div>{/block:Photoset}{block:Quote}<!-- quote --><div class="quote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}{block:Text}<!-- text -->{block:Title}<h1>{Title}</h1>{/block:Title}<div class="body">{Body}</div>{/block:Text}{block:Video}<!-- video --><div class="media video">{Video-500}</div>{/block:Video}
  852. {block:Caption}<div class="nest{block:ifHoverCaptions}{block:Photo} hc{/block:Photo}{block:Photoset} hc{/block:Photoset}{/block:ifHoverCaptions}"><div class="caption{block:ifInlineCaptions} il{/block:ifInlineCaptions}">{Caption}</div></div>{/block:Caption}
  853. </div>
  854. {block:Date}<!-- post info --><table class="info"><tr><td class="t">{block:HasTags}<div class="tagged">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</td><td class="p"><a href="{Permalink}" class="permalink">{TimeAgo}</a>&nbsp;<a href="{Permalink}" class="count">+{NoteCount}</a></td></tr></table>{/block:Date}
  855. <div class="buttons">{ReblogButton size="15"}{LikeButton size="15"}</div>
  856. </article>
  857. {block:PostNotes}<!-- post notes --><article id="notes" class="entry"><div class="post"><h1>Notes</h1><div class="body">{PostNotes}</div></div></article>{/block:PostNotes}
  858. <!-- {block:ContentSource}{SourceURL} {/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL} {ReblogParentURL}{/block:RebloggedFrom} -->
  859. {/block:Posts}
  860. {block:Pagination}<div class="pagination">{block:PreviousPage}<a href="{PreviousPage}" class="back"><i class="fa fa-angle-left"></i></a>{/block:PreviousPage}<span class="current">Page {Currentpage} of {TotalPages}</span>{/block:CurrentPage}{block:NextPage}<a href="{NextPage}" class="next"><i class="fa fa-angle-right"></i></a>{/block:NextPage}</div>{/block:Pagination}
  861. </div>
  862. </div>
  863. <a href="http://shythemes.tumblr.com" target="_blank" id="theme">k.</a>
  864. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  865. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  866. <script src="http://static.tumblr.com/qudkd6d/do8ngi0w5/bjqs-1.3.min.js"></script>
  867. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  868. <script>
  869. $(document).ready(function(){
  870. $('.search').submit(function(event){
  871. var value = $('input:first').val();
  872. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  873. });
  874. {block:ifHeader2Image}
  875. $('.slides').bjqs({
  876. height: 478,
  877. width: 956,
  878. responsive: true,
  879. animtype: 'fade',
  880. animduration: 1000,
  881. animspeed: 5000, // interval between photos in milliseconds
  882. nexttext: '<i class="fa fa-angle-right"></i>',
  883. prevtext: '<i class="fa fa-angle-left"></i>',
  884. });
  885. {/block:ifHeader2Image}
  886. });
  887. </script>
  888. </body>
  889. </html>
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!