API tools faq
paste
Advertisement
roxiestheme

Theme 58

roxiestheme
Feb 6th, 2017
11,541
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.14 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4.  
  5. <!----------------------------------------------------------------------------------------------------------------------------->
  6. <!----------------------------------------------------------------------------------------------------------------------------->
  7. <!---------------- DO NOT REMOVE THE CREDIT | DO NOT USE AS A BASE | DO NOT REPOST | DO NOT CLAIM AS YOURS ---------------->
  8. <!----------------------------------------------------------------------------------------------------------------------------->
  9. <!------------------------------------------------------------------------------------------------------------------------------
  10.  
  11.  
  12.  
  13.  
  14.  
  15. >>> T H E M E B Y R O X I E <<<
  16.  
  17. Theme by Roxie | roxiestheme.tumblr.com
  18.  
  19. 2016 ⓒ All Rights Reserved.
  20.  
  21.  
  22.  
  23. -----------------------------
  24.  
  25.  
  26. SPECIAL THANKS
  27.  
  28. > PIXEL UNION | Extended photoset
  29. > SHYTHEMES | Video width fix
  30. > CUBTHEMES | Custom like button
  31. > LINEARICONS | Icons
  32. > BOOTSTRAPCDN | Linearicons-Free CSS
  33. > ICOMOON | Custom icons
  34.  
  35.  
  36.  
  37.  
  38.  
  39. ------------------------------------------------------------------------------------------------------------------------------->
  40. <!----------------------------------------------------------------------------------------------------------------------------->
  41. <!---------------- DO NOT REMOVE THE CREDIT | DO NOT USE AS A BASE | DO NOT REPOST | DO NOT CLAIM AS YOURS ---------------->
  42. <!----------------------------------------------------------------------------------------------------------------------------->
  43. <!----------------------------------------------------------------------------------------------------------------------------->
  44.  
  45.  
  46.  
  47. <head>
  48.  
  49. <meta name="color:Background Color" content="#f6f6f6" />
  50. <meta name="color:Post Background Color" content="#ffffff" />
  51. <meta name="color:Navigation Color" content="#fafafa" />
  52. <meta name="color:Header Background Color" content="#ffffff" />
  53. <meta name="color:Border Color" content="#eeeeee" />
  54. <meta name="color:Text Color" content="#888888" />
  55. <meta name="color:Link Color" content="#666666" />
  56. <meta name="color:Accent Color" content="#d1e4a8" />
  57.  
  58. <meta name="image:Sidebar" content="" />
  59.  
  60. <meta name="if:Use Avatar Image" content="0">
  61.  
  62. <meta name="select:Font Family" content="'Karla', sans-serif" title="Karla">
  63. <meta name="select:Font Family" content="'Open Sans', sans-serif" title="Open Sans">
  64. <meta name="select:Font Family" content="'Roboto', sans-serif" title="Roboto">
  65. <meta name="select:Font Family" content="'Lato', sans-serif" title="Lato">
  66.  
  67. <meta name="select:Font Size" content="10px" title="10px">
  68. <meta name="select:Font Size" content="9px" title="9px">
  69. <meta name="select:Font Size" content="11px" title="11px">
  70. <meta name="select:Font Size" content="12px" title="12px">
  71.  
  72. <meta name="select:Sidebar Width" content="150px" title="150px">
  73. <meta name="select:Sidebar Width" content="200px" title="200px">
  74. <meta name="select:Sidebar Width" content="250px" title="250px">
  75.  
  76. <meta name="select:Post Width" content="540px" title="540px">
  77. <meta name="select:Post Width" content="400px" title="400px">
  78. <meta name="select:Post Width" content="500px" title="500px">
  79.  
  80. <meta name="text:Avatar Icon" content="heart" />
  81. <meta name="text:Sidebar Title" content="about" />
  82. <meta name="text:Topbar Title" content="" />
  83. <meta name="text:Short Info" content="" />
  84.  
  85. <meta name="text:Link 1 Title" content="index" />
  86. <meta name="text:Link 1 Url" content="/" />
  87. <meta name="text:Link 2 Title" content="message" />
  88. <meta name="text:Link 2 Url" content="/ask" />
  89. <meta name="text:Link 3 Title" content="" />
  90. <meta name="text:Link 3 Url" content="" />
  91. <meta name="text:Link 4 Title" content="" />
  92. <meta name="text:Link 4 Url" content="" />
  93. <meta name="text:Link 5 Title" content="" />
  94. <meta name="text:Link 5 Url" content="" />
  95. <meta name="text:Link 6 Title" content="" />
  96. <meta name="text:Link 6 Url" content="" />
  97.  
  98.  
  99. <title>{Title}</title>
  100. <link rel="shortcut icon" href="{Favicon}">
  101. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  102. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  103. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  104. <link href="https://fonts.googleapis.com/css?family=Karla:400,700|Lato:400,700|Open+Sans:400,700|Roboto:400,700" rel="stylesheet">
  105. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  106.  
  107.  
  108. <!-------------------------------------------------------------------->
  109. <!------------------------------ JQUERY ------------------------------>
  110. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  111. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  112. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  113. <script src="https://cdn.linearicons.com/free/1.0.0/svgembedder.min.js"></script>
  114. <!------------------------------ JQUERY ------------------------------>
  115. <!-------------------------------------------------------------------->
  116.  
  117. <!-------------------------------------------------------------------->
  118. <!-------------------- FIX VIDEO WIDTH BY SHYTHEMES ------------------>
  119. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  120. <!-------------------- FIX VIDEO WIDTH BY SHYTHEMES ------------------>
  121. <!-------------------------------------------------------------------->
  122.  
  123.  
  124. <!-------------------------------------------------------------------->
  125. <!------------------------------ SCRIPTS ----------------------------->
  126. <script>
  127. $(document).ready(function() {
  128.  
  129. $('.photo-slideshow').pxuPhotoset({
  130. lightbox: true,
  131. gutter: '4px',
  132. borderRadius: '0px',
  133. photoset: '.photo-slideshow',
  134. photoWrap: '.photo-data',
  135. photo: '.pxu-photo'
  136. });
  137.  
  138. $("[title]").style_my_tooltips({
  139. tip_follows_cursor:true,
  140. tip_delay_time:100,
  141. tip_fade_speed:300
  142. });
  143.  
  144. //Check to see if the window is top if not then display button
  145. $(window).scroll(function(){
  146. if ($(this).scrollTop() > 100) {
  147. $('.scrollToTop').fadeIn();
  148. } else {
  149. $('.scrollToTop').fadeOut();
  150. }
  151. });
  152.  
  153. //Click event to scroll to top
  154. $('.scrollToTop').click(function(){
  155. $('html, body').animate({scrollTop : 0},800);
  156. return false;
  157. });
  158.  
  159. });
  160. </script>
  161. <!------------------------------ SCRIPTS ----------------------------->
  162. <!-------------------------------------------------------------------->
  163.  
  164.  
  165. <style type="text/css">
  166.  
  167.  
  168. /*----------------------------------------------------------------------------------------------------------------------------*/
  169. /*----------------------------------------------------------------------------------------------------------------------------*/
  170. /*----------------------------------------------------------------------------------------------------------------------------*/
  171.  
  172.  
  173. /*------------------------------ BASIC ------------------------------*/
  174.  
  175. html, body {
  176. font-family:{select:Font Family};
  177. background:{color:Background Color};
  178. margin:0px;
  179. padding:0px;
  180. -webkit-font-smoothing: antialiased;
  181. -moz-osx-font-smoothing: grayscale;
  182. }
  183.  
  184. /* LINKS BASIC */
  185.  
  186. a{
  187. color:{color:Link Color};
  188. }
  189.  
  190. a:hover{
  191. color:{color:Accent Color};
  192. }
  193.  
  194. a, a:hover, a:active{
  195. text-decoration:none;
  196. -webkit-transition: all 0.3s ease-in-out;
  197. -moz-transition: all 0.3s ease-in-out;
  198. -o-transition: all 0.3s ease-in-out;
  199. -ms-transition: all 0.3s ease-in-out;
  200. transition: all 0.3s ease-in-out;
  201. }
  202.  
  203. /* LIST BASIC */
  204.  
  205. ul, menu, dir{
  206. margin:0px !important;
  207. padding:0px !important;
  208. -webkit-margin-before:0px !important;
  209. -webkit-margin-after:0px !important;
  210. -webkit-margin-start:0px !important;
  211. -webkit-margin-end:0px!important;
  212. -webkit-padding-start:0px !important;
  213. }
  214.  
  215. /* TOOLTIPS */
  216.  
  217. #s-m-t-tooltip{
  218. position:absolute;
  219. z-index:9999999;
  220. margin-top:5px;
  221. margin-left:10px;
  222. display:block;
  223. padding:5px 8px;
  224. background-color:{color:Text Color};
  225. font-family:{select:Font Family};
  226. font-size:8px;
  227. color:{color:Post Background Color};
  228. letter-spacing:1px;
  229. text-transform:uppercase;
  230. }
  231.  
  232. /* SCROLL BAR */
  233.  
  234. ::-webkit-scrollbar-thumb {
  235. width:5px;
  236. border:1px solid {color:Border Color};
  237. border-right:none;
  238. background-color:{color:Navigation Color};
  239. }
  240.  
  241. ::-webkit-scrollbar {
  242. width:5px;
  243. border-left:1px solid {color:Border Color};
  244. border-right:4px solid {color:Post Background Color};
  245. background-color:{color:Post Background Color};
  246. }
  247.  
  248. /* SELECTION */
  249.  
  250. ::-moz-selection { /* Code for Firefox */
  251. color:{color:Post Background Color};
  252. background-color:{color:Text Color};
  253. }
  254.  
  255. ::selection {
  256. color:{color:Post Background Color};
  257. background-color:{color:Text Color};
  258. }
  259.  
  260. /* TUMBLR CONTROLS */
  261. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  262. z-index:999999;
  263. position:fixed;
  264. top:10px;
  265. right:calc(50% - {select:Sidebar Width}/2 - {select:Post Width}/2 - 23px);
  266. vertical-align:middle;
  267. white-space:nowrap !important;
  268. opacity:0.2;
  269. -webkit-filter: invert(100%);
  270. -moz-filter: invert(100%);
  271. -o-filter: invert(100%);
  272. -ms-filter: invert(100%);
  273. filter: invert(100%);
  274. -webkit-transform: scale(0.6);
  275. -webkit-transform-origin: top right;
  276. -moz-transform: scale(0.6);
  277. -moz-transform-origin: top right;
  278. -o-transform: scale(0.6);
  279. -o-transform-origin: top right;
  280. -ms-transform: scale(0.6);
  281. -ms-transform-origin: top right;
  282. transform: scale(0.6);
  283. transform-origin: top right;
  284. }
  285.  
  286. /* SCROLL TO TOP */
  287.  
  288. .scrollToTop{
  289. font-size:8px;
  290. font-weight:400;
  291. text-align:center;
  292. width:72px;
  293. color:{color:Text Color};
  294. text-transform:uppercase;
  295. text-decoration:none;
  296. position:fixed;
  297. bottom:50px;
  298. right:30px;
  299. letter-spacing:1px;
  300. display:none;
  301. z-index:9999;
  302. }
  303.  
  304. .scrollToTop:hover{
  305. color:{color:Link Color};
  306. text-decoration:none;
  307. }
  308.  
  309.  
  310. /*------------------------------ BASIC ------------------------------*/
  311.  
  312.  
  313. /*----------------------------------------------------------------------------------------------------------------------------*/
  314. /*----------------------------------------------------------------------------------------------------------------------------*/
  315. /*----------------------------------------------------------------------------------------------------------------------------*
  316.  
  317.  
  318. /*----------------------------- HEADER -----------------------------*/
  319.  
  320. /* HEADER BASIC */
  321.  
  322. header{
  323. position:fixed;
  324. top:0px;
  325. left:0px;
  326. width:100%;
  327. height:80px;
  328. overflow:hidden;
  329. background-color:{color:Navigation Color};
  330. border:1px solid {color:Border Color};
  331. border-left:none;
  332. z-index:9999;
  333. }
  334.  
  335. /* HEADER CONTENT */
  336.  
  337. header #header-content{
  338. position:absolute;
  339. left:calc(50% - {select:Sidebar Width}/2 - {select:Post Width}/2 - 16px);
  340. width:calc({select:Sidebar Width} + {select:Post Width} + 32px);
  341. height:50px;
  342. }
  343.  
  344. header #header-content:before{
  345. content:'';
  346. position:absolute;
  347. top:39.5px;
  348. display:block;
  349. width:calc({select:Sidebar Width} + {select:Post Width} + 32px);
  350. height:1px;
  351. background-color:{color:Border Color};
  352. }
  353.  
  354. /* AVATAR */
  355.  
  356. header #header-content .icon{
  357. position:relative;
  358. z-index:99999;
  359. float:left;
  360. margin:15px 10px 0px 0px;
  361. display:block;
  362. border-radius:50%;
  363. width:50px;
  364. height:50px;
  365. text-align:center;
  366. background-color:{color:Accent Color};
  367. {block:ifUseAvatarImage}
  368. background-image:url('{PortraitURL-64}');
  369. background-size:50px 50px;
  370. {/block:ifUseAvatarImage}
  371. }
  372.  
  373. header #header-content .icon:before{
  374. font-family:'Linearicons-Free';
  375. font-size:20px;
  376. font-weight:bold;
  377. margin-left:2px;
  378. line-height:50px;
  379. color:{color:Post Background Color};
  380. {block:ifUseAvatarImage}
  381. display:none;
  382. {/block:ifUseAvatarImage}
  383. }
  384.  
  385. /* TITLE */
  386.  
  387. header #header-content h1{
  388. font-size:13px;
  389. font-weight:700;
  390. letter-spacing:-0.5px;
  391. margin:18px 0px 0px 0px;
  392. }
  393.  
  394. header #header-content h1 a{
  395. color:{color:Text Color};
  396. }
  397.  
  398. header #header-content h1 a:hover{
  399. color:{color:Link Color};
  400. cursor:help;
  401. }
  402.  
  403. header #header-content h2{
  404. color:{color:Text Color};
  405. font-size:8px;
  406. font-weight:400;
  407. text-transform:uppercase;
  408. letter-spacing:1px;
  409. margin:15px 0px 0px 0px;
  410. }
  411.  
  412. /* NAVIGATION */
  413.  
  414. header #header-content nav.toplinks{
  415. position:absolute;
  416. right:0px;
  417. bottom:-10px;
  418. overflow:hidden;
  419. width:calc({select:Sidebar Width} + {select:Post Width} - 28px);
  420. text-align:right;
  421. }
  422.  
  423. header #header-content nav.toplinks a{
  424. display:inline-block;
  425. text-transform:uppercase;
  426. font-size:8.5px;
  427. letter-spacing:1.5px;
  428. margin-left:20px;
  429. padding-top:7px;
  430. color:{color:Text Color};
  431. border-top:1px solid transparent;
  432. }
  433.  
  434. header #header-content nav.toplinks a:hover{
  435. border-top:1px solid {color:Accent Color};
  436. color:{color:Link Color};
  437. }
  438.  
  439. /*----------------------------- HEADER -----------------------------*/
  440.  
  441.  
  442. /*----------------------------------------------------------------------------------------------------------------------------*/
  443. /*----------------------------------------------------------------------------------------------------------------------------*/
  444. /*----------------------------------------------------------------------------------------------------------------------------*/
  445.  
  446.  
  447.  
  448. /*---------------------------- CONTAINER ----------------------------*/
  449.  
  450. #container{
  451. position:relative;
  452. overflow:hidden;
  453. top:81px;
  454. left:calc(50% - {select:Sidebar Width}/2 - {select:Post Width}/2 - 16px);
  455. width:calc({select:Sidebar Width} + {select:Post Width} + 32px);
  456. margin:30px 0px;
  457. display:block;
  458. background-color:{color:Background Color};
  459. }
  460.  
  461.  
  462. /*---------------------------- CONTAINER ----------------------------*/
  463.  
  464.  
  465.  
  466. /*----------------------------------------------------------------------------------------------------------------------------*/
  467. /*----------------------------------------------------------------------------------------------------------------------------*/
  468. /*----------------------------------------------------------------------------------------------------------------------------*/
  469.  
  470.  
  471.  
  472. /*----------------------------- SIDEBAR -----------------------------*/
  473.  
  474. #sidebar{
  475. width:{select:Sidebar Width};
  476. position:fixed;
  477. z-index:999;
  478. top:111px;
  479. left:calc(50% - {select:Sidebar Width}/2 - {select:Post Width}/2 - 16px);
  480. }
  481.  
  482. #sidebar article{
  483. display:block;
  484. overflow:hidden;
  485. border:1px solid {color:Border Color};
  486. background-color:{color:Navigation Color};
  487. border-radius:3px;
  488. }
  489.  
  490. /* SIDEBAR TITLE */
  491.  
  492. #sidebar article.desc h1{
  493. background-color:{color:Navigation Color};
  494. display:block;
  495. height:30px;
  496. margin:0px;
  497. border-bottom:1px solid {color:Border Color};
  498. color:{color:Text Color};
  499. font-family:{select:Font Family};
  500. font-weight:700;
  501. font-size:12px;
  502. line-height:30px;
  503. text-transform:capitalize;
  504. letter-spacing:-0.5px;
  505. }
  506.  
  507. #sidebar article.desc h1:before{
  508. font-family:'Linearicons-Free';
  509. font-size:10px;
  510. display:block;
  511. float:left;
  512. margin:6px;
  513. width:18px;
  514. height:18px;
  515. border-radius:3px;
  516. text-align:center;
  517. line-height:18px;
  518. background-color:{color:Accent Color};
  519. color:{color:Post Background Color};
  520. }
  521.  
  522. /* SIDE IMAGE */
  523.  
  524. #sidebar article.desc img.sideimg{
  525. display:block;
  526. width:100%;
  527. border-bottom:1px solid {color:Border Color};
  528. }
  529.  
  530. /* DESCRIPTION */
  531.  
  532. #sidebar article.desc section{
  533. display:block;
  534. padding:15px;
  535. font-size:10px;
  536. color:{color:Text Color};
  537. }
  538.  
  539.  
  540. /* SEARCH BAR */
  541.  
  542. #sidebar .search{
  543. margin:0px 15px 15px 15px;
  544. display:block;
  545. width:calc({select:Sidebar Width} - 30px);
  546. height:25px;
  547. overflow:hidden;
  548. border-radius:3px;
  549. border:1px solid {color:Border Color};
  550. z-index:999999;
  551. background-color:{color:Post Background Color};
  552. }
  553.  
  554. #sidebar .search input{
  555. display:block;
  556. width:calc({select:Sidebar Width} - 57px);
  557. height:25px;
  558. padding:0px 10px;
  559. background-color:transparent;
  560. border:none;
  561. outline:none;
  562. font-family:{select:Font Family};
  563. font-size:{select:Font Size} !important;
  564. font-weight:400 !important;
  565. color:{color:Text Color} !important;
  566. }
  567.  
  568. #sidebar .search input.sbutton{
  569. position:absolute;
  570. margin-top:-25px;
  571. margin-left:calc({select:Sidebar Width} - 55px);
  572. cursor:pointer;
  573. padding:0px;
  574. display:block;
  575. width:25px;
  576. height:25px;
  577. outline:none;
  578. border:none;
  579. border-left:1px solid {color:Border Color};
  580. font-family:'Linearicons-Free';
  581. text-align:center;
  582. line-height:27px;
  583. font-size:calc({select:Font Size} + 2px) !important;
  584. font-weight:normal;
  585. background:{color:Navigation Color};
  586. z-index:9;
  587. }
  588.  
  589. ::-webkit-input-placeholder{color:{color:Text Color};opacity:0.5;
  590. letter-spacing:1px;}
  591. ::-moz-input-placeholder{color:{color:Text Color};opacity:0.5;
  592. letter-spacing:1px;}
  593. ::-o-input-placeholder{color:{color:Text Color};opacity:0.5;
  594. letter-spacing:1px;}
  595. ::-ms-input-placeholder{color:{color:Text Color};opacity:0.5;
  596. letter-spacing:1px;}
  597.  
  598.  
  599. /* PAGINATION */
  600.  
  601. #sidebar article.pagination{
  602. margin:10px 0px 0px 0px;
  603. display:block;
  604. height:30px;
  605. text-transform:uppercase;
  606. text-align:center;
  607. font-size:9px;
  608. line-height:30px;
  609. background-color:{color:Post Background Color};
  610. color:{color:Text Color};
  611. }
  612.  
  613. #sidebar article.pagination a{
  614. display:inline-block;
  615. color:{color:Text Color};
  616. }
  617.  
  618. #sidebar article.pagination a:hover{
  619. color:{color:Link Color};
  620. }
  621.  
  622. #sidebar article.pagination a.jump{
  623. width:calc({select:Sidebar Width}/3 - 15px);
  624. height:30px;
  625. background-color:{color:Navigation Color};
  626. text-align:center;
  627. display:block;
  628. text-transform:uppercase;
  629. }
  630.  
  631. #sidebar article.pagination a.jump-prev{
  632. float:left;
  633. border-right:1px solid {color:Border Color};
  634. }
  635.  
  636. #sidebar article.pagination a.jump-next{
  637. float:right;
  638. border-left:1px solid {color:Border Color};
  639. }
  640.  
  641.  
  642. /*----------------------------- SIDEBAR -----------------------------*/
  643.  
  644.  
  645.  
  646. /*----------------------------------------------------------------------------------------------------------------------------*/
  647. /*----------------------------------------------------------------------------------------------------------------------------*/
  648. /*----------------------------------------------------------------------------------------------------------------------------*/
  649.  
  650.  
  651.  
  652. /*------------------------------ POSTS ------------------------------*/
  653.  
  654. #posts{
  655. position:relative;
  656. margin-left:calc({select:Sidebar Width} + 30px);
  657. width:calc({select:Post Width} + 2px);
  658. }
  659.  
  660. /* SINGLE POST */
  661.  
  662. #post{
  663. overflow:hidden;
  664. width:{select:Post Width};
  665. border:1px solid {color:Border Color};
  666. border-bottom:none;
  667. border-radius:3px;
  668. margin:0px 0px 30px 0px;
  669. }
  670.  
  671. #post:last-child{
  672. margin:0px;
  673. }
  674.  
  675. /* POSTCONTENT BASIC */
  676.  
  677. #postcontent{
  678. background-color:{color:Post Background Color};
  679. font-family:{select:Font Family};
  680. font-weight:400;
  681. font-size:{select:Font Size};
  682. color:{color:Text Color};
  683. width:{select:Post Width};
  684. text-align:justify;
  685. line-height:150%;
  686. }
  687.  
  688. /* POST MEDIA */
  689.  
  690. #postcontent .postmedia{
  691. width: {select:Post Width};
  692. border: 1px solid {color:Border Color};
  693. border-top: none;
  694. overflow: hidden;
  695. display: block;
  696. }
  697. #postcontent .postmedia .width_fix iframe{
  698. width: calc({select:Post Width} + 2px) !important;
  699. margin: 0px;
  700. margin-top: -1px;
  701. margin-left: -1px;
  702. }
  703. #postcontent .postmedia iframe.tumblr_audio_player{
  704. height: 85px !important;
  705. margin-bottom: -5px;
  706. }
  707.  
  708. /* POST BODY */
  709.  
  710. #postcontent .postbody{
  711. width:calc({select:Post Width} - 40px);
  712. border-bottom:1px solid {color:Border Color};
  713. padding:20px;
  714. }
  715.  
  716. #postcontent .postbody a{
  717. background-image: linear-gradient(180deg,rgba(68,68,68,0) 50%,rgba(68,68,68,.1) 0);
  718. text-decoration: none;
  719. background-repeat: repeat-x;
  720. background-size: 1em 2px;
  721. background-position: 0 1.15em;
  722. padding-bottom: 2px;
  723. }
  724.  
  725. #postcontent .postbody a:hover{
  726. color:{color:Text Color};
  727. }
  728.  
  729. /* POST IMAGES */
  730.  
  731. #postcontent .postbody img{
  732. max-width:100%;
  733. height:auto;
  734. }
  735.  
  736. /* FIX IMAGE FIGURE */
  737.  
  738. #postcontent .postbody figure{
  739. margin-top:10px;
  740. max-width:100%;
  741. height:auto;
  742. }
  743.  
  744. #postcontent .postbody figure.tumblr-full img{
  745. width:{select:Post Width};
  746. }
  747.  
  748.  
  749. /* POST TITLE */
  750.  
  751. #postcontent .posttitle{
  752. font-family:{select:Font Family};
  753. font-weight:400;
  754. font-size:28px;
  755. letter-spacing:0px;
  756. text-align:justify;
  757. line-height:120%;
  758. margin-top:-10px;
  759. color:{color:Text Color};
  760. }
  761.  
  762. /* BLOCKQUOTE */
  763.  
  764. #postcontent blockquote{
  765. width:calc(100% - 11px);
  766. max-width:calc(100% - 11px);
  767. margin-left:0px;
  768. padding-left:10px;
  769. border-left:1px solid {color:Accent Color};
  770. }
  771.  
  772. /* TEXTS */
  773.  
  774. #postcontent .postbody p{
  775. margin-top:3px;
  776. }
  777.  
  778. #postcontent .postbody p:first-child{
  779. margin-top:0px;
  780. }
  781.  
  782. #postcontent .postbody big{
  783. font-size:13px;
  784. }
  785.  
  786. #postcontent .postbody small{
  787. font-size:8px;
  788. }
  789.  
  790.  
  791. /* HIGHLIGHT */
  792.  
  793. #postcontent .postbody h2{
  794. font-family:{select:Font Family};
  795. font-weight:400;
  796. font-size:20px;
  797. color:{color:Text Color};
  798. margin-bottom:15px;
  799. }
  800.  
  801. /* LIST */
  802.  
  803. #postcontent .postbody ol{
  804. margin:0px 0px 10px -15px !important;
  805. }
  806.  
  807. #postcontent .postbody ul{
  808. list-style-type:none;
  809. margin:0px 0px 10px 5px !important;
  810. }
  811.  
  812. #postcontent .postbody ul li:before{
  813. display:block;
  814. float:left;
  815. margin-right:5px;
  816. font-family:'Linearicons-Free';
  817. font-size:calc({select:Font Size} - 3px);
  818. content:'\e870';
  819. }
  820.  
  821. #postcontent .postbody .caption{
  822. margin-bottom:-10px;
  823. }
  824.  
  825. /* LINK POSTS */
  826.  
  827. #postcontent .link-button{
  828. border-bottom:1px solid {color:Border Color};
  829. word-break:break-word;
  830. overflow:hidden;
  831. display:block;
  832. position:relative;
  833. text-decoration:none;
  834. }
  835.  
  836. #postcontent .info-container{
  837. padding:20px 20px 0;
  838. overflow:hidden;
  839. }
  840.  
  841. #postcontent .publisher-container{
  842. margin-top:-4px;
  843. margin-bottom:17px;
  844. display:block;
  845. font-size:13px;
  846. line-height:16px;
  847. font-weight:700;
  848. word-break:break-all;
  849. }
  850.  
  851. #postcontent .publisher-container .publisher{
  852. line-height:16px;
  853. font-size:7px;
  854. font-weight:700;
  855. color:{color:Text Color};
  856. text-transform:uppercase;
  857. letter-spacing:2px;
  858. display:inline-block;
  859. margin:0px;
  860. }
  861.  
  862. #postcontent .publisher-container.if-thumbnail{
  863. position:absolute;
  864. top:20px;
  865. left:20px;
  866. right:20px;
  867. }
  868.  
  869. #postcontent .publisher-container.if-thumbnail .publisher{
  870. color:{color:Post Background Color};
  871. text-shadow:1px 1px 0px rgba(0,0,0,0.3);
  872. }
  873.  
  874. #postcontent .info-container{
  875. padding:20px 20px 0;
  876. overflow:hidden;
  877. color:{color:Text Color};
  878. }
  879.  
  880. #postcontent .info-container .title{
  881. margin-top:-5px;
  882. margin-bottom:10px;
  883. display:block;
  884. font-family:{select:Font Family};
  885. font-size:calc({select:Font Size} + 8px);
  886. font-weight:700;
  887. letter-spacing:0px;
  888. line-height:calc({select:Font Size} + 10px);
  889. }
  890.  
  891. #postcontent .info-container .title:after{
  892. display:inline-block;
  893. font-size:calc({select:Font Size} + 3px);
  894. line-height:calc({select:Font Size} + 1px);
  895. margin-left:5px;
  896. white-space:nowrap;
  897. font-family:'Linearicons-Free';
  898. font-weight:bold;
  899. content: "\e876";
  900. }
  901.  
  902. #postcontent .info-container .excerpt{
  903. margin-top:-2px;
  904. margin-bottom:10px;
  905. display:block;
  906. font-size:{select:Font Size};
  907. line-height:calc({select:Font Size} + 3px);
  908. }
  909.  
  910. #postcontent .info-container .author{
  911. margin-top:-3px;
  912. margin-bottom:15px;
  913. display:block;
  914. font-size:calc({select:Font Size} - 2px);
  915. font-weight:400;
  916. letter-spacing:0.5px;
  917. line-height:calc({select:Font Size} + 2px);
  918. opacity:0.5;
  919. }
  920.  
  921. /* QUOTES */
  922.  
  923. #postcontent .quotes{
  924. font-family:{select:Font Family};
  925. font-weight:400;
  926. font-size:calc({select:Font Size} + 15px);
  927. letter-spacing:-1px;
  928. line-height:130%;
  929. margin-top:-5px;
  930. margin-bottom:10px;
  931. color:{color:Text Color};
  932. }
  933.  
  934. #postcontent .icon-quote-left,
  935. #postcontent .icon-quote-right{
  936. display:inline-block;
  937. width:calc({select:Font Size} + 10px);
  938. height:calc({select:Font Size} + 10px);
  939. fill:{color:Text Color};
  940. }
  941.  
  942. #postcontent .icon-quote-left{
  943. margin-right:8px;
  944. }
  945.  
  946. #postcontent .icon-quote-right{
  947. margin-left:8px;
  948. }
  949.  
  950.  
  951. /* ASKS */
  952.  
  953. #postcontent .asker{
  954. font-size:calc({select:Font Size} - 3px);
  955. text-transform:uppercase;
  956. text-align:left;
  957. line-height:110%;
  958. margin-top:2px;
  959. color:{color:Text Color};
  960. letter-spacing:2px;
  961. }
  962.  
  963. #postcontent .asker span{
  964. font-family:{select:Font Family};
  965. font-weight:400;
  966. text-transform:uppercase;
  967. font-size:calc({select:Font Size} + 2px);
  968. line-height:110%;
  969. letter-spacing:1px;
  970. }
  971.  
  972. #postcontent .asker a{
  973. background-image:none;
  974. color:{color:Link Color};
  975. font-family:{select:Font Family};
  976. font-weight:400;
  977. text-transform:uppercase;
  978. font-size:calc({select:Font Size} + 2px);
  979. line-height:110%;
  980. letter-spacing:1px;
  981. }
  982.  
  983. #postcontent .asker a:hover{
  984. color:{color:Text Color};
  985. }
  986.  
  987. #postcontent .askimg img{
  988. width:calc({select:Font Size} + 15px);
  989. height:calc({select:Font Size} + 15px);
  990. margin-right:10px;
  991. border-radius:50%;
  992. float:left;
  993. }
  994.  
  995. #postcontent .question{
  996. width: calc({select:Post Width} - {select:Font Size}/2 - 68px);
  997. margin-top: -5px;
  998. margin-left: calc({select:Font Size}/2 + 7px);
  999. margin-bottom: 15px;
  1000. padding:20px 0px 0px 20px;
  1001. border-left:1px solid {color:Border Color};
  1002. }
  1003.  
  1004. /* CHATS */
  1005.  
  1006. #postcontent ul.chat{
  1007. margin-bottom:0px !important;
  1008. overflow:hidden;
  1009. border:1px solid {color:Border Color};
  1010. border-bottom:none;
  1011. text-align:left;
  1012. }
  1013.  
  1014. #postcontent ul.chat{
  1015. list-style:none !important;
  1016. margin-left:0px !important;
  1017. }
  1018.  
  1019. #postcontent ul.chat li{
  1020. display:block;
  1021. min-height:25px;
  1022. line-height:25px;
  1023. font-size:calc({select:Font Size} + 1px);
  1024. font-weight:400 !important;
  1025. letter-spacing:1px;
  1026. color:{color:Text Color};
  1027. padding:0px 10px;
  1028. border-bottom:1px solid {color:Border Color};
  1029. }
  1030.  
  1031. #postcontent ul.chat li:before{
  1032. display:none;
  1033. }
  1034.  
  1035. #postcontent span.label{
  1036. display:block;
  1037. float:left;
  1038. height:25px;
  1039. border-right:1px solid {color:Border Color};
  1040. border-bottom:1px solid {color:Border Color};
  1041. background-color:{color:Post Background Color};
  1042. font-size:calc({select:Font Size} - 1px);
  1043. font-weight:700;
  1044. text-transform:uppercase;
  1045. letter-spacing:2px;
  1046. margin-left:-10px;
  1047. margin-right:5px;
  1048. padding:0px 3px 0px 10px;
  1049. color:{color:Text Color};
  1050. }
  1051.  
  1052. #postcontent span.label:after{
  1053. content:'';
  1054. position:absolute;
  1055. float:right;
  1056. margin-left:-5px;
  1057. width:4px;
  1058. height:25px;
  1059. background-color:{color:Post Background Color};
  1060. }
  1061.  
  1062.  
  1063. /* POSTNOTES */
  1064.  
  1065. #postnotes{
  1066. width:calc({select:Post Width} - 40px);
  1067. padding:0px 20px;
  1068. margin:30px 0px 0px 0px;
  1069. border-radius:3px;
  1070. border:1px solid {color:Border Color};
  1071. color:{color:Text Color};
  1072. background:{color:Post Background Color};
  1073. font-size:calc({select:Font Size} - 2px);
  1074. text-align:justify;
  1075. line-height:150%;
  1076. letter-spacing:1px;
  1077. text-transform:uppercase;
  1078. font-family:{select:Font Family};
  1079. }
  1080.  
  1081. #postnotes ol.notes{
  1082. padding:0px;
  1083. margin:20px 0px;
  1084. list-style-type:none;
  1085. }
  1086.  
  1087. #postnotes ol.notes li.note{
  1088. padding:10px 0px;
  1089. }
  1090.  
  1091. #postnotes ol.notes li.note img.avatar{
  1092. vertical-align:-4px;
  1093. margin-right:10px;
  1094. width:16px;
  1095. height:16px;
  1096. border-radius:50%;
  1097. }
  1098.  
  1099. /*------------------------------ POSTS ------------------------------*/
  1100.  
  1101.  
  1102. /*----------------------------------------------------------------------------------------------------------------------------*/
  1103. /*----------------------------------------------------------------------------------------------------------------------------*/
  1104. /*----------------------------------------------------------------------------------------------------------------------------*/
  1105.  
  1106.  
  1107. /*---------------------------- PERMALINK ----------------------------*/
  1108.  
  1109. #permalink{
  1110. position:relative;
  1111. display:block;
  1112. z-index:999;
  1113. background-color:{color:Navigation Color};
  1114. width:calc({select:Post Width} - 40px);
  1115. height:40px;
  1116. padding:0px 20px;
  1117. border-bottom:1px solid {color:Border Color};
  1118. overflow:hidden;
  1119. text-align:left;
  1120. font-family:{select:Font Family};
  1121. font-size:calc({select:Font Size} - 1px);
  1122. letter-spacing:1px;
  1123. }
  1124.  
  1125. /* PERMALINK LINKS */
  1126.  
  1127. #permalink .postinfo a{
  1128. font-family:{select:Font Family};
  1129. font-weight:700;
  1130. display:block;
  1131. float:left;
  1132. text-transform:uppercase !important;
  1133. color:{color:Text Color};
  1134. text-align:left;
  1135. line-height:40px;
  1136. }
  1137.  
  1138. #permalink .postinfo a:before{
  1139. font-family:'Linearicons-Free';
  1140. margin-right:5px;
  1141. color:{color:Accent Color};
  1142. }
  1143.  
  1144. #permalink .postinfo a:hover{
  1145. color:{color:Link Color};
  1146. }
  1147.  
  1148. #permalink .postinfo a:after{
  1149. content:"";
  1150. position:relative;
  1151. width:1px;
  1152. height:calc({select:Font Size} - 2px);
  1153. display:block;
  1154. float:right;
  1155. background-color:{color:Border Color};
  1156. margin-top:calc(21px - {select:Font Size}/2);
  1157. margin-left:15px;
  1158. margin-right:15px;
  1159. }
  1160.  
  1161. #permalink .postinfo a:last-child:after{
  1162. display:none;
  1163. }
  1164.  
  1165. #permalink .postinfo a.notes{
  1166. font-size:calc({select:Font Size} + 1px);
  1167. }
  1168.  
  1169.  
  1170. /* LIKE & REBLOG BUTTONS */
  1171.  
  1172. #permalink ul.like_and_reblog_buttons{
  1173. width:100px;
  1174. margin-top:12px !important;
  1175. list-style:none;
  1176. text-align:right;
  1177. display:block;
  1178. float:right;
  1179. }
  1180.  
  1181. #permalink ul.like_and_reblog_buttons li{
  1182. list-style:none;
  1183. display:inline-block;
  1184. margin:0px 0px 0px 5px;
  1185. cursor:pointer !important;
  1186. }
  1187.  
  1188. #permalink ul.like_and_reblog_buttons{
  1189. margin-left: -38px;
  1190. margin-bottom:-2px;
  1191. }
  1192.  
  1193. #permalink ul.reblog-icons{
  1194. margin-left: -38px;
  1195. }
  1196.  
  1197. /* CUSTOM REBLOG/LIKE BUTTONS | BY DEMIREV.CUBTHEMES.COM */
  1198.  
  1199. #permalink .like{
  1200. position:relative;
  1201. cursor:pointer !important;
  1202. }
  1203.  
  1204. #permalink .lnr-sync,
  1205. #permalink .lnr-heart{
  1206. fill:{color:Accent Color};
  1207. }
  1208.  
  1209. #permalink .lnr:hover{
  1210. fill:{color:Text Color};
  1211. }
  1212.  
  1213. #permalink .like .like_button{
  1214. position:absolute;
  1215. top:-1.5px;
  1216. opacity:0;
  1217. }
  1218.  
  1219. #permalink .like .like_button.liked {
  1220. opacity:1;
  1221. }
  1222.  
  1223. #permalink .lnr{
  1224. -webkit-transition: all 0.2s ease-in-out;
  1225. -moz-transition: all 0.2s ease-in-out;
  1226. -o-transition: all 0.2s ease-in-out;
  1227. -ms-transition: all 0.2s ease-in-out;
  1228. transition: all 0.2s ease-in-out;
  1229. }
  1230.  
  1231.  
  1232. /* TAGS */
  1233.  
  1234. #tags{
  1235. position:relative;
  1236. z-index:999;
  1237. width:calc({select:Post Width} - 40px);
  1238. background-color:{color:Navigation Color};
  1239. border-bottom:1px solid {color:Border Color};
  1240. text-align:left;
  1241. line-height:100%;
  1242. padding:15px 20px;
  1243. letter-spacing:0.5px;
  1244. line-height:150%;
  1245. font-family:{select:Font Family};
  1246. font-weight:400;
  1247. font-size:calc({select:Font Size} - 2px);
  1248. }
  1249.  
  1250. #tags a{
  1251. display:inline-block;
  1252. color:{color:Text Color};
  1253. margin-left:10px;
  1254. }
  1255.  
  1256. #tags a:hover{
  1257. color:{color:Link Color};
  1258. }
  1259.  
  1260. #tags span{
  1261. font-family:{select:Font Family};
  1262. color:{color:Text Color};
  1263. text-transform:uppercase;
  1264. display:inline-block;
  1265. font-size:calc({select:Font Size} - 3px);
  1266. line-height:calc({select:Font Size} - 3px);
  1267. font-weight:700;
  1268. letter-spacing:1px;
  1269. margin-right:-5px;
  1270. }
  1271.  
  1272. #tags span:before {
  1273. font-family:'Linearicons-Free';
  1274. font-size:{select:Font Size};
  1275. color:{color:Accent Color};
  1276. line-height:calc({select:Font Size} - 5px);
  1277. margin-right:5px;
  1278. display:block;
  1279. float:left;
  1280. }
  1281.  
  1282. /*---------------------------- PERMALINK ----------------------------*/
  1283.  
  1284.  
  1285. /*----------------------------------------------------------------------------------------------------------------------------*/
  1286. /*----------------------------------------------------------------------------------------------------------------------------*/
  1287. /*----------------------------------------------------------------------------------------------------------------------------*/
  1288.  
  1289.  
  1290. /*------------------------------ CREDIT------------------------------*/
  1291. /*--------------------- DO NOT REMOVE THE CREDIT --------------------*/
  1292.  
  1293. #credit{
  1294. position:fixed;
  1295. bottom:30px;
  1296. right:30px;
  1297. text-align:center;
  1298. z-index:99999;
  1299. }
  1300.  
  1301. #credit a{
  1302. padding:3px 3px 3px 5px;
  1303. color:{color:Text Color};
  1304. background-color:{color:Post Background Color};
  1305. border:1px solid {color:Border Color};
  1306. border-radius:3px;
  1307. text-align:center;
  1308. font-size:8px;
  1309. font-weight:400;
  1310. letter-spacing:1px;
  1311. text-transform:uppercase;
  1312. color:{color:Text Color};
  1313. }
  1314.  
  1315. #credit a:hover{
  1316. background-color:{color:Accent Color};
  1317. color:{color:Post Background Color};
  1318. border:1px solid {color:Accent Color};
  1319. }
  1320.  
  1321.  
  1322. /*--------------------- DO NOT REMOVE THE CREDIT --------------------*/
  1323. /*------------------------------ CREDIT------------------------------*/
  1324.  
  1325. /*----------------------------------------------------------------------------------------------------------------------------*/
  1326. /*----------------------------------------------------------------------------------------------------------------------------*/
  1327. /*----------------------------------------------------------------------------------------------------------------------------*/
  1328.  
  1329.  
  1330. {CustomCSS}
  1331.  
  1332.  
  1333. </style><!-- END OF CSS STYLE-->
  1334. </head>
  1335.  
  1336.  
  1337. <!----------------------------------------------------------------------------------------------------------------------------->
  1338. <!----------------------------------------------------------------------------------------------------------------------------->
  1339. <!----------------------------------------------------------------------------------------------------------------------------->
  1340.  
  1341.  
  1342. <body>
  1343.  
  1344.  
  1345. <!----------------------------------------------------------------------------------------------------------------------------->
  1346. <!----------------------------------------------------------------------------------------------------------------------------->
  1347. <!----------------------------------------------------------------------------------------------------------------------------->
  1348.  
  1349.  
  1350.  
  1351. <!-------------------------- START OF HEADER ------------------------->
  1352.  
  1353. <header>
  1354. <div id="header-content">
  1355.  
  1356. <div class="icon lnr lnr-{text:Avatar Icon}"></div>
  1357.  
  1358. <h1><a href="/">{block:IfNotTopbarTitle}{Title}{/block:IfNotTopbarTitle}{block:IfTopbarTitle}{text:Topbar Title}{/block:IfTopbarTitle}</a></h1>
  1359. <h2>{block:IfNotShortInfo}{name}.tumblr.com{/block:IfNotShortInfo}{block:IfShortInfo}{text:Short Info}{/block:IfShortInfo}</h2>
  1360.  
  1361. <nav class="toplinks">
  1362. {block:ifLink1Title}<a href="{text:Link 1 URL}">{text:Link 1 Title}</a>{/block:ifLink1Title}
  1363. {block:ifLink2Title}<a href="{text:Link 2 URL}">{text:Link 2 Title}</a>{/block:ifLink2Title}
  1364. {block:ifLink3Title}<a href="{text:Link 3 URL}">{text:Link 3 Title}</a>{/block:ifLink3Title}
  1365. {block:ifLink4Title}<a href="{text:Link 4 URL}">{text:Link 4 Title}</a>{/block:ifLink4Title}
  1366. {block:ifLink5Title}<a href="{text:Link 5 URL}">{text:Link 5 Title}</a>{/block:ifLink5Title}
  1367. {block:ifLink6Title}<a href="{text:Link 6 URL}">{text:Link 6 Title}</a>{/block:ifLink6Title}
  1368. </nav>
  1369.  
  1370. </div>
  1371. </header>
  1372.  
  1373. <!--------------------------- END OF HEADER -------------------------->
  1374.  
  1375.  
  1376. <!----------------------------------------------------------------------------------------------------------------------------->
  1377. <!----------------------------------------------------------------------------------------------------------------------------->
  1378. <!----------------------------------------------------------------------------------------------------------------------------->
  1379.  
  1380.  
  1381.  
  1382. <!-------------------------- START OF SIDEBAR ------------------------>
  1383.  
  1384. <div id="sidebar">
  1385.  
  1386. <article class="desc">
  1387.  
  1388. <h1 class="lnr lnr-{text:Avatar Icon}">{text:Sidebar Title}</h1>
  1389. {block:IfSidebarImage}<img class="sideimg" src="{image:Sidebar}">{/block:IfSidebarImage}
  1390.  
  1391. <section>{Description}</section>
  1392.  
  1393. <div class="search">
  1394. <form action="/search" method="get">
  1395. <input type="text" name="q" value="" placeholder="SEARCH..." />
  1396. <input type="submit" value="&#xe86f;" class="sbutton" />
  1397. </form>
  1398. </div><!-- SEARCH -->
  1399.  
  1400. </article>
  1401.  
  1402. {block:Pagination}
  1403. <article class="pagination">
  1404. {block:PreviousPage}<a href="{PreviousPage}" class="jump jump-prev">prev</a>{/block:PreviousPage}
  1405. {CurrentPage} of {TotalPages}
  1406. {block:NextPage}<a href="{NextPage}" class="jump jump-next">next</a>{/block:NextPage}
  1407. </article>
  1408. {/block:Pagination}
  1409.  
  1410. </div>
  1411.  
  1412.  
  1413. <!--------------------------- END OF SIDEBAR ------------------------->
  1414.  
  1415. <!----------------------------------------------------------------------------------------------------------------------------->
  1416. <!----------------------------------------------------------------------------------------------------------------------------->
  1417. <!----------------------------------------------------------------------------------------------------------------------------->
  1418.  
  1419.  
  1420. <div id="container">
  1421.  
  1422.  
  1423. <!----------------------------------------------------------------------------------------------------------------------------->
  1424. <!----------------------------------------------------------------------------------------------------------------------------->
  1425. <!----------------------------------------------------------------------------------------------------------------------------->
  1426.  
  1427.  
  1428. <div id="posts">
  1429.  
  1430. <!-------------------------- START OF A POST ------------------------->
  1431.  
  1432.  
  1433. {block:Posts}
  1434.  
  1435. <div id="post">
  1436.  
  1437. <!------------------------- START OF PERMALINK ----------------------->
  1438. {block:Date}
  1439. <div id="permalink">
  1440.  
  1441. <div class="postinfo">
  1442. <a class="lnr lnr-star" href="{Permalink}" title="notes">{NoteCount}</a>
  1443. <a class="lnr lnr-clock" href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/" title="date">{ShortMonth} {DayOfMonthWithZero} {Year}</a>
  1444. {block:RebloggedFrom}<a class="lnr lnr-location" href="{ReblogRootURL}" target="_blank" title="{ReblogRootName}">src</a><a class="lnr lnr-enter" href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  1445. </div><!-- POSTINFO -->
  1446.  
  1447. <ul class="like_and_reblog_buttons">
  1448.  
  1449. <li class="reblog-button" title="reblog">
  1450. <a href="{ReblogURL}" target="_blank"><svg class="lnr lnr-sync" width="13px" height="13px"><use xlink:href="#lnr-sync"></use></svg></a>
  1451. </li>
  1452.  
  1453. <li class="like" title="like">
  1454. {LikeButton size="11"}
  1455. <svg class="lnr lnr-heart" width="13px" height="13px"><use xlink:href="#lnr-heart"></use></svg>
  1456. </li>
  1457.  
  1458. </ul>
  1459.  
  1460. </div><!-- PERMALINK -->
  1461. {/block:Date}
  1462. <!-------------------------- END OF PERMALINK ------------------------>
  1463.  
  1464.  
  1465. <!-------------------------------------------------------------------->
  1466. <!-------------------------------------------------------------------->
  1467. <!-------------------------------------------------------------------->
  1468.  
  1469.  
  1470. <!------------------------ START OF POSTCONTENT ---------------------->
  1471.  
  1472. <div id="postcontent">
  1473.  
  1474.  
  1475. <!-------------------------------------------------------------------->
  1476. <!----------------------------- TEXT POSTS --------------------------->
  1477. {block:Text}
  1478. <div class="postbody">
  1479. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1480. <div class="caption" style="margin-top:0px;{block:Title}margin-top:10px{/block:Title};">{Body}</div>
  1481. </div><!-- POST BODY -->
  1482. {/block:Text}
  1483. <!----------------------------- TEXT POSTS --------------------------->
  1484. <!-------------------------------------------------------------------->
  1485.  
  1486.  
  1487. <!-------------------------------------------------------------------->
  1488. <!----------------------------- LINK POSTS --------------------------->
  1489. {block:Link}
  1490.  
  1491. <div class="postmedia" style="border:none;">
  1492.  
  1493. <a href="{Url}" target="_blank" class="link-button">
  1494. {block:Thumbnail}<img src="{Thumbnail}" width="{select:Post Width}">{/block:Thumbnail}
  1495. <div class="info-container">
  1496. {block:Host}<div class="publisher-container {block:Thumbnail}if-thumbnail{/block:Thumbnail}"><div class="publisher">{Host}</div></div>{/block:Host}
  1497. <div class="title">{Name}</div>
  1498. {block:Excerpt}<div class="excerpt">{Excerpt}</div>{/block:Excerpt}
  1499. {block:Author}<div class="author">{Author}</div>{/block:Author}
  1500. </div><!-- INFO CONTAINER -->
  1501. </a>
  1502.  
  1503. </div><!-- POST MEDIA -->
  1504.  
  1505. {block:Description}
  1506. <div class="postbody"><div class="caption">{Description}</div></div><!-- POST BODY-->
  1507. {/block:Description}
  1508.  
  1509. {/block:Link}
  1510. <!----------------------------- LINK POSTS --------------------------->
  1511. <!-------------------------------------------------------------------->
  1512.  
  1513.  
  1514. <!-------------------------------------------------------------------->
  1515. <!---------------------------- PHOTO POSTS --------------------------->
  1516. {block:Photo}
  1517. {LinkOpenTag}
  1518. <div class="postmedia"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post Width}" style="display:block;"></div><!-- POST MEDIA -->
  1519. {LinkCloseTag}
  1520. {block:Caption}
  1521. <div class="postbody"><div class="caption">{Caption}</div></div><!-- POST BODY -->
  1522. {/block:Caption}
  1523. {/block:Photo}
  1524. <!---------------------------- PHOTO POSTS --------------------------->
  1525. <!-------------------------------------------------------------------->
  1526.  
  1527.  
  1528. <!-------------------------------------------------------------------->
  1529. <!----------------------------- PHOTOSETS ---------------------------->
  1530. {block:Photoset}
  1531.  
  1532. <div class="postmedia">
  1533. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1534. {block:Photos}
  1535. <div class="photo-data">
  1536. <div class="pxu-photo">
  1537. <img src="{PhotoURL-HighRes}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  1538. </div><!-- pxu-photo -->
  1539. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  1540. </div><!-- photo-data -->
  1541. {/block:Photos}
  1542. </div><!-- photo-slideshow-->
  1543. </div><!-- postmedia -->
  1544.  
  1545. {block:Caption}
  1546. <div class="postbody"><div class="caption">{Caption}</div></div><!-- POST BODY ->
  1547. {/block:Caption}
  1548.  
  1549. {block:ContentSource}<!-- {SourceURL}
  1550. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1551. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1552. {/block:ContentSource}
  1553.  
  1554. {/block:Photoset}
  1555. <!----------------------------- PHOTOSETS ---------------------------->
  1556. <!-------------------------------------------------------------------->
  1557.  
  1558.  
  1559. <!-------------------------------------------------------------------->
  1560. <!------------------------------- QUOTES ----------------------------->
  1561. {block:Quote}
  1562. <div class="postbody">
  1563. <div class="quotes"><svg class="icon icon-quote-left"><use xlink:href="#icon-quote-left"></use></svg>{Quote}<svg class="icon icon-quote-right"><use xlink:href="#icon-quote-right"></use></svg></div>
  1564. {block:Source}<div class="caption" style="margin-bottom:0px;">— {Source}</div>{/block:Source}
  1565. </div><!-- POST BODY -->
  1566. {/block:Quote}
  1567. <!------------------------------- QUOTES ----------------------------->
  1568. <!-------------------------------------------------------------------->
  1569.  
  1570.  
  1571. <!-------------------------------------------------------------------->
  1572. <!------------------------------- CHATS ------------------------------>
  1573. {block:Chat}
  1574. <div class="postbody">
  1575. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1576. <ul class="chat">
  1577. {block:Lines}
  1578. <li class="user_{UserNumber}">
  1579. {block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}
  1580. </li>
  1581. {/block:Lines}
  1582. </ul>
  1583. </div><!-- POST BODY -->
  1584. {/block:Chat}
  1585. <!------------------------------- CHATS ------------------------------>
  1586. <!-------------------------------------------------------------------->
  1587.  
  1588.  
  1589. <!-------------------------------------------------------------------->
  1590. <!------------------------------- AUDIOS ----------------------------->
  1591. {block:Audio}
  1592. <div class="postmedia" style="border:none;">
  1593. <div class="width_fix" style="margin-bottom:-5px;">{AudioEmbed-500}</div>
  1594. </div><!-- POST MEDIA -->
  1595. {block:Caption}<div class="postbody"><div class="caption">{Caption}</div></div><!-- POST BODY -->{/block:Caption}
  1596. {/block:Audio}
  1597. <!------------------------------- AUDIOS ----------------------------->
  1598. <!-------------------------------------------------------------------->
  1599.  
  1600.  
  1601. <!-------------------------------------------------------------------->
  1602. <!------------------------------- VIDEOS ----------------------------->
  1603. {block:Video}
  1604. <div class="postmedia">
  1605. <div class="video" style="margin-bottom:-5px;">{Video-500}</div>
  1606. </div><!-- POST MEDIA -->
  1607. {block:Caption}
  1608. <div class="postbody"><div class="caption">{Caption}</div></div><!-- POST BODY -->
  1609. {/block:Caption}
  1610. {/block:Video}
  1611. <!------------------------------- VIDEOS ----------------------------->
  1612. <!-------------------------------------------------------------------->
  1613.  
  1614.  
  1615. <!-------------------------------------------------------------------->
  1616. <!------------------------------ ANSWERS ----------------------------->
  1617. {block:Answer}
  1618. <div class="postbody">
  1619. <div class="askimg"><img src="{AskerPortraitURL-48}"></div>
  1620. <div class="asker"><span>{Asker}</span><br>sent a message</div>
  1621. <div class="question">{Question}</div>
  1622. <div class="caption">{Answer}</div>
  1623. </div><!-- POST BODY -->
  1624. {/block:Answer}
  1625. <!-------------------------------------------------------------------->
  1626. <!------------------------------ ANSWERS ----------------------------->
  1627.  
  1628.  
  1629. </div><!-- POSTCONTENT -->
  1630.  
  1631. <!------------------------- END OF POSTCONTENT ----------------------->
  1632.  
  1633.  
  1634. <!-------------------------------------------------------------------->
  1635. <!-------------------------------------------------------------------->
  1636. <!-------------------------------------------------------------------->
  1637.  
  1638.  
  1639. <!-------------------------------- TAGS ------------------------------>
  1640. {block:HasTags}
  1641. <div id="tags">
  1642. <span class="lnr lnr-bookmark">Tagged as</span> {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  1643. </div>
  1644. {/block:HasTags}
  1645. <!-------------------------------- TAGS ------------------------------>
  1646.  
  1647.  
  1648. <!-------------------------------------------------------------------->
  1649. <!-------------------------------------------------------------------->
  1650. <!-------------------------------------------------------------------->
  1651.  
  1652.  
  1653. </div><!-- POST -->
  1654.  
  1655. <!--------------------------- END OF A POST ------------------------->
  1656.  
  1657.  
  1658. <!----------------------------------------------------------------------------------------------------------------------------->
  1659. <!----------------------------------------------------------------------------------------------------------------------------->
  1660. <!----------------------------------------------------------------------------------------------------------------------------->
  1661.  
  1662.  
  1663. <!------------------------ START OF POSTNOTES ----------------------->
  1664. {block:PostNotes}
  1665. <div id="postnotes">
  1666. {PostNotes}
  1667. </div>
  1668. {/block:PostNotes}
  1669. <!------------------------- END OF POSTNOTES ------------------------>
  1670.  
  1671.  
  1672. <!----------------------------------------------------------------------------------------------------------------------------->
  1673. <!----------------------------------------------------------------------------------------------------------------------------->
  1674. <!----------------------------------------------------------------------------------------------------------------------------->
  1675.  
  1676.  
  1677. {/block:Posts}<!-- END OF ALL POSTS-->
  1678.  
  1679.  
  1680. <!----------------------------------------------------------------------------------------------------------------------------->
  1681. <!----------------------------------------------------------------------------------------------------------------------------->
  1682. <!----------------------------------------------------------------------------------------------------------------------------->
  1683.  
  1684. </div><!-- POSTS -->
  1685.  
  1686. <!----------------------------------------------------------------------------------------------------------------------------->
  1687. <!----------------------------------------------------------------------------------------------------------------------------->
  1688. <!----------------------------------------------------------------------------------------------------------------------------->
  1689.  
  1690.  
  1691. </div><!-- CONTAINER -->
  1692.  
  1693.  
  1694. <!----------------------------------------------------------------------------------------------------------------------------->
  1695. <!----------------------------------------------------------------------------------------------------------------------------->
  1696. <!----------------------------------------------------------------------------------------------------------------------------->
  1697.  
  1698. <a href="#" class="scrollToTop">Scroll To Top</a>
  1699.  
  1700. <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
  1701. <div id="credit"><a href="http://roxiestheme.tumblr.com" target="_blank">roxiestheme</a></div>
  1702. <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
  1703.  
  1704.  
  1705. <!----------------------------------------------------------------------------------------------------------------------------->
  1706. <!----------------------------------------------------------------------------------------------------------------------------->
  1707. <!----------------------------------------------------------------------------------------------------------------------------->
  1708.  
  1709.  
  1710. </body>
  1711.  
  1712.  
  1713. <!----------------------------------------------------------------------------------------------------------------------------->
  1714. <!----------------------------------------------------------------------------------------------------------------------------->
  1715. <!----------------------------------------------------------------------------------------------------------------------------->
  1716.  
  1717.  
  1718. <svg display="none">
  1719. <defs>
  1720.  
  1721. <symbol id="icon-quote-left" viewBox="0 0 33 32">
  1722. <title>quote</title>
  1723. <path class="path1" d="M16.025 19.192c-0.133-3.75-3.258-7.225-7.133-7.675-1.475-0.167-3.767 0.483-4.767 1.167-0.4 0.083-0.6 0.225-0.717-0.4 3.433-6.633 11.342-6.625 11.342-6.625v-0.917c-8.058-1.325-17.025 8.842-14.225 17 1.333 3.875 5.117 6.25 8.792 5.508 3.85-0.783 6.842-4.367 6.708-8.058zM7.925 25.9c-3.708-0.050-6.492-2.958-6.408-6.692 0.092-3.683 3.083-6.458 6.792-6.3 3.475 0.15 6.183 2.975 6.2 6.458 0.025 3.633-2.942 6.583-6.583 6.533z"></path>
  1724. <path class="path2" d="M33.025 19.192c-0.133-3.75-3.258-7.225-7.133-7.675-1.475-0.167-3.767 0.483-4.767 1.167-0.4 0.083-0.6 0.225-0.717-0.4 3.433-6.633 11.342-6.625 11.342-6.625v-0.917c-8.058-1.325-17.025 8.842-14.225 17 1.333 3.875 5.117 6.25 8.792 5.508 3.85-0.783 6.842-4.367 6.708-8.058zM24.925 25.9c-3.708-0.050-6.492-2.958-6.408-6.692 0.092-3.683 3.083-6.458 6.792-6.3 3.475 0.15 6.183 2.975 6.2 6.458 0.033 3.633-2.942 6.583-6.583 6.533z"></path>
  1725. </symbol>
  1726.  
  1727. <symbol id="icon-quote-right" viewBox="0 0 33 32">
  1728. <title>quote2</title>
  1729. <path class="path1" d="M17.006 12.808c0.133 3.75 3.258 7.225 7.133 7.675 1.475 0.167 3.767-0.483 4.767-1.167 0.4-0.083 0.6-0.225 0.717 0.4-3.433 6.633-11.342 6.625-11.342 6.625v0.917c8.058 1.325 17.025-8.842 14.225-17-1.333-3.875-5.117-6.25-8.792-5.508-3.85 0.783-6.842 4.367-6.708 8.058zM25.106 6.1c3.708 0.050 6.492 2.958 6.408 6.692-0.092 3.683-3.083 6.458-6.792 6.3-3.475-0.15-6.183-2.975-6.2-6.458-0.025-3.633 2.942-6.583 6.583-6.533z"></path>
  1730. <path class="path2" d="M0.006 12.808c0.133 3.75 3.258 7.225 7.133 7.675 1.475 0.167 3.767-0.483 4.767-1.167 0.4-0.083 0.6-0.225 0.717 0.4-3.433 6.633-11.342 6.625-11.342 6.625v0.917c8.058 1.325 17.025-8.842 14.225-17-1.333-3.875-5.117-6.25-8.792-5.508-3.85 0.783-6.842 4.367-6.708 8.058zM8.106 6.1c3.708 0.050 6.492 2.958 6.408 6.692-0.092 3.683-3.083 6.458-6.792 6.3-3.475-0.15-6.183-2.975-6.2-6.458-0.033-3.633 2.942-6.583 6.583-6.533z"></path>
  1731. </symbol>
  1732.  
  1733. </defs>
  1734. </svgs>
  1735.  
  1736.  
  1737. </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!