API tools faq
paste
Advertisement
scftlcves

#48 / alamort (non-contained)

scftlcves
Dec 29th, 2018
1,207
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.06 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|Cabin|Karla|Muli|Open+Sans|Oxygen|Roboto+Mono|Saira Semi Condensed" 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 #48 - alamort (non-contained) (@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:Sidebar" content="https://via.placeholder.com/350x150">
  37. <meta name="image:Sidebar BG" content="https://via.placeholder.com/350x300"/>
  38. <meta name="image:Background" content=""/>
  39.  
  40. <meta name="color:Background" content="#f0f0f0"/>
  41. <meta name="color:Blockquote" content="#e7e7e7"/>
  42. <meta name="color:Bold" content="bd9482"/>
  43. <meta name="color:Border" content="#e7e7e7"/>
  44. <meta name="color:Entries" content="#f3f3f3"/>
  45. <meta name="color:Gradient One" content="c1afd4"/>
  46. <meta name="color:Gradient Two" content="aed4b9"/>
  47. <meta name="color:Gradient Text" content="bebebe"/>
  48. <meta name="color:Italic" content="bd9482"/>
  49. <meta name="color:Link" content="#313131"/>
  50. <meta name="color:Permalink" content="#f0f0f0"/>
  51. <meta name="color:Permalink Icons" content="#f8f8f8"/>
  52. <meta name="color:Scrollbar" content="#bd9482"/>
  53. <meta name="color:Tags" content="#bd9482"/>
  54. <meta name="color:Text" content="#5a5a5a"/>
  55. <meta name="color:Title" content="#bd9482"/>
  56.  
  57. <meta name="select:Bullet symbol" content="\ebc6" title="Arrow" />
  58. <meta name="select:Bullet symbol" content="\ec56" title="Circle" />
  59. <meta name="select:Bullet symbol" content="\ea55" title="Heart" />
  60. <meta name="select:Bullet symbol" content="\eabe" title="Minus" />
  61. <meta name="select:Bullet symbol" content="\eb21" title="Plus" />
  62. <meta name="select:Bullet symbol" content="\eb2f" title="Push pin" />
  63. <meta name="select:Bullet symbol" content="\eb68" title="Star" />
  64. <meta name="select:Bullet symbol" content="\eca9" title="Quote 1" />
  65. <meta name="select:Bullet symbol" content="\eca8" title="Quote 2" />
  66. <meta name="select:Bullet symbol" content="\eacc" title="X 1" />
  67. <meta name="select:Bullet symbol" content="\ec8e" title="X 2" />
  68.  
  69. <meta name="select:Border radius" content="0px" title="0px" />
  70. <meta name="select:Border radius" content="3px" title="3px" />
  71. <meta name="select:Border radius" content="5px" title="5px" />
  72. <meta name="select:Border radius" content="8px" title="8px" />
  73.  
  74. <meta name="select:Opacity" content="1.0" title="100%" />
  75. <meta name="select:Opacity" content="0.9" title="90%" />
  76. <meta name="select:Opacity" content="0.8" title="80%" />
  77. <meta name="select:Opacity" content="0.7" title="70%" />
  78. <meta name="select:Opacity" content="0.6" title="60%" />
  79.  
  80. <meta name="select:Post titles" content="uppercase" title="Uppercase" />
  81. <meta name="select:Post titles" content="lowercase" title="Lowercase" />
  82.  
  83. <meta name="select:Body font" content="ABeeZee" title="ABeeZee" />
  84. <meta name="select:Body font" content="Cabin" title="Cabin" />
  85. <meta name="select:Body font" content="Karla" title="Karla" />
  86. <meta name="select:Body font" content="Muli" title="Muli" />
  87. <meta name="select:Body font" content="Open Sans" title="Open Sans" />
  88. <meta name="select:Body font" content="Oxygen" title="Oxygen" />
  89. <meta name="select:Body font" content="Roboto Mono" title="Roboto Mono" />
  90.  
  91. <meta name="select:Text size" content="9px" title="9px"/>
  92. <meta name="select:Text size" content="10px" title="10px"/>
  93. <meta name="select:Text size" content="11px" title="11px"/>
  94. <meta name="select:Text size" content="12px" title="12px"/>
  95.  
  96. <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. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.">
  97.  
  98. <meta name="text:Sidebar title" content="Lorem ipsum dolor sit amet"/>
  99. <meta name="text:Online counter" content="freehostedscripts"/>
  100. <meta name="text:Total counter" content="freehostedscripts"/>
  101.  
  102. <meta name="text:Link one url" content="oneurl">
  103. <meta name="text:Link one text" content="one">
  104. <meta name="text:Link two url" content="twourl">
  105. <meta name="text:Link two text" content="two">
  106.  
  107. <meta name="select:Post size" content="500" title="500px" />
  108. <meta name="select:Post size" content="450" title="450px" />
  109. <meta name="select:Post size" content="400" title="400px" />
  110. <meta name="select:Post size" content="350" title="350px" />
  111. <meta name="select:Post size" content="300" title="300px" />
  112. <meta name="select:Post size" content="250" title="250px" />
  113.  
  114. <meta name="if:Gradient BG" content="1"/>
  115. <meta name="if:Styled bold" content="1"/>
  116. <meta name="if:Both sidebars" content="0"/>
  117. <meta name="if:Permalink style 1" content="1"/>
  118. <meta name="if:Permalink style 2" content="1"/>
  119. <meta name="if:Text input description" content="1"/>
  120. <meta name="if:Default description" content="0"/>
  121. <meta name="if:Borders" content="1"/>
  122. <meta name="if:Grayscale posts" content="0"/>
  123. <meta name="if:Uppercase tags" content="1"/>
  124. <meta name="if:Uppercase desc option" content="0"/>
  125. <meta name="if:Smallcaps desc option" content="0"/>
  126.  
  127.  
  128. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  129.  
  130. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  131.  
  132. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script
  133.  
  134. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  135.  
  136. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  137.  
  138. <script>
  139.  
  140. (function($){
  141.  
  142. $(document).ready(function(){
  143.  
  144. $("a[title]").style_my_tooltips({
  145.  
  146. tip_follows_cursor:true,
  147.  
  148. tip_delay_time:90,
  149.  
  150. tip_fade_speed:600,
  151.  
  152. attribute:"title"
  153.  
  154. });
  155.  
  156. });
  157.  
  158. })(jQuery);
  159.  
  160. </script>
  161.  
  162. <style type="text/css">
  163.  
  164. iframe.tmblr-iframe {
  165. z-index:99999999999999!important;
  166. right:5px!important;
  167. top:5px!important;
  168. opacity:0.4;
  169. /* delete invert(1) from here */
  170. filter:invert(1) contrast(150%);
  171. -webkit-filter:invert(1) contrast(150%);
  172. -o-filter:invert(1) contrast(150%);
  173. -moz-filter:invert(1) contrast(150%);
  174. -ms-filter:invert(1) contrast(150%);
  175. /* to here if your blog has a dark background */
  176. transform:scale(0.65);
  177. transform-origin:100% 0;
  178. -webkit-transform:scale(0.65);
  179. -webkit-transform-origin:100% 0;
  180. -o-transform:scale(0.65);
  181. -o-transform-origin:100% 0;
  182. -moz-transform:scale(0.65);
  183. -moz-transform-origin:100% 0;
  184. -ms-transform:scale(0.65);
  185. -ms-transform-origin:100% 0;}
  186.  
  187. iframe.tmblr-iframe:hover {
  188. opacity:0.4!important;}
  189.  
  190. #s-m-t-tooltip {
  191. background-color:{color:title};
  192. font-size:{select:text size}
  193. border-radius:{select:border radius};
  194. color:{color:entries};
  195. letter-spacing:1px;
  196. text-transform:lowercase;
  197. padding:10px;
  198. margin:20px 0px 0px 20px;
  199. z-index:9999999999999999999999;
  200.  
  201. }
  202.  
  203. ::-webkit-scrollbar-thumb {
  204. background-color:{color:Scrollbar};
  205. }
  206.  
  207. ::-webkit-scrollbar-track {
  208. background-color:{color:Entries};
  209. }
  210.  
  211. ::-webkit-scrollbar {
  212. height:2px;
  213. width:2px;
  214. }
  215.  
  216. ul {
  217. list-style-type: circle;
  218. padding-left:24px;
  219. line-height:150%;
  220. }
  221.  
  222. li {
  223. padding-left: 0px;
  224. margin-bottom: 0px;
  225. list-style: none;
  226. }
  227.  
  228. li:before {
  229. color: {color:title};
  230. content: "{select:bullet symbol}";
  231. font-family: 'honeybee';
  232. font-size:6px;
  233. font-weight:300;
  234. display: inline-block;
  235. margin-left: -2.2em;
  236. width: 2.2em;
  237. }
  238.  
  239.  
  240. u {
  241. display:inline-block;
  242. padding:0px 3px 0px 3px;
  243. text-decoration:none;
  244. color:{color:entries};
  245. text-transform:uppercase;
  246. background-color:{color:title};
  247. {block:IfGradientBg}
  248. color:{color:gradient text};
  249. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  250. {/block:IfGradientBg}
  251. }
  252.  
  253.  
  254. hr {
  255. display:block;
  256. border-style:dotted;
  257. border-color:{color:border};
  258. }
  259.  
  260. body {
  261. background: {color:Background};
  262. background-image:url('{image:Background}');
  263. background-attachment:fixed;
  264. font-family: '{select:body font}', sans-serif;
  265. font-size: {select:text size};
  266. line-height:15px;
  267. color: {color:Text};
  268. }
  269.  
  270. blockquote {
  271. text-align:justify;
  272. margin-top: 5px;
  273. margin-bottom: 5px;
  274. margin-left: 5px;
  275. padding-left: 10px;
  276. border-left: 1px solid {color:blockquote};
  277. margin-right:5px;
  278. }
  279.  
  280. a {
  281. text-decoration: none;
  282. letter-spacing:.5px;
  283. color: {color:Link};
  284. }
  285.  
  286. small, sub {
  287. font-size:{select:text size};
  288. }
  289.  
  290. b, strong {
  291. color:{color:Bold};
  292. font-weight:300;
  293. {block:IfStyledBold}
  294. font-size:12px;
  295. font-family: cooper-black-std, sans-serif;
  296. font-weight:300;
  297. {/block:IfStyledBold}
  298. }
  299.  
  300. i,em {
  301. color:{color:Italic};
  302. }
  303.  
  304. pre {
  305. border-bottom:2px solid {color:title};
  306. text-decoration:none;
  307. display:block;
  308. text-align:right;
  309. line-height:0.75;
  310. text-transform:lowercase;
  311. font-family:{select:body font};
  312. font-size:12px;
  313. color:{color:text};
  314. }
  315.  
  316. h1 {
  317. line-height:140%;
  318. font-size:calc({select:text size} + 2px);
  319. color:{color:title};
  320. font-weight:300;
  321. text-align:right;
  322. text-transform:{select:post titles};
  323. padding-right:5px;
  324. }
  325.  
  326. h2 {
  327. font-size:calc({select:text size} - 2px);
  328. color:{color:title};
  329. text-align:center;
  330. text-transform:uppercase;
  331. letter-spacing:3px;
  332. word-spacing:3px;
  333. }
  334.  
  335.  
  336. #bloggerback {
  337. {block:IfBorders}
  338. border:1px solid {color:border};
  339. height:220px;
  340. {/block:IfBorders}
  341. position:fixed;
  342. margin-top:100px;
  343. {block:IfBothSidebars}
  344. margin-top:30px;
  345. {/block:IfBothSidebars}
  346. margin-left:30px;
  347. padding:10px;
  348. width:270px;
  349. height:222px;
  350. background-color:{color:entries};
  351. border-radius:{select:border radius};
  352. opacity:{select:opacity};
  353.  
  354. }
  355.  
  356. #sideph {
  357. display:block;
  358. margin-top:310px;
  359. margin-left:00px;
  360. border-radius:{select:border radius};
  361. position:fixed;
  362. width:350px;
  363. height:150px;
  364. background-image:url('{image:Sidebar BG}');
  365. background-attachment:fixed;
  366. background-repeat:repeat;
  367. }
  368.  
  369. #sideph img {
  370. {block:IfBorders}
  371. border:1px solid {color:border};
  372. {/block:IfBorders}
  373. border-radius:{select:border radius};
  374. -webkit-filter: grayscale(0%);
  375. -webkit-transition: all 0.6s ease-in-out;
  376. -moz-transition: all 0.6s ease-in-out;
  377. -o-transition: all 0.6s ease-in-out;
  378. -ms-transition: all 0.6s ease-in-out;
  379. transition: all 0.6s ease-in-out;
  380. }
  381.  
  382. #fullph {
  383. display:block;
  384. margin-top:70px;
  385. {block:IfBothSidebars}
  386. margin-top:0px;
  387. {/block:IfBothSidebars}
  388. border-radius:{select:border radius};
  389. position:fixed;
  390. width:350px;
  391. height:300px;
  392. background-image:url('{image:Sidebar BG}');
  393. background-attachment:fixed;
  394. background-repeat:repeat;
  395. }
  396.  
  397. #fullph img {
  398. {block:IfBorders}
  399. border:1px solid {color:border};
  400. {/block:IfBorders}
  401. border-radius:{select:border radius};
  402. -webkit-filter: grayscale(0%);
  403. -webkit-transition: all 0.6s ease-in-out;
  404. -moz-transition: all 0.6s ease-in-out;
  405. -o-transition: all 0.6s ease-in-out;
  406. -ms-transition: all 0.6s ease-in-out;
  407. transition: all 0.6s ease-in-out;
  408. }
  409.  
  410. #bottomdetails {
  411. opacity:{select:opacity};
  412. position:fixed;
  413. z-index:9999999999999999999999;
  414. display:block;
  415. font-family:karla;
  416. letter-spacing:1.5px;
  417. word-spacing:5px;
  418. font-size:8px;
  419. text-align:center;
  420. left:0px;
  421. right:0px;
  422. bottom:0px;
  423. padding:10px;
  424. height:15px;
  425. line-height:15px;
  426. text-transform:uppercase;
  427. background-color:{color:entries};
  428. color:{color:text};
  429. {block:ifBorders}
  430. border-top:1px solid {color:border};
  431. {/block:IfBorders}
  432. }
  433.  
  434. #bottomdetails a {
  435. display:inline-block;
  436. padding:0px 5px 0px 5px;
  437. letter-spacing:2px;
  438. text-align:center;
  439. color:{color:entries};
  440. text-transform:uppercase;
  441. background-color:{color:title};
  442. {block:IfGradientBg}
  443. color:{color:gradient text};
  444. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  445. {/block:IfGradientBg}
  446. }
  447.  
  448. .th-circle-o {
  449. font-size:5px;
  450. }
  451.  
  452. .sidetitle {
  453. color:{color:bold};
  454. {block:IfGradientBg}
  455. color:{color:Gradient text};
  456. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  457. -webkit-background-clip: text;
  458. -webkit-text-fill-color: transparent;
  459. {/block:IfGradientBg}
  460. display:inline-block;
  461. text-align:center;
  462. font-family: cooper-black-std, sans-serif;
  463. text-transform:uppercase;
  464. font-size:26px;
  465. padding-top:5px;
  466. margin-bottom:3px;
  467. font-weight:900;
  468. -webkit-transition: all 0.6s ease-in-out;
  469. -moz-transition: all 0.6s ease-in-out;
  470. -o-transition: all 0.6s ease-in-out;
  471. -ms-transition: all 0.6s ease-in-out;
  472. transition: all 0.6s ease-in-out;
  473. -webkit-transition: all 0.6s ease-in-out;
  474. -moz-transition: all 0.6s ease-in-out;
  475. -o-transition: all 0.6s ease-in-out;
  476. -ms-transition: all 0.6s ease-in-out;
  477. transition: all 0.6s ease-in-out;
  478. }
  479.  
  480. .sidee {
  481. display:block;
  482. text-align:center;
  483. margin-top:10px;
  484. }
  485.  
  486. .sidesubtitle {
  487. background-color:{color:bold};
  488. color:{color:entries};
  489. {block:IfGradientBg}
  490. color:{color:Gradient text};
  491. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  492. {/block:IfGradientBg}
  493. font-family:karla;
  494. letter-spacing:1.5px;
  495. word-spacing:5px;
  496. font-size:8px;
  497. display:inline-block;
  498. text-align:center;
  499. padding:3px 6px 3px 6px;
  500. text-transform:uppercase;
  501. border-radius:{select:border radius};
  502. }
  503.  
  504. .sidesubtitle a {
  505. color:{color:entries};
  506. {block:IfGradientBg}
  507. color:{color:Gradient text};
  508. {/block:IfGradientBg}
  509. }
  510.  
  511. .bloggerdeets {
  512. display:block;
  513. overflow:hidden;
  514. height:105px;
  515. padding:20px;
  516. text-align:justify;
  517. {block:IfUppercaseDescOption}
  518. font-size:7px;
  519. font-family:ABeeZee;
  520. text-transform:uppercase;
  521. line-height:13px;
  522. letter-spacing:1px;
  523. {/block:IfUppercaseDescOption}
  524. {block:IfSmallcapsDescOption}
  525. font-size:7px;
  526. font-family:Saira Semi Condensed;
  527. text-transform:uppercase;
  528. line-height:14px;
  529. letter-spacing:1.5px;
  530. font-variant:small-caps;
  531. {/block:IfSmallcapsDescOption}
  532. }
  533.  
  534.  
  535. #postshit {
  536. padding:10px;
  537. margin-top:-15px;
  538. }
  539.  
  540. #postshit ol.notes {
  541. list-style-type: none;
  542. margin: 0;
  543. padding: 0;
  544. }
  545.  
  546. ol.notes li.note {
  547. border-bottom:1px solid {color:border};
  548. padding:8px;
  549. }
  550.  
  551. #postshit img.avatar {
  552. margin-right: 5px;
  553. border-radius:{select:border radius};
  554. width: 0px;
  555. height: 0px;
  556. }
  557.  
  558. #contain {
  559. margin:50px auto;
  560. width: calc({select:post size}px + 460px + 25px);
  561. height:500px;
  562. padding:30px;
  563. }
  564.  
  565. #entries {
  566. position:absolute;
  567. width:{select:post size}px;
  568. margin-left:460px;
  569. padding-right:12px;
  570. margin-top:0px;
  571. }
  572.  
  573.  
  574. #entry {
  575. background-color:{color:Entries};
  576. margin-bottom:60px;
  577. border-radius:{select:border radius};
  578. {block:IfBorders}
  579. border:1px solid {color:border};
  580. {/block:IfBorders}
  581. padding:10px;
  582. opacity:{select:opacity};}
  583.  
  584. .entrydetails {
  585. padding:10px;
  586. display:block;
  587. }
  588.  
  589. .photoset {
  590. width:100%;
  591. {block:IfGrayscalePosts}
  592. -webkit-filter: grayscale(100%);
  593. -webkit-transition: all 0.6s ease-in-out;
  594. -moz-transition: all 0.6s ease-in-out;
  595. -o-transition: all 0.6s ease-in-out;
  596. -ms-transition: all 0.6s ease-in-out;
  597. transition: all 0.6s ease-in-out;
  598. {/block:IfGrayscalePosts}
  599. }
  600.  
  601. .photoset:hover {
  602. -webkit-filter: grayscale(0%);
  603. -webkit-transition: all 0.6s ease-in-out;
  604. -moz-transition: all 0.6s ease-in-out;
  605. -o-transition: all 0.6s ease-in-out;
  606. -ms-transition: all 0.6s ease-in-out;
  607. transition: all 0.6s ease-in-out;
  608. }
  609.  
  610. .video {
  611. width:350px!important;}
  612.  
  613. .video iframe {
  614. width:350px!important;}
  615.  
  616. img {
  617. max-width: 100%;
  618. {block:IfGrayscalePosts}
  619. -webkit-filter: grayscale(100%);
  620. -webkit-transition: all 0.6s ease-in-out;
  621. -moz-transition: all 0.6s ease-in-out;
  622. -o-transition: all 0.6s ease-in-out;
  623. -ms-transition: all 0.6s ease-in-out;
  624. transition: all 0.6s ease-in-out;
  625. {/block:IfGrayscalePosts}
  626. }
  627.  
  628. img:hover {
  629. -webkit-filter: grayscale(0%);
  630. -webkit-transition: all 0.6s ease-in-out;
  631. -moz-transition: all 0.6s ease-in-out;
  632. -o-transition: all 0.6s ease-in-out;
  633. -ms-transition: all 0.6s ease-in-out;
  634. transition: all 0.6s ease-in-out;
  635. }
  636.  
  637.  
  638. #posttitles {
  639. font-family:{select:body font};
  640. line-height:140%;
  641. font-size:calc({select:text size} + 2px);
  642. color:{color:title};
  643. font-weight:300;
  644. text-align:right;
  645. text-transform:{select:post titles};
  646. padding-right:5px;
  647. }
  648.  
  649. #ask {
  650. text-align:center;
  651. line-height:120%;
  652. color:{color:text};
  653. padding:0px;
  654. }
  655.  
  656. .ask {
  657. float:left;
  658. z-index:10;
  659. font-size:11px;
  660. font-family:{select:body font};
  661. text-align:center;
  662. font-weight:bold;
  663. text-transform:lowercase;
  664. letter-spacing:1px;
  665. line-height:14px;
  666. color:{color:entries};
  667. background-color:{color:title};
  668. margin-top:-13px;
  669. margin-right:0px;
  670. margin-left:0px;
  671. border-radius:{select:border radius};
  672. padding-left:10px;
  673. padding-right:10px;
  674. padding-top:5px;
  675. padding-bottom:5px;
  676. }
  677.  
  678. .ask a {
  679. color:{color:entries};
  680. }
  681.  
  682. .askline {
  683. height:1px;
  684. margin-top:5px;
  685. margin-left:0px;
  686. background-color:{color:Border};
  687. z-index:-1;
  688. word-wrap:break-word;
  689. }
  690.  
  691. .question {
  692. color:{color:text};
  693. font-size:{text:small text size};
  694. padding:15px;
  695. display:block;
  696. text-align:justify;
  697. margin-left:5px;
  698. word-wrap:break-word;
  699. border-left:1px solid {color:border};
  700.  
  701. }
  702.  
  703. #questionbox {
  704. word-wrap:break-word;
  705. padding:10px;
  706.  
  707. }
  708.  
  709.  
  710. #ans {
  711. text-align:justify;
  712. padding-top:2px;
  713. display:block;
  714. margin-top:20px;
  715. color:{color:text};
  716. }
  717.  
  718. .playbutton {
  719. width:25px;
  720. height:25px;
  721. overflow:hidden;
  722. position:relative;
  723. margin-top:10px;
  724. margin-left:13px;
  725. z-index:9;
  726. border-radius:3px;
  727. opacity:.7;
  728. }
  729.  
  730. .albumart img {
  731. height:50px;
  732. width:50px;
  733. position:relative;
  734. margin-top:-28px;
  735. margin-left:0px;
  736. border-radius:3px;
  737. }
  738.  
  739. .albumdetails {
  740. margin-top:-55px;
  741. text-align:right;
  742. float:right;
  743. padding:5px;
  744. text-transform:lowercase;
  745. }
  746.  
  747. .albumdetails oth {
  748. border-bottom:2px solid {color:title};
  749. text-align:right;
  750. line-height:70%;
  751. display:inline-block;
  752. letter-spacing:0px;
  753. text-transform:uppercase;
  754. color:{color:text};
  755. margin-right:5px;
  756. font-size: calc({text:body text size} + 2px);
  757. }
  758.  
  759. .audiocaption {
  760. display:block;
  761. text-align:left;
  762. }
  763.  
  764. .chats {
  765. display:block;
  766. padding:10px;
  767. }
  768.  
  769. .chats nms {
  770. border-bottom:2px solid {color:title};
  771. text-align:right;
  772. line-height:70%;
  773. display:inline-block;
  774. letter-spacing:0px;
  775. text-transform:uppercase;
  776. margin-right:5px;
  777. color:{color:text};
  778. font-size: calc({text:body text size} + 2px);
  779. }
  780.  
  781. #perma {
  782. border-bottom:1px solid {color:border};
  783. padding:0px 15px 10px 15px;
  784. margin-left:-10px;
  785. margin-right:-10px;
  786. margin-bottom:10px;
  787. display:block;
  788. font-family:karla;
  789. letter-spacing:1px;
  790. text-transform:uppercase;
  791. font-size:8px;
  792. }
  793.  
  794. #tags2 {
  795. display:block;
  796. border-top:1px solid {color:border};
  797. padding:10px 15px 0px 15px;
  798. margin-top:10px;
  799. margin-right:-10px;
  800. margin-left:-10px;
  801. font-family:karla;
  802. letter-spacing:1px;
  803. text-transform:uppercase;
  804. font-size:8px;
  805. }
  806.  
  807. #permalink {
  808. text-align: center;
  809. position: relative;
  810. font-size:10px;
  811. text-transform:lowercase;
  812. margin-top: 20px;
  813. display:block;
  814. padding: 10px;
  815. border-radius:{select:border radius};
  816. {block:IfBorders}
  817. border:1px solid {color:border};
  818. {/block:IfBorders}
  819. background-color:{color:permalink};
  820. }
  821.  
  822. #permalink a {
  823. border-bottom:none;
  824. }
  825.  
  826. .date {
  827. color:{color:text};
  828. font-size:9px;
  829. z-index:10;
  830. text-transform:lowercase;
  831. border:none;
  832. text-align:right;
  833. }
  834.  
  835. .date iconback {
  836. width:10px;
  837. margin-right:0px;
  838. height:10px;
  839. font-size:9px;
  840. background-color:{color:Permalink Icons};
  841. line-height:10px;
  842. padding:10px;
  843. text-align:center;
  844. border-radius:{select:border radius};
  845. display:inline-block;
  846. {block:IfBorders}
  847. border:1px solid {color:border};
  848. {/block:IfBorders}
  849. {block:IfGradientBg}
  850. background-image: linear-gradient(to bottom right, {color:Gradient One}, {color:Gradient Two});
  851. color:{color:entries};
  852. {/block:IfGradientBg}
  853. }
  854.  
  855. .date iconback a {
  856. color:{color:text};
  857. {block:IfGradientBg}
  858. color:{color:gradient text};
  859. {/block:IfGradientBg}
  860. }
  861.  
  862. .tags {
  863. color:{color:tags};
  864. margin-top:10px;
  865. text-align:right;
  866. text-transform:lowercase;
  867. border:none;
  868. {block:IfUppercaseTags}
  869. text-transform:uppercase;
  870. font-size:8px;
  871. font-family:karla;
  872. {/block:IfUppercaseTags}
  873. }
  874.  
  875. .tags a{
  876. color:{color:tags};
  877. padding:5px;
  878. }
  879.  
  880.  
  881. #credit {
  882. font-size:12px;
  883. float:center;
  884. position:fixed;
  885. bottom:45px;
  886. right:10px;
  887. font-family:Roboto Mono;
  888. text-transform:lowercase;
  889. padding:8px;
  890. border-radius:{select:border radius};
  891. color:{color:title};
  892. background-color:{color:entries};
  893. {block:IfBorders}
  894. border:1px solid {color:border};
  895. {/block:IfBorders}
  896. }
  897.  
  898. #credit a {
  899. color:{color:title};
  900. }
  901.  
  902. </style>
  903.  
  904. </head>
  905.  
  906. <body>
  907.  
  908. <div id="bottomdetails">
  909. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} | {/block:Pagination}
  910. {text:online counter} online / {text:total counter} hits
  911. </div>
  912.  
  913. <div id="contain">
  914.  
  915.  
  916. <div id="fullph"><img src="{image:Sidebar BG}"></div>
  917.  
  918.  
  919.  
  920. <div id="bloggerback">
  921.  
  922.  
  923. <div class="sidee"><div class="sidetitle">{text:sidebar title}</div><br><div class="sidesubtitle"><a href="/">index</a> <span class="th th-circle-o"></span> <a href="/ask">mssg</a> <span class="th th-circle-o"></span> <a href="{text:link one url}">{text:link one text}</a> <span class="th th-circle-o"></span> <a href="{text:link two url}">{text:link two text}</a> </div></div>
  924.  
  925. <div class="bloggerdeets">
  926. {block:IfDefaultDescription}
  927. {description}
  928. {/block:IfDefaultDescription}
  929. {block:IfTextInputDescription}
  930. {text:text input description}
  931. {/block:IfTextInputDescription}
  932. </div>
  933.  
  934.  
  935. </div>
  936.  
  937.  
  938. {block:IfBothSidebars}
  939. <div id="sideph"><img src="{image:Sidebar}"></div>
  940. {/block:IfBothSidebars}
  941.  
  942. <div id="entries">
  943. {block:Posts}
  944. <div id="entry">
  945.  
  946. {block:IfPermalinkStyle2}
  947. <div id="perma">
  948. {block:Date}{TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  949.  
  950. <span style="float:right">
  951. <a href="{ReblogURL}"target="_blank">reblog</a>
  952. {block:RebloggedFrom}/ <a href="{ReblogParentURL}">via</a> / <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  953. </span>
  954. </div>
  955. {/block:IfPermalinkStyle2}
  956.  
  957. {block:Text}
  958. <div id="posttitles">{block:Title}{Title}{/block:Title}</div>
  959. {Body}
  960. {/block:Text}
  961.  
  962. {block:Photo}
  963. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  964. {block:Caption}{Caption}{/block:Caption}
  965. {/block:Photo}
  966.  
  967. {block:Photoset}
  968. <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>
  969. {block:Caption}{Caption}{/block:Caption}
  970. {/block:Photoset}
  971.  
  972. {block:Quote}
  973. <div id="posttitles">{Quote}</div>
  974. {block:Source}<br>—{Source}{/block:Source}
  975. {/block:Quote}
  976.  
  977. {block:Link}
  978. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  979. {block:Description}{Description}{/block:Description}
  980. {/block:Link}
  981.  
  982. {block:Chat}
  983. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  984. {block:Lines}
  985. <div class="chats">
  986. {block:Label}<nms>{Label}</nms>{/block:Label} {Line}
  987. </div>
  988. {/block:Lines}
  989. {/block:Chat}
  990.  
  991. {block:Audio}
  992. {block:AudioPlayer}
  993. <div class="playbutton">{AudioPlayerGrey}</div>
  994. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  995. <div class="albumdetails">
  996. {block:TrackName}<oth>track:</oth> {TrackName}{/block:TrackName}<br>
  997. {block:Artist}<oth>artist:</oth> {Artist}{/block:Artist}<br>
  998. {block:PlayCount}<oth>plays:</oth> {PlayCount}{/block:PlayCount}
  999. </div>
  1000. <div class="audiocaption">
  1001. {block:Caption}{Caption}{/block:Caption}
  1002. </div>
  1003. {/block:AudioPlayer}
  1004. {/block:Audio}
  1005.  
  1006.  
  1007.  
  1008. {block:Video}<div class=“video”>{Video-500}</div>
  1009. {block:Caption}{Caption}{/block:Caption}
  1010. {/block:Video}
  1011.  
  1012. {block:Answer}
  1013. <div id="questionbox"><div class="question">{Question}</div><div class="askline"></div><div class="ask">{Asker}</div></div>
  1014. <div id="ans">{Answer}</div>
  1015. {/block:Answer}
  1016.  
  1017.  
  1018. {block:ifPermalinkStyle1}
  1019. <div id="permalink">
  1020. <div class="date">
  1021. <iconback><a href="{Permalink}" title="{block:Date}{TimeAgo}{/block:Date}"><span class="th th-push-pin-o"></span></a></iconback>
  1022.  
  1023. <iconback><a href="{Permalink}" title="{NoteCountWithLabel}"><span class="th th-heart-1-o"></span></a></iconback>
  1024.  
  1025. <iconback><a href="{ReblogURL}" title="reblog this post" target="_blank"><span class="th th-reblog"></span></a></iconback>
  1026.  
  1027. {block:RebloggedFrom}
  1028.  
  1029. <iconback><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><span class="th th-return"></span></a></iconback>
  1030.  
  1031. <iconback><a href="{ReblogRootURL}"title="{ReblogRoottitle}"><span class="th th-user-o"></span></a></iconback>
  1032.  
  1033. {/block:RebloggedFrom}</div>
  1034.  
  1035.  
  1036. </div>
  1037.  
  1038. <div class="tags">{block:HasTags} {block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  1039.  
  1040. {/block:ifPermalinkStyle1}
  1041.  
  1042. {block:IfPermalinkStyle2}
  1043. {block:HasTags} <div id="tags2">{block:Tags} <a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1044. {/block:IfPermalinkStyle2}
  1045.  
  1046. <!-- /div entry ---> </div>
  1047.  
  1048.  
  1049.  
  1050. {/block:Posts}
  1051.  
  1052. {block:PostNotes}
  1053. <div id="postshit">{PostNotes}</div>
  1054. {/block:PostNotes}
  1055.  
  1056.  
  1057. </div></div>
  1058.  
  1059. <div id="credit"><a href="https://scftlcves.tumblr.com/"><span class="th th-heart-1-o"></span></a></div>
  1060.  
  1061. <script>
  1062. $(document).ready(function(){
  1063. $('.photo-slideshow').pxuPhotoset({
  1064. lightbox: true,
  1065. rounded: false,
  1066. gutter: '1px',
  1067. borderRadius: '0px',
  1068. photoset: '.photo-slideshow',
  1069. photoWrap: '.photo-data',
  1070. photo: '.pxu-photo',
  1071. });
  1072. });
  1073. </script>
  1074.  
  1075. </body>
  1076.  
  1077. </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!