API tools faq
paste
raingurl

#46 / arcadian

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