API tools faq
paste
Advertisement
alithegreat2

rose theme

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