API tools faq
paste
PetitePixel

Theme #003: Lithium

PetitePixel
Nov 8th, 2019
1,795
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 84.28 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3.  
  4. THEME #003: LITHIUM
  5. CREATED BY PETITEPIXEL FOR PERSONAL USE.
  6. PLEASE DO NOT TAKE ANY OF
  7. MY CODE OR CLAIM AS YOUR OWN. IF YOU HAVE
  8. QUESTIONS PLEASE CONTACT PETITEPIXEL AT
  9. PETITEPIXEL.TUMBLR.COM/MAIL
  10.  
  11.  
  12. --->
  13.  
  14.  
  15. <html>
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <meta name="description" content="" />
  22. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  23.  
  24. <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  25.  
  26.  
  27.  
  28. <!-- DEFAULT VARIABLES -->
  29. <meta name="color:background" content="#ebd2ff"/>
  30. <meta name="color:blockquote" content="#ffffff"/>
  31. <meta name="color:blockquote border" content="#cd96ff"/>
  32. <meta name="color:chat even" content="#fff0f0"/>
  33. <meta name="color:chat odd" content="#ffcece"/>
  34. <meta name="color:chat text" content="#363636"/>
  35. <meta name="color:highlight background" content="#cd96ff"/>
  36. <meta name="color:highlight text" content="#fff"/>
  37. <meta name="color:homepage box 1" content="#fff"/>
  38. <meta name="color:homepage box 2" content="#fff"/>
  39. <meta name="color:homepage box 3" content="#fff"/>
  40. <meta name="color:homepage nav links" content="#fff"/>
  41. <meta name="color:homepage nav links background" content="#cd96ff"/>
  42. <meta name="color:info links" content="#ffffff"/>
  43. <meta name="color:info background" content="#cd96ff"/>
  44. <meta name="color:link excerpt background" content="#cd96ff"/>
  45. <meta name="color:links" content="#cd96ff"/>
  46. <meta name="color:links hover" content="#363636"/>
  47. <meta name="color:music player background" content="#cd96ff"/>
  48. <meta name="color:music song title" content="#fff"/>
  49. <meta name="color:music track info" content="#363636"/>
  50. <meta name="color:nav links" content="#f6e9ff"/>
  51. <meta name="color:nav links hover" content="#363636"/>
  52. <meta name="color:posts" content="#f6e9ff"/>
  53. <meta name="color:post borders" content="#fff"/>
  54. <meta name="color:post title" content="#ffffff"/>
  55. <meta name="color:post title background" content="#cd96ff"/>
  56. <meta name="color:question background" content="#cd96ff"/>
  57. <meta name="color:quote border" content="#cccccc"/>
  58. <meta name="color:tags" content="#363636"/>
  59. <meta name="color:tag hover" content="#cd96ff"/>
  60. <meta name="color:text" content="#363636"/>
  61. <meta name="color:title" content="#fff"/>
  62.  
  63. <!-- DEFAULT SCROLLBAR -->
  64. <meta name="color:scrollbar track" content="#cd96ff"/>
  65. <meta name="color:scrollbar accent" content="#fff"/>
  66. <meta name="color:highlight text" content="#363636"/>
  67.  
  68. <!-- DEFAULT TOOLTIPS -->
  69. <meta name="color:tooltip background" content="#cd96ff"/>
  70. <meta name="color:tooltip text" content="#fff"/>
  71. <meta name="color:tooltip accent" content="#ebd2ff"/>
  72.  
  73. <!-- DEFAULT IMAGE -->
  74. <meta name="image:Background" content="/"/>
  75. <meta name="image:Homepage Banner" content="https://static.tumblr.com/jubuz4o/lGtq0o467/kurtsmoke.png"/>
  76. <meta name="image:Homepage Large Left" content="https://static.tumblr.com/jubuz4o/hC7q07dux/bigerplaceholder.png"/>
  77. <meta name="image:Homepage Large Right" content="https://static.tumblr.com/jubuz4o/hC7q07dux/bigerplaceholder.png"/>
  78. <meta name="image:Homepage Tag One" content="https://static.tumblr.com/jubuz4o/k5hq07alw/placeholder.png"/>
  79. <meta name="image:Homepage Tag Two" content="https://static.tumblr.com/jubuz4o/k5hq07alw/placeholder.png"/>
  80. <meta name="image:Homepage Tag Three" content="https://static.tumblr.com/jubuz4o/k5hq07alw/placeholder.png"/>
  81. <meta name="image:Homepage Tag Four" content="https://static.tumblr.com/jubuz4o/k5hq07alw/placeholder.png"/>
  82.  
  83. <!-- DEFAULT TEXT -->
  84. <meta name="text:Lightbox RGBO" content="235, 210, 255, 0.8"/>
  85. <meta name="text:URL Name" content="EX: petitepixel"/>
  86. <meta name="text:Homepage Title" content="Homepage Title"/>
  87. <meta name="text:Homepage Info Left" content="First half of your description here."/>
  88. <meta name="text:Homepage Info Right" content="Second half of your description here."/>
  89. <meta name="text:Homepage Title Two" content="Title Two"/>
  90. <meta name="text:Homepage Title Three" content="Title Three"/>
  91. <meta name="text:Homepage Left Info" content="Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."/>
  92. <meta name="text:Homepage Title Four" content="Title Four"/>
  93. <meta name="text:Homepage Right Info" content="Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus."/>
  94. <meta name="text:Homepage Title Five" content="Title Five"/>
  95. <meta name="text:Homepage Search Title" content="Search the Entire Blog!"/>
  96. <meta name="text:Homepage View All Title" content="Or View Everything"/>
  97. <meta name="text:Custom Ask Page" content="Example: Message or FAQ"/>
  98.  
  99. <!-- DEFAULT LINKS -->
  100. <meta name="text:Homepage Link One" content="/">
  101. <meta name="text:Homepage Link One Title" content="Homepage Link One"/>
  102. <meta name="text:Homepage Link Two" content="/">
  103. <meta name="text:Homepage Link Two Title" content="Homepage Link Two"/>
  104. <meta name="text:Homepage Link Three" content="/">
  105. <meta name="text:Homepage Link Three Title" content="Homepage Link Three"/>
  106. <meta name="text:Homepage Link Four" content="/">
  107. <meta name="text:Homepage Link Four Title" content="Homepage Link Four"/>
  108. <meta name="text:Homepage Tag One" content="/">
  109. <meta name="text:Homepage Tag One Title" content="<b>Tag</b> One Title"/>
  110. <meta name="text:Homepage Tag Two" content="/">
  111. <meta name="text:Homepage Tag Two Title" content="<b>Tag</b> Two Title"/>
  112. <meta name="text:Homepage Tag Three" content="/">
  113. <meta name="text:Homepage Tag Three Title" content="<b>Tag</b> Three Title"/>
  114. <meta name="text:Homepage Tag Four" content="/">
  115. <meta name="text:Homepage Tag Four Title" content="<b>Tag</b> Four Title"/>
  116. <meta name="text:Homepage View All Link" content="/">
  117. <meta name="text:Homepage View All Link Title" content="Here!"/>
  118. <meta name="text:Link 1" content="/">
  119. <meta name="text:Link 1 Title" content="Link One"/>
  120. <meta name="text:Link 2" content="/">
  121. <meta name="text:Link 2 Title" content="Link Two"/>
  122. <meta name="text:Link 3" content="/"/>
  123. <meta name="text:Link 3 Title" content="Link Three"/>
  124. <meta name="text:Link 4" content="/"/>
  125. <meta name="text:Link 4 Title" content="Link Four"/>
  126. <meta name="text:Link 5" content="/">
  127. <meta name="text:Link 5 Title" content="Link Five"/>
  128. <meta name="text:Link 6" content="/"/>
  129. <meta name="text:Link 6 Title" content="Link Six"/>
  130.  
  131. <!-- DEFAULT OPTIONS -->
  132. <meta name="if:Home Page" content="0"/>
  133. <meta name="if:Custom Ask Page" content="0"/>
  134.  
  135.  
  136.  
  137. <style type="text/css">
  138. /* --- FOLLOW CONTROLS --------------------------------- */
  139. body > iframe:first-child { display: none !important; }
  140.  
  141. .controls div {
  142. float: right;
  143. width: 28px;
  144. overflow: hidden;
  145. }
  146.  
  147. .controls div.hidden {
  148. width: 0px;
  149. }
  150.  
  151. .controls {
  152. float: right;
  153. position: fixed;
  154. top: 20px;
  155. right: 20px;
  156. }
  157.  
  158. .controls a {
  159. position: relative;
  160. display: block;
  161. height: 1.1rem;
  162. text-align: center;
  163. width: 20px;
  164. height: 20px;
  165. margin-bottom: 8px;
  166. color:{color:links};
  167. background:{color:background};
  168. }
  169.  
  170. .controls a span {
  171. position:absolute;
  172. width:1em;
  173. height:1em;
  174. top:0;
  175. right:0;
  176. bottom:0;
  177. left:0;
  178. margin:auto;
  179. text-align:center;
  180. }
  181.  
  182. .th {
  183. font-size: 12px;
  184. color:{color:links};
  185. }
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193. /* --- SCROLLBAR --------------------------------- */
  194. ::-webkit-scrollbar {
  195. height:0px;
  196. width:6px;
  197. background:{color:scrollbar track};
  198. border-left:1px solid {color:scrollbar track};
  199. }
  200.  
  201. ::-webkit-scrollbar-thumb:vertical {
  202. height:auto;
  203. width:7px;
  204. border-left:1px solid {color:scrollbar track};
  205. background:{color:scrollbar accent};
  206. }
  207.  
  208. ::-webkit-scrollbar-thumb:hotizontal {
  209. display:none;
  210. }
  211.  
  212. ::selection {
  213. background:{color:scrollbar accent};
  214. color:{color:highlight text};
  215. }
  216.  
  217. ::-webkit-selection {
  218. background:{color:scrollbar accent};
  219. color:{color:highlight text};
  220. }
  221.  
  222. ::-moz-selection {
  223. background:{color:scrollbar accent};
  224. color:{color:highlight text};
  225. }
  226.  
  227.  
  228.  
  229.  
  230.  
  231. /* --- LIGHTBOX --------------------------------- */
  232. .vignette, #vignette {
  233. opacity:0;
  234. }
  235. .lightbox-image, #tumblr_lightbox img {
  236. box-shadow:none !important;
  237. border-radius:0 !important;
  238. max-width:none;
  239. }
  240.  
  241. .tmblr-lightbox, #tumblr_lightbox {
  242. background-color:rgba({text:Lightbox RGBO}) !important;
  243. }
  244.  
  245. .lightbox-image, #tumblr_lightbox img {
  246. border:5px solid #fff !important;
  247. -moz-box-sizing:border-box;
  248. box-sizing:border-box;
  249. }
  250.  
  251. .lightbox-caption, #tumblr_lightbox_caption {
  252. visibility: hidden;
  253. }
  254.  
  255.  
  256.  
  257.  
  258.  
  259. /* --- TOOLIPS --------------------------------- */
  260. #s-m-t-tooltip {
  261. position:absolute;
  262. z-index:9999999999;
  263. margin:0 20px;
  264. display:inline-block;
  265. padding:4px 6px;
  266. color:{color:tooltip text};
  267. background:{color:tooltip background};
  268. text-transform:lowercase;
  269. font:inherit;
  270. }
  271.  
  272.  
  273.  
  274.  
  275.  
  276. /* --- BODY --------------------------------- */
  277. body {
  278. line-height: 1.5;
  279. font-weight: 400;
  280. font-size: 10px;
  281. font-family: 'Barlow', sans-serif;
  282. color: {color:text};
  283. background: {color:background};
  284. background-image: url('{image:Background}');
  285. background-repeat: repeat;
  286. background-position: center;
  287. background-attachment: fixed;
  288. }
  289.  
  290. a {
  291. color: {color:links};
  292. text-decoration: none;
  293. -moz-transition-duration: 0.5s;
  294. -o-transition-duration: 0.5s;
  295. -webkit-transition-duration: 0.5s;
  296. transition-duration: 0.5s;
  297. }
  298.  
  299. a:hover {
  300. color: {color:links hover};
  301. -moz-transition-duration: 0.5s;
  302. -o-transition-duration: 0.5s;
  303. -webkit-transition-duration: 0.5s;
  304. transition-duration: 0.5s;
  305. }
  306.  
  307. .container {
  308. margin: 0 0 0 0;
  309. width: 100%;
  310. }
  311.  
  312.  
  313.  
  314.  
  315.  
  316.  
  317. /* --- NOT FOUND --------------------------------- */
  318. .wrapper_notfound {
  319. position: fixed;
  320. visibility:hidden;
  321. left: 0px;
  322. top: 0px;
  323. width: 100%;
  324. height: 100%;
  325. background: {color:background};
  326. z-index: 999999999999;
  327. }
  328.  
  329. .actual_notfound {
  330. position: absolute;
  331. left:50%;
  332. top:50%;
  333. font-family: 'Barlow', sans-serif;
  334. transform:translate(-50%, -50%);
  335. width:calc(600px + 0.25vw);
  336. font-size:calc(22px + 0.25vw);
  337. line-height:170%;
  338. text-align: center;
  339. }
  340.  
  341. .actual_notfound a {
  342. color:{color:text};
  343. text-decoration: none;
  344. border-bottom:3px solid {color:links};
  345. }
  346.  
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353. {block:IfHomePage}
  354. {block:HomePage}
  355. /* --- POSTS --------------------------------- */
  356. #entries, .posts, .bottom, .tgs, .sidebar {
  357. display:none;
  358. }
  359.  
  360. .htit {
  361. margin: 10px 5px 0px 100px;
  362. line-height: 1.5;
  363. letter-spacing:2px;
  364. text-transform:uppercase;
  365. font-weight: 400;
  366. font-size: 50px;
  367. font-family: 'Barlow', sans-serif;
  368. color: {color:title};
  369. }
  370.  
  371. .box {
  372. position: fixed;
  373. margin: 5px 5px 0px 100px;
  374. padding: 10px;
  375. width:650px;
  376. min-height: 390px;
  377. max-height: 390px;
  378. background:{color:homepage box 1};
  379. }
  380.  
  381. .box2 {
  382. position: fixed;
  383. margin: 5px 5px 0px 800px;
  384. padding: 10px;
  385. width:450px;
  386. min-height: 470px;
  387. min-height: 470px;
  388. background:{color:homepage box 2};
  389. }
  390.  
  391. .box3 {
  392. position: fixed;
  393. margin: 425px 5px 0px 100px;
  394. padding: 10px;
  395. width:650px;
  396. min-height: 70px;
  397. max-height: 70px;
  398. background:{color:homepage box 3};
  399. }
  400.  
  401. .desc {
  402. display:inline-block;
  403. float:left;
  404. margin-top:5px;
  405. padding:5px;
  406. width: 310px;
  407. text-align:justify;
  408. }
  409.  
  410. .desc2 {
  411. display:inline-block;
  412. float:right;
  413. margin-top:5px;
  414. padding:5px;
  415. width: 310px;
  416. text-align:justify;
  417. }
  418.  
  419. .fa-asterisk {
  420. margin: -2px 5px 2px 0px;
  421. font-size:12px;
  422. color:{color:homepage nav links background};
  423. }
  424.  
  425. .leftp {
  426. float:left;
  427. margin-bottom:5px;
  428. padding:0px;
  429. width: 215px;
  430. text-align:justify;
  431. }
  432.  
  433. .leftp b {
  434. display:block;
  435. text-align:left;
  436. text-transform:uppercase;
  437. font-size:14px;
  438. font-weight:700;
  439. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:links};),color-stop(50%,transparent));
  440. background-image: -webkit-linear-gradient(bottom,{color:background} 50%,transparent 50%);
  441. background-image: linear-gradient(0deg,{color:background} 50%,transparent 50%);
  442. }
  443.  
  444. .leftp img {
  445. width: 215px;
  446. height: auto;
  447. }
  448.  
  449. .rightp {
  450. float:right;
  451. margin-bottom:5px;
  452. padding:0px;
  453. width: 215px;
  454. text-align:justify;
  455. }
  456.  
  457. .rightp b {
  458. display:block;
  459. text-align:left;
  460. text-transform:uppercase;
  461. font-size:14px;
  462. font-weight:700;
  463. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:links};),color-stop(50%,transparent));
  464. background-image: -webkit-linear-gradient(bottom,{color:background} 50%,transparent 50%);
  465. background-image: linear-gradient(0deg,{color:background} 50%,transparent 50%);
  466. }
  467.  
  468. .rightp img {
  469. width: 215px;
  470. height: auto;
  471. }
  472.  
  473. .favs {
  474. float:left;
  475. margin-top: 15px;
  476. margin-bottom:5px;
  477. padding:0px;
  478. width: 450px;
  479. text-align:justify;
  480. }
  481.  
  482. .favs b {
  483. display:block;
  484. width: 215px;
  485. text-align:left;
  486. text-transform:uppercase;
  487. font-size:14px;
  488. font-weight:700;
  489. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:links};),color-stop(50%,transparent));
  490. background-image: -webkit-linear-gradient(bottom,{color:background} 50%,transparent 50%);
  491. background-image: linear-gradient(0deg,{color:background} 50%,transparent 50%);
  492. }
  493.  
  494. .favleft {
  495. float:left;
  496. margin-right 5px;
  497. margin-bottom:5px;
  498. padding:0px;
  499. width: 220px;
  500. text-align:justify;
  501. }
  502.  
  503. .favleft p b {
  504. margin-bottom: -6px;
  505. width: auto;
  506. vertical-align: middle;
  507. text-align:left;
  508. text-transform:uppercase;
  509. font-size:14px;
  510. font-weight:700;
  511. color:{color:text};
  512. background-image: none!important;
  513. }
  514.  
  515. .favleft ul li {
  516. margin-top: 0px;
  517. margin-left: 0px;
  518. margin-right: 0px;
  519. margin-bottom: 15px;
  520. }
  521.  
  522. .favleft ul {
  523. list-style-type: none;
  524. padding-left: 0;
  525. }
  526.  
  527. .favleft ul img {
  528. margin-right:10px;
  529. width: 40px;
  530. height: 40px;
  531. vertical-align: middle;
  532. border: 5px solid {color:links};
  533. }
  534.  
  535. .favleft ul li p {
  536. display: inline-block;
  537. vertical-align: middle;
  538. }
  539.  
  540.  
  541. .favright {
  542. float:left;
  543. margin-left: 15px;
  544. margin-bottom:5px;
  545. padding:0px;
  546. width: 215px;
  547. text-align:justify;
  548. }
  549.  
  550. .favright p b {
  551. margin-bottom: -6px;
  552. width: auto;
  553. vertical-align: middle;
  554. text-align:left;
  555. text-transform:uppercase;
  556. font-size:14px;
  557. font-weight:700;
  558. color:{color:text};
  559. background-image: none!important;
  560. }
  561.  
  562. .favright ul li {
  563. margin-top: 0px;
  564. margin-left: 0px;
  565. margin-right: 0px;
  566. margin-bottom: 15px;
  567. }
  568.  
  569. .favright ul {
  570. list-style-type: none;
  571. padding-left: 0;
  572. }
  573.  
  574. .favright ul img {
  575. margin-right:10px;
  576. width: 40px;
  577. height: 40px;
  578. vertical-align: middle;
  579. border: 5px solid {color:links};
  580. }
  581.  
  582. .favright ul li p {
  583. display: inline-block;
  584. vertical-align: middle;
  585. }
  586.  
  587. .searchbox {
  588. float:left;
  589. margin-top: 5px;
  590. margin-bottom:5px;
  591. padding:0px;
  592. width: 215px;
  593. text-align:justify;
  594. }
  595.  
  596. .searchbox b {
  597. display:block;
  598. text-align:center;
  599. text-transform:uppercase;
  600. font-size:14px;
  601. font-weight:700;
  602. }
  603.  
  604. .search .query {
  605. margin-top:0px;
  606. margin-left: 0px;
  607. width: 180px;
  608. border: 1px solid #000;
  609. outline: 0;
  610. padding: 10px;
  611. font-weight: 700;
  612. font-size: 8px;
  613. color: #fff;
  614. text-transform: uppercase;
  615. letter-spacing: 1px;
  616. background:#000;
  617. z-index:200;
  618. }
  619.  
  620. ::-webkit-input-placeholder {color: inherit;}
  621. :-moz-placeholder {color: inherit; opacity:1;}
  622. ::-moz-placeholder {color: inherit; opacity:1;}
  623. :-ms-input-placeholder {color: inherit;}
  624.  
  625. input:focus::-webkit-input-placeholder {color: transparent;}
  626. input:focus:-moz-placeholder {color: transparent;}
  627. input:focus::-moz-placeholder {color: transparent;}
  628. input:focus:-ms-input-placeholder { color: transparent;}
  629.  
  630. .everything {
  631. float:right;
  632. margin-top: 5px;
  633. margin-bottom:5px;
  634. padding:0px;
  635. width: 215px;
  636. text-align:justify;
  637. }
  638.  
  639. .everything b {
  640. display:block;
  641. text-align:center;
  642. text-transform:uppercase;
  643. font-size:14px;
  644. font-weight:700;
  645. }
  646.  
  647. .everything a {
  648. display: inline-block;
  649. margin: 2px 5px 0px 5px;
  650. padding: 2px;
  651. width: 180px;
  652. text-transform:uppercase;
  653. letter-spacing: 2px;
  654. font-size: 14px;
  655. font-weight:700;
  656. color:{color:homepage nav links};
  657. background:{color:homepage nav links background};
  658. border-top-left-radius: 20px;
  659. border-bottom-left-radius: 20px;
  660. border-top-right-radius: 20px;
  661. border-bottom-right-radius: 20px;
  662. }
  663.  
  664. .box3 b {
  665. display:inline-block;
  666. min-width: 80px;
  667. margin-bottom: 15px;
  668. text-align:left;
  669. text-transform:uppercase;
  670. font-size:14px;
  671. font-weight:700;
  672. background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,{color:links};),color-stop(50%,transparent));
  673. background-image: -webkit-linear-gradient(bottom,{color:background} 50%,transparent 50%);
  674. background-image: linear-gradient(0deg,{color:background} 50%,transparent 50%);
  675. }
  676.  
  677.  
  678. .homenav a {
  679. display: inline-block;
  680. margin: 2px 5px 0px 5px;
  681. padding: 3px;
  682. min-width: 140px;
  683. text-transform:uppercase;
  684. text-align:center;
  685. letter-spacing: 1px;
  686. font-size: 10px;
  687. font-weight:700;
  688. color:{color:homepage nav links};
  689. background:{color:homepage nav links background};
  690. border-top-left-radius: 20px;
  691. border-bottom-left-radius: 20px;
  692. border-top-right-radius: 20px;
  693. border-bottom-right-radius: 20px;
  694. }
  695. {/block:HomePage}
  696. {/block:IfHomePage}
  697.  
  698.  
  699.  
  700.  
  701.  
  702. {block:IfNotHomePage}
  703. {block:IndexPage}
  704. .box, .box2, .box3, .htit {
  705. display:none;
  706. }
  707.  
  708. /* --- POSTS --------------------------------- */
  709. #entries {
  710. margin: 25px auto 175px 350px;
  711. padding-top:20px;
  712. width: 930px;
  713. }
  714.  
  715. .posts {
  716. float:left;
  717. position: relative;
  718. margin: 10px 10px 60px 10px;
  719. padding: 10px;
  720. width: 400px;
  721. background:{color:posts};
  722. border:1px solid {color:post borders};
  723. }
  724.  
  725. .posts img {
  726. max-width: 100%;
  727. height: auto;
  728. list-style-type:none;
  729. cursor: pointer;
  730. }
  731.  
  732. .posts li, .posts ol {
  733. max-width: 100%;
  734. height: auto;
  735. list-style-type:none;
  736. }
  737.  
  738. .texts {
  739. text-align: justify;
  740. margin-top: -5px;
  741. padding-top: 0px;
  742. padding-right: 5px;
  743. padding-left: 5px;
  744. padding-bottom: 0px;
  745. }
  746.  
  747. .texts ul, .texts ul li{
  748. list-style-type: square!important;
  749. }
  750.  
  751. .texts ol, .texts ol li {
  752. list-style-type: upper-roman!important;
  753. }
  754.  
  755. h1, h2, h3 {
  756. margin-top: 0px;
  757. padding:15px;
  758. text-align: center;
  759. text-transform: uppercase;
  760. line-height: 1.5;
  761. font-weight: 700;
  762. font-size: 16px;
  763. font-family: 'Barlow', sans-serif;
  764. color: {color:post title};
  765. background: {color:post title background};
  766. }
  767.  
  768.  
  769.  
  770.  
  771.  
  772. /* --- REBLOG LAYOUT --------------------------------- */
  773. .reblog-header {
  774. margin-top: -10px;
  775. margin-left: -10px;
  776. padding: 5px;
  777. width: 410px;
  778. border-bottom: 1px solid {color:post borders};
  779. background:{color:posts};
  780. }
  781.  
  782. .reblog-avatar {
  783. display: inline-block;
  784. margin-bottom: -10px;
  785. padding: 10px;
  786. vertical-align: middle;
  787. line-height: 2.8;
  788. }
  789.  
  790. .reblog-avatar img {
  791. width: 20px;
  792. height: auto;
  793. border-radius: 4px;
  794. }
  795.  
  796. .username {
  797. display: inline-block;
  798. margin-left: -6px;
  799. text-transform: uppercase;
  800. vertical-align: middle;
  801. letter-spacing:0.5;
  802. font-weight: 600;
  803. font-size: 8px;
  804. color:{color:text};
  805. }
  806.  
  807. .username a {
  808. color:{color:links};
  809. }
  810.  
  811. .username a:hover {
  812. color:{color:links hover};
  813. }
  814.  
  815. .reblog-list {
  816. margin-left: -5px;
  817. padding: 5px;
  818. width: 400px;
  819. }
  820.  
  821. .reblog-content {
  822. margin-left: -5px;
  823. padding: 5px;
  824. width: 400px;
  825. overflow:hidden;
  826. }
  827.  
  828. .reblog-content img {
  829. height: auto!important;
  830. max-width: 400px!important;
  831. min-width: 400px!important;
  832. }
  833.  
  834.  
  835.  
  836.  
  837.  
  838. /* --- UNESTED CAPTIONS --------------------------------- */
  839. .tumblr_blog {
  840. display: block;
  841. margin-bottom: 5px;
  842. margin-top: 5px;
  843. vertical-align: middle;
  844. line-height: 28px;
  845. font-weight: 700;
  846. font-size: 10px;
  847. font-family: 'Barlow', sans-serif;
  848. }
  849.  
  850. a.tumblr_blog {
  851. display: inline-block;
  852. margin-top: 6px;
  853. padding-top: 3px;
  854. padding-left: 5px;
  855. padding-right: 5px;
  856. padding-bottom: 3px;
  857. height: 13px;
  858. text-transform: uppercase;
  859. line-height: 1.4;
  860. font-weight: 700;
  861. font-size: 9px;
  862. color: {color:text};
  863. }
  864.  
  865. .tumblr_avatar {
  866. display: inline-block;
  867. float: left;
  868. margin-top: 5px;
  869. margin-right: 5px;
  870. width: 20px;
  871. height: 20px;
  872. border-radius: 2px;
  873. }
  874.  
  875. .tmblr-attribution {
  876. margin-top: -5px;
  877. margin-left: 10px;
  878. width: 95%;
  879. padding: 5px;
  880. text-transform: uppercase;
  881. font-size:7px;
  882. text-align: right;
  883. }
  884.  
  885.  
  886.  
  887.  
  888.  
  889. /* --- BLOCKQUOTES --------------------------------- */
  890. blockquote {
  891. margin-left: 0px;
  892. padding: 5px;
  893. width: 385px;
  894. background:{color:blockquote};
  895. border-left: 2px solid {color:blockquote border};
  896. }
  897.  
  898. blockquote blockquote {
  899. background:{color:blockquote};
  900. border: none;
  901. padding:0px;
  902. }
  903.  
  904. blockquote img {
  905. height: auto!important;
  906. max-width: 350px!important;
  907. }
  908.  
  909. .texts blockquote {
  910. margin-left: -2px;
  911. padding: 5px;
  912. width: 380px;
  913. background:{color:blockquote};
  914. border-left: 2px solid {color:blockquote border};
  915. }
  916.  
  917.  
  918.  
  919.  
  920.  
  921. /* --- SIDEBAR --------------------------------- */
  922. .sidebar {
  923. position:fixed;
  924. left:40px;
  925. top:0px;
  926. width: 250px;
  927. height:100%;
  928. }
  929.  
  930. .nav {
  931. display:block;
  932. position:fixed;
  933. bottom: 80px;
  934. padding:10px;
  935. width: 230px;
  936. text-transform:uppercase;
  937. text-align:right;
  938. font-weight:700;
  939. font-size: 16px;
  940. text-shadow:1px 1px 1px {color:links};
  941. }
  942.  
  943. .nav a {
  944. display:block;
  945. color:{color:nav links};
  946. }
  947.  
  948. .nav a:hover {
  949. color:{color:nav links hover};
  950. }
  951.  
  952.  
  953.  
  954.  
  955.  
  956.  
  957.  
  958.  
  959. /* --- PAGNATION --------------------------------- */
  960. .pagi {
  961. position:fixed;
  962. bottom: 40px!important;
  963. padding: 10px;
  964. width: 230px;
  965. font-size: 12px;
  966. font-family: 'Barlow', sans-serif;
  967. font-weight: 400;
  968. line-height: 1.8;
  969. letter-spacing: 0.5px;
  970. font-style: italic;
  971. text-transform: uppercase;
  972. text-align: right;
  973. }
  974.  
  975. .pagi a {
  976. color:{color:links};
  977. margin: 0px 8px;
  978. }
  979.  
  980. .pagi a:hover {
  981. color:{color:links hover};
  982. margin: 0px 8px;
  983. }
  984.  
  985. .current_page {
  986. padding-top: 5px;
  987. padding-left:10px;
  988. padding-right: 10px;
  989. padding-bottom: 5px;
  990. font-weight: 700;
  991. color:#fff;
  992. background:{color:links};
  993. border-radius: 4px;
  994. }
  995.  
  996.  
  997.  
  998.  
  999.  
  1000. /* --- QUESTIONS + ANSWERS --------------------------------- */
  1001. .question {
  1002. margin-bottom: 10px;
  1003. padding: 20px;
  1004. background: {color:question background};
  1005. }
  1006.  
  1007. .asker-question {
  1008. margin-top: 10px;
  1009. text-align: justify;
  1010. line-height: 1.8;
  1011. }
  1012.  
  1013. .asker {
  1014. display: block;
  1015. margin-top: -38px;
  1016. margin-left: 50px;
  1017. font-family: 'Barlow Semi Condensed', sans-serif;
  1018. font-weight: 700;
  1019. font-size: 14px;
  1020. text-transform: uppercase;
  1021. }
  1022.  
  1023. .asker-icon {
  1024. margin-right: 5px;
  1025. margin-bottom: 5px;
  1026. width: 30px;
  1027. height: 30px;
  1028. border: 5px solid {color:posts};
  1029. background: {color:posts};
  1030. }
  1031.  
  1032. .asker span {
  1033. display: block;
  1034. vertical-align: middle;
  1035. margin-top: -5px;
  1036. margin-left: 0px;
  1037. font-size: 9px;
  1038. font-weight: 400!important;
  1039. text-transform: lowercase;
  1040. }
  1041.  
  1042. .asker a {
  1043. margin-left: 0px;
  1044. color:{color:links};
  1045. font-weight: 700;
  1046. }
  1047.  
  1048. .asker a:hover {
  1049. color:{color:links hover};
  1050. font-weight: 700;
  1051. }
  1052.  
  1053. .answerer {
  1054. display: block;
  1055. margin-top: -52px;
  1056. margin-left: 40px;
  1057. margin-bottom: 10px;
  1058. font-family: 'Barlow Semi Condensed', sans-serif;
  1059. font-weight: 700;
  1060. font-size: 11px;
  1061. text-transform: uppercase;
  1062. }
  1063.  
  1064. .answerer-icon {
  1065. margin-right: 5px;
  1066. margin-bottom: 25px;
  1067. width: 24px;
  1068. height: 24px;
  1069. border: 5px solid {color:posts};
  1070. background: {color:posts};
  1071. }
  1072.  
  1073. .answerer a {
  1074. margin-left: 0px;
  1075. color:{color:links};
  1076. font-weight: 700;
  1077. }
  1078.  
  1079. .answerer a:hover {
  1080. color:{color:links hover};
  1081. font-weight: 700;
  1082. }
  1083.  
  1084. .answerer-question {
  1085. margin-top: 10px;
  1086. padding: 10px;
  1087. text-align: justify;
  1088. line-height: 1.8;
  1089. background: {color:accent};
  1090. }
  1091.  
  1092. .replies {
  1093. margin-top:-10px;
  1094. padding: 5px;
  1095. text-align: justify;
  1096. background:{color:blockqote};
  1097. }
  1098.  
  1099.  
  1100.  
  1101.  
  1102.  
  1103. /* --- CHAT POSTS --------------------------------- */
  1104. .chat ol {
  1105. padding: 0;
  1106. line-height: 180%;
  1107. list-style-type: none !important;
  1108. color: {color:chat text};
  1109. }
  1110.  
  1111. .chat li {
  1112. list-style-type: none !important;
  1113. color: {color:chat text};
  1114. }
  1115.  
  1116. .line.odd {
  1117. list-style-type: none !important;
  1118. margin-bottom: 2px;
  1119. padding: 5px;
  1120. color: {color:chat text};
  1121. background: {color:chat odd};
  1122. }
  1123.  
  1124. .line.even {
  1125. list-style-type: none !important;
  1126. margin-bottom: 2px;
  1127. padding: 5px;
  1128. color: {color:chat text};
  1129. background: {color:chat even};
  1130. }
  1131.  
  1132. .label {
  1133. padding-right: 1px;
  1134. letter-spacing: 0px;
  1135. text-transform: uppercase;
  1136. font-weight: 700!important;
  1137. font-size: 10px;
  1138. font-family: 'Barlow Semi Condensed', sans-serif;
  1139. color: {color:chat text};
  1140. }
  1141.  
  1142.  
  1143.  
  1144.  
  1145.  
  1146. /* --- QUOTES --------------------------------- */
  1147. .qwrap {
  1148. padding: 5px;
  1149. }
  1150.  
  1151. .quote {
  1152. margin: 30px;
  1153. padding: 30px;
  1154. text-align: center;
  1155. line-height: 1.4;
  1156. font-style: italic;
  1157. font-size: 14px;
  1158. font-weight: 900;
  1159. color: {color:text};
  1160. border-top: 1px solid {color:quote border};
  1161. border-bottom: 1px solid {color:quote border};
  1162. }
  1163.  
  1164. .quote a {
  1165. display: block;
  1166. color: {color:links};
  1167. }
  1168.  
  1169. .source {
  1170. display: block;
  1171. margin-top: 10px;
  1172. line-height: 1.2!important;
  1173. font-weight: 400;
  1174. font-size: 10px;
  1175. }
  1176.  
  1177. .source a.tumblr_blog {
  1178. display: none;
  1179. line-height: 1.2;
  1180. }
  1181.  
  1182.  
  1183.  
  1184.  
  1185.  
  1186.  
  1187. /* --- AUDIO --------------------------------- */
  1188. .audioplayer {
  1189. margin-top: 3px;
  1190. margin-left: 2px;
  1191. padding: 3px;
  1192. width: 27px;
  1193. height: 24px;
  1194. overflow: hidden;
  1195. }
  1196.  
  1197. #audioplayerbackground {
  1198. position: absolute;
  1199. z-index: 1;
  1200. width: 40px;
  1201. height: 40px;
  1202. margin-top: 8px;
  1203. margin-left: 5px;
  1204. background: #fff;
  1205. opacity: 0.8;
  1206. -webkit-transition: opacity 0.8s linear;
  1207. -webkit-transition: all 0.5s ease-out;
  1208. -moz-transition: all 0.5s ease-out;
  1209. transition: all 0.5s ease-out;
  1210. }
  1211.  
  1212. #audioplayerbackground:hover {
  1213. opacity: .4;
  1214. -webkit-transition: opacity 0.8s linear;
  1215. -webkit-transition: all 0.5s ease-out;
  1216. -moz-transition: all 0.5s ease-out;
  1217. transition: all 0.5s ease-out;
  1218. }
  1219.  
  1220. .music {
  1221. display: block;
  1222. margin-top: 0px;
  1223. margin-left: 0px;
  1224. margin-bottom: 5px;
  1225. padding: 5px;
  1226. width: 390px;
  1227. height: 55px;
  1228. text-align: center;
  1229. color: {color:text};
  1230. background: {color:music player background};
  1231. }
  1232.  
  1233. .song {
  1234. display:block;
  1235. margin-top:10px;
  1236. margin-bottom: 0px;
  1237. text-transform: uppercase;
  1238. letter-spacing: 0px;
  1239. text-align: center;
  1240. font-size: 14px;
  1241. font-weight: 700;
  1242. font-family: 'Barlow', sans-serif;
  1243. color: {color:music song title};
  1244. }
  1245.  
  1246. .trackinfo {
  1247. display:block;
  1248. letter-spacing: 0px;
  1249. line-height: 1.2;
  1250. text-align: center;
  1251. font-size: 10px;
  1252. font-family: 'Barlow', sans-serif;
  1253. color: {color:music track info};
  1254. }
  1255.  
  1256. .spotify_audio_player {
  1257. height: 80px !important;
  1258. width: 400px;
  1259. }
  1260.  
  1261.  
  1262.  
  1263.  
  1264.  
  1265.  
  1266. /* --- LINK POSTS --------------------------------- */
  1267. .link-tit {
  1268. margin-top: 0px;
  1269. padding:15px;
  1270. text-align: center;
  1271. text-transform: uppercase;
  1272. line-height: 1.3;
  1273. font-weight: 700;
  1274. font-size: 16px;
  1275. font-family: 'Barlow', sans-serif;
  1276. color: {color:post title};
  1277. background: {color:post title background};
  1278. }
  1279.  
  1280. .link-tit a {
  1281. color: {color:post title};
  1282. background: {color:post title background};
  1283. }
  1284.  
  1285. .link-tit a:hover {
  1286. color: {color:links};
  1287. background: {color:post title background};
  1288. }
  1289.  
  1290. .linkexpt {
  1291. margin-top: 10px;
  1292. margin-left: 1px;
  1293. padding: 5px;
  1294. width: 385px;
  1295. background:{color:link excerpt background};
  1296. border-left: 2px solid {color:blockquote border};
  1297. }
  1298.  
  1299. .linkdesc {
  1300. text-align:justify;
  1301. background:{color:posts};
  1302. }
  1303.  
  1304.  
  1305.  
  1306.  
  1307.  
  1308.  
  1309. /* --- VIDEO POSTS --------------------------------- */
  1310. .tumblr_video_container {
  1311. width: 400px;
  1312. height:auto!important;
  1313. }
  1314.  
  1315. video {
  1316. width: 400px;
  1317. height:auto!important;
  1318. }
  1319.  
  1320. blockquote video {
  1321. width: 400px;
  1322. height:auto!important;
  1323. }
  1324.  
  1325.  
  1326.  
  1327.  
  1328.  
  1329.  
  1330. /* --- DATE + TAGS + REBLOG/LIKED --------------------------------- */
  1331. .bottom {
  1332. position: relative;
  1333. margin: 10px 0px 5px -11px;
  1334. padding: 10px;
  1335. width: 402px;
  1336. border-top:1px solid {color:post borders};
  1337. background:{color:background};
  1338. {block:AskPage}
  1339. display:none!important;
  1340. {/block:AskPage}
  1341. }
  1342.  
  1343. .bottom a {
  1344. color:{color:info links};
  1345. text-transform: uppercase;
  1346. font-weight: 700;
  1347. }
  1348.  
  1349. .date {
  1350. display: inline-block;
  1351. margin-right:4px;
  1352. margin-left:-7px;
  1353. padding: 8px;
  1354. min-width: 95px;
  1355. max-width: 95px;
  1356. text-align: center;
  1357. color:{color:info links};
  1358. background:{color:info background};
  1359. border-bottom: 1px solid {color:info background};
  1360. }
  1361.  
  1362. .date:hover {
  1363. border-bottom: 1px solid {color:nav links border};
  1364. }
  1365.  
  1366. .nted {
  1367. display: inline-block;
  1368. margin-right: 4px;
  1369. padding: 8px;
  1370. min-width: 95px;
  1371. max-width: 95px;
  1372. text-align: center;
  1373. color:{color:info links};
  1374. background:{color:info background};
  1375. border-bottom: 1px solid {color:info background};
  1376. }
  1377.  
  1378. .nted:hover {
  1379. border-bottom: 1px solid {color:nav links border};
  1380. }
  1381.  
  1382. .rblg {
  1383. display: inline-block;
  1384. margin-right: 5px;
  1385. padding: 8px;
  1386. min-width: 72px;
  1387. max-width: 72px;
  1388. text-align: center;
  1389. color:{color:info links};
  1390. background:{color:info background};
  1391. border-bottom: 1px solid {color:info background};
  1392. }
  1393.  
  1394. .rblg:hover {
  1395. border-bottom: 1px solid {color:nav links border};
  1396. }
  1397.  
  1398. .lkd {
  1399. display: inline-block;
  1400. margin-right:-6px;
  1401. padding: 8px;
  1402. min-width: 72px;
  1403. max-width: 72px;
  1404. text-align: center;
  1405. color:{color:info links};
  1406. background:{color:info background};
  1407. border-bottom: 1px solid {color:info background};
  1408. }
  1409.  
  1410. .lkd:hover {
  1411. border-bottom: 1px solid {color:nav links border};
  1412. }
  1413.  
  1414. .like-b {
  1415. position:relative;
  1416. display:inline-block;
  1417. height:1em;
  1418. line-height:1em;
  1419. overflow:hidden;
  1420. margin-bottom:-1px;
  1421. }
  1422.  
  1423. .like-b .like_button iframe {
  1424. position:absolute;
  1425. top:0;
  1426. left:0;
  1427. bottom:0;
  1428. right:0;
  1429. z-index:2;
  1430. opacity:0;
  1431. }
  1432.  
  1433. .like-b .liked + .b {
  1434. color:inherit;
  1435. }
  1436.  
  1437. .like-b .liked + .b:after {
  1438. content:'d it!';
  1439. }
  1440.  
  1441. .tgs {
  1442. width:422px;
  1443. font-size:10px;
  1444. margin:-6px 15px -11px -11px;
  1445. text-transform:lowercase;
  1446. font-style:italic;
  1447. word-wrap:break-word;
  1448. background:{color:background};
  1449. {block:AskPage}
  1450. display:none!important;
  1451. {/block:AskPage}
  1452. }
  1453.  
  1454. .tgs a {
  1455. color:{color:tags};
  1456. }
  1457.  
  1458. .tgs a:not(:last-of-type) {
  1459. margin-right:5px;
  1460. color:{color:tags hover};
  1461. }
  1462. {/block:IndexPage}
  1463. {block:IfNotHomePage}
  1464.  
  1465.  
  1466.  
  1467.  
  1468. {block:TagPage}
  1469. .box, .box2, .box3, .htit {
  1470. display:none;
  1471. }
  1472.  
  1473. /* --- POSTS --------------------------------- */
  1474. #entries {
  1475. margin: 25px auto 175px 350px;
  1476. padding-top:20px;
  1477. width: 930px;
  1478. }
  1479.  
  1480. .posts {
  1481. float:left;
  1482. position: relative;
  1483. margin: 10px 10px 60px 10px;
  1484. padding: 10px;
  1485. width: 400px;
  1486. background:{color:posts};
  1487. border:1px solid {color:post borders};
  1488. }
  1489.  
  1490. .posts img {
  1491. max-width: 100%;
  1492. height: auto;
  1493. list-style-type:none;
  1494. cursor: pointer;
  1495. }
  1496.  
  1497. .posts li, .posts ol {
  1498. max-width: 100%;
  1499. height: auto;
  1500. list-style-type:none;
  1501. }
  1502.  
  1503. .texts {
  1504. text-align: justify;
  1505. margin-top: -5px;
  1506. padding-top: 0px;
  1507. padding-right: 5px;
  1508. padding-left: 5px;
  1509. padding-bottom: 0px;
  1510. }
  1511.  
  1512. .texts ul, .texts ul li{
  1513. list-style-type: square!important;
  1514. }
  1515.  
  1516. .texts ol, .texts ol li {
  1517. list-style-type: upper-roman!important;
  1518. }
  1519.  
  1520. h1, h2, h3 {
  1521. margin-top: 0px;
  1522. padding:15px;
  1523. text-align: center;
  1524. text-transform: uppercase;
  1525. line-height: 1.5;
  1526. font-weight: 700;
  1527. font-size: 16px;
  1528. font-family: 'Barlow', sans-serif;
  1529. color: {color:post title};
  1530. background: {color:post title background};
  1531. }
  1532.  
  1533.  
  1534.  
  1535.  
  1536.  
  1537. /* --- REBLOG LAYOUT --------------------------------- */
  1538. .reblog-header {
  1539. margin-top: -10px;
  1540. margin-left: -10px;
  1541. padding: 5px;
  1542. width: 410px;
  1543. border-bottom: 1px solid {color:post borders};
  1544. background:{color:posts};
  1545. }
  1546.  
  1547. .reblog-avatar {
  1548. display: inline-block;
  1549. margin-bottom: -10px;
  1550. padding: 10px;
  1551. vertical-align: middle;
  1552. line-height: 2.8;
  1553. }
  1554.  
  1555. .reblog-avatar img {
  1556. width: 20px;
  1557. height: auto;
  1558. border-radius: 4px;
  1559. }
  1560.  
  1561. .username {
  1562. display: inline-block;
  1563. margin-left: -6px;
  1564. text-transform: uppercase;
  1565. vertical-align: middle;
  1566. letter-spacing:0.5;
  1567. font-weight: 600;
  1568. font-size: 8px;
  1569. color:{color:text};
  1570. }
  1571.  
  1572. .username a {
  1573. color:{color:links};
  1574. }
  1575.  
  1576. .username a:hover {
  1577. color:{color:links hover};
  1578. }
  1579.  
  1580. .reblog-list {
  1581. margin-left: -5px;
  1582. padding: 5px;
  1583. width: 400px;
  1584. }
  1585.  
  1586. .reblog-content {
  1587. margin-left: -5px;
  1588. padding: 5px;
  1589. width: 400px;
  1590. overflow:hidden;
  1591. }
  1592.  
  1593. .reblog-content img {
  1594. height: auto!important;
  1595. max-width: 400px!important;
  1596. min-width: 400px!important;
  1597. }
  1598.  
  1599.  
  1600.  
  1601.  
  1602.  
  1603. /* --- UNESTED CAPTIONS --------------------------------- */
  1604. .tumblr_blog {
  1605. display: block;
  1606. margin-bottom: 5px;
  1607. margin-top: 5px;
  1608. vertical-align: middle;
  1609. line-height: 28px;
  1610. font-weight: 700;
  1611. font-size: 10px;
  1612. font-family: 'Barlow', sans-serif;
  1613. }
  1614.  
  1615. a.tumblr_blog {
  1616. display: inline-block;
  1617. margin-top: 6px;
  1618. padding-top: 3px;
  1619. padding-left: 5px;
  1620. padding-right: 5px;
  1621. padding-bottom: 3px;
  1622. height: 13px;
  1623. text-transform: uppercase;
  1624. line-height: 1.4;
  1625. font-weight: 700;
  1626. font-size: 9px;
  1627. color: {color:text};
  1628. }
  1629.  
  1630. .tumblr_avatar {
  1631. display: inline-block;
  1632. float: left;
  1633. margin-top: 5px;
  1634. margin-right: 5px;
  1635. width: 20px;
  1636. height: 20px;
  1637. border-radius: 2px;
  1638. }
  1639.  
  1640. .tmblr-attribution {
  1641. margin-top: -5px;
  1642. margin-left: 10px;
  1643. width: 95%;
  1644. padding: 5px;
  1645. text-transform: uppercase;
  1646. font-size:7px;
  1647. text-align: right;
  1648. }
  1649.  
  1650.  
  1651.  
  1652.  
  1653.  
  1654. /* --- BLOCKQUOTES --------------------------------- */
  1655. blockquote {
  1656. margin-left: 0px;
  1657. padding: 5px;
  1658. width: 385px;
  1659. background:{color:blockquote};
  1660. border-left: 2px solid {color:blockquote border};
  1661. }
  1662.  
  1663. blockquote blockquote {
  1664. background:{color:blockquote};
  1665. border: none;
  1666. padding:0px;
  1667. }
  1668.  
  1669. blockquote img {
  1670. height: auto!important;
  1671. max-width: 350px!important;
  1672. }
  1673.  
  1674. .texts blockquote {
  1675. margin-left: -2px;
  1676. padding: 5px;
  1677. width: 380px;
  1678. background:{color:blockquote};
  1679. border-left: 2px solid {color:blockquote border};
  1680. }
  1681.  
  1682.  
  1683.  
  1684.  
  1685.  
  1686. /* --- SIDEBAR --------------------------------- */
  1687. .sidebar {
  1688. position:fixed;
  1689. left:40px;
  1690. top:0px;
  1691. width: 250px;
  1692. height:100%;
  1693. }
  1694.  
  1695. .nav {
  1696. display:block;
  1697. position:fixed;
  1698. bottom: 80px;
  1699. padding:10px;
  1700. width: 230px;
  1701. text-transform:uppercase;
  1702. text-align:right;
  1703. font-weight:700;
  1704. font-size: 16px;
  1705. text-shadow:1px 1px 1px {color:links};
  1706. }
  1707.  
  1708. .nav a {
  1709. display:block;
  1710. color:{color:nav links};
  1711. }
  1712.  
  1713. .nav a:hover {
  1714. color:{color:nav links hover};
  1715. }
  1716.  
  1717.  
  1718.  
  1719.  
  1720.  
  1721.  
  1722.  
  1723.  
  1724. /* --- PAGNATION --------------------------------- */
  1725. .pagi {
  1726. position:fixed;
  1727. bottom: 40px!important;
  1728. padding: 10px;
  1729. width: 230px;
  1730. font-size: 12px;
  1731. font-family: 'Barlow', sans-serif;
  1732. font-weight: 400;
  1733. line-height: 1.8;
  1734. letter-spacing: 0.5px;
  1735. font-style: italic;
  1736. text-transform: uppercase;
  1737. text-align: right;
  1738. }
  1739.  
  1740. .pagi a {
  1741. color:{color:links};
  1742. margin: 0px 8px;
  1743. }
  1744.  
  1745. .pagi a:hover {
  1746. color:{color:links hover};
  1747. margin: 0px 8px;
  1748. }
  1749.  
  1750. .current_page {
  1751. padding-top: 5px;
  1752. padding-left:10px;
  1753. padding-right: 10px;
  1754. padding-bottom: 5px;
  1755. font-weight: 700;
  1756. color:#fff;
  1757. background:{color:links};
  1758. border-radius: 4px;
  1759. }
  1760.  
  1761.  
  1762.  
  1763.  
  1764.  
  1765. /* --- QUESTIONS + ANSWERS --------------------------------- */
  1766. .question {
  1767. margin-bottom: 10px;
  1768. padding: 20px;
  1769. background: {color:question background};
  1770. }
  1771.  
  1772. .asker-question {
  1773. margin-top: 10px;
  1774. text-align: justify;
  1775. line-height: 1.8;
  1776. }
  1777.  
  1778. .asker {
  1779. display: block;
  1780. margin-top: -38px;
  1781. margin-left: 50px;
  1782. font-family: 'Barlow Semi Condensed', sans-serif;
  1783. font-weight: 700;
  1784. font-size: 14px;
  1785. text-transform: uppercase;
  1786. }
  1787.  
  1788. .asker-icon {
  1789. margin-right: 5px;
  1790. margin-bottom: 5px;
  1791. width: 30px;
  1792. height: 30px;
  1793. border: 5px solid {color:posts};
  1794. background: {color:posts};
  1795. }
  1796.  
  1797. .asker span {
  1798. display: block;
  1799. vertical-align: middle;
  1800. margin-top: -5px;
  1801. margin-left: 0px;
  1802. font-size: 9px;
  1803. font-weight: 400!important;
  1804. text-transform: lowercase;
  1805. }
  1806.  
  1807. .asker a {
  1808. margin-left: 0px;
  1809. color:{color:links};
  1810. font-weight: 700;
  1811. }
  1812.  
  1813. .asker a:hover {
  1814. color:{color:links hover};
  1815. font-weight: 700;
  1816. }
  1817.  
  1818. .answerer {
  1819. display: block;
  1820. margin-top: -52px;
  1821. margin-left: 40px;
  1822. margin-bottom: 10px;
  1823. font-family: 'Barlow Semi Condensed', sans-serif;
  1824. font-weight: 700;
  1825. font-size: 11px;
  1826. text-transform: uppercase;
  1827. }
  1828.  
  1829. .answerer-icon {
  1830. margin-right: 5px;
  1831. margin-bottom: 25px;
  1832. width: 24px;
  1833. height: 24px;
  1834. border: 5px solid {color:posts};
  1835. background: {color:posts};
  1836. }
  1837.  
  1838. .answerer a {
  1839. margin-left: 0px;
  1840. color:{color:links};
  1841. font-weight: 700;
  1842. }
  1843.  
  1844. .answerer a:hover {
  1845. color:{color:links hover};
  1846. font-weight: 700;
  1847. }
  1848.  
  1849. .answerer-question {
  1850. margin-top: 10px;
  1851. padding: 10px;
  1852. text-align: justify;
  1853. line-height: 1.8;
  1854. background: {color:accent};
  1855. }
  1856.  
  1857. .replies {
  1858. margin-top:-10px;
  1859. padding: 5px;
  1860. text-align: justify;
  1861. background:{color:blockqote};
  1862. }
  1863.  
  1864.  
  1865.  
  1866.  
  1867.  
  1868. /* --- CHAT POSTS --------------------------------- */
  1869. .chat ol {
  1870. padding: 0;
  1871. line-height: 180%;
  1872. list-style-type: none !important;
  1873. color: {color:chat text};
  1874. }
  1875.  
  1876. .chat li {
  1877. list-style-type: none !important;
  1878. color: {color:chat text};
  1879. }
  1880.  
  1881. .line.odd {
  1882. list-style-type: none !important;
  1883. margin-bottom: 2px;
  1884. padding: 5px;
  1885. color: {color:chat text};
  1886. background: {color:chat odd};
  1887. }
  1888.  
  1889. .line.even {
  1890. list-style-type: none !important;
  1891. margin-bottom: 2px;
  1892. padding: 5px;
  1893. color: {color:chat text};
  1894. background: {color:chat even};
  1895. }
  1896.  
  1897. .label {
  1898. padding-right: 1px;
  1899. letter-spacing: 0px;
  1900. text-transform: uppercase;
  1901. font-weight: 700!important;
  1902. font-size: 10px;
  1903. font-family: 'Barlow Semi Condensed', sans-serif;
  1904. color: {color:chat text};
  1905. }
  1906.  
  1907.  
  1908.  
  1909.  
  1910.  
  1911. /* --- QUOTES --------------------------------- */
  1912. .qwrap {
  1913. padding: 5px;
  1914. }
  1915.  
  1916. .quote {
  1917. margin: 30px;
  1918. padding: 30px;
  1919. text-align: center;
  1920. line-height: 1.4;
  1921. font-style: italic;
  1922. font-size: 14px;
  1923. font-weight: 900;
  1924. color: {color:text};
  1925. border-top: 1px solid {color:quote border};
  1926. border-bottom: 1px solid {color:quote border};
  1927. }
  1928.  
  1929. .quote a {
  1930. display: block;
  1931. color: {color:links};
  1932. }
  1933.  
  1934. .source {
  1935. display: block;
  1936. margin-top: 10px;
  1937. line-height: 1.2!important;
  1938. font-weight: 400;
  1939. font-size: 10px;
  1940. }
  1941.  
  1942. .source a.tumblr_blog {
  1943. display: none;
  1944. line-height: 1.2;
  1945. }
  1946.  
  1947.  
  1948.  
  1949.  
  1950.  
  1951.  
  1952. /* --- AUDIO --------------------------------- */
  1953. .audioplayer {
  1954. margin-top: 3px;
  1955. margin-left: 2px;
  1956. padding: 3px;
  1957. width: 27px;
  1958. height: 24px;
  1959. overflow: hidden;
  1960. }
  1961.  
  1962. #audioplayerbackground {
  1963. position: absolute;
  1964. z-index: 1;
  1965. width: 40px;
  1966. height: 40px;
  1967. margin-top: 8px;
  1968. margin-left: 5px;
  1969. background: #fff;
  1970. opacity: 0.8;
  1971. -webkit-transition: opacity 0.8s linear;
  1972. -webkit-transition: all 0.5s ease-out;
  1973. -moz-transition: all 0.5s ease-out;
  1974. transition: all 0.5s ease-out;
  1975. }
  1976.  
  1977. #audioplayerbackground:hover {
  1978. opacity: .4;
  1979. -webkit-transition: opacity 0.8s linear;
  1980. -webkit-transition: all 0.5s ease-out;
  1981. -moz-transition: all 0.5s ease-out;
  1982. transition: all 0.5s ease-out;
  1983. }
  1984.  
  1985. .music {
  1986. display: block;
  1987. margin-top: 0px;
  1988. margin-left: 0px;
  1989. margin-bottom: 5px;
  1990. padding: 5px;
  1991. width: 390px;
  1992. height: 55px;
  1993. text-align: center;
  1994. color: {color:text};
  1995. background: {color:music player background};
  1996. }
  1997.  
  1998. .song {
  1999. display:block;
  2000. margin-top:10px;
  2001. margin-bottom: 0px;
  2002. text-transform: uppercase;
  2003. letter-spacing: 0px;
  2004. text-align: center;
  2005. font-size: 14px;
  2006. font-weight: 700;
  2007. font-family: 'Barlow', sans-serif;
  2008. color: {color:music song title};
  2009. }
  2010.  
  2011. .trackinfo {
  2012. display:block;
  2013. letter-spacing: 0px;
  2014. line-height: 1.2;
  2015. text-align: center;
  2016. font-size: 10px;
  2017. font-family: 'Barlow', sans-serif;
  2018. color: {color:music track info};
  2019. }
  2020.  
  2021. .spotify_audio_player {
  2022. height: 80px !important;
  2023. width: 400px;
  2024. }
  2025.  
  2026.  
  2027.  
  2028.  
  2029.  
  2030.  
  2031. /* --- LINK POSTS --------------------------------- */
  2032. .link-tit {
  2033. margin-top: 0px;
  2034. padding:15px;
  2035. text-align: center;
  2036. text-transform: uppercase;
  2037. line-height: 1.3;
  2038. font-weight: 700;
  2039. font-size: 16px;
  2040. font-family: 'Barlow', sans-serif;
  2041. color: {color:post title};
  2042. background: {color:post title background};
  2043. }
  2044.  
  2045. .link-tit a {
  2046. color: {color:post title};
  2047. background: {color:post title background};
  2048. }
  2049.  
  2050. .link-tit a:hover {
  2051. color: {color:links};
  2052. background: {color:post title background};
  2053. }
  2054.  
  2055. .linkexpt {
  2056. margin-top: 10px;
  2057. margin-left: 1px;
  2058. padding: 5px;
  2059. width: 385px;
  2060. background:{color:link excerpt background};
  2061. border-left: 2px solid {color:blockquote border};
  2062. }
  2063.  
  2064. .linkdesc {
  2065. text-align:justify;
  2066. background:{color:posts};
  2067. }
  2068.  
  2069.  
  2070.  
  2071.  
  2072.  
  2073.  
  2074. /* --- VIDEO POSTS --------------------------------- */
  2075. .tumblr_video_container {
  2076. width: 400px;
  2077. height:auto!important;
  2078. }
  2079.  
  2080. video {
  2081. width: 400px;
  2082. height:auto!important;
  2083. }
  2084.  
  2085. blockquote video {
  2086. width: 400px;
  2087. height:auto!important;
  2088. }
  2089.  
  2090.  
  2091.  
  2092.  
  2093.  
  2094.  
  2095. /* --- DATE + TAGS + REBLOG/LIKED --------------------------------- */
  2096. .bottom {
  2097. position: relative;
  2098. margin: 10px 0px 5px -11px;
  2099. padding: 10px;
  2100. width: 402px;
  2101. border-top:1px solid {color:post borders};
  2102. background:{color:background};
  2103. {block:AskPage}
  2104. display:none!important;
  2105. {/block:AskPage}
  2106. }
  2107.  
  2108. .bottom a {
  2109. color:{color:info links};
  2110. text-transform: uppercase;
  2111. font-weight: 700;
  2112. }
  2113.  
  2114. .date {
  2115. display: inline-block;
  2116. margin-right:4px;
  2117. margin-left:-7px;
  2118. padding: 8px;
  2119. min-width: 95px;
  2120. max-width: 95px;
  2121. text-align: center;
  2122. color:{color:info links};
  2123. background:{color:info background};
  2124. border-bottom: 1px solid {color:info background};
  2125. }
  2126.  
  2127. .date:hover {
  2128. border-bottom: 1px solid {color:nav links border};
  2129. }
  2130.  
  2131. .nted {
  2132. display: inline-block;
  2133. margin-right: 4px;
  2134. padding: 8px;
  2135. min-width: 95px;
  2136. max-width: 95px;
  2137. text-align: center;
  2138. color:{color:info links};
  2139. background:{color:info background};
  2140. border-bottom: 1px solid {color:info background};
  2141. }
  2142.  
  2143. .nted:hover {
  2144. border-bottom: 1px solid {color:nav links border};
  2145. }
  2146.  
  2147. .rblg {
  2148. display: inline-block;
  2149. margin-right: 5px;
  2150. padding: 8px;
  2151. min-width: 72px;
  2152. max-width: 72px;
  2153. text-align: center;
  2154. color:{color:info links};
  2155. background:{color:info background};
  2156. border-bottom: 1px solid {color:info background};
  2157. }
  2158.  
  2159. .rblg:hover {
  2160. border-bottom: 1px solid {color:nav links border};
  2161. }
  2162.  
  2163. .lkd {
  2164. display: inline-block;
  2165. margin-right:-6px;
  2166. padding: 8px;
  2167. min-width: 72px;
  2168. max-width: 72px;
  2169. text-align: center;
  2170. color:{color:info links};
  2171. background:{color:info background};
  2172. border-bottom: 1px solid {color:info background};
  2173. }
  2174.  
  2175. .lkd:hover {
  2176. border-bottom: 1px solid {color:nav links border};
  2177. }
  2178.  
  2179. .like-b {
  2180. position:relative;
  2181. display:inline-block;
  2182. height:1em;
  2183. line-height:1em;
  2184. overflow:hidden;
  2185. margin-bottom:-1px;
  2186. }
  2187.  
  2188. .like-b .like_button iframe {
  2189. position:absolute;
  2190. top:0;
  2191. left:0;
  2192. bottom:0;
  2193. right:0;
  2194. z-index:2;
  2195. opacity:0;
  2196. }
  2197.  
  2198. .like-b .liked + .b {
  2199. color:inherit;
  2200. }
  2201.  
  2202. .like-b .liked + .b:after {
  2203. content:'d it!';
  2204. }
  2205.  
  2206. .tgs {
  2207. width:422px;
  2208. font-size:10px;
  2209. margin:-6px 15px -11px -11px;
  2210. text-transform:lowercase;
  2211. font-style:italic;
  2212. word-wrap:break-word;
  2213. background:{color:background};
  2214. {block:AskPage}
  2215. display:none!important;
  2216. {/block:AskPage}
  2217. }
  2218.  
  2219. .tgs a {
  2220. color:{color:tags};
  2221. }
  2222.  
  2223. .tgs a:not(:last-of-type) {
  2224. margin-right:5px;
  2225. color:{color:tags hover};
  2226. }
  2227. {/block:TagPage}
  2228.  
  2229.  
  2230.  
  2231.  
  2232.  
  2233. {block:PermalinkPage}
  2234. .box, .box2, .box3, .htit {
  2235. display:none;
  2236. }
  2237.  
  2238. /* --- POSTS --------------------------------- */
  2239. #entries {
  2240. margin: 25px auto 175px 350px;
  2241. padding-top:20px;
  2242. width: 540px;
  2243. }
  2244.  
  2245. .posts {
  2246. float:left;
  2247. position: relative;
  2248. margin: 10px 10px 10px 10px;
  2249. padding: 10px;
  2250. width: 500px;
  2251. background:{color:posts};
  2252. border:1px solid {color:post borders};
  2253. }
  2254.  
  2255. .posts img {
  2256. max-width: 100%;
  2257. height: auto;
  2258. list-style-type:none;
  2259. cursor: pointer;
  2260. }
  2261.  
  2262. .posts li, .posts ol {
  2263. max-width: 100%;
  2264. height: auto;
  2265. list-style-type:none;
  2266. }
  2267.  
  2268. .texts {
  2269. text-align: justify;
  2270. margin-top: -5px;
  2271. padding-top: 0px;
  2272. padding-right: 5px;
  2273. padding-left: 5px;
  2274. padding-bottom: 0px;
  2275. }
  2276.  
  2277. .texts ul, .texts ul li{
  2278. list-style-type: square!important;
  2279. }
  2280.  
  2281. .texts ol, .texts ol li {
  2282. list-style-type: upper-roman!important;
  2283. }
  2284.  
  2285. h1, h2, h3 {
  2286. margin-top: 0px;
  2287. padding:15px;
  2288. text-align: center;
  2289. text-transform: uppercase;
  2290. line-height: 1.5;
  2291. font-weight: 700;
  2292. font-size: 16px;
  2293. font-family: 'Barlow', sans-serif;
  2294. color: {color:post title};
  2295. background: {color:post title background};
  2296. }
  2297.  
  2298.  
  2299.  
  2300.  
  2301.  
  2302. /* --- REBLOG LAYOUT --------------------------------- */
  2303. .reblog-header {
  2304. margin-top: -10px;
  2305. margin-left: -10px;
  2306. padding: 5px;
  2307. width: 510px;
  2308. border-bottom: 1px solid {color:post borders};
  2309. background:{color:posts};
  2310. }
  2311.  
  2312. .reblog-avatar {
  2313. display: inline-block;
  2314. margin-bottom: -10px;
  2315. padding: 10px;
  2316. vertical-align: middle;
  2317. line-height: 2.8;
  2318. }
  2319.  
  2320. .reblog-avatar img {
  2321. width: 20px;
  2322. height: auto;
  2323. border-radius: 4px;
  2324. }
  2325.  
  2326. .username {
  2327. display: inline-block;
  2328. margin-left: -6px;
  2329. text-transform: uppercase;
  2330. vertical-align: middle;
  2331. letter-spacing:0.5;
  2332. font-weight: 600;
  2333. font-size: 8px;
  2334. color:{color:text};
  2335. }
  2336.  
  2337. .username a {
  2338. color:{color:links};
  2339. }
  2340.  
  2341. .username a:hover {
  2342. color:{color:links hover};
  2343. }
  2344.  
  2345. .reblog-list {
  2346. margin-left: -5px;
  2347. padding: 5px;
  2348. width: 500px;
  2349. }
  2350.  
  2351. .reblog-content {
  2352. margin-left: -5px;
  2353. padding: 5px;
  2354. width: 500px;
  2355. overflow:hidden;
  2356. }
  2357.  
  2358. .reblog-content img {
  2359. height: auto!important;
  2360. max-width: 500px!important;
  2361. min-width: 500px!important;
  2362. }
  2363.  
  2364.  
  2365.  
  2366.  
  2367.  
  2368. /* --- UNESTED CAPTIONS --------------------------------- */
  2369. .tumblr_blog {
  2370. display: block;
  2371. margin-bottom: 5px;
  2372. margin-top: 5px;
  2373. vertical-align: middle;
  2374. line-height: 28px;
  2375. font-weight: 700;
  2376. font-size: 10px;
  2377. font-family: 'Barlow', sans-serif;
  2378. }
  2379.  
  2380. a.tumblr_blog {
  2381. display: inline-block;
  2382. margin-top: 6px;
  2383. padding-top: 3px;
  2384. padding-left: 5px;
  2385. padding-right: 5px;
  2386. padding-bottom: 3px;
  2387. height: 13px;
  2388. text-transform: uppercase;
  2389. line-height: 1.4;
  2390. font-weight: 700;
  2391. font-size: 9px;
  2392. color: {color:text};
  2393. }
  2394.  
  2395. .tumblr_avatar {
  2396. display: inline-block;
  2397. float: left;
  2398. margin-top: 5px;
  2399. margin-right: 5px;
  2400. width: 20px;
  2401. height: 20px;
  2402. border-radius: 2px;
  2403. }
  2404.  
  2405. .tmblr-attribution {
  2406. margin-top: -5px;
  2407. margin-left: 10px;
  2408. width: 95%;
  2409. padding: 5px;
  2410. text-transform: uppercase;
  2411. font-size:7px;
  2412. text-align: right;
  2413. }
  2414.  
  2415.  
  2416.  
  2417.  
  2418.  
  2419. /* --- BLOCKQUOTES --------------------------------- */
  2420. blockquote {
  2421. margin-left: 0px;
  2422. padding: 5px;
  2423. width: 485px;
  2424. background:{color:blockquote};
  2425. border-left: 2px solid {color:blockquote border};
  2426. }
  2427.  
  2428. blockquote blockquote {
  2429. background:{color:blockquote};
  2430. border: none;
  2431. padding:0px;
  2432. }
  2433.  
  2434. blockquote img {
  2435. height: auto!important;
  2436. max-width: 450px!important;
  2437. }
  2438.  
  2439. .texts blockquote {
  2440. margin-left: -2px;
  2441. padding: 5px;
  2442. width: 480px;
  2443. background:{color:blockquote};
  2444. border-left: 2px solid {color:blockquote border};
  2445. }
  2446.  
  2447.  
  2448.  
  2449.  
  2450.  
  2451. /* --- SIDEBAR --------------------------------- */
  2452. .sidebar {
  2453. position:fixed;
  2454. left:40px;
  2455. top:0px;
  2456. width: 250px;
  2457. height:100%;
  2458. }
  2459.  
  2460. .nav {
  2461. display:block;
  2462. position:fixed;
  2463. bottom: 40px!important;
  2464. padding:10px;
  2465. width: 230px;
  2466. text-transform:uppercase;
  2467. text-align:right;
  2468. font-weight:700;
  2469. font-size: 16px;
  2470. text-shadow:1px 1px 1px {color:links};
  2471. }
  2472.  
  2473. .nav a {
  2474. display:block;
  2475. color:{color:nav links};
  2476. }
  2477.  
  2478. .nav a:hover {
  2479. color:{color:nav links hover};
  2480. }
  2481.  
  2482.  
  2483.  
  2484.  
  2485.  
  2486.  
  2487. /* --- VIDEO POSTS --------------------------------- */
  2488. .tumblr_video_container {
  2489. width: 500px;
  2490. height:auto!important;
  2491. }
  2492.  
  2493. video {
  2494. width: 500px;
  2495. height:auto!important;
  2496. }
  2497.  
  2498. blockquote video {
  2499. width: 500px;
  2500. height:auto!important;
  2501. }
  2502.  
  2503.  
  2504.  
  2505.  
  2506.  
  2507.  
  2508. /* --- AUDIO --------------------------------- */
  2509. .audioplayer {
  2510. margin-top: 3px;
  2511. margin-left: 2px;
  2512. padding: 3px;
  2513. width: 27px;
  2514. height: 24px;
  2515. overflow: hidden;
  2516. }
  2517.  
  2518. #audioplayerbackground {
  2519. position: absolute;
  2520. z-index: 1;
  2521. width: 40px;
  2522. height: 40px;
  2523. margin-top: 8px;
  2524. margin-left: 5px;
  2525. background: #fff;
  2526. opacity: 0.8;
  2527. -webkit-transition: opacity 0.8s linear;
  2528. -webkit-transition: all 0.5s ease-out;
  2529. -moz-transition: all 0.5s ease-out;
  2530. transition: all 0.5s ease-out;
  2531. }
  2532.  
  2533. #audioplayerbackground:hover {
  2534. opacity: .4;
  2535. -webkit-transition: opacity 0.8s linear;
  2536. -webkit-transition: all 0.5s ease-out;
  2537. -moz-transition: all 0.5s ease-out;
  2538. transition: all 0.5s ease-out;
  2539. }
  2540.  
  2541. .music {
  2542. display: block;
  2543. margin-top: 0px;
  2544. margin-left: 0px;
  2545. margin-bottom: 5px;
  2546. padding: 5px;
  2547. width: 490px;
  2548. height: 55px;
  2549. text-align: center;
  2550. color: {color:text};
  2551. background: {color:music player background};
  2552. }
  2553.  
  2554. .song {
  2555. display:block;
  2556. margin-top:10px;
  2557. margin-bottom: 0px;
  2558. text-transform: uppercase;
  2559. letter-spacing: 0px;
  2560. text-align: center;
  2561. font-size: 14px;
  2562. font-weight: 700;
  2563. font-family: 'Barlow', sans-serif;
  2564. color: {color:music song title};
  2565. }
  2566.  
  2567. .trackinfo {
  2568. display:block;
  2569. letter-spacing: 0px;
  2570. line-height: 1.2;
  2571. text-align: center;
  2572. font-size: 10px;
  2573. font-family: 'Barlow', sans-serif;
  2574. color: {color:music track info};
  2575. }
  2576.  
  2577. .spotify_audio_player {
  2578. height: 80px !important;
  2579. width: 500px;
  2580. }
  2581.  
  2582.  
  2583.  
  2584.  
  2585.  
  2586.  
  2587. /* --- DATE + TAGS + REBLOG/LIKED --------------------------------- */
  2588. .bottom {
  2589. position: relative;
  2590. margin: -40px 0px 5px 8px;
  2591. padding: 10px;
  2592. width: 522px;
  2593. {block:AskPage}
  2594. display:none!important;
  2595. {/block:AskPage}
  2596. }
  2597.  
  2598. .bottom a {
  2599. color:{color:info links};
  2600. text-transform: uppercase;
  2601. font-weight: 700;
  2602. }
  2603.  
  2604. .date {
  2605. display: inline-block;
  2606. margin-right:4px;
  2607. margin-left:-7px;
  2608. padding: 8px;
  2609. min-width: 120px;
  2610. max-width: 120px;
  2611. text-align: center;
  2612. color:{color:info links};
  2613. background:{color:info background};
  2614. border-bottom: 1px solid {color:info background};
  2615. }
  2616.  
  2617. .date:hover {
  2618. border-bottom: 1px solid {color:nav links border};
  2619. }
  2620.  
  2621. .nted {
  2622. display: inline-block;
  2623. margin-right: 4px;
  2624. padding: 8px;
  2625. min-width: 120px;
  2626. max-width: 120px;
  2627. text-align: center;
  2628. color:{color:info links};
  2629. background:{color:info background};
  2630. border-bottom: 1px solid {color:info background};
  2631. }
  2632.  
  2633. .nted:hover {
  2634. border-bottom: 1px solid {color:nav links border};
  2635. }
  2636.  
  2637. .rblg {
  2638. display: inline-block;
  2639. margin-right: 5px;
  2640. padding: 8px;
  2641. min-width: 100px;
  2642. max-width: 100px;
  2643. text-align: center;
  2644. color:{color:info links};
  2645. background:{color:info background};
  2646. border-bottom: 1px solid {color:info background};
  2647. }
  2648.  
  2649. .rblg:hover {
  2650. border-bottom: 1px solid {color:nav links border};
  2651. }
  2652.  
  2653. .lkd {
  2654. display: inline-block;
  2655. margin-right:-6px;
  2656. padding: 8px;
  2657. min-width: 100px;
  2658. max-width: 100px;
  2659. text-align: center;
  2660. color:{color:info links};
  2661. background:{color:info background};
  2662. border-bottom: 1px solid {color:info background};
  2663. }
  2664.  
  2665. .lkd:hover {
  2666. border-bottom: 1px solid {color:nav links border};
  2667. }
  2668.  
  2669. .like-b {
  2670. position:relative;
  2671. display:inline-block;
  2672. height:1em;
  2673. line-height:1em;
  2674. overflow:hidden;
  2675. margin-bottom:-1px;
  2676. }
  2677.  
  2678. .like-b .like_button iframe {
  2679. position:absolute;
  2680. top:0;
  2681. left:0;
  2682. bottom:0;
  2683. right:0;
  2684. z-index:2;
  2685. opacity:0;
  2686. }
  2687.  
  2688. .like-b .liked + .b {
  2689. color:inherit;
  2690. }
  2691.  
  2692. .like-b .liked + .b:after {
  2693. content:'d it!';
  2694. }
  2695.  
  2696. .tgs {
  2697. width:522px;
  2698. font-size:10px;
  2699. margin:-10px 15px 60px 11px;
  2700. text-transform:lowercase;
  2701. font-style:italic;
  2702. word-wrap:break-word;
  2703. {block:AskPage}
  2704. display:none!important;
  2705. {/block:AskPage}
  2706. }
  2707.  
  2708. .tgs a {
  2709. color:{color:tags};
  2710. }
  2711.  
  2712. .tgs a:not(:last-of-type) {
  2713. margin-right:5px;
  2714. color:{color:tags hover};
  2715. }
  2716.  
  2717.  
  2718.  
  2719.  
  2720.  
  2721. /* --- POST NOTES --------------------------------- */
  2722. ol.notes {
  2723. padding: 5px;
  2724. margin:20px 15px 10px 0px;
  2725. width: 510px;
  2726. list-style-type: none;
  2727. border-bottom: solid 1px {color:post borders};
  2728. }
  2729.  
  2730. ol.notes li.note {
  2731. margin:-10px 15px 10px 0px;
  2732. padding:5px;
  2733. width: 510px;
  2734. border-top: solid 1px {color:post borders};
  2735. padding: 10px;
  2736. }
  2737.  
  2738. ol.notes li.note img.avatar {
  2739. vertical-align: -4px;
  2740. margin-right: 10px;
  2741. width: 16px;
  2742. height: 16px;
  2743. }
  2744.  
  2745. ol.notes li.note span.action {
  2746. font-weight: bold;
  2747. }
  2748.  
  2749. ol.notes li.note .answer_content {
  2750. font-weight: normal;
  2751. }
  2752.  
  2753. ol.notes li.note blockquote {
  2754. border-color: {color:post borders};
  2755. padding: 4px 10px;
  2756. margin: 10px 0px 0px 25px;
  2757. }
  2758.  
  2759. ol.notes li.note blockquote a {
  2760. text-decoration: none;
  2761. }
  2762. {/block:PermalinkPage}
  2763.  
  2764. {CustomCSS}
  2765. </style>
  2766. </head>
  2767.  
  2768.  
  2769. <body>
  2770. <div class="container">
  2771. <div class="controls">
  2772. <a href="https://www.tumblr.com/follow/{Name}" title="follow"><span class="th th-plus-1-o"></span></a>
  2773. <a href="https://www.tumblr.com/message/{Name}" title="message"><span class="th th-chat-bubble-o"></span></a>
  2774. <a href="https://www.tumblr.com/dashboard" title="dashboard"><span class="th th-dial-o"></span></a>
  2775. </div><!-- end controls -->
  2776.  
  2777.  
  2778. <div class="wrapper_notfound">
  2779. <div class="actual_notfound">
  2780. <h1>Not Found</h1>
  2781. Lo siento, mis amigos. What you are looking for does not exist.
  2782. Please go <a href="https://{text:URL Name}.tumblr.com/">here</a> to return to the main page.
  2783. </div>
  2784. </div>
  2785.  
  2786. {block:IfHomePage}
  2787. {/block:HomePage}
  2788. <div class="htit">{text:Homepage Title}</div><!-- end htit -->
  2789.  
  2790. <div class="box">
  2791. <img src="{image:Homepage Banner}">
  2792. <div class="desc"><i class="fas fa-asterisk"></i>{text:Homepage Info Left}</div><!-- end desc -->
  2793. <div class="desc2"><i class="fas fa-asterisk"></i>{text:Homepage Info Right}</div><!-- end desc2 -->
  2794. </div><!-- end box -->
  2795.  
  2796.  
  2797.  
  2798. <div class="box3">
  2799. <b>{text:Homepage Title Two}</b>
  2800. <div class="homenav">
  2801. <a href="{text:Homepage Link One}">{text:Homepage Link One Title}</a>
  2802. <a href="{text:Homepage Link Two}">{text:Homepage Link Two Title}</a>
  2803. <a href="{text:Homepage Link Three}">{text:Homepage Link Three Title}</a>
  2804. <a href="{text:Homepage Link Four}">{text:Homepage Link Four Title}</a>
  2805. </div>
  2806. </div><!-- end box3 -->
  2807.  
  2808.  
  2809.  
  2810.  
  2811. <div class="box2">
  2812. <div class="leftp">
  2813. <img src="{image:Homepage Large Left}">
  2814. <b>{text:Homepage Title Three}</b>
  2815. {text:Homepage Left Info}
  2816. </div><!-- end leftp -->
  2817.  
  2818. <div class="rightp">
  2819. <img src="{image:Homepage Large Right}">
  2820. <b>{text:Homepage Title Four}</b>
  2821. {text:Homepage Right Info}
  2822. </div><!-- end leftp -->
  2823.  
  2824. <div class="favs">
  2825. <b>{text:Homepage Title Five}</b>
  2826. <div class="favleft">
  2827. <ul>
  2828. <li><img src="{image:Homepage Tag One}"/><a href="{text:Homepage Tag One}"><p>{text:Homepage Tag One Title}</p></a></li>
  2829. <li><img src="{image:Homepage Tag Two}"/><a href="{text:Homepage Tag Two}"><p>{text:Homepage Tag Two Title}</p></a></li>
  2830. </ul>
  2831. </div><!-- end favleft -->
  2832. <div class="favright">
  2833. <ul>
  2834. <li><img src="{image:Homepage Tag Three}"/><a href="{text:Homepage Tag Three}"><p>{text:Homepage Tag Three Title}</p></a></li>
  2835. <li><img src="{image:Homepage Tag Four}"/><a href="{text:Homepage Tag Four}"><p>{text:Homepage Tag Four Title}</p></a></li>
  2836. </ul>
  2837. </div><!-- end favleft -->
  2838. </div><!-- end favs -->
  2839.  
  2840. <div class="searchbox">
  2841. <b>{text:Homepage Search Title}</b>
  2842. <center><form class="search" action="javascript:return false">
  2843. <input type="text" class="query" placeholder="keyword here...">
  2844. </form></center>
  2845. </div><!-- end searchbox -->
  2846.  
  2847. <div class="everything">
  2848. <b>{text:Homepage View All Title}</b>
  2849. <center><a href="{text:Homepage View All Link}">{text:Homepage View All Link Title}</a></center>
  2850. </div><!-- end searchbox -->
  2851. </div><!-- end box2 -->
  2852.  
  2853. {/block:HomePage}
  2854. {block:IfHomePage}
  2855.  
  2856.  
  2857.  
  2858.  
  2859.  
  2860. {block:IfNotHomePage}
  2861. {block:IndexPage}
  2862. <div class="sidebar">
  2863. <div class="nav">
  2864. <a href="/">Homepage</a>
  2865. <a href="/ask">Contact</a>
  2866. {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title}
  2867. {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2Title}
  2868. {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title}
  2869. {block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4Title}
  2870. {block:ifLink5Title}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5Title}
  2871. {block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6Title}
  2872. </div><!--- end nav --->
  2873.  
  2874. <div class="pagi">
  2875. {block:Pagination}{block:JumpPagination length="5"}{block:CurrentPage}
  2876. <span class="current_page">{PageNumber}</span>
  2877. {/block:CurrentPage}{block:JumpPage}
  2878. <a class="jump_page" href="{URL}">{PageNumber}</a>
  2879. {/block:JumpPage}{/block:JumpPagination}{/block:Pagination}
  2880. </div><!--- end pagi --->
  2881. </div><!--- end sidebar --->
  2882.  
  2883.  
  2884.  
  2885. <div id="entries">
  2886. {block:Posts}
  2887. <div class="posts" id="{PostID}">
  2888. <!-- TEXT POSTS -->
  2889. {block:Text}
  2890. {block:Title}<h1>{Title}</h1>{/block:Title}
  2891. {block:NotReblog}
  2892. <div class="texts">{Body}</div><!--- end texts --->
  2893. {/block:NotReblog}
  2894.  
  2895. {block:RebloggedFrom}
  2896. <div class="reblog-list">
  2897. {block:Reblogs}
  2898. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  2899. <div class="reblog-header"><div class="reblog-avatar">
  2900. {block:IsActive}
  2901. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"><img src="{PortraitURL-64}"></a>
  2902. {/block:IsActive}
  2903.  
  2904. {block:IsDeactivated}
  2905. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"><img src="{PortraitURL-64}"></span>
  2906. {/block:IsDeactivated}</div><!-- end reblog-avatar -->
  2907.  
  2908. <div class="username">
  2909. {block:IsActive}
  2910. <a target="_blank" href="{Permalink}">{Username}</a>
  2911. {/block:IsActive}
  2912.  
  2913. {block:IsDeactivated}
  2914. <span class="inactive">{Username}</span>
  2915. {/block:IsDeactivated}
  2916. </div><!-- end username -->
  2917. </div><!-- end reblog-header -->
  2918. <div class="reblog-content">{Body}</div><!-- end reblog-content -->
  2919. </div><!-- end orginal entry -->
  2920. {/block:Reblogs}
  2921. </div><!-- end reblog-list -->
  2922. {/block:RebloggedFrom}
  2923. {/block:Text}
  2924.  
  2925.  
  2926. <!-- PHOTO POSTS -->
  2927. {block:Photo}<center>
  2928. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}</center>
  2929. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  2930. {/block:Photo}
  2931.  
  2932.  
  2933. <!-- PHOTOSETS POSTS -->
  2934. {block:Photoset}
  2935. <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>
  2936. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  2937. {/block:Photoset}
  2938.  
  2939.  
  2940. <!-- CHAT POSTS -->
  2941. {block:Chat}
  2942. {block:Title}
  2943. <h1>{Title}</h1>
  2944. {/block:Title}
  2945. <div class="post">
  2946. {block:Lines}
  2947. <li class="line {Alt}">
  2948. {block:Label}
  2949. <span class="label">
  2950. {Label}</span>
  2951. {/block:Label}{Line}</li>
  2952. {/block:Lines}
  2953. </div>
  2954. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  2955. {/block:Chat}
  2956.  
  2957.  
  2958. <!-- QUOTE POSTS -->
  2959. {block:Quote}
  2960. <div class="qwrap">
  2961. <div class="quote">
  2962. {Quote}
  2963. {block:Source}
  2964. <div class="source">- {Source}</div>
  2965. {/block:Source}
  2966. </div>
  2967. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  2968. </div>
  2969. {/block:Quote}
  2970.  
  2971.  
  2972. <!-- LINK POSTS -->
  2973. {block:Link}
  2974. {block:Thumbnail}<img src="{Thumbnail}">{/block:Thumbnail}
  2975. <div class="link-tit"><a href="{URL}" target="_blank">{Name}</a></div>
  2976. {block:Excerpt}<div class="linkexpt">{Excerpt}</div>{/block:Excerpt}
  2977. {block:Description}<div class="linkdesc">{Description}</div>{/block:Description}
  2978. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  2979. {/block:Link}
  2980.  
  2981.  
  2982. <!-- ANSWER POSTS -->
  2983. {block:Answer}
  2984. <div class="question">
  2985. <div class="asker-icon"><img src="{AskerPortraitURL-30}"></div>
  2986. <div class="asker">{Asker} <span>sent me something</span></div>
  2987. <div class="asker-question">{Question}</div>
  2988. </div><!-- end question -->
  2989.  
  2990. {block:Answerer}
  2991. <div class="answer">
  2992. <div class="answerer-question">
  2993. <div class="answerer-icon"><img src="{AnswererPortraitURL-24}"></div>
  2994. <div class="answerer">{Answerer}</div>
  2995. {Answer}</div>
  2996. </div><!-- end answer -->
  2997. {/block:Answerer}
  2998.  
  2999. <div class="replies">
  3000. {Replies}
  3001. </div><!-- end replies -->
  3002. {/block:Answer}
  3003.  
  3004.  
  3005. <!-- VIDEO POSTS -->
  3006. {block:Video}
  3007. <div class="video">{Video-500}</div>
  3008. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3009. {/block:Video}
  3010.  
  3011.  
  3012. <!-- AUDIO POSTS -->
  3013. {block:Audio}
  3014. <div class="music">
  3015. <div id="audioplayerbackground"><div class="audioplayer">{block:AudioPlayer}
  3016. {AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  3017. <span class="song">{block:TrackName} {TrackName} {/block:TrackName}</span>
  3018. <span class="trackinfo">{block:Artist} {Artist} {/block:Artist}
  3019. {block:Album}on {Album}{/block:Album}</span>
  3020. </div><!--- end music --->
  3021. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3022. {/block:Audio}
  3023.  
  3024.  
  3025.  
  3026. <div class="bottom">
  3027. <div class="date">{block:Date}<a title="Posted at {12HourWithZero}:{Minutes}{AmPm}" href="{Permalink}">{Month} {MonthNumberWithZero}, {Year}</a>{/block:Date}</div><!--- end date ---> <div class="nted"><a href="{Permalink}">{NoteCountWithLabel}</a></div><!--- end nted ---> <div class="rblg"><a href="{ReblogURL}" target="_blank">Reblog</a></div><!--- end rblg ---><div class="lkd"><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></div><!--- end lkd --->
  3028. </div><!--- end bottom --->
  3029.  
  3030.  
  3031. <div class="tgs">
  3032. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  3033. </div><!--- end tgs --->
  3034. </div><!--- end posts --->
  3035.  
  3036. {/block:Posts}
  3037.  
  3038.  
  3039. {block:PostNotes}
  3040. {PostNotes}
  3041. {/block:PostNotes}
  3042.  
  3043. </div><!--- end entries --->
  3044. {/block:IndexPage}
  3045. {/block:IfNotHomePage}
  3046.  
  3047.  
  3048.  
  3049.  
  3050.  
  3051.  
  3052. {block:TagPage}
  3053. <div class="sidebar">
  3054. <div class="nav">
  3055. <a href="/">Homepage</a>
  3056. <a href="/ask">Contact</a>
  3057. {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title}
  3058. {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2Title}
  3059. {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title}
  3060. {block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4Title}
  3061. {block:ifLink5Title}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5Title}
  3062. {block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6Title}
  3063. </div><!--- end nav --->
  3064.  
  3065. <div class="pagi">
  3066. {block:Pagination}{block:JumpPagination length="5"}{block:CurrentPage}
  3067. <span class="current_page">{PageNumber}</span>
  3068. {/block:CurrentPage}{block:JumpPage}
  3069. <a class="jump_page" href="{URL}">{PageNumber}</a>
  3070. {/block:JumpPage}{/block:JumpPagination}{/block:Pagination}
  3071. </div><!--- end pagi --->
  3072. </div><!--- end sidebar --->
  3073.  
  3074.  
  3075.  
  3076. <div id="entries">
  3077. {block:Posts}
  3078. <div class="posts" id="{PostID}">
  3079. <!-- TEXT POSTS -->
  3080. {block:Text}
  3081. {block:Title}<h1>{Title}</h1>{/block:Title}
  3082. {block:NotReblog}
  3083. <div class="texts">{Body}</div><!--- end texts --->
  3084. {/block:NotReblog}
  3085.  
  3086. {block:RebloggedFrom}
  3087. <div class="reblog-list">
  3088. {block:Reblogs}
  3089. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  3090. <div class="reblog-header"><div class="reblog-avatar">
  3091. {block:IsActive}
  3092. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"><img src="{PortraitURL-64}"></a>
  3093. {/block:IsActive}
  3094.  
  3095. {block:IsDeactivated}
  3096. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"><img src="{PortraitURL-64}"></span>
  3097. {/block:IsDeactivated}</div><!-- end reblog-avatar -->
  3098.  
  3099. <div class="username">
  3100. {block:IsActive}
  3101. <a target="_blank" href="{Permalink}">{Username}</a>
  3102. {/block:IsActive}
  3103.  
  3104. {block:IsDeactivated}
  3105. <span class="inactive">{Username}</span>
  3106. {/block:IsDeactivated}
  3107. </div><!-- end username -->
  3108. </div><!-- end reblog-header -->
  3109. <div class="reblog-content">{Body}</div><!-- end reblog-content -->
  3110. </div><!-- end orginal entry -->
  3111. {/block:Reblogs}
  3112. </div><!-- end reblog-list -->
  3113. {/block:RebloggedFrom}
  3114. {/block:Text}
  3115.  
  3116.  
  3117. <!-- PHOTO POSTS -->
  3118. {block:Photo}<center>
  3119. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}</center>
  3120. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3121. {/block:Photo}
  3122.  
  3123.  
  3124. <!-- PHOTOSETS POSTS -->
  3125. {block:Photoset}
  3126. <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>
  3127. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3128. {/block:Photoset}
  3129.  
  3130.  
  3131. <!-- CHAT POSTS -->
  3132. {block:Chat}
  3133. {block:Title}
  3134. <h1>{Title}</h1>
  3135. {/block:Title}
  3136. <div class="post">
  3137. {block:Lines}
  3138. <li class="line {Alt}">
  3139. {block:Label}
  3140. <span class="label">
  3141. {Label}</span>
  3142. {/block:Label}{Line}</li>
  3143. {/block:Lines}
  3144. </div>
  3145. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3146. {/block:Chat}
  3147.  
  3148.  
  3149. <!-- QUOTE POSTS -->
  3150. {block:Quote}
  3151. <div class="qwrap">
  3152. <div class="quote">
  3153. {Quote}
  3154. {block:Source}
  3155. <div class="source">- {Source}</div>
  3156. {/block:Source}
  3157. </div>
  3158. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3159. </div>
  3160. {/block:Quote}
  3161.  
  3162.  
  3163. <!-- LINK POSTS -->
  3164. {block:Link}
  3165. {block:Thumbnail}<img src="{Thumbnail}">{/block:Thumbnail}
  3166. <div class="link-tit"><a href="{URL}" target="_blank">{Name}</a></div>
  3167. {block:Excerpt}<div class="linkexpt">{Excerpt}</div>{/block:Excerpt}
  3168. {block:Description}<div class="linkdesc">{Description}</div>{/block:Description}
  3169. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3170. {/block:Link}
  3171.  
  3172.  
  3173. <!-- ANSWER POSTS -->
  3174. {block:Answer}
  3175. <div class="question">
  3176. <div class="asker-icon"><img src="{AskerPortraitURL-30}"></div>
  3177. <div class="asker">{Asker} <span>sent me something</span></div>
  3178. <div class="asker-question">{Question}</div>
  3179. </div><!-- end question -->
  3180.  
  3181. {block:Answerer}
  3182. <div class="answer">
  3183. <div class="answerer-question">
  3184. <div class="answerer-icon"><img src="{AnswererPortraitURL-24}"></div>
  3185. <div class="answerer">{Answerer}</div>
  3186. {Answer}</div>
  3187. </div><!-- end answer -->
  3188. {/block:Answerer}
  3189.  
  3190. <div class="replies">
  3191. {Replies}
  3192. </div><!-- end replies -->
  3193. {/block:Answer}
  3194.  
  3195.  
  3196. <!-- VIDEO POSTS -->
  3197. {block:Video}
  3198. <div class="video">{Video-500}</div>
  3199. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3200. {/block:Video}
  3201.  
  3202.  
  3203. <!-- AUDIO POSTS -->
  3204. {block:Audio}
  3205. <div class="music">
  3206. <div id="audioplayerbackground"><div class="audioplayer">{block:AudioPlayer}
  3207. {AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  3208. <span class="song">{block:TrackName} {TrackName} {/block:TrackName}</span>
  3209. <span class="trackinfo">{block:Artist} {Artist} {/block:Artist}
  3210. {block:Album}on {Album}{/block:Album}</span>
  3211. </div><!--- end music --->
  3212. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3213. {/block:Audio}
  3214.  
  3215.  
  3216.  
  3217. <div class="bottom">
  3218. <div class="date">{block:Date}<a title="Posted at {12HourWithZero}:{Minutes}{AmPm}" href="{Permalink}">{Month} {MonthNumberWithZero}, {Year}</a>{/block:Date}</div><!--- end date ---> <div class="nted"><a href="{Permalink}">{NoteCountWithLabel}</a></div><!--- end nted ---> <div class="rblg"><a href="{ReblogURL}" target="_blank">Reblog</a></div><!--- end rblg ---><div class="lkd"><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></div><!--- end lkd --->
  3219. </div><!--- end bottom --->
  3220.  
  3221.  
  3222. <div class="tgs">
  3223. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  3224. </div><!--- end tgs --->
  3225. </div><!--- end posts --->
  3226.  
  3227. {/block:Posts}
  3228.  
  3229.  
  3230. {block:PostNotes}
  3231. {PostNotes}
  3232. {/block:PostNotes}
  3233.  
  3234. </div><!--- end entries --->
  3235. {/block:TagPage}
  3236.  
  3237.  
  3238.  
  3239.  
  3240.  
  3241.  
  3242.  
  3243.  
  3244.  
  3245.  
  3246. {block:PermalinkPage}
  3247. <div class="sidebar">
  3248. <div class="nav">
  3249. <a href="/">Homepage</a>
  3250. <a href="/ask">Contact</a>
  3251. {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title}
  3252. {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2Title}
  3253. {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title}
  3254. {block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4Title}
  3255. {block:ifLink5Title}<a href="{text:Link 5}">{text:Link 5 Title}</a>{/block:ifLink5Title}
  3256. {block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6Title}
  3257. </div><!--- end nav --->
  3258. </div><!--- end sidebar --->
  3259.  
  3260.  
  3261.  
  3262. <div id="entries">
  3263. {block:Posts}
  3264. <div class="posts" id="{PostID}">
  3265. <!-- TEXT POSTS -->
  3266. {block:Text}
  3267. {block:Title}<h1>{Title}</h1>{/block:Title}
  3268. {block:NotReblog}
  3269. <div class="texts">{Body}</div><!--- end texts --->
  3270. {/block:NotReblog}
  3271.  
  3272. {block:RebloggedFrom}
  3273. <div class="reblog-list">
  3274. {block:Reblogs}
  3275. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  3276. <div class="reblog-header"><div class="reblog-avatar">
  3277. {block:IsActive}
  3278. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank"><img src="{PortraitURL-64}"></a>
  3279. {/block:IsActive}
  3280.  
  3281. {block:IsDeactivated}
  3282. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}"><img src="{PortraitURL-64}"></span>
  3283. {/block:IsDeactivated}</div><!-- end reblog-avatar -->
  3284.  
  3285. <div class="username">
  3286. {block:IsActive}
  3287. <a target="_blank" href="{Permalink}">{Username}</a>
  3288. {/block:IsActive}
  3289.  
  3290. {block:IsDeactivated}
  3291. <span class="inactive">{Username}</span>
  3292. {/block:IsDeactivated}
  3293. </div><!-- end username -->
  3294. </div><!-- end reblog-header -->
  3295. <div class="reblog-content">{Body}</div><!-- end reblog-content -->
  3296. </div><!-- end orginal entry -->
  3297. {/block:Reblogs}
  3298. </div><!-- end reblog-list -->
  3299. {/block:RebloggedFrom}
  3300. {/block:Text}
  3301.  
  3302.  
  3303. <!-- PHOTO POSTS -->
  3304. {block:Photo}<center>
  3305. {LinkOpenTag}<a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}"></a>{LinkCloseTag}</center>
  3306. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3307. {/block:Photo}
  3308.  
  3309.  
  3310. <!-- PHOTOSETS POSTS -->
  3311. {block:Photoset}
  3312. <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>
  3313. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3314. {/block:Photoset}
  3315.  
  3316.  
  3317. <!-- CHAT POSTS -->
  3318. {block:Chat}
  3319. {block:Title}
  3320. <h1>{Title}</h1>
  3321. {/block:Title}
  3322. <div class="post">
  3323. {block:Lines}
  3324. <li class="line {Alt}">
  3325. {block:Label}
  3326. <span class="label">
  3327. {Label}</span>
  3328. {/block:Label}{Line}</li>
  3329. {/block:Lines}
  3330. </div>
  3331. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3332. {/block:Chat}
  3333.  
  3334.  
  3335. <!-- QUOTE POSTS -->
  3336. {block:Quote}
  3337. <div class="qwrap">
  3338. <div class="quote">
  3339. {Quote}
  3340. {block:Source}
  3341. <div class="source">- {Source}</div>
  3342. {/block:Source}
  3343. </div>
  3344. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3345. </div>
  3346. {/block:Quote}
  3347.  
  3348.  
  3349. <!-- LINK POSTS -->
  3350. {block:Link}
  3351. {block:Thumbnail}<img src="{Thumbnail}">{/block:Thumbnail}
  3352. <div class="link-tit"><a href="{URL}" target="_blank">{Name}</a></div>
  3353. {block:Excerpt}<div class="linkexpt">{Excerpt}</div>{/block:Excerpt}
  3354. {block:Description}<div class="linkdesc">{Description}</div>{/block:Description}
  3355. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3356. {/block:Link}
  3357.  
  3358.  
  3359. <!-- ANSWER POSTS -->
  3360. {block:Answer}
  3361. <div class="question">
  3362. <div class="asker-icon"><img src="{AskerPortraitURL-30}"></div>
  3363. <div class="asker">{Asker} <span>sent me something</span></div>
  3364. <div class="asker-question">{Question}</div>
  3365. </div><!-- end question -->
  3366.  
  3367. {block:Answerer}
  3368. <div class="answer">
  3369. <div class="answerer-question">
  3370. <div class="answerer-icon"><img src="{AnswererPortraitURL-24}"></div>
  3371. <div class="answerer">{Answerer}</div>
  3372. {Answer}</div>
  3373. </div><!-- end answer -->
  3374. {/block:Answerer}
  3375.  
  3376. <div class="replies">
  3377. {Replies}
  3378. </div><!-- end replies -->
  3379. {/block:Answer}
  3380.  
  3381.  
  3382. <!-- VIDEO POSTS -->
  3383. {block:Video}
  3384. <div class="video">{Video-500}</div>
  3385. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3386. {/block:Video}
  3387.  
  3388.  
  3389. <!-- AUDIO POSTS -->
  3390. {block:Audio}
  3391. <div class="music">
  3392. <div id="audioplayerbackground"><div class="audioplayer">{block:AudioPlayer}
  3393. {AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  3394. <span class="song">{block:TrackName} {TrackName} {/block:TrackName}</span>
  3395. <span class="trackinfo">{block:Artist} {Artist} {/block:Artist}
  3396. {block:Album}on {Album}{/block:Album}</span>
  3397. </div><!--- end music --->
  3398. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  3399. {/block:Audio}
  3400. </div><!--- end posts --->
  3401.  
  3402.  
  3403. <div class="bottom">
  3404. <div class="date">{block:Date}<a title="Posted at {12HourWithZero}:{Minutes}{AmPm}" href="{Permalink}">{Month} {MonthNumberWithZero}, {Year}</a>{/block:Date}</div><!--- end date ---> <div class="nted"><a href="{Permalink}">{NoteCountWithLabel}</a></div><!--- end nted ---> <div class="rblg"><a href="{ReblogURL}" target="_blank">Reblog</a></div><!--- end rblg ---><div class="lkd"><a class="like-b" href="#">{LikeButton}<span class="b">like</span></a></div><!--- end lkd --->
  3405. </div><!--- end bottom --->
  3406.  
  3407.  
  3408. <div class="tgs">
  3409. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  3410. </div><!--- end tgs --->
  3411.  
  3412. {/block:Posts}
  3413.  
  3414.  
  3415. {block:PostNotes}
  3416. {PostNotes}
  3417. {/block:PostNotes}
  3418.  
  3419. </div><!--- end entries --->
  3420. {/block:PermalinkPage}
  3421. </div><!--- end container --->
  3422.  
  3423.  
  3424.  
  3425.  
  3426.  
  3427. <!---------------------------------------------------------------------------
  3428.  
  3429.  
  3430. ALL SCRIPTS: DO NOT TOUCH!
  3431.  
  3432.  
  3433. ---------------------------------------------------------------------------->
  3434.  
  3435.  
  3436.  
  3437. <!-- FONT AWSOME -->
  3438. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
  3439.  
  3440.  
  3441. <!-- GOOGLE FONT -->
  3442. <link href="https://fonts.googleapis.com/css?family=Barlow:400,700&display=swap" rel="stylesheet">
  3443.  
  3444.  
  3445. <!-- HONEYBEE -->
  3446. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  3447.  
  3448.  
  3449. <!-- GUTTERS: DONT TOUCH -->
  3450. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  3451. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  3452. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  3453.  
  3454. <script>
  3455. $(document).ready(function(){
  3456. $('.photo-slideshow').pxuPhotoset({
  3457. lightbox: true,
  3458. rounded: false,
  3459. gutter: '2px',
  3460. borderRadius: '0px',
  3461. photoset: '.photo-slideshow',
  3462. photoWrap: '.photo-data',
  3463. photo: '.pxu-photo'
  3464. });
  3465. });
  3466. </script>
  3467.  
  3468.  
  3469. <!-- SOUND CLOUD PLAYER -->
  3470. <script>
  3471. $(document).ready(function(){
  3472. var color = '#cd96ff'; // color of play button (hex)
  3473. $('.soundcloud_audio_player').each(function(){
  3474. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  3475. });
  3476. });
  3477. </script>
  3478.  
  3479.  
  3480. <!-- TOOLTIP: DONT TOUCH -->
  3481. <script src="https://static.tumblr.com/fiw4iub/4jdnu5ta4/jquery.style-my-tooltips.js"></script>
  3482.  
  3483. <script>
  3484. (function($){
  3485. $(document).ready(function(){
  3486. $("a[title]").style_my_tooltips({
  3487. tip_follows_cursor:true,
  3488. tip_delay_time:90,
  3489. tip_fade_speed:600,
  3490. attribute:"title"
  3491. });
  3492. });
  3493. })(jQuery);
  3494. </script>
  3495.  
  3496.  
  3497. <!-- VIDEO RESIZE -->
  3498. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  3499.  
  3500. <script>
  3501. $(document).ready(function(){
  3502. resizeVideos();
  3503. });
  3504. function resizeVideos() {
  3505. $('.video:not(.resized) iframe:not(.tumblr_video_iframe)').each(function(){
  3506. var vw = $(this).width();
  3507. var vh = $(this).height();
  3508. var scale = $(this).parents('.video').width() / vw;
  3509. $(this).attr({
  3510. width: Math.floor($(this).attr('width') * scale),
  3511. height: Math.floor($(this).attr('height') * scale)
  3512. });
  3513. $(this).parents('.video').addClass('resized');
  3514. });
  3515. $('.video:not(.resized) .tumblr_video_iframe').each(function(){
  3516. var vw = $(this).width();
  3517. var vh = $(this).height();
  3518. var scale = $(this).parents('.video').width() / vw;
  3519. $(this).css({
  3520. 'transform': 'scale(' + scale + ')',
  3521. 'margin': vh * (scale - 1) / 2 + 'px ' + vw * (scale - 1) / 2 + 'px'
  3522. });
  3523. $(this).parents('.tumblr_video_container').css({
  3524. width: Math.floor(vw * ( scale + 1 ) / 2),
  3525. height: Math.floor(vh * ( scale + 1 ) / 2)
  3526. });
  3527. $(this).parents('.video').addClass('resized');
  3528. });
  3529. }
  3530. </script>
  3531.  
  3532.  
  3533. <!--- UNESTED CAPTIONS --->
  3534. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  3535.  
  3536. <script>
  3537. $(function(){
  3538. $('.posts').unnest({
  3539. yourCaption: ".cap",
  3540. {Caption}
  3541. wrapName: ".tumblr_parent",
  3542. newCaptionUsername: false,
  3543. originalPostCaptionUsername: false,
  3544. tumblrAvatars: true,
  3545. tumblrAvatarClass: ".tumblr_avatar",
  3546. usernameColon: false
  3547. });
  3548. });
  3549. </script>
  3550.  
  3551.  
  3552. <!-- SEARCH BAR -->
  3553. <script>
  3554. $(document).ready(function(){
  3555. $('.search').submit(function(event){
  3556. var value = $('input:first').val();
  3557. location.replace('http://{Name}.tumblr.com/tagged/' + value);
  3558. });
  3559. });
  3560. </script>
  3561.  
  3562.  
  3563. {block:TagPage}
  3564. <!-- MASONARY SCRIPT -->
  3565. <script type="text/javascript" src="https://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  3566.  
  3567.  
  3568. <script type="text/javascript">
  3569. $(window).load(function(){
  3570. var $wall = $('#entries');
  3571. $wall.imagesLoaded(function(){
  3572. $wall.masonry({
  3573. itemSelector: '.posts',
  3574. isAnimated : true
  3575. });
  3576. });
  3577. $wall.infinitescroll({
  3578. navSelector : "div#navigation",
  3579. nextSelector : "div#navigation a#nextPage",
  3580. itemSelector : '.posts',
  3581. loadingImg : "",
  3582. loadingText : " ",
  3583. donetext : " ",
  3584. extraScrollPx : 0,
  3585. bufferPx : 10000,
  3586. debug : false,
  3587. errorCallback: function() {
  3588. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  3589. }},
  3590. function( newElements ) {
  3591. var $newElems = $( newElements );
  3592. $newElems.hide();
  3593. $newElems.imagesLoaded(function(){
  3594. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  3595. });
  3596. }); $('#entries').show(500);
  3597. });
  3598. </script>
  3599.  
  3600. <script language="JavaScript">
  3601. function function1(){
  3602. window.scrollTo(0,5);
  3603. }
  3604. function function2(){
  3605. window.scroll(0,2);
  3606. }
  3607. </script>
  3608. {/block:TagPage}
  3609.  
  3610.  
  3611. <!-- ASK REDIRECT -->
  3612. {block:IfCustomAskPage}
  3613. <!-- ASK REDIRECT -->
  3614. <script>$(document).ready(function(){
  3615. if (window.location.href== "{BlogURL}ask") {
  3616. window.location.href = '{BlogURL}{text:Custom Ask Page}'; }
  3617. });</script>
  3618. {/block:IfCustomAskPage}
  3619.  
  3620.  
  3621. <!-- NOT FOUND PAGE -->
  3622. <script>
  3623. $(document).ready(function() {
  3624. if ($('p:contains("The URL you requested could not be found.")').html()) {
  3625. $(".wrapper_notfound").css( "visibility", "visible" );
  3626. $(".article_position").remove();
  3627. $('title').prepend( "Not Found | " ); }
  3628. });
  3629. </script>
  3630.  
  3631. </body>
  3632. </html>
Advertisement
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!