API tools faq
paste
Advertisement
stormbornthemes

Theme 04- Bandit Queen

stormbornthemes
Apr 19th, 2016
1,355
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.65 KB | None | 0 0
raw download clone embed print report
  1. <!-- Theme 04: Bandit Queen
  2.  
  3. Features:
  4. - Click-to-Show Menu Links
  5. - Infinite Scrolling or Pagination
  6. - Hover Description
  7. - Hover Tags Option
  8. - Hide Tags/Selective Tag Hide
  9. - Image Fade Option
  10.  
  11. Terms of Use:
  12. - Please do not remove or alter the credit.
  13. - Please do not redistribute, or claim as your own.
  14. - Enjoy!
  15.  
  16. ∠( ᐛ 」∠)＿
  17. stormborn-themes.tumblr.com
  18. -->
  19.  
  20. <!DOCTYPE html>
  21. <head><title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  25. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  26.  
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29.  
  30. <!-- default variables-------->
  31. <meta name="color:Background" content="#f8f8f8"/>
  32. <meta name="color:Accent Color" content=""/>
  33. <meta name="color:Text" content="#5d5d5d"/>
  34. <meta name="color:Links" content="#5b5b5b"/>
  35. <meta name="color:Links Hover" content="#c9c9c9"/>
  36. <meta name="color:Scrollbar BG" content="#ffffff"/>
  37. <meta name="color:Scrollbar" content="#eeeeee">
  38.  
  39. <!-- Custom Images-->
  40. <meta name="image:Sidebar Image" content=""/>
  41.  
  42. <!-- Boolean Toggles -->
  43. <meta name="if:Infinite Scroll" content="0">
  44. <meta name="if:Image Fade" content="1"/>
  45. <meta name="if:Show Tags Only On Permalink" content="1"/>
  46. <meta name="if:Hover Tags" content="1"/>
  47. <meta name="if:Hide Tags Always" content="0"/>
  48. <meta name="if:400px" content="1" />
  49. <meta name="if:Show Description" content="1"/>
  50. <meta name="if:Show Sidebar Image" content="1"/>
  51.  
  52. <!-- Custom Links -->
  53. <meta name="text:Next" content="Next">
  54. <meta name="text:Prev" content="Previous">
  55. <meta name="text:Link 1" content="">
  56. <meta name="text:Link 1 URL" content="/">
  57. <meta name="text:Link 2" content="">
  58. <meta name="text:Link 2 URL" content="/">
  59. <meta name="text:Link 3" content="">
  60. <meta name="text:Link 3 URL" content="/">
  61. <meta name="text:Link 4" content="">
  62. <meta name="text:Link 4 URL" content="/">
  63. <meta name="text:Link 5" content="">
  64. <meta name="text:Link 5 URL" content="/">
  65. <meta name="text:Link 6" content="">
  66. <meta name="text:Link 6 URL" content="/">
  67.  
  68.  
  69. <!---NAVIGATION SCRIPTS --->
  70.  
  71. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  72.  
  73. <script>
  74. $(document).ready(function() {
  75. $('#navigation').click(function() {
  76. $('#links').slideToggle(300); /* change the speed */
  77. });
  78. });
  79. </script>
  80.  
  81.  
  82. <!-- SCRIPTS --------------------->
  83.  
  84. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  85. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  86. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  87. {block:IfInfiniteScroll}
  88. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  89. {/block:IfInfiniteScroll}
  90. <!-------------------------------------------------------------------->
  91.  
  92.  
  93.  
  94. <style type="text/css">
  95.  
  96. /*----------scrollbar---------*/
  97.  
  98. ::-webkit-scrollbar {
  99. background-color: {color:scrollbar bg};
  100. height: 8px;
  101. width: 8px
  102. }
  103.  
  104. ::-webkit-scrollbar-thumb:vertical {
  105. background-color:{color:scrollbar};
  106. height: 40px
  107. }
  108.  
  109. ::-webkit-scrollbar-thumb:horizontal {
  110. background-color:{color:scrollbar bg};
  111. height: 8px!important
  112. }
  113.  
  114.  
  115. /*----------basics---------*/
  116.  
  117. body {
  118. background: {color:background} url({image:background image}) repeat right top fixed;
  119. color: {color:text};
  120. font-family: Times, 'Calibri', serif;
  121. font-size: 9px;
  122. font-weight: normal;
  123. line-height: 11px;
  124. text-align: left;
  125. margin: 0;
  126. background-color: #fff;
  127. }
  128.  
  129. a {
  130. color: {color:links};
  131. text-decoration: none;
  132. padding: 1px;
  133. }
  134.  
  135. a:hover {
  136. text-decoration: none;
  137. color: {color:link hover};
  138. -webkit-transition: all 0.5s;
  139. -moz-transition: all 0.5s;
  140. -ms-transition: all 0.5s;
  141. -o-transition: all 0.5s;
  142. transition: all 0.5s;
  143. }
  144.  
  145. img {
  146. opacity: 1;
  147. text-decoration: none;
  148. }
  149.  
  150. h1 {
  151. font-family: 'Bookmania', 'Calibri', serif;
  152. font-size: 11px;
  153. letter-spacing: 1px;
  154. text-transform: uppercase;
  155. font-weight: normal;
  156. line-height: 12px;
  157. padding: 1px;
  158. }
  159.  
  160.  
  161. /*----------sidebar/description---------*/
  162.  
  163.  
  164. .sidebar-wrapper {
  165. position: fixed;
  166. width: 200px;
  167. text-align: center;
  168. margin-left: -320px;
  169. bottom: 300px;
  170. }
  171.  
  172. {block:IfShowDescription}
  173. .description {
  174. opacity: 0;
  175. z-index: -1;
  176. max-width: 180px;
  177. margin-left: auto;
  178. margin-right: auto;
  179. overflow: hidden;
  180. letter-spacing: 1px;
  181. line-height: 11px;
  182. color: #8e8e8e;
  183. text-align: none;
  184. text-transform: uppercase;
  185. -webkit-transition: 0.6s ease;
  186. -ms-transition: 0.6s ease;
  187. -moz-transition: 0.6s ease;
  188. -o-transition: 0.6s ease;
  189. transition: 0.6s ease;
  190. }
  191.  
  192. {block:IfShowSidebarImage}
  193. .hover-zone:hover .description {
  194. opacity: 1;
  195. margin-bottom: 15px;
  196. -webkit-transition: 0.6s ease;
  197. -ms-transition: 0.6s ease;
  198. -moz-transition: 0.6s ease;
  199. -o-transition: 0.6s ease;
  200. transition: 0.6s ease;
  201. }
  202. {/block:IfShowSidebarImage}
  203.  
  204. {block:IfnotShowSidebarImage}
  205. .sidebar-wrapper:hover .description {
  206. opacity: 1;
  207. -webkit-transition: 0.6s ease;
  208. -ms-transition: 0.6s ease;
  209. -moz-transition: 0.6s ease;
  210. -o-transition: 0.6s ease;
  211. transition: 0.6s ease;
  212. }
  213. {block:IfnotShowSidebarImage}
  214.  
  215. {/block:IfShowDescription}
  216.  
  217.  
  218. {block:IfShowSidebarImage}
  219. .sidebar-img {
  220. max-height: 200px;
  221. max-width: 200px;
  222. min-width: 160px;
  223. }
  224. {/block:IfShowSidebarImage}
  225.  
  226.  
  227. /*---------- main sidebar---------*/
  228.  
  229. .lower-sidebar {
  230. position: fixed;
  231. width: 200px;
  232. margin-top: 10px;
  233. text-align: center;
  234. }
  235.  
  236. .sidetitle {
  237. color: #888;
  238. font-family: 'Bookmania', 'Calibri', serif;
  239. letter-spacing: 1px;
  240. font-size: 12px;
  241. text-transform: uppercase;
  242. padding: 5px 1px;
  243. line-height: 12px;
  244. text-align: center;
  245. max-width: 200px;
  246. }
  247.  
  248. .sidetitle a:hover {
  249. color: #8a8a8a;
  250. }
  251.  
  252. #navigation {
  253. position: absolute;
  254. margin: 1px -40px;
  255. text-transform: uppercase;
  256. line-height: 14px;
  257. letter-spacing: 1.1px;
  258. font-size: 10px;
  259. padding-top: 5px;
  260. background-color: #fff;
  261. -webkit-transition: 0.4 ease;
  262. -ms-transition: 0.4 ease;
  263. -moz-transition: 0.4 ease;
  264. -o-transition: 0.4 ease;
  265. transition: 0.4 ease;
  266. z-index: 1;
  267. color: {color:accent color};
  268. }
  269.  
  270.  
  271.  
  272. #links {
  273. overflow: hidden;
  274. display: none;
  275. z-index: -999;
  276. margin-top: 20px;
  277. top: 10px;
  278. max-width: 175px;
  279. position: relative;
  280. padding-bottom: 15px;
  281. padding-left: 10px;
  282. -webkit-transition: 0.4 ease;
  283. -ms-transition: 0.4 ease;
  284. -moz-transition: 0.4 ease;
  285. -o-transition: 0.4 ease;
  286. transition: 0.4 ease;
  287. }
  288.  
  289. #links a {
  290. font-family: 'Calibri', Times, serif;
  291. width: auto;
  292. color: {color:links};
  293. letter-spacing: 1.5px;
  294. text-transform: uppercase;
  295. word-spacing: 1px;
  296. font-size: 9px;
  297. line-height: 16px;
  298. list-style: none;
  299. padding: 4px;
  300. -webkit-transition: 0.4 ease;
  301. -ms-transition: 0.4 ease;
  302. -moz-transition: 0.4 ease;
  303. -o-transition: 0.4 ease;
  304. transition: 0.4 ease;
  305. }
  306.  
  307. #links a:hover,
  308. #links a:focus,
  309. #links a:active {
  310. color: {color:accent color};
  311. -webkit-transition: 0.4s ease;
  312. -ms-transition: 0.4s ease;
  313. -moz-transition: 0.4s ease;
  314. -o-transition: 0.4s ease;
  315. transition: 0.4s ease;
  316. }
  317.  
  318. /*----------pagination---------*/
  319.  
  320. .pagination {
  321. position: absolute;
  322. z-index: 999;
  323. width: 200px;
  324. text-align:center;
  325. margin-left: -325px;
  326. }
  327.  
  328.  
  329. .pagination a {
  330. font-family: 'Bookmania', serif;
  331. opacity: 1;
  332. display: inline;
  333. font-size: 10px;
  334. width: 100px;
  335. letter-spacing: 1px;
  336. line-height: 12px;
  337. padding: 30px 7px;
  338. text-transform: uppercase;
  339. -webkit-transition: 0.2s ease;
  340. -ms-transition: 0.2s ease;
  341. -moz-transition: 0.2s ease;
  342. -o-transition: 0.2s ease;
  343. transition: 0.2s ease;
  344.  
  345. {block:IfInfiniteScroll}
  346. display: none;
  347. opacity: 0;
  348. {/block:IfInfiniteScroll}
  349. }
  350.  
  351.  
  352. .pagination:hover,
  353. .pagination:focus,
  354. .pagination:active {
  355. color: {color:links hover};
  356. -webkit-transition: 0.2s ease;
  357. -ms-transition: 0.2s ease;
  358. -moz-transition: 0.2s ease;
  359. -o-transition: 0.2s ease;
  360. transition: 0.2s ease;
  361. }
  362.  
  363.  
  364. /*----------posts---------*/
  365.  
  366. .container {
  367. left: 40%;
  368. width: 700px;
  369. position: absolute;
  370. }
  371.  
  372. .posts {
  373. width: 500px;
  374. padding: 15px;
  375.  
  376. {block:IndexPage}
  377. margin-bottom: 100px;
  378. {/block:IndexPage}
  379.  
  380. {block:PermalinkPage}
  381. margin-bottom: 40px;
  382. {/block:PermalinkPage}
  383. }
  384.  
  385. .posts,
  386. .entries {
  387. max-width: 500px;
  388. {block:If400px}
  389. max-width: 400px;
  390. {/block:If400px}
  391. }
  392.  
  393. .entries {
  394. max-width: 500px;
  395. margin: 70px 10px 5px 10px;
  396. {block:If400px}
  397. max-width: 400px;
  398. {/block:If400px}
  399. }
  400.  
  401. .posts:hover {
  402. padding: 15px 15px;
  403. }
  404.  
  405. .posts img,
  406. .posts li,
  407. .posts blockquote,
  408. .entry p img,
  409. .entry blockquote img {
  410. max-width: 100%;
  411. }
  412.  
  413. p .tumblr_blog {
  414. font-size: 9px;
  415. padding-left: 10px;
  416. }
  417.  
  418. .posts a:hover {
  419. color: {color:links hover}
  420. }
  421.  
  422. .posts li {
  423. list-style: square;
  424. }
  425.  
  426. blockquote img {
  427. max-width: 320px!important;
  428. }
  429.  
  430. blockquote {
  431. border-left: 1px #eeeeee solid;
  432. padding-left: 5px;
  433. margin-left: 12px;
  434. }
  435.  
  436. blockquote p {
  437. font-size: 10px;
  438. max-width: 465px;
  439. {block:if400px}
  440. max-width: 365px;
  441. {/block:if400px}
  442. }
  443.  
  444. blockquote blockquote {
  445. padding: 0 0 0 5px;
  446. margin: 0 0 0 6px;
  447. font-size: 10px;
  448. }
  449.  
  450. pre {
  451. white-space: -pre-wrap;
  452. white-space: -o-pre-wrap;
  453. word-wrap: break-word;
  454. white-space: pre-wrap;
  455. white-space: -moz-pre-wrap;
  456. }
  457.  
  458. .entry p img, .entry blockquote img {
  459. max-width: 100%;
  460. }
  461.  
  462. blockquote p small,
  463. blockquote small sup {
  464. font-size: 10px;
  465. }
  466.  
  467. blockquote small {
  468. font-size: 9px;
  469. }
  470.  
  471. /*----------quotes---------*/
  472.  
  473. .quote {
  474. text-transform: uppercase;
  475. font-size: 11px;
  476. letter-spacing: 0.5px;
  477. line-height: 16px;
  478. margin: 0 0 15px 5px;
  479. max-width: 490px;
  480.  
  481. {block:if400px}
  482. width: 390px;
  483. {/block:if400px}
  484. }
  485.  
  486. .quotesource {
  487. margin: 5px 0 15px 10px;
  488. padding-left: 5px;
  489. font-size: 10px;
  490. line-height: 9px;
  491. }
  492.  
  493.  
  494. /*----------chat---------*/
  495.  
  496. .chat {
  497. line-height: 20px;
  498. list-style: none;
  499. font-size: 11px;
  500. }
  501.  
  502. .chat ol {
  503. {block:if400px}
  504. width: 400px;
  505. {/block:if400px}
  506. }
  507.  
  508. .line.odd {
  509. background: #fafafa;
  510. margin-bottom: 2px;
  511. padding: 5px;
  512. list-style: none;
  513. font-size: 10px;
  514. }
  515.  
  516. .line.even {
  517. background: #ffffff;
  518. margin-bottom: 2px;
  519. padding: 5px;
  520. list-style: none;
  521. font-size: 10px;
  522. }
  523.  
  524. .label {
  525. padding-right: 2px;
  526. text-transform: uppercase;
  527. color: {color:links};
  528. }
  529.  
  530.  
  531. /*----------questions---------*/
  532.  
  533. .question {
  534. background: #fafafa;
  535. padding: 10px;
  536. font-size: 10px;
  537. max-width: 490px;
  538.  
  539. {block:if400px}
  540. width: 390px;
  541. {/block:if400px}
  542. }
  543.  
  544. .asker {
  545. text-transform: uppercase;
  546. margin-bottom: 10px;
  547. }
  548.  
  549. .asker b {
  550. font-weight: normal;
  551. letter-spacing: 1px;
  552. }
  553.  
  554. .answer {
  555. padding: 10px;
  556. margin-top: -15px;
  557. max-width: 490px;
  558.  
  559. {block:if400px}
  560. width: 390px;
  561. {/block:if400px}
  562. }
  563.  
  564.  
  565. /*----------audio---------*/
  566.  
  567. .playerbutton {
  568. position: relative;
  569. width: 30px;
  570. height: 35px;
  571. overflow: hidden;
  572. }
  573.  
  574. .playerbuttonhug {
  575. position: absolute;
  576. top: -7px;
  577. left: 2px;
  578. }
  579.  
  580. .tumblr_audio_player {
  581. height: 50px;
  582. width: 500px;
  583.  
  584. {block:if400px}
  585. width: 400px;
  586. {/block:if400px}
  587. }
  588.  
  589. .playerbuttonbg {
  590. position: absolute;
  591. width: 35px;
  592. height: 35px;
  593. border: 1px solid #ededed;
  594. padding: 10px;
  595. }
  596.  
  597. .trackdetails {
  598. width: auto;
  599. display: inline-block;
  600. padding: 5px;
  601. line-height: 15px;
  602. margin: 5px 0 20px 75px;
  603. color: #8e8e8e;
  604. font-style: italic;
  605. cursor: default;
  606. letter-spacing: 1px;
  607. }
  608.  
  609. .audiowrapper {
  610. position: relative;
  611. display: inline-block;
  612. margin-bottom: 10px;
  613. }
  614.  
  615.  
  616. /*----------post info---------*/
  617.  
  618. .info {
  619. border-top: 1px solid #eeeeee;
  620. padding: 10px 0 0 5px;
  621. display: inline-block;
  622. width: 500px;
  623.  
  624. {block:if400px}
  625. width: 400px;
  626. {/block:if400px}
  627. }
  628.  
  629. .post-details {
  630. font-family: Times, 'Calibri', serif;
  631. text-transform: uppercase;
  632. font-size: 9px;
  633. line-height: 14px;
  634. letter-spacing: 1px;
  635. }
  636.  
  637. .post-info span {
  638. cursor: default;
  639. }
  640.  
  641.  
  642. /*----------tags---------*/
  643. .tags,
  644. .perma-tags {
  645. {block:if400px}
  646. width: 390px;
  647. {/block:if400px}
  648.  
  649. margin: 5px 0 0 5px;
  650. padding-left: 5px;
  651. font-size: 9px;
  652. letter-spacing: 1px;
  653. font-style: italic;
  654. -webkit-transition: 0.6s ease;
  655. -ms-transition: 0.6s ease;
  656. -moz-transition: 0.6s ease;
  657. -o-transition: 0.6s ease;
  658. transition: 0.6s ease;
  659.  
  660. {block:IfHoverTags}
  661. padding-top: 5px;
  662. opacity: 0;
  663. margin: 0;
  664. height: 0;
  665. overflow: hidden;
  666. {/block:IfHoverTags}
  667.  
  668. {block:IfHideTagsAlways}
  669. display: none;
  670. opacity: 0;
  671. z-index: -1;
  672. overflow: hidden;
  673. {/block:IfHideTagsAlways}
  674. }
  675.  
  676. {block:IfShowTagsOnlyOnPermalink}
  677. .tags {
  678. display: none;
  679. opacity: 0;
  680. z-index: -1;
  681. overflow: hidden;
  682. -webkit-transition: 0.6s ease;
  683. -ms-transition: 0.6s ease;
  684. -moz-transition: 0.6s ease;
  685. -o-transition: 0.6s ease;
  686. transition: 0.6s ease;
  687. }
  688.  
  689. {block:IfHoverTags}
  690. .posts:hover .perma-tags {
  691. opacity: 1;
  692. overflow: visible;
  693. -webkit-transition: 0.6s ease;
  694. -ms-transition: 0.6s ease;
  695. -moz-transition: 0.6s ease;
  696. -o-transition: 0.6s ease;
  697. transition: 0.6s ease;
  698. }
  699. {/block:IfHoverTags}
  700.  
  701. {/block:IfShowTagsOnlyOnPermalink}
  702.  
  703. {block:IfHoverTags}
  704. .posts:hover .tags {
  705. opacity: 1;
  706. overflow: visible;
  707. -webkit-transition: 0.6s ease;
  708. -ms-transition: 0.6s ease;
  709. -moz-transition: 0.6s ease;
  710. -o-transition: 0.6s ease;
  711. transition: 0.6s ease;
  712. }
  713. {/block:IfHoverTags}
  714.  
  715. {block:IfHoverTags}
  716. .posts:hover .perma-tags {
  717. opacity: 1;
  718. overflow: visible;
  719. -webkit-transition: 0.6s ease;
  720. -ms-transition: 0.6s ease;
  721. -moz-transition: 0.6s ease;
  722. -o-transition: 0.6s ease;
  723. transition: 0.6s ease;
  724. }
  725. {/block:IfHoverTags}
  726.  
  727. .tags .comma:last-child,
  728. .perma-tags .comma:last-child {
  729. display: none;
  730. }
  731.  
  732.  
  733. /*----------post notes---------*/
  734.  
  735. .perma-notes {
  736. margin-top: 20px;
  737. display: block;
  738. }
  739.  
  740. ol.notes {
  741. padding: 0;
  742. margin: 25px 0 0 10px;
  743. list-style-type: none;
  744. border-bottom: solid 1px #eeeeee;
  745. }
  746.  
  747. ol.notes li.note {
  748. border-bottom: solid 1px #eeeeee;
  749. padding: 10px;
  750. }
  751.  
  752. ol.notes li.note img.avatar {
  753. vertical-align: top;
  754. margin-right: 10px;
  755. width: 16px;
  756. height: 16px;
  757. }
  758.  
  759. ol.notes li.note span.action {
  760. vertical-align: text-top;
  761. line-height: 16px;
  762. }
  763.  
  764. ol.notes li.note span.action a {
  765. font-style: italic;
  766. }
  767.  
  768. ol.notes li.note .answer_content {
  769. font-weight: normal;
  770. }
  771.  
  772. ol.notes li.note blockquote {
  773. border-color: #f2f2f2;
  774. padding: 4px 0 4px 40px;
  775. margin: 10px 0 0 0;
  776. text-align: center;
  777. }
  778.  
  779. ol.notes li.note blockquote a {
  780. text-decoration: none;
  781. }
  782.  
  783.  
  784. /*-------- C -------------*/
  785.  
  786. .c {
  787. display: inline-block;
  788. position: fixed;
  789. right: 10px;
  790. bottom: 10px;
  791. cursor: default;
  792. z-index: 999;
  793. }
  794.  
  795. .c a {
  796. border: 1px solid #bbb;
  797. font: 8px 'Brutal Type', 'Helvetica Neue', sans-serif;
  798. color: #bbb;
  799. font-style: italic;
  800. padding: 4px;
  801. text-align: center;
  802. }
  803.  
  804. .c a:hover {
  805. cursor: pointer;
  806. color: #bbb;
  807. -webkit-transition: 0.6s ease;
  808. -ms-transition: 0.6s ease;
  809. -moz-transition: 0.6s ease;
  810. -o-transition: 0.6s ease;
  811. transition: 0.6s ease;
  812. }
  813.  
  814. /*----------image fade---------*/
  815.  
  816. {block:ifImageFade}
  817. .photo,
  818. .photoset,
  819. .panorama,
  820. .post div,
  821. .posts img,
  822. blockquote img {
  823. opacity: 0.8;
  824. -webkit-transition: 0.6s ease;
  825. -ms-transition: 0.6s ease;
  826. -moz-transition: 0.6s ease;
  827. -o-transition: 0.6s ease;
  828. transition: 0.6s ease;
  829. }
  830. {/block:ifImageFade}
  831.  
  832. {block: IfImageFade}
  833. .photo:hover,
  834. .photoset:hover,
  835. .panorama:hover,
  836. .post div:hover,
  837. .posts:hover img,
  838. .caption:hover img {
  839. opacity: 1;
  840. }
  841. {/block: IfImageFade}
  842.  
  843.  
  844. </style>
  845. </head>
  846.  
  847. <body>
  848. <div class="container">
  849.  
  850. <div class="c">
  851. <a title="theme" href="http://stormborn-themes.tumblr.com/" target="_blank">T-S</a></div>
  852.  
  853.  
  854. <div class="sidebar-wrapper">
  855. {block:IfnotShowSidebarImage}
  856. <div class="description">{Description}</div>
  857. {/block:IfnotShowSidebarImage}
  858.  
  859. {block:IfShowSidebarImage}
  860. <div class="sidebar-image">
  861.  
  862. <div class="hover-zone">
  863. <div class="description">{Description}</div>
  864. <a href="/"><img src="{image:Sidebar Image}" class="sidebar-img"></a>
  865. </div>
  866.  
  867. </div>
  868. {/block:IfShowSidebarImage}
  869.  
  870. <div class="lower-sidebar">
  871.  
  872. <div class="sidetitle"><a href="/">{Title}</a></div>
  873.  
  874. <a id="navigation">Navigation</a>
  875.  
  876. <div id="links">
  877.  
  878. <a href="{text:Link 1 URL}" title="{text:Link1}">{text:Link 1}</a>
  879. <br>
  880. <a href="{text:Link 2 URL}" title="{text:Link2}">{text:Link 2}</a>
  881. <br>
  882. <a href="{text:Link 3 URL}" title="{text:Link3}">{text:Link 3}</a>
  883. <br>
  884. <a href="{text:Link 4 URL}" title="{text:Link4}">{text:Link 4}</a>
  885. <br>
  886. <a href="{text:Link 5 URL}" title="{text:Link5}">{text:Link 5}</a>
  887. <br>
  888. <a href="{text:Link 6 URL}" title="{text:Link6}">{text:Link 6}</a>
  889.  
  890. </div>
  891. </div>
  892. </div>
  893.  
  894. {block:IfInfiniteScroll}
  895. <div class="autopagerize_page_element">
  896. {/block:IfInfiniteScroll}
  897.  
  898. <div class="entries">
  899. {block:Posts}
  900. <div class="posts">
  901.  
  902. {block:Text}
  903. <h1>{block:Title}{Title}{/block:Title}</h1>
  904. {Body}{/block:Text}
  905.  
  906.  
  907. {block:Photo}
  908. {block:ifnot400px}<img src="{PhotoURL-500}"/>{/block:ifnot400px}
  909. {block:if400px}<img src="{PhotoURL-400}"/>{/block:if400px}
  910. {block:Caption}{Caption}{/block:Caption}
  911. {/block:Photo}
  912.  
  913.  
  914. {block:Photoset}
  915. {block:ifnot400px}{Photoset-500}{/block:ifnot400px}
  916. {block:if400px}{Photoset-400}{/block:if400px}
  917. {block:Caption}{Caption}{/block:Caption}
  918. {/block:Photoset}
  919.  
  920.  
  921. {block:Quote}
  922. <div class="quote">"{Quote}"</div>
  923. {block:Source}<div class="quotesource">{Source}</div>
  924. {/block:Source}{/block:Quote}
  925.  
  926.  
  927. {block:Link}
  928. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  929. {block:Description}{Description}{/block:Description}
  930. {/block:Link}
  931.  
  932.  
  933. {block:Chat}
  934. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  935. {/block:Chat}
  936.  
  937.  
  938. {block:Audio}
  939. {block:AudioPlayer}
  940. <div class="audiowrapper">
  941. <div class="playerbuttonbg">
  942. <div class="playerbutton">
  943. <div class="playerbuttonhug">
  944. {AudioPlayerWhite}
  945. </div></div></div>
  946.  
  947. <div class="trackdetails">
  948. {block:TrackName}{TrackName}{/block:TrackName}<br>
  949.  
  950. {block:Artist}{Artist}{/block:Artist}<br>
  951.  
  952. </div>
  953.  
  954. </div>
  955. {/block:AudioPlayer}
  956.  
  957. {block:Caption}
  958. <div class="caption">{Caption}</div>
  959. {/block:Caption}
  960. {/block:Audio}
  961.  
  962.  
  963. {block:Video}
  964. {block:ifnot400px}{Video-500}{/block:ifnot400px}
  965. {block:if400px}{Video-400}{/block:if400px}
  966. {block:Caption}{Caption}{/block:Caption}
  967. {/block:Video}
  968.  
  969.  
  970. {block:Answer}
  971. <div class="question">
  972. <div class="asker"><b>{Asker} said:</b></div>
  973. {Question}</div><br>
  974. <div class="answer">
  975. {Answer}</div>
  976. {/block:Answer}
  977.  
  978. {block:IndexPage}
  979. <div class="info">
  980. {block:Date}
  981. <div class="post-details">
  982. <a href="{Permalink}" class="time" >{TimeAgo}</a> &nbsp;|&nbsp; <a href="{Permalink}" class="note-count">{NoteCountWithLabel}</a>
  983. </div>
  984.  
  985. </div>
  986.  
  987.  
  988.  
  989. {block:HasTags}
  990. <div class="tags">
  991. {block:Tags}
  992. <a href="{TagURL}">{Tag}</a><span class="comma">,</span>
  993. {/block:Tags}
  994. </div>
  995. {/block:HasTags}
  996. {/block:Date}
  997. {/block:IndexPage}
  998.  
  999.  
  1000. {block:PermalinkPage}
  1001. <div class="info">
  1002. {block:Date}
  1003. <div class="post-details">
  1004. <span class="time" >{TimeAgo}</span>
  1005. </div>
  1006.  
  1007. {/block:Date}
  1008. </div>
  1009.  
  1010. {block:HasTags}
  1011. <div class="perma-tags">
  1012. {block:Tags}
  1013. <a href="{TagURL}">{Tag}</a><span class="comma">, </span>
  1014. {/block:Tags}
  1015. </div>
  1016. {/block:HasTags}
  1017.  
  1018. {/block:PermalinkPage}
  1019. </div>
  1020.  
  1021. {block:PostNotes}
  1022. {PostNotes}
  1023. {/block:PostNotes}
  1024.  
  1025.  
  1026. {/block:Posts}
  1027.  
  1028. {block:ContentSource}
  1029. {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1030. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1031. {/block:SourceLogo}
  1032. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  1033. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1034.  
  1035. </div>
  1036. {block:IfInfiniteScroll}
  1037. </div>
  1038. {/block:IfInfiniteScroll}
  1039.  
  1040. <div class="pagination">
  1041. {block:Pagination}
  1042. {block:PreviousPage}<a href="{PreviousPage}" title="{text:Prev}" class="prev">{text:Prev}{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="{text:Next}" class="next">{Text:Next}</a>{/block:NextPage}
  1043. {/block:Pagination}
  1044. </div>
  1045. </body>
  1046.  
  1047. </div>
  1048.  
  1049.  
  1050. </div></div></div></div></div></div></div></div></div>
  1051.  
  1052.  
  1053. </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!