API tools faq
paste
Advertisement
roxiestheme

Fansite 001

roxiestheme
Aug 30th, 2016
18,669
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 68.50 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. > FONTAWESOME | Icons
  32. > BOOTSTRAPCDN | FontAwesome 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="font:Body Font" content="Helvetica"/>
  50.  
  51. <meta name="color:Background Color" content="#f2eadb" />
  52. <meta name="color:Post Background Color" content="#ffffff" />
  53. <meta name="color:Border Color" content="#e5e5e5" />
  54. <meta name="color:Color One" content="#3f4133" />
  55. <meta name="color:Color Two" content="#ccb37f" />
  56. <meta name="color:Text Color" content="#888888" />
  57.  
  58. <meta name="image:Header" content="" />
  59. <meta name="image:Description Banner" content="">
  60.  
  61. <meta name="select:Font Size" content="10px" title="10px">
  62. <meta name="select:Font Size" content="9px" title="9px">
  63. <meta name="select:Font Size" content="11px" title="11px">
  64. <meta name="select:Font Size" content="12px" title="12px">
  65.  
  66. <meta name="select:Sidebar Width" content="250px" title="250px">
  67. <meta name="select:Sidebar Width" content="200px" title="200px">
  68. <meta name="select:Sidebar Width" content="290px" title="290px">
  69.  
  70. <meta name="select:Post Width" content="540px" title="540px">
  71. <meta name="select:Post Width" content="400px" title="400px">
  72. <meta name="select:Post Width" content="500px" title="500px">
  73.  
  74. <meta name="select:Twitter Widget Theme" content="light" title="Light">
  75. <meta name="select:Twitter Widget Theme" content="dark" title="Dark">
  76.  
  77. <meta name="if:Light Tumblr Control Buttons" content="1">
  78. <meta name="if:Has Borders" content="0">
  79.  
  80.  
  81. <meta name="text:Blog Title" content="" />
  82. <meta name="text:Blog Short Description" content="blog description" />
  83.  
  84. <meta name="text:Toplink 1 Title" content="index" />
  85. <meta name="text:Toplink 1 Icon" content="home" />
  86. <meta name="text:Toplink 1 Url" content="/" />
  87. <meta name="text:Toplink 2 Title" content="message" />
  88. <meta name="text:Toplink 2 Icon" content="envelope" />
  89. <meta name="text:Toplink 2 Url" content="/ask" />
  90. <meta name="text:Toplink 3 Title" content="" />
  91. <meta name="text:Toplink 3 Icon" content="map-marker" />
  92. <meta name="text:Toplink 3 Url" content="" />
  93. <meta name="text:Toplink 4 Title" content="" />
  94. <meta name="text:Toplink 4 Icon" content="picture-o" />
  95. <meta name="text:Toplink 4 Url" content="" />
  96. <meta name="text:Toplink 5 Title" content="" />
  97. <meta name="text:Toplink 5 Icon" content="tags" />
  98. <meta name="text:Toplink 5 Url" content="" />
  99. <meta name="text:Toplink 6 Title" content="" />
  100. <meta name="text:Toplink 6 Icon" content="pencil-square" />
  101. <meta name="text:Toplink 6 Url" content="" />
  102. <meta name="text:Toplink 7 Title" content="" />
  103. <meta name="text:Toplink 7 Icon" content="folder" />
  104. <meta name="text:Toplink 7 Url" content="" />
  105.  
  106. <meta name="text:Description Subtitle" content="welcome">
  107.  
  108. <meta name="text:Twitter Username" content="" />
  109. <meta name="text:Twitter Widget Height" content="325px" />
  110. <meta name="text:Instagram Widget Script" content="" />
  111.  
  112. <meta name="text:Category 1 Title" content="about" />
  113. <meta name="text:Category 1 Icon" content="flag" />
  114.  
  115. <meta name="text:Category 2 Title" content="projects" />
  116. <meta name="text:Category 2 Icon" content="list-ul" />
  117.  
  118. <meta name="text:Category 3 Title" content="social medias" />
  119. <meta name="text:Category 3 Icon" content="share-square" />
  120.  
  121. <meta name="text:Category 4 Title" content="twitter" />
  122. <meta name="text:Category 4 Icon" content="twitter" />
  123.  
  124. <meta name="text:Category 5 Title" content="instagram" />
  125. <meta name="text:Category 5 Icon" content="instagram" />
  126.  
  127. <meta name="text:Category 6 Title" content="updates" />
  128. <meta name="text:Category 6 Icon" content="calendar" />
  129.  
  130. <meta name="text:Category 7 Title" content="gallery" />
  131. <meta name="text:Category 7 Icon" content="camera" />
  132.  
  133. <meta name="text:Category 8 Title" content="affiliates" />
  134. <meta name="text:Category 8 Icon" content="globe" />
  135.  
  136. <meta name="text:Category 9 Title" content="members" />
  137. <meta name="text:Category 9 Icon" content="briefcase" />
  138.  
  139. <meta name="text:Category 10 Title" content="site info" />
  140. <meta name="text:Category 10 Icon" content="info-circle" />
  141.  
  142.  
  143. <title>{Title}</title>
  144. <link rel="shortcut icon" href="{Favicon}">
  145. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  146. <link href='http://static.tumblr.com/sas2ex2/HFinqriui/photoset.css' rel='stylesheet' type='text/css'>
  147. <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet' type='text/css'>
  148. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  149.  
  150.  
  151. <!-------------------------------------------------------------------->
  152. <!------------------------------ JQUERY ------------------------------>
  153. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  154. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  155. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  156. <!------------------------------ JQUERY ------------------------------>
  157. <!-------------------------------------------------------------------->
  158.  
  159. <!-------------------------------------------------------------------->
  160. <!-------------------- FIX VIDEO WIDTH BY SHYTHEMES ------------------>
  161. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  162. <!-------------------- FIX VIDEO WIDTH BY SHYTHEMES ------------------>
  163. <!-------------------------------------------------------------------->
  164.  
  165.  
  166. <!-------------------------------------------------------------------->
  167. <!------------------------------ SCRIPTS ----------------------------->
  168. <script>
  169. $(document).ready(function() {
  170.  
  171. $('.photo-slideshow').pxuPhotoset({
  172. lightbox: true,
  173. gutter: '4px',
  174. borderRadius: '3px',
  175. photoset: '.photo-slideshow',
  176. photoWrap: '.photo-data',
  177. photo: '.pxu-photo'
  178. });
  179.  
  180. $("[title]").style_my_tooltips({
  181. tip_follows_cursor:true,
  182. tip_delay_time:100,
  183. tip_fade_speed:300
  184. });
  185.  
  186. });
  187. </script>
  188. <!------------------------------ SCRIPTS ----------------------------->
  189. <!-------------------------------------------------------------------->
  190.  
  191.  
  192. <style type="text/css">
  193.  
  194.  
  195. /*----------------------------------------------------------------------------------------------------------------------------*/
  196. /*----------------------------------------------------------------------------------------------------------------------------*/
  197. /*----------------------------------------------------------------------------------------------------------------------------*/
  198.  
  199.  
  200. /*------------------------------ BASIC ------------------------------*/
  201.  
  202. html, body {
  203. font-family:{font:Body Font};
  204. background:{color:Background Color};
  205. margin:0px;
  206. padding:0px;
  207. -webkit-font-smoothing: antialiased;
  208. -moz-osx-font-smoothing: grayscale;
  209. }
  210.  
  211. /* LINKS BASIC */
  212.  
  213. a{
  214. color:{color:Color Two};
  215. }
  216.  
  217. a:hover{
  218. color:{color:Color One};
  219. }
  220.  
  221. a, a:hover, a:active{
  222. text-decoration:none;
  223. -webkit-transition: all 0.3s ease-in-out;
  224. -moz-transition: all 0.3s ease-in-out;
  225. -o-transition: all 0.3s ease-in-out;
  226. -ms-transition: all 0.3s ease-in-out;
  227. transition: all 0.3s ease-in-out;
  228. }
  229.  
  230. /* LIST BASIC */
  231.  
  232. ul, menu, dir{
  233. margin:0px !important;
  234. padding:0px !important;
  235. -webkit-margin-before:0px !important;
  236. -webkit-margin-after:0px !important;
  237. -webkit-margin-start:0px !important;
  238. -webkit-margin-end:0px!important;
  239. -webkit-padding-start:0px !important;
  240. }
  241.  
  242. /* TOOLTIPS */
  243.  
  244. #s-m-t-tooltip{
  245. position:absolute;
  246. z-index:9999999;
  247. margin-top:5px;
  248. margin-left:10px;
  249. display:block;
  250. padding:5px 8px;
  251. background-color:{color:Text Color};
  252. font-family:{font:Body Font};
  253. font-size:8px;
  254. color:{color:Post Background Color};
  255. letter-spacing:1px;
  256. text-transform:uppercase;
  257. }
  258.  
  259. /* SCROLL BAR */
  260.  
  261. ::-webkit-scrollbar-thumb {
  262. width:5px;
  263. background-color:{color:Color Two};
  264. }
  265.  
  266. ::-webkit-scrollbar {
  267. width:5px;
  268. background-color:{color:Post Background Color};
  269. }
  270.  
  271. /* SELECTION */
  272.  
  273. ::-moz-selection { /* Code for Firefox */
  274. color:{color:Background Color};
  275. background-color:{color:Color Two};
  276. }
  277.  
  278. ::selection {
  279. color:{color:Background Color};
  280. background-color:{color:Color Two};
  281. }
  282.  
  283.  
  284. /* TUMBLR CONTROLS */
  285.  
  286. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  287. z-index:999999;
  288. position:fixed;
  289. top: -3px;
  290. right:calc(50% - {select:Sidebar Width} - {select:Post Width}/2 - 50px);
  291. vertical-align:middle;
  292. white-space:nowrap !important;
  293. {block:IfLightTumblrControlButtons}
  294. opacity:0.2;
  295. -webkit-filter: invert(100%);
  296. -moz-filter: invert(100%);
  297. -o-filter: invert(100%);
  298. -ms-filter: invert(100%);
  299. filter: invert(100%);
  300. {/block:IfLightTumblrControlButtons}
  301. -webkit-transform: scale(0.6);
  302. -webkit-transform-origin: top right;
  303. -moz-transform: scale(0.6);
  304. -moz-transform-origin: top right;
  305. -o-transform: scale(0.6);
  306. -o-transform-origin: top right;
  307. -ms-transform: scale(0.6);
  308. -ms-transform-origin: top right;
  309. transform: scale(0.6);
  310. transform-origin: top right;
  311. }
  312.  
  313.  
  314. /*------------------------------ BASIC ------------------------------*/
  315.  
  316.  
  317. /*----------------------------------------------------------------------------------------------------------------------------*/
  318. /*----------------------------------------------------------------------------------------------------------------------------*/
  319. /*----------------------------------------------------------------------------------------------------------------------------*
  320.  
  321.  
  322. /*----------------------------- HEADER -----------------------------*/
  323.  
  324. /* HEADER LINKS */
  325.  
  326. header{
  327. position:absolute;
  328. margin-top:80px;
  329. top:0px;
  330. left:0px;
  331. width:100%;
  332. height:40px;
  333. background:{color:Color Two};
  334. z-index:9999999;
  335. }
  336.  
  337. .sticky{
  338. position:fixed;
  339. top:-55px;
  340. z-index:9999;
  341. }
  342.  
  343.  
  344. /* BLOG INFO BASIC */
  345.  
  346. header #blog-info{
  347. margin-top:-80px;
  348. width:100%;
  349. height:80px;
  350. line-height:20px;
  351. background-color:{color:Color One};
  352. }
  353.  
  354. header #blog-info section{
  355. position:relative;
  356. margin:auto;
  357. width:calc({select:Sidebar Width}*2 + {select:Post Width} + 100px);
  358. height:80px;
  359. }
  360.  
  361.  
  362. /* BLOG INFO : TITLE */
  363.  
  364. header #blog-info section h1{
  365. margin:0px 0px 0px -2px;
  366. padding:0px;
  367. font-family:{font:Body Font};
  368. text-transform:uppercase;
  369. text-align:justify;
  370. line-height:80px;
  371. font-size:calc({select:Font Size} + 10px);
  372. font-weight:500;
  373. letter-spacing:3px;
  374. color:{color:Color Two};
  375. }
  376.  
  377. header #blog-info section h1:first-letter{
  378. color:{color:Background Color};
  379. }
  380.  
  381. .sticky #blog-info section h1{
  382. position:absolute;
  383. left:0px;
  384. bottom:0px;
  385. line-height:25px;
  386. font-size:calc({select:Font Size} - 1px);
  387. letter-spacing:3px;
  388. }
  389.  
  390. .sticky #blog-info section h1:before{
  391. content:'{text:Blog Short Description}';
  392. font-size:calc({select:Font Size} - 3px);
  393. font-weight:400;
  394. float:right;
  395. letter-spacing:2.5px;
  396. text-align:right;
  397. text-transform:uppercase;
  398. color:{color:Background Color};
  399. }
  400.  
  401. .sticky #blog-info section h1:after{
  402. content:'';
  403. display:block;
  404. width:30px;
  405. height:1px;
  406. float:right;
  407. margin:12px 10px 0px 10px;
  408. background-color:{color:Color Two};
  409. }
  410.  
  411.  
  412. /* BLOG INFO : SHORT DESC */
  413.  
  414. header #blog-info section span.short-desc{
  415. position:absolute;
  416. right:0px;
  417. bottom:25px;
  418. font-family:{font:Body Font};
  419. font-size:calc({select:Font Size} - 3px);
  420. font-weight:400;
  421. line-height:100%;
  422. letter-spacing:2.5px;
  423. text-align:right;
  424. text-transform:uppercase;
  425. color:{color:Background Color};
  426. }
  427.  
  428.  
  429. /* BLOG INFO : TUMBLR CONTROL */
  430.  
  431. header #blog-info section span.tumblr-control{
  432. position:absolute;
  433. right:0px;
  434. top:20px;
  435. }
  436.  
  437. header #blog-info section span.tumblr-control a{
  438. display:block;
  439. float:right;
  440. background-color:{color:Color Two};
  441. width:20px;
  442. height:20px;
  443. margin-left:5px;
  444. border-radius:50%;
  445. font-size:calc({select:Font Size} + 3px);
  446. color:{color:Color One};
  447. text-align:center;
  448. line-height:20px;
  449. }
  450.  
  451.  
  452. /* BLOG INFO : TRANSITION */
  453.  
  454. header #blog-info section h1,
  455. .sticky #blog-info section h1,
  456. header #blog-info section span.short-desc,
  457. .sticky #blog-info section span.short-desc{
  458. -webkit-transition: all 0.3s ease-in-out;
  459. -moz-transition: all 0.3s ease-in-out;
  460. -o-transition: all 0.3s ease-in-out;
  461. -ms-transition: all 0.3s ease-in-out;
  462. transition: all 0.3s ease-in-out;
  463. }
  464.  
  465.  
  466. /* TOP LINKS */
  467.  
  468. header #toplinks{
  469. position:relative;
  470. margin:auto;
  471. width:calc({select:Sidebar Width}*2 + {select:Post Width} + 100px);
  472. height:40px;
  473. text-align:left;
  474. }
  475.  
  476. header #toplinks a{
  477. display:inline-block;
  478. height:40px;
  479. font-family:{font:Body Font};
  480. font-size:calc({select:Font Size} - 1px);
  481. font-weight:700;
  482. letter-spacing:2px;
  483. line-height:40px;
  484. text-transform:uppercase;
  485. color:{color:Post Background Color};
  486. padding:0px;
  487. margin:0px 50px 0px 0px;
  488. }
  489.  
  490. header #toplinks a:before{
  491. display:block;
  492. float:left;
  493. margin-right:10px;
  494. font-family:'FontAwesome';
  495. font-size:calc({select:Font Size} + 1px);
  496. font-weight:normal;
  497. }
  498.  
  499. header #toplinks a:after{
  500. margin-top:-46px;
  501. margin-left:50%;
  502. width:5px;
  503. background:{color:Color One};
  504. content:'';
  505. display:block;
  506. height:5px;
  507. -webkit-transform: rotate(45deg);
  508. -moz-transform: rotate(45deg);
  509. -ms-transform: rotate(45deg);
  510. -o-transform: rotate(45deg);
  511. transform: rotate(45deg);
  512. -webkit-transition: all 0.3s ease-in-out;
  513. -moz-transition: all 0.3s ease-in-out;
  514. -o-transition: all 0.3s ease-in-out;
  515. -ms-transition: all 0.3s ease-in-out;
  516. transition: all 0.3s ease-in-out;
  517. }
  518.  
  519. header #toplinks a:hover:after{
  520. margin-top:-42px;
  521. }
  522.  
  523. header #toplinks a:hover{
  524. color:{color:Color One};
  525. }
  526.  
  527.  
  528. /* SEARCH BAR */
  529.  
  530. header #toplinks .search{
  531. position:absolute;
  532. top:7px;
  533. right:0px;
  534. display:block;
  535. width:200px;
  536. height:25px;
  537. overflow:hidden;
  538. border-radius:3px;
  539. z-index:999999;
  540. }
  541.  
  542. header #toplinks .search input{
  543. display:block;
  544. width:155px;
  545. height:25px;
  546. padding:0px 10px;
  547. background-color:transparent;
  548. border:none;
  549. outline:none;
  550. color:{color:Post Background Color};
  551. font-family:{font:Body Font};
  552. font-size:{select:Font Size} !important;
  553. font-weight:500 !important;
  554. letter-spacing:2px;
  555. background:rgba(0,0,0,0.1);
  556. }
  557.  
  558. header #toplinks .search input.sbutton{
  559. position:absolute;
  560. top:0px;
  561. right:0px;
  562. cursor:pointer;
  563. padding:0px;
  564. display:block;
  565. width:25px;
  566. height:25px;
  567. outline:none;
  568. border:none;
  569. font-family:'FontAwesome';
  570. text-align:center;
  571. line-height:25px;
  572. font-size:calc({select:Font Size} + 2px) !important;
  573. font-weight:normal;
  574. background:rgba(0,0,0,0.1);
  575. z-index:9;
  576. }
  577.  
  578. ::-webkit-input-placeholder{color:{color:Color Two};}
  579. ::-moz-input-placeholder{color:{color:Color Two};}
  580. ::-o-input-placeholder{color:{color:Color Two};}
  581. ::-ms-input-placeholder{color:{color:Color Two};}
  582.  
  583. /* HEADER IMAGE */
  584.  
  585. img.headerimg{
  586. display:block;
  587. position:relative;
  588. margin-top:120px;
  589. width:100%;
  590. height:auto;
  591. }
  592.  
  593.  
  594. /*----------------------------- HEADER -----------------------------*/
  595.  
  596.  
  597. /*----------------------------------------------------------------------------------------------------------------------------*/
  598. /*----------------------------------------------------------------------------------------------------------------------------*/
  599. /*----------------------------------------------------------------------------------------------------------------------------*/
  600.  
  601.  
  602. /*---------------------------- CONTAINER ----------------------------*/
  603.  
  604. #container{
  605. position:relative;
  606. margin:30px auto 0px auto;
  607. width:calc({select:Sidebar Width}*2 + {select:Post Width} + 100px);
  608. overflow:hidden;
  609. }
  610.  
  611.  
  612. /* PAGINATION */
  613.  
  614. #container .pagination{
  615. display:block;
  616. font-size:10px;
  617. text-align:center;
  618. margin-bottom:30px;
  619. }
  620.  
  621. #container .pagination a{
  622. display:inline-block;
  623. width:25px;
  624. height:25px;
  625. margin:2px;
  626. line-height:25px;
  627. border-radius:3px;
  628. background-color:{color:Color Two};
  629. color:{color:Post Background Color};
  630. }
  631.  
  632. #container .pagination a:hover{
  633. background-color:{color:Color One};
  634. color:{color:Post Background Color};
  635. }
  636.  
  637. #container .pagination .current{
  638. display:inline-block;
  639. width:25px;
  640. height:25px;
  641. margin:3px;
  642. line-height:25px;
  643. border-radius:3px;
  644. background-color:{color:Color One};
  645. color:{color:Post Background Color};
  646. }
  647.  
  648. #container .pagination a.jump{
  649. font-family:'FontAwesome';
  650. font-size:10px;
  651. line-height:25px;
  652. }
  653.  
  654.  
  655. /*---------------------------- CONTAINER ----------------------------*/
  656.  
  657.  
  658. /*----------------------------------------------------------------------------------------------------------------------------*/
  659. /*----------------------------------------------------------------------------------------------------------------------------*/
  660. /*----------------------------------------------------------------------------------------------------------------------------*/
  661.  
  662.  
  663. /*----------------------------- SIDEBAR -----------------------------*/
  664.  
  665. #sidebar{
  666. font-family:{font:Body Font};
  667. position:relative;
  668. vertical-align:top;
  669. width:{select:Sidebar Width};
  670. color:{color:Text Color};
  671. }
  672.  
  673. #sidebar.sidebar-left{
  674. float:left;
  675. }
  676.  
  677. #sidebar.sidebar-right{
  678. float:right;
  679. }
  680.  
  681.  
  682. /* CATEGORIES */
  683.  
  684. #sidebar .category{
  685. display:block;
  686. font-size:{select:Font Size};
  687. line-height:150%;
  688. text-align:justify;
  689. margin:0px 0px 30px 0px;
  690. overflow:hidden;
  691. border-radius:3px;
  692. }
  693.  
  694. #sidebar .category h1{
  695. color:{color:Post Background Color};
  696. font-family:{font:Body Font};
  697. font-weight:800;
  698. font-size:calc({select:Font Size} + 2px);
  699. letter-spacing:1px;
  700. line-height:40px;
  701. display:block;
  702. text-align:left;
  703. text-transform:uppercase;
  704. height:40px;
  705. margin:0px;
  706. background-color:{color:Color Two};
  707. }
  708.  
  709. #sidebar .category h1:before{
  710. display:block;
  711. float:left;
  712. width:40px;
  713. height:40px;
  714. margin-right:15px;
  715. background-color:{color:Color One};
  716. }
  717.  
  718. #sidebar .category h1.fa:before{
  719. font-family:'FontAwesome';
  720. font-weight:normal;
  721. color:{color:Post Background Color};
  722. font-size:calc({select:Font Size} + 5px);
  723. text-align:center;
  724. vertical-align:middle;
  725. }
  726.  
  727. #sidebar .category .box{
  728. padding:15px;
  729. letter-spacing:0.5px;
  730. {block:IfHasBorders}
  731. border-bottom:1px solid {color:Border Color};
  732. border-left:1px solid {color:Border Color};
  733. border-right:1px solid {color:Border Color};
  734. {/block:IfHasBorders}
  735. background-color:{color:Post Background Color};
  736. border-bottom-left-radius:3px;
  737. border-bottom-right-radius:3px;
  738. }
  739.  
  740. /* DESC */
  741.  
  742. #sidebar .box.desc{
  743. font-size:{select:Font Size};
  744. line-height:140%;
  745. }
  746.  
  747. #sidebar .box.desc section{
  748. overflow:hidden;
  749. border-radius:3px;
  750. margin-bottom:10px;
  751. }
  752.  
  753. #sidebar .box.desc img{
  754. display:block;
  755. width:calc({select:Sidebar Width} - 30px);
  756. }
  757.  
  758. #sidebar .box.desc h2{
  759. display:block;
  760. margin:0px;
  761. padding:10px;
  762. background-color:{color:Color One};
  763. font-size:calc({select:Font Size} + 1px);
  764. font-weight:700;
  765. line-height:100%;
  766. color:{color:Color Two};
  767. text-align:center;
  768. text-transform:uppercase;
  769. letter-spacing:2px;
  770. }
  771.  
  772. #sidebar .box.desc h2 span{
  773. color:{color:Background Color};
  774. }
  775.  
  776.  
  777. /* PROJECTS */
  778.  
  779. #sidebar .box.projects article{
  780. position:relative;
  781. margin-top:10px;
  782. border-radius:3px;
  783. overflow:hidden;
  784. }
  785.  
  786. #sidebar .box.projects.sidebar-290px article{
  787. margin-top:5px;
  788. }
  789.  
  790. #sidebar .box.projects article:first-child{
  791. margin:0px;
  792. }
  793.  
  794. #sidebar .box.projects article img{
  795. display:block;
  796. width:100%;
  797. }
  798.  
  799. #sidebar .box.projects.sidebar-290px article img{
  800. float:left;
  801. width:100px;
  802. height:100px;
  803. }
  804.  
  805. #sidebar .box.projects article section{
  806. display:block;
  807. text-align:left;
  808. background-color:{color:Color One};
  809. padding:10px;
  810. }
  811.  
  812. #sidebar .box.projects.sidebar-290px article section{
  813. height:80px;
  814. margin-left:100px;
  815. }
  816.  
  817. #sidebar .box.projects article section h2{
  818. color:{color:Color Two};
  819. text-transform:uppercase;
  820. font-size:calc({select:Font Size} + 2px);
  821. font-weight:600;
  822. margin:0px;
  823. line-height:100%;
  824. }
  825.  
  826. #sidebar .box.projects article section h3{
  827. color:{color:Post Background Color};
  828. text-transform:uppercase;
  829. font-size:calc({select:Font Size} - 3px);
  830. font-weight:400;
  831. letter-spacing:2px;
  832. margin:3px 0px 0px 0px;
  833. line-height:100%;
  834. }
  835.  
  836. #sidebar .box.projects article section ul{
  837. margin-top:8px !important;
  838. list-style:none;
  839. font-size:calc({select:Font Size} - 2px);
  840. font-weight:400;
  841. line-height:150%;
  842. letter-spacing:1px;
  843. color:{color:Post Background Color};
  844. }
  845.  
  846. #sidebar .box.projects article section span{
  847. text-transform:uppercase;
  848. color:{color:Background Color};
  849. }
  850.  
  851. #sidebar .box.projects article section a{
  852. display:inline-block;
  853. margin:8px 2px 0px 0px;
  854. padding:3px 5px;
  855. background-color:{color:Color Two};
  856. color:{color:Color One};
  857. text-align:center;
  858. text-transform:uppercase;
  859. line-height:120%;
  860. font-size:calc({select:Font Size} - 2px);
  861. font-weight:700;
  862. }
  863.  
  864. #sidebar .box.projects article section a:hover{
  865. background-color:{color:Background Color};
  866. }
  867.  
  868.  
  869. /* SOCIAL MEDIAS */
  870.  
  871. #sidebar .box.social-medias a:first-child{
  872. margin:0px;
  873. }
  874.  
  875. #sidebar .box.social-medias a{
  876. display:block;
  877. height:calc({select:Font Size} + 10px);
  878. background-color:{color:Color One};
  879. border-radius:3px;
  880. margin:3px 0px 0px 0px;
  881. padding:12.5px 10px;
  882. font-family:{font:Body Font};
  883. font-size:calc({select:Font Size} - 2.5px);
  884. font-weight:500;
  885. letter-spacing:1px;
  886. text-transform:uppercase;
  887. text-align:left;
  888. line-height:120%;
  889. color:{color:Post Background Color};
  890. }
  891.  
  892. #sidebar .box.social-medias a:hover{
  893. padding-left:10%;
  894. }
  895.  
  896. #sidebar .box.social-medias a:before{
  897. font-family:'FontAwesome';
  898. font-size:calc({select:Font Size} + 20px);
  899. font-weight:normal;
  900. line-height:calc({select:Font Size} + 10px);
  901. display:block;
  902. width:calc({select:Font Size} + 20px);
  903. height:calc({select:Font Size} + 10px);
  904. text-align:center;
  905. float:left;
  906. margin:0px 10px 0px 0px;
  907. color:{color:Color Two};
  908. }
  909.  
  910.  
  911. /* FIREFOX FIX */
  912. @-moz-document url-prefix() {
  913.  
  914. #sidebar .box.social-medias a:before{
  915. padding-top:5.5px;
  916. }
  917.  
  918. }
  919.  
  920. #sidebar .box.social-medias h2{
  921. margin:0px 0px 5px 0px;
  922. font-size:calc({select:Font Size} + 3px);
  923. font-weight:700;
  924. }
  925.  
  926.  
  927. /* UPDATES */
  928.  
  929. #sidebar .box.updates article{
  930. position:relative;
  931. display:block;
  932. margin:0px 0px 0px 15px;
  933. padding:0px 0px 20px 20px;
  934. border-left:1px solid {color:Color Two};
  935. }
  936.  
  937. #sidebar .box.updates article:last-child{
  938. padding-bottom:0px;
  939. }
  940.  
  941. #sidebar .box.updates article section.date{
  942. font-family:{font:Body Font};
  943. font-size:calc({select:Font Size} + 2px);
  944. font-weight:600;
  945. color:{color:Color Two};
  946. letter-spacing:1px;
  947. line-height:30px;
  948. text-transform:uppercase;
  949. }
  950.  
  951. #sidebar .box.updates article section.date span{
  952. color:{color:Color One};
  953. }
  954.  
  955. #sidebar .box.updates article section.date:before{
  956. font-family:'FontAwesome';
  957. font-size:calc({select:Font Size} + 10px);
  958. font-weight:normal;
  959. display:block;
  960. float:left;
  961. margin:0px 10px 0px -35px;
  962. width:30px;
  963. height:30px;
  964. background-color:{color:Color Two};
  965. border-radius:50%;
  966. text-align:center;
  967. line-height:30px;
  968. color:{color:Post Background Color};
  969. }
  970.  
  971. /* FIREFOX FIX */
  972. @-moz-document url-prefix() {
  973.  
  974. #sidebar .box.updates article section.date:before{
  975. padding-left:2px;
  976. width:28px;
  977. Line-height:28px;
  978. }
  979.  
  980. }
  981.  
  982. #sidebar .box.updates article section.event{
  983. line-height:130%;
  984. letter-spacing:0.5px;
  985. }
  986.  
  987.  
  988. /* GALLERY */
  989.  
  990. #sidebar .box.gallery table,
  991. #sidebar .box.gallery td{
  992. border-collapse:collapse;
  993. border:none;
  994. border-spacing:0px;
  995. }
  996.  
  997. #sidebar .box.gallery table{
  998. display:block;
  999. overflow:hidden;
  1000. background-color:{color:Color Two};
  1001. color:{color:Color Two};
  1002. text-transform:uppercase;
  1003. border-top-left-radius:3px;
  1004. border-top-right-radius:3px;
  1005. border-bottom-left-radius:0px;
  1006. border-bottom-right-radius:0px;
  1007. }
  1008.  
  1009. #sidebar .box.gallery td{
  1010. position:relative;
  1011. margin:0px;
  1012. padding:0px;
  1013. overflow:hidden;
  1014. }
  1015.  
  1016. #sidebar .box.gallery caption.top{
  1017. text-align:left;
  1018. letter-spacing:1px;
  1019. padding:10px;
  1020. background-color:{color:Color One};
  1021. }
  1022.  
  1023. #sidebar .box.gallery caption.top img{
  1024. display:block;
  1025. float:left;
  1026. border-radius:3px;
  1027. margin-right:10px;
  1028. }
  1029.  
  1030. #sidebar .box.gallery caption.top h2{
  1031. font-size:calc({select:Font Size} + 1px);
  1032. font-weight:700;
  1033. color:{color:Color Two};
  1034. margin:0px;
  1035. }
  1036.  
  1037. #sidebar .box.gallery caption.top h3{
  1038. font-size:calc({select:Font Size} - 2px);
  1039. font-weight:400;
  1040. color:{color:Background Color};
  1041. margin:0px;
  1042. }
  1043.  
  1044. #sidebar .box.gallery .caption-bottom{
  1045. display:block;
  1046. font-size:calc({select:Font Size} - 3px);
  1047. text-transform:uppercase;
  1048. letter-spacing:2px;
  1049. text-align:center;
  1050. padding:5px;
  1051. background-color:{color:Color One};
  1052. border-bottom-left-radius:3px;
  1053. border-bottom-right-radius:3px;
  1054. }
  1055.  
  1056. #sidebar .box.gallery .caption-bottom a:hover{
  1057. color:{color:Background Color};
  1058. }
  1059.  
  1060. #sidebar .box.gallery td img{
  1061. display:block;
  1062. width:calc({select:Sidebar Width}/4 - 7.5px);
  1063. }
  1064.  
  1065. #sidebar .box.gallery td img:hover{
  1066. -webkit-filter: grayscale(100%);
  1067. -moz-filter: grayscale(100%);
  1068. -o-filter: grayscale(100%);
  1069. -ms-filter: grayscale(100%);
  1070. filter: grayscale(100%);
  1071. opacity:0.7;
  1072. }
  1073.  
  1074. /* AFFILATES */
  1075.  
  1076. #sidebar .box.affiliates a{
  1077. display:block;
  1078. margin-bottom:3px;
  1079. background-color:{color:Color One};
  1080. height:40px;
  1081. line-height:40px;
  1082. text-align:left;
  1083. overflow:hidden;
  1084. border-radius:3px;
  1085. font-size:calc({select:Font Size} + 1px);
  1086. font-weight:700;
  1087. text-transform:uppercase;
  1088. letter-spacing:2px;
  1089. color:{color:Post Background Color};
  1090. }
  1091.  
  1092. #sidebar .box.affiliates a:after{
  1093. font-family:'FontAwesome';
  1094. font-weight:normal;
  1095. content:'\f0fe';
  1096. float:right;
  1097. color:{color:Color Two};
  1098. font-size:25px;
  1099. margin-right:5px;
  1100. }
  1101.  
  1102. #sidebar .box.affiliates a:hover{
  1103. background-color:{color:Color Two};
  1104. }
  1105.  
  1106. #sidebar .box.affiliates a:hover:after{
  1107. color:{color:Post Background Color};
  1108. }
  1109.  
  1110. #sidebar .box.affiliates a:after,
  1111. #sidebar .box.affiliates a:hover:after{
  1112. -webkit-transition: all 0.3s ease-in-out;
  1113. -moz-transition: all 0.3s ease-in-out;
  1114. -o-transition: all 0.3s ease-in-out;
  1115. -ms-transition: all 0.3s ease-in-out;
  1116. transition: all 0.3s ease-in-out;
  1117. }
  1118.  
  1119. #sidebar .box.affiliates a:last-child{
  1120. margin:0px;
  1121. }
  1122.  
  1123. #sidebar .box.affiliates img{
  1124. display:block;
  1125. float:left;
  1126. margin-right:15px;
  1127. width:40px;
  1128. height:40px;
  1129. }
  1130.  
  1131.  
  1132. /* MEMBERS */
  1133.  
  1134. #sidebar .box.members section{
  1135. display:block;
  1136. margin-bottom:5px;
  1137. height:calc({select:Font Size} + 20);
  1138. }
  1139.  
  1140. #sidebar .box.members section:last-child{
  1141. margin:0px;
  1142. }
  1143.  
  1144. #sidebar .box.members section img{
  1145. width:calc({select:Font Size} + 20);
  1146. height:calc({select:Font Size} + 20);
  1147. margin:0px 10px 0px 0px;
  1148. border-radius:3px;
  1149. display:block;
  1150. float:left;
  1151. }
  1152.  
  1153. #sidebar .box.members section h3{
  1154. font-size:calc({select:Font Size} + 2);
  1155. font-weight:700;
  1156. text-transform:uppercase;
  1157. margin:0px;
  1158. padding:1px 0px 0px 0px;
  1159. }
  1160.  
  1161.  
  1162. /* SITE INFO */
  1163.  
  1164. #sidebar .box.site-info ul{
  1165. list-style:none;
  1166. }
  1167.  
  1168. #sidebar .box.site-info ul li{
  1169. margin-bottom:5px;
  1170. line-height:130%;
  1171. }
  1172.  
  1173. #sidebar .box.site-info ul li:last-child{
  1174. margin:0px;
  1175. }
  1176.  
  1177. #sidebar .box.site-info span.title{
  1178. font-weight:700;
  1179. color:{color:Color One};
  1180. text-transform:uppercase;
  1181. letter-spacing:1px;
  1182. }
  1183.  
  1184. #sidebar .box.site-info span.title:after{
  1185. font-family:'FontAwesome';
  1186. content:'\f138';
  1187. color:{color:Color Two};
  1188. margin:0px 5px;
  1189. }
  1190.  
  1191.  
  1192. /*----------------------------- SIDEBAR -----------------------------*/
  1193.  
  1194.  
  1195. /*----------------------------------------------------------------------------------------------------------------------------*/
  1196. /*----------------------------------------------------------------------------------------------------------------------------*/
  1197. /*----------------------------------------------------------------------------------------------------------------------------*/
  1198.  
  1199.  
  1200. /*------------------------------ POSTS ------------------------------*/
  1201.  
  1202. #posts{
  1203. position:relative;
  1204. margin:auto;
  1205. vertical-align:top ;
  1206. width:calc({select:Post Width} + 40px);
  1207. {block:IfHasBorders}width:calc({select:Post Width} + 42px);{/block:IfHasBorders}
  1208. }
  1209.  
  1210. /* SINGLE POST */
  1211.  
  1212. #post{
  1213. overflow:hidden;
  1214. width:calc({select:Post Width} + 40px);
  1215. {block:IfHasBorders}width:calc({select:Post Width} + 42px);{/block:IfHasBorders}
  1216. margin:0px 0px 30px 0px;
  1217. border-radius:3px;
  1218. }
  1219.  
  1220. #post:last-chid{
  1221. border:none;
  1222. }
  1223.  
  1224. /* POSTCONTENT BASIC */
  1225.  
  1226. #postcontent{
  1227. font-family:{font:Body Font};
  1228. font-weight:400;
  1229. font-size:{select:Font Size};
  1230. width:{select:Post Width};
  1231. padding:20px;
  1232. color:{color:Text Color};
  1233. background-color:{color:Post Background Color};
  1234. {block:IfHasBorders}
  1235. border:1px solid {color:Border Color};
  1236. {/block:IfHasBorders}
  1237. text-align:justify;
  1238. letter-spacing:0.5px;
  1239. line-height:150%;
  1240. }
  1241.  
  1242. /* POST MEDIA */
  1243.  
  1244. #postmedia{
  1245. width:{select:Post Width};
  1246. overflow:hidden;
  1247. display:block;
  1248. border-radius:3px;
  1249. }
  1250.  
  1251. #postmedia .width_fix iframe{
  1252. width:{select:Post Width} !important;
  1253. }
  1254.  
  1255. /* POST IMAGES */
  1256.  
  1257. #postcontent img{
  1258. max-width:100%;
  1259. height:auto;
  1260. }
  1261.  
  1262. /* FIX IMAGE FIGURE */
  1263.  
  1264. #postcontent figure{
  1265. margin-top:10px;
  1266. max-width:100%;
  1267. height:auto;
  1268. }
  1269.  
  1270. #postcontent figure.tumblr-full img{
  1271. width:{select:Post Width};
  1272. }
  1273.  
  1274. /* POST LINKS */
  1275.  
  1276. #postcontent a{
  1277. color:{color:Color Two};
  1278. font-weight:500;
  1279. }
  1280.  
  1281. #postcontent a:hover{
  1282. color:{color:Color One};
  1283. }
  1284.  
  1285. /* POST TITLE */
  1286.  
  1287. #postcontent .posttitle{
  1288. font-family:{font:Body Font};
  1289. font-weight:500;
  1290. font-size:28px;
  1291. letter-spacing:0px;
  1292. text-align:justify;
  1293. line-height:150%;
  1294. margin-top:-10px;
  1295. color:{color:Text Color};
  1296. }
  1297.  
  1298. /* BLOCKQUOTE */
  1299.  
  1300. #postcontent blockquote{
  1301. width:calc(100% - 12px);
  1302. max-width:calc(100% - 12px);
  1303. margin-left:0px;
  1304. padding-left:10px;
  1305. border-left:2px solid {color:Background Color};
  1306. }
  1307.  
  1308. /* TEXTS */
  1309.  
  1310. #postcontent p{
  1311. margin-top:3px;
  1312. }
  1313.  
  1314. #postcontent big{
  1315. font-size:13px;
  1316. }
  1317.  
  1318. #postcontent small{
  1319. font-size:8px;
  1320. }
  1321.  
  1322.  
  1323. /* HIGHLIGHT */
  1324.  
  1325. #postcontent h2{
  1326. font-family:{font:Body Font};
  1327. font-weight:400;
  1328. font-size:20px;
  1329. color:{color:Text Color};
  1330. margin-bottom:15px;
  1331. }
  1332.  
  1333. /* LIST */
  1334.  
  1335. #postcontent ol{
  1336. margin:0px 0px 10px -15px !important;
  1337. }
  1338.  
  1339. #postcontent ul{
  1340. list-style-type:disc;
  1341. margin:0px 0px 10px 15px !important;
  1342. }
  1343.  
  1344. #postcontent .caption{
  1345. margin-top:10px;
  1346. margin-bottom:-10px;
  1347. }
  1348.  
  1349. /* LINK POSTS */
  1350.  
  1351. #postcontent .link-button{
  1352. background:{color:Color One};
  1353. word-break:break-word;
  1354. overflow:hidden;
  1355. display:block;
  1356. position:relative;
  1357. text-decoration:none;
  1358. margin-bottom:10px;
  1359. border-radius:3px;
  1360. }
  1361.  
  1362. #postcontent .info-container{
  1363. padding:20px 20px 0;
  1364. overflow:hidden;
  1365. }
  1366.  
  1367. #postcontent .publisher-container{
  1368. margin-top:-4px;
  1369. margin-bottom:17px;
  1370. display:block;
  1371. font-size:13px;
  1372. line-height:16px;
  1373. font-weight:700;
  1374. word-break:break-all;
  1375. }
  1376.  
  1377. #postcontent .publisher-container.if-thumbnail{
  1378. position:absolute;
  1379. top:20px;
  1380. left:20px;
  1381. right:20px;
  1382. }
  1383.  
  1384. #postcontent .publisher-container .publisher{
  1385. line-height:16px;
  1386. font-size:7px;
  1387. font-weight:700;
  1388. color:{color:Post Background Color};
  1389. text-transform:uppercase;
  1390. letter-spacing:2px;
  1391. display:inline-block;
  1392. margin:0px;
  1393. }
  1394.  
  1395. #postcontent .info-container{
  1396. padding:20px 20px 0;
  1397. overflow:hidden;
  1398. color:{color:Post Background Color};
  1399. }
  1400.  
  1401. #postcontent .info-container .title{
  1402. margin-top:-10px;
  1403. margin-bottom:10px;
  1404. display:block;
  1405. font-family:{font:Body Font};
  1406. font-size:18px;
  1407. font-weight:800;
  1408. letter-spacing:0px;
  1409. line-height:130%;
  1410. color:{color:Color Two};
  1411. }
  1412.  
  1413. #postcontent .info-container .title:after{
  1414. padding-left:5px;
  1415. white-space:nowrap;
  1416. display:inline;
  1417. vertical-align:middle;
  1418. font-family:'FontAwesome';
  1419. font-weight:normal;
  1420. content: "\f054";
  1421. }
  1422.  
  1423. #postcontent .info-container .excerpt{
  1424. margin-top:-6px;
  1425. margin-bottom:10px;
  1426. display:block;
  1427. font-size:10px;
  1428. line-height:13px;
  1429. }
  1430.  
  1431. #postcontent .info-container .author{
  1432. margin-top:-3px;
  1433. margin-bottom:16px;
  1434. display:block;
  1435. font-size:8px;
  1436. font-weight:500;
  1437. letter-spacing:0.5px;
  1438. line-height:12px;
  1439. opacity:0.5;
  1440. }
  1441.  
  1442. /* QUOTES */
  1443.  
  1444. #postcontent .quotes{
  1445. font-family:{font:Body Font};
  1446. font-weight:400;
  1447. font-size:28px;
  1448. letter-spacing:0px;
  1449. line-height:130%;
  1450. margin-top:-5px;
  1451. color:{color:Text Color};
  1452. }
  1453.  
  1454. #postcontent .quotes:before{
  1455. font-family:'FontAwesome';
  1456. font-weight:normal;
  1457. content:'\f10d';
  1458. margin-right:8px;
  1459. color:{color:Color Two};
  1460. }
  1461.  
  1462. #postcontent .quotes:after{
  1463. font-family:'FontAwesome';
  1464. font-weight:normal;
  1465. content:'\f10e';
  1466. margin-left:8px;
  1467. color:{color:Color Two};
  1468. }
  1469.  
  1470.  
  1471. /* ASKS */
  1472.  
  1473. #postcontent .asker{
  1474. font-size:calc({select:Font Size} - 3px);
  1475. text-transform:uppercase;
  1476. text-align:left;
  1477. line-height:110%;
  1478. margin-top:2px;
  1479. color:{color:Text Color};
  1480. letter-spacing:2px;
  1481. }
  1482.  
  1483. #postcontent .asker span{
  1484. font-family:{font:Body Font};
  1485. font-weight:400;
  1486. text-transform:uppercase;
  1487. font-size:calc({select:Font Size} + 2px);
  1488. line-height:110%;
  1489. letter-spacing:1px;
  1490. }
  1491.  
  1492. #postcontent .asker a{
  1493. color:{color:Color Two};
  1494. font-family:{font:Body Font};
  1495. font-weight:400;
  1496. text-transform:uppercase;
  1497. font-size:calc({select:Font Size} + 2px);
  1498. line-height:110%;
  1499. letter-spacing:1px;
  1500. }
  1501.  
  1502. #postcontent .asker a:hover{
  1503. color:{color:Text Color};
  1504. }
  1505.  
  1506. #postcontent .askimg img{
  1507. width:calc({select:Font Size} + 15px);
  1508. height:calc({select:Font Size} + 15px);
  1509. margin-right:10px;
  1510. border-radius:50%;
  1511. float:left;
  1512. }
  1513.  
  1514. #postcontent .question{
  1515. width:505px;
  1516. margin-left:12px;
  1517. margin-bottom:10px;
  1518. padding:20px 0px 10px 20px;
  1519. border-left:1px solid {color:Color Two};
  1520. margin-top:-5px;
  1521. }
  1522.  
  1523. /* CHATS */
  1524.  
  1525. #postcontent ul.chat{
  1526. margin-bottom:0px !important;
  1527. overflow:hidden;
  1528. border-radius:3px;
  1529. }
  1530.  
  1531. #postcontent ul.chat{
  1532. list-style:none !important;
  1533. margin-left:0px !important;
  1534. }
  1535.  
  1536. #postcontent ul.chat li{
  1537. min-height:25px;
  1538. line-height:25px;
  1539. font-size:calc({select:Font Size} + 1px);
  1540. font-weight:400 !important;
  1541. letter-spacing:1px;
  1542. color:#fff;
  1543. padding:0px 10px;
  1544. background-color:{color:Color Two};
  1545. border-bottom:1px solid {color:Post Background Color};
  1546. }
  1547.  
  1548. #postcontent ul.chat li:last-child{
  1549. padding-bottom:0px !important;
  1550. border:none !important;
  1551. }
  1552.  
  1553. #postcontent span.label{
  1554. display:block;
  1555. float:left;
  1556. font-size:calc({select:Font Size} - 1px);
  1557. font-weight:700;
  1558. text-transform:uppercase;
  1559. letter-spacing:2px;
  1560. margin-left:-10px;
  1561. margin-right:5px;
  1562. padding:0px 3px 0px 10px;
  1563. color:{color:Color Two};
  1564. background-color:{color:Color One};
  1565. }
  1566.  
  1567. #postcontent span.label:after{
  1568. content:'';
  1569. position:absolute;
  1570. float:right;
  1571. margin-left:-5px;
  1572. width:4px;
  1573. height:25px;
  1574. background-color:{color:Color One};
  1575. }
  1576.  
  1577.  
  1578. /* POSTNOTES */
  1579.  
  1580. #postnotes{
  1581. width:{select:Post Width};
  1582. padding:0px 20px;
  1583. {block:IfHasBorders}
  1584. padding:0px 21px;
  1585. border:1px solid {color:Border Colors};
  1586. {/block:IfHasBorders}
  1587. color:{color:Text Color};
  1588. background:{color:Post Background Color};
  1589. font-size:calc({select:Font Size} - 2px);
  1590. text-align:justify;
  1591. line-height:150%;
  1592. letter-spacing:1px;
  1593. text-transform:uppercase;
  1594. font-family:{font:Body Font};
  1595. border-radius:3px;
  1596. }
  1597.  
  1598. #postnotes ol.notes{
  1599. padding:0px;
  1600. margin:20px 0px;
  1601. list-style-type:none;
  1602. }
  1603.  
  1604. #postnotes ol.notes li.note{
  1605. padding:10px 0px;
  1606. }
  1607.  
  1608. #postnotes ol.notes li.note img.avatar{
  1609. vertical-align:-4px;
  1610. margin-right:10px;
  1611. width:16px;
  1612. height:16px;
  1613. border-radius:50%;
  1614. }
  1615.  
  1616. /*------------------------------ POSTS ------------------------------*/
  1617.  
  1618.  
  1619. /*----------------------------------------------------------------------------------------------------------------------------*/
  1620. /*----------------------------------------------------------------------------------------------------------------------------*/
  1621. /*----------------------------------------------------------------------------------------------------------------------------*/
  1622.  
  1623.  
  1624. /*---------------------------- PERMALINK ----------------------------*/
  1625.  
  1626. #permalink{
  1627. position:relative;
  1628. z-index:999;
  1629. background-color:{color:Color One};
  1630. width:{select:Post Width};
  1631. height:40px;
  1632. padding:0px 20px;
  1633. {block:IfHasBorders}padding:0px 21px;{/block:IfHasBorders}
  1634. margin-bottom:-1px;
  1635. overflow:hidden;
  1636. text-align:left;
  1637. text-transform:uppercase;
  1638. font-family:{font:Body Font};
  1639. font-size:calc({select:Font Size} - 1px);
  1640. font-weight:500;
  1641. letter-spacing:1px;
  1642. }
  1643.  
  1644. /* PERMALINK LINKS */
  1645.  
  1646. #permalink .postinfo a{
  1647. display:block;
  1648. float:left;
  1649. text-align:left;
  1650. line-height:40px;
  1651. color:{color:Post Background Color};
  1652. }
  1653.  
  1654. #permalink .postinfo a:after{
  1655. content:"";
  1656. position:relative;
  1657. width:1px;
  1658. height:calc({select:Font Size} - 2px);
  1659. display:block;
  1660. float:right;
  1661. background-color:{color:Post Background Color};
  1662. margin-top:calc(21px - {select:Font Size}/2);
  1663. margin-left:15px;
  1664. margin-right:15px;
  1665. }
  1666.  
  1667. #permalink .postinfo a:first-child:after,
  1668. #permalink .postinfo a:last-child:after{
  1669. display:none;
  1670. }
  1671.  
  1672. #permalink .postinfo a.notes{
  1673. margin-left:-20px;
  1674. {block:IfHasBorders}margin-left:-21px;{/block:IfHasBorders}
  1675. padding:0px 15px;
  1676. height:40px;
  1677. margin-right:15px;
  1678. font-size:calc({select:Font Size} + 1px);
  1679. font-weight:700;
  1680. background-color:{color:Color Two};
  1681. }
  1682.  
  1683.  
  1684. /* LIKE & REBLOG BUTTONS */
  1685.  
  1686. #permalink ul.like_and_reblog_buttons{
  1687. width:100px;
  1688. margin-top:12px !important;
  1689. list-style:none;
  1690. text-align:right;
  1691. display:block;
  1692. float:right;
  1693. }
  1694.  
  1695. #permalink ul.like_and_reblog_buttons li{
  1696. list-style:none;
  1697. display:inline-block;
  1698. margin:0px 0px 0px 5px;
  1699. cursor:pointer !important;
  1700. }
  1701.  
  1702. #permalink ul.like_and_reblog_buttons{
  1703. margin-left: -38px;
  1704. margin-bottom:-2px;
  1705. }
  1706.  
  1707. #permalink ul.reblog-icons{
  1708. margin-left: -38px;
  1709. }
  1710.  
  1711. /* CUSTOM REBLOG/LIKE BUTTONS | BY DEMIREV.CUBTHEMES.COM */
  1712.  
  1713. #permalink .like{
  1714. position:relative;
  1715. cursor:pointer !important;
  1716. }
  1717.  
  1718. #permalink .reblog-button svg path,
  1719. #permalink .like svg path{
  1720. fill:{color:Color Two};
  1721. }
  1722.  
  1723. #permalink .reblog-button:hover svg path,
  1724. #permalink .like:hover svg path{
  1725. fill:{color:Post Background Color};
  1726. }
  1727.  
  1728. #permalink .like .like_button{
  1729. position:absolute;
  1730. top:-1.5px;
  1731. opacity:0;
  1732. }
  1733.  
  1734. #permalink .like .like_button.liked {
  1735. opacity:1;
  1736. }
  1737.  
  1738. #permalink .reblog-button svg path,
  1739. #permalink .reblog-button:hover svg path,
  1740. #permalink .like svg path,
  1741. #permalink .like:hover svg path{
  1742. -webkit-transition: all 0.2s ease-in-out;
  1743. -moz-transition: all 0.2s ease-in-out;
  1744. -o-transition: all 0.2s ease-in-out;
  1745. -ms-transition: all 0.2s ease-in-out;
  1746. transition: all 0.2s ease-in-out;
  1747. }
  1748.  
  1749.  
  1750. /* TAGS */
  1751.  
  1752. #tags{
  1753. position:relative;
  1754. z-index:999;
  1755. margin-top:-1px;
  1756. width:{select:Post Width};
  1757. text-align:left;
  1758. line-height:100%;
  1759. padding:20px;
  1760. {block:IfHasBorders}padding:20px 21px;{/block:IfHasBorders}
  1761. letter-spacing:0.5px;
  1762. line-height:150%;
  1763. font-family:{font:Body Font};
  1764. font-weight:400;
  1765. font-size:calc({select:Font Size} - 2px);
  1766. background-color:{color:Color One};
  1767. }
  1768.  
  1769. #tags a{
  1770. display:inline-block;
  1771. color:{color:Post Background Color};
  1772. margin-left:10px;
  1773. }
  1774.  
  1775. #tags span{
  1776. color:{color:Color Two};
  1777. text-transform:uppercase;
  1778. display:inline-block;
  1779. font-size:calc({select:Font Size} - 3px);
  1780. font-weight:700;
  1781. letter-spacing:1px;
  1782. margin-right:-5px;
  1783. }
  1784.  
  1785. #tags span:before {
  1786. font-family:'FontAwesome';
  1787. font-weight:normal;
  1788. font-size:calc({select:Font Size} - 2px);
  1789. line-height:calc({select:Font Size} + 2px);
  1790. content:"\f02c";
  1791. margin-right:5px;
  1792. display:block;
  1793. float:left;
  1794. }
  1795.  
  1796. /*---------------------------- PERMALINK ----------------------------*/
  1797.  
  1798.  
  1799. /*----------------------------------------------------------------------------------------------------------------------------*/
  1800. /*----------------------------------------------------------------------------------------------------------------------------*/
  1801. /*----------------------------------------------------------------------------------------------------------------------------*/
  1802.  
  1803.  
  1804. /*------------------------------ CREDIT------------------------------*/
  1805. /*--------------------- DO NOT REMOVE THE CREDIT --------------------*/
  1806.  
  1807. footer{
  1808. width:100%;
  1809. padding:15px 0px;
  1810. background-color:{color:Color One};
  1811. text-align:center;
  1812. font-family:{font:Body Font};
  1813. font-size:calc({select:Font Size} - 3px);
  1814. color:{color:Post Background Color};
  1815. text-transform:uppercase;
  1816. letter-spacing:2px;
  1817. }
  1818.  
  1819. footer a:hover{
  1820. color:{color:Post Background Color};
  1821. }
  1822.  
  1823. /*--------------------- DO NOT REMOVE THE CREDIT --------------------*/
  1824. /*------------------------------ CREDIT------------------------------*/
  1825.  
  1826. /*----------------------------------------------------------------------------------------------------------------------------*/
  1827. /*----------------------------------------------------------------------------------------------------------------------------*/
  1828. /*----------------------------------------------------------------------------------------------------------------------------*/
  1829.  
  1830.  
  1831. {CustomCSS}
  1832.  
  1833.  
  1834. </style><!-- END OF CSS STYLE-->
  1835. </head>
  1836.  
  1837.  
  1838. <!----------------------------------------------------------------------------------------------------------------------------->
  1839. <!----------------------------------------------------------------------------------------------------------------------------->
  1840. <!----------------------------------------------------------------------------------------------------------------------------->
  1841.  
  1842.  
  1843. <body>
  1844.  
  1845.  
  1846. <!----------------------------------------------------------------------------------------------------------------------------->
  1847. <!----------------------------------------------------------------------------------------------------------------------------->
  1848. <!----------------------------------------------------------------------------------------------------------------------------->
  1849.  
  1850.  
  1851. <!-------------------------- START OF HEADER ------------------------->
  1852.  
  1853. <header>
  1854.  
  1855. <div id="blog-info">
  1856. <section>
  1857. <h1>{block:IfBlogTitle}{text:Blog Title}{/block:IfBlogTitle}{block:IfNotBlogTitle}{Title}{/block:IfNotBlogTitle}</h1>
  1858. <span class="tumblr-control">
  1859. <a href="https://www.tumblr.com/dashboard" class="fa fa-tumblr" title="dashboard" target="_blank"></a>
  1860. <a href="https://www.tumblr.com/follow/{Name}" class="fa fa-plus" title="follow" target="_blank"></a>
  1861. <a href="https://www.tumblr.com/dashboard?conversation={Name}" class="fa fa-commenting" title="message" target="_blank"></a>
  1862. </span><!-- TUMBLR-CONTROL -->
  1863. <span class="short-desc">{text:Blog Short Description}</span>
  1864. </section>
  1865. </div>
  1866.  
  1867. <div id="toplinks">
  1868.  
  1869. <nav>
  1870. {block:IfToplink1Title}<a class="fa fa-{text:Toplink 1 Icon}" href="{text:Toplink 1 Url}">{text:Toplink 1 Title}</a>{/block:IfToplink1Title}
  1871. {block:IfToplink2Title}<a class="fa fa-{text:Toplink 2 Icon}" href="{text:Toplink 2 Url}">{text:Toplink 2 Title}</a>{/block:IfToplink2Title}
  1872. {block:IfToplink3Title}<a class="fa fa-{text:Toplink 3 Icon}" href="{text:Toplink 3 Url}">{text:Toplink 3 Title}</a>{/block:IfToplink3Title}
  1873. {block:IfToplink4Title}<a class="fa fa-{text:Toplink 4 Icon}" href="{text:Toplink 4 Url}">{text:Toplink 4 Title}</a>{/block:IfToplink4Title}
  1874. {block:IfToplink5Title}<a class="fa fa-{text:Toplink 5 Icon}" href="{text:Toplink 5 Url}">{text:Toplink 5 Title}</a>{/block:IfToplink5Title}
  1875. {block:IfToplink6Title}<a class="fa fa-{text:Toplink 6 Icon}" href="{text:Toplink 6 Url}">{text:Toplink 6 Title}</a>{/block:IfToplink6Title}
  1876. {block:IfToplink7Title}<a class="fa fa-{text:Toplink 7 Icon}" href="{text:Toplink 7 Url}">{text:Toplink 7 Title}</a>{/block:IfToplink7Title}
  1877. </nav>
  1878.  
  1879. <div class="search">
  1880. <form action="/search" method="get">
  1881. <input type="text" name="q" value="" placeholder="SEARCH THE BLOG..." />
  1882. <input type="submit" value="&#xf002;" class="sbutton" />
  1883. </form>
  1884. </div><!-- SEARCH -->
  1885.  
  1886. </div><!-- TOPLINKS -->
  1887.  
  1888. </header>
  1889.  
  1890. <script>
  1891. var header = document.querySelector('header');
  1892. var origOffsetY = header.offsetTop;
  1893.  
  1894. function onScroll(e) {
  1895. window.scrollY >= origOffsetY ? header.classList.add('sticky') :
  1896. header.classList.remove('sticky');
  1897. }
  1898.  
  1899. document.addEventListener('scroll', onScroll);
  1900. </script>
  1901.  
  1902. <img class="headerimg" src="{image:Header}">
  1903.  
  1904.  
  1905. <!----------------------------------------------------------------------------------------------------------------------------->
  1906. <!----------------------------------------------------------------------------------------------------------------------------->
  1907. <!----------------------------------------------------------------------------------------------------------------------------->
  1908.  
  1909.  
  1910. <div id="container"><!-- SIDEBAR + POSTS -->
  1911.  
  1912.  
  1913. <!----------------------------------------------------------------------------------------------------------------------------->
  1914. <!----------------------------------------------------------------------------------------------------------------------------->
  1915. <!----------------------------------------------------------------------------------------------------------------------------->
  1916.  
  1917.  
  1918. <!----------------------- START OF LEFT SIDEBAR ---------------------->
  1919.  
  1920. <div id="sidebar" class="sidebar-left">
  1921.  
  1922.  
  1923. <!-------------------------------------------------------------------->
  1924. <!---------------------------- CATEGORY ONE -------------------------->
  1925. <div class="category">
  1926. <h1 class="fa fa-{text:Category 1 Icon}">{text:Category 1 Title}</h1>
  1927. <div class="box desc">
  1928. <section>
  1929. <img src="{image:Description Banner}">
  1930. {block:IfDescriptionSubtitle}<h2>{text:Description Subtitle}</h2>{/block:IfDescriptionSubtitle}
  1931. </section>
  1932. {Description}
  1933. </div><!-- BOX -->
  1934. </div><!-- CATEOGRY -->
  1935. <!---------------------------- CATEGORY ONE -------------------------->
  1936. <!-------------------------------------------------------------------->
  1937.  
  1938.  
  1939. <!-------------------------------------------------------------------->
  1940. <!---------------------------- CATEGORY TWO -------------------------->
  1941. <div class="category">
  1942. <h1 class="fa fa-{text:Category 2 Icon}">{text:Category 2 Title}</h1>
  1943. <div class="box projects sidebar-{select:Sidebar Width}">
  1944.  
  1945. <article>
  1946. <img src="http://static.tumblr.com/a0dmjhi/W6Locr0o7/sample-photo.png">
  1947. <section>
  1948. <h2>Project Title</h2>
  1949. <h3>project type</h3>
  1950. <ul>
  1951. <li><span>date</span> day-month-year</li>
  1952. <li><span>label</span> label</li>
  1953. </ul>
  1954. <a href="/">link</a>
  1955. <a href="/">link</a>
  1956. </section>
  1957. </article>
  1958.  
  1959. </div><!-- BOX -->
  1960. </div><!-- CATEGORY -->
  1961. <!---------------------------- CATEGORY TWO -------------------------->
  1962. <!-------------------------------------------------------------------->
  1963.  
  1964.  
  1965. <!-------------------------------------------------------------------->
  1966. <!--------------------------- CATEGORY THREE ------------------------->
  1967. <div class="category">
  1968. <h1 class="fa fa-{text:Category 3 Icon}">{text:Category 3 Title}</h1>
  1969. <div class="box social-medias">
  1970.  
  1971. <a href="/" class="fa fa-twitter"><h2>twitter</h2>@username</a>
  1972.  
  1973. </div><!-- BOX -->
  1974. </div><!-- CATEGORY -->
  1975. <!--------------------------- CATEGORY THREE ------------------------->
  1976. <!-------------------------------------------------------------------->
  1977.  
  1978.  
  1979. <!-------------------------------------------------------------------->
  1980. <!---------------------------- CATEGORY FOUR ------------------------->
  1981. <div class="category links">
  1982. <h1 class="fa fa-{text:Category 4 Icon}">{text:Category 4 Title}</h1>
  1983. <div class="box twitter">
  1984. <a class="twitter-timeline" data-width="100%" data-height="{text:Twitter Widget Height}" data-link-color="{color:Color Two}" data-theme="{select:Twitter Widget Theme}" href="https://twitter.com/{text:Twitter Username}">Tweets by {text:Twitter Username}</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  1985. </div><!-- BOX -->
  1986. </div><!-- CATEGORY -->
  1987. <!---------------------------- CATEGORY FOUR ------------------------->
  1988. <!-------------------------------------------------------------------->
  1989.  
  1990.  
  1991. <!-------------------------------------------------------------------->
  1992. <!---------------------------- CATEGORY FIVE ------------------------->
  1993. <div class="category disclaimer">
  1994. <h1 class="fa fa-{text:Category 5 Icon}">{text:Category 5 Title}</h1>
  1995. <div class="box instagram">
  1996. {text:Instagram Widget Script}
  1997. </div><!-- BOX -->
  1998. </div><!-- CATEGORY -->
  1999. <!---------------------------- CATEGORY FIVE ------------------------->
  2000. <!-------------------------------------------------------------------->
  2001.  
  2002.  
  2003. </div><!-- SIDEBAR LEFT -->
  2004.  
  2005. <!------------------------ END OF LEFT SIDEBAR ----------------------->
  2006.  
  2007.  
  2008. <!----------------------------------------------------------------------------------------------------------------------------->
  2009. <!----------------------------------------------------------------------------------------------------------------------------->
  2010. <!----------------------------------------------------------------------------------------------------------------------------->
  2011.  
  2012.  
  2013. <!----------------------- START OF RIGHT SIDEBAR --------------------->
  2014.  
  2015. <div id="sidebar" class="sidebar-right">
  2016.  
  2017.  
  2018. <!-------------------------------------------------------------------->
  2019. <!---------------------------- CATEGORY SIX -------------------------->
  2020. <div class="category">
  2021. <h1 class="fa fa-{text:Category 6 Icon}">{text:Category 6 Title}</h1>
  2022. <div class="box updates">
  2023.  
  2024. <article>
  2025. <section class="date fa fa-clock-o"><span>day</span> month year</section>
  2026. <section class="events">event description</section>
  2027. </article>
  2028.  
  2029. </div><!-- BOX -->
  2030. </div><!-- CATEOGRY -->
  2031. <!---------------------------- CATEGORY SIX -------------------------->
  2032. <!-------------------------------------------------------------------->
  2033.  
  2034.  
  2035. <!-------------------------------------------------------------------->
  2036. <!--------------------------- CATEGORY SEVEN ------------------------->
  2037. <div class="category">
  2038. <h1 class="fa fa-{text:Category 7 Icon}">{text:Category 7 Title}</h1>
  2039. <div class="box gallery">
  2040.  
  2041. <table>
  2042.  
  2043. <caption class="top" align="top">
  2044. <img src="http://static.tumblr.com/a0dmjhi/W6Locr0o7/sample-photo.png" width="45px">
  2045. <h2>the title of your gallery</h2>
  2046. <h3>updated date</h3>
  2047. </caption>
  2048.  
  2049. <tr>
  2050. <td><a href="/" target="_blank"><img src="http://static.tumblr.com/a0dmjhi/W6Locr0o7/sample-photo.png"></a></td>
  2051. <td><a href="/" target="_blank"><img src="http://static.tumblr.com/a0dmjhi/W6Locr0o7/sample-photo.png"></a></td>
  2052. <td><a href="/" target="_blank"><img src="http://static.tumblr.com/a0dmjhi/W6Locr0o7/sample-photo.png"></a></td>
  2053. <td><a href="/" target="_blank"><img src="http://static.tumblr.com/a0dmjhi/W6Locr0o7/sample-photo.png"></a></td>
  2054. </tr>
  2055.  
  2056. <tr>
  2057. <td><a href="/" target="_blank"><img src="http://static.tumblr.com/a0dmjhi/W6Locr0o7/sample-photo.png"></a></td>
  2058. <td><a href="/" target="_blank"><img src="http://static.tumblr.com/a0dmjhi/W6Locr0o7/sample-photo.png"></a></td>
  2059. <td><a href="/" target="_blank"><img src="http://static.tumblr.com/a0dmjhi/W6Locr0o7/sample-photo.png"></a></td>
  2060. <td><a href="/" target="_blank"><img src="http://static.tumblr.com/a0dmjhi/W6Locr0o7/sample-photo.png"></a></td>
  2061. </tr>
  2062.  
  2063. </table>
  2064.  
  2065. <div class="caption-bottom">
  2066. <a href="/" target="_blank">view more</a> | <a href="/">gallery</a>
  2067. </div>
  2068.  
  2069.  
  2070. </div><!-- BOX -->
  2071. </div><!-- CATEGORY -->
  2072. <!--------------------------- CATEGORY SEVEN ------------------------->
  2073. <!-------------------------------------------------------------------->
  2074.  
  2075.  
  2076. <!-------------------------------------------------------------------->
  2077. <!--------------------------- CATEGORY EIGHT ------------------------->
  2078. <div class="category">
  2079. <h1 class="fa fa-{text:Category 8 Icon}">{text:Category 8 Title}</h1>
  2080. <div class="box affiliates">
  2081.  
  2082. <a href="/" target="_blank"><img src="http://static.tumblr.com/a0dmjhi/W6Locr0o7/sample-photo.png">affiliate</a>
  2083.  
  2084. </div><!-- BOX -->
  2085. </div><!-- CATEGORY -->
  2086. <!--------------------------- CATEGORY EIGHT ------------------------->
  2087. <!-------------------------------------------------------------------->
  2088.  
  2089.  
  2090. <!-------------------------------------------------------------------->
  2091. <!--------------------------- CATEGORY NINE -------------------------->
  2092. <div class="category">
  2093. <h1 class="fa fa-{text:Category 9 Icon}">{text:Category 9 Title}</h1>
  2094. <div class="box members">
  2095. {block:GroupMembers}{block:GroupMember}
  2096. <section>
  2097. <img src="{GroupMemberPortraitURL-30}">
  2098. <h3><a href="{GroupMemberURL}">{GroupMemberName}</a></h3>
  2099. {GroupMemberTitle}
  2100. </section>
  2101. {/block:GroupMember}{/block:GroupMembers}
  2102. </div><!-- BOX -->
  2103. </div><!-- CATEGORY -->
  2104. <!--------------------------- CATEGORY NINE -------------------------->
  2105. <!-------------------------------------------------------------------->
  2106.  
  2107.  
  2108. <!-------------------------------------------------------------------->
  2109. <!---------------------------- CATEGORY TEN -------------------------->
  2110. <div class="category">
  2111. <h1 class="fa fa-{text:Category 10 Icon}">{text:Category 10 Title}</h1>
  2112. <div class="box site-info">
  2113.  
  2114. <ul>
  2115. <li><span class="title">about</span>Your subject</li>
  2116. <li><span class="title">established</span>Date</li>
  2117. <li><span class="title">current online</span>online counter here</li>
  2118. <li><span class="title">total hits</span>hits counter here</li>
  2119. <li><span class="title">theme by</span><a href="http://roxiestheme.tumblr.com" target="_blank">ROXIESTHEME</a></li>
  2120. <li><span class="title">disclaimer</span>Your disclaimer</li>
  2121. </ul>
  2122.  
  2123. </div><!-- BOX -->
  2124. </div><!-- CATEGORY -->
  2125. <!---------------------------- CATEGORY TEN -------------------------->
  2126. <!-------------------------------------------------------------------->
  2127.  
  2128.  
  2129. </div><!-- SIDEBAR -->
  2130.  
  2131. <!------------------------ END OF RIGHT SIDEBAR ---------------------->
  2132.  
  2133.  
  2134. <!----------------------------------------------------------------------------------------------------------------------------->
  2135. <!----------------------------------------------------------------------------------------------------------------------------->
  2136. <!----------------------------------------------------------------------------------------------------------------------------->
  2137.  
  2138.  
  2139. <div id="posts">
  2140.  
  2141. <!-------------------------- START OF A POST ------------------------->
  2142.  
  2143.  
  2144. {block:Posts}
  2145.  
  2146. <div id="post">
  2147.  
  2148. <!------------------------- START OF PERMALINK ----------------------->
  2149. {block:Date}
  2150. <div id="permalink">
  2151.  
  2152. <div class="postinfo">
  2153. <a class="notes" href="{Permalink}" title="notes">{NoteCount}</a>
  2154. <a class="date" href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/" title="date">{ShortMonth} {DayOfMonthWithZero} {Year}</a>
  2155. {block:RebloggedFrom}<a class="src" href="{ReblogRootURL}" target="_blank" title="{ReblogRootName}">src</a><a class="via" href="{ReblogParentURL}" target="_blank" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}
  2156. </div>
  2157.  
  2158. <ul class="like_and_reblog_buttons">
  2159.  
  2160. <li class="reblog-button" title="reblog">
  2161. <a href="{ReblogURL}" target="_blank">
  2162. <svg width="15px" height="15px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  2163. <path class="path1" d="M6 5.333h2.781l-1.724-1.724c-0.521-0.521-0.521-1.364 0-1.885s1.364-0.521 1.885 0l4.943 4.943-4.943 4.943c-0.26 0.26-0.601 0.391-0.943 0.391s-0.683-0.131-0.943-0.391c-0.521-0.521-0.521-1.364 0-1.885l1.724-1.724h-2.781c-1.839 0-3.333 1.795-3.333 4s1.795 4 4 4v0c0.737 0 1.333 0.597 1.333 1.333s-0.596 1.333-1.333 1.333v0c-3.676 0-6.667-2.991-6.667-6.667s2.692-6.667 6-6.667z"></path>
  2164. <path class="path2" d="M16.943 12.391c0.521 0.521 0.521 1.364 0 1.885l-1.724 1.724h2.781c1.839 0 3.333-1.795 3.333-4s-1.795-4-4-4v0c-0.737 0-1.333-0.597-1.333-1.333s0.596-1.333 1.333-1.333v0c3.676 0 6.667 2.991 6.667 6.667s-2.692 6.667-6 6.667h-2.781l1.724 1.724c0.521 0.521 0.521 1.364 0 1.885-0.26 0.26-0.601 0.391-0.943 0.391s-0.683-0.131-0.943-0.391l-4.943-4.943 4.943-4.943c0.521-0.521 1.364-0.521 1.885 0z"></path>
  2165. </svg>
  2166. </a>
  2167. </li>
  2168.  
  2169. <li class="like" title="like">
  2170. {LikeButton size="15"}
  2171. <svg width="15px" height="15px" viewBox="1 1 21 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  2172. <path class="path1" d="M12 20c-0.195 0-0.391-0.057-0.561-0.172-0.225-0.151-5.508-3.73-7.146-5.371-1.831-1.831-2.043-3.777-2.043-5.082 0-2.964 2.411-5.375 5.375-5.375 1.802 0 3.398 0.891 4.375 2.256 0.977-1.365 2.573-2.256 4.375-2.256 2.964 0 5.375 2.411 5.375 5.375 0 1.305-0.212 3.251-2.043 5.082-1.641 1.641-6.923 5.22-7.146 5.371-0.17 0.115-0.366 0.172-0.561 0.172zM7.625 6c-1.861 0-3.375 1.514-3.375 3.375 0 1.093 0.173 2.384 1.457 3.668 1.212 1.212 4.883 3.775 6.293 4.746 1.41-0.971 5.081-3.534 6.293-4.746 1.284-1.284 1.457-2.575 1.457-3.668 0-1.861-1.514-3.375-3.375-3.375s-3.375 1.514-3.375 3.375c0 0.552-0.447 1-1 1s-1-0.448-1-1c0-1.861-1.514-3.375-3.375-3.375z"></path>
  2173. </svg>
  2174. </li>
  2175.  
  2176. </ul>
  2177.  
  2178. </div>
  2179. {/block:Date}
  2180. <!-------------------------- END OF PERMALINK ------------------------>
  2181.  
  2182.  
  2183. <!-------------------------------------------------------------------->
  2184. <!-------------------------------------------------------------------->
  2185. <!-------------------------------------------------------------------->
  2186.  
  2187.  
  2188. <!------------------------ START OF POSTCONTENT ---------------------->
  2189.  
  2190. <div id="postcontent">
  2191.  
  2192.  
  2193. <!-------------------------------------------------------------------->
  2194. <!----------------------------- TEXT POSTS --------------------------->
  2195. {block:Text}
  2196. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  2197. <div class="caption" style="margin-top:0px;">{Body}</div>
  2198. {/block:Text}
  2199. <!----------------------------- TEXT POSTS --------------------------->
  2200. <!-------------------------------------------------------------------->
  2201.  
  2202.  
  2203. <!-------------------------------------------------------------------->
  2204. <!----------------------------- LINK POSTS --------------------------->
  2205. {block:Link}
  2206. <div id="postmedia">
  2207. <a href="{Url}" target="_blank" class="link-button">
  2208. {block:Thumbnail}<img src="{Thumbnail}" width="{select:Post Width}">{/block:Thumbnail}
  2209. <div class="info-container">
  2210. {block:Host}<div class="publisher-container {block:Thumbnail}if-thumbnail{/block:Thumbnail}"><div class="publisher">{Host}</div></div>{/block:Host}
  2211. <div class="title">{Name}</div>
  2212. {block:Excerpt}<div class="excerpt">{Excerpt}</div>{/block:Excerpt}
  2213. {block:Author}<div class="author">{Author}</div>{/block:Author}
  2214. </div></a>
  2215. </div>
  2216. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  2217. {/block:Link}
  2218. <!----------------------------- LINK POSTS --------------------------->
  2219. <!-------------------------------------------------------------------->
  2220.  
  2221.  
  2222. <!-------------------------------------------------------------------->
  2223. <!---------------------------- PHOTO POSTS --------------------------->
  2224. {block:Photo}
  2225. {LinkOpenTag}
  2226. <div id="postmedia"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post Width}"></div>
  2227. {LinkCloseTag}
  2228. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2229. {/block:Photo}
  2230. <!---------------------------- PHOTO POSTS --------------------------->
  2231. <!-------------------------------------------------------------------->
  2232.  
  2233.  
  2234. <!-------------------------------------------------------------------->
  2235. <!----------------------------- PHOTOSETS ---------------------------->
  2236. {block:Photoset}
  2237.  
  2238. <div id="postmedia">
  2239. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  2240. {block:Photos}
  2241. <div class="photo-data">
  2242. <div class="pxu-photo">
  2243. <img src="{PhotoURL-HighRes}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}">
  2244. </div><!-- pxu-photo -->
  2245. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  2246. </div><!-- photo-data -->
  2247. {/block:Photos}
  2248. </div><!-- photo-slideshow-->
  2249. </div><!-- postmedia -->
  2250. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2251.  
  2252. {block:ContentSource}<!-- {SourceURL}
  2253. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2254. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2255. {/block:ContentSource}
  2256.  
  2257. {/block:Photoset}
  2258. <!----------------------------- PHOTOSETS ---------------------------->
  2259. <!-------------------------------------------------------------------->
  2260.  
  2261.  
  2262. <!-------------------------------------------------------------------->
  2263. <!------------------------------- QUOTES ----------------------------->
  2264. {block:Quote}
  2265. <div class="quotes">{Quote}</div>
  2266. {block:Source}<div class="caption" style="margin-bottom:0px;">— {Source}</div>{/block:Source}
  2267. {/block:Quote}
  2268. <!------------------------------- QUOTES ----------------------------->
  2269. <!-------------------------------------------------------------------->
  2270.  
  2271.  
  2272. <!-------------------------------------------------------------------->
  2273. <!------------------------------- CHATS ------------------------------>
  2274. {block:Chat}
  2275. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  2276. <ul class="chat">
  2277. {block:Lines}
  2278. <li class="user_{UserNumber}">
  2279. {block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}
  2280. </li>
  2281. {/block:Lines}
  2282. </ul>
  2283. {/block:Chat}
  2284. <!------------------------------- CHATS ------------------------------>
  2285. <!-------------------------------------------------------------------->
  2286.  
  2287.  
  2288. <!-------------------------------------------------------------------->
  2289. <!------------------------------- AUDIOS ----------------------------->
  2290. {block:Audio}
  2291. <div id="postmedia"><div class="width_fix">{AudioEmbed-500}</div></div>
  2292. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2293. {/block:Audio}
  2294. <!------------------------------- AUDIOS ----------------------------->
  2295. <!-------------------------------------------------------------------->
  2296.  
  2297.  
  2298. <!-------------------------------------------------------------------->
  2299. <!------------------------------- VIDEOS ----------------------------->
  2300. {block:Video}
  2301. <div id="postmedia">
  2302. <div class="video">{Video-500}</div>
  2303. </div>
  2304. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2305. {/block:Video}
  2306. <!------------------------------- VIDEOS ----------------------------->
  2307. <!-------------------------------------------------------------------->
  2308.  
  2309.  
  2310. <!-------------------------------------------------------------------->
  2311. <!------------------------------ ANSWERS ----------------------------->
  2312. {block:Answer}
  2313. <div class="askimg"><img src="{AskerPortraitURL-48}"></div>
  2314. <div class="asker"><span>{Asker}</span><br>sent a message</div>
  2315. <div class="question">{Question}</div>
  2316. <div class="caption">{Answer}</div>
  2317. {/block:Answer}
  2318. <!-------------------------------------------------------------------->
  2319. <!------------------------------ ANSWERS ----------------------------->
  2320.  
  2321.  
  2322. </div><!-- POSTCONTENT -->
  2323.  
  2324. <!------------------------- END OF POSTCONTENT ----------------------->
  2325.  
  2326.  
  2327. <!-------------------------------------------------------------------->
  2328. <!-------------------------------------------------------------------->
  2329. <!-------------------------------------------------------------------->
  2330.  
  2331.  
  2332. <!-------------------------------- TAGS ------------------------------>
  2333. {block:HasTags}
  2334. <div id="tags">
  2335. <span>Tagged as</span> {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  2336. </div>
  2337. {/block:HasTags}
  2338. <!-------------------------------- TAGS ------------------------------>
  2339.  
  2340.  
  2341. <!-------------------------------------------------------------------->
  2342. <!-------------------------------------------------------------------->
  2343. <!-------------------------------------------------------------------->
  2344.  
  2345.  
  2346. </div><!-- POST -->
  2347.  
  2348. <!--------------------------- END OF A POST ------------------------->
  2349.  
  2350.  
  2351. <!----------------------------------------------------------------------------------------------------------------------------->
  2352. <!----------------------------------------------------------------------------------------------------------------------------->
  2353. <!----------------------------------------------------------------------------------------------------------------------------->
  2354.  
  2355.  
  2356. <!------------------------ START OF POSTNOTES ----------------------->
  2357. {block:PostNotes}
  2358. <div id="postnotes">
  2359. {PostNotes}
  2360. </div>
  2361. {/block:PostNotes}
  2362. <!------------------------- END OF POSTNOTES ------------------------>
  2363.  
  2364.  
  2365. <!----------------------------------------------------------------------------------------------------------------------------->
  2366. <!----------------------------------------------------------------------------------------------------------------------------->
  2367. <!----------------------------------------------------------------------------------------------------------------------------->
  2368.  
  2369. {/block:Posts}<!-- END OF ALL POSTS-->
  2370.  
  2371.  
  2372. <!----------------------- START OF PAGINATION ----------------------->
  2373. {block:Pagination}
  2374. <div class="pagination">
  2375. {block:PreviousPage}
  2376. <a href="{PreviousPage}" class="jump">&#xf0d9;</a>{/block:PreviousPage}
  2377. {block:JumpPagination length="10"}
  2378. {block:CurrentPage}
  2379. <span class="current">{PageNumber}</span>{/block:CurrentPage}
  2380. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  2381. {/block:JumpPagination}
  2382. {block:NextPage}<a href="{NextPage}" class="jump">&#xf0da;</a>{/block:NextPage}
  2383. </div>
  2384. {/block:Pagination}
  2385. <!----------------------- START OF PAGINATION ----------------------->
  2386.  
  2387.  
  2388. <!----------------------------------------------------------------------------------------------------------------------------->
  2389. <!----------------------------------------------------------------------------------------------------------------------------->
  2390. <!----------------------------------------------------------------------------------------------------------------------------->
  2391.  
  2392. </div><!-- POSTS -->
  2393.  
  2394. <!----------------------------------------------------------------------------------------------------------------------------->
  2395. <!----------------------------------------------------------------------------------------------------------------------------->
  2396. <!----------------------------------------------------------------------------------------------------------------------------->
  2397.  
  2398.  
  2399. </div><!-- CONTAINER -->
  2400.  
  2401.  
  2402. <!----------------------------------------------------------------------------------------------------------------------------->
  2403. <!----------------------------------------------------------------------------------------------------------------------------->
  2404. <!----------------------------------------------------------------------------------------------------------------------------->
  2405.  
  2406.  
  2407.  
  2408. <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
  2409. <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>
  2410. <!-- DO NO REMOVE DO NOT REMOVE DO NOT REMOVE -->
  2411.  
  2412.  
  2413. <!----------------------------------------------------------------------------------------------------------------------------->
  2414. <!----------------------------------------------------------------------------------------------------------------------------->
  2415. <!----------------------------------------------------------------------------------------------------------------------------->
  2416.  
  2417.  
  2418. </body>
  2419.  
  2420.  
  2421. </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!