spirkism

theme #30: poseidon

Jul 12th, 2017
2,372
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.94 KB | None | 0 0
  1. <!--
  2.  
  3. ------------------------------THEME #30: POSEIDON----------------------------
  4. -------------------------#1 in the greek gods series-------------------------
  5. ------------------------by Phi (spirkthemes/spirkism)------------------------
  6.  
  7. -----------------------------------RULES:------------------------------------
  8. - do not steal/redistribute
  9. - don't (re)move the credit
  10. - don't use as a base code, there are plenty of those out there & don't take snippets
  11. - you are allowed to edit as much as you like for your own personal use
  12. - don't hesitate to contact me if you find a bug or need otherwise help
  13. ------------------------------------------------------------------------------
  14.  
  15. -->
  16.  
  17. <!DOCTYPE html>
  18. <head>
  19.  
  20. <title>{Title}</title>
  21.  
  22. <!-- /* LINKS */ -->
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  26. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/h5czl1a/aTqnk4mjj/tooltipstuff.css"/>
  27.  
  28.  
  29.  
  30.  
  31. <!-- /* META TAGS */ -->
  32. <meta name="color:background" content="#f2f2f2" />
  33. <meta name="color:primary" content="#ffffff" />
  34. <meta name="color:accent" content="#3fc69e" />
  35. <meta name="color:text" content="#8c8c8c" />
  36. <meta name="color:links" content="#3fc69e" />
  37. <meta name="color:links hover" content="#4dffca" />
  38. <meta name="color:border" content="#e5e5e5" />
  39.  
  40.  
  41. <meta name="text:link 1 url" content="/" />
  42. <meta name="text:link 1 text" content="home" />
  43. <meta name="text:link 1 icon" content="f015" />
  44. <meta name="text:link 2 url" content="/" />
  45. <meta name="text:link 2 text" content="message" />
  46. <meta name="text:link 2 icon" content="f0e0" />
  47. <meta name="text:link 3 url" content="/" />
  48. <meta name="text:link 3 text" content="archive" />
  49. <meta name="text:link 3 icon" content="f187" />
  50. <meta name="text:link 4 url" content="/" />
  51. <meta name="text:link 4 text" content="link 4" />
  52. <meta name="text:link 4 icon" content="f005" />
  53. <meta name="text:link 5 url" content="/" />
  54. <meta name="text:link 5 text" content="link 5" />
  55. <meta name="text:link 5 icon" content="f005" />
  56. <meta name="text:link 6 url" content="/" />
  57. <meta name="text:link 6 text" content="link 6" />
  58. <meta name="text:link 6 icon" content="f005" />
  59. <meta name="text:link 7 url" content="/" />
  60. <meta name="text:link 7 text" content="link 7" />
  61. <meta name="text:link 7 icon" content="f005" />
  62. <meta name="text:link 8 url" content="/" />
  63. <meta name="text:link 8 text" content="link 8" />
  64. <meta name="text:link 8 icon" content="f005" />
  65. <meta name="text:link 9 url" content="/" />
  66. <meta name="text:link 9 text" content="link 9" />
  67. <meta name="text:link 9 icon" content="f005" />
  68.  
  69. <meta name="image:background" content="" />
  70. <meta name="image:sidebar" content="" />
  71. <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
  72. <meta name="font:Special" content="Arial, Helvetica, sans-serif"/>
  73.  
  74. <meta name="if:header" content="1" />
  75. <meta name="if:searchbar" content="1" />
  76. <meta name="if:shadows" content="0" />
  77. <meta name="if:border" content="1" />
  78. <meta name="if:scroll to top" content="1" />
  79. <meta name="if:infinite scroll" content="0" />
  80.  
  81.  
  82. <meta name="select:post size" content="500px" title="500px">
  83. <meta name="select:post size" content="400px" title="400px">
  84. <meta name="select:post size" content="250px" title="250px">
  85.  
  86.  
  87. <meta name="select:Index tags" content="fixed-tags" title="visible tags" />
  88. <meta name="select:Index tags" content="hover-tags" title="tags on hover" />
  89. <meta name="select:Index tags" content="no-tags" title="no tags" />
  90.  
  91. <meta name="select:Perma tags" content="fixed-tags" title="visible tags" />
  92. <meta name="select:Perma tags" content="no-tags" title="no tags" />
  93. <meta name="select:Perma tags" content="hover-tags" title="tags on hover" />
  94.  
  95.  
  96.  
  97. <style type="text/css">
  98.  
  99.  
  100. /* ----------- GENERAL ---------- */
  101.  
  102. ::-webkit-scrollbar-thumb {
  103. background-color: RGBA({RGBcolor:accent},0.5);
  104. height:auto;
  105. width: 5px;
  106. z-index: 9999999999999999999999999999999999999;
  107. }
  108.  
  109. ::-webkit-scrollbar {
  110. height:auto;
  111. width:5px;
  112. background-color:{color:primary};
  113. z-index: 999999999999999999999999999999999999;
  114. }
  115.  
  116.  
  117. div#qTip {
  118. font-size: 11px;
  119. font: 0.8em {font:body};
  120. line-height: 11px;
  121. display: none;
  122. text-align: center;
  123. position: absolute;
  124. z-index: 999999999999999999999999999999999999999999999999999999;
  125. background-color: {color:primary};
  126. padding: 3px 7px;
  127. color: {color:text};
  128. max-width: 200px;
  129. height: auto;
  130. border: 1px solid {color:background};
  131. -webkit-transition: all 0.1s ease-out;
  132. -moz-transition: all 0.1s ease-out;
  133. -o-transition: all 0.1s ease-out;
  134. }
  135.  
  136. body {
  137. word-wrap:break-word;
  138. margin: 0;
  139. background-image: url('{image:background}');
  140. background-attachment: fixed;
  141. background-size: 100% auto;
  142. background-color: {color:background};
  143. font: 11px {font:body};
  144. color: {color:text};
  145. }
  146.  
  147. img {
  148. max-width: 100%;
  149. }
  150.  
  151. a {
  152. text-decoration: none;
  153. color: {color:links};
  154. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  155. -o-transition: 0.5s ease;
  156. -moz-transition: 0.5s ease;
  157. }
  158.  
  159. a:hover {
  160. text-decoration: none;
  161. color: {color:links hover};
  162. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  163. -o-transition: 0.5s ease;
  164. -moz-transition: 0.5s ease;
  165. }
  166.  
  167. blockquote {
  168. border-left: solid 2px {color:text};
  169. padding-left: 10px;
  170. max-width: 100%;
  171. }
  172.  
  173.  
  174. /* ---------------------HEADER--------------------- */
  175.  
  176.  
  177. #header {
  178. color: #fff;
  179. height: 50px;
  180. width: 100%;
  181. position: fixed;
  182. top: 0;
  183. left:0;
  184. background-color: {color:primary};
  185. z-index: 8;
  186. {block:IfBorder}
  187. border-bottom: 1px solid {color:border};
  188. {/block:IfBorder}
  189. {block:IfShadows}
  190. box-shadow: 2px 2px 2px #EAEAEA;
  191. {/block:IfShadows}
  192. }
  193.  
  194.  
  195. #desc-button {
  196. position: absolute;
  197. {block:IfSearchbar}
  198. margin-left: 210px;
  199. {/block:IfSearchbar}
  200. {block:IfNotSearchbar}
  201. margin-left: 20px;
  202. {/block:IfNotSearchbar}
  203. background-color: {color:background};
  204. width: 25px;
  205. height: 25px;
  206. border-radius: 50%;
  207. margin-top: 12px;
  208. text-align: center;
  209. line-height: 25px;
  210. font-family: FontAwesome;
  211. font-size: 1.5em;
  212. color: {color:accent};
  213. cursor: help;
  214. }
  215.  
  216. #desc-button:before {
  217. content: "\f129";
  218. }
  219.  
  220. #desc {
  221. position: fixed;
  222. top: 100px;
  223. left: 400px;
  224. width: calc({select:post size} - 20px);
  225. padding: 10px;
  226. background-color: {color:primary};
  227. border-radius: 5px;
  228. {block:IfBorder}
  229. border: 1px solid {color:border};
  230. {/block:IfBorder}
  231. {block:IfShadows}
  232. box-shadow: 2px 2px 2px #EAEAEA;
  233. {/block:IfShadows}
  234. z-index: 999999;
  235. font-size: 0.98em;
  236. display: none;
  237. }
  238.  
  239. #desc-close {
  240. font-family: FontAwesome;
  241. font-size: 1.5em;
  242. position: absolute;
  243. right: 5px;
  244. top: 3px;
  245. color: {color:text};
  246. }
  247.  
  248. #desc-close:before {
  249. content: "\f00d";
  250. cursor: help;
  251. }
  252.  
  253.  
  254. #desc-background {
  255. position: fixed;
  256. z-index: 99999;
  257. background-color: RGBA({RGBcolor:primary}, 0.7);
  258. height: 100%;
  259. width: 100%;
  260. display: none;
  261. }
  262.  
  263. #title {
  264. position: absolute;
  265. display: inline-block;
  266. font: 1.1em {font:special};
  267. height: 50px;
  268. line-height: 50px;
  269. {block:IfSearchbar}
  270. {block:ShowDescription}
  271. margin-left: 245px;
  272. {/block:ShowDescription}
  273. {block:HideDescription}
  274. margin-left: 220px;
  275. {/block:HideDescription}
  276. {/block:IfSearchbar}
  277. {block:IfNotSearchbar}
  278. {block:ShowDescription}
  279. margin-left: 65px;
  280. {/block:ShowDescription}
  281. {block:HideDescription}
  282. margin-left: 20px;
  283. {/block:HideDescription}
  284. {/block:IfNotSearchbar}
  285. margin-top:-2px;
  286. }
  287.  
  288.  
  289.  
  290. /* ---------------------SIDEBAR--------------------- */
  291.  
  292.  
  293. #sidebar {
  294. position: fixed;
  295. top: 200px;
  296. left: 130px;
  297. }
  298.  
  299. #bubble1 {
  300. position: absolute;
  301. width: 150px;
  302. height: 150px;
  303. border-radius: 50%;
  304. {block:IfBorder}
  305. border: 1px solid {color:border};
  306. {/block:IfBorder}
  307. {block:IfShadows}
  308. box-shadow: 2px 2px 2px #EAEAEA;
  309. {/block:IfShadows}
  310. overflow:hidden;
  311. }
  312.  
  313. #bubble1 img {
  314. width: 100%;
  315. height:auto;
  316. overflow:hidden;
  317. }
  318.  
  319. #bubble2 {
  320. width: 50px;
  321. height: 50px;
  322. border-radius: 50%;
  323. background-color: {color:primary};
  324. position: absolute;
  325. {block:IfBorder}
  326. border: 1px solid {color:border};
  327. {/block:IfBorder}
  328. top: 105px;
  329. left: 115px;
  330. font-family: FontAwesome;
  331. font-size: 1.6em;
  332. text-align: center;
  333. line-height: 50px;
  334. cursor:help;
  335. {block:IfShadows}
  336. box-shadow: 2px 2px 2px #EAEAEA;
  337. {/block:IfShadows}
  338. }
  339.  
  340. #bubble2:after {
  341. content: "\f0c9";
  342. }
  343.  
  344. #sb-links {
  345. position: absolute;
  346. z-index: 999;
  347. width: 95px;
  348. height: 90px;
  349. top: 35px;
  350. left: 35px;
  351. display: none;
  352. }
  353.  
  354. .sb-link {
  355. width: 25px;
  356. height: 25px;
  357. border-radius: 50%;
  358. background-color: RGBA({RGBcolor:primary}, 0.4);
  359. /*
  360. {block:IfBorder}
  361. border: 0.5px solid {color:border};
  362. {/block:IfBorder}
  363. */
  364. color: {color:primary};
  365. text-align: center;
  366. position: relative;
  367. line-height: 25px;
  368. font-family: FontAwesome;
  369. font-size: 1.4em;
  370. text-align: center;
  371. display: inline-block;
  372. margin-right: 0px;
  373. margin-bottom: 3px;
  374. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  375. -o-transition: 0.5s ease;
  376. -moz-transition: 0.5s ease;
  377. }
  378.  
  379. .sb-link:hover {
  380. background-color: {color:accent};
  381. color: {color:primary};
  382. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  383. -o-transition: 0.5s ease;
  384. -moz-transition: 0.5s ease;
  385. }
  386.  
  387.  
  388. #sb-link-1:after {
  389. content: "\{text:link 1 icon}";
  390.  
  391. }
  392.  
  393. #sb-link-2:after {
  394. content: "\{text:link 2 icon}";
  395.  
  396. }
  397.  
  398. #sb-link-3:after {
  399. content: "\{text:link 3 icon}";
  400.  
  401. }
  402.  
  403. #sb-link-4:after {
  404. content: "\{text:link 4 icon}";
  405.  
  406. }
  407.  
  408. #sb-link-5:after {
  409. content: "\{text:link 5 icon}";
  410.  
  411. }
  412.  
  413.  
  414. #sb-link-6:after {
  415. content: "\{text:link 6 icon}";
  416.  
  417. }
  418.  
  419. #sb-link-7:after {
  420. content: "\{text:link 7 icon}";
  421.  
  422. }
  423.  
  424. #sb-link-8:after {
  425. content: "\{text:link 8 icon}";
  426.  
  427. }
  428.  
  429. #sb-link-9:after {
  430. content: "\{text:link 9 icon}";
  431.  
  432. }
  433.  
  434. #prev:after {
  435. content: "\f053";
  436.  
  437. }
  438.  
  439. #next:after {
  440. content: "\f054";
  441.  
  442. }
  443.  
  444. #prev {
  445. position: absolute;
  446. font-family: FontAwesome;
  447. font-size: 1.2em;
  448. text-align: center;
  449. color: {color:text};
  450. top: 147px;
  451. left: 102px;
  452. }
  453.  
  454. #next {
  455. position: absolute;
  456. font-family: FontAwesome;
  457. font-size: 1.2em;
  458. text-align: center;
  459. color: {color:text};
  460. top: 147px;
  461. left: 114px;
  462. }
  463.  
  464. /* ------- SEARCHBAR -------- */
  465.  
  466. #searchbar {
  467. position: absolute;
  468. left: 10px;
  469. top: 14px;
  470. opacity: 0.5;
  471. display: inline-block;
  472. }
  473.  
  474. #searchform input {
  475. border: 0px;
  476. padding: 5px;
  477. text-transform: uppercase;
  478. margin-top: 0px;
  479. letter-spacing: 1px;
  480. font-size: 0.8em;
  481. color: #575757;
  482. border-radius: 3px;
  483. }
  484.  
  485. #searchinput {
  486. background-color: {color:background};
  487. border-radius: 3px;
  488. width: 150px;
  489. }
  490.  
  491. #searchbutton {
  492. vertical-align: bottom;
  493. height: 10px;
  494. background-color: {color:background};
  495. border-radius: 3px;
  496. }
  497.  
  498.  
  499. #searchform input:focus {
  500. outline: none;
  501. }
  502.  
  503.  
  504. /* ---------------- TUMBLR CONTROLS ----------------- */
  505.  
  506. .tmblr-iframe {
  507. position: fixed;
  508. margin-top: 13px;
  509. -webkit-filter: invert(100%);
  510. filter: invert(100%);
  511. border: none;
  512. opacity: 0.2;
  513. z-index: 999;
  514. }
  515.  
  516.  
  517.  
  518. /* ---------------- LIGHTBOX ----------------- */
  519.  
  520.  
  521. .tmblr-lightbox {
  522. background-color: RGBA({RGBcolor:primary}, 0.7) !important;
  523. }
  524.  
  525.  
  526. .tmblr-lightbox .vignette {
  527. opacity:0; !important;
  528. }
  529.  
  530.  
  531. .tmblr-lightbox .lightbox-image {
  532. box-shadow: none !important;
  533. border: 3px solid {color:border} !important;
  534. border-radius: 5px !important;
  535. overflow:hidden !important;
  536. }
  537.  
  538. .tmblr-lightbox .lightbox-image img {
  539. border-radius: 5px !important;
  540. overflow:hidden !important;
  541. }
  542.  
  543. .tmblr-lightbox .lightbox-image-container {
  544.  
  545. }
  546.  
  547. .tmblr-lightbox .lightbox-caption {
  548. display: none;
  549. }
  550.  
  551.  
  552.  
  553.  
  554. /* ---------------------------------------- */
  555. /* ------------ POSTS & CONTENT ----------- */
  556. /* ---------------------------------------- */
  557.  
  558.  
  559.  
  560. #content {
  561. position: relative;
  562. top: 50px;
  563. width: calc({select:post size} + 30px);
  564. margin-left: 400px;
  565. {block:IfHeader}
  566. margin-top: 50px;
  567. {/block:IfHeader}
  568. {block:IfNotHeader}
  569. margin-top: 20px;
  570. {/block:IfNotHeader}
  571. }
  572.  
  573.  
  574. #posts {
  575. top: 30px;
  576. }
  577.  
  578. #post {
  579. background-color: {color:primary};
  580. width: {select:post size};
  581. {block:IfShadows}
  582. box-shadow: 2px 2px 2px #EAEAEA;
  583. {/block:IfShadows}
  584. border-radius: 5px;
  585. {block:IfBorder}
  586. border: 1px solid {color:border};
  587. {/block:IfBorder}
  588. display: inline-block;
  589. }
  590.  
  591. .posty {
  592. width: calc({select:post size} + 30px);
  593. margin-bottom: 70px;
  594. }
  595.  
  596.  
  597. .caption {
  598. padding: 0px 10px 0px 10px;
  599. }
  600.  
  601. .caption blockquote {
  602. margin-left: 5px;
  603. margin-right: 0px;
  604. max-width: 100%;
  605. }
  606.  
  607. .caption img {
  608. height: 100%;
  609. width: auto;
  610. }
  611.  
  612.  
  613. /*------------------------TEXT POST----------------------- */
  614.  
  615.  
  616.  
  617. .textpost {
  618. padding: 10px;
  619. }
  620.  
  621. .textpost-title {
  622. padding: 7px 5px;
  623. background-color: RGBA({RGBcolor:background}, 1);
  624. border-radius: 3px;
  625. text-align: center;
  626. font: 1em {font:special};
  627. }
  628.  
  629. .textpost-text {
  630.  
  631. }
  632.  
  633. .textpost blockquote {
  634. margin-left: 5px;
  635. margin-right: 0px;
  636. max-width: 100%;
  637. }
  638.  
  639. .textpost img {
  640. height: 100%;
  641. width: auto;
  642. }
  643.  
  644. /*------------------------PHOTO POST----------------------- */
  645.  
  646.  
  647. .photopost {
  648. overflow:hidden;
  649. border-radius: 5px 5px 0px 0px;
  650. }
  651.  
  652. .panorama-post {
  653.  
  654. }
  655.  
  656. .photosetpost {
  657. overflow:hidden;
  658. border-radius: 5px 5px 0px 0px;
  659. }
  660.  
  661. .photoset {
  662. width: calc(100% + 2px);
  663. margin-right: 0px;
  664. padding: 0px;
  665. }
  666.  
  667.  
  668. /*------------------------QUOTE POST----------------------- */
  669.  
  670. .quotepost {
  671. padding: 15px 15px 15px 15px;
  672. }
  673.  
  674. .quotepost-quote {
  675.  
  676. }
  677.  
  678. .quotepost-source {
  679. font-size: 0.8em;
  680. text-align: right;
  681. margin-top: 15px;
  682. border-top: 0.5px solid RGBA({RGBcolor:text}, 0.5);
  683. padding-top: 15px;
  684. }
  685.  
  686. /*------------------------LINK POST----------------------- */
  687.  
  688. .linkpost {
  689. padding: 10px;
  690. }
  691.  
  692. .linkpost blockquote {
  693. margin-left: 5px;
  694. margin-right: 0px;
  695. max-width: 100%;
  696. }
  697.  
  698. .linkpost-title {
  699. padding: 7px 5px;
  700. background-color: RGBA({RGBcolor:accent}, 0.7);
  701. border-radius: 3px;
  702. text-align: center;
  703. font: 1em {font:special};
  704. color: {color:primary};
  705. border:1px solid RGBA({RGBcolor:background}, 1);
  706. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  707. -o-transition: 0.5s ease;
  708. -moz-transition: 0.5s ease;
  709. }
  710.  
  711. .linkpost-title:hover{
  712. /*
  713. background-color: RGBA({RGBcolor:background}, 1);
  714. color: {color:accent};
  715. */
  716. border:1px solid RGBA({RGBcolor:accent}, 0.7);
  717. letter-spacing: 0.05em;
  718. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  719. -o-transition: 0.5s ease;
  720. -moz-transition: 0.5s ease;
  721. }
  722.  
  723.  
  724. .linkpost .caption {
  725.  
  726. }
  727.  
  728. .linkpost-img {
  729.  
  730. }
  731.  
  732.  
  733. /*------------------------CHAT POST----------------------- */
  734.  
  735. .chatpost {
  736. padding: 10px;
  737. }
  738.  
  739. .chatpost-title {
  740. padding: 7px 5px;
  741. background-color: RGBA({RGBcolor:background}, 1);
  742. border-radius: 3px;
  743. text-align: center;
  744. font: 1em {font:special};
  745. }
  746.  
  747. .chatpost ul {
  748. list-style-type: none;
  749. padding-left: 10px;
  750. padding-right: 10px;
  751. }
  752.  
  753. .chatpost ul li {
  754. border-bottom: 0.5px solid RGBA({RGBcolor:text}, 0.5);
  755. padding-bottom: 4px;
  756. margin-bottom: 4px;
  757. }
  758.  
  759. .chatpost ul li:last-child {
  760. border-bottom: none;
  761. }
  762.  
  763. .chatpost ul .odd {
  764.  
  765. }
  766.  
  767. .chatpost ul .even {
  768.  
  769. }
  770.  
  771. /*------------------------AUDIO POST----------------------- */
  772.  
  773. .audiopost {
  774.  
  775. }
  776.  
  777. .audiopost-button {
  778. width: 40px;
  779. height: 40px;
  780. border-radius: 50%;
  781. position: absolute;
  782. margin-top: 26px;
  783. margin-left: 26px;
  784. z-index: 3;
  785. background-color: white;
  786. opacity: 0.5;
  787. }
  788.  
  789. .audiopost-player {
  790. width: 24px;
  791. height: 24px;
  792. overflow:hidden;
  793. position: absolute;
  794. margin-top: 6px;
  795. margin-left: 3px;
  796. z-index: 4;
  797. border-radius: 50%;
  798. }
  799.  
  800.  
  801. .audiopost-img {
  802. border-radius: 50%;
  803. overflow:hidden;
  804. margin-top: 10px;
  805. margin-left: 10px;
  806. height: 70px;
  807. width: 70px;
  808. position: absolute;
  809. display: inline-block;
  810. z-index: 2;
  811. {block:IfBorder}
  812. border: 1px solid {color:border};
  813. {/block:IfBorder}
  814. }
  815.  
  816. .audiopost-fallbackimg {
  817. border-radius: 50%;
  818. overflow:hidden;
  819. height: 70px;
  820. width: 70px;
  821. position: absolute;
  822. z-index: 1;
  823. margin-top: 10px;
  824. margin-left: 10px;
  825. {block:IfBorder}
  826. border: 1px solid {color:border};
  827. {/block:IfBorder}
  828. }
  829.  
  830.  
  831. .audiopost ul {
  832. display: inline-block;
  833. list-style-type: none;
  834. margin-left: 100px;
  835. padding-left: 0px;
  836. min-height: 60px;
  837. margin-top: 20px;
  838. }
  839.  
  840. .audiopost ul li {
  841. border-bottom: 0.5px solid {color:text};
  842. padding-bottom: 1px;
  843. margin-bottom: 2px;
  844. }
  845.  
  846.  
  847. /*------------------------VIDEO POST----------------------- */
  848.  
  849. .videopost {
  850. overflow:hidden;
  851. border-radius: 5px 5px 0px 0px;
  852. }
  853.  
  854. .videopost-video {
  855. border-radius: 5px 5px 0px 0px;
  856. overflow:hidden;
  857. }
  858.  
  859.  
  860. .main-250px .select-400px {
  861. display: none;
  862. }
  863.  
  864. .main-250px .select-500px {
  865. display: none;
  866. }
  867.  
  868. .main-400px .select-500px {
  869. display: none;
  870. }
  871.  
  872. .main-400px .select-250px {
  873. display: none;
  874. }
  875.  
  876. .main-500px .select-250px {
  877. display: none;
  878. }
  879.  
  880. .main-500px .select-400px {
  881. display: none;
  882. }
  883.  
  884. /*------------------------ASK POST----------------------- */
  885.  
  886. .answerpost {
  887. padding: 10px 10px 10px 10px;
  888. }
  889.  
  890. .answerpost img {
  891. width: 100%;
  892. height: auto;
  893. }
  894.  
  895. .answerpost-asker {
  896. margin-bottom: 10px;
  897. margin-top: -5px;
  898. font: 1em {font:special};
  899. display: inline-block;
  900. border-bottom: 0.5px solid {color:text};
  901. padding-bottom: 3px;
  902. }
  903.  
  904.  
  905. .answerpost-askerimg {
  906. position: relative;
  907. margin-top: -30px;
  908. margin-left: -30px;
  909. border-radius: 50%;
  910. display: inline-block;
  911. }
  912.  
  913. .answerpost-askerimg img {
  914. border-radius: 50%;
  915. {block:IfBorder}
  916. border: 1px solid {color:border};
  917. {/block:IfBorder}
  918. }
  919.  
  920.  
  921. .answerpost-question {
  922. border-bottom: 0.5px solid {color:text};
  923. padding-bottom: 15px;
  924. }
  925.  
  926.  
  927.  
  928. .answerpost-answererimg {
  929.  
  930. }
  931.  
  932. .answerpost-answerer {
  933. font: 1em {font:special};
  934. border-bottom: 0.5px solid {color:text};
  935. padding-bottom: 3px;
  936. margin-bottom: 2px;
  937. display: inline-block;
  938. }
  939.  
  940. .answerpost-answer {
  941. margin-top: 15px;
  942. }
  943.  
  944. .answerpost .caption:empty {
  945. display: none;
  946. }
  947.  
  948.  
  949. /*------------------------PERM----------------------- */
  950.  
  951. #permbox1 {
  952. position: relative;
  953. display: inline-block;
  954. width: 20px;
  955. vertical-align: top;
  956. }
  957.  
  958. #permbox1 .permbox-box {
  959. line-height: 20px;
  960. color: RGBA({RGBcolor:text}, 0.6);
  961. width: 20px;
  962. height: 20px;
  963. border-radius: 50%;
  964. text-align: center;
  965. background-color: {color:primary};
  966. margin-bottom: 3px;
  967. {block:IfBorder}
  968. border: 0.5px solid {color:border};
  969. {/block:IfBorder}
  970. {block:IfShadows}
  971. box-shadow: 2px 2px 2px #EAEAEA;
  972. {/block:IfShadows}
  973. }
  974.  
  975.  
  976. #parent-portrait:before {
  977. font-family: FontAwesome;
  978. font-size: 1.2em;
  979. content: "\f007";
  980. }
  981.  
  982. #root-portrait:before {
  983. font-family: FontAwesome;
  984. font-size: 1.2em;
  985. content: "\f1f9";
  986. }
  987.  
  988.  
  989. #timeago-box:before {
  990. font-family: FontAwesome;
  991. font-size: 1.3em;
  992. content: "\f017";
  993. }
  994.  
  995. #reblogbutton:before {
  996. font-family: FontAwesome;
  997. font-size: 1.3em;
  998. content: "\f021";
  999. }
  1000.  
  1001. #timeago-box {
  1002. }
  1003.  
  1004. #time-link {
  1005. width: 10px;
  1006. overflow: hidden;
  1007. }
  1008.  
  1009.  
  1010.  
  1011. #notecount-box {
  1012. position: absolute;
  1013. margin-left: 7px;
  1014. font: 0.8em {font:special};
  1015. line-height: 25px;
  1016. display: inline-block;
  1017. }
  1018.  
  1019. #reblogbutton {
  1020.  
  1021. }
  1022.  
  1023. #like-heart {
  1024. position:relative;
  1025. display:inline-block;
  1026. margin-top: 5px;
  1027. margin-left: 0px;
  1028. width:12px;
  1029. height:12px;
  1030. }
  1031.  
  1032. #like-heart svg {
  1033. width:12px;
  1034. height:auto;
  1035. opacity: 0.65;
  1036. display:block;
  1037. fill: {color:text};
  1038. }
  1039.  
  1040.  
  1041. #like-heart .liked + svg {
  1042. opacity:1;
  1043. }
  1044.  
  1045. #like-heart .liked + svg path {
  1046. fill:{color:accent};
  1047. }
  1048.  
  1049.  
  1050. #like-heart .like_button iframe {
  1051. position:absolute;
  1052. top:0;
  1053. left:0;
  1054. bottom:0;
  1055. right:0;
  1056. z-index:2;
  1057. opacity:0;
  1058. }
  1059.  
  1060.  
  1061.  
  1062.  
  1063. /*------------------------TAGS----------------------- */
  1064.  
  1065.  
  1066. .no-tags {
  1067. display: none;
  1068. }
  1069.  
  1070. .no-tags .comma:last-child {
  1071. display: none;
  1072. }
  1073.  
  1074. .hover-tags {
  1075. background-color: RGBA({RGBcolor:background},0.5);
  1076. padding:0px 7px;
  1077. height: 0px;
  1078. font-size: 0.85em;
  1079. z-index: 1;
  1080. opacity: 0;
  1081. text-align: center;
  1082. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1083. -o-transition: 0.5s ease;
  1084. -moz-transition: 0.5s ease;
  1085. }
  1086.  
  1087. .hover-tags .comma:last-child {
  1088. display: none;
  1089. }
  1090.  
  1091. .posty:hover .hover-tags {
  1092. padding:7px 7px;
  1093. height: auto;
  1094. opacity: 1;
  1095. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1096. -o-transition: 0.5s ease;
  1097. -moz-transition: 0.5s ease;
  1098. }
  1099.  
  1100. .fixed-tags {
  1101. background-color: RGBA({RGBcolor:background},0.5);
  1102. padding:7px;
  1103. font-size:0.85em;
  1104. z-index: 1;
  1105. text-align: center;
  1106. }
  1107.  
  1108. .fixed-tags .comma:last-child {
  1109. display: none;
  1110. }
  1111.  
  1112.  
  1113. /*------------------------NOTES----------------------- */
  1114.  
  1115. #notes {
  1116. width: calc({select:post size} - 20px);
  1117. background-color: {color:primary};
  1118. {block:IfBorder}
  1119. border: 1px solid {color:border};
  1120. {/block:IfBorder}
  1121. {block:IfShadows}
  1122. box-shadow: 2px 2px 2px #EAEAEA;
  1123. {/block:IfShadows}
  1124. padding: 10px;
  1125. border-radius: 5px;
  1126. margin-top: -30px;
  1127. }
  1128.  
  1129. #notes ol {
  1130. list-style-type: none;
  1131. padding-left: 0px;
  1132. margin-left: -20px;
  1133. font-size: 0.85em;
  1134. }
  1135.  
  1136. #notes ol li {
  1137. margin-bottom: 3px;
  1138. }
  1139.  
  1140. #notes img {
  1141. border-radius: 50%;
  1142. margin-right: 6px;
  1143. vertical-align: -6px;
  1144. height: 20px;
  1145. width: 20px;
  1146. }
  1147.  
  1148. /*------------------------SCROLL TO TOP----------------------- */
  1149.  
  1150. #scroll-button {
  1151. background-color: {color:primary};
  1152. border-radius: 50%;
  1153. position: fixed;
  1154. right: 5px;
  1155. bottom: 35px;
  1156. width: 25px;
  1157. height: 25px;
  1158. line-height: 25px;
  1159. color:{color:accent};
  1160. text-align: center;
  1161. display: block;
  1162. cursor: help;
  1163. z-index: 99999999999999999999999999999999999999999999999;
  1164. }
  1165.  
  1166. #scroll-button:before {
  1167. content: "\f062";
  1168. font-family: FontAwesome;
  1169. font-size:1.2em;
  1170. }
  1171.  
  1172.  
  1173. /*------------------------CREDIT----------------------- */
  1174.  
  1175. /* -- DO NOT EDIT ANYTHING HERE WITHOUT ASKING ME FIRST -- */
  1176.  
  1177. #credit {
  1178. border-radius: 50%;
  1179. position: fixed;
  1180. right: 5px;
  1181. bottom: 5px;
  1182. width: 25px;
  1183. height: 25px;
  1184. line-height: 25px;
  1185. background-color: {color:accent};
  1186. color:{color:primary};
  1187. text-align: center;
  1188. z-index: 99999999999999999999999999999999999999999999999;
  1189. }
  1190.  
  1191.  
  1192.  
  1193. #credit:before {
  1194. content: "\f259";
  1195. font-family: FontAwesome;
  1196. font-size:1.2em;
  1197. }
  1198.  
  1199.  
  1200.  
  1201. </style>
  1202. </head>
  1203.  
  1204. <body>
  1205.  
  1206. <!-- /* SIDEBAR, HEADER, ETC. */ -->
  1207.  
  1208. {block:IfHeader}
  1209. <div id="header">
  1210. {block:IfSearchbar}
  1211. <div id="searchbar">
  1212. <form action="/search" method="get" id=searchform>
  1213. <input type="text" name="q" value="{SearchQuery}" id="searchinput"/>
  1214. <input type="image" value="search" src="http://static.tumblr.com/h5czl1a/b6qom9fvn/search-icon-png-21.png" id="searchbutton"/>
  1215. </form></div>
  1216. {/block:IfSearchbar}
  1217. {block:ShowDescription}
  1218. <div id="desc-button"></div>
  1219. {/block:ShowDescription}
  1220. {block:ShowTitle}
  1221. <div id="title"><a href="/">{Title}</a></div>
  1222. {/block:ShowTitle}
  1223. </div>
  1224. {/block:IfHeader}
  1225.  
  1226. <!-- /* SIDEBAR */ -->
  1227.  
  1228. <div id="sidebar">
  1229.  
  1230. <div id="bubble1">
  1231. <img src="{image:sidebar}">
  1232. </div>
  1233.  
  1234. <div id="bubble2"></div>
  1235.  
  1236. <div id="sb-links">
  1237. {block:IfLink1Text}<a href="{text:link 1 url}" title="{text:link 1 text}"><div class="sb-link" id="sb-link-1"></div></a>{/block:IfLink1Text}
  1238. {block:IfLink2Text}<a href="{text:link 2 url}" title="{text:link 2 text}"><div class="sb-link" id="sb-link-2"></div></a>{/block:IfLink2Text}
  1239. {block:IfLink3Text}<a href="{text:link 3 url}" title="{text:link 3 text}"><div class="sb-link" id="sb-link-3"></div></a>{/block:IfLink3Text}
  1240. {block:IfLink4Text}<a href="{text:link 4 url}" title="{text:link 4 text}"><div class="sb-link" id="sb-link-4"></div></a>{/block:IfLink4Text}
  1241. {block:IfLink5Text}<a href="{text:link 5 url}" title="{text:link 5 text}"><div class="sb-link" id="sb-link-5"></div></a>{/block:IfLink5Text}
  1242. {block:IfLink6Text}<a href="{text:link 6 url}" title="{text:link 6 text}"><div class="sb-link" id="sb-link-6"></div></a>{/block:IfLink6Text}
  1243. {block:IfLink7Text}<a href="{text:link 7 url}" title="{text:link 7 text}"><div class="sb-link" id="sb-link-7"></div></a>{/block:IfLink7Text}
  1244. {block:IfLink8Text}<a href="{text:link 8 url}" title="{text:link 8 text}"><div class="sb-link" id="sb-link-8"></div></a>{/block:IfLink8Text}
  1245. {block:IfLink9Text}<a href="{text:link 9 url}" title="{text:link 9 text}"><div class="sb-link" id="sb-link-9"></div></a>{/block:IfLink9Text}
  1246. </div>
  1247.  
  1248. {block:IfNotInfiniteScroll}
  1249. {block:PreviousPage}
  1250. <a href="{PreviousPage}"><div id="prev"></div></a>
  1251. {/block:PreviousPage}
  1252. {block:NextPage}
  1253. <a href="{NextPage}"><div id="next"></div></a>
  1254. {/block:NextPage}
  1255. {/block:IfNotInfiniteScroll}
  1256.  
  1257. </div> <!--sidebar-->
  1258.  
  1259.  
  1260. {block:ShowDescription}
  1261. <div id="desc">
  1262. <div id="desc-close"></div>
  1263. {Description}
  1264. </div>
  1265. <div id="desc-background"></div>
  1266. {/block:ShowDescription}
  1267.  
  1268.  
  1269. <!-- /* POSTS */ DON'T CHANGE ANYTHING HERE PLEASE (or you might heck it) -->
  1270.  
  1271. <div id="content">
  1272. <div id="posts">
  1273. <div class="autopagerize_page_element">
  1274. {block:Posts}
  1275. <div class="posty">
  1276.  
  1277. <div id="post" class="{select:post size}">
  1278.  
  1279. <!-- {block:NoRebloggedFrom}
  1280. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1281. {/block:NoRebloggedFrom} -->
  1282.  
  1283. {block:ContentSource}<!-- {SourceURL}
  1284. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1285. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1286. {/block:ContentSource}
  1287.  
  1288.  
  1289.  
  1290. <!-- /* TEXT POST */ -->
  1291. {block:Text}<div class="textpost">
  1292. {block:Title}<div class="textpost-title">{Title}</div>{/block:Title}
  1293. <div class="textpost-text">
  1294. {Body}
  1295. </div>
  1296. </div>
  1297. {/block:Text}
  1298.  
  1299. <!-- /* PHOTO POST */ -->
  1300. {block:Photo}<div class="photopost">
  1301. {LinkOpenTag}
  1302. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1303. {LinkCloseTag}
  1304. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1305. </div>
  1306. {/block:Photo}
  1307.  
  1308. <!-- /* PANORAMA POST */ -->
  1309. {block:Panorama}<div class="panoramapost">
  1310. {LinkOpenTag}
  1311. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  1312. {LinkCloseTag}
  1313. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1314. </div>
  1315. {/block:Panorama}
  1316.  
  1317. <!-- /* PHOTOSET POST */ -->
  1318. {block:Photoset}<div class="photosetpost">
  1319. <div class="photoset">
  1320. {Photoset}
  1321. </div>
  1322. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1323. </div>
  1324. {/block:Photoset}
  1325.  
  1326. <!-- /* QUOTE POST */ -->
  1327. {block:Quote}<div class="quotepost">
  1328. <div class="quotepost-quote">{Quote}</div>
  1329. {block:Source}<div class="quotepost-source">&#8226;&nbsp;{Source}&nbsp;&#8226;</div>{/block:Source}
  1330. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1331. </div>
  1332. {/block:Quote}
  1333.  
  1334. <!-- /* LINK POST */ -->
  1335. {block:Link}<div class="linkpost">
  1336. <a href="{URL}"><div class="linkpost-title">{Name}</div></a>
  1337. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  1338. </div>
  1339. {/block:Link}
  1340.  
  1341.  
  1342. <!-- /* CHAT POST */ -->
  1343. {block:Chat}<div class="chatpost">
  1344. {block:Title}<div class="chatpost-title">{Title}</div>{/block:Title}
  1345. <ul>
  1346. {block:Lines}
  1347. <li class="{Alt}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>
  1348. {/block:Lines}
  1349. </ul>
  1350. </div>
  1351. {/block:Chat}
  1352.  
  1353.  
  1354. <!-- /* AUDIO POST */ -->
  1355. {block:Audio}<div class="audiopost">
  1356. {block:AlbumArt}
  1357. <div class="audiopost-img"><img src="{AlbumArtURL}"></div>
  1358. {/block:AlbumArt}
  1359. <div class="audiopost-fallbackimg"><img src="{image:sidebar}"></div>
  1360. {block:AudioPlayer}
  1361. <div class="audiopost-button">
  1362. <div class="audiopost-player">{AudioPlayer}</div>
  1363. </div>
  1364. {/block:AudioPlayer}
  1365. <ul>
  1366. {block:TrackName}<li><strong>Track:</strong> {TrackName}</li>{/block:TrackName}
  1367. {block:Artist}<li><strong>Artist:</strong> {Artist}</li>{/block:Artist}
  1368. {block:Album}<li><strong>Album:</strong> {Album}</li>{/block:Album}
  1369. </ul>
  1370. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1371. </div>
  1372. {/block:Audio}
  1373.  
  1374.  
  1375. <!-- /* VIDEO POST */ -->
  1376. {block:Video}<div class="videopost"><div class="main-{select:post size}">
  1377. <div class="select-500px">{Video-500}</div>
  1378. <div class="select-400px">{Video-400}</div>
  1379. <div class="select-250px">{Video-250}</div>
  1380. </div>
  1381. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1382. </div>
  1383. {/block:Video}
  1384.  
  1385. <!-- /* ASK POST */ -->
  1386. {block:Answer}
  1387. <div class="answerpost">
  1388. <div class="answerpost-askerimg"><img src="{AskerPortraitURL-48}"></div>
  1389. <div class="answerpost-asker"><strong>{Asker}</strong> asked:</div>
  1390. <div class="answerpost-question">{Question}</div>
  1391. {block:Answerer}
  1392. <div class="answerpost-answer"><div class="answerpost-answerer"><strong>{Answerer}</strong> answered: </div>{Answer}</div>
  1393. {/block:Answerer}
  1394. {block:NotReblog}
  1395. <div class="answerpost-answer">{Replies}</div>
  1396. {/block:NotReblog}
  1397. {block:RebloggedFrom}
  1398. <div class="caption">{Replies}</div>
  1399. {/block:RebloggedFrom}
  1400. </div>
  1401. {/block:Answer}
  1402.  
  1403.  
  1404.  
  1405.  
  1406. <!-- /* TAGS */ -->
  1407. {block:IndexPage}
  1408. {block:HasTags}<div class="{select:index tags}">
  1409. {block:Tags}
  1410. <a href="{TagURL}" class="tag">#{Tag}</a>
  1411. {/block:Tags}
  1412. </div>
  1413. {/block:HasTags}
  1414. {/block:IndexPage}
  1415.  
  1416. {block:PermalinkPage}
  1417. {block:HasTags}<div class="{select:perma tags}">
  1418. {block:Tags}
  1419. <a href="{TagURL}" class="tag">#{Tag}</a>
  1420. {/block:Tags}
  1421. </div>
  1422. {/block:HasTags}
  1423. {/block:PermalinkPage}
  1424.  
  1425. </div>
  1426.  
  1427.  
  1428. <!-- /* PERM */ -->
  1429.  
  1430. <div id="permbox1">
  1431. {block:Date}
  1432. {block:IndexPage}
  1433. <a href="{Permalink}" title="{TimeAgo}{block:NoteCount} &#8226; {NoteCount} notes{/block:NoteCount}" id="time-link">
  1434. <div id="timeago-box" class="permbox-box"></div></a>
  1435. {/block:IndexPage}
  1436. {block:RebloggedFrom}
  1437. <a href="{ReblogParentURL}" title="via: {ReblogParentName}">
  1438. <div id="parent-portrait" class="permbox-box">
  1439. </div>
  1440. </a>
  1441. <a href="{ReblogRootURL}" title="source: {ReblogRootName}">
  1442. <div id="root-portrait" class="permbox-box">
  1443. </div>
  1444. </a>
  1445. {/block:RebloggedFrom}
  1446. {block:NotReblog}
  1447. <a href="{PermaLink}" title="source: {Name}">
  1448. <div id="root-portrait" class="permbox-box"></div>
  1449. </a>
  1450. {/block:NotReblog}
  1451. <a href="{ReblogUrl}" target="_blank" title="reblog"><div id="reblogbutton" class="permbox-box"></div></a>
  1452. {block:IfNotInfiniteScroll}
  1453. <div id="likebutton" class="permbox-box">
  1454. <div id="like-heart">{LikeButton}
  1455. <svg viewBox="0 0 19 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M14.0425097,0.000920262799 C16.1435097,-0.0400797372 18.8835097,1.28192026 18.9635097,5.36992026 C19.0525097,9.95492026 15.1985097,13.3079203 9.48350967,16.2089203 C3.76650967,13.3079203 -0.0874903349,9.95492026 0.00150966509,5.36992026 C0.0815096651,1.28192026 2.82150967,-0.0400797372 4.92250967,0.000920262799 C7.02450967,0.0419202628 8.87050967,2.26592026 9.46950967,2.92792026 C10.0945097,2.26592026 11.9405097,0.0419202628 14.0425097,0.000920262799 Z"></path></svg>
  1456. </div>
  1457. </div>
  1458. {/block:IfNotInfiniteScroll}
  1459. {/block:Date}
  1460.  
  1461.  
  1462. <!--
  1463. {block:RebloggedFrom}<div id="reblogged-box" class="permbox-box"><a href="{ReblogParentURL}">VIA</a></div>{/block:RebloggedFrom} -->
  1464.  
  1465. <!--<a href="{ReblogURL}" title="reblog" target="_blank"><div id="reblog" class="permbox-box">REBLOG</div></a>-->
  1466. </div> <!--id="permbox1"-->
  1467.  
  1468.  
  1469. </div> <!-- post div -->
  1470.  
  1471.  
  1472.  
  1473. {/block:Posts}
  1474.  
  1475. </div>
  1476.  
  1477.  
  1478.  
  1479.  
  1480. <!-- /* POST NOTES */ -->
  1481. {block:PostNotes}
  1482. <div id="notes">
  1483. <ul>
  1484. {PostNotes-64}
  1485. </ul>
  1486. </div>
  1487. {/block:PostNotes}
  1488. </div> <!-- posts div -->
  1489. </div> <!-- content div -->
  1490.  
  1491. <!-- scroll to top button -->
  1492.  
  1493. {block:IfScrollToTop}
  1494. <div id="scroll-button"></div>
  1495. {/block:IfScrollToTop}
  1496.  
  1497.  
  1498. <!-- /* CREDIT: DO NOT REMOVE !!! */ -->
  1499.  
  1500. <a href="http://spirkthemes.tumblr.com"><div id="credit" data-tipped-options="position: 'left'"></div></a>
  1501.  
  1502.  
  1503. <!-- /* SCRIPTS */ -->
  1504.  
  1505. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
  1506. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  1507. <script src="http://static.tumblr.com/h5czl1a/ACynk4kjd/tipped.js"></script>
  1508.  
  1509. <script type="text/javascript">
  1510.  
  1511.  
  1512. $(document).ready(function(){
  1513. $('#bubble2').click(function(){
  1514. $('#sb-links').fadeToggle(200);
  1515. });
  1516.  
  1517. $('#desc-button').click(function(){
  1518. $('#desc').fadeToggle(200);
  1519. $('#desc-background').fadeToggle(200);
  1520. });
  1521. $('#desc-close').click(function(){
  1522. $('#desc').fadeOut(200);
  1523. $('#desc-background').fadeOut(200);
  1524. });
  1525. $('#desc-background').click(function(){
  1526. $('#desc').fadeOut(200);
  1527. $('#desc-background').fadeOut(200);
  1528. });
  1529.  
  1530. });
  1531.  
  1532.  
  1533.  
  1534. {block:IfScrollToTop}
  1535. $(document).ready(function(){
  1536. var scrollButton = $("#scroll-button");
  1537. scrollButton.click(function(){
  1538. $("html, body").animate({scrollTop:0},1000)});
  1539. $(window).scroll(function(){
  1540. if($(window).scrollTop()<=0){
  1541. scrollButton.fadeOut(100)
  1542. }
  1543. else{scrollButton.fadeIn(100)
  1544. }
  1545. });
  1546. });
  1547. {/block:IfScrollToTop}
  1548.  
  1549.  
  1550. </script>
  1551.  
  1552.  
  1553. {block:IfInfiniteScroll}
  1554. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  1555. {block:IfInfiniteScroll}
  1556.  
  1557.  
  1558. <script type='text/javascript'>
  1559. $(document).ready(function() {
  1560. Tipped.create('#credit','theme credit');
  1561. });
  1562. </script>
  1563.  
  1564. <script>
  1565. (function($){
  1566. $(document).ready(function(){
  1567. $("[title]").style_my_tooltips({
  1568. tip_follows_cursor:true,
  1569. tip_delay_time:200,
  1570. tip_fade_speed:300
  1571. }
  1572. );
  1573. });
  1574. })(jQuery);
  1575. </script>
  1576.  
  1577. </body>
  1578. </html>
Advertisement
Add Comment
Please, Sign In to add comment