API tools faq
paste
Advertisement
shuntuationatseirin

Tranquility

shuntuationatseirin
Jul 2nd, 2016
989
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 60.06 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. ┏━━━┓
  4. ┃┏━━┛
  5. ┃┗━━┳━┳━━┳━━┓
  6. ┃┏━━┫┏┫┏┓┃━━┫
  7. ┃┗━━┫┃┃┗┛┣━━┃
  8. ┗━━━┻┛┗━━┻━━┛
  9.  
  10. -Theme 15 Tranquility: Faded Light remake by erosthemes/sunlitfuruta @ tumblr
  11. -Base code credit: mattdraddario @ tumblr
  12. -Please do not remove credit
  13. -Please do not redistribute or claim as your own
  14. -Please don't use as base code
  15. -Enjoy
  16.  
  17.                                CREDITS
  18.  
  19. > PixelUnion/Extended-Tumblr-Photoset: https://github.com/PixelUnion/Extended-Tumblr-Photoset | Tutorial by shythemes @ tumblr
  20.  
  21. > Video resize script: http://shythemes.tumblr.com/post/134536748863/tutorial-resizing-videos
  22.  
  23. > Style-my-Tootips: http://manos.malihu.gr/style-my-tooltips-jquery-plugin/
  24.  
  25. > Lazy Load Script: http://starious.tumblr.com/post/27991109274/tutorial-lazy-load
  26.  
  27. > Custom Tumblr lightbox: http://shythemes.tumblr.com/post/140444996328/tutorial-lightboxes
  28.  
  29. > Icons: https://linearicons.com || http://fontawesome.io
  30.  
  31. > Un-nest Tumblr Captions: http://neothm.com/post/148902138319/un-nest-tumblr-captions-a-plugin-by | Script and Tutorial by Neothm and Magnusthemes @ Tumblr
  32.  
  33. !-->
  34.  
  35. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  36. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  37.  
  38. <head>
  39.  
  40.     <title>{Title}</title>
  41.     <link rel="shortcut icon" href="{Favicon}">
  42.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  43.     <meta name="description" content="" />
  44.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  45.     <meta name="viewport" content="width=1366, initial-scale=1.0">
  46.  
  47. <!--Custom Fonts-->
  48. <link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i|Roboto+Condensed:300,400,700|Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">
  49. <link href="https://fonts.googleapis.com/css?family=Exo:300,300i,400,400i,500,500i|Open+Sans:300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
  50. <link href="https://fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet">
  51. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  52. <link href="https://fonts.googleapis.com/css?family=Risque" rel="stylesheet">
  53. <!--Custom Fonts-->
  54.  
  55. <!--Homelinks Icons-->
  56. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  57.  
  58. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  59. <!--Homelinks Icons-->
  60.  
  61.  
  62. <!--------DEFAULT VARIABLES-------->
  63.  
  64. <meta name="color:background" content="#fbfbfb"/>
  65. <meta name="color:content background" content="#fafbe2"/>
  66. <meta name="color:text" content="#888888"/>
  67. <meta name="color:bold" content="#347153"/>
  68. <meta name="color:italic" content="#cce9b9"/>
  69. <meta name="color:underline" content="#347153"/>
  70. <meta name="color:Links" content="#347153" />
  71. <meta name="color:Link Hover" content="#cccccc" />
  72. <meta name="color:text selection" content="#ffffff" />
  73. <meta name="color:text selection background" content="#347153" />
  74. <meta name="color:music player" content="#347153" />
  75. <meta name="color:music player text" content="#ffffff" />
  76. <meta name="color:scrollbar" content="#347153"/>
  77.  
  78. <meta name="color:tooltip text" content="#ffffff" />
  79. <meta name="color:tooltip background" content="#347153" />
  80. <meta name="color:tooltip border" content="#fffffff" />
  81. <meta name="color:topbar" content="#347153"/>
  82. <meta name="color:blogtitle" content="#ffffff" />
  83. <meta name="color:homelink hover" content="#cccccc"/>
  84. <meta name="color:sidebar" content="#ffffff"/>
  85. <meta name="color:titles" content="#ffffff"/>
  86. <meta name="color:titles bg" content="#347153"/>
  87. <meta name="color:description" content="#888888" />
  88. <meta name="color:desc bold" content="#444444"/>
  89. <meta name="color:desc italic" content="#cccccc"/>
  90. <meta name="color:desc underline" content="#666666"/>
  91. <meta name="color:desc links" content="#888888" />
  92. <meta name="color:navi" content="#444444"/>
  93. <meta name="color:navi background" content="#cce9b9"/>
  94.  
  95. <meta name="color:posts" content="#ffffff"/>
  96. <meta name="color:post borders" content="#f6f6f6"/>
  97. <meta name="color:Post Title" content="#444444" />
  98. <meta name="color:Blockquote" content="#cce9b9" />
  99. <meta name="color:audio track" content="#444444" />
  100. <meta name="color:audio background" content="#cce9b9"/>
  101. <meta name="color:question" content="#444444"/>
  102. <meta name="color:question background" content="#cce9b9"/>
  103. <meta name="color:Chat" content="#444444" />
  104. <meta name="color:Chat Odd" content="#cce9b9" />
  105. <meta name="color:Chat label" content="#888888" />
  106.  
  107. <meta name="color:pagination" content="ffffff" />
  108. <meta name="color:pagination hover" content="#444444" />
  109. <meta name="color:pagination hover background" content="#ffffff" />
  110. <meta name="color:pagination hover" content="#444444" />
  111. <meta name="color:permalink" content="#444444" />
  112. <meta name="color:permalink background" content="#cce9b9" />
  113. <meta name="color:permalink hover" content="#888888" />
  114.  
  115. <meta name="select:Background Attachment" content="fixed" title="fixed">
  116. <meta name="select:Background Attachment" content="scroll" title="scroll">
  117. <meta name="select:Background Repeat" content="repeat" title="repeat">
  118. <meta name="select:Background Repeat" content="no-repeat" title="no repeat">
  119.  
  120. <meta name="select:Photoset gutter" content="1" title="1px">
  121. <meta name="select:Photoset gutter" content="2" title="2px">
  122. <meta name="select:Photoset gutter" content="3" title="3px">
  123. <meta name="select:Photoset gutter" content="4" title="4px">
  124. <meta name="select:Photoset gutter" content="5" title="5px">
  125.  
  126. <meta name="image:background" content=""/>
  127. <meta name="image:header" content=""/>
  128. <meta name="image:sidebar" content=""/>
  129.  
  130. <meta name="text:body font" content="11"/>
  131. <meta name="text:music player" content="Music player code" />
  132. <meta name="about" content=" A fansite theme for fandom challenges, character, shipss, whatever floats your boat" />
  133. <meta name="admins" content="1" />
  134. <meta name="Opened" content="1.1.17" />
  135. <meta name="online users" content="number of online" />
  136. <meta name="visitors" content="visitors" />
  137. <meta name="text:disclaimer text" content="This site claims no credit for any images posted unless it's been stated otherwise. Images and information posted on this blog are copyrighted to their respective owners."/>
  138.  
  139. <meta name="if:CustomLink1" content="1" />
  140. <meta name="if:CustomLink2" content="1" />
  141. <meta name="if:CustomLink3" content="1" />
  142. <meta name="if:CustomLink4" content="1" />
  143. <meta name="if:CustomLink5" content="1" />
  144. <meta name="if:CustomLink6" content="1" />
  145.  
  146. <meta name="text:CustomLink1URL" content="Link 1 URL" />
  147. <meta name="text:CustomLink1Name" content="Link 1" />
  148. <meta name="text:CustomLink2URL" content="Link 2 URL" />
  149. <meta name="text:CustomLink2Name" content="Link 2" />
  150. <meta name="text:CustomLink3URL" content="Link 3 URL" />
  151. <meta name="text:CustomLink3Name" content="Link 3" />
  152. <meta name="text:CustomLink4URL" content="Link 4 URL" />
  153. <meta name="text:CustomLink4Name" content="Link 4" />
  154. <meta name="text:CustomLink5URL" content="Link 5 URL" />
  155. <meta name="text:CustomLink5Name" content="Link 5" />
  156. <meta name="text:CustomLink6URL" content="Link 6 URL" />
  157. <meta name="text:CustomLink6Name" content="Link 6" />
  158.  
  159. <meta name="text:official link 1 title" content="twitter"/>
  160. <meta name="text:official link 1 url" content="http://www.twitter.com"/>
  161. <meta name="text:official link 2 title" content="instagram"/>
  162. <meta name="text:official link 2 url" content="http://www.instagram.com"/>
  163. <meta name="text:official link 3 title" content="facebook"/>
  164. <meta name="text:official link 3 url" content="http://www.facebook.com"/>
  165. <meta name="text:official link 4 title" content="youtube"/>
  166. <meta name="text:official link 4 url" content="http://www.youtube.com"/>
  167.  
  168. <meta name="if:inverted tumblr controls" content="0" />
  169. <meta name="if:Small Cursor" content="1" />
  170. <meta name="if:Music Player" content="1">
  171. <meta name="if:Custom Text Selection" content="1"/>
  172. <meta name="if:dashboardblockquotes" content="1" />
  173. <meta name="if:extra links" content="1"/>
  174. <meta name="if:events" content="1"/>
  175. <meta name="if:projects" content="1"/>
  176. <meta name="if:members" content="1"/>
  177. <meta name="if:updates" content="1"/>
  178. <meta name="if:affiliates" content="1"/>
  179. <meta name="if:official links" content="1"/>
  180. <meta name="if:blog info" content="1"/>
  181. <meta name="if:search" content="1"/>
  182. <meta name="if:Faded Images" content="0"/>
  183. <meta name="if:Grayscale Images" content="0"/>
  184. <meta name="if:Show Captions" content="1"/>
  185. <meta name="if:Show Tags" content="1"/>
  186.  
  187. <style type="text/css">
  188.  
  189.  
  190. /*----------FADE-IN ANIMATION----------*/
  191.  
  192. @keyframes fadein {
  193.     from {opacity:0;}
  194.     to {opacity:1;}
  195. }
  196.  
  197. @-moz-keyframes fadein { /* Firefox */
  198.     from {opacity:0;}
  199.     to {opacity:1;}
  200. }
  201.  
  202. @-webkit-keyframes fadein { /* Safari and Chrome */
  203.     from {opacity:0;}
  204.     to {opacity:1;}
  205. }
  206.  
  207. @-o-keyframes fadein { /* Opera */
  208.     from {opacity:0;}
  209.     to {opacity: 1;}
  210. }
  211.  
  212. /*----------TUMBLR CONTROLS----------*/
  213.  
  214. iframe#tumblr_controls, .iframe-controls--desktop {
  215.     right: 1px !important;
  216.     top: 3px !important;
  217.     position: fixed !important;
  218.     z-index: 99999999999999999999 !important;
  219.      {block:ifinvertedtumblrcontrols}
  220.     -webkit-filter: invert(100%);
  221.     -moz-filter: invert(100%);
  222.     -o-filter: invert(100%);
  223.     {/block:ifinvertedtumblrcontrols}
  224.     -webkit-transition: opacity 0.4s linear;opacity: 0.4;
  225.     -webkit-transition: all 0.8s ease-out;
  226.     -moz-transition: all 0.8s ease-out;
  227.     transition: all 0.8s ease-out;
  228. }
  229.  
  230. iframe#tumblr_controls, .iframe-controls--desktop:hover {
  231.     -webkit-transition: opacity 0.7s linear;opacity:0.8;
  232.     -webkit-transition: all 0.4s ease-out;
  233.     -moz-transition: all 0.4s ease-out;
  234.     transition: all 0.4s ease-out;
  235. }
  236.  
  237. /*--------CUSTOM TUMBLR LIGHTBOX--------*/
  238.  
  239. .vignette, #vignette {
  240.     opacity:0;
  241. }
  242. .lightbox-image, #tumblr_lightbox img {
  243.     box-shadow:none !important;
  244.     border-radius:0 !important;
  245.     max-width:none;
  246. }
  247.  
  248. .tmblr-lightbox, #tumblr_lightbox {
  249.     background-color:rgba({RGBcolor:Background}, 0.4) !important;
  250. }
  251.  
  252. .lightbox-image, #tumblr_lightbox img {
  253.     background-color: {color:posts} !important;
  254.     padding: 10px !important;
  255.     -moz-box-sizing:border-box;
  256.     box-sizing:border-box;
  257. }
  258.  
  259. /*----------SCROLLBAR----------*/
  260.  
  261. ::-webkit-scrollbar {
  262.   width: 6px;
  263.   height: 6px;
  264. }
  265. ::-webkit-scrollbar-button {
  266.   width: 0px;
  267.   height: 0px;
  268. }
  269. ::-webkit-scrollbar-thumb {
  270.   background: {color:Scrollbar};
  271.   border: 2px solid {color:Background};
  272. }
  273.  
  274. ::-webkit-scrollbar-track {
  275.   background: {color:Background};
  276.   border: 8px solid {color:Background};
  277. }
  278.  
  279. ::-webkit-scrollbar-corner {
  280.   background: transparent;
  281. }
  282.  
  283.  
  284. /*----------TOOLTIPS----------*/
  285.  
  286. #s-m-t-tooltip {
  287.     max-width:300px;
  288.     border-radius: 0px;
  289.     padding:3px 5px;
  290.     margin: -20px 7px -2px 20px;
  291.     background-color:{color:tooltip background};
  292.     border: 3px double {color:tooltip border};
  293.     border-radius: 30px;
  294.     font-family:calibri;
  295.     font-size:9px;
  296.     letter-spacing:2px;
  297.     text-transform:capitalize;
  298.     color:{color:tooltip text};
  299.     z-index:999999999999999999999999999999999999;
  300. }
  301.  
  302. /*----------TEXT SELECTION----------*/
  303.  
  304. {block:ifCustomTextSelection}
  305. ::selection {
  306.     background: {color:text selection background};
  307.     color: {color:text selection};
  308. }
  309.  
  310. ::-moz-selection {
  311.     background: {color:text selection background};
  312.     color: {color:text selection};
  313. }
  314.  
  315. ::-webkit-selection {
  316.     background: {color:text selection background};
  317.     color: {color:text selection};
  318. }
  319. {/block:ifCustomTextSelection}
  320.  
  321. /*----------THEME BASICS----------*/
  322.  
  323. body {
  324.     background:{color:background};
  325.     color:{color:text};
  326.     font-family: 'Open Sans', sans-serif;
  327.     font-weight: 300;
  328.     font-size:{text:body font}px;
  329.     line-height:150%;
  330.     margin:0;
  331.     text-align:left;
  332.     background-attachment: {select:Background Attachment};
  333.     background-repeat: {select:Background Repeat};
  334.     background-image: url({image:Background});
  335.     animation: fadein 0.9s;
  336.     -moz-animation: fadein 0.9s; /* Firefox */
  337.     -webkit-animation: fadein 0.9s; /* Safari and Chrome */
  338.     -o-animation: fadein 0.9s; /* Opera */
  339. }
  340.  
  341. small {
  342.     font-size:11px;
  343. }
  344.  
  345. b,strong {
  346.     color:{color:bold};
  347.     font-weight: 600;
  348. }
  349.  
  350. i,em {
  351.     color:{color:italic};
  352. }
  353.  
  354. u {
  355.     color:{color:underline};
  356. }
  357.  
  358. hr {
  359.     width: 30%;
  360.     height: 0.5px;
  361.     background-color: {color:bold};
  362.     color: {color:bold};
  363.     border: 0px solid transparent;
  364. }
  365.  
  366. small,sub,sup {
  367.     font-size: 9px;
  368. }
  369.  
  370. h1 {
  371.     font-weight: 700;
  372.     font-size: 2em;
  373.     color: {color:bold};
  374. }
  375.  
  376. h2 {
  377.     font-weight: 700;
  378.     font-size: 1.5em;
  379.     color: {color:bold};
  380. }
  381.  
  382. h3 {
  383.     font-weight: 700;
  384.     font-size: 1.1em;
  385.     color: {color:bold};
  386. }
  387.  
  388. h4 {
  389.     font-weight: 700;
  390.     font-size: 1.0em;
  391.     color: {color:bold};
  392. }
  393.  
  394. h5 {
  395.     font-weight: 700;
  396.     font-size: .75em;
  397.     color: {color:bold};
  398. }
  399.  
  400. h6 {
  401.     font-weight: 700;
  402.     font-size: .55em;
  403.     color: {color:bold};
  404. }
  405.  
  406. blockquote:not(.tumblr_parent) {
  407.     padding-left:10px;
  408.     margin: 10px;
  409.     border-left:1px solid {color:blockquote};
  410. }
  411.  
  412. blockquote img {
  413.     max-width: 100%;
  414.     height: auto;
  415. }
  416.  
  417. pre {
  418.     white-space: pre-wrap;
  419.     white-space: -moz-pre-wrap;
  420.     white-space: -pre-wrap;
  421.     white-space: -o-pre-wrap;
  422.     padding: 5px 10px;
  423.     font-family: 'Open Sans', sans-serif;
  424.     font-weight: 300;
  425.     line-height: 150%;
  426. }
  427.  
  428. a {
  429.     color:{color:links};
  430.     text-decoration:none;
  431.     -moz-transition-duration: 0.5s;
  432.         -o-transition-duration: 0.5s;
  433.         -webkit-transition-duration: 0.5s;
  434.         transition-duration: 0.5s;
  435. }
  436.  
  437. a:hover {
  438.     color:{color:link hover};
  439.    -moz-transition-duration: 0.5s;
  440.         -o-transition-duration: 0.5s;
  441.         -webkit-transition-duration: 0.5s;
  442.         transition-duration: 0.5s;
  443. }
  444.  
  445. /*----------CUSTOM CURSOR---------*/
  446.  
  447. {block:ifSmallCursor}
  448. html, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto !important; }
  449.  
  450. a:hover{cursor:url("http://i.imgur.com/IepP2.jpg"), auto !important; }
  451. {/block:ifSmallCursor}
  452.  
  453. /*----------HEADER---------*/
  454.  
  455. .header {
  456. }
  457.  
  458. .header img {
  459.     margin-bottom: 0px;
  460.     margin-top: 35px;
  461.     margin-left:-20px;
  462.     max-width: 960px;
  463. }
  464.  
  465. .topbar {
  466.     width: 960px;
  467.     background:{color:topbar};
  468.     top: 0px;
  469.     position: fixed;
  470.     z-index: 99999;
  471.     margin-left: -20px;
  472.     height: 50px;
  473. }
  474.  
  475. #title {
  476.     font-family: 'Oswald', sans-serif;
  477.     font-weight: 300;
  478.     font-size: 18px;
  479.     text-transform: capitalize;
  480.     float: left;
  481.     margin-left: 30px;
  482.     color: {color:blogtitle};
  483.     letter-spacing: 1px;
  484.     float: left;
  485.     margin-top: 16px;
  486. }
  487.  
  488. .links {
  489.     margin-right: -10px;
  490.     text-transform: capitalize;
  491.     font-size:12px;
  492.     font-family: 'Oswald', sans-serif;
  493.     font-weight: 300;
  494.     float: right;
  495.     margin-top: 15px;
  496. }
  497.  
  498. .links a {
  499.     color:{color:blogtitle};
  500.     margin-right:30px;
  501.     padding: 0px 10px 18px 10px;
  502.     font-family: 'Oswald', sans-serif;
  503.     font-weight: 300;
  504.     font-size: 13px;
  505.     text-align:center;
  506.     border-bottom: 2px solid transparent;
  507.     -moz-transition-duration: 0.5s;
  508.     -o-transition-duration: 0.5s;
  509.     -webkit-transition-duration: 0.5s;
  510.     transition-duration: 0.5s;
  511. }
  512.  
  513. .links a:hover {
  514.     color:{color:homelink hover};
  515.       -moz-transition-duration: 0.5s;
  516.         -o-transition-duration: 0.5s;
  517.         -webkit-transition-duration: 0.5s;
  518.         transition-duration: 0.5s;
  519. }
  520.  
  521. /*----------SIDEBAR CONTAINER---------*/
  522.  
  523. .sidebar {
  524.     width:310px;
  525.     margin-top:41px;
  526.     margin-left: 590px;
  527.     position: absolute;
  528.    
  529. }
  530.  
  531. .sideimg img {
  532.     max-width: 310px;
  533.     margin-left: 0;
  534.     padding: 0;
  535.     margin-bottom: 0px;
  536. }
  537.  
  538. /*----------SIDEBAR CONTENT---------*/
  539.  
  540. .cat {
  541.     padding: 0px;
  542.     margin-bottom:50px;
  543.     background: {color:sidebar};
  544.     color: {color:description};
  545. }
  546.  
  547. .cat a {
  548.         color:{color:desc links};
  549. }
  550.  
  551. .cat b,strong {
  552.      color:{color:desc bold};
  553. }
  554.  
  555. .cat i,em {
  556.         color:{color:desc italic};
  557. }
  558.  
  559. .cat u {
  560.         color:{color:desc underline};
  561. }
  562.  
  563. /*----------SIDEBAR TITLES---------*/
  564.  
  565. .cti {
  566.     font-family: 'Oswald', sans-serif;
  567.     font-weight: 300;
  568.     text-transform: capitalize;
  569.     font-size:18px;
  570.     padding: 10px;
  571.     color:{color:titles};
  572.     background:{color:titles bg};
  573.     text-align: left;
  574. }
  575.  
  576. /*----------DESCRIPTION---------*/
  577.  
  578. .description {
  579.     text-align:justify;
  580.     padding: 0px 10px 10px 10px;
  581. }
  582.  
  583. .description a {
  584.         color:{color:desc links};
  585. }
  586.  
  587. .description b,strong {
  588.         color:{color:desc bold};
  589. }
  590.  
  591. .description i,em {
  592.         color:{color:desc italic};
  593. }
  594.  
  595. .description u {
  596.         color:{color:desc underline};
  597. }
  598.  
  599. /*----------PROJECTS---------*/
  600.  
  601. .projects {
  602.     padding: 10px 10px 0px 10px;
  603.     text-align:left;
  604.     margin-top: -5px;
  605. }
  606.  
  607.  
  608. .projects img {
  609.     width:268px;
  610.     height: auto;
  611.     padding: 10px;
  612.     border: 1px solid {color:post borders};
  613.     margin-top: 10px;
  614.    
  615. }
  616.  
  617. .pinfo {
  618.     padding: 10px 5px;
  619.     margin-bottom: -5px;
  620. }
  621.  
  622. .pinfo a {
  623.       color:{color:desc links};
  624. }
  625.  
  626. .pinfo b,strong {
  627.      color:{color:desc bold};
  628. }
  629.  
  630. .pinfo i,em {
  631.       color:{color:desc italic};
  632. }
  633.  
  634. .pinfo u {
  635.         color:{color:desc underline};
  636. }
  637.  
  638. /*----------EVENTS---------*/
  639.  
  640. .events {
  641.     padding: 0px 10px 10px 10px;
  642. }
  643.  
  644. .events td {
  645.     border-bottom: 1px solid {color:post borders};
  646. }
  647.  
  648. .date {
  649.     text-transform:capitalize;
  650.     font-weight:bold;
  651.     padding: 10px 0px 10px 5px;
  652. }
  653.  
  654. .date b,strong {
  655.      color:{color:desc bold};
  656. }
  657.  
  658. .e {
  659.    text-transform: lowercase;
  660.     padding: 10px 5px 10px 0px;
  661.     text-align: justify;
  662.     padding-left: 30px;
  663.     float: right;
  664.    
  665. }
  666.  
  667. /*----------UPDATES---------*/
  668.  
  669. .up {
  670.      padding: 0px 10px 10px 10px;
  671. }
  672.  
  673. .up td {
  674.     border-bottom: 1px solid {color:post borders};
  675. }
  676.  
  677. .update {
  678.     text-transform:capitalize;
  679.     font-weight:bold;
  680.     padding: 10px 0px 10px 5px;
  681. }
  682.  
  683. .update b,strong {
  684.      color:{color:desc bold};
  685. }
  686.  
  687. .upinfo {
  688.    text-transform: lowercase;
  689.     padding: 10px 5px 10px 0px;
  690.     text-align: justify;
  691.     padding-left: 30px;
  692.     float: right;
  693.    
  694. }
  695.  
  696. /*----------AFFLIATES---------*/
  697.  
  698. .affiliates {
  699.     display: inline-block;
  700.     margin: 15px 10px;
  701. }
  702.  
  703. .affiliates img {
  704.     width:48px;
  705.     height: auto;
  706.     overflow: hidden;
  707.     padding: 10px;
  708.     border: 1px solid {color:post borders};
  709. }
  710.  
  711. /*----------NAVIGATION LINKS---------*/
  712.  
  713. .morelinks {
  714.     margin: 0px 10px;
  715.     padding: 10px 0;
  716. }
  717. .morelinks a {
  718.     display:inline-block;
  719.     text-align: center;
  720.     margin: 5.2px;
  721.     padding: 8px 10px;
  722.     width: 111px;
  723.     border:1px solid {color:post borders};
  724.     text-transform:capitalize;
  725.     font-size:10px;
  726.     color:{color:navi};
  727. }
  728.  
  729. /*----------Shutter In Horizontal----------*/
  730.  
  731. .hvr-shutter-in-horizontal {
  732.   display: inline-block;
  733.   vertical-align: middle;
  734.   -webkit-transform: perspective(1px) translateZ(0);
  735.   transform: perspective(1px) translateZ(0);
  736.   box-shadow: 0 0 1px transparent;
  737.   position: relative;
  738.   background: transparent;
  739.   -webkit-transition-property: color;
  740.   transition-property: color;
  741.   -webkit-transition-duration: 0.3s;
  742.   transition-duration: 0.3s;
  743. }
  744.  
  745. .hvr-shutter-in-horizontal:before {
  746.   content: "";
  747.   position: absolute;
  748.   z-index: -1;
  749.   top: 0;
  750.   bottom: 0;
  751.   left: 0;
  752.   right: 0;
  753.   -webkit-transform: scaleX(1);
  754.   transform: scaleX(1);
  755.   -webkit-transform-origin: 50%;
  756.   transform-origin: 50%;
  757.   -webkit-transition-property: transform;
  758.   transition-property: transform;
  759.   -webkit-transition-duration: 0.3s;
  760.   transition-duration: 0.3s;
  761.   -webkit-transition-timing-function: ease-out;
  762.   transition-timing-function: ease-out;
  763.   background: {color:navi background};
  764. }
  765.  
  766. .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  767. }
  768.  
  769. .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  770.   -webkit-transform: scaleX(0);
  771.   transform: scaleX(0);
  772. }
  773.  
  774. /*----------OFFICIAL LINKS---------*/
  775.  
  776. .off a {
  777.     display:block;
  778.     padding:10px;
  779.     text-transform:capitalize;
  780.     font-size:10px;
  781.     color: {color:navi};
  782.       -moz-transition-duration: 0.5s;
  783.         -o-transition-duration: 0.5s;
  784.         -webkit-transition-duration: 0.5s;
  785.         transition-duration: 0.5s;
  786. }
  787.  
  788. .off a:hover {
  789.     margin-left:10px;
  790.     color: {color:navi hover};
  791.       -moz-transition-duration: 0.5s;
  792.         -o-transition-duration: 0.5s;
  793.         -webkit-transition-duration: 0.5s;
  794.         transition-duration: 0.5s;
  795. }
  796.  
  797. /*----------ABOUT/BLOG INFO.---------*/
  798.  
  799. .binfo {
  800.     padding: 10px;
  801. }
  802.  
  803. .binfo a {
  804.       color:{color:desc links};
  805. }
  806.  
  807. .binfo b,strong {
  808.      color:{color:desc bold};
  809. }
  810.  
  811. .binfo i,em {
  812.       color:{color:desc italic};
  813. }
  814.  
  815. .binfo u {
  816.         color:{color:desc underline};
  817. }
  818.  
  819. /*----------SEARCH BAR---------*/
  820.  
  821. .bsearch {
  822.     padding: 10px;
  823. }
  824.  
  825. .sfm input {
  826.     border: 0px;
  827.     text-transform: capitalize;
  828.     color: {color:search};
  829.     font-size: 10px;
  830.     letter-spacing: 1px;
  831.     padding: 4px 8px;
  832. }
  833.  
  834. #sb {height: 20px; vertical-align: top; border:1px solid {color:post borders};
  835. }
  836.  
  837. #sf {border: 1px solid {color:post borders}; left center no-repeat; background-size: 10px 10px; width: 230px; height: 20px; outline:none;
  838. }
  839.  
  840.  
  841. /*----------PAGINATION---------*/
  842.  
  843. #pagination {
  844.     height:auto;
  845.     width:auto;
  846.     letter-spacing:1px;
  847.     margin-left:auto;
  848.     margin-right:auto;
  849.     margin-top: 15px;
  850.     margin-bottom: 30px;
  851.     font-size:10px;
  852.     text-transform:uppercase;
  853.     z-index:4;
  854.     text-align:center;
  855.     background:transparent;
  856. }
  857.  
  858. #pagination a {
  859.     margin-left:1px;
  860.     border:1px solid {color:post borders};
  861.     border-radius:3px;
  862.     padding:10px;
  863.     color:{color:pagination};
  864.     text-decoration:none;
  865.     -webkit-transition:all 0.8s ease-out;
  866.     -moz-transition:all 0.8s ease-out;
  867.     transition:all 0.8s ease-out;
  868. }
  869.  
  870. #pagination a:hover {
  871.     color:{color:pagination hover};
  872.     background-color:{color:pagination hover background};
  873.     border:1px solid {color:pagination hover background};
  874.     -webkit-transition:all 0.8s ease-out;
  875.     -moz-transition:all 0.8s ease-out;
  876.     transition:all 0.8s ease-out;
  877. }
  878.  
  879. /* ----------MUSIC PLAYER---------- */
  880.  
  881. #cornerplayer {
  882.     z-index:999;
  883.     background-color:{color:music player};
  884.     color: {color:music player text};
  885.     width:50px;
  886.     height:50px;
  887.     border-radius:0px 50px 0px 0px;
  888.     -moz-border-radius:0px 50px 0px 0px;
  889.     position:fixed;
  890.     overflow:hidden;
  891.     bottom:0px;
  892.     left:0px;
  893.     -webkit-transition: opacity 0.8s linear;
  894.     -webkit-transition: all 0.8s ease-in-out;
  895.     -moz-transition: all 0.8s ease-in-out;
  896.     -o-transition: all 0.8s ease-in-out;
  897. }
  898.  
  899. #cornericon {
  900.     margin-top:25px;
  901.     margin-bottom:20px;
  902.     margin-left:-5px;
  903.     -webkit-transition: opacity 0.8s linear;
  904.     -webkit-transition: all 0.8s ease-in-out;
  905.     -moz-transition: all 0.8s ease-in-out;
  906.     -o-transition: all 0.8s ease-in-out;
  907. }
  908.  
  909. #cornerplayer:hover {
  910.     width:200px;
  911.     -moz-border-radius:0px;
  912.     border-radius:0px;
  913. }
  914.  
  915. #cornerplayer:hover #cornericon {
  916.     margin-top:10px;
  917.     margin-left:0px;
  918.     margin-bottom:4px;
  919. }
  920.  
  921. /*----------CONTAINER/POSTS---------*/
  922.  
  923. .wrap {
  924.     width: 920px;
  925.     margin: 0 auto;
  926.     background:{color:content background};
  927.     padding: 20px 20px 130px 20px;
  928.     margin-top: -5px;
  929.     position: relative;
  930.     min-height: 3000px;
  931.    
  932. }
  933.  
  934. .content {
  935.     margin-top:40px;
  936.     width: 500px;
  937.     margin-left:25px;
  938.    
  939. }
  940.  
  941. .posts {
  942.     background-color:{color:posts};
  943.     margin-bottom: 50px;
  944.     width:500px;
  945. }
  946.  
  947. .posts ul li {
  948.     list-style: none;
  949.     margin-left: -25px;
  950.     padding-left: 10;
  951. }
  952.  
  953. .posts ul li:before {
  954.     content: "―";
  955.     padding-right: 5px;
  956.     color: {color:post list};
  957. }
  958.  
  959. .posts ol {
  960.     list-style-type: upper-roman;
  961.     text-transform: justify;
  962.     margin-left: -10px;
  963. }
  964.  
  965. .posts iframe {
  966.     max-width:100%;
  967.     display: block;
  968.     padding: 0;
  969.     margin: 0
  970. }
  971.  
  972. .posts img {
  973.     max-width: 100%;
  974.     display: block;
  975.     border: 0;
  976. }
  977.  
  978. .videop {
  979.     padding: 15px;
  980. }
  981.  
  982. .tumblr_video_container {
  983.     width: auto !important;
  984.     height: auto !important;
  985. }
  986.  
  987. .posts .photo {
  988.     padding: 15px;
  989. }
  990.  
  991. .posts .photo img {
  992.       {block:ifFadedImages}
  993.       {block:IndexPage}
  994.       opacity: 0.6;
  995.       -moz-transition: all 0.8s ease-in;
  996.       -o-transition: all 0.8s ease-in;
  997.       -webkit-transition: all 0.8s ease-in;
  998.       transition: all 0.8s ease-in;
  999. }
  1000.  
  1001. .posts:hover .photo img {
  1002.       opacity: 1.0;
  1003.       -moz-transition: all 0.8s ease-in;
  1004.       -o-transition: all 0.8s ease-in;
  1005.       -webkit-transition: all 0.8s ease-in;
  1006.       transition: all 0.8s ease-in;
  1007.       {/block:IndexPage}
  1008.       {/block:ifFadedImages}
  1009. }
  1010.  
  1011. {block:ifGrayscaleImages}
  1012. {block:IndexPage}
  1013. .posts, .photo img {
  1014.   z-index: -9999999999999999999999999px;
  1015.   -webkit-filter: grayscale(100%);
  1016.   filter: grayscale(100%);
  1017.   filter: gray;
  1018.   /* IE 6-9 */
  1019.   -moz-transition: all 0.8s ease-in;
  1020.   -o-transition: all 0.8s ease-in;
  1021.   -webkit-transition: all 0.8s ease-in;
  1022.   transition: all 0.8s ease-in;
  1023. }
  1024.  
  1025. .posts:hover, .photo img {
  1026.   -webkit-filter: none;
  1027.    filter: none;
  1028.   -moz-transition: all 0.8s ease-in;
  1029.   -o-transition: all 0.8s ease-in;
  1030.   -webkit-transition: all 0.8s ease-in;
  1031.   transition: all 0.8s ease-in;
  1032. }
  1033. {/block:IndexPage}
  1034. {/block:ifGrayscaleImages}
  1035.  
  1036. /*----------TEXT/CAPTION CONTAINER----------*/
  1037.  
  1038. .text {
  1039.     {block:IndexPage}
  1040.     padding: 0px 15px;
  1041.     {/block:IndexPage}
  1042.     {block:PermalinkPage}
  1043.     padding: 5px 15px;
  1044.     {/block:PermalinkPage}
  1045.     margin-top: 0px;
  1046. }
  1047.  
  1048. .caption {
  1049.     padding: 0px 15px;
  1050.     margin-top: -15px;
  1051.     {block:PermalinkPage}
  1052.     padding: 5px 15px;
  1053.     {/block:PermalinkPage}
  1054. }
  1055.  
  1056. .tumblr_parent {
  1057.   margin: 15px -10px 20px;
  1058.   {block:PermalinkPage}
  1059.   margin: 15px -5px 20px;
  1060.   {/block:PermalinkPage}
  1061.   padding: 0px 10px;
  1062.   width: 100%;
  1063. }
  1064.  
  1065. .tumblr_parent blockquote {
  1066.   margin-left:10px;
  1067.   padding-left:10px;
  1068.   border-left: 1px solid {color:blockquote};
  1069. }
  1070.  
  1071. .tumblr_parent blockquote img {
  1072.     max-width: 100%;
  1073.     height: auto;
  1074. }
  1075.  
  1076. .tumblr_avatar {
  1077.   margin-right: 5px;
  1078.   width: 20px;
  1079.   height: 20px;
  1080.   border-radius: 100px;
  1081.   float: left;
  1082. }
  1083.  
  1084. .posts .title {
  1085.       color: {color:Post Title};
  1086.       font-size: 15px;
  1087.       font-family: 'Oswald', sans-serif;
  1088.       font-weight: 300;
  1089.       text-align: center;
  1090.       padding: 20px;
  1091.       text-transform: capitalize;
  1092.       border-bottom: 1px solid {color:Post Borders};
  1093. }
  1094.  
  1095. /*----------LINK POSIS----------*/  
  1096.  
  1097. .posts .link {
  1098.       font-size: 15px;
  1099.       font-family: 'Oswald', sans-serif;
  1100.       font-weight: 300;
  1101.       text-align: center;
  1102.       padding: 20px;
  1103.       text-transform: capitalize;
  1104.       color: {color:Post Title};
  1105.       border-bottom: 1px solid {color:Post Borders};
  1106.       margin-bottom: 5px;
  1107.       border-left:  0px solid transparent;
  1108.       -webkit-transition: all 0.6s ease-in-out;
  1109.       -moz-transition: all 0.6s ease-in-out;
  1110.       -o-transition: all 0.6s ease-in-out;
  1111. }
  1112.  
  1113. .posts .link:hover {
  1114.       color: {color:link hover};
  1115.       -webkit-transition: all 0.6s ease-in-out;
  1116.       -moz-transition: all 0.6s ease-in-out;
  1117.       -o-transition: all 0.6s ease-in-out;
  1118. }
  1119.  
  1120. .posts .link a {
  1121.     color: {color:Post Title};
  1122. }
  1123.  
  1124. .posts .link a:hover {
  1125.     color: {color:link hover};
  1126. }
  1127.  
  1128. /*----------QUOTES----------*/  
  1129.  
  1130. .qt {
  1131.     padding: 15px;
  1132. }
  1133.  
  1134. .quote {
  1135.       font-size: 18px;
  1136.       font-family: 'Oswald', sans-serif;
  1137.       font-weight: 300;
  1138.       line-height: 25px;
  1139.       margin-top: 0px;
  1140.       text-align: center;
  1141.       padding: 15px;
  1142.       border-top: 1px solid {color:post borders};
  1143.       border-bottom: 1px solid {color:post borders};
  1144. }
  1145.  
  1146. .qtsource {
  1147.     font-family: 'Roboto', sans-serif;
  1148.     font-size:{text:body font}px;
  1149. }
  1150.  
  1151. .quote-box {
  1152.     padding: 7px;
  1153.     width: 5px;
  1154.     height: 5px;
  1155.     font-size: 20px;
  1156.     margin-bottom: 10px;
  1157.     border: 4px double {color:post borders};
  1158.     color: {color: text};
  1159. }
  1160.  
  1161. /*----------AUDIO----------*/
  1162.  
  1163. .audiop { padding: 15px;}
  1164.  
  1165. .playbutton {
  1166.     width: 30px;
  1167.     height: 30px;
  1168.     overflow: hidden;
  1169.     position: absolute;
  1170.     z-index: 999999;
  1171.     margin-left: 12px;
  1172.     margin-top: 11px;
  1173. }
  1174.  
  1175. .playbox {
  1176.     background-color: white;
  1177.     width: 50px;
  1178.     height: 50px;
  1179.     margin-left: 26px;
  1180.     margin-top: 32px;
  1181.     z-index: 1;
  1182.     position:absolute;
  1183.     opacity: 0.6;
  1184.     border-radius: 100%;
  1185.     -webkit-transition: all 0.6s ease-in-out;
  1186.     -moz-transition: all 0.6s ease-in-out;
  1187.     -o-transition: all 0.6s ease-in-out;
  1188. }
  1189.  
  1190. .playbox:hover {
  1191.     opacity: 0.9;
  1192.     -webkit-transition: all 0.6s ease-in-out;
  1193.     -moz-transition: all 0.6s ease-in-out;
  1194.     -o-transition: all 0.6s ease-in-out;
  1195. }  
  1196.  
  1197. .audiowrapper {
  1198.                position: relative;
  1199.                display:inline-block;
  1200. }      
  1201.            
  1202. .audioimgwrapper {
  1203.                 margin-left: -3px;
  1204.                 margin-top: 0px;
  1205.                 overflow: hidden;
  1206.                 width: 110px;
  1207.                 height: 110px;
  1208. }
  1209.            
  1210. .audioimgwrapper img {
  1211.                 width: 100%;
  1212.                 height: auto;
  1213.                
  1214. }
  1215.            
  1216. .trackdetails {
  1217.       height: 110px;
  1218.       overflow: hidden;
  1219.       color: {color:audio track};
  1220.       text-transform: capitalize;
  1221.       line-height: 150%;
  1222.       margin-left: -4px;
  1223.       padding-right: 5px;
  1224.       margin-top: -3px;
  1225.       width: calc(500px - 145px);
  1226.       background-color: {color:audio background};
  1227. }
  1228.  
  1229. .trackdetails b {
  1230.     color: {color:audio track};
  1231.     font-weight: 900;
  1232. }  
  1233.  
  1234. .trackdetails i {
  1235.        color: {color:audio track};
  1236. }
  1237.  
  1238. .track {
  1239.   margin-top: 30px;
  1240.   margin-bottom: 2px;
  1241.   font-family: 'Roboto Condensed', sans-serif;
  1242.   font-weight: 400;
  1243.   font-size: 15px;
  1244.   padding-left: 10px;
  1245. }
  1246.  
  1247. .artist {
  1248.  margin-bottom: 2px;
  1249.  padding-left: 10px;
  1250. }
  1251.  
  1252. /*----------QUESTION/ANSWER----------*/
  1253.  
  1254. .askp { padding-top: 15px};
  1255.  
  1256. #asker {
  1257.     margin-bottom: 2px;
  1258. }
  1259.  
  1260. #asker a {
  1261.     color:{color:question};
  1262.     text-transform: lowercase;
  1263. }
  1264.  
  1265. #asker b {
  1266.     color: {color:question};
  1267. }
  1268.  
  1269. .question {
  1270.     width:calc(500px - 120px);
  1271.     min-height: 63px;
  1272.     margin: 0px 15px 4px 85px;
  1273.     padding: 5px 10px;
  1274.     text-align:left;
  1275.     color: {color:question};
  1276.     background-color: {color:question background};
  1277.     position: relative;
  1278.     text-align: justify;
  1279. }
  1280.  
  1281. .question:after {
  1282.     right: 100%;
  1283.     top: 20%;
  1284.     border: solid transparent;
  1285.     content: " ";
  1286.     height: 0;
  1287.     width: 0;
  1288.     position: absolute;
  1289.     pointer-events: none;
  1290.     border-right-color: {color:question background};
  1291.     border-width: 15px;
  1292.     margin-top: -5px;
  1293. }
  1294.  
  1295. .answer {
  1296.     margin-top: -10px;
  1297.     text-align: justify;
  1298.     padding: 15px;
  1299. }
  1300.  
  1301. /*----------CHAT POSTS-----------*/
  1302.  
  1303. .chatp { padding: 15px; }
  1304.  
  1305. .chat .line {
  1306.     padding: 15px 10px;
  1307.     margin-bottom: 0px;
  1308.     color: {color:chat};
  1309. }
  1310.  
  1311. .chat .line:nth-child(odd)  {
  1312.     background-color: {color:chat odd};
  1313. }
  1314.  
  1315. .chat .line:nth-child(even) {
  1316.     background-color: {color:posts};
  1317.     color: {color:Text};
  1318. }
  1319.  
  1320. .chat .label {
  1321.     text-transform: capitalize;
  1322. }
  1323.  
  1324. .line .label b {
  1325.     color: {color:chat label};
  1326. }
  1327.  
  1328. /*----------POST INFO & PERMALINKS----------*/
  1329.  
  1330. #info {
  1331.        margin-top: 0px;
  1332.         margin-bottom: -20px;
  1333.         padding: 10px 10px;
  1334.         width:500;
  1335.         text-transform: capitalize;
  1336.         font-family: 'Exo', sans-serif;
  1337.         font-weight: 500;
  1338.         font-size: 8.5px;
  1339.         color:{color:permalink};
  1340.         background-color: {color:permalink background};
  1341.         border-top: 1px solid {color:Post Borders};
  1342.         border-bottom: 1px solid {color:Post Borders};
  1343. }
  1344.  
  1345. #info a {
  1346.        color:{color:permalink};
  1347.        font-size: 8.5px;
  1348.        font-family: 'Exo', sans-serif;
  1349.        font-weight: 500;
  1350.        text-align: left;
  1351. }
  1352.  
  1353. #info a:hover {
  1354.     color: {color:permalink hover};
  1355. }
  1356.  
  1357. #topinfo {
  1358.         margin-top: 0px;
  1359.         margin-bottom: 0px;
  1360.         padding: 10px;
  1361.         border-bottom: 1px solid {color:Post Borders};
  1362.         width:500;
  1363.         text-transform: capitalize;
  1364.         font-family: 'Exo', sans-serif;
  1365.         font-weight: 500;
  1366.         font-size: 9px;
  1367.         color:{color:permalink};
  1368. }
  1369.  
  1370. #topinfo a {
  1371.        color:{color:permalink};
  1372.        font-size: 9px;
  1373.        font-family: 'Exo', sans-serif;
  1374.        font-weight: 500;
  1375.        text-align: left;
  1376. }
  1377.  
  1378. #topinfo a:hover {
  1379.     color: {color:permalink hover};
  1380. }
  1381.  
  1382. .reblogpic {
  1383.    padding-right: 7px;
  1384.    margin-top: 0px;
  1385.    width: 24px;
  1386.    height: 24px;
  1387.    float: left;
  1388. }
  1389.  
  1390. .src {
  1391.     display: inline-block;
  1392.     padding-top: 5px;
  1393.     padding-bottom: 3px;
  1394. }
  1395.  
  1396. /*----------LIKE/REBLOG----------*/
  1397.  
  1398. svg {
  1399.    width:11px;
  1400.    height:auto;
  1401.    opacity:.5;
  1402.    padding:2px 0px;
  1403.    display:block;
  1404.    overflow:visible;
  1405.    margin-top: 0.5px;
  1406. }
  1407. .controls a {
  1408.    position:relative;
  1409.    display:inline-block;
  1410.    width:12px;
  1411.    height:12px;
  1412.    margin-top: -1px;
  1413. }
  1414.  
  1415. .controls .reblog {
  1416.    opacity:.93;
  1417. }
  1418.  
  1419. .controls .reblog svg {
  1420.    width: 10px;
  1421.    margin-top:1px;
  1422.    fill: {color:permalink};
  1423.    -moz-transition-duration: 0.5s;
  1424.    -o-transition-duration: 0.5s;
  1425.    -webkit-transition-duration: 0.5s;
  1426.    transition-duration: 0.5s;
  1427. }
  1428.  
  1429. .controls .reblog svg:hover {
  1430.     fill: {color:permalink hover};
  1431.         -moz-transition-duration: 0.5s;
  1432.         -o-transition-duration: 0.5s;
  1433.         -webkit-transition-duration: 0.5s;
  1434.         transition-duration: 0.5s;
  1435. }
  1436.  
  1437. .controls .like svg {
  1438.     fill: {color:permalins};
  1439.         -moz-transition-duration: 0.5s;
  1440.         -o-transition-duration: 0.5s;
  1441.         -webkit-transition-duration: 0.5s;
  1442.         transition-duration: 0.5s;
  1443. }
  1444.  
  1445. .controls .like svg:hover {
  1446.     fill: {color:permalink hover};
  1447.         -moz-transition-duration: 0.5s;
  1448.         -o-transition-duration: 0.5s;
  1449.         -webkit-transition-duration: 0.5s;
  1450.         transition-duration: 0.5s;
  1451. }
  1452.  
  1453. .controls .like .liked + svg {
  1454.    opacity:1;
  1455. }
  1456.  
  1457. .controls .like .liked + svg path {
  1458.    fill:#ec5a5a;
  1459. }
  1460.  
  1461. .controls .like .like_button iframe {
  1462.    position:absolute;
  1463.    top:0;
  1464.    left:0;
  1465.    bottom:0;
  1466.    right:0;
  1467.    width:100%;
  1468.    height:100%;
  1469.    z-index:2;
  1470.    opacity:0;
  1471. }
  1472.  
  1473. /*----------POST TAGS---------*/
  1474.  
  1475. #tag {
  1476.     margin-top: 20px;
  1477.     padding: 10px;
  1478.     letter-spacing: 1px;
  1479.     text-transform: capitalize;
  1480.     font-family: 'Exo', sans-serif;
  1481.     font-weight: 500;
  1482.     font-size: 8.5px;
  1483.     position: relative;
  1484.     margin-bottom: 20px;
  1485.     z-index: 400;
  1486.     background-color: {color:posts};
  1487. }
  1488.  
  1489.  
  1490. #tag a {
  1491.     color:{color:tag};
  1492.     display: inline-block;
  1493.     margin-left: 2px;
  1494.     font-family: 'Exo', sans-serif;
  1495.     font-weight: 500;
  1496.     font-size: 8.5px;
  1497. }
  1498.  
  1499. #tag a:hover {
  1500.     color: {color:tag hover};
  1501. }  
  1502.  
  1503. /*----------PERMALINK PAGE---------*/
  1504.  
  1505. #perma {
  1506.     padding: 10px;
  1507.     margin-top: -30px;
  1508.     background:{color:posts};
  1509.     text-align: center;
  1510.     width: 480px;
  1511. }
  1512.  
  1513. ol.notes {
  1514.     padding:0px;
  1515.     margin:20px 0px 0px 0px;
  1516.     list-style-type:none;
  1517.     padding: 10px;
  1518.     background:{color:posts};
  1519.     width: 480px;
  1520. }
  1521.  
  1522. ol.notes li.note {
  1523.     padding:10px;
  1524. }
  1525.  
  1526. ol.notes li.note img.avatar {
  1527.     vertical-align:-4px;
  1528.     margin-right:10px;
  1529.     width:16px;
  1530.     height:16px;
  1531. }
  1532.  
  1533. ol.notes li.note span.action {
  1534.     font-weight:none;
  1535. }
  1536.  
  1537. ol.notes li.note .answer_content {
  1538.     font-weight:normal;
  1539. }
  1540.  
  1541. ol.notes li.note blockquote {
  1542.     padding:4px 10px;
  1543.     margin:10px 0px 0px 25px;
  1544. }
  1545.  
  1546. ol.notes li.note blockquote a {
  1547.     text-decoration:none;
  1548. }
  1549.  
  1550. /*----------FOOTER---------*/
  1551.  
  1552. #foot {
  1553.         bottom: 0px;
  1554.         margin-left: -45px;
  1555.         width: 960px;
  1556.         background:{color:topbar};
  1557.         padding: 10px 0;
  1558.         position: absolute;
  1559.         color: {color:blogtitle};
  1560. }
  1561.  
  1562. #foot #cred {
  1563.       text-align: center;
  1564.       font-size: 15px;
  1565.       font-family: 'Oswald', sans-serif;
  1566.       font-weight: 300;
  1567.       color: {color:blogtitle};
  1568. }
  1569.  
  1570. .lnr-tag, .lnr-link, .lnr-music-note {
  1571.     padding-right: 5px;
  1572. }
  1573.  
  1574. .lnr-clock, .lnr-bookmark {
  1575.     padding-right: 1px;
  1576. }
  1577.  
  1578. .lnr-home,.lnr-envelope,.lnr-gift,.lnr-calendar-full {
  1579.     padding-right: 10px;
  1580. }
  1581.  
  1582. /*----------SCROLL TO TOP---------*/
  1583.  
  1584. #scrollToTop:link,
  1585. #scrollToTop:visited {
  1586.     display: none;
  1587.     position: fixed;
  1588.     bottom: 10px;
  1589.     right: 10px;
  1590.     color: {color:blogtitle};
  1591.     padding: 5px;
  1592.     width: 15px;
  1593.     height: 15px;
  1594.     background-color: {color:topbar};
  1595.     border-radius: 100%;
  1596. }
  1597.  
  1598. {CustomCSS}
  1599. </style>
  1600.  
  1601. <!--SCRIPTS/JQUERY-->
  1602.  
  1603. <!--Tooltips Script-->
  1604. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1605.  
  1606. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1607.  
  1608. <script>
  1609.  
  1610. (function($){
  1611.  
  1612. $(document).ready(function(){
  1613.  
  1614. $("a[title]").style_my_tooltips({
  1615.  
  1616. tip_follows_cursor:true,
  1617.  
  1618. tip_delay_time:10,
  1619.  
  1620. tip_fade_speed:200,
  1621.  
  1622. attribute:"title"
  1623.  
  1624. });
  1625.  
  1626. });
  1627.  
  1628. })(jQuery);
  1629.  
  1630. </script>
  1631. <!--Tooltips Script-->
  1632.  
  1633. <!--Lazy Load Script-->
  1634. {block:IndexPage}
  1635. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  1636. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  1637. <script type="text/javascript" charset="utf-8">
  1638. var $j = jQuery.noConflict();
  1639. $j(function() {
  1640. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  1641. $j(".photo img").lazyload({
  1642. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  1643. effect: "fadeIn",
  1644. });
  1645. });
  1646. </script>
  1647. {/block:IndexPage}
  1648. <!--Lazy Load Script-->
  1649.  
  1650. <!--Scroll To Top Script-->
  1651. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  1652. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1653. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><span class="lnr lnr-chevron-up" style="margin:10px 2px;"></span></a>
  1654. <!--Scroll To Top Script-->
  1655.  
  1656. <!--Audio Player Color Script-->
  1657. <script>
  1658.    $(document).ready(function() {
  1659.       $('iframe.tumblr_audio_player').load( function() {
  1660.          $('iframe.tumblr_audio_player').contents().find("head")
  1661.             .append($("<style type='text/css'> .audio-player{background:#fff !important} </style>"));
  1662.       });
  1663.    });
  1664. </script>
  1665. <!--Audio Player Color Script-->
  1666.  
  1667. <!--SCRIPTS/JQUERY-->
  1668. </head>
  1669.  
  1670. <body>
  1671.  
  1672. <!--Music player-->
  1673. {block:ifMusicPlayer}
  1674. <div id='cornerplayer'><center>
  1675. <div id='cornericon'><img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif"/></div>
  1676. <div> {text:Music Player} </div>    
  1677. </center> </div><!--cornerplayer-->
  1678. {/block:ifMusicPlayer}
  1679. <!--Music player-->
  1680.  
  1681. <div class="wrap"> <!--CONTAINER-->
  1682.  
  1683. <div class="topbar"> <!--TOP LINKS-->
  1684. <div id="title"><img src="{PortraitURL-48}" style="width: 48px; height: 48px; float:left; margin-right:10px; border-radius:100%;border:5px solid {color:topbar};">{title}</div>
  1685. <div class="links">
  1686.      <a href="/"><span class="lnr lnr-home"></span>refresh</a>
  1687.     <a href="/faq"><span class="lnr lnr-envelope"></span>ask</a>
  1688.     <a href="/submit"><span class="lnr lnr-gift"></span>submit</a>
  1689.     <a href="/archive"><span class="lnr lnr-calendar-full"></span>past</a>
  1690. </div> <!--TOP LINKS-->
  1691.  
  1692.  
  1693. </div>
  1694.  
  1695. <div class="header">
  1696. <img src="{image:header}">
  1697. </div>
  1698.  
  1699. <div class="sidebar">  <!--SIDEBAR CONTENT. THIS IS WHERE THE SIDEBOXES ARE WHERE YOU CAN MANUALLY ADD THE CONTENTS-->
  1700.  
  1701.  
  1702.  
  1703.     <!-- DESCRIPTION BOX -->
  1704.    
  1705. <div class="cat">
  1706.     <div class="cti"><span class="lnr lnr-user" style="padding-right:10px; color:{color:titles};"></span>Welcome</div>
  1707. <div class="sideimg"><img src="{image:sidebar}"></div>
  1708.     <div class="description">{Description}</div>
  1709. </div>
  1710.  
  1711.     <!-- NAVIGATION LINKS -->
  1712. {block:ifextralinks}
  1713. <div class="cat">
  1714.     <div class="cti"><span class="lnr lnr-menu" style="padding-right:10px; color:{color:titles};"></span>Navigation Links</div>
  1715. <div class="morelinks">
  1716.     {block:ifCustomLink1}<a class="hvr-shutter-in-horizontal" href="{text:CustomLink1URL}">{text:CustomLink1Name}</a>{/block:ifCustomLink1}
  1717.     {block:ifCustomLink2}<a class="hvr-shutter-in-horizontal" href="{text:CustomLink2URL}">{text:CustomLink2Name}</a>{/block:ifCustomLink2}
  1718.     {block:ifCustomLink3}<a class="hvr-shutter-in-horizontal" href="{text:CustomLink3URL}">{text:CustomLink3Name}</a>{/block:ifCustomLink3}
  1719.     {block:ifCustomLink4}<a class="hvr-shutter-in-horizontal" href="{text:CustomLink4URL}">{text:CustomLink4Name}</a>{/block:ifCustomLink4}
  1720.     {block:ifCustomLink5}<a class="hvr-shutter-in-horizontal" href="{text:CustomLink5URL}">{text:CustomLink5Name}</a>{/block:ifCustomLink5}
  1721.     {block:ifCustomLink6}<a class="hvr-shutter-in-horizontal" href="{text:CustomLink6URL}">{text:CustomLink6Name}</a>{/block:ifCustomLink6}
  1722. </div>
  1723. </div>
  1724. {/block:ifextralinks}
  1725.  
  1726.     <!-- UPCOMING EVENTS -->
  1727. {block:ifevents}  
  1728. <div class="cat">
  1729.     <div class="cti"><span class="lnr lnr-calendar-full" style="padding-right:10px; color:{color:titles};"></span>Upcoming events</div>
  1730.    
  1731.     <div class="events">
  1732.    
  1733. <!-- THIS IS WHERE YOU WILL ADD YOUR UPCOMING EVENTS IF YOU PLEASE. if you would like to add more just copy the code below:
  1734.  
  1735. <tr>
  1736. <td>
  1737. <div class="date">Event date here</div>
  1738. </td>
  1739. <td>
  1740. <div class="e">Event info here</div>
  1741. </td>
  1742. </tr>
  1743.  
  1744. make sure to past it right about the 'event end'
  1745. -->
  1746.  
  1747. <table style="width:100%">
  1748.  
  1749. <!-- events box start -->
  1750.  
  1751. <tr>
  1752. <td>
  1753. <div class="date">November 12</div>
  1754. </td>
  1755. <td>
  1756. <div class="e">Event: One</div>
  1757. </td>
  1758. </tr>
  1759.  
  1760. <tr>
  1761. <td>
  1762. <div class="date">November 13</div>
  1763. </td>
  1764. <td>
  1765. <div class="e">Event: two</div>
  1766. </td>
  1767. </tr>
  1768.  
  1769. <tr>
  1770. <td>
  1771. <div class="date">November 14</div>
  1772. </td>
  1773. <td>
  1774. <div class="e">Event: three</div>
  1775. </td>
  1776. </tr>
  1777.  
  1778. <tr>
  1779. <td>
  1780. <div class="date">November 14</div>
  1781. </td>
  1782. <td>
  1783. <div class="e">Event: four</div>
  1784. </td>
  1785. </tr>
  1786.  
  1787. <!-- events box start -->
  1788. </table>
  1789. </div></div>
  1790. {/block:ifevents}  
  1791.  
  1792.     <!-- PROJECTS -->
  1793. {block:ifprojects}
  1794. <div class="cat">
  1795.     <div class="cti"><span class="lnr lnr-picture" style="padding-right:10px; color:{color:titles};"></span>Projects</div>
  1796.    
  1797.     <div class="projects">
  1798.    
  1799.     <!-- THIS IS WHERE YOU WILL ADD THE PROJECTS THAT CORRESPOND WITH THE THEME OF YOUR FANSITE BLOG. iF YOU WOULD LIKETO ADD MORE JUST COPY THE CODE BELOW:
  1800.  
  1801. <tr>
  1802.           <img src="IMAGE URL">
  1803. </tr>
  1804. <tr>
  1805.                <div class="pinfo">
  1806.                <b>Title:</b><br>
  1807.                <l1>
  1808.                <b>Info</b>: Info<br>
  1809.                <b>Info</b>: Info<br>
  1810.                <b>Info</b>: Info</div>
  1811.                </l1>
  1812. </tr>  
  1813.  
  1814. MAKE SURE TO PASTE IT RIGHT ABOVE THE 'PROJECTS END'
  1815.    -->
  1816.  
  1817.  <table style="width:100%">
  1818.  
  1819.   <!-- PROJECTS START-->
  1820.  
  1821.  <tr>
  1822.            <img src="http://static.tumblr.com/pbhn8p5/gF5oim342/http---www-2.png">
  1823. </tr>
  1824. <tr>
  1825.                 <div class="pinfo">
  1826.                 <b>Title:</b><br>
  1827.                 <l1>
  1828.                 <b>Info</b>: Info<br>
  1829.                 <b>Info</b>: Info<br>
  1830.                 <b>Info</b>: Info</div>
  1831.                 </l1>
  1832.  </tr>    
  1833.  
  1834.   <tr>
  1835.            <img src="http://static.tumblr.com/pbhn8p5/gF5oim342/http---www-2.png">
  1836. </tr>
  1837. <tr>
  1838.                 <div class="pinfo">
  1839.                 <b>Title:</b><br>
  1840.                 <l1>
  1841.                 <b>Info</b>: Info<br>
  1842.                 <b>Info</b>: Info<br>
  1843.                 <b>Info</b>: Info</div>
  1844.                 </l1>
  1845.  </tr>  
  1846.  
  1847.   <!-- PROGECTS END-->
  1848.  </table>              
  1849.                
  1850.                </div></div>
  1851. {/block:ifprojects}
  1852.  
  1853.     <!-- MEMBERS -->
  1854. {block:ifmembers}  
  1855. <div class="cat">
  1856.     <div class="cti"><span class="lnr lnr-users" style="padding-right:10px; color:{color:titles};"></span>Members</div>
  1857.  
  1858.      <!-- THIS IS BASICALLY SET UP FOR A GROUP BLOG SCENARIO. BASICALLY THE BLOGGER (YOU) GIVE PERMISSION FOR OTHER PEOPLE TO HAVE ACCESS TO THIS BLOG. FOR MORE INFORMATION ON HOW TO SET THIS UP CHECK OUT THIS WEBSITE BELOW
  1859.    
  1860.   http://smallbusiness.chron.com/set-up-admins-tumblr-34947.html  
  1861.  
  1862.    SO TO PUT IT SIMPLY YOU DON'T EDIT THIS BOX LIKE YOU WOULD THE OTHERS UNLESS YOU KNOW WHAT YOU'RE DOING.
  1863.     -->
  1864.      
  1865.      
  1866.     {block:GroupMembers}
  1867. <table style="margin-top:0px; padding: 10px;">
  1868. {block:GroupMember}
  1869. <tr>
  1870. <td style="width:40px;">
  1871. <img src="{GroupMemberPortraitURL-40}" width="40px;" height="40px;" style="margin-right: 10px; padding:10px; border:1px solid {color:post borders}">  
  1872. </td>
  1873. <td style="width:290px; height:auto;">
  1874. <div id="m" style="margin-bottom:10px;">
  1875. <a href="{GroupMemberURL}" style="color:{color:desc link};">{GroupMemberName}</a><br>{GroupMemberTitle}</div>
  1876.  
  1877. </tr>
  1878. {/block:GroupMember}
  1879. </table>
  1880. {/block:GroupMembers}
  1881. </div>
  1882. {/block:ifmembers}
  1883.  
  1884.   <!-- UPDATES BOX -->
  1885. {block:ifupdates}
  1886. <div class="cat">
  1887.     <div class="cti"><span class="lnr lnr-cog" style="padding-right:10px; color:{color:titles};"></span>Updates</div>
  1888.    
  1889.     <div class="up">
  1890.        
  1891. <!-- THIS IS THE UPDATES TAP WHERE YOU CAN PLACE ALL OF YOUR RECORDS OF YOUR RECENT BLOG-RELATED UPDATES. IF YOU WOULD LIKE TO ADD MORE UPDATES THEN YOU CAN JUST COPY THE CODE BELOW:
  1892.  
  1893. <tr>
  1894. <td><div class="update">date</div></td>
  1895. <td><div class="upinfo">update</div></td>
  1896. </tr>
  1897.  
  1898. MAKE SURE TO PASTE THE CODE RIGHT ABOUT THE 'UPDATES END'
  1899.  
  1900. -->
  1901.  
  1902. <table style="width:100%">
  1903.  
  1904.   <!-- UPDATES START -->
  1905.  
  1906. <tr>
  1907. <td><div class="update">11.12:</div></td>
  1908. <td><div class="upinfo">update one</div></td>
  1909. </tr>
  1910.  
  1911. <tr>
  1912. <td><div class="update">11.13:</div></td>
  1913. <td><div class="upinfo">update one</div></td>
  1914. </tr>
  1915.  
  1916. <tr>
  1917. <td><div class="update">11.14:</div></td>
  1918. <td><div class="upinfo">update one</div></td>
  1919. </tr>
  1920.  
  1921. <tr>
  1922. <td><div class="update">11.15:</div></td>
  1923. <td><div class="upinfo">update one</div></td>
  1924. </tr>
  1925.  
  1926.   <!-- UPDATES END -->
  1927. </table>
  1928. </div>        
  1929. </div>
  1930. {/block:ifupdates}
  1931.  
  1932.     <!-- AFFILIATES -->
  1933. {block:ifaffiliates}
  1934. <div class="cat">
  1935.     <div class="cti"><span class="lnr lnr-sync" style="padding-right:10px; color:{color:titles};"></span>Affiliates</div>
  1936.    
  1937.     <div class="affiliates">
  1938.  
  1939. <!-- THIS IS WHERE YOU CAN ADD THE IMAGES OF THE SISTER BLOG IN WHICH YOUR FANSITE IS AFFILIATED WITH. IF YOU WOULD LIKE TO ADD MORE PICTURES THEN JUST CODY THE CODE BELOW
  1940.  
  1941.        <a href="/" title="visit blog"><img src="IMAGE URL"/></a>
  1942.  
  1943. MAKE SURE TO PASTE THE CODE RIGHT ABOVE THE 'AFFILIATES END'
  1944. -->
  1945.  
  1946. <!-- AFFILIATES START-->
  1947.  
  1948.         <a href="/" title="visit blog"><img src="http://static.tumblr.com/pbhn8p5/naWoim3ej/http---www.lifeofpix.png"/></a>
  1949.         <a href="/" title="visit blog"><img src="http://static.tumblr.com/pbhn8p5/naWoim3ej/http---www.lifeofpix.png"/></a>
  1950.         <a href="/" title="visit blog"><img src="http://static.tumblr.com/pbhn8p5/naWoim3ej/http---www.lifeofpix.png"/></a>
  1951.         <a href="/" title="visit blog"><img src="http://static.tumblr.com/pbhn8p5/naWoim3ej/http---www.lifeofpix.png"/></a>
  1952.  
  1953. <!-- AFFILIATES END-->      
  1954.     </div>
  1955. </div>
  1956. {/block:ifaffiliates}
  1957.  
  1958.     <!-- OFFICIAL LINKS -->
  1959. {block:ifofficiallinks}    
  1960. <div class="cat">
  1961.     <div class="cti"><span class="lnr lnr-earth" style="padding-right:10px; color:{color:titles};"></span>Official Links</div>
  1962.     <div class="off">
  1963.  
  1964. <!-- THEM OFFICIAL LINKS WHICH ARE ALREADY SET UP FOR YOU IN THE EDIT THEME SECTION DO NOT CHANGE ANYTHING BELOW UNLESS YOU KNOW WHAT YOU'RE DOING. I WON'T BE HELPING YOU WITH THIS. -->  
  1965.  
  1966.         <a href="{text:official link 1 url}"> <i class="fa fa-twitter" style="color:{color:navi}; padding:10px;margin-right:10px;font-size:18px;"></i>{text:official link 1 title}</a>
  1967.         <a href="{text:official link 2 url}"> <i class="fa fa-instagram" style="color:{color:navi}; padding:10px;margin-right:10px;font-size:18px;"></i>{text:official link 2 title}</a>
  1968.         <a href="{text:official link 3 url}"> <i class="fa fa-facebook" style="color:{color:navi}; padding:10px;margin-right:10px;font-size:18px;"></i>{text:official link 3 title}</a>
  1969.         <a href="{text:official link 4 url}"><i class="fa fa-youtube-play" style="color:{color:navi}; padding:10px;margin-right:10px;font-size:18px;"></i>{text:official link 4 title}</a>
  1970.     </div>
  1971. </div>
  1972. {/block:ifofficiallinks}    
  1973.  
  1974.  <!-- BLOG INFO -->
  1975. {block:ifbloginfo}  
  1976. <div class="cat">
  1977.     <div class="cti"><span class="lnr lnr-license" style="padding-right:10px; color:{color:titles};"></span>About this blog</div>
  1978.     <div class="binfo">
  1979.    
  1980. <!-- GENERRAL BLOG INFO LIKE WHEN WAS IT ESTABLISHED. YOUR FREE HOSTED SCRIPTS (ONLINE USERS, BLOG VISITS, FOLLOWERS/ETC. -->  
  1981.  
  1982.  <p>
  1983.  
  1984. <b>About:</b> A fansite theme for fandom challenges, character, shipss, whatever floats your boat
  1985.  
  1986.    
  1987. </p>
  1988.  
  1989. <p>
  1990.  
  1991. <!-- EDIT HERE --> <b>Admins:</b> 1 <!-- EDIT HERE -->
  1992.  
  1993.    
  1994. </p>
  1995.  
  1996. <p>
  1997.  
  1998. <!-- EDIT HERE. --> <b>Established:</b> 1.1.17 <!-- EDIT HERE. -->
  1999.  
  2000.    
  2001. </p>
  2002.  
  2003. <p>
  2004.  
  2005. <!-- EDIT HERE. --> <b>Online:</b> online users here <!-- EDIT HERE. -->
  2006.  
  2007. </p>
  2008.  
  2009. <p>
  2010.  
  2011. <!-- EDIT HERE. --> <b>Visits:</b> visitors here <!-- EDIT HERE. -->
  2012.  
  2013.    
  2014. </div>
  2015. </div>
  2016. {/block:ifbloginfo}
  2017.  
  2018.     <!-- SEARCH BAR START-->
  2019. {block:ifsearch}
  2020. <div class="cat">
  2021.     <div class="cti"><span class="lnr lnr-magnifier" style="padding-right:10px; color:{color:titles};"></span>search</div>
  2022.    
  2023.     <div class="bsearch">
  2024.  
  2025. <!-- THIS IS SEARCHBAR CODE. DO NOT TOUCH PLEASE. -->  
  2026.            
  2027. <script language="javascript">
  2028. function send()
  2029. {document.theform.submit()}
  2030. </script>            
  2031. <form action="/search" method="get" class="sfm">
  2032.     <input type="text" name="q" placeholder="Search..." id="sf"/>
  2033.     <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/>
  2034. </form>
  2035.  
  2036. <!-- THIS IS SEARCHBAR CODE. DO NOT TOUCH PLEASE. -->  
  2037.     </div>
  2038. </div>
  2039. {/block:ifsearch}
  2040. <!-- SEARCH BAR END -->
  2041.    
  2042. </div>  <!--SIDEBAR-->
  2043.    
  2044. <div class="content">  <!--CONTENT-->
  2045. {block:Posts}
  2046.  <div class="posts">  <!--POSTS-->
  2047.  
  2048. {block:ContentSource}
  2049. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  2050. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  2051. {/block:SourceLogo}
  2052. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2053. {/block:ContentSource}
  2054.  
  2055. <!-- {block:NoRebloggedFrom}
  2056. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2057. {/block:NoRebloggedFrom} -->
  2058.  
  2059. {block:IndexPage}
  2060. <div id="topinfo">
  2061. {block:RebloggedFrom}<img class="reblogpic" src="{ReblogRootPortraitURL-24}"> <a class="src" href="{ReblogRootURL}">{ReblogRootName}</a>
  2062. {/block:RebloggedFrom}
  2063. {block:NotReblog}
  2064. <img class="reblogpic" src="{PortraitURL-24}"> <a class="src" href="{Permalink}">{Name}</a>
  2065. {/block:NotReblog}
  2066.  
  2067. {block:NoteCount} <a href="{Permalink}" style="float:right; margin-top:5px;" title="{NoteCountWithLabel}"><span class="lnr lnr-bookmark"></span>{NoteCount}</a>{/block:NoteCount}
  2068. </div>
  2069. {/block:IndexPage}
  2070.  
  2071. {block:Text}
  2072. {block:Title}<div class="title">{Title}</div>{/block:Title}
  2073. <div class="caption">{Body}</div>
  2074. {block:ifnotdashboardstyleblockquotes}
  2075. <div class="text">{Body}</div>
  2076. {/block:ifnotdashboardstyleblockquotes}
  2077. {/block:Text}
  2078.  
  2079. {block:Photo}
  2080. <div class="photo">
  2081. {LinkOpenTag}
  2082. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  2083.    <center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></center>
  2084. </a>
  2085. {LinkCloseTag}
  2086. </div>
  2087. {/block:Photo}
  2088.  
  2089. {block:Photoset}
  2090. <div class="photo">
  2091. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  2092. </div>
  2093. {/block:Photoset}
  2094.  
  2095. {block:Quote}
  2096. <div class="qt">
  2097. <center>
  2098. <div class="quote-box">"</div>
  2099. </center>
  2100. <div class="quote">
  2101. {Quote}
  2102. </div>
  2103. {block:Source}<div class="qtsource"><br><center>- {Source} -</center></div>{/block:Source}
  2104. </div>
  2105. {/block:Quote}
  2106.  
  2107. {block:Link}
  2108. <div class="link"><span class="lnr lnr-link"></span><a href="{URL}">{Name}</a></div>
  2109. {block:Description}
  2110. <div class="caption">{Body}</div>
  2111. {block:ifnotdashboardstyleblockquotes}
  2112. <div class="text">{Description}</div>
  2113. {/block:ifnotdashboardstyleblockquotes}
  2114. {/block:Description}
  2115. {/block:Link}
  2116.  
  2117. {block:Audio}
  2118. <div class="audiop">
  2119. <table style="width:100%">
  2120. <td>
  2121. <div class="audiowrapper">
  2122. <div class="playbox">
  2123. <div class="playbutton">{block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}</div></div>
  2124. {block:AlbumArt}
  2125. <div class="audioimgwrapper"><img src="{AlbumArtURL}">
  2126. {/block:AlbumArt}
  2127. </div>
  2128. </td>
  2129.  
  2130. <td>
  2131. <div class="trackdetails">
  2132. <div class="track"><span class="lnr lnr-music-note"></span>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}</div>
  2133. <div class="artist">{block:Artist}<i>― {Artist}</i>{/block:Artist}</div>
  2134. </div>
  2135. {/block:AudioPlayer}
  2136. </div>
  2137. </td>
  2138. </table>
  2139. </div>
  2140. {/block:Audio}
  2141.  
  2142. {block:Video}
  2143. <div class="videop">
  2144. <div class="video">{Video-500}</div>
  2145. </div>
  2146. {/block:Video}
  2147.  
  2148. {block:Chat}
  2149. {block:Title}<div class="title">{Title}</div>{/block:Title}
  2150. <div class="chatp">
  2151. <div class="chat">{block:Lines}<div class="line">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  2152. {Line}</div>{/block:Lines}</div>
  2153. </div>
  2154. {/block:Chat}
  2155.  
  2156. {block:Answer}
  2157. <div class="askp">
  2158. <img src="{AskerPortraitURL-48}" align="left" style="margin-left: 15px; border-radius:100%;">
  2159. <div class="question">
  2160. <div id="asker"><b>{Asker} asked:</b></div>
  2161. {Question}&nbsp;</div>
  2162. </div>
  2163. <div class="caption" style="text-align:justify;">{Answer}</div>
  2164. {block:ifnotdashboardstyleblockquotes}
  2165. <div class="answer">{Answer}</div>
  2166. {/block:ifnotdashboardstyleblockquotes}
  2167. {/block:Answer}
  2168.  
  2169. {block:IfShowCaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  2170. {block:IfnotShowCaptions}
  2171. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfnotShowCaptions}
  2172.  
  2173. {block:IndexPage}
  2174. <div id="info"> <!--Permalink and Notes-->
  2175. {block:Date}<span class="lnr lnr-clock"></span> <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero}, {Year}">{TimeAgo}</a>{/block:Date}
  2176.  
  2177. <div class="likereblog" style="float:right; padding-top:0px;">
  2178. <div class="controls">
  2179. <a href="{ReblogURL}" target="_blank" title="reblog this post" class="reblog">
  2180. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333    c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5    s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733    C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617    c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6    c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  2181. </a>
  2182. <a href="#" title="like this post" class="like">{LikeButton}
  2183. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95    c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1    c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1    c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z     M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4    c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5    c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767    c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45    c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  2184. </a>
  2185. </div>
  2186. </div>
  2187. </div>
  2188.  <!--Post Tags-->
  2189. {block:ifShowTags}{block:HasTags}<div id="tag">{block:Tags}
  2190. <a href="{TagURL}"><span class="lnr lnr-tag"></span>{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifShowTags}
  2191. {/block:ifnotGridPosts} <!--Post Tags-->
  2192. {/block:IndexPage} <!--Permalink and Notes-->
  2193. </div> <!--CONTENT-->
  2194.  
  2195. {block:PermalinkPage} <!--PERMALINK PAGE-->
  2196. {block:Date}
  2197. <div id="perma">
  2198. Posted {ShortMonth} {DayOfMonthWithZero}, {Year} @ {12Hour} {AmPm}
  2199. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom}
  2200. <br>
  2201. <a href="{ReblogParentURL}">via: {ReblogParentName}</a> +
  2202. <a href="{ReblogRootURL}">source: {ReblogRootName}</a>
  2203. {/block:RebloggedFrom}
  2204. <br>
  2205. {block:HasTags}{block:Tags}<a href="{TagURL}" title="Tagged as">#{Tag}</a> {/block:Tags}{/block:HasTags}
  2206. </div>  
  2207.  
  2208. {block:PostNotes}
  2209. {PostNotes}
  2210. {/block:PostNotes}
  2211. {/block:Date}
  2212. {/block:PermalinkPage}
  2213. {/block:Posts} <!--PERMALINK PAGE-->
  2214.  
  2215. <div id="foot"> <!--PAGINATION/CREDIT BAR-->
  2216. <!--pagination-->
  2217. <div id="pagination">
  2218.  
  2219. {block:Pagination}
  2220. {block:PreviousPage}
  2221. <a href="{PreviousPage}">Back</a>
  2222. {/block:PreviousPage}
  2223.  
  2224. {block:JumpPagination length="5"}
  2225.  
  2226. {block:CurrentPage}
  2227. <a href="#" style="background:#fff; color:#660066;"><span class="current_page">{CurrentPage}</a></span></a>
  2228. {/block:CurrentPage}
  2229.  
  2230. {block:JumpPage}
  2231. <a class="jump_page" href="{URL}">{PageNumber}</a>
  2232. {/block:JumpPage}
  2233. {/block:JumpPagination}
  2234.  
  2235. {block:NextPage}
  2236. <a href="{NextPage}">Next</a>
  2237. {/block:NextPage}
  2238.  
  2239. {/block:Pagination}
  2240.  
  2241. </div>
  2242. <!--pagination-->
  2243. <div id="cred">Designed by erosthemes @ tumblr</div>
  2244. <br>
  2245. <center>{text:disclaimer text}</center>
  2246. </div> <!--PAGINATION BAR-->
  2247. </div> <!--CONTAINER-->
  2248.  
  2249. <!--Pixel Union photosets script-->
  2250. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  2251. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  2252. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  2253. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  2254. <!--Pixel Union photosets script-->
  2255. <!--Un-nest Tumblr Captions by Neothm @ Tumnlr & Magnusthemes @ tumblr-->
  2256. <script src="http://static.tumblr.com/wgg6svp/P0Sofxcrj/unnest.min.js"></script>
  2257. <!--Un-nest Tumblr Captions by Neothm @ Tumnlr & Magnusthemes @ tumblr-->
  2258. <script>
  2259. $(document).ready(function(){
  2260.    $('.photo-slideshow').pxuPhotoset({
  2261.        lightbox: true,
  2262.        rounded: false,
  2263.        gutter: '{select:photoset gutter}px',
  2264.        borderRadius: '0px',
  2265.        photoset: '.photo-slideshow',
  2266.        photoWrap: '.photo-data',
  2267.        photo: '.pxu-photo'
  2268.    });
  2269.     {block:ifdashboardblockquotes}
  2270.     $('.posts').unnest({
  2271.      yourCaption: ".caption",
  2272.      wrapName: ".tumblr_parent",
  2273.      newCaptionUsername: true,
  2274.      originalPostCaptionUsername: true,
  2275.      tumblrAvatars: true,
  2276.      tumblrAvatarClass: ".tumblr_avatar",
  2277.      usernameColon: false });
  2278.     {/block:ifdashboardblockquotes}
  2279. });
  2280. </script>
  2281.  
  2282. </body> <!--END-->
  2283. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!