API tools faq
paste
Advertisement
MystiqueAquanian

Old Theme for bbcMerlinnet

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