chellescodes

DAYLIGHT THEME - FOR TUMBLR

Jul 21st, 2018
250
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.26 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!--
  3.  
  4. =========DMMMM============DDDMMMMD=====M
  5. =====IMM====MMMN=========+MMMMMMMM=====M
  6. ===NM======MMMMM=======MMMMM==?MMMDD===M
  7. =+D~=======MM=NMM====MMMMM====MMM8==DD=M
  8. OD========MMN==MMM=MMMMM=====MMMM====NDM
  9. DD=======MMM===MMMMMMM======+MMM======DM
  10. D=======MMM=====MMMM========MMM=======DD
  11. D8=====MMM======MM==========MM========DM
  12. DD====MMM=======D===========MM=======DDM
  13. =$D==MMD====================M=======DD=M
  14. ===NMM======================M=====ND===M
  15. ===M=ODD=======================MDN=====M
  16. =========DDNN=============IDDD=========M
  17. ================7MDDDD8================M
  18.  
  19. CODE BY CHELLE, FIND ME AT
  20. LOISLANE.TUMBLR.COM
  21. PLEASE LEAVE THE CREDIT
  22. DO NOT STEAL THE ENTIRE/BIG CHUNKS
  23. OF THE CODE AND DISTRIBUTE IT
  24. AS IF IT WERE YOUR OWN
  25.  
  26. -->
  27. <html>
  28.  
  29. <head>
  30. <meta name="viewport" content="width=device-width, initial-scale=1">
  31. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  32. <title>{Title}</title>
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  35. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.css"> {block:Description}
  36. <meta name="description" content="{MetaDescription}" /> {/block:Description}
  37. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
  38. crossorigin="anonymous">
  39. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  40. <link href="https://fonts.googleapis.com/css?family=Raleway:400,500,600" rel="stylesheet">
  41. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css" />
  42. <meta name="color:background" content="#fbfbfb" />
  43. <meta name="color:text" content="#797979" />
  44. <meta name="color:accent1" content="#2374ff" />
  45. <meta name="color:accent2" content="#23c4ff" />
  46. <meta name="color:blockquote" content="#dadada" />
  47. <meta name="color:post background" content="#ffffff" />
  48. <meta name="color:border" content="#dfdfdf" />
  49. <meta name="color:link" content="#2374ff" />
  50. <meta name="color:titleLinkOnHover" content="#000000" />
  51. <meta name="color:titlebg" content="#ededed" />
  52. <meta name="color:titleborder" content="#dfdfdf" />
  53. <meta name="color:sidebarLink" content="#ffffff" />
  54. <meta name="image:sidebar" content="" />
  55. <meta name="image:sidebar avatar" content="">
  56. <meta name="text:go to the website below to search icons, use the icon titles to replace the ones for your links:" content="http://fontawesome.io/icons/"
  57. />
  58. <meta name="text:about link" content="/about" />
  59. <meta name="text:link 1 URL" content="/" />
  60. <meta name="text:link 1 icon" content="tag" />
  61. <meta name="text:link 1" content="link 1" />
  62. <meta name="text:link 2 URL" content="/" />
  63. <meta name="text:link 2 icon" content="cog" />
  64. <meta name="text:link 2" content="link 2" />
  65. <meta name="text:link 3 URL" content="/" />
  66. <meta name="text:link 3 icon" content="book" />
  67. <meta name="text:link 3" content="link 3" />
  68. <meta name="text:link 4 URL" content="/" />
  69. <meta name="text:link 4 icon" content="pencil" />
  70. <meta name="text:link 4" content="" />
  71. <meta name="text:link 5 URL" content="/" />
  72. <meta name="text:link 5 icon" content="twitter" />
  73. <meta name="text:link 5" content="" />
  74. <meta name="text:link 6 URL" content="/" />
  75. <meta name="text:link 6 icon" content="code" />
  76. <meta name="text:link 6" content="" />
  77. <meta name="text:max post width" content="540" />
  78. <meta name="if:show about" content="1" />
  79. <meta name="if:show sidebar" content="1" />
  80. <meta name="if:show additional links" content="1" />
  81. </head>
  82. <body>
  83. <style>
  84. /*-------------------------------------------------------------
  85. THE BASICS
  86. ---------------------------------------------------------------*/
  87. html, body {
  88. width:100vw;
  89. height:100vh;
  90. display:fixed;
  91. overflow:hidden;
  92. }
  93.  
  94. body {
  95. font-family: 'Raleway', sans-serif;
  96. background: {color:background};
  97. color: {color:text};
  98. font-size:1rem;
  99. }
  100. p {
  101. font-family: 'Raleway', sans-serif;
  102. font-size:0.75rem;
  103. font-weight: 300;
  104. line-height: 12px;
  105. }
  106. a {
  107. color:{color:link};
  108. text-decoration: none;
  109. transition: all 0.3s;
  110. }
  111. a:hover {
  112. color:{color:accent2};
  113. text-decoration: none;
  114. }
  115. blockquote {
  116. border-left:0;
  117. padding:0;
  118. }
  119. ul:not(.navbar-nav) {
  120. list-style:none;
  121. text-align:left!important;
  122. padding-left:0;
  123. }
  124. ul:not(.navbar-nav) li {
  125. position:relative;
  126. padding-left:30px;
  127. line-height:13px;
  128. font-size:12px;
  129. color:{color:text};
  130. }
  131. ul:not(.navbar-nav) li:before {
  132. position:absolute;
  133. left:15px;
  134. vertical-align:baseline!important;
  135. font-family: "FontAwesome";
  136. content:'\f096';
  137. -moz-transition-duration:0.4s;
  138. -webkit-transition-duration:0.4s;
  139. -o-transition-duration:0.4s;
  140. }
  141. ul:not(.navbar-nav) li:hover:before {
  142. color:{color:accent1};
  143. position:absolute;
  144. vertical-align:baseline!important;
  145. font-family: "FontAwesome";
  146. content:'\f046';
  147. -moz-transition-duration:0.4s;
  148. -webkit-transition-duration:0.4s;
  149. -o-transition-duration:0.4s;
  150. }
  151. i, span {
  152. display: inline-block;
  153. }
  154. /* container for everything */
  155.  
  156. .my-container {
  157. display: flex;
  158. height: 100%;
  159. width: 100vw;
  160. overflow: hidden;
  161. flex-direction: row;
  162. flex-wrap: nowrap;
  163. display:fixed;
  164. }
  165.  
  166. /*-------------------------------------------------------------
  167. GRADIENT SIDEBAR
  168. ---------------------------------------------------------------*/
  169.  
  170. .sidebar {
  171. width: 80px;
  172. height: 100vh;
  173. overflow:hidden;
  174. max-height:100vh;
  175. margin-right:20px;
  176. -webkit-box-shadow: 2px 6px 15px 1px rgba(0,0,0,0.20);
  177. -moz-box-shadow: 2px 6px 15px 1px rgba(0,0,0,0.20);
  178. box-shadow: 2px 6px 15px 1px rgba(0,0,0,0.20);
  179. min-width: 80px;
  180. transition: 0.3s all;
  181. opacity: 1;
  182. background: {color:accent1};
  183. background: -moz-linear-gradient(top, {color:accent1} 0%, {color:accent2} 100%);
  184. background: -webkit-linear-gradient(top, {color:accent1} 0%, {color:accent2} 100%);
  185. background: linear-gradient(to bottom, {color:accent1} 0%,{color:accent2} 100%);
  186. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:accent1}', endColorstr='{color:accent2}',GradientType=0 );
  187. }
  188.  
  189. .sidebar .sidebar-header strong {
  190. display: block;
  191. }
  192.  
  193. .sidebar ul {
  194. position: relative;
  195. content: none;
  196. }
  197.  
  198. .sidebar ul li a {
  199. text-align: left;
  200. padding: 20px 10px;
  201. text-align: center;
  202. font-size: 0.85em;
  203. text-decoration: none !important;
  204. color:{color:sidebarLink};
  205. }
  206.  
  207. .sidebar ul li {
  208. padding: 0;
  209. font-size: 15px;
  210. }
  211.  
  212. .sidebar ul li:before {
  213. display: none;
  214. }
  215.  
  216. .sidebar ul li a i {
  217. margin-right: 0;
  218. display: block;
  219. font-size: 1.8em;
  220. margin-bottom: 5px;
  221. }
  222.  
  223. .sidebar-header {
  224. width: 80px;
  225. height: 80px;
  226. overflow: hidden;
  227. box-shadow: rgba(0, 0, 0, .1) 1px 1px 20px;
  228. background-size: cover;
  229. background-position: center center;
  230. background-repeat: no-repeat;
  231. background-image:url({image:sidebar avatar}),
  232. url({PortraitURL-128});
  233. }
  234.  
  235. .sidebar .sidebar-header strong {
  236. display: none;
  237. font-size: 1.8em;
  238. }
  239.  
  240. .sidebar ul.components {
  241. padding: 20px 0;
  242. }
  243.  
  244. .sidebar ul li a {
  245. padding: 10px;
  246. display: block;
  247. }
  248.  
  249. .sidebar ul li a:hover,
  250. a[aria-expanded="true"] {
  251. color: {color:accent1}!important;
  252. text-decoration:none !important;
  253. box-shadow: 8px 8px 10px rgba(68, 68, 68, 0.1);
  254. background: {color:sidebarLink}!important;
  255. -webkit-transition: all 0.25s;
  256. -moz-transition: all 0.25s;
  257. -o-transition: all 0.25s;
  258. transition: all 0.25s;
  259. }
  260.  
  261. .sidebar ul li a i {
  262. margin-right: 10px;
  263. }
  264.  
  265. .sidebar ul li>a,
  266. a[aria-expanded="true"] {
  267. color: {color:sidebarLink};
  268. }
  269.  
  270. a[data-toggle="collapse"] {
  271. position: relative;
  272. }
  273.  
  274. a[aria-expanded="false"]::before,
  275. a[aria-expanded="true"]::before {
  276. content: '\e259';
  277. display: block;
  278. position: absolute;
  279. right: 20px;
  280. font-family: 'Glyphicons Halflings';
  281. font-size: 0.6em;
  282. }
  283.  
  284. a[aria-expanded="true"]::before {
  285. content: '\e260';
  286. }
  287.  
  288. a[aria-expanded="false"]::before,
  289. a[aria-expanded="true"]::before {
  290. top: auto;
  291. bottom: 5px;
  292. right: 50%;
  293. -webkit-transform: translateX(50%);
  294. -ms-transform: translateX(50%);
  295. transform: translateX(50%);
  296. }
  297.  
  298. .sidebar {
  299. margin-left: 0 !important;
  300. }
  301.  
  302. .sidebar .sidebar-header strong {
  303. display: block;
  304. }
  305.  
  306. .sidebar ul li a {
  307. padding: 20px 10px;
  308. }
  309.  
  310. .sidebar ul li a i {
  311. margin-right: 0;
  312. display: block;
  313. font-size: 1.3em;
  314. }
  315.  
  316. .sidebar ul ul a {
  317. padding: 10px !important;
  318. }
  319.  
  320. /* sidebar with image */
  321.  
  322. .img-sidebar {
  323. min-width: 350px;
  324. max-width:450px;
  325. width:100%;
  326. height: 100vh;
  327. overflow:hidden;
  328. max-height:100vh;
  329. background:{color:background};
  330. transition: 0.3s all;
  331. opacity: 1;
  332. display:flex;
  333. align-items:center;
  334. justify-content:center;
  335. }
  336.  
  337. .titleSidebar {
  338. text-align:left;
  339. padding:0px 0px 0px 0px;
  340. width:300px;
  341. background:{color:post background};
  342. box-shadow: 3px 3px 10px rgba(68, 68, 68, 0.1);
  343. border-radius:{text:border radius}px;
  344. visibility: visible!important;
  345. opacity: 1;
  346. transition: visibility 0s, opacity 0.5s linear;
  347. }
  348. .titleSidebar img {
  349. border-top-left-radius:{text:border radius}px;
  350. border-top-right-radius:{text:border radius}px;
  351. width:300px;
  352. }
  353. .blogtitle {
  354. height:auto;
  355. max-width:200px;
  356. width:auto;
  357. position:relative;
  358. left:50%;
  359. transform:translate(-50%, -50%);
  360. border-radius:20px;
  361. padding:8px 20px 8px 20px;
  362. letter-spacing:2px;
  363. line-height:12px;
  364. background:{color:post background};
  365. text-align:center;
  366. box-shadow: rgba(0,0,0,.08) 1px 1px 1px 1px;
  367. font-weight:lighter;
  368. font-size:12px;
  369. z-index:800;
  370. }
  371. .description {
  372. padding:10px 20px 10px 30px;
  373. font-family:'Raleway', Arial;
  374. text-align: center;
  375. font-size:12px;
  376. }
  377. .my-pagination {
  378. padding:10px 10px 10px 20px;
  379. text-align: center;
  380. font-size:12px;
  381. }
  382. .my-pagination a, .current_page {
  383. background:{color:accent1};
  384. color:{color:post background};
  385. border-radius:50%;
  386. display: inline-block;
  387. position:relative;
  388. width: 25px;
  389. margin-right:5px;
  390. height: 25px;
  391. line-height:25px;
  392. border-radius: 25px;
  393. font-size:11px;
  394. }
  395. .current_page, .my-pagination a:hover {
  396. color:{color:accent2};
  397. background:{color:post background};
  398. border: 1px solid {color:accent2};;
  399. }
  400.  
  401. .mainlinks a {
  402. display:inline-block;
  403. font-size:15px;
  404. width:30px;
  405. height:30px;
  406. color:{color:text};
  407. margin-right:10px;
  408. line-height:30px;
  409. border-radius:5px;
  410. }
  411. .mainlinks a:hover {
  412. background:{color:accent1};
  413. color:{color:post background};
  414. box-shadow: 3px 3px 10px rgba(68, 68, 68, 0.2);
  415. }
  416. .mainlinks {
  417. border-top: 1px solid {color:border};
  418. text-align:center;
  419. padding:10px;
  420. padding-left:15px;
  421. margin-top:10px;
  422. }
  423.  
  424.  
  425. .topbar
  426. {
  427. height: 0px;
  428. overflow: hidden;
  429. width:0px;
  430. transition: 0.3s all;
  431. z-index:999999;
  432. background:transparent;
  433. }
  434.  
  435. /*-----------------------------------------------------------
  436. POSTS
  437. -------------------------------------------------------------*/
  438.  
  439. .posts-container {
  440. width: 100%;
  441. height: 100vh;
  442. max-height:100vh;
  443. overflow-y: auto;
  444. overflow-x:hidden;
  445. background: {color:background};
  446. text-align:center;
  447. padding-top:25px;
  448. padding-bottom:40px;
  449. }
  450.  
  451. .posts {
  452. max-width:{text:max post width}px;
  453. padding-bottom:25px;
  454. padding-top:25px;
  455. width:100%;
  456. padding-right:15px;
  457. }
  458. .posts img {
  459. max-width:{text:max post width}px;
  460. }
  461.  
  462. .photo-slideshow .row {
  463. display:block!important;
  464. }
  465.  
  466. .fancybox-lock .fancybox-overlay {
  467. overflow: hidden;
  468. }
  469. .itemsbelow img {
  470. max-width:100%;
  471. height:auto;
  472. }
  473. .upperstuff {
  474. font-size:90%;
  475. letter-spacing:1px;
  476. text-align:left;
  477. background:none;
  478. display:inline-block!important;
  479. width:100%;
  480. margin:0 auto;
  481. padding-bottom:10px;
  482. }
  483.  
  484.  
  485. .usericon {
  486. display:inline-block!important;
  487. margin-top:12px;
  488. overflow:visible;
  489. box-shadow: 3px 3px 10px rgba(68, 68, 68, 0.1);
  490. width:auto;
  491. height:auto;
  492. border-radius:50%;
  493.  
  494. }
  495. .usericon img {
  496. width:30px;
  497. vertical-align:bottom;
  498. border-radius:50%;
  499. top:10px;
  500. }
  501.  
  502. .topurl {
  503. text-align:center;
  504. border:1px solid {color:border};
  505. border-radius:25px;
  506. padding-right:10px;
  507. padding-left:10px;
  508. text-overflow: ellipsis;
  509. white-space: nowrap;
  510. box-shadow: 3px 3px 10px rgba(68, 68, 68, 0.1);
  511. max-width:30%;
  512. overflow: hidden;
  513. max-width:180px;
  514. line-height:30px;
  515. background:{color:post background};
  516. margin-top:14px;
  517. margin-left:5px;
  518. font-size:13px;
  519. display:inline-block!important;
  520. vertical-align:top;
  521. height:30px;
  522. }
  523.  
  524.  
  525. .itemsbelow {
  526. box-shadow: 3px 3px 10px rgba(68, 68, 68, 0.1);
  527. border:1px solid {color:border};
  528. max-width:100%;
  529. text-align:left;
  530. overflow:hidden;
  531. background:{color:post background};
  532. }
  533. /* ---------------------------------------------------
  534. TAGS
  535. ----------------------------------------------------- */
  536. .tags {
  537. width:100%;
  538. text-transform:none;
  539. margin-left:-14px;
  540. font-size:11px;;
  541. padding-left:25px;
  542. text-align:left;
  543. padding-bottom:12px;
  544. opacity:0.8;
  545. }
  546.  
  547. .tags a {
  548. color:{color:text};
  549. margin-left:-3px;
  550. font-weight:400;
  551. padding-right:5px;
  552. }
  553.  
  554. .tags a:hover {
  555. color:{color:accent1};
  556. }
  557.  
  558. .postlink a {
  559. color:{color:link};
  560. }
  561.  
  562. .postlink a:hover{
  563. color:{color:accent2};
  564. }
  565. /* ---------------------------------------------------
  566. POST TITLES AND ACCENT TITLES
  567. if you want a gradient title in one of your pages, place
  568. your desired title in between the following tags:
  569. <div class="title2">...</div>
  570. ----------------------------------------------------- */
  571. .title, .title2 {
  572. font-size:15px;
  573. font-weight:500;
  574. border:1px solid {color:titleborder}!important;
  575. font-size:90%;
  576. letter-spacing:1px;
  577. color:{color:text};
  578. background-color:{color:titlebg};
  579. line-height:19px;
  580. margin-bottom:10px;
  581. padding:10px 10px 10px 10px;
  582. text-align:left;
  583. transition: all 0.5s;
  584. box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 3px 10px 0 rgba(0, 0, 0, 0.12);
  585. }
  586. .title:hover, .title2:hover {
  587. color:{color:sidebarLink};
  588. }
  589. .title a, .title2 a {
  590. color:{color:accent1};
  591. }
  592. .title:hover .postlink a, .title2:hover .postlink a {
  593. color:{color:post background};
  594. }
  595. .posts:hover .title, .listset:hover .title2 {
  596. color:{color:post background};
  597. background-color: {color:accent1};
  598. transition: all 0.5s;
  599. }
  600. .listset:hover .title2 a {
  601. color:{color:post background};
  602. }
  603. .title:hover a, .title2:hover a {
  604. color:{color:post background};
  605. }
  606. .title:hover a:hover, .title2:hover a:hover {
  607. color:{color:link};
  608. }
  609. .title2 {
  610. width: 100%;
  611. font-size:13px;
  612. letter-spacing:1px;
  613. line-height: 15px;
  614. text-align:left;
  615. }
  616. .posts:hover .title a {
  617. color:{color:post background};
  618.  
  619. text-decoration:underline;
  620. }
  621. /* ---------------------------------------------------
  622. POST CONTENT
  623. ----------------------------------------------------- */
  624. .caption {
  625. text-align:left;
  626. width:100%;
  627. padding-right:5px;
  628. padding-bottom:5px;
  629. padding-top:10px;
  630. overflow:hidden;
  631. word-wrap:;
  632. white-space:normal;
  633. }
  634. .tumblr_parent {
  635. padding-left:0px;
  636. margin-left:20px;
  637. font-size:90%;
  638. }
  639. .tumblr_parent a:hover {
  640. color:{color:accent2};
  641. }
  642. .tumblr_parent a {
  643. color:{color:link};
  644. }
  645. a.tumblr_blog {
  646. font-size:90%;
  647. letter-spacing:1px;
  648. text-decoration:underline;
  649. -moz-transition-duration:0.4s;
  650. -webkit-transition-duration:0.4s;
  651. -o-transition-duration:0.4s;
  652. border-left:none!important;
  653. font-weight:500;
  654. line-height:3;
  655. }
  656. /*permalink and notes*/
  657. .titlequote {
  658. padding:10px 20px 10px 20px;
  659. text-align:left;
  660. font-size:12px;
  661. margin-left:-7px;
  662. line-height:17px;
  663. font-weight:400;
  664. }
  665. .source {
  666. padding:0px 10px 10px 10px;
  667. margin-top:0px;
  668. text-align:left;
  669. margin-bottom:11px;
  670. font-size:90%;
  671. text-transform:uppercase;
  672. margin-left:0px;
  673. }
  674. /*-------------------------------------------------------------
  675. ASKS
  676. ---------------------------------------------------------------*/
  677. .q {
  678. padding:15px 30px 5px 30px;
  679. height:110%;
  680. font-size:12px;
  681. color:{color:text};
  682. border-left:1px solid {color:titleborder};
  683. border-right:1px solid {color:titleborder};
  684. margin-top:-10px;
  685. overflow:hidden;
  686. text-align:left;
  687. margin-left:-10px;
  688. }
  689. .asker {
  690. text-transform:lowercase;
  691. }
  692. .posts:hover #asker a {
  693. color:{color:titleLinkOnHover};
  694. }
  695. .posts:hover #asker a:hover {
  696. color:{color:post background};
  697. }
  698. /*chat*/
  699. .chat ol {
  700. padding:0;
  701. list-style:none;
  702. }
  703. .line {
  704. padding:0px 0;
  705. }
  706. .label {
  707. font-weight:400;
  708. }
  709.  
  710.  
  711. /*-------------------------------------------------------------
  712. AUDIO
  713. ---------------------------------------------------------------*/
  714.  
  715. .audioplayer {
  716. width:25px;
  717. height:25px;
  718. margin-top:-35px;
  719. margin-left:12px;
  720. opacity:.7;
  721. overflow:hidden;
  722. vertical-align:top;
  723. z-index:800;
  724. }
  725. .albumart iframe{
  726. margin-left:-4px!important;
  727. margin-top:-3px!important;
  728. z-index:10;
  729. top:0;
  730. display:absolute;
  731. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  732. }
  733. .filler {
  734. height:49px;
  735. width:49px;
  736. background-size: 100%;
  737. background-image:url('https://static.tumblr.com/xpoxdgn/7SOpc7c24/music-2297759_960_720.png');
  738.  
  739.  
  740. }
  741. .albumart {
  742. display:inline-block;
  743. z-index:1;
  744. height:49px;
  745. width:49px;
  746. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  747. }
  748.  
  749.  
  750. .postinfo {
  751. width:100%;
  752. margin-top:-2px;
  753. {block:Caption}
  754. margin-top:4px;
  755. {/block:Caption}
  756. margin-left:0px;
  757. border-top:1px solid {color:border};
  758. display:inline-block;
  759. padding-right:20px;
  760. vertical-align:text-top;
  761. {block:Answer}
  762. margin-top:-10px!important;
  763. {/block:Answer}
  764. text-align:left;
  765. }
  766. /*-------------------------------------------------------------
  767. TAGS
  768. ---------------------------------------------------------------*/
  769. .tags {
  770. width:100%;
  771. text-transform:none;
  772. margin-left:-14px;
  773. font-size:11px;;
  774. padding-left:25px;
  775. text-align:left;
  776. padding-bottom:12px;
  777. opacity:0.8;
  778. }
  779. .tags a {
  780. color:{color:text};
  781. margin-left:-3px;
  782. font-weight:400;
  783. padding-right:5px;
  784. }
  785. .tags a:hover {
  786. color:{color:accent1};
  787. }
  788. /*like, reblog, etc*/
  789. .options i {
  790. color:{color:accent2};
  791. -moz-transition-duration:0.4s;
  792. -webkit-transition-duration:0.4s;
  793. -o-transition-duration:0.4s;
  794. }
  795. .like:hover i {
  796. color:{color:accent1};
  797. }
  798. .options i:hover {
  799. color:{color:accent1};
  800. }
  801. .options .reblog {
  802. opacity:.93;
  803. }
  804. .like:hover {
  805. color:{color:accent1};
  806. }
  807. .like:hover a {
  808. color:{color:accent1};
  809. }
  810. .reblog:hover .fa-spin-hover {
  811. -webkit-animation: fa-spin 2s infinite linear;
  812. -moz-animation: fa-spin 2s infinite linear;
  813. -o-animation: fa-spin 2s infinite linear;
  814. animation: fa-spin 2s infinite linear;
  815. }
  816. .fa-spin-fix .fa-spin {
  817. -webkit-transform-origin: 50% calc(50% - .5px);
  818. transform-origin: 50% calc(50% - .5px);
  819. }
  820. .options a:hover, .options a:hover i {
  821. color:{color:accent1};
  822. }
  823. .options:hover {
  824. color:{color:accent1};
  825. }
  826. .options .like .liked + i {
  827. color:#ec5a5a;
  828. }
  829. .options .like .like_button {
  830. position:relative;
  831. }
  832. .options .like .like_button iframe {
  833. position:absolute;
  834. top:0;
  835. left:0;
  836. bottom:0;
  837. right:0;
  838. z-index:2;
  839. opacity:0;
  840. }
  841. /*notes!*/
  842. .pagenotes {
  843. {block:IndexPage}
  844. display: none!important;
  845. {/block:IndexPage}
  846. width:{text:max post width};
  847. text-align:left;
  848. }
  849. .notes {
  850. font-size:8px!important;
  851. }
  852. .pagenotes img {
  853. display:none!important;
  854. }
  855. .pagenotes li {
  856. list-style-type:none;
  857. padding:2px 0px;
  858. font-size:8px;
  859. text-align:left;
  860. margin:0 0 0 -40px;
  861. }
  862. /*required for post fadein*/
  863. .hideme {
  864. opacity:0;
  865. transition:0.3s all;
  866. }
  867.  
  868.  
  869.  
  870. .topbar {
  871. height:0px;
  872. width:0px;
  873. overflow:hidden;
  874. }
  875.  
  876. /* ---------------------------------------------------
  877. TOOLTIPS
  878. ----------------------------------------------------- */
  879. .tooltip{
  880. display: inline;
  881. position: relative;
  882. }
  883. #s-m-t-tooltip {
  884. max-width:300px;
  885. background-color:{color:accent1};
  886. font-size:90%;
  887. font-weight:500;
  888. border-radius:5px;
  889. letter-spacing:1px;
  890. font-family:'Raleway', Arial;
  891. padding:5px 5px 5px 5px;
  892. color: {color:post background};
  893. margin:20px 0px 0px 20px;
  894. z-index:9999999999999999999999;
  895. }
  896.  
  897. /* ---------------------------------------------------
  898. TUMBLR CONTROLS
  899. ----------------------------------------------------- */
  900. iframe.tmblr-iframe {
  901. z-index:99999999999999!important;
  902. top:0!important;
  903. right:0!important;
  904. opacity:0.4;
  905. transform:scale(0.65);
  906. transform-origin:100% 0;
  907. -webkit-transform:scale(0.65);
  908. -webkit-transform-origin:100% 0;
  909. -o-transform:scale(0.65);
  910. -o-transform-origin:100% 0;
  911. -moz-transform:scale(0.65);
  912. -moz-transform-origin:100% 0;
  913. -ms-transform:scale(0.65);
  914. -ms-transform-origin:100% 0;}
  915. iframe.tmblr-iframe:hover {
  916. opacity:0.6!important;}
  917. .tmblr-iframe-compact .tmblr-iframe--unified-controls {
  918. margin-top:-3px;
  919. }
  920. /* ---------------------------------------------------
  921. SCROLLBAR
  922. ----------------------------------------------------- */
  923. ::-webkit-scrollbar {
  924. width: 10px;
  925. background: {color:accent1};
  926. background:linear-gradient( to bottom, {color:accent1}, {color:accent2});
  927. background: -webkit-linear-gradient(bottom, {color:accent1}, {color:accent2});
  928. background: -o-linear-gradient(bottom, {color:accent1}, {color:accent2});
  929. background: -moz-linear-gradient(bottom, {color:accent1}, {color:accent2});
  930. }
  931. ::-webkit-scrollbar-thumb {
  932. background: {color:titlebg};
  933. border:1px solid {color:titleborder};
  934. width:10px;
  935. background-clip: content-box;
  936. }
  937.  
  938.  
  939. /* ---------------------------------------------------
  940. CREDIT - DO NOT REMOVE OR ALTER
  941. ----------------------------------------------------- */
  942.  
  943. #credit, #credit a img {
  944. width:20px;
  945. position:fixed!important;
  946. bottom:15px;
  947. right:15px;
  948. float:right;
  949. z-index:999998;
  950. }
  951.  
  952.  
  953. /*-------------------------------------------------------------
  954. RESPONSIVENESS
  955. ---------------------------------------------------------------*/
  956.  
  957. @media screen and (max-width: 900px) {
  958. html, body {
  959. width:100vw;
  960. height:100vh;
  961. display:relative;
  962. overflow:visible;
  963. }
  964.  
  965. .my-container {
  966. display:block;
  967. height:auto;
  968. overflow-x:hidden;
  969. }
  970.  
  971.  
  972. .img-sidebar {
  973. width: 0px;
  974. height: 0px;
  975. opacity: 0;
  976. overflow: hidden;
  977. }
  978. .topbar {
  979. min-height: 80px;
  980. width: 100vw;
  981. position:fixed;
  982. height: auto;
  983. overflow: visible;
  984. z-index:99999999;
  985. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 6px 8px 0 rgba(0, 0, 0, 0.08);
  986. }
  987.  
  988. .topbar .navbar {
  989. min-height:80px;
  990. top:0px;
  991. background: {color:accent1};
  992. background: -moz-linear-gradient(right, {color:accent1} 0%, {color:accent2} 100%);
  993. background: -webkit-linear-gradient(right, {color:accent1} 0%, {color:accent2} 100%);
  994. background: linear-gradient(to right, {color:accent1} 0%,{color:accent2} 100%);
  995. }
  996.  
  997. .topbar .navbar .navbar-toggler {
  998. color:{color:sidebarLink};
  999. }
  1000.  
  1001. .navbar-toggler {
  1002. margin-right:15px;
  1003. }
  1004.  
  1005. .topbar .navbar .nav-item {
  1006. color:{color:text};
  1007. border-top:1px solid {color:border};
  1008. background:{color:post background};
  1009.  
  1010. }
  1011.  
  1012. .topbar .navbar .nav-link {
  1013. padding-left:10px;
  1014. background:{color:post background};
  1015. text-align:center;
  1016. color:{color:text};
  1017. transition:0.3s all;
  1018. display:flex;
  1019. align-items:center;
  1020. margin-right:5px;
  1021. justify-content:center;
  1022.  
  1023. }
  1024.  
  1025.  
  1026. .topbar .navbar .nav-link i {
  1027. width:25px;
  1028. height:25px;
  1029. background:{color:accent1};
  1030. color:{color:post background};
  1031. border-radius:50%;
  1032. line-height:25px;
  1033. margin-right:10px;
  1034.  
  1035. }
  1036.  
  1037.  
  1038. .topbar .navbar .nav-link:hover {
  1039. color:{color:accent1};
  1040. transition:0.3s all;
  1041. }
  1042.  
  1043. .topbar .navbar .navbar-nav {
  1044. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.08), 0 6px 8px 0 rgba(0, 0, 0, 0.08);
  1045. }
  1046.  
  1047. .topbar .navbar .navbar-menu {
  1048. width:calc(100% + 10px);
  1049. display:flex;
  1050. justify-content:center;
  1051. align-items:center;
  1052. height:50px;
  1053. margin-left:-10px;
  1054. background:{color:post background};
  1055. }
  1056.  
  1057.  
  1058. .topbar .navbar .navbar-menu a {
  1059. height:30px;
  1060. width:30px;
  1061. margin-left:10px;
  1062. margin-right:10px;
  1063. font-size:1rem;
  1064. line-height:30px;
  1065. text-align:center;
  1066. color:{color:text};
  1067. transition:0.3s all;
  1068. }
  1069.  
  1070. .topbar .navbar .navbar-menu a:hover {
  1071. color:{color:accent1};
  1072. }
  1073.  
  1074. .top-pagi {
  1075. color:{color:sidebarLink};
  1076. font-size:1rem;
  1077. margin-left:-30px;
  1078. height:30px;
  1079. width:30px;
  1080. line-height:30px;
  1081. border:2px solid {color:sidebarLink};
  1082. border-radius:50%;
  1083. text-align:center;
  1084. }
  1085.  
  1086. .sidebar {
  1087. width:0px;
  1088. overflow:hidden;
  1089. height:0px;
  1090. }
  1091.  
  1092. .posts {
  1093. margin:0 auto;
  1094. margin-bottom:0px;
  1095. margin-top:0px;
  1096. }
  1097. .posts-container {
  1098. margin-top:50px;
  1099. width: 100%;
  1100. height: auto;
  1101. max-height:none;
  1102. overflow:hidden;
  1103. padding-left:15px;
  1104. padding-right:15px;
  1105.  
  1106. }
  1107.  
  1108. .user {
  1109. display:none!important;
  1110. }
  1111.  
  1112.  
  1113. }
  1114. </style>
  1115. <div class="my-container">
  1116. {block:IfShowSidebar}
  1117. <div class="sidebar">
  1118.  
  1119.  
  1120. <a href="/">
  1121. <div class="sidebar-header">
  1122.  
  1123.  
  1124. </div>
  1125. </a>
  1126. {block:IfShowAdditionalLinks}
  1127. <ul class="list-unstyled components">
  1128. {block:IfLink1}
  1129. <li>
  1130.  
  1131. <a href="{text:link 1 URL}">
  1132. <i class="fa fa-{text:link 1 icon}"></i>&nbsp;{text:link 1}</a>
  1133.  
  1134. </li>
  1135. {/block:IfLink1} {block:IfLink2}
  1136. <li>
  1137.  
  1138. <a href="{text:link 2 URL}">
  1139. <i class="fa fa-{text:link 2 icon}"></i>{text:link 2}</a>
  1140.  
  1141. </li>
  1142. {/block:IfLink2} {block:IfLink3}
  1143. <li>
  1144.  
  1145. <a href="{text:link 3 URL}">
  1146. <i class="fa fa-{text:link 3 icon}"></i>{text:link 3}</a>
  1147.  
  1148. </li>
  1149. {/block:IfLink3} {block:IfLink4}
  1150. <li>
  1151.  
  1152. <a href="{text:link 4 URL}">
  1153. <i class="fa fa-{text:link 4 icon}"></i>{text:link 4}</a>
  1154.  
  1155. </li>
  1156. {/block:IfLink4} {block:IfLink5}
  1157. <li>
  1158.  
  1159. <a href="{text:link 5 URL}">
  1160. <i class="fa fa-{text:link 5 icon}"></i>{text:link 5}</a>
  1161.  
  1162. </li>
  1163. {/block:IfLink5} {block:IfLink6}
  1164. <li>
  1165.  
  1166. <a href="{text:link 6 URL}">
  1167. <i class="fa fa-{text:link 6 icon}"></i>{text:link 6}</a>
  1168.  
  1169. </li>
  1170. {/block:IfLink6}
  1171. </ul>
  1172. {/block:IfShowAdditionalLinks}
  1173.  
  1174.  
  1175. </div>
  1176. {/block:IfShowSidebar}
  1177. <div class="topbar">
  1178. <div class="p-0 navbar navbar-expand-lg navbar-inverse">
  1179.  
  1180. <a href="/" class="navbar-brand p-0">
  1181. <div class="sidebar-header">
  1182.  
  1183.  
  1184. </div>
  1185. </a>
  1186.  
  1187. {block:Pagination} {block:PreviousPage}
  1188. <a href="{PreviousPage}" class="jump_page top-pagi">
  1189. <i class="fa fa-chevron-left"></i>
  1190. </a>{/block:PreviousPage} {block:NextPage}
  1191. <a href="{NextPage}" class="jump_page top-pagi">
  1192. <i class="fa fa-chevron-right" aria-hidden="true" s></i>
  1193. </a>{/block:NextPage} {/block:Pagination}
  1194. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  1195. aria-expanded="false" aria-label="Toggle navigation">
  1196. <i class="fa fa-bars"></i>
  1197. </button>
  1198.  
  1199.  
  1200. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  1201. <ul class="navbar-nav">
  1202. <li class="nav-item">
  1203. <a class="nav-link" href="/">{Title}</a>
  1204. </li>
  1205. <li class="nav-item">
  1206. <div class="navbar-menu">
  1207. <a title="home" class="home" style="font-size:17px;" href="/">
  1208. <i class="fa fa-home"></i>
  1209. </a>&nbsp;
  1210. <a title="ask" href="/ask">
  1211. <i class="fa fa-envelope"></i>
  1212. </a>&nbsp; {block:ifShowAbout}
  1213. <a title="about" href="{text:about link}">
  1214. <i class="fa fa-user"></i>
  1215. </a>&nbsp; {/block:ifShowAbout}
  1216. <a title="archive" href="/archive">
  1217. <i class="fa fa-archive"></i>
  1218. </a>&nbsp;
  1219. </div>
  1220. </li>
  1221. {block:IfLink1}
  1222. <li class="nav-item">
  1223.  
  1224. <a class="nav-link" href="{text:link 1 URL}">
  1225. <i class="fa fa-{text:link 1 icon}"></i>&nbsp;{text:link 1}</a>
  1226.  
  1227. </li>
  1228. {/block:IfLink1} {block:IfLink2}
  1229. <li class="nav-item">
  1230.  
  1231. <a class="nav-link" href="{text:link 2 URL}">
  1232. <i class="fa fa-{text:link 2 icon}"></i>&nbsp;{text:link 2}</a>
  1233.  
  1234. </li>
  1235. {/block:IfLink2} {block:IfLink3}
  1236. <li class="nav-item">
  1237.  
  1238. <a class="nav-link" href="{text:link 3 URL}">
  1239. <i class="fa fa-{text:link 3 icon}"></i>&nbsp;{text:link 3}</a>
  1240.  
  1241. </li>
  1242. {/block:IfLink3} {block:IfLink4}
  1243. <li class="nav-item">
  1244.  
  1245. <a class="nav-link" href="{text:link 4 URL}">
  1246. <i class="fa fa-{text:link 4 icon}"></i>&nbsp;{text:link 4}</a>
  1247.  
  1248. </li>
  1249. {/block:IfLink4} {block:IfLink5}
  1250. <li class="nav-item">
  1251.  
  1252. <a class="nav-link" href="{text:link 5 URL}">
  1253. <i class="fa fa-{text:link 5 icon}"></i>&nbsp;{text:link 5}</a>
  1254.  
  1255. </li>
  1256. {/block:IfLink5} {block:IfLink6}
  1257. <li class="nav-item">
  1258.  
  1259. <a class="nav-link" href="{text:link 6 URL}">
  1260. <i class="fa fa-{text:link 6 icon}"></i>&nbsp;{text:link 6}</a>
  1261.  
  1262. </li>
  1263. {/block:IfLink6}
  1264.  
  1265.  
  1266. </ul>
  1267.  
  1268. </div>
  1269. </div>
  1270.  
  1271.  
  1272. </div>
  1273. <div class="img-sidebar">
  1274.  
  1275. <div class="titleSidebar">
  1276. <div class="titleSidebar img">
  1277. <img src="{image:sidebar}">
  1278. </div>
  1279. <div class="blogtitle">{Title}</div>
  1280. <div class="description">{Description}</div>
  1281. {block:Pagination}
  1282. <div class="my-pagination">
  1283. {block:PreviousPage}
  1284. <a href="{PreviousPage}" class="jump_page">
  1285. <i class="fa fa-chevron-left" style="font-size:10px;margin-left:1px" aria-hidden="true"></i>
  1286. </a>{/block:PreviousPage} {block:JumpPagination length="3"} {block:CurrentPage}
  1287. <span class="current_page">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}
  1288. <a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination} {block:NextPage}
  1289. <a href="{NextPage}" class="jump_page">
  1290. <i class="fa fa-chevron-right" aria-hidden="true" style="font-size:10px;margin-left:1px"></i>
  1291. </a>{/block:NextPage}
  1292. </div>
  1293. {/block:Pagination}
  1294. <div class="mainlinks">
  1295. <a title="home" class="home" style="font-size:17px;" href="/">
  1296. <i class="fa fa-home"></i>
  1297. </a>&nbsp;
  1298. <a title="ask" href="/ask">
  1299. <i class="fa fa-envelope"></i>
  1300. </a>&nbsp; {block:ifShowAbout}
  1301. <a title="about" href="{text:about link}">
  1302. <i class="fa fa-user"></i>
  1303. </a>&nbsp; {/block:ifShowAbout}
  1304. <a title="archive" href="/archive">
  1305. <i class="fa fa-archive"></i>
  1306. </a>&nbsp;
  1307. </div>
  1308. </div>
  1309.  
  1310.  
  1311.  
  1312. </div>
  1313.  
  1314. <div class="posts-container">
  1315. {block:Posts}
  1316. <div class="posts hideme mr-auto" id="{PostID}">
  1317. <div class="upperstuff">
  1318. <div class="icons">
  1319. {block:NotReblog}
  1320. <div class="usericon">
  1321. <img src="{PortraitURL-40}" />
  1322. </div>
  1323. <div class="topurl user" style="margin-left:0px">
  1324. <a href="/">{Name}</a>
  1325. </div>
  1326. {/block:NotReblog} {block:RebloggedFrom}
  1327. <div class="usericon">
  1328. <a title="{ReblogParentTitle}" href="{ReblogParentURL}">
  1329. <img src="{ReblogParentPortraitURL-40}" />
  1330. </a>
  1331. </div>
  1332. <div class="topurl user" style="margin-left:-2px">
  1333. <i class="fa fa-refresh" aria-hidden="true"></i>&nbsp;
  1334. <a title="{ReblogParentTitle}" href="{ReblogParentURL}">{ReblogParentName}</a>
  1335. </div>
  1336. {/block:RebloggedFrom} {block:Date}
  1337. <span style="float:right;font-size:10px">
  1338. <div class="options">
  1339. {block:NoteCount}
  1340. <div class="topurl">
  1341. <a href="{Permalink}" style="margin-left:0px;" title="{NoteCount} notes">
  1342. <i class="fa fa-thumbs-up" aria-hidden="true"></i>
  1343. {NoteCount}</a>
  1344. </div>
  1345. {/block:NoteCount}
  1346. <div class="topurl">
  1347. <a href="{Permalink}" title="Posted on {ShortMonth} {DayOfMonth}, {Year} at {12Hour}:{Minutes} {AmPm}">
  1348. <i class="fa fa-clock-o" aria-hidden="true"></i>
  1349. </a>
  1350. </div>
  1351. {block:ContentSource}
  1352. <div class="topurl">
  1353. <a title="source: {SourceTitle}" href="{SourceURL}">
  1354. <i class="fa fa-pencil-square-o
  1355. " aria-hidden="true" style="font-size:11px; line-height:32px"></i>
  1356. </a>
  1357. </div>
  1358. {/block:ContentSource}
  1359. <div class="topurl">
  1360. <a href="{ReblogURL}" target="_blank" class="reblog" title="reblog this post">
  1361. <i class="fa fa-refresh fa-spin-hover" aria-hidden="true"></i>
  1362. </a>
  1363. </div>
  1364. <div class="topurl">
  1365. <a href="#" class="like" title="like this post">{LikeButton}
  1366. <i class="fa fa-heart" aria-hidden="true"></i>
  1367. </a>
  1368. </div>
  1369. </div>
  1370. </span>
  1371. {/block:Date}
  1372. </div>
  1373. </div>
  1374. <div class="itemsbelow">
  1375. {block:Quote}
  1376. <div class="titlequote">
  1377. <i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;
  1378. <i class="fa fa-quote-right"></i>
  1379. </div>
  1380. {block:Source}
  1381. <div class="source">&mdash; {Source}</div>
  1382. {/block:Source} {/block:Quote} {block:Text} {block:Title}
  1383. <div class="toptitle">
  1384. <div class="title">{Title}</div>
  1385. </div>
  1386. {/block:Title} {block:RebloggedFrom}
  1387. <div class="caption">{Body}</div>
  1388. {/block:RebloggedFrom} {block:NotReblog}
  1389. <div style="text-align:left;padding:10px 20px 0px 20px;">{Body}</div>
  1390. {/block:NotReblog} {/block:Text} {block:link}
  1391. <div class="toptitle">
  1392. <div class="title">
  1393. <a href="{URL}">
  1394. <div class="postlink">
  1395. <i class="fa fa-link"></i>&nbsp; {Name}
  1396. </a>
  1397. </div>
  1398. </div>
  1399. </div>
  1400. {block:Description}
  1401. <div style="padding:0px 0px 0px 0px;padding-left:10px;padding-right:10px;">{Description}</div>
  1402. {/block:Description} {/block:link} {block:Chat} {block:Title}
  1403. <div class="title">{Title}</div>
  1404. {/block:Title} {/block:Text}
  1405. <div class="chat" style="padding:0px 10px 10px 10px;">{block:lines} {block:label}
  1406. <br>
  1407. <b>{label}</b>
  1408. {/block:label} {line} {/block:lines}
  1409. </div>
  1410. {/block:Chat} {block:Photo} {LinkOpenTag}
  1411. <a class="fancybox" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  1412. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" />
  1413. </a>{LinkCloseTag} {/block:Photo} {block:Photoset}
  1414. <div class="set">
  1415. <center>
  1416. <div class="pxu">
  1417. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  1418. {block:Photos}
  1419. <div class="photo-data">
  1420. <a class="fancybox" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  1421. <div class="pxu-photo">
  1422. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}"
  1423. data-height="{PhotoHeight-HighRes}">
  1424. </div>
  1425. </a>
  1426. </div>
  1427. {/block:Photos}
  1428. </div>
  1429. </div>
  1430. </center>
  1431. </div>
  1432. {/block:Photoset} {block:Video}
  1433. <div class="video"><div class="embed-responsive embed-responsive-16by9">{VideoEmbed-700}</div></div>
  1434. {/block:Video} {block:Audio}
  1435.  
  1436.  
  1437. <div class="title d-flex align-items-center" class="d-flex flex-row">
  1438. <div class="albumart">
  1439.  
  1440. <div class="filler" {block:AlbumArt} style="background-image:url({AlbumArtURL});" {/block:AlbumArt}></div>
  1441. <div class="audioplayer">{AudioPlayerWhite}</div>
  1442. </div>
  1443. <div class="pl-2">
  1444. {block:TrackName} {TrackName} {/block:TrackName} - {block:Artist} {Artist} {/block:Artist}
  1445. </div>
  1446. </div>
  1447.  
  1448. {/block:Audio} {block:Answer}
  1449. <div class="toptitle">
  1450. <div class="title">
  1451. <div class="asker">
  1452. <i class="fa fa-question-circle" aria-hidden="true" style="font-size:15px"></i> &nbsp;{Asker} said: </div>
  1453. </div>
  1454. </div>
  1455. <div class="q">
  1456. <p>{Question}</p>
  1457. </div>
  1458. {block:NotReblog}
  1459. <div class="title">
  1460. <div class="asker">
  1461. <i class="fa fa-info-circle" aria-hidden="true" style="font-size:15px"></i> &nbsp;
  1462. <a href="/">{Name}</a> replied:</div>
  1463. </div>
  1464. <div class="q" style="padding-bottom:-10px;padding-left:30px;padding-right:30px;">{Replies}</div>
  1465. {/block:NotReblog} {block:RebloggedFrom}
  1466. <div class="title">
  1467. <div class="asker">
  1468. <i class="fa fa-info-circle" aria-hidden="true" style="font-size:15px"></i>&nbsp;{Answerer}</a> replied: </div>
  1469. </div>
  1470. <div class="q" style="padding-bottom:-10px">{Replies}</div>
  1471. {/block:RebloggedFrom} {/block:Answer} {block:Caption}{block:RebloggedFrom}
  1472. <div class="caption" style="margin-left:0px;">{Caption}</div>
  1473. {/block:RebloggedFrom} {block:NotReblog}
  1474. <div style="text-align:left;padding:10px 20px 10px 20px;">{Caption}</div>
  1475. {/block:NotReblog}{/block:Caption} {block:Date} {block:HasTags}
  1476. <div class="postinfo">
  1477. <div class="tags" style="padding-top:12px;" }>
  1478. <i class="fa fa-tags" aria-hidden="true" style="color:{color:accent1}"></i>&nbsp;&nbsp;&nbsp;{block:Tags}
  1479. <a href="{TagUrl}">
  1480. {Tag}.&nbsp;</a>{/block:Tags}
  1481. </div>
  1482. </div>
  1483. {/block:HasTags} {/block:Date}
  1484. </div>
  1485. {block:PostNotes}
  1486. <div style="padding:0px 10px 0px 10px;" class="pagenotes">
  1487. {PostNotes}
  1488. </div>
  1489. {/block:PostNotes}
  1490. </div>
  1491. {/block:Posts}
  1492.  
  1493. </div>
  1494.  
  1495. </div>
  1496.  
  1497.  
  1498. <!--DO NOT TOUCH ANYTHING BELOW THIS LINE -->
  1499. <div id="credit"><a title="theme by #userchelle" href="https://loislane.tumblr.com"><img src="https://68.media.tumblr.com/62496251ce73eb90b955cdfa12c0ac83/tumblr_op9av3V2XR1tbtydxo2_r1_75sq.png"/></a></div>
  1500.  
  1501. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.min.js"></script>
  1502. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1503. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1504. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
  1505. crossorigin="anonymous"></script>
  1506. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
  1507. crossorigin="anonymous"></script>
  1508. <script src="https://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  1509. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js"></script>
  1510. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1511. <script type="text/javascript">
  1512. /*
  1513.  
  1514. unnest tumblr captions script
  1515. by @magnusthemes & @neothm
  1516. from: http://neothm.com/post/148902138319
  1517.  
  1518. */
  1519. $(document).ready(function () {
  1520. $(function () {
  1521. $('.posts').unnest({
  1522. yourCaption: ".caption",
  1523. wrapName: ".tumblr_parent",
  1524. newCaptionUsername: false,
  1525. originalPostCaptionUsername: false,
  1526. tumblrAvatars: false,
  1527. tumblrAvatarClass: ".tumblr_avatar",
  1528. usernameColon: false
  1529. });
  1530. });
  1531. });
  1532. $(document).ready(function () {
  1533. $('.posts-container').on('scroll', function () {
  1534. $('.hideme').each(function (i) {
  1535.  
  1536. var top_of_object = $(this).position().top;
  1537. var bottom_of_window = $('.posts-container').scrollTop() + $('.posts-container').innerHeight();
  1538. var top_of_object = $(this).position().top
  1539. if (bottom_of_window > top_of_object + 300) {
  1540. $(this).animate({ 'opacity': '1' }, 500);
  1541. }
  1542. });
  1543. });
  1544. $(".fancybox").fancybox(
  1545. {
  1546. margin: [70, 0, 0, 0],
  1547. maxWidth: '90%',
  1548. maxHeight: '90%',
  1549. nextClick: true,
  1550. loop: true,
  1551. });
  1552. $('.hideme').each(function (i) {
  1553. var top_of_object = $(this).position().top;
  1554. var bottom_of_window = $('.posts-container').scrollTop() + $('.posts-container').innerHeight();
  1555. if (top_of_object <= bottom_of_window) {
  1556. $(this).animate({ 'opacity': '1' }, 500);
  1557.  
  1558. }
  1559. });
  1560. });
  1561. (function ($) {
  1562. $(document).ready(function () {
  1563. $("a[title]").style_my_tooltips({
  1564. tip_follows_cursor: true,
  1565. tip_delay_time: 90,
  1566. tip_fade_speed: 600,
  1567. attribute: "title"
  1568. });
  1569. });
  1570. })(jQuery);
  1571. // PXU Photoset Script by Pixel Union
  1572. $(document).ready(function () {
  1573. $('.photo-slideshow').pxuPhotoset({
  1574. lightbox: false,
  1575. rounded: false,
  1576. gutter: '2.5px',
  1577. borderRadius: '0px',
  1578. photoset: '.photo-slideshow',
  1579. photoWrap: '.photo-data',
  1580. photo: '.pxu-photo'
  1581. });
  1582. });
  1583. </script>
  1584.  
  1585.  
  1586.  
  1587.  
  1588. </body>
  1589.  
  1590. </html>
Advertisement
Add Comment
Please, Sign In to add comment