API tools faq
paste
Advertisement
scftlcves

#52 / moonchild

scftlcves
Jan 21st, 2019
4,246
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 48.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  6.  
  7. <link href="https://fonts.googleapis.com/css?family=ABeeZee|Karla|Muli|Oxygen|Roboto+Mono|Saira Semi Condensed|Comfortaa|Didact+Gothic|PT+Sans+Caption|Raleway" rel="stylesheet">
  8.  
  9. <script src="//use.edgefonts.net/cooper-black-std.js"></script>
  10.  
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <!----
  19.  
  20. theme #52 (moonchild) by ali (@scftlcves)
  21.  
  22. symbol font: https://themehive.co/honeybee
  23.  
  24. body fonts: https://fonts.google.com/
  25.  
  26. title font: https://edgewebfonts.adobe.com/fonts
  27.  
  28. tumblr controls: https://cyantists.tumblr.com/post/163728517915/fix-tumblrs-new-controls-i-have-come-up-with-3
  29.  
  30. audio player: https://octomoosey.tumblr.com/post/165373017577/hi-g-im-in-the-process-of-creating-my-own-theme
  31.  
  32. photoset gutters: https://shythemes.tumblr.com/post/113728114758/tutorial-pixel-union-photosets
  33.  
  34. --->
  35.  
  36. <meta name="image:Icon" content="https://via.placeholder.com/55x55">
  37. <meta name="image:Popphoto" content="https://via.placeholder.com/120x120">
  38. <meta name="image:Popicon1" content="https://via.placeholder.com/50x50">
  39. <meta name="image:Popicon2" content="https://via.placeholder.com/50x50">
  40. <meta name="image:Muse1" content="https://via.placeholder.com/85x85">
  41. <meta name="image:Muse2" content="https://via.placeholder.com/85x85">
  42. <meta name="image:Muse3" content="https://via.placeholder.com/85x85">
  43. <meta name="image:Muse4" content="https://via.placeholder.com/85x85">
  44. <meta name="image:Muse5" content="https://via.placeholder.com/85x85">
  45. <meta name="image:Muse6" content="https://via.placeholder.com/85x85">
  46. <meta name="image:Muse7" content="https://via.placeholder.com/85x85">
  47. <meta name="image:Muse8" content="https://via.placeholder.com/85x85">
  48. <meta name="image:Muse9" content="https://via.placeholder.com/85x85">
  49. <meta name="image:Muse10" content="https://via.placeholder.com/85x85">
  50. <meta name="image:Muse11" content="https://via.placeholder.com/85x85">
  51. <meta name="image:Muse12" content="https://via.placeholder.com/85x85">
  52. <meta name="image:Muse13" content="https://via.placeholder.com/85x85">
  53. <meta name="image:Muse14" content="https://via.placeholder.com/85x85">
  54. <meta name="image:Muse15" content="https://via.placeholder.com/85x85">
  55. <meta name="image:Muse16" content="https://via.placeholder.com/85x85">
  56. <meta name="image:Background" content=""/>
  57.  
  58. <meta name="color:Background" content="#f0f0f0"/>
  59. <meta name="color:Blockquote" content="#e7e7e7"/>
  60. <meta name="color:Bold" content="bd9482"/>
  61. <meta name="color:Border" content="#e7e7e7"/>
  62. <meta name="color:Entries" content="#f3f3f3"/>
  63. <meta name="color:Gradient One" content="c1afd4"/>
  64. <meta name="color:Gradient Two" content="aed4b9"/>
  65. <meta name="color:Gradient Text" content="bebebe"/>
  66. <meta name="color:Italic" content="bd9482"/>
  67. <meta name="color:Link" content="#313131"/>
  68. <meta name="color:Navigation Shadow" content="#6c6c6c"/>
  69. <meta name="color:Permalink" content="#f0f0f0"/>
  70. <meta name="color:Permalink Icons" content="#f8f8f8"/>
  71. <meta name="color:Scrollbar" content="#bd9482"/>
  72. <meta name="color:Tags" content="#bd9482"/>
  73. <meta name="color:Text" content="#5a5a5a"/>
  74. <meta name="color:Title" content="#bd9482"/>
  75.  
  76. <meta name="select:Bullet symbol" content="\ebc6" title="Arrow" />
  77. <meta name="select:Bullet symbol" content="\ec56" title="Circle" />
  78. <meta name="select:Bullet symbol" content="\ea55" title="Heart" />
  79. <meta name="select:Bullet symbol" content="\eabe" title="Minus" />
  80. <meta name="select:Bullet symbol" content="\eb21" title="Plus" />
  81. <meta name="select:Bullet symbol" content="\eb2f" title="Push pin" />
  82. <meta name="select:Bullet symbol" content="\eb68" title="Star" />
  83. <meta name="select:Bullet symbol" content="\eca9" title="Quote 1" />
  84. <meta name="select:Bullet symbol" content="\eca8" title="Quote 2" />
  85. <meta name="select:Bullet symbol" content="\eacc" title="X 1" />
  86. <meta name="select:Bullet symbol" content="\ec8e" title="X 2" />
  87.  
  88. <meta name="select:Border radius" content="0px" title="0px" />
  89. <meta name="select:Border radius" content="3px" title="3px" />
  90. <meta name="select:Border radius" content="5px" title="5px" />
  91. <meta name="select:Border radius" content="8px" title="8px" />
  92.  
  93. <meta name="select:Opacity" content="1.0" title="100%" />
  94. <meta name="select:Opacity" content="0.9" title="90%" />
  95. <meta name="select:Opacity" content="0.8" title="80%" />
  96. <meta name="select:Opacity" content="0.7" title="70%" />
  97. <meta name="select:Opacity" content="0.6" title="60%" />
  98.  
  99. <meta name="select:Post titles" content="uppercase" title="Uppercase" />
  100. <meta name="select:Post titles" content="lowercase" title="Lowercase" />
  101.  
  102. <meta name="select:Body font" content="ABeeZee" title="ABeeZee" />
  103. <meta name="select:Body font" content="Comfortaa" title="Comfortaa" />
  104. <meta name="select:Body font" content="Didact Gothic" title="Didact Gothic" />
  105. <meta name="select:Body font" content="Karla" title="Karla" />
  106. <meta name="select:Body font" content="Muli" title="Muli" />
  107. <meta name="select:Body font" content="Oxygen" title="Oxygen" />
  108. <meta name="select:Body font" content="PT Sans Caption" title="PT Sans Caption" />
  109. <meta name="select:Body font" content="Raleway" title="Raleway" />
  110. <meta name="select:Body font" content="Roboto Mono" title="Roboto Mono" />
  111.  
  112.  
  113. <meta name="select:Bold font" content="Cooper-Black-Std" title="Cooper Black" />
  114. <meta name="select:Bold font" content="Banggar" title="Banggar" />
  115. <meta name="select:Bold font" content="Desyanti" title="Desyanti" />
  116. <meta name="select:Bold font" content="Jean Jingga" title="Jean Jingga" />
  117. <meta name="select:Bold font" content="Subsky" title="Subsky" />
  118. <meta name="select:Bold font" content="Sweet Patterson" title="Sweet Patterson" />
  119.  
  120. <meta name="select:Text size" content="9px" title="9px"/>
  121. <meta name="select:Text size" content="10px" title="10px"/>
  122. <meta name="select:Text size" content="11px" title="11px"/>
  123. <meta name="select:Text size" content="12px" title="12px"/>
  124.  
  125. <meta name="select:Styled bold size" content="6px" title="+6 font size"/>
  126. <meta name="select:Styled bold size" content="10px" title="+10 font size"/>
  127. <meta name="select:Styled bold size" content="14px" title="+14 font size"/>
  128. <meta name="select:Styled bold size" content="18px" title="+18 font size"/>
  129. <meta name="select:Styled bold size" content="22px" title="+22 font size"/>
  130.  
  131. <meta name="select:Sidebar title size" content="2px" title="+2 font size"/>
  132. <meta name="select:Sidebar title size" content="4px" title="+4 font size"/>
  133. <meta name="select:Sidebar title size" content="6px" title="+6 font size"/>
  134. <meta name="select:Sidebar title size" content="10px" title="+10 font size"/>
  135. <meta name="select:Sidebar title size" content="14px" title="+14 font size"/>
  136. <meta name="select:Sidebar title size" content="18px" title="+18 font size"/>
  137. <meta name="select:Sidebar title size" content="22px" title="+22 font size"/>
  138.  
  139. <meta name="text:Text input description" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi.">
  140.  
  141. <meta name="text:Side title" content="Lorem ipsum"/>
  142. <meta name="text:Online counter" content="freehostedscripts"/>
  143. <meta name="text:Total counter" content="freehostedscripts"/>
  144.  
  145. <meta name="text:Popup detail one" content="popup detail one"/>
  146. <meta name="text:Popup detail two" content="popup detail two"/>
  147. <meta name="text:Popup detail three" content="popup detail three"/>
  148. <meta name="text:Popup detail four" content="popup detail four"/>
  149.  
  150. <meta name="text:Link one url" content="oneurl">
  151. <meta name="text:Link one text" content="one">
  152. <meta name="text:Link two url" content="twourl">
  153. <meta name="text:Link two text" content="two">
  154. <meta name="text:Link three url" content="threeurl">
  155. <meta name="text:Link three text" content="three">
  156. <meta name="text:Link four url" content="foururl">
  157. <meta name="text:Link four text" content="four">
  158.  
  159. <meta name="text:Link five url" content="fiveurl">
  160. <meta name="text:Link five text" content="five">
  161. <meta name="text:Link six url" content="sixurl">
  162. <meta name="text:Link six text" content="six">
  163. <meta name="text:Link seven url" content="sevenurl">
  164. <meta name="text:Link seven text" content="seven">
  165. <meta name="text:Link eight url" content="eighturl">
  166. <meta name="text:Link eight text" content="eight">
  167.  
  168. <meta name="text:Link nine url" content="nineurl">
  169. <meta name="text:Link nine text" content="nine">
  170. <meta name="text:Link ten url" content="tenurl">
  171. <meta name="text:Link ten text" content="ten">
  172. <meta name="text:Link eleven url" content="elevenurl">
  173. <meta name="text:Link eleven text" content="eleven">
  174. <meta name="text:Link twelve url" content="twelveurl">
  175. <meta name="text:Link twelve text" content="twelve">
  176.  
  177. <meta name="text:Muse 1 name" content="muse one">
  178. <meta name="text:Muse 2 name" content="muse two">
  179. <meta name="text:Muse 3 name" content="muse three">
  180. <meta name="text:Muse 4 name" content="muse four">
  181. <meta name="text:Muse 5 name" content="muse five">
  182. <meta name="text:Muse 6 name" content="muse six">
  183. <meta name="text:Muse 7 name" content="muse seven">
  184. <meta name="text:Muse 8 name" content="muse eight">
  185. <meta name="text:Muse 9 name" content="muse nine">
  186. <meta name="text:Muse 10 name" content="muse ten">
  187. <meta name="text:Muse 11 name" content="muse eleven">
  188. <meta name="text:Muse 12 name" content="muse twelve">
  189. <meta name="text:Muse 13 name" content="muse thirteen">
  190. <meta name="text:Muse 14 name" content="muse fourteen">
  191. <meta name="text:Muse 15 name" content="muse fifteen">
  192. <meta name="text:Muse 16 name" content="muse sixteen">
  193.  
  194. <meta name="text:Muse 1 link" content="muse1 link">
  195. <meta name="text:Muse 2 link" content="muse2 link">
  196. <meta name="text:Muse 3 link" content="muse3 link">
  197. <meta name="text:Muse 4 link" content="muse4 link">
  198. <meta name="text:Muse 5 link" content="muse5 link">
  199. <meta name="text:Muse 6 link" content="muse6 link">
  200. <meta name="text:Muse 7 link" content="muse7 link">
  201. <meta name="text:Muse 8 link" content="muse8 link">
  202. <meta name="text:Muse 9 link" content="muse9 link">
  203. <meta name="text:Muse 10 link" content="muse10 link">
  204. <meta name="text:Muse 11 link" content="muse11 link">
  205. <meta name="text:Muse 12 link" content="muse12 link">
  206. <meta name="text:Muse 13 link" content="muse13 link">
  207. <meta name="text:Muse 14 link" content="muse14 link">
  208. <meta name="text:Muse 15 link" content="muse15 link">
  209. <meta name="text:Muse 16 link" content="muse16 link">
  210.  
  211. <meta name="select:Post size" content="540" title="540px" />
  212. <meta name="select:Post size" content="500" title="500px" />
  213. <meta name="select:Post size" content="450" title="450px" />
  214. <meta name="select:Post size" content="400" title="400px" />
  215. <meta name="select:Post size" content="350" title="350px" />
  216. <meta name="select:Post size" content="300" title="300px" />
  217. <meta name="select:Post size" content="250" title="250px" />
  218.  
  219.  
  220. <meta name="if:Link section" content="1"/>
  221. <meta name="if:More links" content="0"/>
  222. <meta name="if:Even more links" content="0"/>
  223. <meta name="if:Muses popup" content="0"/>
  224. <meta name="if:Eight muses" content="0"/>
  225. <meta name="if:Twelve muses" content="0"/>
  226. <meta name="if:Sixteen muses" content="0"/>
  227. <meta name="if:Linked muses" content="0"/>
  228. <meta name="if:Gradient BG" content="1"/>
  229. <meta name="if:Styled title" content="1"/>
  230. <meta name="if:Styled bold" content="1"/>
  231. <meta name="if:Bolden the bold" content="1"/>
  232. <meta name="if:Ask style 1" content="1"/>
  233. <meta name="if:Ask style 2" content="0"/>
  234. <meta name="if:Permalink style 1" content="1"/>
  235. <meta name="if:Permalink style 2" content="0"/>
  236. <meta name="if:Text input description" content="1"/>
  237. <meta name="if:Default description" content="0"/>
  238. <meta name="if:Borders" content="1"/>
  239. <meta name="if:Grayscale posts" content="0"/>
  240. <meta name="if:Uppercase tags" content="1"/>
  241. <meta name="if:Uppercase desc option" content="0"/>
  242. <meta name="if:Smallcaps desc option" content="0"/>
  243.  
  244.  
  245. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  246.  
  247. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  248.  
  249. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script
  250.  
  251. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  252.  
  253. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  254.  
  255. <script>
  256. $(document).ready(function() {
  257. //
  258. $('a.poplight[href^=#]').click(function() {
  259. var popID = $(this).attr('rel'); //Get Popup Name
  260. var popURL = $(this).attr('href'); //Get Popup href to define size
  261. var query= popURL.split('?');
  262. var dim= query[1].split('&');
  263. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  264. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  265. var popMargTop = ($('#' + popID).height() + 80) / 2;
  266. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  267. //Apply Margin to Popup
  268. $('#' + popID).css({
  269. 'margin-top' : -popMargTop,
  270. 'margin-left' : -popMargLeft
  271. });
  272. $('body').append('<div id="fade"></div>');
  273. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  274. return false;
  275. });
  276. $('a.close, #fade').live('click', function() {
  277. $('#fade , .popup_block').fadeOut(function() {
  278. $('#fade, a.close').remove(); //fade them both out
  279. });
  280. return false;
  281. });
  282. });
  283. </script>
  284.  
  285. <script>
  286.  
  287. (function($){
  288.  
  289. $(document).ready(function(){
  290.  
  291. $("[title]").style_my_tooltips({
  292.  
  293. tip_follows_cursor:true,
  294.  
  295. tip_delay_time:90,
  296.  
  297. tip_fade_speed:600,
  298.  
  299. attribute:"title"
  300.  
  301. });
  302.  
  303. });
  304.  
  305. })(jQuery);
  306.  
  307. </script>
  308.  
  309. <style type="text/css">
  310.  
  311. @font-face {
  312. font-family: "banggar";
  313. src: url('https://dl.dropbox.com/s/yfp4z6732isds2f/Banggar%20Signature%20Font%20-%20TTF%20Dafont.ttf?dl=0'); ;}
  314.  
  315. @font-face {
  316. font-family: "desyanti";
  317. src: url('https://dl.dropbox.com/s/d5rjwe1pqgpchjr/Desyanti.ttf?dl=0'); ;}
  318.  
  319. @font-face {
  320. font-family: "jean jingga";
  321. src: url('https://dl.dropbox.com/s/d2zj2ft9q2guu9p/Jean%20Jingga%20-%20TTF.ttf?dl=0'); ;}
  322.  
  323. @font-face {
  324. font-family: "subsky";
  325. src: url('https://dl.dropbox.com/s/l5k8weg7vsgybcw/Subsky-demo%20version.ttf?dl=0'); ;}
  326.  
  327. @font-face {
  328. font-family: "sweet patterson";
  329. src: url('https://dl.dropbox.com/s/uzjhwsi2qmbwbnv/SweetPattersonDEMO.ttf?dl=0'); ;}
  330.  
  331. iframe.tmblr-iframe {
  332. z-index:99999999999999!important;
  333. right:5px!important;
  334. top:5px!important;
  335. opacity:0.4;
  336. /* delete invert(1) from here */
  337. filter:invert(1) contrast(150%);
  338. -webkit-filter:invert(1) contrast(150%);
  339. -o-filter:invert(1) contrast(150%);
  340. -moz-filter:invert(1) contrast(150%);
  341. -ms-filter:invert(1) contrast(150%);
  342. /* to here if your blog has a dark background */
  343. transform:scale(0.65);
  344. transform-origin:100% 0;
  345. -webkit-transform:scale(0.65);
  346. -webkit-transform-origin:100% 0;
  347. -o-transform:scale(0.65);
  348. -o-transform-origin:100% 0;
  349. -moz-transform:scale(0.65);
  350. -moz-transform-origin:100% 0;
  351. -ms-transform:scale(0.65);
  352. -ms-transform-origin:100% 0;}
  353.  
  354. iframe.tmblr-iframe:hover {
  355. opacity:0.4!important;}
  356.  
  357. #s-m-t-tooltip {
  358. background-color:{color:title};
  359. font-size:{select:text size};
  360. border-radius:{select:border radius};
  361. color:{color:entries};
  362. text-transform:lowercase;
  363. padding:8px 8px 8px 8px;
  364. margin:20px 0px 0px 20px;
  365. z-index:9999999999999999999999;
  366.  
  367. }
  368.  
  369. ::-webkit-scrollbar-thumb {
  370. background-color:{color:Scrollbar};
  371. }
  372.  
  373. ::-webkit-scrollbar-track {
  374. background-color:{color:Entries};
  375. }
  376.  
  377. ::-webkit-scrollbar {
  378. height:2px;
  379. width:2px;
  380. }
  381.  
  382. ul {
  383. list-style-type: circle;
  384. padding-left:24px;
  385. line-height:150%;
  386. }
  387.  
  388. li {
  389. padding-left: 0px;
  390. margin-bottom: 0px;
  391. list-style: none;
  392. }
  393.  
  394. li:before {
  395. color: {color:title};
  396. content: "{select:bullet symbol}";
  397. font-family: 'honeybee';
  398. font-size:6px;
  399. font-weight:300;
  400. display: inline-block;
  401. margin-left: -2.2em;
  402. width: 2.2em;
  403. }
  404.  
  405.  
  406. u {
  407. display:inline-block;
  408. padding:0px 3px 0px 3px;
  409. text-decoration:none;
  410. color:{color:entries};
  411. text-transform:uppercase;
  412. background-color:{color:title};
  413. {block:IfGradientBg}
  414. color:{color:gradient text};
  415. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  416. {/block:IfGradientBg}
  417. }
  418.  
  419.  
  420. hr {
  421. display:block;
  422. border-style:solid;
  423. opacity:70%;
  424. border-color:{color:border};
  425. }
  426.  
  427. body {
  428. background: {color:Background};
  429. background-image:url('{image:Background}');
  430. background-attachment:fixed;
  431. font-family: '{select:body font}', sans-serif;
  432. font-size: {select:text size};
  433. line-height:15px;
  434. color: {color:Text};
  435. }
  436.  
  437. blockquote {
  438. text-align:justify;
  439. margin-top: 5px;
  440. margin-bottom: 5px;
  441. margin-left: 5px;
  442. padding-left: 10px;
  443. border-left: 1px solid {color:blockquote};
  444. margin-right:5px;
  445. }
  446.  
  447. a {
  448. text-decoration: none;
  449. letter-spacing:.5px;
  450. color: {color:Link};
  451. }
  452.  
  453. small, sub {
  454. font-size:{select:text size};
  455. }
  456.  
  457. b, strong {
  458. font-weight:300;
  459. color:{color:Bold};
  460. font-size:calc({select:text size} + 2px);
  461. {block:IfStyledBold}
  462. font-size:calc({select:text size} + {select:styled bold size});
  463. font-family: {select:bold font};
  464. text-transform:lowercase;
  465. font-variant:none;
  466. {/block:IfStyledBold}
  467. {block:IfBoldenTheBold}
  468. font-weight:700;
  469. {/block:IfBoldenTheBold}
  470. }
  471.  
  472. i,em {
  473. color:{color:Italic};
  474. }
  475.  
  476. pre {
  477. border-bottom:2px solid {color:title};
  478. text-decoration:none;
  479. display:block;
  480. text-align:right;
  481. line-height:0.75;
  482. text-transform:lowercase;
  483. font-family:{select:body font};
  484. font-size:12px;
  485. color:{color:text};
  486. }
  487.  
  488. h1 {
  489. line-height:140%;
  490. font-size:calc({select:text size} + 2px);
  491. color:{color:title};
  492. font-weight:300;
  493. text-align:right;
  494. text-transform:{select:post titles};
  495. padding-right:5px;
  496. }
  497.  
  498. h2 {
  499. font-size:calc({select:text size} - 2px);
  500. color:{color:title};
  501. text-align:center;
  502. text-transform:uppercase;
  503. letter-spacing:3px;
  504. word-spacing:3px;
  505. }
  506.  
  507.  
  508. #bloggerback {
  509. position:fixed;
  510. margin-top:0px;
  511. margin-left:0px;
  512. }
  513.  
  514. #poppy {
  515. display:block;
  516. text-align:center;
  517. width:450px;
  518. }
  519.  
  520.  
  521. .popph {
  522. text-align:left;
  523. float:right;
  524. border-radius:{select:border radius};
  525. }
  526.  
  527. .popph img {
  528. width:120px;
  529. height:120px;
  530. border-radius:{select:border radius};
  531. padding:3px;
  532. border:1px solid {color:border};
  533. -webkit-filter: grayscale(0%);
  534. -webkit-transition: all 0.6s ease-in-out;
  535. -moz-transition: all 0.6s ease-in-out;
  536. -o-transition: all 0.6s ease-in-out;
  537. -ms-transition: all 0.6s ease-in-out;
  538. transition: all 0.6s ease-in-out;
  539. }
  540.  
  541. .popicons {
  542. text-align:center;
  543. float:right;
  544. margin-top:5px;
  545. }
  546.  
  547. .popicons img {
  548. display:inline-block;
  549. margin-right:10px;
  550. width:50px;
  551. height:50px;
  552. border-radius:50%;
  553. padding:3px;
  554. border:1px solid {color:border};
  555. -webkit-filter: grayscale(0%);
  556. -webkit-transition: all 0.6s ease-in-out;
  557. -moz-transition: all 0.6s ease-in-out;
  558. -o-transition: all 0.6s ease-in-out;
  559. -ms-transition: all 0.6s ease-in-out;
  560. transition: all 0.6s ease-in-out;
  561. }
  562.  
  563. #linksec {
  564. margin-top:20px;
  565. text-align:center;
  566. }
  567.  
  568. #linksec a {
  569. margin-right:5px;
  570. margin-bottom:5px;
  571. display:inline-block;
  572. font-family:karla;
  573. letter-spacing:1.5px;
  574. font-size:8px;
  575. text-align:center;
  576. padding:0px 5px 0px 5px;
  577. letter-spacing:2px;
  578. text-align:center;
  579. color:{color:entries};
  580. text-transform:uppercase;
  581. background-color:{color:title};
  582. border-radius:{select:border radius};
  583. {block:IfGradientBg}
  584. color:{color:gradient text};
  585. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  586. {/block:IfGradientBg}
  587. }
  588.  
  589.  
  590. #userinfo {
  591. margin-top:10px;
  592. text-align:left;
  593. text-transform:lowercase;
  594. color:{color:text};
  595. font-size:calc({select:text size} + 2px);
  596. }
  597.  
  598. #userinfo info {
  599. margin-right:0px;
  600. padding:3px 5px 5px 5px;
  601. line-height:26px;
  602. text-align:left;
  603. display:inline-block;
  604. margin-bottom:-2px;
  605. letter-spacing:0px;
  606. text-transform:lowercase;
  607. color:{color:text};
  608. font-size:calc({select:text size} + 2px);
  609. -webkit-transition: all 0.6s ease-in-out;
  610. -moz-transition: all 0.6s ease-in-out;
  611. -o-transition: all 0.6s ease-in-out;
  612. -ms-transition: all 0.6s ease-in-out;
  613. transition: all 0.6s ease-in-out;
  614. }
  615.  
  616. #userinfo info:before {
  617. content: "";
  618. margin-left:-15px;
  619. position: absolute;
  620. background-color:{color:border};
  621. height:1px;
  622. width:15px;
  623. margin-top:13px;
  624. }
  625.  
  626. #userinfo info:hover {
  627. -webkit-transition: all 0.6s ease-in-out;
  628. -moz-transition: all 0.6s ease-in-out;
  629. -o-transition: all 0.6s ease-in-out;
  630. -ms-transition: all 0.6s ease-in-out;
  631. transition: all 0.6s ease-in-out;
  632. }
  633.  
  634. #userinfo num {
  635. display:inline-block;
  636. text-align:center;
  637. margin-left:20px;
  638. margin-right:15px;
  639. font-family:karla;
  640. font-size:10px;
  641. width:10px;
  642. height:10px;
  643. line-height:10px;
  644. padding:8px;
  645. float:left;
  646. border-radius:50%;
  647. text-shadow:0px 1px 2px {color:navigation shadow};
  648. color:{color:entries};
  649. background-color:{color:title};
  650. {block:IfGradientBg}
  651. color:{color:gradient text};
  652. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  653. {/block:IfGradientBg}
  654. }
  655.  
  656. .muses {
  657. text-align:center;
  658. display:block;
  659. }
  660.  
  661. .muses img {
  662. display:inline-block;
  663. margin-right:10px;
  664. width:85px;
  665. height:85px;
  666. border-radius:50%;
  667. padding:3px;
  668. border:1px solid {color:border};
  669. -webkit-filter: grayscale(0%);
  670. -webkit-transition: all 0.6s ease-in-out;
  671. -moz-transition: all 0.6s ease-in-out;
  672. -o-transition: all 0.6s ease-in-out;
  673. -ms-transition: all 0.6s ease-in-out;
  674. transition: all 0.6s ease-in-out;
  675. }
  676.  
  677. #sideph {
  678. float:left;
  679. margin-right:10px;
  680. line-height:55px;
  681. }
  682.  
  683. #sideph img {
  684. float:left;
  685. width:55px;
  686. height:55px;
  687. border-radius:50%;
  688. padding:3px;
  689. border:1px solid {color:border};
  690. -webkit-filter: grayscale(0%);
  691. -webkit-transition: all 0.6s ease-in-out;
  692. -moz-transition: all 0.6s ease-in-out;
  693. -o-transition: all 0.6s ease-in-out;
  694. -ms-transition: all 0.6s ease-in-out;
  695. transition: all 0.6s ease-in-out;
  696. }
  697.  
  698. #sidetitle {
  699. background-color:{color:entries};
  700. {block:ifBorders}
  701. border:1px solid {color:border};
  702. {/block:ifBorders}
  703. width:150px;
  704. padding:10px 20px 10px 10px;
  705. line-height:150%;
  706. text-align:right;
  707. text-transform:lowercase;
  708. color:{color:title};
  709. font-size:calc({select:text size} + {select:sidebar title size});
  710. {block:IfStyledTitle}
  711. font-family: {select:bold font};
  712. text-transform:lowercase;
  713. font-variant:none;
  714. {/block:IfStyledTitle}
  715. {block:IfBoldenTheBold}
  716. font-weight:700;
  717. {/block:IfBoldenTheBold}
  718. }
  719.  
  720. .popup_block{
  721. display:none;
  722. background-color:{color:background};
  723. color:{color:text};
  724. padding:20px;
  725. float:left;
  726. position:fixed;
  727. top:50%;left:50%;
  728. z-index: 99999;
  729. }
  730.  
  731. *html #fade {position: absolute;}
  732. *html .popup_block {position: absolute;}
  733. #fade {
  734. display:none;
  735. position:fixed;
  736. left:0px;
  737. top:0px;
  738. width:100%;
  739. height:100%;
  740. z-index:9999;
  741. background:{color:background};
  742. }
  743.  
  744.  
  745. #bottomdetails {
  746. opacity:{select:opacity};
  747. position:fixed;
  748. z-index:9999999999999999999999;
  749. display:block;
  750. font-family:karla;
  751. letter-spacing:1.5px;
  752. word-spacing:5px;
  753. font-size:8px;
  754. text-align:center;
  755. left:0px;
  756. right:0px;
  757. bottom:0px;
  758. padding:15px;
  759. height:25px;
  760. line-height:15px;
  761. text-transform:uppercase;
  762. background-color:{color:entries};
  763. color:{color:text};
  764. {block:ifBorders}
  765. border-top:1px solid {color:border};
  766. {/block:IfBorders}
  767. }
  768.  
  769. #bottomdetails a {
  770. display:inline-block;
  771. padding:0px 5px 0px 5px;
  772. letter-spacing:2px;
  773. text-align:center;
  774. color:{color:entries};
  775. text-transform:uppercase;
  776. background-color:{color:title};
  777. border-radius:{select:border radius};
  778. {block:IfGradientBg}
  779. color:{color:gradient text};
  780. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  781. {/block:IfGradientBg}
  782. }
  783.  
  784. #navigation {
  785. display:block;
  786. text-align:left;
  787. margin-top:0px;
  788. width:160px;
  789. padding:10px;
  790. {block:ifBorders}
  791. border:1px solid {color:border};
  792. {/block:ifBorders}
  793. background-color:{color:entries};
  794. }
  795.  
  796. #navigation a {
  797. width:140px;
  798. margin-right:0px;
  799. padding:5px 10px 5px 10px;
  800. line-height:25px;
  801. text-align:left;
  802. display:inline-block;
  803. border-radius:{select:border radius};
  804. margin-bottom:3px;
  805. letter-spacing:0px;
  806. text-transform:lowercase;
  807. color:{color:text};
  808. font-size:calc({select:text size} + 1px);
  809. -webkit-transition: all 0.6s ease-in-out;
  810. -moz-transition: all 0.6s ease-in-out;
  811. -o-transition: all 0.6s ease-in-out;
  812. -ms-transition: all 0.6s ease-in-out;
  813. transition: all 0.6s ease-in-out;
  814. }
  815.  
  816. #navigation a:before {
  817. content: "";
  818. margin-left:-15px;
  819. position: absolute;
  820. background-color:{color:border};
  821. height:1px;
  822. width:15px;
  823. margin-top:12px;
  824. }
  825.  
  826. #navigation a:first-letter {
  827. font-weight:bold;
  828. color:{color:bold};
  829. text-transform:lowercase;
  830. border-bottom:2px solid {color:border};
  831. }
  832.  
  833. #navigation a:hover {
  834. -webkit-transition: all 0.6s ease-in-out;
  835. -moz-transition: all 0.6s ease-in-out;
  836. -o-transition: all 0.6s ease-in-out;
  837. -ms-transition: all 0.6s ease-in-out;
  838. transition: all 0.6s ease-in-out;
  839. }
  840.  
  841. #navigation sym {
  842. display:inline-block;
  843. text-align:center;
  844. margin-right:15px;
  845. font-weight:900;
  846. font-family:arial;
  847. font-size:9px;
  848. width:9px;
  849. height:9px;
  850. line-height:9px;
  851. padding:8px;
  852. float:left;
  853. border-radius:50%;
  854. text-shadow:0px 1px 2px {color:navigation shadow};
  855. color:{color:entries};
  856. background-color:{color:title};
  857. {block:IfGradientBg}
  858. color:{color:gradient text};
  859. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  860. {/block:IfGradientBg}
  861. }
  862.  
  863. #bloggerdeets {
  864. margin-bottom:3px;
  865. margin-top:3px;
  866. padding:10px;
  867. {block:ifBorders}
  868. border:1px solid {color:border};
  869. {/block:ifBorders}
  870. background-color:{color:entries};
  871. display:block;
  872. width:160px;
  873. overflow:auto;
  874. max-height: 150px;
  875. text-align:justify;
  876. {block:IfUppercaseDescOption}
  877. font-size:7px;
  878. font-family:ABeeZee;
  879. text-transform:uppercase;
  880. line-height:13px;
  881. letter-spacing:1px;
  882. {/block:IfUppercaseDescOption}
  883. {block:IfSmallcapsDescOption}
  884. font-size:7px;
  885. font-family:Saira Semi Condensed;
  886. text-transform:uppercase;
  887. line-height:14px;
  888. letter-spacing:1.5px;
  889. font-variant:small-caps;
  890. {/block:IfSmallcapsDescOption}
  891. }
  892.  
  893. #postshit {
  894. padding:30px;
  895. margin-top:-55px;
  896. }
  897.  
  898. #postshit ol.notes {
  899. list-style-type: none;
  900. margin: 0;
  901. padding: 0;
  902. }
  903.  
  904. #postshit li {
  905. list-style-type:none;
  906. padding:5px;
  907. }
  908.  
  909. #postshit li.note.like:before {
  910. text-align:center;
  911. font-size:9px;
  912. padding:4px;
  913. color:{color:entries};
  914. background-color:{color:bold};
  915. content:'\e155';
  916. border-radius:{select:border radius};
  917. }
  918.  
  919. #postshit li.note.reblog:before {
  920. text-align:center;
  921. font-size:9px;
  922. padding:4px;
  923. color:{color:entries};
  924. background-color:{color:title};
  925. content:'\e3db';
  926. border-radius:{select:border radius};
  927. }
  928.  
  929. #postshit li.note.reply:before {
  930. text-align:center;
  931. font-size:9px;
  932. padding:4px;
  933. color:{color:entries};
  934. background-color:{color:title};
  935. content:'\e418';
  936. border-radius:{select:border radius};
  937. }
  938.  
  939. #postshit img.avatar {
  940. margin-right: 5px;
  941. border-radius:{select:border radius};
  942. width: 0px;
  943. height: 0px;
  944. }
  945.  
  946. #contain {
  947. margin:50px auto;
  948. width: calc({select:post size}px + 300px);
  949. height:435px;
  950. padding:30px;
  951. }
  952.  
  953. #entries {
  954. position:absolute;
  955. width:{select:post size}px;
  956. margin-left:300px;
  957. padding-right:12px;
  958. margin-top:0px;
  959. padding-bottom:60px;
  960. }
  961.  
  962. #entry {
  963. background-color:{color:Entries};
  964. margin-bottom:80px;
  965. border-radius:{select:border radius};
  966. {block:IfBorders}
  967. border:1px solid {color:border};
  968. {/block:IfBorders}
  969. padding:10px;
  970. opacity:{select:opacity};
  971. }
  972.  
  973. .photoset {
  974. width:100%;
  975. {block:IfGrayscalePosts}
  976. -webkit-filter: grayscale(100%);
  977. -webkit-transition: all 0.6s ease-in-out;
  978. -moz-transition: all 0.6s ease-in-out;
  979. -o-transition: all 0.6s ease-in-out;
  980. -ms-transition: all 0.6s ease-in-out;
  981. transition: all 0.6s ease-in-out;
  982. {/block:IfGrayscalePosts}
  983. }
  984.  
  985. .photoset:hover {
  986. -webkit-filter: grayscale(0%);
  987. -webkit-transition: all 0.6s ease-in-out;
  988. -moz-transition: all 0.6s ease-in-out;
  989. -o-transition: all 0.6s ease-in-out;
  990. -ms-transition: all 0.6s ease-in-out;
  991. transition: all 0.6s ease-in-out;
  992. }
  993.  
  994. .video {
  995. width:350px!important;}
  996.  
  997. .video iframe {
  998. width:350px!important;}
  999.  
  1000. img {
  1001. max-width: 100%;
  1002. {block:IfGrayscalePosts}
  1003. -webkit-filter: grayscale(100%);
  1004. -webkit-transition: all 0.6s ease-in-out;
  1005. -moz-transition: all 0.6s ease-in-out;
  1006. -o-transition: all 0.6s ease-in-out;
  1007. -ms-transition: all 0.6s ease-in-out;
  1008. transition: all 0.6s ease-in-out;
  1009. {/block:IfGrayscalePosts}
  1010. }
  1011.  
  1012. img:hover {
  1013. -webkit-filter: grayscale(0%);
  1014. -webkit-transition: all 0.6s ease-in-out;
  1015. -moz-transition: all 0.6s ease-in-out;
  1016. -o-transition: all 0.6s ease-in-out;
  1017. -ms-transition: all 0.6s ease-in-out;
  1018. transition: all 0.6s ease-in-out;
  1019. }
  1020.  
  1021.  
  1022. #posttitles {
  1023. font-family:{select:body font};
  1024. line-height:140%;
  1025. font-size:calc({select:text size} + 2px);
  1026. color:{color:title};
  1027. font-weight:300;
  1028. text-align:right;
  1029. text-transform:{select:post titles};
  1030. padding-right:5px;
  1031. }
  1032.  
  1033. .qa1 {
  1034. display:block;
  1035. background-color:{color:background};
  1036. color:{color:text};
  1037. padding:15px;
  1038. text-align:justify;
  1039. {block:ifBorders};
  1040. border:1px solid {color:border};
  1041. {/block:ifBorders}
  1042. }
  1043.  
  1044. .qa2 {
  1045. display:block;
  1046. text-transform:uppercase;
  1047. padding:10px;
  1048. text-align:right;
  1049. background-color:{color:bold};
  1050. color:{color:entries};
  1051. {block:IfGradientBg}
  1052. color:{color:gradient text};
  1053. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  1054. {/block:IfGradientBg}
  1055. }
  1056.  
  1057. #ask {
  1058. text-align:center;
  1059. line-height:120%;
  1060. color:{color:text};
  1061. padding:0px;
  1062. }
  1063.  
  1064. .ask {
  1065. float:left;
  1066. z-index:10;
  1067. font-size:11px;
  1068. font-family:{select:body font};
  1069. text-align:center;
  1070. font-weight:bold;
  1071. text-transform:lowercase;
  1072. letter-spacing:1px;
  1073. line-height:14px;
  1074. color:{color:entries};
  1075. background-color:{color:title};
  1076. margin-top:-13px;
  1077. margin-right:0px;
  1078. margin-left:0px;
  1079. border-radius:{select:border radius};
  1080. padding-left:10px;
  1081. padding-right:10px;
  1082. padding-top:5px;
  1083. padding-bottom:5px;
  1084. }
  1085.  
  1086. .ask a {
  1087. color:{color:entries};
  1088. }
  1089.  
  1090. .askline {
  1091. height:1px;
  1092. margin-top:5px;
  1093. margin-left:0px;
  1094. background-color:{color:Border};
  1095. z-index:-1;
  1096. word-wrap:break-word;
  1097. }
  1098.  
  1099. .question {
  1100. color:{color:text};
  1101. font-size:{text:small text size};
  1102. padding:15px;
  1103. display:block;
  1104. text-align:justify;
  1105. margin-left:5px;
  1106. word-wrap:break-word;
  1107. border-left:1px solid {color:border};
  1108.  
  1109. }
  1110.  
  1111. #questionbox {
  1112. word-wrap:break-word;
  1113. padding:10px;
  1114.  
  1115. }
  1116.  
  1117.  
  1118. #ans {
  1119. text-align:justify;
  1120. padding-top:2px;
  1121. display:block;
  1122. margin-top:20px;
  1123. color:{color:text};
  1124. }
  1125.  
  1126. .playbutton {
  1127. width:25px;
  1128. height:25px;
  1129. overflow:hidden;
  1130. position:relative;
  1131. margin-top:10px;
  1132. margin-left:13px;
  1133. z-index:9;
  1134. border-radius:3px;
  1135. opacity:.7;
  1136. }
  1137.  
  1138. .albumart img {
  1139. height:50px;
  1140. width:50px;
  1141. position:relative;
  1142. margin-top:-28px;
  1143. margin-left:0px;
  1144. border-radius:3px;
  1145. }
  1146.  
  1147. .albumdetails {
  1148. margin-top:-55px;
  1149. text-align:right;
  1150. float:right;
  1151. padding:5px;
  1152. text-transform:lowercase;
  1153. }
  1154.  
  1155. .albumdetails oth {
  1156. border-bottom:2px solid {color:title};
  1157. text-align:right;
  1158. line-height:70%;
  1159. display:inline-block;
  1160. letter-spacing:0px;
  1161. text-transform:uppercase;
  1162. color:{color:text};
  1163. margin-right:5px;
  1164. font-size: calc({text:body text size} + 2px);
  1165. }
  1166.  
  1167. .audiocaption {
  1168. display:block;
  1169. text-align:left;
  1170. }
  1171.  
  1172. .chats {
  1173. display:block;
  1174. padding:10px;
  1175. }
  1176.  
  1177. .chats nms {
  1178. display:inline-block;
  1179. margin-right:10px;
  1180. font-family:karla;
  1181. font-size:8px;
  1182. padding:0px 5px 0px 5px;
  1183. letter-spacing:2px;
  1184. text-align:center;
  1185. color:{color:entries};
  1186. text-transform:uppercase;
  1187. background-color:{color:title};
  1188. {block:IfGradientBg}
  1189. color:{color:gradient text};
  1190. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  1191. {/block:IfGradientBg}
  1192. }
  1193.  
  1194. #perma {
  1195. border-bottom:1px solid {color:border};
  1196. padding:0px 15px 10px 15px;
  1197. margin-left:-10px;
  1198. margin-right:-10px;
  1199. margin-bottom:10px;
  1200. display:block;
  1201. font-family:karla;
  1202. letter-spacing:1px;
  1203. text-transform:uppercase;
  1204. font-size:8px;
  1205. }
  1206.  
  1207. #tags2 {
  1208. display:block;
  1209. border-top:1px solid {color:border};
  1210. padding:10px 15px 0px 15px;
  1211. margin-top:10px;
  1212. margin-right:-10px;
  1213. margin-left:-10px;
  1214. font-family:karla;
  1215. letter-spacing:1px;
  1216. text-transform:uppercase;
  1217. font-size:8px;
  1218. }
  1219.  
  1220. #permalink {
  1221. text-align: center;
  1222. position: relative;
  1223. font-size:10px;
  1224. text-transform:lowercase;
  1225. margin-top: 20px;
  1226. display:block;
  1227. padding: 10px;
  1228. border-radius:{select:border radius};
  1229. {block:IfBorders}
  1230. border:1px solid {color:border};
  1231. {/block:IfBorders}
  1232. background-color:{color:permalink};
  1233. }
  1234.  
  1235. #permalink a {
  1236. border-bottom:none;
  1237. }
  1238.  
  1239. .date {
  1240. color:{color:text};
  1241. font-size:9px;
  1242. z-index:10;
  1243. text-transform:lowercase;
  1244. border:none;
  1245. text-align:right;
  1246. }
  1247.  
  1248. .date iconback {
  1249. width:10px;
  1250. margin-right:0px;
  1251. height:10px;
  1252. font-size:9px;
  1253. background-color:{color:Permalink Icons};
  1254. line-height:10px;
  1255. padding:10px;
  1256. text-align:center;
  1257. border-radius:{select:border radius};
  1258. display:inline-block;
  1259. {block:IfBorders}
  1260. border:1px solid {color:border};
  1261. {/block:IfBorders}
  1262. {block:IfGradientBg}
  1263. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  1264. color:{color:entries};
  1265. {/block:IfGradientBg}
  1266. }
  1267.  
  1268. .date iconback a {
  1269. color:{color:text};
  1270. {block:IfGradientBg}
  1271. color:{color:gradient text};
  1272. {/block:IfGradientBg}
  1273. }
  1274.  
  1275. .tags {
  1276. color:{color:tags};
  1277. margin-top:10px;
  1278. text-align:right;
  1279. text-transform:lowercase;
  1280. border:none;
  1281. {block:IfUppercaseTags}
  1282. text-transform:uppercase;
  1283. font-size:8px;
  1284. font-family:karla;
  1285. {/block:IfUppercaseTags}
  1286. }
  1287.  
  1288. .tags a{
  1289. color:{color:tags};
  1290. padding:5px;
  1291. }
  1292.  
  1293.  
  1294. #searching {
  1295. text-align:right;
  1296. margin-right:70px;
  1297. display:inline-block;
  1298. border-radius:{select:border radius};
  1299. text-transform:uppercase;
  1300. letter-spacing:1.5px;
  1301. font-family:karla;
  1302. font-size:8px;
  1303. padding:5px 7px 2px 5px;
  1304. width:90px;
  1305. color:{color:text};
  1306. -webkit-transition: all 0.6s ease-in-out;
  1307. -moz-transition: all 0.6s ease-in-out;
  1308. -o-transition: all 0.6s ease-in-out;
  1309. -ms-transition: all 0.6s ease-in-out;
  1310. transition: all 0.6s ease-in-out;
  1311. }
  1312.  
  1313. .sfm:before {
  1314. content:'\eaa6';
  1315. font-family:'honeybee';
  1316. font-size:10px;
  1317. float:left;
  1318. color:{color:bold};
  1319. }
  1320.  
  1321. .sfm input {
  1322. line-height:9px;
  1323. text-align:right;
  1324. width:70px;
  1325. background-color:transparent;
  1326. color: {color:text};
  1327. border:none;
  1328. font-family:{select:body font};
  1329. border-radius:{select:border radius};
  1330. text-transform:uppercase;
  1331. letter-spacing:1.5px;
  1332. font-family:karla;
  1333. font-size:8px;
  1334. }
  1335.  
  1336. .more-btn-wrap{
  1337. position: relative;
  1338. padding: 20px 0;
  1339. width: 100%;
  1340. }
  1341.  
  1342. .more-btn-wrap a:link{
  1343. position: relative;
  1344. left: calc(50% - 37px);
  1345. display:inline-block;
  1346. padding:3px 8px 3px 10px;
  1347. font-family:karla;
  1348. font-size:8px;
  1349. letter-spacing:1.5px;
  1350. text-align:center;
  1351. color:{color:entries};
  1352. text-transform:uppercase;
  1353. background-color:{color:title};
  1354. {block:IfGradientBg}
  1355. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  1356. color:{color:gradient text};
  1357. {/block:IfGradientBg}
  1358. -webkit-transition: all 0.7s ease;
  1359. -moz-transition: all 0.7s ease;
  1360. -o-transition: all 0.7s ease;
  1361. transition: all 0.7s ease;
  1362. }
  1363. .more-btn-wrap a:hover{
  1364. letter-spacing:3px;
  1365. }
  1366.  
  1367. #credit {
  1368. font-size:12px;
  1369. float:center;
  1370. position:fixed;
  1371. bottom:65px;
  1372. right:10px;
  1373. font-family:Roboto Mono;
  1374. text-transform:lowercase;
  1375. padding:8px;
  1376. border-radius:{select:border radius};
  1377. color:{color:title};
  1378. background-color:{color:entries};
  1379. {block:IfBorders}
  1380. border:1px solid {color:border};
  1381. {/block:IfBorders}
  1382. }
  1383.  
  1384. #credit a {
  1385. color:{color:title};
  1386. }
  1387.  
  1388. </style>
  1389.  
  1390. </head>
  1391.  
  1392. <body>
  1393.  
  1394. <div id="bottomdetails">
  1395. <div id="searching"><form action="/search" method="get" class="sfm" name="theform">
  1396. <input type="text" name="q" value="search"/>
  1397. </form>
  1398. </div> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {/block:Pagination}
  1399.  
  1400. {text:online counter} online / {text:total counter} hits
  1401. </div>
  1402.  
  1403.  
  1404. <div id="contain">
  1405.  
  1406.  
  1407. <div id="bloggerback">
  1408.  
  1409. <div id="sidetitle">{text:side title}</div>
  1410.  
  1411. <div id="bloggerdeets">
  1412. <div id="sideph">
  1413. <img src="{image:Icon}"></div>
  1414. {block:IfDefaultDescription}
  1415. {description}
  1416. {/block:IfDefaultDescription}
  1417. {block:IfTextInputDescription}
  1418. {text:text input description}
  1419. {/block:IfTextInputDescription}
  1420. </div>
  1421.  
  1422.  
  1423. <div id="navigation">
  1424. <a href="/"><sym><span class="th th-home-o"></span></sym>index.</um></a><br>
  1425. <a href="/ask"><sym><span class="th th-envelope-o"></span></um></sym>message.</a><br>
  1426. <a href="#?w=450" rel="abt" class="poplight"><sym><span class="th th-earth-o"></span></sym>about.</um></a><br>
  1427. {block:ifMusesPopup}
  1428. <a href="#?w=450" rel="muses" class="poplight"><sym><span class="th th-users-o"></span></sym>muses.</um></a>
  1429. {/block:ifMusesPopup}
  1430. </div>
  1431.  
  1432. </div>
  1433.  
  1434.  
  1435.  
  1436. <div id="entries">
  1437. {block:Posts}
  1438. <div id="entry">
  1439.  
  1440. {block:IfPermalinkStyle2}
  1441. <div id="perma">
  1442. {block:Date}{TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1443.  
  1444. <span style="float:right">
  1445. <a href="{ReblogURL}"target="_blank">reblog</a>
  1446. {block:RebloggedFrom}/ <a href="{ReblogParentURL}">via</a> / <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  1447. </span>
  1448. </div>
  1449. {/block:IfPermalinkStyle2}
  1450.  
  1451. {block:Text}
  1452. <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
  1453. {Body}
  1454. {block:More}
  1455. <div class="more-btn-wrap">
  1456. <a href="{Permalink}" class="more-btn">
  1457. Read More
  1458. </a>
  1459. </div>
  1460. {/block:More}
  1461. {/block:Text}
  1462.  
  1463. {block:Photo}
  1464. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  1465. {block:Caption}{Caption}
  1466. {/block:Caption}
  1467. {/block:Photo}
  1468.  
  1469. {block:Photoset}
  1470. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<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>
  1471. {block:Caption}{Caption}
  1472. {/block:Caption}
  1473. {/block:Photoset}
  1474.  
  1475. {block:Quote}
  1476. <div id="posttitles">{Quote}</div>
  1477. {block:Source}<br>—{Source}{/block:Source}
  1478. {/block:Quote}
  1479.  
  1480. {block:Link}
  1481. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  1482. {block:Description}{Description}{/block:Description}
  1483. {/block:Link}
  1484.  
  1485. {block:Chat}
  1486. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  1487. {block:Lines}
  1488. <div class="chats">
  1489. {block:Label}<nms>{Label}</nms>{/block:Label} {Line}
  1490. </div>
  1491. {/block:Lines}
  1492. {/block:Chat}
  1493.  
  1494. {block:Audio}
  1495. {block:AudioPlayer}
  1496. <div class="playbutton">{AudioPlayerGrey}</div>
  1497. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1498. <div class="albumdetails">
  1499. {block:TrackName}<oth>track:</oth> {TrackName}{/block:TrackName}<br>
  1500. {block:Artist}<oth>artist:</oth> {Artist}{/block:Artist}<br>
  1501. {block:PlayCount}<oth>plays:</oth> {PlayCount}{/block:PlayCount}
  1502. </div>
  1503. <div class="audiocaption">
  1504. {block:Caption}{Caption}{/block:Caption}
  1505. </div>
  1506. {/block:AudioPlayer}
  1507. {/block:Audio}
  1508.  
  1509.  
  1510.  
  1511. {block:Video}<div class="video">{Video-500}</div>
  1512. {block:Caption}{Caption}{/block:Caption}
  1513. {/block:Video}
  1514.  
  1515. {block:Answer}
  1516. {block:ifAskStyle1}
  1517. <div id="questionbox"><div class="question">{Question}</div><div class="askline"></div><div class="ask">{Asker}</div></div>
  1518. <div id="ans">{Answer}
  1519. {block:More}
  1520. <div class="more-btn-wrap">
  1521. <a href="{Permalink}" class="more-btn">
  1522. Read More
  1523. </a>
  1524. </div>
  1525. {/block:More}
  1526. </div>
  1527. {/block:ifAskStyle1}
  1528.  
  1529. {block:ifAskStyle2}
  1530. <div class="qa1">{Question}</div>
  1531. <div class="qa2">{Asker} sent in an message saying...</div>
  1532. <div id="ans">{Answer}
  1533. {block:More}
  1534. <div class="more-btn-wrap">
  1535. <a href="{Permalink}" class="more-btn">
  1536. Read More
  1537. </a>
  1538. </div>
  1539. {/block:More}
  1540. </div>
  1541. {/block:ifAskStyle2}
  1542. {/block:Answer}
  1543.  
  1544. {block:ifPermalinkStyle1}
  1545. <div id="permalink">
  1546. <div class="date">
  1547. <iconback><a href="{Permalink}" title="{block:Date}{TimeAgo}{/block:Date}"><span class="th th-push-pin-o"></span></a></iconback>
  1548.  
  1549. <iconback><a href="{Permalink}" title="{NoteCountWithLabel}"><span class="th th-heart-1-o"></span></a></iconback>
  1550.  
  1551. <iconback><a href="{ReblogURL}" title="reblog this post" target="_blank"><span class="th th-reblog"></span></a></iconback>
  1552.  
  1553. {block:RebloggedFrom}
  1554.  
  1555. <iconback><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><span class="th th-return"></span></a></iconback>
  1556.  
  1557. <iconback><a href="{ReblogRootURL}"title="{ReblogRoottitle}"><span class="th th-user-o"></span></a></iconback>
  1558.  
  1559. {/block:RebloggedFrom}</div>
  1560.  
  1561.  
  1562. </div>
  1563.  
  1564. <div class="tags">{block:HasTags} {block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1565.  
  1566. {/block:ifPermalinkStyle1}
  1567.  
  1568. {block:IfPermalinkStyle2}
  1569. {block:HasTags} <div id="tags2">{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1570. {/block:IfPermalinkStyle2}
  1571.  
  1572. <!-- /div entry --->
  1573. </div>
  1574.  
  1575.  
  1576. {/block:Posts}
  1577.  
  1578. {block:PostNotes}
  1579. <div id="postshit">{PostNotes}</div>
  1580. {/block:PostNotes}
  1581.  
  1582.  
  1583. </div></div>
  1584.  
  1585. <div id="credit"><a href="https://scftlcves.tumblr.com/"><span class="th th-heart-1-o"></span></a></div>
  1586.  
  1587. <script>
  1588. $(document).ready(function(){
  1589. $('.photo-slideshow').pxuPhotoset({
  1590. lightbox: true,
  1591. rounded: false,
  1592. gutter: '1px',
  1593. borderRadius: '0px',
  1594. photoset: '.photo-slideshow',
  1595. photoWrap: '.photo-data',
  1596. photo: '.pxu-photo',
  1597. });
  1598. });
  1599. </script>
  1600.  
  1601. </body>
  1602.  
  1603. <div id="abt" class="popup_block">
  1604. <div id="poppy">
  1605.  
  1606. <div id="userinfo">
  1607.  
  1608. <div class="popph"><img src="{image:popphoto}"></div>
  1609.  
  1610. <div class="popicons">
  1611. <img src="{image:popicon1}">
  1612. <br>
  1613. <img src="{image:popicon2}">
  1614. </div>
  1615.  
  1616. <info><num>01</num> {text:popup detail one}<br></info><br>
  1617. <info><num>02</num> {text:popup detail two}<br></info><br>
  1618. <info><num>03</num> {text:popup detail three}<br></info><br>
  1619. <info><num>04</num> {text:popup detail four}<br></info>
  1620. </div>
  1621.  
  1622. <br>
  1623.  
  1624. {block:ifLinkSection}
  1625. <div id="linksec">
  1626.  
  1627. <h2>blog navigation</h2>
  1628. <br>
  1629. <a href="{text:link one url}">{text:link one text}</a>
  1630. <a href="{text:link two url}">{text:link two text}</a>
  1631. <a href="{text:link three url}">{text:link three text}</a>
  1632. <a href="{text:link four url}">{text:link four text}</a>
  1633. {block:ifMoreLinks}
  1634. <a href="{text:link five url}">{text:link five text}</a>
  1635. <a href="{text:link six url}">{text:link six text}</a>
  1636. <a href="{text:link seven url}">{text:link seven text}</a>
  1637. <a href="{text:link eight url}">{text:link eight text}</a>
  1638. {block:ifEvenMoreLinks}
  1639. <a href="{text:link nine url}">{text:link nine text}</a>
  1640. <a href="{text:link ten url}">{text:link ten text}</a>
  1641. <a href="{text:link eleven url}">{text:link eleven text}</a>
  1642. <a href="{text:link twelve url}">{text:link twelve text}</a>
  1643. {/block:ifEvenMoreLinks}
  1644. {/block:ifMoreLinks}
  1645. </div>
  1646. {/block:ifLinkSection}
  1647.  
  1648. </div>
  1649. </div>
  1650.  
  1651. <div id="muses" class="popup_block">
  1652. <div class="muses">
  1653. {block:ifLinkedMuses}<a href="{text:muse 1 link}">{/block:ifLinkedMuses}<img src="{image:muse1}" title="{text:muse 1 name}"></a>
  1654.  
  1655. {block:ifLinkedMuses}<a href="{text:muse 2 link}">{/block:ifLinkedMuses}<img src="{image:muse2}" title="{text:muse 2 name}"></a>
  1656.  
  1657. {block:ifLinkedMuses}<a href="{text:muse 3 link}">{/block:ifLinkedMuses}<img src="{image:muse3}" title="{text:muse 3 name}"></a>
  1658.  
  1659. {block:ifLinkedMuses}<a href="{text:muse 4 link}">{/block:ifLinkedMuses}<img src="{image:muse4}" title="{text:muse 4 name}"></a>
  1660.  
  1661. <br>
  1662.  
  1663. {block:ifEightMuses}
  1664.  
  1665. {block:ifLinkedMuses}<a href="{text:muse 5 link}">{/block:ifLinkedMuses}<img src="{image:muse5}" title="{text:muse 5 name}"></a>
  1666.  
  1667. {block:ifLinkedMuses}<a href="{text:muse 6 link}">{/block:ifLinkedMuses}<img src="{image:muse6}" title="{text:muse 6 name}"></a>
  1668.  
  1669. {block:ifLinkedMuses}<a href="{text:muse 7 link}">{/block:ifLinkedMuses}<img src="{image:muse7}" title="{text:muse 7 name}"></a>
  1670.  
  1671. {block:ifLinkedMuses}<a href="{text:muse 8 link}">{/block:ifLinkedMuses}<img src="{image:muse8}" title="{text:muse 8 name}"></a>
  1672.  
  1673. <br>
  1674.  
  1675. {block:ifTwelveMuses}
  1676.  
  1677. {block:ifLinkedMuses}<a href="{text:muse 9 link}">{/block:ifLinkedMuses}<img src="{image:muse9}" title="{text:muse 9 name}"></a>
  1678.  
  1679. {block:ifLinkedMuses}<a href="{text:muse 10 link}">{/block:ifLinkedMuses}<img src="{image:muse10}" title="{text:muse 10 name}"></a>
  1680.  
  1681. {block:ifLinkedMuses}<a href="{text:muse 11 link}">{/block:ifLinkedMuses}<img src="{image:muse11}" title="{text:muse 11 name}"></a>
  1682.  
  1683. {block:ifLinkedMuses}<a href="{text:muse 12 link}">{/block:ifLinkedMuses}<img src="{image:muse12}" title="{text:muse 12 name}"></a>
  1684.  
  1685. <br>
  1686.  
  1687. {block:ifSixteenMuses}
  1688.  
  1689. {block:ifLinkedMuses}<a href="{text:muse 13 link}">{/block:ifLinkedMuses}<img src="{image:muse13}" title="{text:muse 13 name}"></a>
  1690.  
  1691. {block:ifLinkedMuses}<a href="{text:muse 14 link}">{/block:ifLinkedMuses}<img src="{image:muse14}" title="{text:muse 14 name}"></a>
  1692.  
  1693. {block:ifLinkedMuses}<a href="{text:muse 15 link}">{/block:ifLinkedMuses}<img src="{image:muse15}" title="{text:muse 15 name}"></a>
  1694.  
  1695. {block:ifLinkedMuses}<a href="{text:muse 16 link}">{/block:ifLinkedMuses}<img src="{image:muse16}" title="{text:muse 16 name}"></a>
  1696.  
  1697.  
  1698. {/block:ifEightMuses}
  1699. {/block:ifTwelveMuses}
  1700. {/block:ifSixteenMuses}
  1701.  
  1702. </div></div>
  1703.  
  1704. </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!