API tools faq
paste
Advertisement
sexycullen

finish container with icons

sexycullen
Apr 14th, 2021
73
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 68.39 KB | None | 0 0
raw download clone embed print report
  1. <!--------------------------------------------
  2. tylergaciaposey's theme #206
  3. https://tylergaciaposey.tumblr.com/
  4.  
  5.  
  6. PLEASE DO NOT,
  7. remove the credits; claim as your own; use as a base, take parts
  8. of the theme.
  9. YOU CAN:
  10. edit as much as you want for your own personal use only.
  11.  
  12.  
  13. CREDITS,
  14. shythemes:
  15. scrollbar style, like and reblog (fix by cyantists),
  16. short notecount, video resize, pixel union photoset
  17.  
  18. pop up:
  19. starious, rabbithelps, and a lot of patience with research tbh
  20.  
  21. base code by sorrism
  22. tumblr controls by cyantists
  23. postnotes by havingthemes
  24. smooth scroll by zacharyfury
  25. time stamp by bychloethemes
  26. icon font by honeybee.suiomi.com
  27. unnest captions by neothm, magnustheme
  28. pixel union photoset by gukthemes cathms
  29. --------------------------------------------->
  30.  
  31. <!DOCTYPE html>
  32. <head>
  33.  
  34. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  35. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  36.  
  37. <link rel="shortcut icon" href="{favicon}">
  38. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  39. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  40.  
  41.  
  42.  
  43.  
  44.  
  45. <!--Default Variables-->
  46.  
  47. <meta name="color:Background" content="#040404"/>
  48. <meta name="color:Title" content="#F5DC5C">
  49. <meta name="color:Header Footer Background" content="#070707">
  50. <meta name="color:Header Footer Link" content="#F5DC5C"/>
  51. <meta name="color:Header Footer Link Hover" content="#121212"/>
  52. <meta name="color:Header Footer Link BG Hover" content="#F5DC5C"/>
  53. <meta name="color:Links Icon" content="#F5DC5C"/>
  54. <meta name="color:Links Hover" content="#121212"/>
  55. <meta name="color:Links BG Hover" content="#F5DC5C"/>
  56. <meta name="color:Links Icon Background" content="#F5DC5C"/>
  57. <meta name="color:Bold" content="#111111">
  58. <meta name="color:Italic" content="#818181">
  59. <meta name="color:Body Text" content="#111111"/>
  60. <meta name="color:Body Link" content="#9D9D9D"/>
  61. <meta name="color:Body Link Hover" content="#000000"/>
  62. <meta name="color:Liked Text" content="#111111">
  63. <meta name="color:Date" content="#111111"/>
  64. <meta name="color:Tags" content="#111111"/>
  65. <meta name="color:Scrollbar" content="#F5DC5C" />
  66. <meta name="color:Borders" content="#0C0C0C"/>
  67. <meta name="color:Posts Background" content="#070707">
  68. <meta name="color:Container Background" content="#040404">
  69. <meta name="color:PopUp Background" content="#FFFFFF">
  70.  
  71.  
  72.  
  73.  
  74. <meta name="image:Background" content="" />
  75. <meta name="image:Container Background" content="" />
  76.  
  77.  
  78. <meta name="select:Body Font" content="'Karla', Arial,sans-serif" title="Karla">
  79. <meta name="select:Body Font" content="'Montserrat', Arial,sans-serif" title="Montserrat">
  80. <meta name="select:Body Font" content="'Roboto', Arial,sans-serif" title="Roboto">
  81. <meta name="select:Body Font" content="'Open Sans', Calibri,sans-serif" title="Open Sans">
  82. <meta name="select:Body Font" content="'Rubik', Calibri,sans-serif" title="Rubik">
  83. <meta name="select:Body Font" content="'Hind', Calibri,sans-serif" title="Hind">
  84. <meta name="select:Body Font" content="ABeeZee, sans-serif" title="ABeeZee">
  85. <meta name="select:Body Font" content="Calibri, sans-serif" title="Calibri">
  86. <meta name="select:Body Font" content="'Muli', Calibri,sans-serif" title="Muli">
  87. <meta name="select:Body Font" content="'Lato', Calibri,sans-serif" title="Lato">
  88. <meta name="select:Body Font" content="'Helvetica Neue', Arial,sans-serif" title="Helvetica">
  89. <meta name="select:Body Font" content="Arial, sans-serif" title="Arial">
  90.  
  91. <meta name="select:Body Bold Weight" content="600" title="600">
  92. <meta name="select:Body Bold Weight" content="400" title="400">
  93. <meta name="select:Body Bold Weight" content="500" title="500">
  94. <meta name="select:Body Bold Weight" content="700" title="700">
  95.  
  96. <meta name="select:Title Font" content="'Helvetica Neue', Arial,sans-serif" title="Helvetica">
  97. <meta name="select:Title Font" content="'Karla', Arial,sans-serif" title="Karla">
  98. <meta name="select:Title Font" content="'Montserrat', Arial,sans-serif" title="Montserrat">
  99. <meta name="select:Title Font" content="'Rubik', Calibri,sans-serif" title="Rubik">
  100. <meta name="select:Title Font" content="'Hind', Calibri,sans-serif" title="Hind">
  101. <meta name="select:Title Font" content="ABeeZee, sans-serif" title="ABeeZee">
  102. <meta name="select:Title Font" content="'Open Sans', Calibri,sans-serif" title="Open Sans">
  103. <meta name="select:Title Font" content="'Muli', Calibri,sans-serif" title="Muli">
  104. <meta name="select:Title Font" content="'Lato', Calibri,sans-serif" title="Lato">
  105. <meta name="select:Title Font" content="'Roboto', Arial,sans-serif" title="Roboto">
  106. <meta name="select:Title Font" content="Calibri, sans-serif" title="Calibri">
  107. <meta name="select:Title Font" content="Arial, sans-serif" title="Arial">
  108.  
  109. <meta name="select:Title Text Transform" content="lowercase" title="lowercase">
  110. <meta name="select:Title Text Transform" content="none" title="none">
  111. <meta name="select:Title Text Transform" content="uppercase" title="uppercase">
  112. <meta name="select:Title Text Transform" content="capitalize" title="capitalize">
  113.  
  114. <meta name="select:Title Font Weight" content="700" title="700">
  115. <meta name="select:Title Font Weight" content="500" title="500">
  116. <meta name="select:Title Font Weight" content="400" title="400">
  117. <meta name="select:Title Font Weight" content="600" title="600">
  118.  
  119. <meta name="select:Title Font Style" content="normal" title="normal">
  120. <meta name="select:Title Font Style" content="italic" title="italic">
  121.  
  122.  
  123. <meta name="select:Header Footer Font" content="'Open Sans', Calibri,sans-serif" title="Open Sans">
  124. <meta name="select:Header Footer Font" content="'Karla', Arial,sans-serif" title="Karla">
  125. <meta name="select:Header Footer Font" content="'Helvetica Neue', Arial,sans-serif" title="Helvetica">
  126. <meta name="select:Header Footer Font" content="'Montserrat', Arial,sans-serif" title="Montserrat">
  127. <meta name="select:Header Footer Font" content="'Rubik', Calibri,sans-serif" title="Rubik">
  128. <meta name="select:Header Footer Font" content="'Hind', Calibri,sans-serif" title="Hind">
  129. <meta name="select:Header Footer Font" content="ABeeZee, sans-serif" title="ABeeZee">
  130. <meta name="select:Header Footer Font" content="'Muli', Calibri,sans-serif" title="Muli">
  131. <meta name="select:Header Footer Font" content="'Lato', Calibri,sans-serif" title="Lato">
  132. <meta name="select:Header Footer Font" content="'Roboto', Arial,sans-serif" title="Roboto">
  133. <meta name="select:Header Footer Font" content="Calibri, sans-serif" title="Calibri">
  134. <meta name="select:Header Footer Font" content="Arial, sans-serif" title="Arial">
  135.  
  136. <meta name="select:Header Footer Text Transform" content="uppercase" title="uppercase">
  137. <meta name="select:Header Footer Text Transform" content="lowercase" title="lowercase">
  138. <meta name="select:Header Footer Text Transform" content="none" title="none">
  139. <meta name="select:Header Footer Text Transform" content="capitalize" title="capitalize">
  140.  
  141. <meta name="select:Header Footer Font Weight" content="700" title="700">
  142. <meta name="select:Header Footer Font Weight" content="600" title="600">
  143. <meta name="select:Header Footer Font Weight" content="400" title="400">
  144. <meta name="select:Header Footer Font Weight" content="500" title="500">
  145.  
  146.  
  147.  
  148. <meta name="select:Date Font" content="'Open Sans', Calibri,sans-serif" title="Open Sans">
  149. <meta name="select:Date Font" content="'Karla', Arial,sans-serif" title="Karla">
  150. <meta name="select:Date Font" content="'Montserrat', Arial,sans-serif" title="Montserrat">
  151. <meta name="select:Date Font" content="'Hind', Calibri,sans-serif" title="Hind">
  152. <meta name="select:Date Font" content="'Rubik', Calibri,sans-serif" title="Rubik">
  153. <meta name="select:Date Font" content="ABeeZee, sans-serif" title="ABeeZee">
  154. <meta name="select:Date Font" content="'Muli', Calibri,sans-serif" title="Muli">
  155. <meta name="select:Date Font" content="'Lato', Calibri,sans-serif" title="Lato">
  156. <meta name="select:Date Font" content="'Roboto', Arial,sans-serif" title="Roboto">
  157. <meta name="select:Date Font" content="Calibri, sans-serif" title="Calibri">
  158. <meta name="select:Date Font" content="'Helvetica Neue', Arial,sans-serif" title="Helvetica">
  159. <meta name="select:Date Font" content="Arial, sans-serif" title="Arial">
  160.  
  161. <meta name="select:Date Text Transform" content="uppercase" title="uppercase">
  162. <meta name="select:Date Text Transform" content="lowercase" title="lowercase">
  163. <meta name="select:Date Text Transform" content="capitalize" title="capitalize">
  164.  
  165.  
  166. <meta name="select:Date Font Weight" content="600" title="600">
  167. <meta name="select:Date Font Weight" content="400" title="400">
  168. <meta name="select:Date Font Weight" content="500" title="500">
  169. <meta name="select:Date Font Weight" content="700" title="700">
  170.  
  171. <meta name="select:Date Font Style" content="normal" title="normal">
  172. <meta name="select:Date Font Style" content="italic" title="italic">
  173.  
  174. <meta name="select:Date Position" content="center" title="center">
  175. <meta name="select:Date Position" content="right" title="right">
  176. <meta name="select:Date Position" content="left" title="left">
  177.  
  178.  
  179.  
  180. <meta name="select:Tags Font" content="'Karla', Arial,sans-serif" title="Karla">
  181. <meta name="select:Tags Font" content="'Montserrat', Arial,sans-serif" title="Montserrat">
  182. <meta name="select:Tags Font" content="'Open Sans', Calibri,sans-serif" title="Open Sans">
  183. <meta name="select:Tags Font" content="'Hind', Calibri,sans-serif" title="Hind">
  184. <meta name="select:Tags Font" content="'Rubik', Calibri,sans-serif" title="Rubik">
  185. <meta name="select:Tags Font" content="ABeeZee, sans-serif" title="ABeeZee">
  186. <meta name="select:Tags Font" content="'Muli', Calibri,sans-serif" title="Muli">
  187. <meta name="select:Tags Font" content="'Lato', Calibri,sans-serif" title="Lato">
  188. <meta name="select:Tags Font" content="'Roboto', Arial,sans-serif" title="Roboto">
  189. <meta name="select:Tags Font" content="Calibri, sans-serif" title="Calibri">
  190. <meta name="select:Tags Font" content="'Helvetica Neue', Arial,sans-serif" title="Helvetica">
  191. <meta name="select:Tags Font" content="Arial, sans-serif" title="Arial">
  192.  
  193.  
  194. <meta name="select:Tags Text Transform" content="none" title="none">
  195. <meta name="select:Tags Text Transform" content="uppercase" title="uppercase">
  196. <meta name="select:Tags Text Transform" content="lowercase" title="lowercase">
  197. <meta name="select:Tags Text Transform" content="capitalize" title="capitalize">
  198.  
  199. <meta name="select:Tags Font Weight" content="400" title="400">
  200. <meta name="select:Tags Font Weight" content="500" title="500">
  201. <meta name="select:Tags Font Weight" content="600" title="600">
  202. <meta name="select:Tags Font Weight" content="700" title="700">
  203.  
  204. <meta name="select:Tags Font Style" content="italic" title="italic">
  205. <meta name="select:Tags Font Style" content="normal" title="normal">
  206.  
  207.  
  208. <meta name="select:Tags Position" content="center" title="center">
  209. <meta name="select:Tags Position" content="right" title="right">
  210. <meta name="select:Tags Position" content="left" title="left">
  211.  
  212.  
  213. <meta name="select:Border Style" content="solid" title="solid">
  214. <meta name="select:Border Style" content="dotted" title="dotted">
  215. <meta name="select:Border Style" content="dashed" title="dashed">
  216. <meta name="select:Border Style" content="double" title="double">
  217. <meta name="select:Border Style" content="ridge" title="ridge">
  218.  
  219.  
  220. <meta name="text:Title" content="lorem ipsum mattis">
  221. <meta name="text:Small Text Size" content="10px">
  222. <meta name="text:Body Font Size" content="10px"/>
  223. <meta name="text:Body Text Spacing" content="0.75px"/>
  224. <meta name="text:Body Word Spacing" content="1px"/>
  225. <meta name="text:Title Font Size" content="25px"/>
  226. <meta name="text:Title Text Spacing" content="-0.1px">
  227. <meta name="text:Title Word Spacing" content="0px"/>
  228. <meta name="text:Header Footer Link Size" content="13px"/>
  229. <meta name="text:Links Icon Size" content="16px"/>
  230. <meta name="text:Links Icon Margin" content="20px"/>
  231. <meta name="text:Date Font Size" content="12.5px">
  232. <meta name="text:Date Text Spacing" content="-0.1px">
  233. <meta name="text:Date Word Spacing" content="1px"/>
  234. <meta name="text:Date Icon Size" content="12px">
  235. <meta name="text:Tags Font Size" content="10px">
  236. <meta name="text:Tags Text Spacing" content="0.75px">
  237. <meta name="text:Tags Word Spacing" content="1px"/>
  238. <meta name="text:Border Size" content="1px"/>
  239. <meta name="text:Opacity" content="0.7">
  240.  
  241. <meta name="text:Muse Box Width" content="250px">
  242. <meta name="text:Muse Box Height" content="auto">
  243.  
  244. <meta name="if:Date Icons" content="0" />
  245. <meta name="if:Images Black and White" content="0" />
  246. <meta name="if:Images Opacity" content="0" />
  247. <meta name="if:Custom Controls" content="1"/>
  248. <meta name="if:Borders" content="1" />
  249. <meta name="if:Unnest Icon" content="0" />
  250. <meta name="if:Unnest Captions" content="1"/>
  251. <meta name="if:540px posts" content="1" />
  252. <meta name="if:500px posts" content="0" />
  253. <meta name="if:400px posts" content="0" />
  254. <meta name="if:Muse Tab" content="1" />
  255.  
  256.  
  257. <meta name="if:Link1" content="1" />
  258. <meta name="if:Link2" content="1" />
  259. <meta name="if:Link3" content="1" />
  260. <meta name="if:Link4" content="1" />
  261.  
  262. <meta name="text:Index Hover" content="home">
  263. <meta name="text:Index URL" content="/">
  264. <meta name="text:Ask Hover" content="questions">
  265. <meta name="text:Ask URL" content="/ask">
  266. <meta name="text:Muses Tab" content="Muses">
  267. <meta name="text:Pop Up Button" content="More">
  268.  
  269. <meta name="text:Link 1 Hover" content="Link1">
  270. <meta name="text:Link 1 URL" content="/">
  271. <meta name="text:Link 2 Hover" content="Link2">
  272. <meta name="text:Link 2 URL" content="/">
  273. <meta name="text:Link 3 Hover" content="Link3">
  274. <meta name="text:Link 3 URL" content="/">
  275. <meta name="text:Link 4 Hover" content="Link4">
  276. <meta name="text:Link 4 URL" content="/">
  277.  
  278.  
  279.  
  280.  
  281.  
  282. <!----- fonts ---->
  283.  
  284.  
  285. <link href="https://fonts.googleapis.com/css?family=Hind:400,500,700|Muli:400,400i,700,700i|Open+Sans:400,400i,700,700i|Lato:400,400i,700,700i|Roboto:400,400i,500,500i,700,700i|ABeeZee:400,400i|Rubik:400,400i,500,500i,700,700i|Montserrat:400,400i,500,500i,600,600i,700,700i|Karla:400,400i,700,700i" rel="stylesheet">
  286.  
  287. <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet"> <!-- custom icons -->
  288.  
  289. <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
  290.  
  291.  
  292.  
  293.  
  294. <!----- scripts ---->
  295.  
  296.  
  297.  
  298. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  299.  
  300. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  301.  
  302.  
  303. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  304.  
  305.  
  306. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  307.  
  308. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  309. </script><script src="https://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  310.  
  311. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  312.  
  313. <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  314. <script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  315. <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  316.  
  317.  
  318.  
  319. <!----- pxu photosets ---->
  320.  
  321. <script>
  322. // PXU Photoset Script by Pixel Union
  323. $(document).ready(function(){
  324. $('.photo-slideshow').pxuPhotoset({
  325. lightbox:true,
  326. rounded:false,
  327. gutter:'0px',
  328. borderRadius:'0px',
  329. photoset:'.photo-slideshow',
  330. photoWrap:'.photo-data',
  331. photo:'.pxu-photo'
  332. });
  333. });
  334. </script>
  335.  
  336.  
  337. </script>
  338.  
  339.  
  340.  
  341.  
  342.  
  343. <script>
  344. $(document).ready(function() {
  345. //
  346. $('a.poplight[href^=#]').click(function() {
  347. var popID = $(this).attr('rel'); //Get Popup Name
  348. var popURL = $(this).attr('href'); //Get Popup href to define size
  349. var query= popURL.split('?');
  350. var dim= query[1].split('&');
  351. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  352. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend();
  353. $('body').append('<div id="fade"></div>');
  354. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  355. return false;
  356. });
  357. $('a.close, #fade').live('click', function() {
  358. $('#fade , .popup_block').fadeOut(function() {
  359. $('#fade, a.close').remove(); //fade them both out
  360. });
  361. return false;
  362. });
  363. });
  364. </script>
  365.  
  366.  
  367.  
  368.  
  369.  
  370. <!----- caption unnest ---->
  371. {block:ifUnnestCaptions}
  372. <script>
  373. $(document).ready(function(){ $('.posts').unnest({
  374. yourCaption: ".caption",
  375. wrapName: ".cap",
  376. newCaptionUsername: true,
  377. originalPostCaptionUsername: false,
  378. {block:ifUnnestIcon}
  379. tumblrAvatars: true,
  380. {/block:ifUnnestIcon}
  381. {block:ifNotUnnestIcon}
  382. tumblrAvatars: false,
  383. {/block:ifNotUnnestIcon}
  384. tumblrAvatarClass: ".unnesticon",
  385. usernameColon: false
  386. });
  387.  
  388. }); </script>
  389.  
  390. {/block:ifUnnestCaptions}
  391.  
  392.  
  393.  
  394.  
  395.  
  396. <style type="text/css">
  397.  
  398.  
  399. /* tumblr controls */
  400.  
  401. {block:ifCustomControls}
  402. iframe.tmblr-iframe {
  403. z-index:99999999999999!important;
  404. top:0px!important;
  405. right:0!important;
  406. opacity:0;
  407. padding-right:38px;
  408. transform:scale(0.75);
  409. transform-origin:100% 0;
  410. -webkit-transform:scale(0.75);
  411. -webkit-transform-origin:100% 0;
  412. -o-transform:scale(0.75);
  413. -o-transform-origin:100% 0;
  414. -moz-transform:scale(0.75);
  415. -moz-transform-origin:100% 0;
  416. -ms-transform:scale(0.75);
  417. -ms-transform-origin:100% 0;}
  418.  
  419. iframe.tmblr-iframe:hover {
  420. opacity:1!important;}
  421.  
  422. .hcontrols {
  423. position:fixed;
  424. top:0;
  425. right:0;
  426. z-index:999999999;}
  427.  
  428. .hcontrols svg {
  429. width:15px;
  430. height:15px;
  431. padding:10px;
  432. margin:5px 0;
  433. }
  434.  
  435. .hcontrols svg path {
  436. fill:{color:Bold};/* change this to change the color of the icon
  437. ex: if you're gonna use a darker background color/image */}
  438. {/block:ifCustomControls}
  439.  
  440.  
  441.  
  442.  
  443.  
  444. /* scrollbar */
  445.  
  446. ::-webkit-scrollbar {
  447. width:3px;
  448. height:3px;
  449. }
  450. ::-webkit-scrollbar {
  451. background-color:transparent;
  452. }
  453. ::-webkit-scrollbar-track {
  454. border:8px solid transparent;
  455. background-color:transparent;
  456. }
  457. ::-webkit-scrollbar-thumb {
  458. border:3px solid transparent;
  459. background-color:{color:Scrollbar};
  460. min-height:24px;
  461. min-width:24px;
  462. }
  463.  
  464.  
  465.  
  466. /* tooltip */
  467.  
  468. .ui-tooltip {
  469. position:absolute;
  470. z-index:9999;
  471. margin:-5px 0 0 0;
  472. }
  473.  
  474. .ui-tooltip-content {
  475. padding:10px;
  476. font-weight:{select:Body Bold Weight};
  477. color:{color:Header Footer Link Hover};font-size:{text:Header Footer Link Size};
  478. font-family:{select:Header Footer Font};
  479. text-transform:{select:Header Footer Text Transform};
  480. font-weight:{select:Header Footer Font Weight};
  481. text-decoration:none;
  482. background-color:{color:Header Footer Link BG Hover};
  483. border-radius: 5px 5px 5px 5px;
  484. -moz-border-radius: 5px 5px 5px 5px;
  485. -webkit-border-radius: 5px 5px 5px 5px;
  486. border:{text:Border Size} {select:Border Style} {color:Header Footer Link BG Hover};
  487. }
  488.  
  489.  
  490.  
  491.  
  492. /* captions */
  493.  
  494. {block:ifUnnestCaptions}
  495.  
  496. /* to style the reblogged urls */
  497. .tumblr_blog {
  498. color:{color:Bold};
  499. font-size: {text:Body Font Size};
  500. display:inline-block;
  501. line-height:18px;
  502. {block:ifUnnestIcon}
  503. margin-bottom:13px;
  504. vertical-align:middle;
  505. {/block:ifUnnestIcon}
  506. {block:ifNotUnnestIcon}
  507. margin-bottom:3px;
  508. {/block:ifNotUnnestIcon}
  509. margin-right:2px;
  510. font-style: italic;
  511. font-weight:bold;
  512. text-transform:lowercase;
  513. {block:ifNotUnnestIcon}
  514. border-bottom:{text:Border Size} {select:Border Style} {color:borders};
  515. {/block:ifNotUnnestIcon}
  516. }
  517.  
  518.  
  519. .tumblr_blog a {
  520. color:{color:Bold};
  521. vertical-align:bottom;
  522. }
  523.  
  524. .tumblr_blog a:hover {
  525. text-decoration:none;
  526. color:{color:Body Link Hover};
  527. }
  528.  
  529. .unnesticon {
  530. width:19px;
  531. height:19px;
  532. margin-right:8px;
  533. display:inline-block;
  534. float:left;
  535. border-radius:3px;
  536. }
  537.  
  538.  
  539. .cap {
  540. margin: 5px 0px 0px;
  541. padding:5px 20px;
  542. {block:if540pxposts}
  543. max-width:540px;
  544. {/block:if540pxposts}
  545. {block:if500pxposts}
  546. max-width:480px;
  547. {/block:if500pxposts}
  548. {block:if400pxposts}
  549. max-width:355px;
  550. {/block:if400pxposts}
  551. background-color:{color:Posts Background};
  552. {block:ifCaptionBorder}
  553. outline: {text:Border Size} {select:Border Style} {color:Borders};
  554. {/block:ifCaptionBorder}
  555. }
  556.  
  557. .cap blockquote {
  558. {block:if540pxposts}
  559. max-width:540px;
  560. {/block:if540pxposts}
  561. {block:if500pxposts}
  562. max-width:480px;
  563. {/block:if500pxposts}
  564. {block:if400pxposts}
  565. max-width:355px;
  566. {/block:if400pxposts}
  567. margin: 3px 0px 5px;
  568. }
  569.  
  570.  
  571.  
  572. .caption blockquote img {
  573. {block:if540pxposts}
  574. max-width:540px;
  575. {/block:if540pxposts}
  576. {block:if500pxposts}
  577. max-width:455px;
  578. {/block:if500pxposts}
  579. {block:if400pxposts}
  580. max-width:355px;
  581. {/block:if400pxposts}
  582. }
  583. {/block:ifUnnestCaptions}
  584.  
  585.  
  586. .caption p {
  587. display: block;
  588. margin-block-start: 0em;
  589. }
  590.  
  591. .caption img {
  592. margin-block-end: 1em;
  593. }
  594.  
  595.  
  596. {block:ifNotUnnestCaptions}
  597.  
  598. /* to style the reblogged urls */
  599. .tumblr_blog {
  600. color:{color:Body Text};
  601. font-size: {text:Body Font Size};
  602. display:inline-block;
  603. line-height:18px;
  604. margin-bottom:5px;
  605. margin-right:2px;
  606. font-style: italic;
  607. font-weight:;
  608. text-transform:lowercase;
  609. border-bottom:{text:Border Size} {select:Border Style} {color:borders};
  610. }
  611.  
  612.  
  613. .tumblr_blog a {
  614. color:{color:Bold};
  615. vertical-align:bottom;
  616. }
  617.  
  618. .tumblr_blog a:hover {
  619. text-decoration:none;
  620. color:{color:Body Link Hover};
  621. }
  622.  
  623. .caption {
  624. margin: 5px 0px 0px;
  625. padding:5px 20px;
  626. {block:if540pxposts}
  627. max-width:540px;
  628. {/block:if540pxposts}
  629. {block:if500pxposts}
  630. max-width:480px;
  631. {/block:if500pxposts}
  632. {block:if400pxposts}
  633. max-width:380px;
  634. {/block:if400pxposts}
  635. {block:ifCaptionBorder}
  636. outline: {text:Border Size} {select:Border Style} {color:Borders};
  637. {/block:ifCaptionBorder}
  638. }
  639.  
  640.  
  641.  
  642. blockquote {
  643. border-left:{text:Border Size} {select:Border Style} {color:Borders};
  644. padding-left:8px;
  645. margin:5px 10px 10px 5px;
  646. {block:if540pxposts}
  647. max-width:500px;
  648. {/block:if540pxposts}
  649. {block:if500pxposts}
  650. max-width:440px;
  651. {/block:if500pxposts}
  652. {block:if400pxposts}
  653. max-width:340px;
  654. {/block:if400pxposts}
  655. }
  656.  
  657. blockquote img {
  658. {block:if540pxposts}
  659. max-width:540px;
  660. {/block:if540pxposts}
  661. {block:if500pxposts}
  662. max-width:480px;
  663. {/block:if500pxposts}
  664. {block:if400pxposts}
  665. max-width:355px;
  666. {/block:if400pxposts}
  667. }
  668. {/block:ifNotUnnestCaptions}
  669.  
  670.  
  671.  
  672. /* sctoll to top */
  673. #scrollToTop:link,#scrollToTop:visited {
  674. display: none;
  675. text-transform:lowercase;
  676. font-size: 12px;
  677. font-family: {select:Body Font};
  678. color:{color:Body Text};
  679. font-weight:none;
  680. }
  681. /* sctoll to top */
  682.  
  683.  
  684.  
  685.  
  686.  
  687.  
  688.  
  689. body {
  690. color:{color:Body Text};
  691. font-size: {text:Body Font Size};
  692. font-family: {select:Body Font};
  693. letter-spacing:{text:Body Text Spacing};
  694. word-spacing:{text:Body Word Spacing};
  695. text-align:justify;
  696. word-wrap:break-word;
  697. margin:0;
  698. padding:0;
  699. width: 100%;
  700. height: 100%;
  701. box-sizing: border-box;
  702. line-height:16px;
  703. background-color:{color:Background};
  704. background-image:url('{image:background}');
  705. background-repeat: repeat;
  706. background-attachment: ;
  707. background-position:;
  708. }
  709.  
  710. a {
  711. color:{color:Body Link};
  712. text-decoration:none;
  713. transition:all .3s linear;
  714. -webkit-transition:all .3s linear;
  715. -o-transition:all .3s linear;
  716. -moz-transition:all .3s linear;
  717. }
  718.  
  719.  
  720. a:hover {
  721. color:{color:Body Link Hover};
  722. transition:all 0.3s;}
  723.  
  724.  
  725.  
  726. a.read_more {
  727. visibility: hidden;
  728. font-weight:{select:Body Bold Weight};
  729. color:{color:Body Link};
  730. font-size:calc({text:Body Font Size} + 1px);
  731. font-family: {select:Body Font};
  732. margin:20px 0;
  733. }
  734.  
  735. a.read_more:before {
  736. content: 'Keep Reading';
  737. visibility: visible;
  738. border-bottom:{text:Border Size} {select:Border Style} {color:Borders};
  739. padding:5px 0;
  740. }
  741.  
  742. a.read_more:hover {
  743. color:{color:Body Link Hover};
  744. }
  745.  
  746. img {
  747. {block:ifImagesOpacity}
  748. opacity:{text:Opacity};
  749. {/block:ifImagesOpacity}
  750. margin-top:1px;
  751. border:0;
  752. text-decoration:none;
  753. max-width:100%;
  754. height:auto;
  755. display:block;
  756. {block:ifImagesBlackandWhite}
  757. -webkit-filter: grayscale(100%);
  758. {/block:ifImagesBlackandWhite}
  759. -webkit-transition: all 0.9s ease-in-out;
  760. -moz-transition: all 0.9s ease-in-out;
  761. -o-transition: all 0.9s ease-in-out;
  762. -ms-transition: all 0.9s ease-in-out;
  763. transition: all 0.9s ease-in-out;
  764. }
  765.  
  766. img:hover {
  767. -webkit-filter: grayscale(0%);
  768. -webkit-transition: all 0.9s ease-in-out;
  769. -moz-transition: all 0.9s ease-in-out;
  770. -o-transition: all 0.9s ease-in-out;
  771. -ms-transition: all 0.9s ease-in-out;
  772. transition: all 0.9s ease-in-out;
  773. }
  774.  
  775. .html_photoset, .photo-slideshow:hover img {
  776. -webkit-filter: grayscale(0%);
  777. }
  778.  
  779.  
  780. p {
  781. display: block;
  782. line-height:15px;
  783. margin-block-start: 1em;
  784. margin-block-end: 1em;
  785. margin-inline-start: 0px;
  786. margin-inline-end: 0px;
  787. }
  788.  
  789.  
  790. pre {
  791. padding:0;
  792. margin:0;
  793. line-height:inherit!important;
  794. background:transparent;
  795. font-family:inherit!Important;
  796. font-size:inherit!important;
  797. white-space:pre-wrap;
  798. white-space:-moz-pre-wrap;
  799. white-space:-pre-wrap;
  800. white-space:-o-pre-wrap;
  801. word-wrap:break-word;
  802. }
  803.  
  804.  
  805. b, strong {
  806. font-weight:{select:Body Bold Weight};
  807. color: {color:bold}!important;
  808. }
  809.  
  810. i, italic {
  811. color: {color:italic};
  812. }
  813.  
  814.  
  815. small, sub, sup, pre {
  816. font-size: {text:Small Text Size};
  817. line-height:1.4em!important;
  818. vertical-align:baseline!important;
  819. }
  820.  
  821. h1, h2 {
  822. margin-bottom:10px;
  823. font-size:calc({text:Body Font Size} + 5px);
  824. text-align:left;
  825. letter-spacing:0px;
  826. text-transform:none;
  827. color:{color:Bold};
  828. font-weight:{select:Body Bold Weight};
  829. }
  830.  
  831.  
  832. hr {
  833. width:100px;
  834. margin:10px 0 10px 0;
  835. border-width: {text:Border Size} 0px 0px 0px;
  836. border-style: {select:Border Style};
  837. border-color: {color:Borders};
  838. }
  839.  
  840. ::-moz-selection {
  841. background-color: {color:Bold};
  842. color:#fff;
  843. }
  844.  
  845. ::selection {
  846. background-color: {color:Bold};
  847. color:#fff;
  848. }
  849.  
  850.  
  851.  
  852.  
  853. /* header / sidebar footer / pagination */
  854.  
  855.  
  856.  
  857. .header {
  858. width: 100%;
  859. grid-area: header;
  860. display: flex;
  861. justify-content: space-between;
  862. align-items:center;
  863. margin:0;
  864. padding: 15px;
  865. height: 40px;
  866. box-sizing: border-box;
  867. list-style:none;
  868. border-bottom: {text:Border Size} {select:Border Style} {color:Borders};
  869. background-color:{color:Header Footer Background};
  870. }
  871.  
  872.  
  873. .header a {
  874. padding:5px;
  875. font-size:{text:Header Footer Link Size};
  876. font-family:{select:Header Footer Font};
  877. text-transform:{select:Header Footer Text Transform};
  878. font-weight:{select:Header Footer Font Weight}!important;
  879. color:{color:Header Footer Link};
  880. display:inline-block;
  881. position:relative;
  882. -moz-transition-duration: 0.5s;
  883. -o-transition-duration: 0.5s;
  884. -webkit-transition-duration: 0.5s;
  885. transition-duration: 0.5s;
  886. box-sizing:border-box;
  887. border-radius: 5px 5px 5px 5px;
  888. -moz-border-radius: 5px 5px 5px 5px;
  889. -webkit-border-radius: 5px 5px 5px 5px;
  890. }
  891.  
  892. .header a:hover {
  893. color:{color:Header Footer Link Hover};
  894. text-decoration:none;
  895. -moz-transition-duration: 0.5s;
  896. -o-transition-duration: 0.5s;
  897. -webkit-transition-duration: 0.5s;
  898. transition-duration: 0.5s;
  899. border-radius: 5px 5px 5px 5px;
  900. -moz-border-radius: 5px 5px 5px 5px;
  901. -webkit-border-radius: 5px 5px 5px 5px;
  902. background-color:{color:Header Footer Link BG Hover};
  903. }
  904.  
  905.  
  906. .header .sf {
  907. font-size:{text:Header Footer Link Size};
  908. font-weight:{select:Header Footer Font Weight};
  909. padding:1px;
  910.  
  911. }
  912.  
  913.  
  914. .titulo {
  915. max-width:500px;
  916. color:{color:Title};
  917. font-style:{select:Title Font Style};
  918. font-size:{text:Title Font Size};
  919. font-family:{select:Title Font};
  920. text-transform:{select:Title Text Transform};
  921. letter-spacing:{text:Title Text Spacing};
  922. word-spacing:{text:Title Word Spacing};
  923. font-weight:{select:Title Font Weight}!important;
  924. background-color:{color:Sidebar Background};
  925. box-sizing: border-box;
  926. }
  927.  
  928.  
  929.  
  930.  
  931. .sidebaricons {
  932. grid-area: sidebaricons;
  933. padding: 25px;
  934. width: 83px;
  935. list-style:none;
  936. border-left: {text:Border Size} {select:Border Style} {color:Borders};
  937. background-color:{color:Links Icon Background};
  938. box-sizing: border-box;
  939. }
  940.  
  941.  
  942. .sidebaricons .th {
  943. font-size: {text:Links Icon Size};
  944. color:{color:Links Icon};
  945. }
  946.  
  947. .sidebaricons a:hover {
  948. color:{color:Header Footer Link Hover};
  949. color:{color:Header Footer Link BG Hover};
  950. }
  951.  
  952.  
  953. .sidebaricons ul {
  954. margin:60px 10px;
  955. padding:0;
  956. list-style:none;
  957. }
  958.  
  959. .sidebaricons li {
  960. margin:{text:Links Icon Margin} 0;
  961. }
  962.  
  963.  
  964. .sidebaricons ul li:before {
  965. content:none;
  966. }
  967.  
  968.  
  969.  
  970.  
  971. .footer {
  972. width: 100%;
  973. grid-area: footer;
  974. display: flex;
  975. justify-content: space-between;
  976. border-top: {text:Border Size} {select:Border Style} {color:Borders};
  977. border-bottom:0px;
  978. }
  979.  
  980.  
  981. .paginacao .credito {
  982. padding:7px;
  983. font-style:{select:Links Font Style};
  984. font-size:{text:Links Font Size};
  985. font-family:{select:Links Font};
  986. text-transform:{select:Links Text Transform};
  987. letter-spacing:{text:Links Text Spacing};
  988. word-spacing:{text:Links Word Spacing};
  989. list-style:none;
  990. }
  991.  
  992.  
  993.  
  994.  
  995.  
  996.  
  997. .bordertags {
  998. border-bottom: {text:Border Size} {select:Border Style} {color:Borders};
  999. width:90px;
  1000. margin:15px auto;
  1001. float:{select:Tags Position};
  1002. }
  1003.  
  1004.  
  1005.  
  1006.  
  1007. /* posts */
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013. .container {
  1014. display: grid;
  1015. width: 710px;
  1016. height: 590px;
  1017. margin: auto;
  1018. left: 0px;
  1019. right: 0px;
  1020. top: 0px;
  1021. bottom: 0px;
  1022. position: absolute;
  1023. overflow:hidden;
  1024. box-sizing: border-box;
  1025. outline: {text:Border Size} {select:Border Style} {color:Borders};
  1026. }
  1027.  
  1028.  
  1029.  
  1030.  
  1031. .postscontainer {
  1032. grid-area: postscontainer;
  1033. padding: 15px;
  1034. width: 626px;
  1035. height: 510px;
  1036. overflow-y:scroll;
  1037. box-sizing: border-box;
  1038. background-color:{color:Container Background};
  1039. background-image:url('{image:Container Background}');
  1040. background-repeat: repeat;
  1041. background-attachment: fixed;
  1042. background-position:center;
  1043. }
  1044.  
  1045. .posts {
  1046. grid-area: posts;
  1047. outline: {text:Border Size} {select:Border Style} {color:Borders};
  1048. padding: 15px 15px 30px 15px;
  1049. margin: 20px auto;
  1050. {block:if540pxposts}
  1051. width:540px;
  1052. {/block:if540pxposts}
  1053. {block:if500pxposts}
  1054. width:500px;
  1055. {/block:if500pxposts}
  1056. {block:if400pxposts}
  1057. width:400px;
  1058. {/block:if400pxposts}
  1059. background-color:{color:Posts Background};
  1060. }
  1061.  
  1062.  
  1063.  
  1064. .posts:last-child {
  1065. margin-bottom:10px;
  1066. }
  1067.  
  1068.  
  1069.  
  1070. .container-grid {
  1071. grid-template-areas:
  1072. "header header"
  1073. "postscontainer sidebaricons"
  1074. "footer footer"
  1075. ;
  1076. }
  1077.  
  1078.  
  1079.  
  1080.  
  1081.  
  1082.  
  1083. /* style for pixel union photosets
  1084. i recomend not changing if you don't know what you're doing */
  1085.  
  1086. .set {
  1087. margin-bottom:-8px;
  1088. }
  1089.  
  1090. .photo-slideshow {
  1091. width:auto!important;
  1092. }
  1093.  
  1094. {block:if540pxposts}
  1095. .photo-slideshow .count-1 {
  1096. margin-bottom:4px!important;
  1097. width:540px;
  1098. }
  1099.  
  1100. .photo-slideshow .count-2 {
  1101. margin-left:4px!important;
  1102. margin-bottom:4px!important;
  1103. width:268px!important;
  1104. }
  1105.  
  1106. .photo-slideshow .count-2:first-child {
  1107. margin-left:0!important;
  1108. }
  1109.  
  1110. .photo-slideshow .count-3 {
  1111. margin-left:4px!important;
  1112. margin-bottom:4px!important;
  1113. width:177!important;
  1114. }
  1115.  
  1116. .photo-slideshow .count-3:first-child {
  1117. margin-left:0!important;
  1118. width:177!important;
  1119. }
  1120.  
  1121. .photo-slideshow .count-3:nth-child(2) {
  1122. margin-left:4!important;
  1123. width:178!important;
  1124. }
  1125.  
  1126. {/block:if540pxposts}
  1127.  
  1128.  
  1129. {block:if500pxposts}
  1130. .photo-slideshow .count-1 {
  1131. margin-bottom:4px!important;
  1132. width:500px;
  1133. }
  1134.  
  1135. .photo-slideshow .count-2 {
  1136. margin-left:4px!important;
  1137. margin-bottom:4px!important;
  1138. width:245px!important;
  1139. }
  1140.  
  1141. .photo-slideshow .count-2:first-child {
  1142. margin-left:0!important;
  1143. }
  1144.  
  1145. .photo-slideshow .count-3 {
  1146. margin-left:4px!important;
  1147. margin-bottom:4px!important;
  1148. width:160px!important;
  1149. }
  1150.  
  1151. .photo-slideshow .count-3:first-child {
  1152. margin-left:0!important;
  1153. }
  1154.  
  1155. .photo-slideshow .count-3:nth-child(2) {
  1156. width:160px!important;
  1157. }
  1158. {/block:if500pxposts}
  1159.  
  1160. {block:if400pxposts}
  1161. .photo-slideshow .count-1 {
  1162. margin-bottom:4px!important;
  1163. width:400px;
  1164. }
  1165.  
  1166. .photo-slideshow .count-2 {
  1167. margin-left:4px!important;
  1168. margin-bottom:4px!important;
  1169. width:49%!important;
  1170. }
  1171.  
  1172. .photo-slideshow .count-2:first-child {
  1173. margin-left:0!important;
  1174. }
  1175.  
  1176. .photo-slideshow .count-3 {
  1177. margin-left:4px!important;
  1178. margin-bottom:4px!important;
  1179. width:32%!important;
  1180. }
  1181.  
  1182. .photo-slideshow .count-3:first-child {
  1183. margin-left:0!important;
  1184. }
  1185.  
  1186. .photo-slideshow .count-3:nth-child(2) {
  1187. width:32%!important;
  1188. }
  1189. {/block:if400pxposts}
  1190.  
  1191.  
  1192.  
  1193. .npf_row {
  1194. {block:if540pxposts}
  1195. width:500px;
  1196. {block:ifNotUnnestCaptions}
  1197. width:490px;
  1198. {/block:ifNotUnnestCaptions}
  1199. {/block:if540pxposts}
  1200. {block:if500pxposts}
  1201. width:460px;
  1202. {block:ifNotUnnestCaptions}
  1203. width:440px;
  1204. {/block:ifNotUnnestCaptions}
  1205. {/block:if500pxposts}
  1206. {block:if400pxposts}
  1207. width:360px;
  1208. {block:ifNotUnnestCaptions}
  1209. width:340px;
  1210. {/block:ifNotUnnestCaptions}
  1211. {/block:if400pxposts}
  1212. padding-left:20px;
  1213. }
  1214.  
  1215.  
  1216.  
  1217.  
  1218.  
  1219. /* permalink and notes */
  1220.  
  1221.  
  1222. .info {
  1223. {block:if540pxposts}
  1224. width:513px;
  1225. {/block:if540pxposts}
  1226. {block:if500pxposts}
  1227. width:469px;
  1228. {/block:if500pxposts}
  1229. margin:25px auto 0;
  1230. font-style:{select:Date Font Style};
  1231. font-size:{text:Date Font Size};
  1232. font-family:{select:Date Font};
  1233. letter-spacing:{text:Date Text Spacing};
  1234. word-spacing:{text:Date Word Spacing};
  1235. text-transform:{select:Date Text Transform};
  1236. background-color:{color:Posts Background};
  1237. font-weight:{select:Date Font Weight};
  1238. box-sizing: border-box;
  1239. text-align:{select:Date Position};
  1240. }
  1241.  
  1242. .info a {
  1243. color:{color:Date};
  1244. padding:5px;
  1245. font-weight:{select:Date Font Weight};
  1246. }
  1247.  
  1248. .info a:hover {
  1249. color:{color:Body Link Hover};
  1250. text-decoration:none;
  1251. }
  1252.  
  1253.  
  1254. .infocontent {
  1255. background-color:{color:Posts Background};
  1256. margin:0;
  1257. text-align:center;
  1258. }
  1259.  
  1260. .infocontent a:hover {
  1261. color:{color:Body Link Hover};
  1262. }
  1263.  
  1264.  
  1265. .dateicons {
  1266. line-height:35px;
  1267. word-spacing:35px;
  1268. }
  1269.  
  1270. .dateicons .sf {
  1271. display:inline-block;
  1272. color:{color:bold};
  1273. font-size:{text:Date Icon Size};
  1274. }
  1275.  
  1276. .date-border {
  1277. border-color: {color:Borders};
  1278. display: inline-block;
  1279. width:35px;
  1280. margin:2.1px 5px 2px 5px;
  1281. border-width: 1px 0px 0px 0px;
  1282. border-style: solid;
  1283. }
  1284.  
  1285.  
  1286. .notecount {
  1287. color:{color:Date};
  1288. }
  1289.  
  1290. .reblog a {
  1291. color:{color:Date};
  1292. }
  1293.  
  1294. .reblog a:hover {
  1295. color:{color:Body Link Hover};
  1296. }
  1297.  
  1298. .like-b {
  1299. position:relative;
  1300. display:inline-block;
  1301. height:1px;
  1302. line-height:1px;
  1303. letter-spacing:3px;
  1304. color:{color:Date};!important;
  1305. font-weight:{select:Date Font Weight};
  1306. }
  1307.  
  1308.  
  1309. .like-b a {
  1310. color:{color:Date}!important;
  1311. }
  1312.  
  1313. .like-b a:hover {
  1314. color:{color:Body Link Hover}!important;
  1315. }
  1316.  
  1317. .like-b .like_button iframe {
  1318. position:absolute;
  1319. top:0;
  1320. left:0;
  1321. bottom:0;
  1322. right:0;
  1323. z-index:2;
  1324. opacity:0.000001;
  1325. }
  1326.  
  1327.  
  1328.  
  1329. .like-b .liked + .b {
  1330. color:{color:Liked Text};
  1331. }
  1332.  
  1333.  
  1334. {block:IfDateIcons}
  1335. .like-b .liked + .b:after {
  1336. content:'’';
  1337. font-size:px;
  1338. }
  1339. {/block:IfDateIcons}
  1340.  
  1341. {block:IfNotDateIcons}
  1342. .like-b .liked + .b:after {
  1343. content:'d';
  1344. }
  1345. {/block:IfNotDateIcons}
  1346.  
  1347.  
  1348. .tags {
  1349. {block:if540pxposts}
  1350. width:513px;
  1351. {/block:if540pxposts}
  1352. {block:if500pxposts}
  1353. width:469px;
  1354. {/block:if500pxposts}
  1355. margin:5px auto 0;
  1356. padding:5px 0;
  1357. clear:both;
  1358. position:static;
  1359. word-wrap:break-word;
  1360. font-style:{select:Tags Font Style};
  1361. font-size:{text:Tags Font Size};
  1362. font-family:{select:Tags Font};
  1363. letter-spacing:{text:Tags Text Spacing};
  1364. text-transform:{select:Tags Text Transform};
  1365. word-spacing:{select:Tags Word Spacing};
  1366. text-align:{select:Tags Position};
  1367. }
  1368.  
  1369.  
  1370. .tags a {
  1371. padding:0 3px;
  1372. color:{color:Tags};
  1373. font-weight:{select:Tags Font Weight};
  1374. }
  1375.  
  1376. .tags a:hover {
  1377. text-decoration:none;
  1378. color:{color:Body Link Hover};
  1379. }
  1380.  
  1381.  
  1382.  
  1383. .postsnote {
  1384. position:relative;
  1385. {block:if540pxposts}
  1386. width:540px;
  1387. {/block:if540pxposts}
  1388. {block:if500pxposts}
  1389. width:500px;
  1390. {/block:if500pxposts}
  1391. {block:if400pxposts}
  1392. width:400px;
  1393. {/block:if400pxposts}
  1394. padding:15px;
  1395. margin:-25px auto;
  1396. overflow:auto;
  1397. margin-bottom:10px;
  1398. background-color:{color:Posts Background};
  1399. {block:ifBorders}
  1400. outline: {text:Border Size} {select:Border Style} {color:Borders};
  1401. {/block:ifBorders}
  1402. }
  1403.  
  1404.  
  1405. .postsnote ol, .notes-bottom ul {
  1406. margin: 5px;
  1407. padding: 0;
  1408. list-style: none;
  1409. }
  1410.  
  1411. .postsnote li {
  1412. width:45%;
  1413. padding: 2px 0 5px 10px;
  1414. margin:2px;
  1415. font-size: {text:Body Font Size};
  1416. font-family: {select:Body Font};
  1417. letter-spacing:{text:Body Text Spacing};
  1418. word-spacing:{text:Body Word Spacing};
  1419. float:left;
  1420. text-align:center;
  1421. }
  1422.  
  1423. .postsnote li img.avatar {
  1424. border:none;
  1425. margin:;
  1426. width:0;
  1427. padding:0;
  1428. }
  1429.  
  1430. .postsnote .note .retags {
  1431. display:none;
  1432. visibility:hidden;
  1433. }
  1434.  
  1435. .postsnote blockquote {
  1436. display:none;
  1437. }
  1438.  
  1439. .more_notes_link {
  1440. list-style: none;
  1441. text-transform:uppercase;
  1442. letter-spacing:0.5px;
  1443. font-size:8px;
  1444. font-size: {text:Body Font Size};
  1445. font-family: {select:Body Font};
  1446. margin-top:10px;
  1447. font-weight:{select:Body Bold Weight};
  1448. padding:3px;
  1449. border-top:{text:Border Size} {select:Border Style} {color:Borders};
  1450. }
  1451.  
  1452.  
  1453.  
  1454.  
  1455.  
  1456.  
  1457.  
  1458. /* quote */
  1459.  
  1460. p.npf_quote {
  1461. font-size: {text:Body Font Size};
  1462. font-family: {select:Body Font};
  1463. }
  1464.  
  1465.  
  1466. .quote {
  1467. font-size:calc({text:Body Font Size} + 3px);
  1468. font-family: {select:Body Font};
  1469. margin:5px 0;
  1470. padding:14px;
  1471. color:{color:Bold};
  1472. font-weight:{select:Body Bold Weight};
  1473. text-transform:none;
  1474. line-height:120%;
  1475. text-align:center;
  1476. {block:ifCaptionBorder}
  1477. outline: {text:Border Size} {select:Border Style} {color:Borders};
  1478. {/block:ifCaptionBorder}
  1479. }
  1480.  
  1481. .quote .sf {
  1482. font-size:8px;
  1483. color:{color:bold};
  1484. margin-left:1px;
  1485. display:inline-block;
  1486. vertical-align:bottom;
  1487. }
  1488.  
  1489.  
  1490. .source {
  1491. text-align:center;
  1492. font-size:{text:Body Font Size};
  1493. font-family: {select:Body Font};
  1494. color:{color:Body Text};
  1495. letter-spacing:0.5px;
  1496. text-transform:uppercase;
  1497. }
  1498.  
  1499. .source a.tumblr_blog {
  1500. font-size:{text:Body Font Size};
  1501. font-family: {select:Body Font};
  1502. color:{color:Body Link};
  1503. font-weight:normal;
  1504. line-height:auto;
  1505. margin:-1px;
  1506. font-style: none;
  1507. text-transform:uppercase;
  1508. border-bottom:0px solid {color:borders};
  1509. }
  1510.  
  1511.  
  1512.  
  1513.  
  1514.  
  1515.  
  1516.  
  1517. /* chat */
  1518.  
  1519. p.npf_chat {
  1520. font-size: {text:Body Font Size};
  1521. font-family: {select:Body Font};
  1522. }
  1523.  
  1524. .chat ol {
  1525. font-size: {text:Body Font Size};
  1526. font-family: {select:Body Font};
  1527. line-height:190%;
  1528. margin: 5px 0px 0px;
  1529. padding:5px 20px;
  1530. list-style:none;
  1531. {block:ifCaptionBorder}
  1532. outline: {text:Border Size} {select:Border Style} {color:Borders};
  1533. {/block:ifCaptionBorder}
  1534. }
  1535.  
  1536. .lines {
  1537. display:block;
  1538. line-height:120%;
  1539. margin: -5px 0;
  1540. padding:5px 10px;
  1541. }
  1542.  
  1543. .label {
  1544. font-weight:{select:Body Bold Weight};
  1545. text-transform:none;
  1546. font-size: {text:Body Font Size};
  1547. font-family: {select:Body Font};
  1548. letter-spacing:0px;
  1549. color:{color:Bold};
  1550. padding:5px;
  1551. }
  1552.  
  1553. .line.odd {
  1554. padding:4px;
  1555. margin-bottom:2px;
  1556. }
  1557.  
  1558. .line.even {
  1559. padding:4px;
  1560. margin-bottom:2px;
  1561. }
  1562.  
  1563.  
  1564.  
  1565.  
  1566.  
  1567.  
  1568.  
  1569. /* audio */
  1570.  
  1571. .player {
  1572. width:25px;
  1573. height:24px;
  1574. position:absolute;
  1575. left:10px;
  1576. top:calc(50% - 15px);
  1577. display:block;
  1578. overflow:hidden;
  1579. }
  1580.  
  1581. .hold {
  1582. text-align:left;
  1583. background:{color:background};
  1584. {block:ifBorders}
  1585. outline: {text:Border Size} {select:Border Style} {color:Borders};
  1586. {/block:ifBorders}
  1587. position:relative;
  1588. display:block;
  1589. min-height:24px;
  1590. padding:15px;
  1591. }
  1592.  
  1593. .audio_info {
  1594. vertical-align:middle;
  1595. line-height:12px;
  1596. margin-left:35px;
  1597. max-width:calc(100% - 35px);
  1598. }
  1599.  
  1600. .audio_info span {
  1601. white-space:nowrap;
  1602. overflow:hidden;
  1603. text-overflow:ellipsis;
  1604. display:block;
  1605. }
  1606.  
  1607. .hold .track {color:{color:title};}
  1608.  
  1609.  
  1610.  
  1611.  
  1612.  
  1613.  
  1614.  
  1615. /* asks */
  1616.  
  1617. .ask {
  1618. text-align:left;
  1619. margin: 5px 0px 0px;
  1620. padding:10px 20px;
  1621. {block:ifCaptionBorder}
  1622. outline: {text:Border Size} {select:Border Style} {color:Borders};
  1623. {/block:ifCaptionBorder}
  1624. }
  1625.  
  1626.  
  1627. .asker {
  1628. font-size: {text:Body Font Size};
  1629. color:{color:Bold};
  1630. font-size: {text:Body Font Size};
  1631. padding-bottom:3px;
  1632. font-style: italic;
  1633. font-weight:bold;
  1634. text-transform:lowercase;
  1635. border-bottom:{text:Border Size} {select:Border Style} {color:borders};
  1636. }
  1637.  
  1638. .asker a {
  1639. color:{color:Bold};
  1640. }
  1641.  
  1642. .asker a:hover {
  1643. color:{color:Body Link Hover};
  1644. }
  1645.  
  1646. .askquestion {
  1647. display:block;
  1648. margin-top:10px;
  1649. padding:10px;
  1650. box-sizing: border-box;
  1651. outline: {text:Border Size} {select:Border Style} {color:Borders};
  1652. {block:ifCaptionBorder}
  1653. border-bottom:0px;
  1654. padding-bottom:0px;
  1655. {/block:ifCaptionBorder}
  1656. }
  1657.  
  1658.  
  1659.  
  1660.  
  1661.  
  1662.  
  1663.  
  1664. /* lists */
  1665.  
  1666. ul li {
  1667. color:{color:Body Text};
  1668. margin-left:-30px;
  1669. list-style:none;
  1670. }
  1671.  
  1672. ul li:before {
  1673. color:{color:Bold};
  1674. content:'\e083';
  1675. font-family:'saturnicons';
  1676. margin-right:6px;
  1677. font-size:7px;
  1678. display:inline-block;
  1679. vertical-align:middle;
  1680. position:relative;
  1681. }
  1682.  
  1683. ol {
  1684. color:{color:Body Text};
  1685. margin-left:-25px;
  1686. }
  1687.  
  1688. ol li:before {
  1689. color:{color:Bold};
  1690. font-weight:{select:Body Bold Weight};
  1691. margin-right:6px;
  1692. font-size:px;
  1693. display:inline-block;
  1694. vertical-align:middle;
  1695. position:relative;
  1696. }
  1697.  
  1698.  
  1699.  
  1700.  
  1701.  
  1702.  
  1703.  
  1704.  
  1705. /* POP UP */
  1706.  
  1707.  
  1708. .popup_block{
  1709. overflow-x:hidden;
  1710. overflow-y:scroll;
  1711. display:none;
  1712. position: absolute;
  1713. right:0;
  1714. top: 41px;
  1715. height:508px;
  1716. z-index:12;
  1717. }
  1718.  
  1719.  
  1720. /* close pop up icon */
  1721.  
  1722. .close {
  1723. z-index:13;
  1724. position: absolute;
  1725. top:0;
  1726. right: 0;
  1727. cursor:pointer;
  1728. }
  1729.  
  1730.  
  1731.  
  1732. /* if you change the background color of the pop ups, you'll need to change the colors here too or the button might not appear. you will need to add a # instead the ones from the theme */
  1733.  
  1734. .close a {
  1735. margin-right:15px;
  1736. font-weight:{select:Links Font Weight}!important;
  1737. color:{color:Sidebar Link};
  1738. }
  1739.  
  1740.  
  1741. .close a:hover {
  1742. color:{color:Sidebar Link Hover};
  1743. text-decoration:none;
  1744. background-color:{color:Sidebar Link BG Hover};
  1745. }
  1746.  
  1747.  
  1748. .close .sf {
  1749. font-size:calc({text:Links Font Size} + 3px);
  1750. font-weight:{select:Body Bold Weight};
  1751. padding:1px;
  1752.  
  1753. }
  1754.  
  1755.  
  1756.  
  1757.  
  1758. /* navigation pop up */
  1759.  
  1760. #navigation_popup {
  1761. background-color:{color:PopUp Background};
  1762. outline: {text:Border Size} {select:Border Style} {color:Borders};
  1763.  
  1764. }
  1765.  
  1766.  
  1767. .navigation_popup {
  1768. height:508px;
  1769. }
  1770.  
  1771.  
  1772. .navigation_wrap {
  1773. height:450px;
  1774. display:flex;
  1775. flex-direction: row;
  1776. flex-wrap: wrap;
  1777. justify-content: center;
  1778. align-items:center;
  1779. margin:15px 10px 15px 10px;
  1780. top:0;
  1781. left:0px;
  1782. right:0px;
  1783. bottom:0px;
  1784. position:absolute;
  1785. box-sizing:border-box;
  1786. }
  1787.  
  1788.  
  1789. .navigation_container {
  1790. position: relative;
  1791. display:block;
  1792. height: auto;
  1793. margin:15px 10px 15px 10px;
  1794. box-sizing:border-box;
  1795. padding:15px;
  1796. line-height:130%;
  1797. text-align: center;
  1798. font-style:{select:Body Font Style};
  1799. font-size:{text:Body Text Size};
  1800. font-family:{select:Body Font};
  1801. letter-spacing:{text:Body Text Spacing};
  1802. word-spacing:{text:Body Word Spacing};
  1803. font-weight:{select:Body Font Weight}!important;
  1804. }
  1805.  
  1806. .navigation_container small {
  1807. font-size:9px;
  1808. }
  1809.  
  1810.  
  1811. /* navigation title */
  1812.  
  1813. .navigation_title {
  1814. display:inline-block;
  1815. text-transform: uppercase;
  1816. padding:7px;
  1817. margin:2px 0 5px;
  1818. border-bottom:1px solid #f2f2f2;
  1819. }
  1820.  
  1821. /* navigation links box */
  1822.  
  1823. .navigation_links_box {
  1824. padding:7px;
  1825. margin:2px 0 5px;
  1826. overflow:hidden;
  1827. }
  1828.  
  1829. .navigation_links_box li {
  1830. display:inline-block;
  1831. list-style:none;
  1832. margin:0 px 0;
  1833. padding: 0;
  1834. }
  1835.  
  1836.  
  1837.  
  1838. /* navigation links */
  1839.  
  1840. .navigation_links {
  1841. text-align: center;
  1842. overflow:hidden;
  1843. }
  1844.  
  1845.  
  1846. .navigation_links a {
  1847. margin:3px;
  1848. color:#111111; /* add the color you want just add the # or if you want the same bold of the theme, use {color:Body Link} */
  1849. }
  1850.  
  1851. .navigation_links ul {
  1852. margin:0;
  1853. padding:0;
  1854. list-style:none;
  1855. }
  1856.  
  1857. .navigation_links li {
  1858. margin:0 auto;
  1859. }
  1860.  
  1861.  
  1862. .navigation_links ul li:before {
  1863. content:none;
  1864. }
  1865.  
  1866.  
  1867.  
  1868.  
  1869. /* navigation description */
  1870.  
  1871. .navigation_description {
  1872. text-transform: lowercase;
  1873. padding:7px;
  1874. margin:-1px 0;
  1875. text-align: center;
  1876. border-style: solid;
  1877. border-color:#f2f2f2;
  1878. border-width:0 0 1px 0;
  1879. }
  1880.  
  1881.  
  1882.  
  1883. /* navigation list of description */
  1884.  
  1885. .navigation_description ul {
  1886. margin:0;
  1887. padding:0;
  1888. list-style:none;
  1889. }
  1890.  
  1891. .navigation_description li {
  1892. margin:0 auto 7px;
  1893. }
  1894.  
  1895.  
  1896. /* the 'i' icon before specifications */
  1897. .navigation_description li:before {
  1898. content:"\ebe3";
  1899. font-family:'honeybee';
  1900. font-size:9px;
  1901. color:#b6b6b6; /* add the color you want or if you want the same bold of the theme, use {color:bold} */
  1902. }
  1903.  
  1904.  
  1905.  
  1906.  
  1907.  
  1908.  
  1909.  
  1910.  
  1911.  
  1912.  
  1913. /* muses pop up */
  1914.  
  1915. #muses_popup {
  1916. background-color:{color:PopUp Background};
  1917. z-index:11;
  1918. }
  1919.  
  1920.  
  1921. .muse_popup {
  1922. width:710px;
  1923. height:508px;
  1924. }
  1925.  
  1926. .muse_wrap {
  1927. width:710px;
  1928. height:450px;
  1929. display:flex;
  1930. flex-direction: row;
  1931. flex-wrap: wrap;
  1932. justify-content: center;
  1933. align-items:center;
  1934. margin:15px 10px 15px 10px;
  1935. top:0;
  1936. left:0px;
  1937. right:0px;
  1938. bottom:0px;
  1939. position:absolute;
  1940. box-sizing:border-box;
  1941. }
  1942.  
  1943.  
  1944. .muse_container {
  1945. position: relative;
  1946. display:block;
  1947. width: {text:Muse Box Width};
  1948. height: {text:Muse Box Height};
  1949. margin:15px 10px 15px 10px;
  1950. background-color:black;
  1951. box-sizing:border-box;
  1952. outline: {text:Border Size} {select:Border Style} {color:Borders};
  1953. }
  1954.  
  1955.  
  1956. .muse_container b, strong {
  1957. font-weight:{select:Body Bold Weight}; /* change to 400/500/600 or bold, normal */
  1958. color: #000!important; /* add the color you want or if you want the same bold of the theme, use {color:bold} */
  1959. }
  1960.  
  1961. .muse_container i, italic {
  1962. color: #000; /* add the color you want just add the # or if you want the same bold of the theme, use {color:italic} */
  1963. }
  1964.  
  1965.  
  1966. .muse_container small, sub, sup, pre {
  1967. font-size: {text:Small Text Size}; /* small font size in px, or leave as it is to get from the theme */
  1968. line-height:1.4em!important;
  1969. vertical-align:baseline!important;
  1970. }
  1971.  
  1972. .muse_container img {
  1973. width: {text:Muse Box Width};
  1974. height: {text:Muse Box Height};
  1975. margin:0 auto;
  1976. display: block;
  1977. object-fit:cover;
  1978. }
  1979.  
  1980.  
  1981.  
  1982. /* muses main name background, you can change the opacity on 0.4 */
  1983.  
  1984. .muse_title_box {
  1985. position: absolute;
  1986. top: 0;
  1987. bottom: 0;
  1988. left: 0;
  1989. right: 0;
  1990. width: {text:Muse Box Width};
  1991. height: {text:Muse Box Height};
  1992. background-color: rgba(0, 0, 0, 0.4);
  1993. transition: .5s ease;
  1994. z-index:1;
  1995. }
  1996.  
  1997.  
  1998.  
  1999.  
  2000. /* muses main name that appear before hover
  2001.  
  2002. PS: font-style, size, family, text-transform, letter-spacing,word-spacing and font weight will be the same as the title of the theme, but you can change here if you want
  2003.  
  2004. */
  2005. .muse_title {
  2006. color: #fff; /* add the color you want just add the # */
  2007. margin:50% 0;
  2008. text-align:center;
  2009. color:#fff;
  2010. font-style:{select:Title Font Style};
  2011. font-size:18px;
  2012. font-family:{select:Title Font};
  2013. text-transform:{select:Title Text Transform};
  2014. letter-spacing:{text:Title Text Spacing};
  2015. word-spacing:{text:Title Word Spacing};
  2016. font-weight:{select:Title Font Weight}!important;
  2017. z-index:1;
  2018. }
  2019.  
  2020.  
  2021. .muse_overlay {
  2022. overflow-x:hidden;
  2023. overflow-y:scroll;
  2024. position: absolute;
  2025. top: 0;
  2026. bottom: 0;
  2027. left: 0;
  2028. right: 0;
  2029. width: {text:Muse Box Width};
  2030. height: {text:Muse Box Height};
  2031. opacity: 0;
  2032. transition: .5s ease;
  2033. background-color: #000;
  2034. background: #fff; /* muses box background */
  2035. }
  2036.  
  2037.  
  2038. .muse_container:hover .muse_overlay {
  2039. opacity: 1;
  2040. transition: .5s ease;
  2041. }
  2042.  
  2043. .muse_container:hover .muse_title_box {
  2044. opacity: 0;
  2045. transition: .5s ease;
  2046. z-index:-1;
  2047. }
  2048.  
  2049. .muse_content {
  2050. text-align: center;
  2051. color:#000; /* add the color you want just add the # or if you want the same bold of the theme, use {color:Body Text} */
  2052. }
  2053.  
  2054.  
  2055.  
  2056.  
  2057. /* muses name */
  2058.  
  2059. .muse_name {
  2060. display:inline-block;
  2061. text-transform: uppercase;
  2062. padding:7px;
  2063. margin:2px 0 5px;
  2064. border-bottom:1px solid #f2f2f2;
  2065. }
  2066.  
  2067. /* muses links box */
  2068.  
  2069. .muse_links_box {
  2070. padding:7px;
  2071. margin:2px 0 5px;
  2072. overflow:hidden;
  2073. }
  2074.  
  2075. .muse_links_box li {
  2076. display:inline-block;
  2077. list-style:none;
  2078. margin:0 px 0;
  2079. padding: 0;
  2080. }
  2081.  
  2082.  
  2083.  
  2084. /* muses links */
  2085.  
  2086. .muse_links {
  2087. text-transform: lowercase;
  2088. text-align: center;
  2089. overflow:hidden;
  2090. }
  2091.  
  2092.  
  2093. .muse_links a {
  2094. margin:3px;
  2095. color:#9D9D9D; /* add the color you want just add the # or if you want the same bold of the theme, use {color:Body Link} */
  2096. }
  2097.  
  2098. .muse_links ul {
  2099. margin:0;
  2100. padding:0;
  2101. list-style:none;
  2102. }
  2103.  
  2104. .muse_links li {
  2105. margin:0 auto;
  2106. }
  2107.  
  2108.  
  2109. .muse_links ul li:before {
  2110. content:none;
  2111. }
  2112.  
  2113.  
  2114.  
  2115.  
  2116. /* muses more information */
  2117.  
  2118. .muse_description {
  2119. text-transform: lowercase;
  2120. padding:7px;
  2121. margin:-1px 0;
  2122. text-align: center;
  2123. border-style: solid;
  2124. border-color:#f2f2f2;
  2125. border-width:1px 0;
  2126. }
  2127.  
  2128.  
  2129.  
  2130. /* muses list of information */
  2131.  
  2132. .muse_description ul {
  2133. margin:0;
  2134. padding:0;
  2135. list-style:none;
  2136. }
  2137.  
  2138. .muse_description li {
  2139. margin:2px auto;
  2140. }
  2141.  
  2142.  
  2143. /* the 'i' icon before specifications */
  2144. .muse_description li:before {
  2145. content:"\ebe3";
  2146. font-family:'honeybee';
  2147. font-size:9px;
  2148. color:#b6b6b6; /* add the color you want or if you want the same bold of the theme, use {color:bold} */
  2149. }
  2150.  
  2151.  
  2152. {CustomCSS}
  2153.  
  2154. </style>
  2155. </head>
  2156.  
  2157.  
  2158. <body>
  2159. <div class="container container-grid">
  2160. <div class="header">
  2161. <div class="titulo">
  2162. {text:title}
  2163. </div>
  2164. <a href="#" rel="" class="poplight">
  2165. <span class="sf sf-more-o" title="{text:Pop Up Button}"></span>
  2166. </a>
  2167. </div>
  2168.  
  2169. <nav class="sidebaricons">
  2170. <ul>
  2171. <li><a href="{text:index url}" title="{text:index hover}">
  2172. <span class="th th-home-o"></span></a></li>
  2173. <li><a href="{text:ask url}" title="{text:ask hover}">
  2174. <span class="th th-envelope-o"></span></a></li>
  2175. {block:ifMuseTab}
  2176. <li><a href="#?w=710" rel="muses_popup" class="poplight" title="{text:Muses Tab}"><span class="th th-users-o"></span></a></li></a></li>
  2177. {/block:ifMuseTab}
  2178.  
  2179. {block:ifNotMuseTab}
  2180. {block:ifLink1}
  2181. <li><a href="{text:link 1 url}" title="{text:link 1 hover}">
  2182. <span class="th th-list-o"></span></a></li>
  2183. {/block:ifLink1}
  2184. {/block:ifNotMuseTab}
  2185.  
  2186. {block:ifLink2}
  2187. <li><a href="{text:link 2 url}" title="{text:link 2 hover}">
  2188. <span class="th th-edit-o"></span></a></li>
  2189. {/block:ifLink2}
  2190. {block:ifLink3}
  2191. <li><a href="{text:link 3 url}" title="{text:link 3 hover}">
  2192. <span class="th th-star-o"></span></a></li>
  2193. {/block:ifLink3}
  2194. {block:ifLink4}
  2195. <li><a href="{text:link 4 url}" title="{text:link 4 hover}">
  2196. <span class="th th-heart-1-o"></span></a></li>
  2197. {/block:ifLink4}
  2198. </ul>
  2199. </nav>
  2200.  
  2201.  
  2202. <!-- START THE NAVIGATION POP UP -->
  2203.  
  2204. <div id="navigation_popup" class="popup_block"> <!-- DO NOT TOUCH. main navigation pop up -->
  2205. <span class="close headerfooterlinks" onclick="this.parentElement.style.display='none';">
  2206. <a href="#"><span class="sf sf-cross-2-o" title="close"></span></a>
  2207. </span>
  2208. <div class="navigation_popup"> <!-- DO NOT TOUCH. navigation pop up -->
  2209. <div class="navigation_wrap"> <!-- DO NOT TOUCH. navigation container -->
  2210.  
  2211. <div class="navigation_container"> <!-- start of the navigation content -->
  2212. <div class="navigation_title">
  2213. Description
  2214. </div>
  2215. <div class="navigation_description">
  2216. <p>{Description}</p>
  2217. </div>
  2218. <div class="navigation_links_box">
  2219. <div class="navigation_links headerfooterlinks">
  2220. <ul>
  2221. <li><a href="/tagged/">more links</a></li>
  2222. <li><a href="/tagged/">more links</a></li>
  2223. <li><a href="/tagged/">more links</a></li>
  2224. <li><a href="/tagged/">more links</a></li>
  2225. <li><a href="/tagged/">more links</a></li>
  2226. </ul>
  2227. </div>
  2228. </div>
  2229. <div class="navigation_title">
  2230. kinda a to-do list or wtv
  2231. </div>
  2232. <div class="navigation_description">
  2233. <ul>
  2234. <li><strong>something</strong> blah blah blah</li>
  2235. <li><strong>something</strong> blah blah blah</li>
  2236. <li><strong>something</strong> blah blah blah</li>
  2237. <li><strong>something</strong> blah blah blah</li>
  2238. </ul>
  2239. </div>
  2240.  
  2241. </div> <!-- closes the navigation content -->
  2242. </div> <!-- DO NOT TOUCH. closes navigation container -->
  2243. </div> <!-- DO NOT TOUCH. closes navigation pop up -->
  2244. </div> <!-- DO NOT TOUCH. closes main navigation pop up -->
  2245.  
  2246.  
  2247. <!-- END THE NAVIGATION POP UP -->
  2248.  
  2249.  
  2250. <!-- START THE MUSES POP UP (delete everything inside this if you don't want the muse pop up) -->
  2251.  
  2252. <div id="muses_popup" class="popup_block"> <!-- DO NOT TOUCH. main muses pop up -->
  2253. <span class="close headerfooterlinks" onclick="this.parentElement.style.display='none';">
  2254. <a href="#"><span class="sf sf-cross-2-o" title="close"></span></a>
  2255. </span>
  2256. <div class="muse_popup"> <!-- DO NOT TOUCH. muses pop up -->
  2257. <div class="muse_wrap"> <!-- DO NOT TOUCH. muses container -->
  2258.  
  2259. <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
  2260. <div class="muse_title_box">
  2261. <div class="muse_title"> <!-- main name that appear before hover -->
  2262. muse name here
  2263. </div>
  2264. </div>
  2265. <img src="https://static.tumblr.com/9levqhj/RHbq1fp5n/whoxgeefip8.png">
  2266. <div class="muse_overlay"> <!-- box from each muse hover -->
  2267. <div class="muse_content"> <!-- box from each muse inside content -->
  2268. <div class="muse_name">
  2269. <strong>name here</strong> last name
  2270. </div>
  2271. <div class="muse_links_box">
  2272. <div class="muse_links">
  2273. <ul>
  2274. <li><a href="/tagged/">interactions</a></li>
  2275. <li><a href="/tagged/">photography</a></li>
  2276. <li><a href="/tagged/">musings</a></li>
  2277. <li><a href="/tagged/">starter</a></li>
  2278. <li><a href="/tagged/">likes</a></li>
  2279. <li><a href="/tagged/">texts</a></li>
  2280. </ul>
  2281. </div>
  2282. </div>
  2283. <div class="muse_description">
  2284. <ul>
  2285. <li><strong>pronouns:</strong> she/he/them</li>
  2286. <li><strong>sexuality: </strong>sexuality</li>
  2287. <li><strong>occupation: </strong>occupation</li>
  2288. <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
  2289. <li><strong>faceclaim:</strong> faceclaim here</li>
  2290. </ul>
  2291. </div>
  2292. <div class="muse_description">
  2293. <p><strong>more information</strong></p>
  2294. <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
  2295. </div>
  2296. </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
  2297. </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
  2298. </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
  2299.  
  2300.  
  2301.  
  2302. <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
  2303. <div class="muse_title_box">
  2304. <div class="muse_title"> <!-- main name that appear before hover -->
  2305. muse name here
  2306. </div>
  2307. </div>
  2308. <img src="https://static.tumblr.com/9levqhj/RHbq1fp5n/whoxgeefip8.png">
  2309. <div class="muse_overlay"> <!-- box from each muse hover -->
  2310. <div class="muse_content"> <!-- box from each muse inside content -->
  2311. <div class="muse_name">
  2312. <strong>name here</strong> last name
  2313. </div>
  2314. <div class="muse_links_box">
  2315. <div class="muse_links">
  2316. <ul>
  2317. <li><a href="/tagged/">interactions</a></li>
  2318. <li><a href="/tagged/">photography</a></li>
  2319. <li><a href="/tagged/">musings</a></li>
  2320. <li><a href="/tagged/">starter</a></li>
  2321. <li><a href="/tagged/">likes</a></li>
  2322. <li><a href="/tagged/">texts</a></li>
  2323. </ul>
  2324. </div>
  2325. </div>
  2326. <div class="muse_description">
  2327. <ul>
  2328. <li><strong>pronouns:</strong> she/he/them</li>
  2329. <li><strong>sexuality: </strong>sexuality</li>
  2330. <li><strong>occupation: </strong>occupation</li>
  2331. <li><strong>traits:</strong> persuasive, amusing, ebullient, careless, flirtatious and materialistic</li>
  2332. <li><strong>faceclaim:</strong> faceclaim here</li>
  2333. <li><strong>add more:</strong> anything you want tbh</li>
  2334. </ul>
  2335. </div>
  2336. <div class="muse_description">
  2337. <p><strong>more information</strong></p>
  2338. <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna. adipiscing elit. </p>
  2339. </div>
  2340. <div class="muse_description">
  2341. <p><strong>even more information if you want</strong></p>
  2342. <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna. adipiscing elit. aliquam nisi lorem, pulvinar id, commodo.</p>
  2343. <p>feugiat, vehicula et, aliquam mattis porta urna. lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
  2344. </div>
  2345. <div class="muse_links_box">
  2346. <div class="muse_links">
  2347. <p><strong>more links too</strong></p>
  2348. <ul>
  2349. <li><a href="/tagged/">more links</a></li>
  2350. <li><a href="/tagged/">more links</a></li>
  2351. <li><a href="/tagged/">more links</a></li>
  2352. <li><a href="/tagged/">more links</a></li>
  2353. <li><a href="/tagged/">more links</a></li>
  2354. <li><a href="/tagged/">more links</a></li>
  2355. </ul>
  2356. </div>
  2357. </div>
  2358. </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
  2359. </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
  2360. </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
  2361.  
  2362.  
  2363.  
  2364. <div class="muse_container"> <!-- start box from each muse (COPY FROM THIS TO ADD MORE MUSES !!!) -->
  2365. <div class="muse_title_box">
  2366. <div class="muse_title"> <!-- main name that appear before hover -->
  2367. muse name here
  2368. </div>
  2369. </div>
  2370. <img src="https://static.tumblr.com/9levqhj/RHbq1fp5n/whoxgeefip8.png">
  2371. <div class="muse_overlay"> <!-- box from each muse hover -->
  2372. <div class="muse_content"> <!-- box from each muse inside content -->
  2373. <div class="muse_name">
  2374. <strong>doesn't have to be</strong> name here
  2375. </div>
  2376. <div class="muse_description">
  2377. <p><strong>create your thing as you wish</strong></p>
  2378. <p>lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna.</p>
  2379. </div>
  2380. </div> <!-- DO NOT TOUCH. closes the box from each muse inside content -->
  2381. </div> <!-- DO NOT TOUCH. closes the box from each muse hover -->
  2382. </div> <!-- closes the BOX FROM EACH MUSE (COPY TO THIS TO CLOSE THE MUSE CONTAINER AND PASTE BELOW) -->
  2383.  
  2384.  
  2385. </div> <!-- DO NOT TOUCH. closes the muses container -->
  2386. </div> <!-- DO NOT TOUCH. closes the muses pop up -->
  2387. </div> <!-- DO NOT TOUCH. closes the main pop up -->
  2388.  
  2389.  
  2390. <!-- END THE MUSE POP UP -->
  2391.  
  2392.  
  2393.  
  2394.  
  2395. <section class="postscontainer" id="{PostID}">
  2396.  
  2397.  
  2398. {block:posts}
  2399.  
  2400. <article class="posts {block:caption}captioned{/block:caption} id="{PostID}>
  2401.  
  2402.  
  2403. {block:Text}
  2404. {block:Title}<h2>{Title}</h2>{/block:Title}
  2405. <div class="caption">
  2406. {Body}
  2407. </div>
  2408. {/block:Text}
  2409.  
  2410.  
  2411. {block:Quote}
  2412. <div class="quote">{quote} <span class="sf sf-quotation-mark"></span></div>
  2413. {block:Source}<div class="source">{source}</div>{/block:Source}
  2414. {/block:Quote}
  2415.  
  2416.  
  2417.  
  2418. {block:Link}
  2419. <h2><a href="{URL}">{Name}</a></h2>
  2420. <div class="caption">
  2421. {block:Description}{Description}{/block:Description}
  2422. </div>
  2423. {/block:Link}
  2424.  
  2425.  
  2426. {block:Chat}
  2427. {block:Title}<h2>{Title}</h2>{/block:Title}
  2428. <div class="chat">
  2429. <ol>{block:Lines}
  2430. <li class="line {Alt}">
  2431. {block:Label}
  2432. <span class="label">{Label}</span>
  2433. {/block:Label} <span class="lines">{Line}</span></li>
  2434. {/block:Lines}
  2435. </ol></div>{/block:Chat}
  2436.  
  2437.  
  2438. {block:Photo}
  2439. {linkopentag}
  2440. <img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>
  2441. {linkclosetag}
  2442. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2443. {/block:Photo}
  2444.  
  2445.  
  2446. {block:Photoset}
  2447. <div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  2448. <div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></div></center>
  2449. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2450. {/block:Photoset}
  2451.  
  2452.  
  2453. {block:Video}<div class="video">{Video-500}</div>
  2454. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2455. {/block:Video}
  2456.  
  2457. {block:Audio}
  2458. {block:audioplayer}
  2459. <div class="hold">
  2460. <div class="player">{audioplayerwhite}</div>
  2461. <div class="audio_info">
  2462. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  2463. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  2464. </div>
  2465. </div>
  2466. {/block:audioplayer}
  2467. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2468. {/block:Audio}
  2469.  
  2470.  
  2471. {block:Answer}
  2472. <div class="ask">
  2473. <span class="asker">{Asker} asked</span>
  2474. <span class="askquestion">
  2475. {question}
  2476. </span>
  2477. </div>
  2478. <div class="caption">
  2479. <div class="answer">{Answer}</div>
  2480. </div>
  2481. {/block:Answer}
  2482.  
  2483.  
  2484. {block:Date}
  2485. <div class="info">
  2486. <span class="infocontent">
  2487. {block:IfDateIcons}
  2488. <div class="dateicons">
  2489. <a title="{timeago}" href="{Permalink}">
  2490. <span class="sf sf-clock-3-o"></span>
  2491. </a>
  2492. {block:NoteCount}<span class="sf sf-stars" title="{NoteCountWithLabel}"></span>{/block:NoteCount}
  2493. {block:Permalink}
  2494. {block:RebloggedFrom}
  2495. <a href="{ReblogParentURL}"><span class="sf sf-chevron-left" title="{ReblogParentName}"></a>
  2496. {block:ContentSource} <a href="{ReblogRootURL}"><span class="sf sf-chevron-right" title="{ReblogRootName}"></a>{/block:ContentSource}
  2497. {/block:RebloggedFrom}
  2498. {/block:Permalink}
  2499. <a href="{ReblogURL}" target="_blank" class="reblog"><span class="sf sf-reblog-o" title="reblog"></a>
  2500. <a class="like-b" href="#" title="like this post">{LikeButton}<span class="b"><span class="sf sf-heart-o"></span></span></a>
  2501. </div>
  2502. {block:IfDateIcons}
  2503.  
  2504. {block:IfNotDateIcons}
  2505. <a title="{timeago}" href="{Permalink}">{dayofweek}</a>
  2506. {block:NoteCount}<span class="notecount">{NoteCount}</span>{/block:NoteCount} <span class="date-border"></span>
  2507. {block:Permalink}
  2508. {block:RebloggedFrom}
  2509. <br>
  2510. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  2511. {block:ContentSource} <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  2512. <br>
  2513. {/block:RebloggedFrom}
  2514. {/block:Permalink}
  2515.  
  2516. <a href="{ReblogURL}" target="_blank" class="reblog">reblog</a>
  2517. <a class="like-b" href="#">{LikeButton}<span class="b">like</span></a>
  2518. {/block:IfNotDateIcons}
  2519. </span>
  2520. {/block:Date}
  2521.  
  2522. {block:HasTags}
  2523. <div class="tags">
  2524. {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
  2525. </div>
  2526. {/block:HasTags}
  2527. </article>
  2528.  
  2529. {block:PostNotes}
  2530. <article class="postsnote">
  2531. {PostNotes}
  2532. </article>
  2533. {/block:PostNotes}
  2534. {/block:Posts}
  2535. </section>
  2536.  
  2537. <footer class="footer header">
  2538. {block:Pagination}
  2539. <div class="paginacao">
  2540. {block:PreviousPage}
  2541. <li><a title="previous page" href="{PreviousPage}"><span class="sf sf-chevron-left"></span></a></li>
  2542. {/block:PreviousPage}
  2543. {block:NextPage}
  2544. <li><a title="next page" href="{NextPage}"><span class="sf sf-chevron-right"></span></a></li>
  2545. {/block:NextPage}
  2546. </div>
  2547. {/block:Pagination}
  2548. <div class="credito">
  2549. <a href="https://tylergaciaposey.tumblr.com/">&copy; tylergaciaposey</a>
  2550. </div>
  2551. </footer>
  2552. </div>
  2553. <script>
  2554. $(document).ready(function(){
  2555. $('body').tooltip({track:true});
  2556. $('iframe.tumblr_audio_player').load( function() {
  2557. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  2558. });
  2559. });
  2560. </script>
  2561.  
  2562. <script type="text/javascript">
  2563. var $container = $('.postscontainer');
  2564. $container.find('.notecount').each(function(){
  2565. var n = $(this).html().split(' ')[0].replace(/,/g, '');
  2566. if (n > 999) {
  2567. n = Math.floor(n / 100) / 10;
  2568. $(this).text(n + 'k');
  2569. }
  2570. });
  2571. </script>
  2572.  
  2573.  
  2574. {block:ifCustomControls}
  2575. <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  2576. {/block:ifCustomControls}
  2577.  
  2578. {block:ContentSource}
  2579. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2580. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2581. {/block:SourceLogo}
  2582. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2583. {/block:ContentSource}
  2584. </div>
  2585. </div>
  2586. </body></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!