spirkism

theme #35: mythology

Sep 9th, 2017
2,697
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.84 KB | None | 0 0
  1. <!--
  2.  
  3. ----------------------------THEME #35: MYTHOLOGY-----------------------------
  4. ------------------------by Phi (spirkthemes/spirkism)------------------------
  5.  
  6. --Version 1.0
  7.  
  8. -----------------------------------RULES:------------------------------------
  9. - do not steal/redistribute
  10. - don't (re)move the credit
  11. - don't use as a base code, there are plenty of those out there & don't take snippets
  12. - you are allowed to edit as much as you like for your own personal use
  13. - don't hesitate to contact me if you find a bug or need otherwise help
  14. ------------------------------------------------------------------------------
  15.  
  16. -->
  17.  
  18. <!DOCTYPE html>
  19. <head>
  20.  
  21. <title>{Title}</title>
  22.  
  23. <!-- /* LINKS */ -->
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  27. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/h5czl1a/aTqnk4mjj/tooltipstuff.css"/>
  28.  
  29.  
  30.  
  31.  
  32. <!-- /* META TAGS */ -->
  33.  
  34. <meta name="color:background" content="#f8f8f8" />
  35. <meta name="color:primary" content="#ffffff" />
  36. <meta name="color:accent" content="#f5c823" />
  37. <meta name="color:text" content="#8c8c8c" />
  38. <meta name="color:links" content="#f5c823" />
  39. <meta name="color:links hover" content="#151476" />
  40.  
  41.  
  42. <meta name="text:font size" content="11px" />
  43. <meta name="text:ask link url" content="/ask" />
  44. <meta name="text:link 1 url" content="/" />
  45. <meta name="text:link 1 text" content="link 1" />
  46. <meta name="text:link 2 url" content="/" />
  47. <meta name="text:link 2 text" content="link 2" />
  48. <meta name="text:link 3 url" content="/" />
  49. <meta name="text:link 3 text" content="" />
  50. <meta name="text:link 4 url" content="/" />
  51. <meta name="text:link 4 text" content="" />
  52. <meta name="text:link 5 url" content="/" />
  53. <meta name="text:link 5 text" content="" />
  54. <meta name="text:link 6 url" content="/" />
  55. <meta name="text:link 6 text" content="" />
  56. <meta name="text:link 7 url" content="/" />
  57. <meta name="text:link 7 text" content="" />
  58. <meta name="text:link 8 url" content="/" />
  59. <meta name="text:link 8 text" content="" />
  60.  
  61.  
  62. <meta name="image:background" content="" />
  63. <meta name="image:icon" content="http://i.imgur.com/k3XhJXS.png" />
  64. <meta name="image:sidebar 1" content="http://i.imgur.com/k3XhJXS.png" />
  65. <meta name="image:sidebar 2" content="http://i.imgur.com/k3XhJXS.png" />
  66. <meta name="image:sidebar 3" content="http://i.imgur.com/k3XhJXS.png" />
  67.  
  68.  
  69. <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
  70. <meta name="font:Special" content="Arial, Helvetica, sans-serif"/>
  71.  
  72. <meta name="if:contained" content="0" />
  73. <meta name="if:title" content="1" />
  74. <meta name="if:searchbar" content="1" />
  75. <meta name="if:shadows" content="1" />
  76. <meta name="if:infinite scroll" content="0" />
  77. <meta name="if:manually load more" content="1" />
  78. <meta name="if:scroll to top" content="1" />
  79. <meta name="if:grid layout" content="0" />
  80. <meta name="if:unnested captions" content="1" />
  81.  
  82.  
  83. <meta name="select:post size" content="500px" title="500px">
  84. <meta name="select:post size" content="400px" title="400px">
  85. <meta name="select:post size" content="250px" title="250px">
  86.  
  87. <meta name="select:icon" content="icon-default" title="default">
  88. <meta name="select:icon" content="icon-other" title="other">
  89. <meta name="select:icon" content="icon-none" title="none">
  90.  
  91. <meta name="select:sidebar images" content="sbimg-0" title="none">
  92. <meta name="select:sidebar images" content="sbimg-1" title="one">
  93. <meta name="select:sidebar images" content="sbimg-2" title="two">
  94. <meta name="select:sidebar images" content="sbimg-3" title="three">
  95.  
  96. <meta name="select:description" content="desc-stat" title="static">
  97. <meta name="select:description" content="desc-click" title="on click">
  98. <meta name="select:description" content="desc-none" title="none">
  99.  
  100. <meta name="select:description text" content="left" title="left">
  101. <meta name="select:description text" content="center" title="center">
  102. <meta name="select:description text" content="right" title="right">
  103.  
  104.  
  105. <meta name="select:navigation" content="nav-inside-stat" title="static">
  106. <meta name="select:navigation" content="nav-inside" title="on click">
  107. <meta name="select:navigation" content="nav-none" title="none">
  108.  
  109.  
  110. <meta name="select:Index tags" content="fixed-tags" title="visible tags" />
  111. <meta name="select:Index tags" content="hover-tags" title="tags on hover" />
  112. <meta name="select:Index tags" content="no-tags" title="no tags" />
  113.  
  114. <meta name="select:Perma tags" content="fixed-tags" title="visible tags" />
  115. <meta name="select:Perma tags" content="no-tags" title="no tags" />
  116. <meta name="select:Perma tags" content="hover-tags" title="tags on hover" />
  117.  
  118.  
  119.  
  120. <style type="text/css">
  121.  
  122.  
  123. /* ----------- GENERAL ---------- */
  124.  
  125. ::-webkit-scrollbar-thumb {
  126. background-color: RGBA({RGBcolor:accent},0.5);
  127. height:auto;
  128. width: 3px;
  129. border: 3px solid {color:primary};
  130. z-index: 9999999999999999999999999999999999999;
  131. }
  132.  
  133. ::-webkit-scrollbar {
  134. height:auto;
  135. width:9px;
  136. background-color:{color:primary};
  137. z-index: 999999999999999999999999999999999999;
  138. }
  139.  
  140.  
  141. div#qTip {
  142. font-size: 11px;
  143. font: 0.8em {font:body};
  144. line-height: 11px;
  145. display: none;
  146. text-align: center;
  147. position: absolute;
  148. z-index: 999999999999999999999999999999999999999999999999999999;
  149. background-color: {color:accent};
  150. padding: 3px 7px;
  151. color: {color:primary};
  152. max-width: 200px;
  153. height: auto;
  154. border: 1px solid {color:background};
  155. -webkit-transition: all 0.1s ease-out;
  156. -moz-transition: all 0.1s ease-out;
  157. -o-transition: all 0.1s ease-out;
  158. }
  159.  
  160. body {
  161. word-wrap:break-word;
  162. margin: 0;
  163. background-image: url('{image:background}');
  164. background-attachment: fixed;
  165. background-size: 100% auto;
  166. background-color: {color:background};
  167. font: {text:font size} {font:body};
  168. color: {color:text};
  169. }
  170.  
  171. img {
  172. max-width: 100%;
  173. }
  174.  
  175. a {
  176. text-decoration: none;
  177. color: {color:links};
  178. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  179. -o-transition: 0.5s ease;
  180. -moz-transition: 0.5s ease;
  181. }
  182.  
  183. a:hover {
  184. text-decoration: none;
  185. color: {color:links hover};
  186. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  187. -o-transition: 0.5s ease;
  188. -moz-transition: 0.5s ease;
  189. }
  190.  
  191. blockquote {
  192. border-left: solid 2px {color:background};
  193. padding-left: 10px;
  194. max-width: 100%;
  195. }
  196.  
  197.  
  198. /*---------------------------SIDEBAR-----------------------*/
  199.  
  200. #side {
  201. position: fixed;
  202. top: 0;
  203. left: 50px;
  204. }
  205.  
  206. #sb-stripe-1 {
  207. position: absolute;
  208. background-color: RGBA({RGBcolor:primary},1);
  209. width: 5px;
  210. height: 100px;
  211. top: 0px;
  212. left: 10px;
  213. {block:IfShadows}
  214. box-shadow: 2px 2px 2px #EAEAEA;
  215. {/block:IfShadows}
  216. z-index: 7;
  217. }
  218.  
  219. #sb-stripe-2 {
  220. position: absolute;
  221. background-color: RGBA({RGBcolor:primary},1);
  222. width: 5px;
  223. height: 100px;
  224. top: 0px;
  225. left: 185px;
  226. {block:IfShadows}
  227. box-shadow: 2px 2px 2px #EAEAEA;
  228. {/block:IfShadows}
  229. z-index: 7;
  230. }
  231.  
  232. #sidebar {
  233. z-index: 9;
  234. position: relative;
  235. left: 0px;
  236. margin-top: 100px;
  237. width: 200px;
  238. height: auto;
  239. background-color: RGBA({RGBcolor:primary},1);
  240. z-index: 9;
  241. padding-bottom: 1px;
  242. {block:IfShadows}
  243. box-shadow: 2px 2px 2px #EAEAEA;
  244. {/block:IfShadows}
  245. }
  246.  
  247.  
  248. /* --------------- ICON -------------- */
  249.  
  250. #icon {
  251. position: relative;
  252. width: 50px;
  253. height: 50px;
  254. margin-left: 73px;
  255. border-radius:50%;
  256. top: -28px;
  257. border: 4px solid {color:background};
  258. margin-bottom: -40px;
  259. overflow:hidden;
  260. }
  261.  
  262. #icon img {
  263. border-radius:50%;
  264. width: 50px;
  265. height: 50px;
  266. }
  267.  
  268. .icon-none {
  269. display: none;
  270. }
  271.  
  272.  
  273. .icon-default #icon-other {
  274. display: none;
  275. }
  276.  
  277. .icon-other #icon-default {
  278. display: none;
  279. }
  280.  
  281. /* ------------- TITLE -------------- */
  282.  
  283. #title {
  284. position: relative;
  285. text-align: center;
  286. font: 15px {font:special};
  287. padding: 20px 10px 0px 10px;
  288. }
  289.  
  290.  
  291. /* ---------- MAIN LINKS ---------- */
  292.  
  293. #genlinks {
  294. position: relative;
  295. {block:IfSearchbar}
  296. margin-left: 46px;
  297. {/block:IfSearchbar}
  298. {block:IfNotSearchbar}
  299. margin-left: 66px;
  300. {/block:IfNotSearchbar}
  301. margin-top: 10px;
  302. margin-bottom: 7px;
  303. {block:IfNotTitle}
  304. padding-top: 20px;
  305. {/block:IfNotTitle}
  306. }
  307.  
  308. #link-home:before {
  309. content: "\f015";
  310. font-family: FontAwesome;
  311. font-size:1.3em;
  312. }
  313.  
  314. #link-message:before {
  315. content: "\f0e0";
  316. font-family: FontAwesome;
  317. font-size:1.3em;
  318. }
  319.  
  320. #link-search:before {
  321. content: "\f002";
  322. font-family: FontAwesome;
  323. font-size:1.3em;
  324. }
  325.  
  326. #link-search {
  327. cursor: help;
  328. }
  329.  
  330. .gsblink {
  331. background-color: RGBA({RGBcolor:background},1);
  332. color: {color:links};
  333. padding: 6px 3px;
  334. display: inline-block;
  335. width: 25px;
  336. margin-right: 5px;
  337. margin-bottom: 5px;
  338. text-align: center;
  339. font-family: 'Quicksand', sans-serif;
  340. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  341. -o-transition: 0.5s ease;
  342. -moz-transition: 0.5s ease;
  343. }
  344.  
  345. .gsblink:hover {
  346. background-color: RGBA({RGBcolor:accent},0.5);
  347. color: {color:primary};
  348. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  349. -o-transition: 0.5s ease;
  350. -moz-transition: 0.5s ease;
  351. }
  352.  
  353. /* ---------- SIDEBAR IMAGE ---------- */
  354.  
  355. #sbimg {
  356. position: relative;
  357. margin-bottom: 10px;
  358. width: 100%;
  359. height: auto;
  360. }
  361.  
  362. .sbimage {
  363. vertical-align: middle;
  364. }
  365.  
  366. /* ---------- NO SIDEBAR IMAGES ---------- */
  367.  
  368. .sbimg-0 #sbimg1 {
  369. display: none;
  370. }
  371.  
  372. .sbimg-0 #sbimg2 {
  373. display: none;
  374. }
  375.  
  376. .sbimg-0 #sbimg3 {
  377. display:none;
  378. }
  379.  
  380. /* ---------- ONE SIDEBAR IMAGE ---------- */
  381.  
  382. .sbimg-1 #sbimg2 {
  383. display:none;
  384. }
  385.  
  386. .sbimg-1 #sbimg3 {
  387. display:none;
  388. }
  389.  
  390. .sbimg-1 .sbimage {
  391. display: inline-block;
  392. width: 140px;
  393. border:5px solid RGBA({RGBcolor:background}, 1);
  394. }
  395.  
  396. .sbimg-1 {
  397. margin-left: 25px;
  398. }
  399.  
  400. /* ---------- TWO SIDEBAR IMAGES ---------- */
  401.  
  402. .sbimg-2 .sbimage {
  403. display: inline-block;
  404. width: 70px;
  405. border:5px solid RGBA({RGBcolor:background}, 1);
  406. }
  407.  
  408. .sbimg-2 {
  409. margin-left: 20px;
  410. }
  411.  
  412. .sbimg-2 #sbimg3 {
  413. display:none;
  414. }
  415.  
  416. /* ---------- THREE SIDEBAR IMAGES ---------- */
  417.  
  418. .sbimg-3 .sbimage {
  419. display: inline-block;
  420. width: 45px;
  421. border:5px solid RGBA({RGBcolor:background}, 1);
  422. }
  423.  
  424. .sbimg-3 {
  425. margin-left: 16px;
  426. }
  427.  
  428.  
  429.  
  430.  
  431. /* ---------- DESCRIPTION ---------- */
  432.  
  433. #desc {
  434. position: relative;
  435. text-align: {select:description text};
  436. color: {color:text};
  437. font: 0.95em {font:body};
  438. padding: 0px 10px;
  439. margin-bottom: 15px;
  440. }
  441.  
  442. #linkdiv-desc {
  443. background-color: RGBA({RGBcolor:background},1);
  444. padding: 3px;
  445. display: inline-block;
  446. width: 174px;
  447. margin-right: 5px;
  448. margin-bottom: 5px;
  449. color: {color:text};
  450. text-align: center;
  451. font: 1em {font:body};
  452. cursor: help;
  453. }
  454.  
  455. /* ---------- NO DESCRIPTION ---------- */
  456.  
  457. .desc-none #desc {
  458. display: none;
  459. }
  460.  
  461. .desc-none #linkdiv-desc {
  462. display: none;
  463. }
  464.  
  465.  
  466. /* ---------- STATIC DESCRIPTION ---------- */
  467.  
  468.  
  469. .desc-stat #desc {
  470. display: normal;
  471. }
  472.  
  473. .desc-stat #linkdiv-desc {
  474. display: none;
  475. }
  476.  
  477. /* ---------- ON CLICK DESCRIPTION ---------- */
  478.  
  479. .desc-click #desc {
  480. display: none;
  481. }
  482.  
  483. .desc-stat #linkdiv-desc {
  484. display: normal;
  485. }
  486.  
  487.  
  488. /* ------- ADDITIONAL LINKS -------- */
  489.  
  490. #sblinks {
  491. position: relative;
  492. margin-left: 10px;
  493. margin-bottom: 20px;
  494. }
  495.  
  496. /* ------- NO ADDITIONAL LINKS -------- */
  497.  
  498. .nav-none {
  499. display: none;
  500. }
  501.  
  502.  
  503. /* ------- ADDITIONAL LINKS: INSIDE (ON CLICK) -------- */
  504.  
  505. .nav-inside .sblink {
  506. border-bottom: 1px solid RGBA({RGBcolor:background},1);
  507. padding: 3px;
  508. display: inline-block;
  509. width: 80px;
  510. margin-right: 5px;
  511. margin-bottom: 5px;
  512. text-align: center;
  513. font:1em {font:special};
  514. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  515. -o-transition: 0.5s ease;
  516. -moz-transition: 0.5s ease;
  517. }
  518.  
  519. .nav-inside .sblink:hover {
  520. border-bottom: 1px solid {color:accent};
  521. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  522. -o-transition: 0.5s ease;
  523. -moz-transition: 0.5s ease;
  524. }
  525.  
  526. .nav-inside .linkdiv {
  527. background-color: RGBA({RGBcolor:background},1);
  528. padding: 3px;
  529. display: inline-block;
  530. width: 174px;
  531. margin-right: 5px;
  532. margin-bottom: 5px;
  533. color: {color:text};
  534. text-align: center;
  535. font: 1em {font:body};
  536. cursor: help;
  537. }
  538.  
  539. .nav-inside #sblinks-blogs {
  540. display: none;
  541. }
  542.  
  543.  
  544. .nav-inside #sblinks-nav {
  545. display: none;
  546. }
  547.  
  548. .nav-inside #nav {
  549. display: none;
  550. }
  551.  
  552. /* ------- ADDITIONAL LINKS: INSIDE (STATIC) -------- */
  553.  
  554. .nav-inside-stat .sblink {
  555. border-bottom: 1px solid RGBA({RGBcolor:background},1);
  556. padding: 3px;
  557. display: inline-block;
  558. width: 80px;
  559. margin-right: 5px;
  560. margin-bottom: 5px;
  561. text-align: center;
  562. font:1em {font:special};
  563. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  564. -o-transition: 0.5s ease;
  565. -moz-transition: 0.5s ease;
  566. }
  567.  
  568. .nav-inside-stat .sblink:hover {
  569. border-bottom: 1px solid {color:accent};
  570. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  571. -o-transition: 0.5s ease;
  572. -moz-transition: 0.5s ease;
  573. }
  574.  
  575. .nav-inside-stat .linkdiv {
  576. background-color: RGBA({RGBcolor:background},1);
  577. padding: 3px;
  578. display: inline-block;
  579. width: 174px;
  580. margin-right: 5px;
  581. margin-bottom: 5px;
  582. color: {color:text};
  583. text-align: center;
  584. font: 1em {font:body};
  585. cursor: help;
  586. }
  587.  
  588. .nav-inside-stat #nav {
  589. display: none;
  590. }
  591.  
  592.  
  593. .nav-inside-stat #linkdiv-nav{
  594. display: none;
  595. }
  596.  
  597.  
  598.  
  599. /* ------- SEARCHBAR -------- */
  600.  
  601. #searchbar {
  602. position: relative;
  603. opacity: 0.7;
  604. margin-left: 10px;
  605. margin-bottom: 10px;
  606. margin-top: -10px;
  607. display:none;
  608. }
  609.  
  610. #searchform input {
  611. border: 0px;
  612. padding: 5px;
  613. text-transform: uppercase;
  614. margin-top: 0px;
  615. letter-spacing: 1px;
  616. font-size: 0.8em;
  617. color: {color:text};
  618. }
  619.  
  620. #searchinput {
  621. background-color: {color:background};
  622. display: inline-block;
  623. width: 148px;
  624. }
  625.  
  626. #searchbutton {
  627. vertical-align: bottom;
  628. height: 10px;
  629. background-color: {color:background};
  630. display: inline-block;
  631. }
  632.  
  633.  
  634.  
  635. #searchform input:focus {
  636. outline: none;
  637. }
  638.  
  639. /* ---------- PAGINATION ---------- */
  640.  
  641. #pagination {
  642. position: relative;
  643. height: 50px;
  644. margin-top: 0px;
  645. {block:IfInfiniteScroll}
  646. display: none;
  647. {/block:IfInfiniteScroll}
  648. }
  649.  
  650. .pag {
  651. position: absolute;
  652. background-color: {color:primary};
  653. color: {color:links};
  654. width: 22px;
  655. height:22px;
  656. border-radius: 50%;
  657. line-height: 22px;
  658. text-align: center;
  659. font-size: 0.9em;
  660. {block:IfShadows}
  661. box-shadow: 2px 2px 2px #EAEAEA;
  662. {/block:IfShadows}
  663. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  664. -o-transition: 0.5s ease;
  665. -moz-transition: 0.5s ease;
  666. }
  667.  
  668. .pag:hover{
  669. background-color: {color:accent};
  670. color: {color:text};
  671. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  672. -o-transition: 0.5s ease;
  673. -moz-transition: 0.5s ease;
  674. }
  675.  
  676. #pag-stripe-1 {
  677. position: absolute;
  678. background-color: RGBA({RGBcolor:primary},1);
  679. width: 5px;
  680. height: 30px;
  681. top: 0px;
  682. left: 10px;
  683. {block:IfShadows}
  684. box-shadow: 2px 2px 2px #EAEAEA;
  685. {/block:IfShadows}
  686. z-index: 9;
  687. }
  688.  
  689. #pag-stripe-2 {
  690. position: absolute;
  691. background-color: RGBA({RGBcolor:primary},1);
  692. width: 5px;
  693. height: 30px;
  694. top: 0px;
  695. left: 185px;
  696. {block:IfShadows}
  697. box-shadow: 2px 2px 2px #EAEAEA;
  698. {/block:IfShadows}
  699. z-index: 9;
  700. }
  701.  
  702. #next {
  703. top: 30px;
  704. left: 177px;
  705. z-index: 9;
  706. }
  707.  
  708. #prev {
  709. top: 30px;
  710. left: 2px;
  711. z-index: 9;
  712. }
  713.  
  714. #prev:before {
  715. content: "\f060";
  716. font-family: FontAwesome;
  717. font-size:1.2em;
  718. }
  719.  
  720. #next:before {
  721. content: "\f061";
  722. font-family: FontAwesome;
  723. font-size:1.2em;
  724. }
  725.  
  726.  
  727.  
  728. /* ---------------------------------------- */
  729. /* ------------ POSTS & CONTENT ----------- */
  730. /* ---------------------------------------- */
  731.  
  732.  
  733. {block:IfContained}
  734.  
  735. #content {
  736. position: fixed;
  737. margin-left: 400px;
  738. overflow-y: scroll;
  739. overflow-x: hidden;
  740. background-color: RGBA({RGBcolor:primary},1);
  741. padding: 20px 0px;
  742. height: calc(90% - 100px);
  743. top: 10%;
  744. {block:IfShadows}
  745. box-shadow: 2px 2px 2px #EAEAEA;
  746. {/block:IfShadows}
  747. {block:IfNotGridLayout}
  748. width: calc({select:post size} + 40px);
  749. {/block:IfNotGridLayout}
  750. {block:IfGridLayout}
  751. width: calc(100% - 500px);
  752. {/block:IfGridLayout}
  753. {block:IfInfiniteScroll}
  754. {block:IfManuallyLoadMore}
  755. margin-bottom: 50px;
  756. {block:IfManuallyLoadMore}
  757. {/block:IfInfiniteScroll}
  758. }
  759.  
  760.  
  761.  
  762. #content::-webkit-scrollbar-thumb {
  763. background-color: RGBA({RGBcolor:accent}, 0.2);
  764. height:auto;
  765. width: 5px;
  766. z-index: 9999999999999999999999999999999999999;
  767. border:none !important;
  768. }
  769.  
  770. #content::-webkit-scrollbar {
  771. height:auto;
  772. width:5px;
  773. background-color:RGBA({RGBcolor:background}, 0.5);
  774. z-index: 999999999999999999999999999999999999;
  775. border:none !important;
  776. }
  777.  
  778. #contained-stripe-1 {
  779. position: fixed;
  780. background-color: RGBA({RGBcolor:primary},1);
  781. width: 5px;
  782. height: 10%;
  783. top: 0px;
  784. left: 410px;
  785. {block:IfShadows}
  786. box-shadow: 2px 2px 2px #EAEAEA;
  787. {/block:IfShadows}
  788. z-index: -1;
  789. }
  790.  
  791. #contained-stripe-2 {
  792. position: fixed;
  793. background-color: RGBA({RGBcolor:primary},1);
  794. width: 5px;
  795. height: 10%;
  796. top: 0px;
  797. {block:IfNotGridLayout}
  798. left: calc({select:post size} + 420px);
  799. {/block:IfNotGridLayout}
  800. {block:IfGridLayout}
  801. left: calc(100% - 115px);
  802. {/block:IfGridLayout}
  803. {block:IfShadows}
  804. box-shadow: 2px 2px 2px #EAEAEA;
  805. {/block:IfShadows}
  806. z-index: -1;
  807. }
  808.  
  809. {/block:IfContained}
  810.  
  811. {block:IfNotContained}
  812. #content {
  813. position: relative;
  814. margin-left: 400px;
  815. {block:IfNotGridLayout}
  816. width: {select:post size};
  817. {/block:IfNotGridLayout}
  818. {block:IfGridLayout}
  819. {block:IndexPage}
  820. width: calc(100% - 500px);
  821. {/block:IndexPage}
  822. {block:PermalinkPage}
  823. width: {select:post size};
  824. {/block:PermalinkPage}
  825. {/block:IfGridLayout}
  826. {block:IfInfiniteScroll}
  827. {block:IfManuallyLoadMore}
  828. margin-bottom: 50px;
  829. {block:IfManuallyLoadMore}
  830. {/block:IfInfiniteScroll}
  831. }
  832. {/block:IfNotContained}
  833.  
  834.  
  835.  
  836.  
  837.  
  838. #posts {
  839. {block:IfContained}
  840. {block:IfNotGridLayout}
  841. margin-left: 20px;
  842. margin-right: 20px;
  843. {/block:IfNotGridLayout}
  844. {block:IfGridLayout}
  845. {block:IndexPage}
  846. margin-left: 20px;
  847. margin-right: 20px;
  848. {/block:IndexPage}
  849. {block:PermalinkPage}
  850. margin-left: calc(50% - ({select:post size} / 2));
  851. {/block:PermalinkPage}
  852. {/block:IfGridLayout}
  853. margin-top: 0px;
  854. {/block:IfContained}
  855. {block:IfNotContained}
  856. margin-top: 40px;
  857. {/block:IfNotContained}
  858. }
  859.  
  860. #post {
  861. width: {select:post size};
  862. {block:IfNotContained}
  863. background-color: {color:primary};
  864. {/block:IfNotContained}
  865. {block:IfContained}
  866. background-color: RGBA({RGBcolor:background}, 0.3);
  867. {/block:IfContained}
  868. }
  869.  
  870. .posty {
  871. width: {select:post size};
  872. {block:IfNotGridLayout}
  873. margin-bottom: 100px;
  874. {/block:IfNotGridLayout}
  875. {block:IfGridLayout}
  876. margin-bottom: 70px;
  877. margin-right: 20px;
  878. {/block:IfGridLayout}
  879. {block:IfShadows}
  880. box-shadow: 2px 2px 2px #EAEAEA;
  881. {/block:IfShadows}
  882. }
  883.  
  884.  
  885. .caption blockquote {
  886. margin-left: 5px;
  887. margin-right: 0px;
  888. max-width: 100%;
  889. }
  890.  
  891. .caption img {
  892. height: 100%;
  893. max-width: 100%;
  894. }
  895.  
  896.  
  897. .caption {
  898. {block:IfNotUnnestedCaptions}
  899. padding: 0px 10px 10px 10px;
  900. {/block:IfNotUnnestedCaptions}
  901. {block:IfUnnestedCaptions}
  902. padding: 0px 0px 10px 0px;
  903. {/block:IfUnnestedCaptions}
  904. }
  905.  
  906. blockquote.caption_unnested {
  907. border-left: none;
  908. margin-left: 0px;
  909. }
  910.  
  911. .caption_unnested {
  912. border-bottom: 0.5px solid RGBA({RGBcolor:background}, 0.7);
  913. padding: 0px 10px !important;
  914. }
  915.  
  916.  
  917. {block:IfUnnestedCaptions}
  918. .caption p {
  919. padding-left: 10px;
  920. }
  921. {/block:IfUnnestedCaptions}
  922.  
  923. .caption_unnested:last-of-type {
  924. border-bottom: none;
  925. }
  926.  
  927.  
  928. .caption_unnested .tumblr_blog {
  929.  
  930. }
  931.  
  932. .post-user {
  933. font: 1em {font:special};
  934. {block:IsDeactivated}
  935. text-decoration: line-through;
  936. {/block:IsDeactivated}
  937. }
  938.  
  939. .post-text {
  940.  
  941. }
  942.  
  943.  
  944. .tumblr_blog {
  945. font: 1em {font:special};
  946. {block:IsDeactivated}
  947. text-decoration: line-through;
  948. {/block:IsDeactivated}
  949. }
  950.  
  951. /*------------------------TEXT POST----------------------- */
  952.  
  953.  
  954.  
  955. .textpost {
  956.  
  957. }
  958.  
  959. .textpost-title {
  960. background-color: RGBA({RGBcolor:accent}, 0.2);
  961. padding: 10px;
  962. text-align: center;
  963. font: 1.1em {font:special};
  964. }
  965.  
  966. .textpost-content {
  967. padding: 10px;
  968. border-bottom: 0.5px solid RGBA({RGBcolor:background},0.7);
  969. }
  970.  
  971. .textpost-content:last-of-type {
  972. border-bottom: none;
  973. }
  974.  
  975. .textpost-user {
  976. font: 1em {font:special};
  977. }
  978.  
  979. .textpost-text {
  980.  
  981. }
  982.  
  983. .textpost-text blockquote {
  984. border-left: solid 2px {color:background};
  985. padding-left: 10px;
  986. max-width: 100%;
  987. }
  988.  
  989.  
  990. .textpost blockquote {
  991. margin-left: 5px;
  992. margin-right: 0px;
  993. max-width: 100%;
  994. }
  995.  
  996. .textpost img {
  997. height: 100%;
  998. max-width: 100%;
  999. }
  1000.  
  1001. .textpost-text-page {
  1002. padding: 15px;
  1003. }
  1004.  
  1005. .textpost-text-page-no {
  1006. display: none;
  1007. }
  1008.  
  1009.  
  1010.  
  1011.  
  1012. /*------------------------PHOTO POST----------------------- */
  1013.  
  1014. .photosetpost {
  1015.  
  1016. }
  1017.  
  1018. .panorama-post {
  1019.  
  1020. }
  1021.  
  1022.  
  1023.  
  1024. .photosetpost .caption_unnested:first-of-type {
  1025.  
  1026. }
  1027.  
  1028.  
  1029. .photopost .caption_unnested:first-of-type {
  1030.  
  1031. }
  1032.  
  1033.  
  1034. .photoset {
  1035. margin-right: 0px;
  1036. padding: 0px;
  1037. overflow:hidden;
  1038. }
  1039.  
  1040.  
  1041. /*------------------------QUOTE POST----------------------- */
  1042.  
  1043. .quotepost {
  1044. padding: 20px;
  1045. }
  1046.  
  1047. .quotepost-quote {
  1048. font: 1.05em {font:special};
  1049. }
  1050.  
  1051. .quotepost-source {
  1052. font: 0.9em {font:body};
  1053. text-align: right;
  1054. margin-top: 10px;
  1055. }
  1056.  
  1057. /*------------------------LINK POST----------------------- */
  1058.  
  1059. .linkpost {
  1060.  
  1061. }
  1062.  
  1063. .linkpost blockquote {
  1064.  
  1065. }
  1066.  
  1067. .linkpost-title {
  1068. background-color: RGBA({RGBcolor:accent}, 0.1);
  1069. padding: 10px;
  1070. text-align: center;
  1071. font: 1.1em {font:special};
  1072. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1073. -o-transition: 0.5s ease;
  1074. -moz-transition: 0.5s ease;
  1075. }
  1076.  
  1077. .linkpost-title:hover{
  1078. background-color: RGBA({RGBcolor:accent},0.2);
  1079. color: {color:links};
  1080. letter-spacing: 0.1em;
  1081. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1082. -o-transition: 0.5s ease;
  1083. -moz-transition: 0.5s ease;
  1084. }
  1085.  
  1086.  
  1087. .linkpost .caption_unnested {
  1088.  
  1089. }
  1090.  
  1091. .linkpost-img {
  1092.  
  1093. }
  1094.  
  1095.  
  1096. /*------------------------CHAT POST----------------------- */
  1097.  
  1098. .chatpost {
  1099.  
  1100. }
  1101.  
  1102. .chatpost-title {
  1103. background-color: RGBA({RGBcolor:accent}, 0.2);
  1104. padding: 10px;
  1105. text-align: center;
  1106. font: 1.1em {font:special};
  1107. }
  1108.  
  1109. .chatpost ul {
  1110. list-style-type: none;
  1111. margin-left: -40px;
  1112. padding-right: 10px;
  1113. }
  1114.  
  1115. .chatpost ul .odd {
  1116. border-left: 40px solid RGBA({RGBcolor:accent},0.4);
  1117. padding-left: 5px;
  1118. margin-bottom: 5px;
  1119. }
  1120.  
  1121. .chatpost ul .even {
  1122. border-left: 70px solid RGBA({RGBcolor:background},0.7);
  1123. padding-left: 5px;
  1124. margin-bottom: 5px;
  1125. }
  1126.  
  1127. /*------------------------AUDIO POST----------------------- */
  1128.  
  1129. .audiopost {
  1130. min-height: 100px;
  1131. }
  1132.  
  1133. .audiopost-player {
  1134. position: absolute;
  1135. z-index: 5;
  1136. height: 26px;
  1137. width: 26px;
  1138. opacity: 0.3;
  1139. overflow:hidden;
  1140. margin-top: 7px;
  1141. margin-left: 7px;
  1142. margin-bottom: 0px;
  1143. }
  1144.  
  1145. .audiopost-button {
  1146. position: absolute;
  1147. background-color:RGBA(255,255,255,0.8);
  1148. width: 40px;
  1149. height: 40px;
  1150. margin-top: 30px;
  1151. margin-left: 30px;
  1152. z-index: 4;
  1153. }
  1154.  
  1155.  
  1156. .audiopost-img {
  1157. width: 100px;
  1158. height: 100px;
  1159. position: absolute;
  1160. z-index: 3;
  1161. }
  1162.  
  1163. .audiopost-fallbackimg {
  1164. width: 100px;
  1165. height: 100px;
  1166. position: absolute;
  1167. z-index: 2;
  1168. background-color: {color:accent};
  1169. }
  1170.  
  1171.  
  1172.  
  1173. .audiopost ul {
  1174. margin-left: 100px;
  1175. height: 80px;
  1176. background-color: RGBA({RGBcolor:accent}, 0.2);
  1177. padding: 20px 0px 0px 20px;
  1178. list-style-type: none;
  1179. position: relative;
  1180. margin-top: 0px;
  1181. margin-bottom: 0px;
  1182. width: calc(100% - 120px);
  1183. }
  1184.  
  1185. .audiopost .caption {
  1186. position: relative;
  1187. margin-top:10px;
  1188. }
  1189.  
  1190. .audiopost .caption_unnested {
  1191.  
  1192. }
  1193.  
  1194.  
  1195. /*------------------------VIDEO POST----------------------- */
  1196.  
  1197. .videopost {
  1198.  
  1199. }
  1200.  
  1201. .videopost-video {
  1202.  
  1203. }
  1204.  
  1205.  
  1206. .select-700px {
  1207. display:none;
  1208. }
  1209.  
  1210.  
  1211. .main-250px .select-400px {
  1212. display: none;
  1213. }
  1214.  
  1215. .main-250px .select-500px {
  1216. display: none;
  1217. }
  1218.  
  1219. .main-400px .select-500px {
  1220. display: none;
  1221. }
  1222.  
  1223. .main-400px .select-250px {
  1224. display: none;
  1225. }
  1226.  
  1227. .main-500px .select-250px {
  1228. display: none;
  1229. }
  1230.  
  1231. .main-500px .select-400px {
  1232. display: none;
  1233. }
  1234.  
  1235. /*------------------------ASK POST----------------------- */
  1236.  
  1237. .answerpost-reply img {
  1238. height: 100%;
  1239. max-width: 100%;
  1240. }
  1241.  
  1242.  
  1243. .answerpost .caption_unnested:first-of-type {
  1244. border-top: 0.5px solid RGBA({RGBcolor:background}, 0.7);
  1245. padding-top: 10px !important;
  1246. }
  1247.  
  1248. .answerpost-ask {
  1249. background-color: RGBA({RGBcolor:accent}, 0.2);
  1250. height: 30px;
  1251. font: 1em {font:special};
  1252. }
  1253.  
  1254. .answerpost-asker {
  1255. display: inline-block;
  1256. height: 30px;
  1257. line-height: 30px;
  1258. position: absolute;
  1259. margin-left: 5px;
  1260. }
  1261.  
  1262. .answerpost-asker a {
  1263. color: RGBA({RGBcolor:text}, 1);
  1264. }
  1265.  
  1266.  
  1267. .answerpost-askerimg {
  1268. display: inline-block;
  1269. margin-left: 5px;
  1270. border-radius: 50%;
  1271. margin-top: 5px;
  1272. height: 20px;
  1273. width: 20px;
  1274. overflow:hidden;
  1275. }
  1276.  
  1277.  
  1278. .answerpost-question {
  1279. padding: 10px;
  1280. background-color: RGBA({RGBcolor:background}, 0.5);
  1281. }
  1282.  
  1283. .answerpost-answer {
  1284. background-color: RGBA({RGBcolor:accent}, 0.2);
  1285. height: 30px;
  1286. font: 1em {font:special};
  1287. }
  1288.  
  1289.  
  1290. .answerpost-answerer {
  1291. display: inline-block;
  1292. height: 30px;
  1293. line-height: 30px;
  1294. position: absolute;
  1295. margin-left: 5px;
  1296. }
  1297.  
  1298. .answerpost-answerer a {
  1299. color: RGBA({RGBcolor:text}, 1);
  1300. }
  1301.  
  1302.  
  1303. .answerpost-answererimg {
  1304. display: inline-block;
  1305. margin-left: 5px;
  1306. border-radius: 50%;
  1307. margin-top: 5px;
  1308. height: 20px;
  1309. width: 20px;
  1310. overflow:hidden;
  1311. }
  1312.  
  1313.  
  1314. .answerpost-reply {
  1315. padding: 0px 10px;
  1316. }
  1317.  
  1318. .answerpost .caption:empty {
  1319. display: none;
  1320. }
  1321.  
  1322. .answerpost .caption_unnested:empty {
  1323. display: none;
  1324. }
  1325.  
  1326.  
  1327. /*------------------------PERM----------------------- */
  1328.  
  1329.  
  1330. #permbox1 {
  1331. background-color: RGBA({RGBcolor:background}, 0.5);
  1332. color: RGBA({RGBcolor:text}, 0.7);
  1333. font: 1em {font:special};
  1334. position: relative;
  1335. height: 20px;
  1336. line-height: 20px;
  1337. padding: 5px 5px;
  1338. }
  1339.  
  1340. #permbox1 a {
  1341. color: RGBA({RGBcolor:text}, 0.7);
  1342. }
  1343.  
  1344. .portrait {
  1345. display: inline-block;
  1346. width: 20px;
  1347. height: 20px;
  1348. margin-right: 2px;
  1349. border-radius: 50%;
  1350. overflow:hidden;
  1351. }
  1352.  
  1353. #timeago-box {
  1354. display: inline-block;
  1355. float: right;
  1356. }
  1357.  
  1358.  
  1359.  
  1360.  
  1361.  
  1362. /* ----------- NOTES ------- */
  1363.  
  1364. #permbox2 {
  1365. background-color: RGBA({RGBcolor:background}, 0.5);
  1366. color: RGBA({RGBcolor:text}, 0.7);
  1367. z-index: 2;
  1368. font: 1em {font:special};
  1369. position: relative;
  1370. padding: 5px;
  1371. }
  1372.  
  1373. #permbox2 a {
  1374. color: RGBA({RGBcolor:text}, 0.7);
  1375. }
  1376.  
  1377.  
  1378. #notecount-box {
  1379. display: inline-block;
  1380. }
  1381.  
  1382.  
  1383. #reblogbutton {
  1384. display: inline-block;
  1385. float: right;
  1386. margin-right: 3px;
  1387. }
  1388.  
  1389. #reblogbutton:before {
  1390. font-family: FontAwesome;
  1391. font-size: 1.1em;
  1392. content: "\f079";
  1393. }
  1394.  
  1395. #likebutton {
  1396. display: inline-block;
  1397. float: right;
  1398. }
  1399.  
  1400. #like-heart {
  1401. position:relative;
  1402. display:inline-block;
  1403. }
  1404.  
  1405. #like-heart svg {
  1406. width:11px;
  1407. height:auto;
  1408. display:block;
  1409. fill: {color:text};
  1410. }
  1411.  
  1412.  
  1413. #like-heart .liked + svg {
  1414. opacity:1;
  1415. }
  1416.  
  1417. #like-heart .liked + svg path {
  1418. fill:{color:accent};
  1419. }
  1420.  
  1421.  
  1422. #like-heart .like_button iframe {
  1423. position:absolute;
  1424. top:0;
  1425. left:0;
  1426. bottom:0;
  1427. right:0;
  1428. z-index:2;
  1429. opacity:0;
  1430. }
  1431.  
  1432.  
  1433. /* ----------- TAGS ------- */
  1434.  
  1435. .no-tags {
  1436. display: none;
  1437. }
  1438.  
  1439. .no-tags .comma:last-child {
  1440. display: none;
  1441. }
  1442.  
  1443. .hover-tags {
  1444. opacity: 0;
  1445. background-color: {color:primary};
  1446. font-size: 0.9em;
  1447. text-align: center;
  1448. padding: 0px 5px;
  1449. line-height: 0px;
  1450. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  1451. -o-transition: 0.7s ease;
  1452. -moz-transition: 0.7s ease;
  1453. }
  1454.  
  1455. .hover-tags .comma:last-child {
  1456. display: none;
  1457. }
  1458.  
  1459. .hover-tags a {
  1460. color: RGBA({RGBcolor:text}, 0.5);
  1461. -webkit-transition: 0.2s ease;transition: 0.2s ease;
  1462. -o-transition: 0.2s ease;
  1463. -moz-transition: 0.2s ease;
  1464. }
  1465.  
  1466.  
  1467. .posty:hover .hover-tags {
  1468. opacity: 1;
  1469. line-height: initial;
  1470. padding: 5px;
  1471. background-color: {color:primary};
  1472. font-size: 0.9em;
  1473. color: RGBA({RGBcolor:text}, 0.5);
  1474. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  1475. -o-transition: 0.7s ease;
  1476. -moz-transition: 0.7s ease;
  1477. }
  1478.  
  1479.  
  1480.  
  1481. .fixed-tags {
  1482. text-align: center;
  1483. padding: 5px;
  1484. background-color: {color:primary};
  1485. font-size: 0.9em;
  1486. color: RGBA({RGBcolor:text}, 0.5);
  1487. }
  1488.  
  1489. .fixed-tags a {
  1490. color: RGBA({RGBcolor:text}, 0.5);
  1491. }
  1492.  
  1493. .fixed-tags .comma:last-child {
  1494. display: none;
  1495. }
  1496.  
  1497. .hover-tags a:hover, .fixed-tags a:hover {
  1498. color: {color:accent};
  1499. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  1500. -o-transition: 0.7s ease;
  1501. -moz-transition: 0.7s ease;
  1502. }
  1503.  
  1504.  
  1505. /* ----------- PERMA PAGE ------- */
  1506.  
  1507.  
  1508. /* ----------- NOTES ------- */
  1509.  
  1510. #notes {
  1511. width: calc({select:post size} - 20px);
  1512. padding: 10px;
  1513. {block:IfNotContained}
  1514. background-color: {color:primary};
  1515. {/block:IfNotContained}
  1516. {block:IfContained}
  1517. background-color: RGBA({RGBcolor:background}, 0.4);
  1518. {/block:IfContained}
  1519. color: {color:text};
  1520. max-height: {select:post size};
  1521. overflow-y: auto;
  1522. {block:IfShadows}
  1523. box-shadow: 2px 2px 2px #EAEAEA;
  1524. {/block:IfShadows}
  1525. margin-bottom: 40px;
  1526. }
  1527.  
  1528. #notes::-webkit-scrollbar-thumb {
  1529. background-color: RGBA({RGBcolor:accent}, 0.2);
  1530. height:auto;
  1531. width: 5px;
  1532. z-index: 9999999999999999999999999999999999999;
  1533. border:none;
  1534. }
  1535.  
  1536. #notes::-webkit-scrollbar {
  1537. height:auto;
  1538. width:5px;
  1539. background-color:{color:background};
  1540. z-index: 999999999999999999999999999999999999;
  1541. border: none;
  1542. }
  1543.  
  1544.  
  1545. ol.notes {
  1546. padding: 0px;
  1547. list-style-type: none;
  1548. margin-left: 10px;
  1549. }
  1550.  
  1551. ol.notes li.note {
  1552. border-bottom: solid 1px RGBA({RGBcolor:background}, 0.7);
  1553. padding: 5px;
  1554. width: calc({select:post size} - 50px);
  1555. font-size: 0.9em;
  1556. }
  1557.  
  1558.  
  1559. ol.notes li.note img.avatar {
  1560. vertical-align: -4px;
  1561. margin-right: 7px;
  1562. width: 16px;
  1563. height: 16px;
  1564. border-radius: 50%;
  1565. }
  1566.  
  1567.  
  1568.  
  1569. /*------------------------INFINITE SCROLL THINGS----------------------- */
  1570.  
  1571. .load-more {
  1572. position: relative;
  1573. bottom: 0px;
  1574. text-align: center;
  1575. width: 70px;
  1576. height: 30px;
  1577. padding: 10px;
  1578. {block:IfNotContained}
  1579. background-color: {color:primary};
  1580. margin-bottom: 70px;
  1581. {/block:IfNotContained}
  1582. {block:IfContained}
  1583. background-color: {color:background};
  1584. margin-bottom: 30px;
  1585. {/block:IfContained}
  1586. {block:IfGridLayout}
  1587. margin-top: 40px;
  1588. margin-left: calc(50% - 45px);
  1589. {/block:IfGridLayout}
  1590. {block:IfNotGridLayout}
  1591. margin-left: calc({select:post size} / 2 - 45px);
  1592. {/block:IfNotGridLayout}
  1593. font: 1em {font:special};
  1594. line-height: 30px;
  1595. cursor: help;
  1596. {block:IfShadows}
  1597. box-shadow: 2px 2px 2px #EAEAEA;
  1598. {/block:IfShadows}
  1599. }
  1600.  
  1601.  
  1602. #infscr-loading {
  1603. {block:IfGridLayout}
  1604. bottom: -30px;
  1605. position: absolute;
  1606. margin-left: calc(50% - 35px);
  1607. {/block:IfGridLayout}
  1608. {block:IfNotGridLayout}
  1609. position: relative;
  1610. margin-left: calc({select:post size} / 2 - 35px);
  1611. margin-bottom: 70px;
  1612. margin-top: -20px;
  1613. {/block:IfNotGridLayout}
  1614. width: 70px;
  1615. height: 70px;
  1616. }
  1617.  
  1618. #infscr-loading p {
  1619. font:1.1em {font:special};
  1620. }
  1621.  
  1622.  
  1623. /*------------------------SCROLL TO TOP----------------------- */
  1624.  
  1625. #scroll-button {
  1626. background-color: {color:primary};
  1627. position: fixed;
  1628. right: 5px;
  1629. bottom: 35px;
  1630. width: 25px;
  1631. height: 25px;
  1632. line-height: 25px;
  1633. color:{color:accent};
  1634. text-align: center;
  1635. display: block;
  1636. cursor: help;
  1637. {block:IfShadows}
  1638. box-shadow: 2px 2px 2px #EAEAEA;
  1639. {/block:IfShadows}
  1640. z-index: 99999999999999999999999999999999999999999999999;
  1641. }
  1642.  
  1643. #scroll-button:before {
  1644. content: "\f062";
  1645. font-family: FontAwesome;
  1646. font-size:16px;
  1647. }
  1648.  
  1649.  
  1650. /* ---------------- TUMBLR CONTROLS ----------------- */
  1651.  
  1652. .tmblr-iframe {
  1653. position: fixed;
  1654. margin-top: -3px !important;
  1655. -webkit-filter: invert(100%);
  1656. filter: invert(100%);
  1657. border: none;
  1658. opacity: 0.2;
  1659. z-index: 999999;
  1660. transform:scale(0.75);
  1661. transform-origin:100% 0;
  1662. -webkit-transform:scale(0.75);
  1663. -webkit-transform-origin:100% 0;
  1664. -o-transform:scale(0.75);
  1665. -o-transform-origin:100% 0;
  1666. -moz-transform:scale(0.75);
  1667. -moz-transform-origin:100% 0;
  1668. -ms-transform:scale(0.75);
  1669. -ms-transform-origin:100% 0;
  1670. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1671. -o-transition: 0.5s ease;
  1672. -moz-transition: 0.5s ease;
  1673. }
  1674.  
  1675. .tmblr-iframe:hover {
  1676. opacity: 0.5;
  1677. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  1678. -o-transition: 0.5s ease;
  1679. -moz-transition: 0.5s ease;
  1680. }
  1681.  
  1682.  
  1683.  
  1684. /* ---------------- LIGHTBOX ----------------- */
  1685.  
  1686.  
  1687. .tmblr-lightbox {
  1688. background-color: RGBA({RGBcolor:primary}, 0.7) !important;
  1689. }
  1690.  
  1691.  
  1692. .tmblr-lightbox .vignette {
  1693. opacity:0; !important;
  1694. }
  1695.  
  1696.  
  1697. .tmblr-lightbox .lightbox-image {
  1698. box-shadow: none !important;
  1699. border-radius: 0px !important;
  1700. overflow:hidden !important;
  1701. border:10px solid RGBA({RGBcolor:accent}, 0.2) !important;
  1702. }
  1703.  
  1704. .tmblr-lightbox .lightbox-image img {
  1705. border-radius: 0px !important;
  1706. overflow:hidden !important;
  1707. }
  1708.  
  1709. .tmblr-lightbox .lightbox-image-container {
  1710.  
  1711. }
  1712.  
  1713. .tmblr-lightbox .lightbox-caption {
  1714. display: none;
  1715. }
  1716.  
  1717.  
  1718. /*------------------------CREDIT----------------------- */
  1719.  
  1720. /* -- DO NOT EDIT ANYTHING HERE WITHOUT ASKING ME FIRST -- */
  1721.  
  1722. #credit {
  1723. position: fixed;
  1724. right: 5px;
  1725. bottom: 5px;
  1726. width: 25px;
  1727. height: 25px;
  1728. line-height: 25px;
  1729. background-color: {color:accent};
  1730. color:{color:primary};
  1731. text-align: center;
  1732. {block:IfShadows}
  1733. box-shadow: 2px 2px 2px #EAEAEA;
  1734. {/block:IfShadows}
  1735. z-index: 99999999999999999999999999999999999999999999999;
  1736. }
  1737.  
  1738.  
  1739.  
  1740. #credit:before {
  1741. content: "\f259";
  1742. font-family: FontAwesome;
  1743. font-size:16px;
  1744. }
  1745.  
  1746.  
  1747.  
  1748.  
  1749. </style>
  1750. </head>
  1751.  
  1752. <body>
  1753.  
  1754. <div id="side">
  1755.  
  1756. <!--------------- /* SIDEBAR, HEADER, ETC. */ ----------------->
  1757.  
  1758. <div id="sb-stripe-1"></div>
  1759. <div id="sb-stripe-2"></div>
  1760.  
  1761. <!--------------------- /* SIDEBAR */ -------------->
  1762.  
  1763. <div id="sidebar">
  1764.  
  1765. <!------------ ICON -------------->
  1766.  
  1767. <div id="icon" class="{select:icon}">
  1768. <img id="icon-default" src="{Favicon}">
  1769. <img id="icon-other" src="{image:icon}">
  1770. </div>
  1771.  
  1772. <!------------ TITLE -------------->
  1773. {block:IfTitle}
  1774. <div id="title"><a href="/">{Title}</a></div>
  1775. {/block:IfTitle}
  1776.  
  1777.  
  1778.  
  1779. <!------------ MAIN LINKS -------------->
  1780. <div id="genlinks">
  1781. <a href="/"><div class="gsblink" id="link-home"></div></a>
  1782. <a href="{text:ask link url}"><div class="gsblink" id="link-message"></div></a>
  1783. {block:IfSearchbar}
  1784. <a><div class="gsblink" id="link-search"></div></a>
  1785. {/block:IfSearchbar}
  1786. </div>
  1787.  
  1788.  
  1789. <!------------ SIDEBAR IMAGE -------------->
  1790. <div id="sbimg" class="{select:sidebar images}">
  1791. <img id="sbimg1" class="sbimage" src="{image:sidebar 1}">
  1792. <img id="sbimg2" class="sbimage" src="{image:sidebar 2}">
  1793. <img id="sbimg3" class="sbimage" src="{image:sidebar 3}">
  1794. </div>
  1795.  
  1796.  
  1797.  
  1798.  
  1799. <!------------ LINKS -------------->
  1800. <div id="sblinks">
  1801.  
  1802. <!------------ DESCRIPTION -------------->
  1803. <div id="description" class="{select:description}">
  1804. <div class="linkdiv" id="linkdiv-desc">description</div>
  1805. <div id="desc">{Description}</div>
  1806. </div>
  1807.  
  1808. <!------------ ADDITIONAL LINKS -------------->
  1809. <div id="navigation" class="{select:navigation}">
  1810. <div id="nav">links</div>
  1811. <div id="nav-links">
  1812.  
  1813.  
  1814. <!------------ NAVIGATION -------------->
  1815. <div class="linkdiv" id="linkdiv-nav">navigation</div>
  1816. <div class="sidebarlinks" id="sblinks-nav">
  1817. {block:IfLink1Text}<a href="{text:link 1 url}"><div class="sblink">{text:link 1 text}</div></a>{/block:IfLink1Text}
  1818. {block:IfLink2Text}<a href="{text:link 2 url}"><div class="sblink">{text:link 2 text}</div></a>{/block:IfLink2Text}
  1819. {block:IfLink3Text}<a href="{text:link 3 url}"><div class="sblink">{text:link 3 text}</div></a>{/block:IfLink3Text}
  1820. {block:IfLink4Text}<a href="{text:link 4 url}"><div class="sblink">{text:link 4 text}</div></a>{/block:IfLink4Text}
  1821. {block:IfLink5Text}<a href="{text:link 5 url}"><div class="sblink">{text:link 5 text}</div></a>{/block:IfLink5Text}
  1822. {block:IfLink6Text}<a href="{text:link 6 url}"><div class="sblink">{text:link 6 text}</div></a>{/block:IfLink6Text}
  1823. {block:IfLink7Text}<a href="{text:link 7 url}"><div class="sblink">{text:link 7 text}</div></a>{/block:IfLink7Text}
  1824. {block:IfLink8Text}<a href="{text:link 8 url}"><div class="sblink">{text:link 8 text}</div></a>{/block:IfLink8Text}
  1825. </div>
  1826.  
  1827. </div><!--navlinks-->
  1828.  
  1829. </div> <!--navigation-->
  1830.  
  1831. </div> <!--sblinks-->
  1832.  
  1833. <!------------ SEARCHBAR -------------->
  1834. {block:IfSearchbar}
  1835. <div id="searchbar">
  1836. <form action="/search" method="get" id=searchform>
  1837. <input type="text" name="q" value="{SearchQuery}" id="searchinput"/>
  1838. <input type="image" value="search" src="http://static.tumblr.com/h5czl1a/zWbouzrws/searchicon.png" id="searchbutton"/>
  1839. </form></div>
  1840. {/block:IfSearchbar}
  1841.  
  1842.  
  1843. </div><!--sidebar-->
  1844.  
  1845. <!------------ PAGINATION -------------->
  1846. <div id="pagination">
  1847. {block:PreviousPage}
  1848. <div id="pag-stripe-1"></div>
  1849. <a href="{PreviousPage}"><div id="prev" class="pag"></div></a>
  1850. {/block:PreviousPage}
  1851.  
  1852. {block:NextPage}
  1853. <div id="pag-stripe-2"></div>
  1854. <a id="next-link" href="{NextPage}"><div id="next" class="pag"></div></a>
  1855. {/block:NextPage}
  1856.  
  1857.  
  1858.  
  1859. </div><!--pagination-->
  1860.  
  1861. </div><!--side -->
  1862.  
  1863.  
  1864. <!------------ FOR CONTAINER -------------->
  1865. {block:IfContained}
  1866. <div id="contained-stripe-1"></div>
  1867. <div id="contained-stripe-2"></div>
  1868. {/block:IfContained}
  1869.  
  1870.  
  1871.  
  1872. <!-- /* POSTS */ DON'T CHANGE ANYTHING HERE PLEASE (or you might heck it) -->
  1873.  
  1874. <div id="content">
  1875. <div id="posts">
  1876. {block:Posts}
  1877. <div class="posty" id="{PostID}">
  1878.  
  1879. <div id="post" class="{select:post size}">
  1880.  
  1881. <!-- {block:NoRebloggedFrom}
  1882. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  1883. {/block:NoRebloggedFrom} -->
  1884.  
  1885. {block:ContentSource}<!-- {SourceURL}
  1886. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  1887. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1888. {/block:ContentSource}
  1889.  
  1890.  
  1891. <div id="permbox1">
  1892. {block:RebloggedFrom}
  1893. <div class="portrait" id="root-portrait"><a href="{ReblogRootURL}" title="source: {ReblogRootName}"><img src="{ReblogRootPortraitURL-24}"></a></div>
  1894. <div class="portrait" id="root-name"><a href="{ReblogParentURL}" title="via: {ReblogParentName}"><img src="{ReblogParentPortraitURL-24}"></a></div>
  1895. {/block:RebloggedFrom}
  1896. {block:NotReblog}
  1897. <div class="portrait" id="root-portrait">
  1898. <a href="{PermaLink}" title="source: {Name}"><img src="{PortraitURL-24}"></a></div>
  1899. {/block:NotReblog}
  1900. <div id="timeago-box" class="permbox-box"><a href="{Permalink}">{TimeAgo}</a></div>
  1901. </div> <!--id="permbox1"-->
  1902.  
  1903.  
  1904.  
  1905.  
  1906. <!-- /* TEXT POST */ -->
  1907. {block:Text}<div class="textpost">
  1908. {block:Title}<div class="textpost-title">{Title}</div>{/block:Title}
  1909. <div class="textpost-text-page{block:Date}-no{/block:Date}">
  1910. {Body}
  1911. </div>
  1912. {block:Date}
  1913. {block:NotReblog}
  1914. <div class="textpost-content">
  1915. {Body}
  1916. </div>
  1917. {/block:NotReblog}
  1918. {block:Reblogs}
  1919. <div class="textpost-content">
  1920. <div class="textpost-user">
  1921. <a href="{Permalink}">{Username}</a>
  1922. </div>
  1923. <div class="textpost-text">
  1924. {Body}
  1925. </div>
  1926. </div>
  1927. {/block:Reblogs}
  1928. {/block:Date}
  1929. </div>
  1930. {/block:Text}
  1931.  
  1932. <!-- /* PHOTO POST */ -->
  1933. {block:Photo}<div class="photopost">
  1934. {LinkOpenTag}
  1935. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1936. {LinkCloseTag}
  1937. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1938. </div>
  1939. {/block:Photo}
  1940.  
  1941. <!-- /* PANORAMA POST */ -->
  1942. {block:Panorama}<div class="panoramapost">
  1943. {LinkOpenTag}
  1944. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}" />
  1945. {LinkCloseTag}
  1946. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1947. </div>
  1948. {/block:Panorama}
  1949.  
  1950. <!-- /* PHOTOSET POST */ -->
  1951. {block:Photoset}<div class="photosetpost">
  1952. <div class="photoset main-{select:post size}">
  1953. <div class="select-700px">{Photoset-700}</div>
  1954. <div class="select-500px">{Photoset-500}</div>
  1955. <div class="select-400px">{Photoset-400}</div>
  1956. <div class="select-250px">{Photoset-250}</div>
  1957. </div>
  1958. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1959. </div>{/block:Photoset}
  1960.  
  1961. <!-- /* QUOTE POST */ -->
  1962. {block:Quote}<div class="quotepost">
  1963. <div class="quotepost-quote">{Quote}</div>
  1964. {block:Source}
  1965. <div class="quote-div"></div>
  1966. <div class="quotepost-source">{Source}</div>{/block:Source}
  1967. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1968. </div>
  1969. {/block:Quote}
  1970.  
  1971. <!-- /* LINK POST */ -->
  1972. {block:Link}<div class="linkpost">
  1973. <a href="{URL}"><div class="linkpost-title">{Name}</div></a>
  1974. {block:Description}<div class="caption">{Description}</div>{/block:Description}
  1975. </div>
  1976. {/block:Link}
  1977.  
  1978.  
  1979. <!-- /* CHAT POST */ -->
  1980. {block:Chat}<div class="chatpost">
  1981. {block:Title}<div class="chatpost-title">{Title}</div>{/block:Title}
  1982. <ul>
  1983. {block:Lines}
  1984. <li class="{Alt}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</li>
  1985. {/block:Lines}
  1986. </ul>
  1987. </div>
  1988. {/block:Chat}
  1989.  
  1990.  
  1991. <!-- /* AUDIO POST */ -->
  1992. {block:Audio}<div class="audiopost">
  1993. {block:AlbumArt}
  1994. <div class="audiopost-img"><img src="{AlbumArtURL}"></div>
  1995. {/block:AlbumArt}
  1996. <div class="audiopost-fallbackimg"></div>
  1997. {block:AudioPlayer}
  1998. <div class="audiopost-button">
  1999. <div class="audiopost-player">{AudioPlayer}</div>
  2000. </div>
  2001. {/block:AudioPlayer}
  2002. <ul>
  2003. {block:TrackName}<li><strong>Track:</strong> {TrackName}</li>{/block:TrackName}
  2004. {block:Artist}<li><strong>Artist:</strong> {Artist}</li>{/block:Artist}
  2005. {block:Album}<li><strong>Album:</strong> {Album}</li>{/block:Album}
  2006. </ul>
  2007. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2008. </div>
  2009. {/block:Audio}
  2010.  
  2011.  
  2012. <!-- /* VIDEO POST */ -->
  2013. {block:Video}<div class="videopost"><div class="main-{select:post size}">
  2014. <div class="select-700px">{Video-700}</div>
  2015. <div class="select-500px">{Video-500}</div>
  2016. <div class="select-400px">{Video-400}</div>
  2017. <div class="select-250px">{Video-250}</div>
  2018. </div>
  2019. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  2020. </div>
  2021. {/block:Video}
  2022.  
  2023. <!-- /* ASK POST */ -->
  2024.  
  2025. {block:Answer}
  2026. <div class="answerpost">
  2027. <div class="answerpost-ask">
  2028. <img class="answerpost-askerimg" src="{AskerPortraitURL-24}" alt="">
  2029. <div class="answerpost-asker">{Asker} asked:</div>
  2030. </div>
  2031. <div class="answerpost-question">{Question}</div>
  2032. {block:Answerer}
  2033. <div class="answerpost-answer">
  2034. <img class="answerpost-answererimg" src="{AnswererPortraitURL-24}" alt="">
  2035. <div class="answerpost-answerer">{Answerer} answered:</div>
  2036. </div>
  2037. <div class="answerpost-reply">{Answer}</div>
  2038. {/block:Answerer}
  2039. {block:NotReblog}
  2040. <div class="answerpost-reply">{Replies}</div>
  2041. {/block:NotReblog}
  2042. {block:RebloggedFrom}<div class="caption">{Replies}</div>{/block:RebloggedFrom}
  2043. </div>
  2044. {/block:Answer}
  2045.  
  2046. <!-- /* PERM */ -->
  2047.  
  2048. {block:Date}
  2049. <div id="permbox2">
  2050. <div id="notecount-box" class="permbox-box">{block:NoteCount}<a href="{Permalink}" id="time-link">{NoteCount} notes</a>{/block:NoteCount}</div>
  2051. <div id="likebutton" class="permbox-box">
  2052. <div id="like-heart">{LikeButton}
  2053. <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>
  2054. </div>
  2055. </div>
  2056. <a href="{ReblogUrl}" target="_blank"><div id="reblogbutton" class="permbox-box"></div></a>
  2057.  
  2058.  
  2059.  
  2060. <!--
  2061. {block:RebloggedFrom}<div id="reblogged-box" class="permbox-box"><a href="{ReblogParentURL}">VIA</a></div>{/block:RebloggedFrom} -->
  2062.  
  2063. <!--<a href="{ReblogURL}" title="reblog" target="_blank"><div id="reblog" class="permbox-box">REBLOG</div></a>-->
  2064.  
  2065. </div> <!--id="permbox2"-->
  2066. {/block:Date}
  2067.  
  2068.  
  2069.  
  2070. </div> <!--post -->
  2071.  
  2072.  
  2073.  
  2074. <!-- /* TAGS */ -->
  2075. {block:HasTags}<div {block:IndexPage}class="{select:index tags}"{/block:IndexPage}{block:PermalinkPage}class="{select:perma tags}"{/block:PermalinkPage}>
  2076. {block:Tags}
  2077. <a href="{TagURL}" class="tag">#{Tag}</a>&nbsp;&nbsp;
  2078. {/block:Tags}
  2079. </div>
  2080. {/block:HasTags}
  2081.  
  2082.  
  2083. </div> <!-- posty div -->
  2084.  
  2085.  
  2086. {/block:Posts}
  2087.  
  2088.  
  2089.  
  2090.  
  2091.  
  2092. <!-- /* POST NOTES */ -->
  2093. {block:PostNotes}
  2094. <div id="notes">
  2095. {PostNotes-64}
  2096. </div>
  2097. {/block:PostNotes}
  2098. </div> <!-- posts div -->
  2099.  
  2100. {block:IfManuallyLoadMore}
  2101. {block:IfInfiniteScroll}
  2102. {block:Pagination}
  2103. <div class="load-more">load more</div>
  2104. {/block:Pagination}
  2105. {/block:IfInfiniteScroll}
  2106. {/block:IfManuallyLoadMore}
  2107.  
  2108.  
  2109. </div> <!-- content div -->
  2110.  
  2111. <!-- scroll to top button -->
  2112.  
  2113. {block:IfScrollToTop}
  2114. <div id="scroll-button"></div>
  2115. {/block:IfScrollToTop}
  2116.  
  2117.  
  2118. <!-- /* CREDIT: DO NOT REMOVE !!! */ -->
  2119.  
  2120. <a href="http://spirkthemes.tumblr.com"><div id="credit" data-tipped-options="position: 'left'"></div></a>
  2121.  
  2122.  
  2123. <!-- /* SCRIPTS */ -->
  2124.  
  2125. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
  2126.  
  2127.  
  2128. <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
  2129.  
  2130.  
  2131. {block:Indexpage}
  2132. {block:IfInfiniteScroll}
  2133. <script src="http://static.tumblr.com/h5czl1a/Ot3ouzjts/infinitescroll.js"></script>
  2134. {/block:IfInfiniteScroll}
  2135. {block:IfGridLayout}<script src="http://static.tumblr.com/h5czl1a/bshouzjul/masonry.js"></script>
  2136. {/block:IfGridLayout}
  2137. {/block:Indexpage}
  2138. {block:IfUnnestedCaptions}
  2139. <script src="http://static.tumblr.com/wgg6svp/OoTofxa0c/unnest.min.js"></script>
  2140. {/block:IfUnnestedCaptions}
  2141.  
  2142.  
  2143.  
  2144. <script>
  2145. jQuery(window).load(function(){
  2146. var $container = $('#posts');
  2147. $container.imagesLoaded(function(){
  2148. $container.masonry({
  2149. itemSelector: '.posty',
  2150. });
  2151. });
  2152. {block:IfUnnestedCaptions}
  2153. $('.posty').unnest({
  2154. yourCaption: ".caption",
  2155. wrapName: ".caption_unnested",
  2156. newCaptionUsername: false,
  2157. originalPostCaptionUsername: false,
  2158. tumblrAvatars: false,
  2159. usernameColon: false
  2160. });
  2161. {/block:IfUnnestedCaptions}
  2162. {block:IfInfiniteScroll}
  2163. $container.infinitescroll({
  2164. itemSelector: '.posty',
  2165. navSelector: '#pagination',
  2166. nextSelector: '#next-link',
  2167. bufferPx: 10000,
  2168. loading: {
  2169. finishedMsg: "<p>The End.</p>",
  2170. img : "http://static.tumblr.com/h5czl1a/B0Souzjn7/loadingspinner.gif",
  2171. msg: null,
  2172. msgText: "",
  2173. } {block:IfManuallyLoadMore},
  2174. errorCallback: function(){
  2175. $('.load-more').hide();
  2176. }
  2177. {/block:IfManuallyLoadMore}
  2178. },
  2179. function( newElements ) {
  2180. var $newElems = $(newElements);
  2181. {block:IfUnnestedCaptions}
  2182. $newElems.unnest({
  2183. yourCaption: ".caption",
  2184. wrapName: ".caption_unnested",
  2185. newCaptionUsername: false,
  2186. originalPostCaptionUsername: false,
  2187. tumblrAvatars: false,
  2188. usernameColon: false
  2189. });
  2190. {/block:IfUnnestedCaptions}
  2191. $newElems.imagesLoaded(function(){
  2192. $newElems.animate({ opacity: 1 });
  2193. $container.masonry( 'appended', $newElems, true );
  2194. });
  2195. var $newElemsIDs = $newElems.map(function(){
  2196. return this.id;
  2197. }).get();
  2198. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  2199. }
  2200. );
  2201. {block:IfManuallyLoadMore}
  2202. $(window).unbind('.infscr');
  2203. $('.load-more').click(function(){
  2204. $container.infinitescroll('retrieve');
  2205. return false
  2206. });
  2207. {/block:IfManuallyLoadMore}
  2208. {/block:IfInfiniteScroll}
  2209. });
  2210. </script>
  2211.  
  2212.  
  2213.  
  2214. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  2215. <script src="http://static.tumblr.com/h5czl1a/ACynk4kjd/tipped.js"></script>
  2216.  
  2217. <script type="text/javascript">
  2218.  
  2219.  
  2220. {block:IfScrollToTop}
  2221. $(document).ready(function(){
  2222. var scrollButton = $("#scroll-button");
  2223. scrollButton.click(function(){
  2224. $("html, body").animate({scrollTop:0},1000)});
  2225. $(window).scroll(function(){
  2226. if($(window).scrollTop()<=0){
  2227. scrollButton.fadeOut(100)
  2228. }
  2229. else{scrollButton.fadeIn(100)
  2230. }
  2231. });
  2232. });
  2233. {/block:IfScrollToTop}
  2234.  
  2235. </script>
  2236.  
  2237.  
  2238. <script type="text/javascript">
  2239.  
  2240. $(document).ready(function(){
  2241. $('#linkdiv-blogs').click(function(){
  2242. $('#sblinks-blogs').slideToggle('slow');
  2243. });
  2244. $('#linkdiv-nav').click(function(){
  2245. $('#sblinks-nav').slideToggle('slow');
  2246. });
  2247. $('#link-search').click(function(){
  2248. $('#searchbar').slideToggle('slow');
  2249. });
  2250. $('#linkdiv-desc').click(function(){
  2251. $('#desc').slideToggle('slow');
  2252. });
  2253. $('#nav').click(function(){
  2254. $('#nav-links').slideToggle('slow');
  2255. });
  2256. });
  2257. </script>
  2258.  
  2259.  
  2260.  
  2261. <script type='text/javascript'>
  2262. $(document).ready(function() {
  2263. Tipped.create('#credit','theme credit');
  2264. });
  2265. </script>
  2266.  
  2267. <script>
  2268. (function($){
  2269. $(document).ready(function(){
  2270. $("[title]").style_my_tooltips({
  2271. tip_follows_cursor:true,
  2272. tip_delay_time:200,
  2273. tip_fade_speed:300
  2274. }
  2275. );
  2276. });
  2277. })(jQuery);
  2278. </script>
  2279.  
  2280. </body>
  2281. </html>
Advertisement
Add Comment
Please, Sign In to add comment