API tools faq
paste
Advertisement
roxiestheme

Theme 57

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