nephiliums

Moonlight (Fansite)

Jul 20th, 2016
536
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.48 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7. <!-----------theme by iristhms@tumblr---------------------->
  8.  
  9.  
  10. <!--------default variables-------->
  11. <meta name="color:background" content="#fafafa"/>
  12. <meta name="color:text" content="#333333"/>
  13. <meta name="color:title" content="#333333"/>
  14. <meta name="color:description" content="#333333"/>
  15. <meta name="color:links" content="#5b5b5b"/>
  16. <meta name="color:links hover" content="#c9c9c9"/>
  17. <meta name="color:box" content="#fff">
  18. <meta name="color:post background" content="#fff">
  19. <meta name="color:border" content="#f5f5f5">
  20.  
  21. <meta name="image:header" content=""/>
  22. <meta name="image:profile" content=""/>
  23. <meta name="image:affiliate 1" content=""/>
  24. <meta name="image:affiliate 2" content=""/>
  25. <meta name="image:affiliate 3" content=""/>
  26. <meta name="image:affiliate 4" content=""/>
  27. <meta name="image:affiliate 5" content=""/>
  28. <meta name="image:affiliate 6" content=""/>
  29. <meta name="image:affiliate 7" content=""/>
  30. <meta name="image:affiliate 8" content=""/>
  31.  
  32.  
  33. <meta name="text:home title" content="home">
  34. <meta name="text:home url" content="/">
  35. <meta name="text:ask title" content="ask">
  36. <meta name="text:ask text" content="Please keep your question curteous!">
  37. <meta name="text:archive title" content="archive">
  38. <meta name="text:archive url" content="/archive">
  39. <meta name="text:menu title" content="links ↓">
  40. <meta name="text:link 1 title" content="link">
  41. <meta name="text:link 1 url" content="/">
  42. <meta name="text:link 2 title" content="link">
  43. <meta name="text:link 2 url" content="/">
  44. <meta name="text:link 3 title" content="link">
  45. <meta name="text:link 3 url" content="/">
  46. <meta name="text:link 4 title" content="link">
  47. <meta name="text:link 4 url" content="/">
  48. <meta name="text:link 5 title" content="link">
  49. <meta name="text:link 5 url" content="/">
  50. <meta name="text:link 6 title" content="link">
  51. <meta name="text:link 6 url" content="/">
  52.  
  53. <meta name="text:box 1 title" content="Profile">
  54. <meta name="text:box 1" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Facit igitur Lucius noster prudenter, qui audire de summo bono potissimum velit;">
  55. <meta name="text:box 2 title" content="Navigation">
  56. <meta name="text:link 7 title" content="link">
  57. <meta name="text:link 7 url" content=" ">
  58. <meta name="text:link 8 title" content="link">
  59. <meta name="text:link 8 url" content=" ">
  60. <meta name="text:link 9 title" content="link">
  61. <meta name="text:link 9 url" content=" ">
  62. <meta name="text:link 10 title" content="link">
  63. <meta name="text:link 10 url" content="/">
  64. <meta name="text:link 11 title" content="link">
  65. <meta name="text:link 11 url" content="/">
  66. <meta name="text:box 3 title" content="Info">
  67. <meta name="text:box 3" content="Put established date and hit/online counter here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Facit igitur Lucius noster prudenter, qui audire de summo bono potissimum velit;">
  68. <meta name="text:box 4 title" content="Events">
  69. <meta name="text:event 1" content="<b>Date:</b>&nbsp&nbsp&nbsp&nbsp Name">
  70. <meta name="text:event 2" content="<b>Date:</b>&nbsp&nbsp&nbsp&nbsp Name">
  71. <meta name="text:event 3" content="<b>Date:</b>&nbsp&nbsp&nbsp&nbsp Name">
  72. <meta name="text:event 4" content="<b>Date:</b>&nbsp&nbsp&nbsp&nbsp Name">
  73. <meta name="text:event 5" content="<b>Date:</b>&nbsp&nbsp&nbsp&nbsp Name">
  74. <meta name="text:event 1 link" content="/">
  75. <meta name="text:event 2 link" content="/">
  76. <meta name="text:event 3 link" content="/">
  77. <meta name="text:event 4 link" content="/">
  78. <meta name="text:event 5 link" content="/">
  79. <meta name="text:box 5 title" content="Affiliates">
  80.  
  81. <meta name="text:Affiliate 1 title" content="Name">
  82. <meta name="text:Affiliate 2 title" content="Name">
  83. <meta name="text:Affiliate 3 title" content="Name">
  84. <meta name="text:Affiliate 4 title" content="Name">
  85. <meta name="text:Affiliate 5 title" content="Name">
  86.  
  87. <meta name="text:Affiliate 1 url" content="/">
  88. <meta name="text:Affiliate 2 url" content="/">
  89. <meta name="text:Affiliate 3 url" content="/">
  90. <meta name="text:Affiliate 4 url" content="/">
  91. <meta name="text:Affiliate 5 url" content="/">
  92.  
  93.  
  94. <meta name="if:infinite scroll" content="1" />
  95. <meta name="if:search" content="1" />
  96. <meta name="if:300px" content="1" />
  97. <meta name="if:400px" content="1" />
  98. <meta name="if:500px" content="1" />
  99. <meta name="if:show captions" content="1" />
  100. <meta name="if:show home" content="1" />
  101. <meta name="if:show ask" content="1" />
  102. <meta name="if:show archive" content="1" />
  103. <meta name="if:show link 1" content="1" />
  104. <meta name="if:show link 2" content="1" />
  105. <meta name="if:show link 3" content="1" />
  106. <meta name="if:show link 4" content="1" />
  107. <meta name="if:show link 5" content="1" />
  108. <meta name="if:show link 6" content="1" />
  109. <meta name="if:shadow" content="1" />
  110.  
  111.  
  112.  
  113. <!------------------------TOOLTIPS SCRIPT--------------------->
  114.  
  115. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  116. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  117. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  118. <script>
  119. (function($){
  120. $(document).ready(function(){
  121. $("[title]").style_my_tooltips({
  122. tip_follows_cursor:true,
  123. tip_delay_time:200,
  124. tip_fade_speed:300
  125. });
  126. });
  127. })(jQuery);
  128. </script>
  129.  
  130.  
  131. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  132. <!-------------------------------------------------------------------->
  133.  
  134. <style type="text/css">
  135.  
  136. /* tooltips */
  137.  
  138. #s-m-t-tooltip {
  139. max-width:210px;
  140. margin-top:25px;
  141. margin-left:15px;
  142. padding:2px 5px;
  143. z-index:999999;
  144. background:#fff;
  145. color:{color:text};
  146. z-index:999999;
  147. font-size:7px;
  148. line-height:10px;
  149. font-style:none;
  150. font-weight:lighter;
  151. letter-spacing:2px;
  152. font-family:'trebuchet ms';
  153. text-transform:uppercase;
  154. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  155. opacity:0.5;
  156. }
  157.  
  158. #tumblr_controls, .tmblr-iframe {
  159. position:fixed!important;
  160. opacity:.27!important;
  161. -webkit-filter:invert(100%);
  162. -webkit-backface-visibility:hidden;
  163. -moz-box-sizing:content-box;
  164. box-sizing:content-box;
  165. padding:2px;
  166. }
  167.  
  168. ::selection {background:#eee;color:#fff;text-shadow:none;}
  169. ::-o-selection {background:#eee;color:#fff;text-shadow:none;}
  170. ::-moz-selection {background:#eee;color:#fff;text-shadow:none;}
  171.  
  172.  
  173.  
  174. /* Scroll */
  175.  
  176. ::-webkit-scrollbar {
  177. width:13px;
  178. height:17px;
  179. }
  180. ::-webkit-scrollbar {
  181. background-color:#fff;
  182. }
  183. ::-webkit-scrollbar-track {
  184. border:8px solid#fff;
  185. background-color: #eee;
  186. }
  187. ::-webkit-scrollbar-thumb {
  188. border:6px solid #fff;
  189. background-color:#dbdbdb;
  190. }
  191.  
  192.  
  193. /* basics */
  194.  
  195.  
  196. body {
  197. background:{color:background} url({image:background image}) repeat right top fixed;
  198. color:{color:text};
  199. font-family:'karla',sans-serif;
  200. line-height:15px;
  201. font-size:10px;
  202. margin:0;
  203. text-align:left;
  204. }
  205.  
  206. blockquote {
  207. padding-left:10px;
  208. border-left:1px solid;
  209. border-color:#eeeeee;
  210. margin:10px;
  211. }
  212.  
  213. a {
  214. color:{color:links};
  215. text-decoration:none;
  216. }
  217.  
  218. a:hover {
  219. text-decoration:none;
  220. color: {color:links hover};
  221. -webkit-transition:all 0.5s;
  222. -moz-transition:all 0.5s;
  223. -ms-transition:all 0.5s;
  224. -o-transition:all 0.5s;
  225. transition:all 0.5s;
  226. }
  227.  
  228. img {
  229. opacity:1;
  230. text-decoration:none;
  231. height:auto;
  232. }
  233.  
  234. h1 {
  235. font-size:11px;
  236. font-weight:bold;
  237. }
  238.  
  239.  
  240.  
  241.  
  242. /* posts */
  243.  
  244. .container {
  245. left:20%;
  246. {block:if300px}
  247. width:300px;
  248. {/block:if300px}
  249. {block:if400px}
  250. width:400px;
  251. {/block:if400px}
  252. {block:if500px}
  253. width:500px;
  254. {/block:if500px}
  255. position:absolute;
  256.  
  257. }
  258.  
  259. .posts {
  260. {block:IndexPage}
  261. margin-bottom:70px;
  262. {/block:IndexPage}
  263. {block:PermalinkPage}
  264. margin-bottom:20px;
  265. {/block:PermalinkPage}
  266. {block:if300px}
  267. width:300px;
  268. {/block:if300px}
  269. {block:if400px}
  270. width:400px;
  271. {/block:if400px}
  272. {block:if500px}
  273. width:500px;
  274. {/block:if500px}
  275. padding-top:25px;
  276. background:{color:post background};
  277. padding:10px;
  278. {block:ifshadow}
  279. -moz-box-shadow: inset -1px -1px 1px #eee;
  280. -webkit-box-shadow: inset -1px 1px #888;
  281. box-shadow: inset -1px -1px 1px #eee;
  282. {/block:ifshadow}
  283. border:1px solid {color:border};
  284.  
  285. }
  286.  
  287. .entries {
  288. margin-left:-60px;
  289. {block:if300px}
  290. width:300px;
  291. {/block:if300px}
  292. {block:if400px}
  293. width:400px;
  294. {/block:if400px}
  295. {block:if500px}
  296. width:500px;
  297. {/block:if500px}
  298. margin-top:-250px;
  299. {block:permalinkpage}
  300. margin-top:-530px;
  301. {/block:permalinkpage}
  302. margin-bottom:50px;
  303. position:absolute;
  304.  
  305. }
  306.  
  307. .posts img, .posts li, .posts blockquote {
  308. max-width: 100%;
  309.  
  310.  
  311. }
  312.  
  313.  
  314. .posts li {
  315. list-style: square;
  316.  
  317. }
  318.  
  319. blockquote img {
  320. max-width:320px!important;
  321. }
  322.  
  323.  
  324. /* post info */
  325.  
  326.  
  327.  
  328. #info {
  329. font-size:8px;
  330. {block:if300px}
  331. width:300px;
  332. {/block:if300px}
  333. {block:if400px}
  334. width:400px;
  335. {/block:if400px}
  336. {block:if500px}
  337. width:500px;
  338. {/block:if500px}
  339. position:relative;
  340. text-transform:uppercase;
  341. border-top:1px solid #eee;
  342. letter-spacing:1px;
  343. margin-top:10px;
  344. padding-top:10px;
  345. -webkit-transition: all 0.4s ease-in-out;
  346. -moz-transition: all 0.4s ease-in-out;
  347. -o-transition: all 0.4s ease-in-out;
  348. }
  349.  
  350. #info a {
  351. display:inline;
  352. margin:5px 0;
  353. border:0;
  354. }
  355.  
  356. #permalink {margin-top:15px;}
  357.  
  358. #permalink a {
  359. display:inline;
  360. border:0;
  361. margin-right:5px;
  362. }
  363.  
  364. #permalink a:hover {color:{color:link hover};}
  365.  
  366. #permalink span {display:inline;}
  367.  
  368. .tags {
  369. margin-top:5px;
  370. font-size:8px;
  371. letter-spacing:1px;
  372. font-style:italic;
  373. -webkit-transition: all .6s ease-in-out;
  374. -moz-transition: all .6s ease-in-out;
  375. -ms-transition: all .6s ease-in-out;
  376. -o-transition: all .6s ease-in-out;
  377. transition: all .6s ease-in-out;
  378. }
  379.  
  380. .tags a {
  381. margin-right:8px;
  382. }
  383.  
  384. /* post notes */
  385.  
  386.  
  387. .perma2 {
  388. color:{color:PermaText};
  389. font-family:calibri, arial, sans-serif;
  390. font-size:8px;
  391. text-transform:uppercase;
  392. line-height:14px;
  393. letter-spacing:1px;
  394. padding-bottom:15px;
  395. border-bottom:1px solid {color:Border};
  396. }
  397. ol.notes {
  398. height:500px;
  399. {block:if300px}
  400. width:300px;
  401. {/block:if300px}
  402. {block:if400px}
  403. width:400px;
  404. {/block:if400px}
  405. {block:if500px}
  406. width:500px;
  407. {/block:if500px}
  408. overflow:auto;
  409. margin-top:50px;
  410. list-style-type:none;
  411. text-align:left;
  412. }
  413.  
  414. li.note {
  415. background:{color:NoteBackground};
  416. color:{color:NoteText};
  417. font-family:calibri, arial, sans-serif;
  418. font-size:8px;
  419. text-transform:uppercase;
  420. line-height:10px;
  421. letter-spacing:1px;
  422. }
  423.  
  424. ol.notes li.note {
  425. padding:10px;
  426. }
  427.  
  428. ol.notes li.note img.avatar {
  429. vertical-align:-4px;
  430. margin-right:10px;
  431. width:16px;
  432. height:16px;
  433. }
  434.  
  435. ol.notes li.note span.action {
  436. font-weight:none;
  437. }
  438.  
  439. ol.notes li.note .answer_content {
  440. font-weight:normal;
  441. }
  442.  
  443. ol.notes li.note blockquote {
  444. padding:4px 10px;
  445. margin:10px 0px 0px 25px;
  446. }
  447.  
  448. ol.notes li.note blockquote a {
  449. text-decoration:none;
  450. }
  451.  
  452. img.avatar { display:none; }
  453.  
  454. /* header */
  455.  
  456. .header{
  457. position:relative;
  458. height:100vh;
  459. background:url('{image:header}') no-repeat;
  460. background-size:cover;
  461. {block:permalinkpage}
  462. top:-300px;
  463. {/block:permalinkpage}
  464. }
  465.  
  466.  
  467. .headerbox{
  468. {block:indexpage}
  469. position:absolute;
  470. right:10px;
  471. bottom:60px;
  472. width:auto;
  473. height:auto;
  474. {/block:indexpage}
  475.  
  476. }
  477.  
  478. .title {
  479. position:relative;
  480. margin-top:20px;
  481. letter-spacing:2px;
  482. margin-left:auto;
  483. margin-right:auto;
  484. padding-bottom:30px;
  485. font-size:50px;
  486. text-transform:uppercase;
  487. font-weight:bold;
  488. width:400px;
  489. height:auto;
  490. text-align:right;
  491. color:{color:title};
  492. border-bottom:1px solid {color:description};
  493.  
  494. }
  495.  
  496.  
  497.  
  498. .description {
  499. {block:indexpage}
  500. width:300px;
  501. left:100px;
  502. text-align:right;
  503. position:relative;
  504. color:{color:description};
  505. letter-spacing:0.5px;
  506. margin-top:20px;
  507. {/block:indexpage}
  508. }
  509.  
  510. .links a {
  511. padding:5px;
  512. }
  513.  
  514. .hidden {
  515. height:0px;
  516. overflow:hidden;
  517. -webkit-transition: all 1s ease-out;
  518. -moz-transition: all 1s ease-out;
  519. -o-transition: all 1s ease-out;
  520. }
  521.  
  522.  
  523. .blockquote {
  524. border-left: 1px solid {color:Light Accents};
  525. margin-left: 6px;
  526. padding-left: 10px;
  527. line-height:15px;
  528. }
  529.  
  530. /* topbar */
  531.  
  532. .topbar {
  533. position:fixed;
  534. top:0px;
  535. left:0px;
  536. width:100%;
  537. height:40px;
  538. font-size:12px;
  539. text-align:left;
  540. word-spacing:50px;
  541. letter-spacing:1px;
  542. text-transform:uppercase;
  543. font-weight:bold;
  544. background:#fff;
  545. opacity:0.7;
  546. display:inline;
  547. }
  548.  
  549.  
  550.  
  551. /* boxes */
  552. .box1title {
  553. position:relative;
  554. height:auto;
  555. width:200px;
  556. background-color:{color:box};
  557. left:70%;
  558. {block:indexpage}
  559. top:100vh;
  560. transform: translate(0, 100px);
  561. {/block:indexpage}
  562. {block:permalinkpage}
  563. top:100vh;
  564. transform: translate(0, 0px);
  565. {/block:permalinkpage}
  566. padding:10px;
  567. font-size:12px;
  568. text-transform:uppercase;
  569. letter-spacing:1px;
  570. border:1px solid {color:border};
  571. border-radius:5px;
  572. {block:ifshadow}
  573. -moz-box-shadow: inset -1px -1px 1px #eee;
  574. -webkit-box-shadow: inset -1px 1px #888;
  575. box-shadow: inset -1px -1px 0px #eee;
  576. {/block:ifshadow}
  577. }
  578. .box1 {
  579. position:relative;
  580. height:auto;
  581. width:200px;
  582. background-color:{color:box};
  583. left:70%;
  584. top:100vh;
  585. transform: translate(0, 110px);
  586. {block:permalinkpage}
  587. top:100vh;
  588. transform: translate(0, 10px);
  589. {/block:permalinkpage}
  590. padding:10px;
  591. font-size:10px;
  592. border:1px solid {color:border};
  593. border-radius:5px;
  594. letter-spacing:0.5px;
  595. {block:ifshadow}
  596. -moz-box-shadow: inset -1px -1px 1px #eee;
  597. -webkit-box-shadow: inset -1px 1px #888;
  598. box-shadow: inset -1px -1px 0px #eee;
  599. {/block:ifshadow}
  600. }
  601.  
  602. .box1 img{
  603. width:200px;
  604. }
  605.  
  606. .box2title {
  607. position:relative;
  608. letter-spacing:1px;
  609. height:auto;
  610. width:200px;
  611. background-color:{color:box};
  612. left:70%;
  613. top:100vh;
  614. transform: translate(0, 180px);
  615. {block:permalinkpage}
  616. top:100vh;
  617. transform: translate(0, 80px);
  618. {/block:permalinkpage}
  619. padding:10px;
  620. font-size:12px;
  621. text-transform:uppercase;
  622. border:1px solid {color:border};
  623. border-radius:5px;
  624. {block:ifshadow}
  625. -moz-box-shadow: inset -1px -1px 1px #eee;
  626. -webkit-box-shadow: inset -1px 1px #888;
  627. box-shadow: inset -1px -1px 0px #eee;
  628. {/block:ifshadow}
  629.  
  630. }
  631.  
  632. .box2 {
  633. position:relative;
  634. letter-spacing:0.5px;
  635. height:auto;
  636. width:200px;
  637. background-color:{color:box};
  638. left:70%;
  639. top:100vh;
  640. transform: translate(0, 190px);
  641. {block:permalinkpage}
  642. top:100vh;
  643. transform: translate(0, 90px);
  644. {/block:permalinkpage}
  645. padding:10px;
  646. font-size:10px;
  647. border:1px solid {color:border};
  648. border-radius:5px;
  649. letter-spacing:0.5px;
  650. {block:ifshadow}
  651. -moz-box-shadow: inset -1px -1px 1px #eee;
  652. -webkit-box-shadow: inset -1px 1px #888;
  653. box-shadow: inset -1px -1px 0px #eee;
  654. {/block:ifshadow}
  655. }
  656.  
  657. .box3title {
  658. position:relative;
  659. height:auto;
  660. width:200px;
  661. background-color:{color:box};
  662. left:70%;
  663. top:100vh;
  664. transform: translate(0, 260px);
  665. {block:permalinkpage}
  666. top:100vh;
  667. transform: translate(0, 160px);
  668. {/block:permalinkpage}
  669. padding:10px;
  670. font-size:12px;
  671. text-transform:uppercase;
  672. letter-spacing:1px;
  673. border:1px solid {color:border};
  674. border-radius:5px;
  675. {block:ifshadow}
  676. -moz-box-shadow: inset -1px -1px 1px #eee;
  677. -webkit-box-shadow: inset -1px 1px #888;
  678. box-shadow: inset -1px -1px 0px #eee;
  679. {/block:ifshadow}
  680.  
  681. }
  682.  
  683. .box3 {
  684. position:relative;
  685. letter-spacing:0.5px;
  686. height:auto;
  687. width:200px;
  688. background-color:{color:box};
  689. left:70%;
  690. top:100vh;
  691. transform: translate(0, 270px);
  692. {block:permalinkpage}
  693. top:100vh;
  694. transform: translate(0, 170px);
  695. {/block:permalinkpage}
  696. padding:10px;
  697. font-size:10px;
  698. border-radius:5px;
  699. border:1px solid {color:border};
  700. {block:ifshadow}
  701. -moz-box-shadow: inset -1px -1px 1px #eee;
  702. -webkit-box-shadow: inset -1px 1px #888;
  703. box-shadow: inset -1px -1px 0px #eee;
  704. {/block:ifshadow}
  705. letter-spacing:0.5px;
  706. }
  707.  
  708. .box4title {
  709. position:relative;
  710. letter-spacing:1px;
  711. height:auto;
  712. width:200px;
  713. background-color:{color:box};
  714. left:70%;
  715. top:100vh;
  716. transform: translate(0, 340px);
  717. {block:permalinkpage}
  718. top:100vh;
  719. transform: translate(0, 240px);
  720. {/block:permalinkpage}
  721. padding:10px;
  722. font-size:12px;
  723. text-transform:uppercase;
  724. border:1px solid {color:border};
  725. border-radius:5px;
  726. {block:ifshadow}
  727. -moz-box-shadow: inset -1px -1px 1px #eee;
  728. -webkit-box-shadow: inset -1px 1px #888;
  729. box-shadow: inset -1px -1px 0px #eee;
  730. {/block:ifshadow}
  731. }
  732.  
  733. .box4 {
  734. position:relative;
  735. letter-spacing:0.5px;
  736. height:auto;
  737. width:200px;
  738. background-color:{color:box};
  739. left:70%;
  740. top:100vh;
  741. transform: translate(0, 350px);
  742. {block:permalinkpage}
  743. top:100vh;
  744. transform: translate(0, 250px);
  745. {/block:permalinkpage}
  746. padding:10px;
  747. font-size:10px;
  748. border-radius:5px;
  749. border:1px solid {color:border};
  750. letter-spacing:0.5px;
  751. {block:ifshadow}
  752. -moz-box-shadow: inset -1px -1px 1px #eee;
  753. -webkit-box-shadow: inset -1px 1px #888;
  754. box-shadow: inset -1px -1px 0px #eee;
  755. {/block:ifshadow}
  756. }
  757.  
  758. .box5title {
  759. position:relative;
  760. letter-spacing:1px;
  761. height:auto;
  762. width:200px;
  763. background-color:{color:box};
  764. left:70%;
  765. top:100vh;
  766. transform: translate(0, 420px);
  767. {block:permalinkpage}
  768. top:100vh;
  769. transform: translate(0, 320px);
  770. {/block:permalinkpage}
  771. padding:10px;
  772. font-size:12px;
  773. text-transform:uppercase;
  774. border:1px solid {color:border};
  775. border-radius:5px;
  776. {block:ifshadow}
  777. -moz-box-shadow: inset -1px -1px 1px #eee;
  778. -webkit-box-shadow: inset -1px 1px #888;
  779. box-shadow: inset -1px -1px 0px #eee;
  780. {/block:ifshadow}
  781. }
  782.  
  783. .box5 {
  784. position:relative;
  785. height:auto;
  786. width:200px;
  787. background-color:{color:box};
  788. left:70%;
  789. top:100vh;
  790. transform: translate(0, 430px);
  791. {block:permalinkpage}
  792. top:100vh;
  793. transform: translate(0, 330px);
  794. margin-bottom:200px;
  795. {/block:permalinkpage}
  796. padding:10px;
  797. font-size:10px;
  798. border-radius:5px;
  799. border:1px solid {color:border};
  800. {block:ifshadow}
  801. -moz-box-shadow: inset -1px -1px 1px #eee;
  802. -webkit-box-shadow: inset -1px 1px #888;
  803. box-shadow: inset -1px -1px 0px #eee;
  804. {/block:ifshadow}
  805. }
  806.  
  807. .box5 img{
  808. width:42px;
  809. }
  810.  
  811. /* footer */
  812. .footer {
  813. position:fixed;
  814. left:0px;
  815. bottom:0px;
  816. width:100%;
  817. height:30px;
  818. background-color:#fff;
  819. font-size:12px;
  820. text-align:center;
  821. word-spacing:50px;
  822. text-transform:uppercase;
  823. {block:permalinkpage}
  824. display:none;
  825. {/block:permalinkpage}
  826. }
  827.  
  828. {block:ifnotinfinitescroll}
  829. .pagination {
  830. text-transform:uppercase;
  831. word-spacing:3px;
  832. font-size:8px;
  833. letter-spacing:1px;
  834. margin-top:0px;
  835. text-align:center;
  836. padding-top:10px;
  837.  
  838. }
  839. {/block:ifnotinfinitescroll}
  840.  
  841. /* quotes */
  842.  
  843. .quote {
  844. font-size:12px;
  845. font-weight:bold;
  846. text-align:center;
  847. }
  848.  
  849. .quotesource {
  850. text-align:center;
  851. margin-top:10px;
  852. }
  853.  
  854. /* chat */
  855.  
  856. .chat {
  857. line-height:20px;
  858. list-style:none;
  859. }
  860.  
  861. .line.odd {
  862. background:#fafafa;
  863. color:#000;
  864. padding:10px;
  865. padding-bottom:25px;
  866. font-size:10px;
  867. margin-left:0px;
  868. {block:if300px}
  869. width:270px;
  870. {/block:if300px}
  871. {block:if400px}
  872. width:370px;
  873. {/block:if400px}
  874. {block:if500px}
  875. width:470px;
  876. {/block:if500px}
  877. list-style:none;
  878.  
  879. }
  880.  
  881. .line.even {
  882. background:#ffffff;
  883. color:#000;
  884. padding:10px;
  885. padding-bottom:25px;
  886. margin-left:0px;
  887. list-style:none;
  888. font-size:10px;
  889. {block:if300px}
  890. width:270px;
  891. {/block:if300px}
  892. {block:if400px}
  893. width:370px;
  894. {/block:if400px}
  895. {block:if500px}
  896. width:470px;
  897. {/block:if500px}
  898. }
  899.  
  900. .label {
  901. font-weight:bold;
  902. color:{color:links};
  903. }
  904. /* questions */
  905.  
  906. .question {
  907. background:#fafafa;
  908. padding:10px;
  909.  
  910. }
  911.  
  912. .asker {
  913. text-transform:uppercase;
  914. }
  915.  
  916. .answer {
  917. padding:10px;
  918. margin-top:-15px;
  919. }
  920.  
  921. /* audio */
  922.  
  923. .playerbutton {
  924. position:relative;
  925. {block:if300px}
  926. width:280px;
  927. {/block:if300px}
  928. {block:if400px}
  929. width:380px;
  930. {/block:if400px}
  931. {block:if500px}
  932. width:480px;
  933. {/block:if500px}
  934. height:30px;
  935. overflow:hidden;
  936.  
  937. }
  938.  
  939. .playerbuttonhug {
  940. position: absolute;
  941. top:-7px;
  942. left:2px;
  943. }
  944.  
  945. .tumblr_audio_player {
  946. height:50px;
  947. width:500px;
  948. }
  949.  
  950. .playerbuttonbg {
  951. position:absolute;
  952. {block:if300px}
  953. width:280px;
  954. {/block:if300px}
  955. {block:if400px}
  956. width:380px;
  957. {/block:if400px}
  958. {block:if500px}
  959. width:480px;
  960. {/block:if500px}
  961. height:35px;
  962. background-color:#e4e4e4;
  963. padding:10px;
  964.  
  965. }
  966.  
  967. .trackdetails {
  968. width:200px;
  969. display:inline-block;
  970. margin-left:0px;
  971. margin-top:60px;
  972. font-size:10px;
  973. letter-spacing:1px;
  974. text-transform:lowercase;
  975. padding:5px;
  976. line-height:15px;
  977. }
  978.  
  979. .audiowrapper {
  980. position:relative;
  981. display:inline-block;
  982. }
  983.  
  984. /* search */
  985.  
  986. .search {
  987. position:fixed;
  988. bottom:5px;
  989. left:15px;
  990. z-index:10;
  991. text-align:left;
  992. letter-spacing:1px;
  993. padding:2px;
  994. {block:ifnotsearch}
  995. display:none;
  996. {/block:ifnotsearch}
  997.  
  998.  
  999. }
  1000.  
  1001. /* credit */
  1002.  
  1003. .credit {
  1004. font-size:10px;
  1005. position:fixed;
  1006. font-weight:bold;
  1007. bottom:5px;
  1008. right:15px;
  1009. z-index:10;
  1010. text-align:right;
  1011. letter-spacing:1px;
  1012. padding:2px;
  1013. }
  1014.  
  1015. .credit a {
  1016. color:{color:links};
  1017. text-decoration:none;
  1018. }
  1019.  
  1020. .credit a:hover {
  1021. color:{color:links hover};
  1022. text-decoration:none;
  1023. }
  1024.  
  1025. /* tumblr lightbox */
  1026.  
  1027. .vignette{
  1028. opacity:0;
  1029. }
  1030.  
  1031. .lightbox-image {
  1032. -moz-box-shadow:none!important;
  1033. -webkit-box-shadow:none!important;
  1034. box-shadow:none!important;
  1035. -moz-border-radius:0px!important;
  1036. -webkit-border-radius:0px!important;
  1037. border-radius:0px!important;
  1038. padding:0px!important;
  1039. margin:0px!important;
  1040. border:0!important;
  1041. opacity:1!important;
  1042. }
  1043.  
  1044. .tmblr-lightbox {
  1045. background-color:rgba(250,250,250,.95) !important;
  1046. }
  1047.  
  1048. .tmblr-lightbox img {opacity:0;}
  1049. }
  1050.  
  1051. .lightbox-caption{
  1052. visibility:hidden;
  1053. }
  1054.  
  1055. /* menu */
  1056. .links_list { width:150px;position:fixed;word-spacing:10px;background:#fff;padding:5px;left:350px;top:10px;}
  1057.  
  1058. .links_head { cursor:pointer; margin:1px; text-align:center;}
  1059.  
  1060. .links_body { text-align:left; color: #fff; display:none;}
  1061.  
  1062. .line { width:120px; height:1px; background:#eee;}
  1063.  
  1064. /* popup */
  1065. .popup_block{
  1066. display:none;
  1067. background:{color:post background};
  1068. padding:20px;
  1069. float:left;
  1070. position:fixed;
  1071. top:50%;left:50%;
  1072. z-index: 99999;
  1073.  
  1074. }
  1075.  
  1076.  
  1077. *html #fade {position: absolute;}
  1078. *html .popup_block {position: absolute;}
  1079. #fade {
  1080. display:none;
  1081. position:fixed;
  1082. left:0px;
  1083. top:0px;
  1084. width:100%;
  1085. height:100%;
  1086. z-index:9999;
  1087. background:#fff; /* change to #fff for solid white */
  1088. opacity:0.5; /* change to opacity:1; */
  1089. }
  1090.  
  1091.  
  1092. </style>
  1093.  
  1094.  
  1095. <script>
  1096. $(document).ready(function() {
  1097. //
  1098. $('a.poplight[href^=#]').click(function() {
  1099. var popID = $(this).attr('rel'); //Get Popup Name
  1100. var popURL = $(this).attr('href'); //Get Popup href to define size
  1101. var query= popURL.split('?');
  1102. var dim= query[1].split('&');
  1103. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1104. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  1105. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1106. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1107. //Apply Margin to Popup
  1108. $('#' + popID).css({
  1109. 'margin-top' : -popMargTop,
  1110. 'margin-left' : -popMargLeft
  1111. });
  1112. $('body').append('<div id="fade"></div>');
  1113. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  1114. return false;
  1115. });
  1116. $('a.close, #fade').live('click', function() {
  1117. $('#fade , .popup_block').fadeOut(function() {
  1118. $('#fade, a.close').remove(); //fade them both out
  1119. });
  1120. return false;
  1121. });
  1122. });
  1123. </script>
  1124.  
  1125.  
  1126. <script>
  1127. // photosets
  1128. $(document).ready(function(){
  1129. $('.photo-slideshow').pxuPhotoset({
  1130. lightbox: true,
  1131. rounded: false,
  1132. gutter: '3px',
  1133. borderRadius: '0px',
  1134. photoset: '.photo-slideshow',
  1135. photoWrap: '.photo-data',
  1136. photo: '.pxu-photo'
  1137. });
  1138.  
  1139. });
  1140.  
  1141.  
  1142. </script>
  1143.  
  1144. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1145. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  1146. <!--photosets-->
  1147. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  1148. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1149. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1150. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  1151.  
  1152. <script type="text/javascript">
  1153. <!--
  1154. function handleThis(formElm)
  1155. {
  1156. window.location="http://yourtumblrURLhere.tumblr.com/tagged/"+formElm.number.value+"";
  1157. return false;
  1158. }
  1159. // -->
  1160. </script>
  1161.  
  1162.  
  1163. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  1164. <script type="text/javascript">
  1165. $(document).ready(function(){
  1166. $(".links_body").hide();
  1167. $(".links_head").click(function(){
  1168. $(this).next(".links_body").slideToggle('medium');
  1169. }); }); </script>
  1170.  
  1171. {block:ifinfinitescroll}
  1172. <script src=
  1173. "http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js" type=
  1174. "text/javascript">
  1175. </script> {/block:ifinfinitescroll}
  1176.  
  1177. </head>
  1178.  
  1179. <body>
  1180.  
  1181.  
  1182. <div class="header">
  1183. <div class="headerbox">
  1184. <div class="title">{Title}</div>
  1185. <div class="description">{Description}</div>
  1186. </div>
  1187. <div class="box1title">{text:box 1 title}</div>
  1188. <div class="box1"><img src="{image:profile}"><p>{text:box 1}</div>
  1189. <div class="box2title">{text:box 2 title}</div>
  1190. <div class="box2">
  1191. <li> <a href="{text:link 7 url}">{text:link 7 title}</a><br> </li>
  1192. <li> <a href="{text:link 8 url}">{text:link 8 title}</a><br> </li>
  1193. <li> <a href="{text:link 9 url}">{text:link 9 title}</a><br> </li>
  1194. <li> <a href="{text:link 10 url}">{text:link 10 title}</a><br> </li>
  1195. <li> <a href="{text:link 11 url}">{text:link 11 title}</a> </li>
  1196. <p>
  1197.  
  1198.  
  1199. </div>
  1200. <div class="box3title">{text:box 3 title}</div>
  1201. <div class="box3">{text:box 3}<p><b>Theme by:</b> <a href="iristhms.tumblr.com">Iris</a></div>
  1202. <div class="box4title">{text:box 4 title}</div>
  1203. <div class="box4"><a href="{text:event 1 link}">{text:event 1}</a><p><a href="{text:event 2 link}">{text:event 2}</a><p><a href="{text:event 3 link}">{text:event 3}</a><p><a href="{text:event 4 link}">{text:event 4}</a><p><a href="{text:event 5 link}">{text:event 5}</a></div>
  1204. <div class="box5title">{text:box 5 title}</div>
  1205. <div class="box5">
  1206. <a href="{text:affiliate 1 url}" title="{text:affiliate 1 title}"><img src="{image:affiliate 1}"></a>&nbsp&nbsp&nbsp
  1207. <a href="{text:affiliate 2 url}" title="{text:affiliate 2 title}"><img src="{image:affiliate 2}"></a>&nbsp&nbsp&nbsp
  1208. <a href="{text:affiliate 3 url}" title="{text:affiliate 3 title}"><img src="{image:affiliate 3}"></a>&nbsp&nbsp&nbsp
  1209. <a href="{text:affiliate 4 url}" title="{text:affiliate 4 title}"><img src="{image:affiliate 4}"></a><br>
  1210. <a href="{text:affiliate 5 url}" title="{text:affiliate 5 title}"><img src="{image:affiliate 5}"></a>&nbsp&nbsp&nbsp
  1211. <a href="{text:affiliate 6 url}" title="{text:affiliate 6 title}"><img src="{image:affiliate 6}"></a>&nbsp&nbsp&nbsp
  1212. <a href="{text:affiliate 7 url}" title="{text:affiliate 7 title}"><img src="{image:affiliate 7}"></a>&nbsp&nbsp&nbsp
  1213. <a href="{text:affiliate 8 url}" title="{text:affiliate 8 title}"><img src="{image:affiliate 8}"></a>
  1214. </div>
  1215.  
  1216. <div id="box1" class="popup_block">
  1217. {text:ask text}<p>
  1218. <iframe frameborder="0" height="auto" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1219. </div>
  1220.  
  1221. {block:ifsearch}
  1222. <div class="search">
  1223. <form action="/search" method="get">
  1224. <input type="text" name="q" value="" style="width:100px; height:13px; background-color:#ffffff; color:{color:text}; font-size: 8px; border: 1px solid #eee;outline:none;"/>
  1225. <input type="submit" value="🔍 Search" style="text-transform:lowercase;font-size:10px; height:15px; font-family:'karla',sans-serif; border:none; background:none; color:{color:text}" /></form>
  1226. </div>
  1227. {/block:ifsearch}
  1228.  
  1229. <div class="credit">
  1230. <a title="theme" href="http://iristhms.tumblr.com/" target="_blank">i</a></div>
  1231. <div class="container">
  1232. <div class="entries"> <div class="autopagerize_page_element">
  1233. {block:Posts}
  1234. <div class="posts">
  1235.  
  1236.  
  1237.  
  1238.  
  1239. {block:Text}
  1240. <h1>{block:Title}{Title}{/block:Title}</h1>
  1241. {Body}{/block:Text}
  1242.  
  1243.  
  1244.  
  1245. {block:Photo}
  1246. <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">
  1247. <img src="{PhotoURL-HighRes}"></a>
  1248. {block:Caption}{Caption}{/block:Caption}
  1249.  
  1250.  
  1251. {/block:Photo}
  1252.  
  1253.  
  1254. {block:Photoset}
  1255. {Photoset}{block:ifShowCaptions}
  1256. {block:Caption}{Caption}{/block:Caption}
  1257. {/block:ifShowCaptions}
  1258. {/block:Photoset}
  1259.  
  1260.  
  1261. {block:Quote}
  1262. <div class="quote">"{Quote}"</div>
  1263. {block:Source}<div class="quotesource"> — {Source}</div>
  1264. {/block:Source}{/block:Quote}
  1265.  
  1266.  
  1267. {block:Link}
  1268. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1269. {block:Description}{Description}{/block:Description}
  1270. {/block:Link}
  1271.  
  1272.  
  1273. {block:Chat}
  1274. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  1275. {/block:Chat}
  1276.  
  1277.  
  1278.  
  1279. {block:Audio}
  1280. {block:AudioPlayer}
  1281. <div class="audiowrapper">
  1282. <div class="playerbuttonbg">
  1283. <div class="playerbutton">
  1284. <div class="playerbuttonhug">
  1285. <div class="audio_player" id="{PostID}">{AudioPlayerGrey}</div>
  1286. </div></div></div>
  1287.  
  1288. <div class="trackdetails">
  1289. {block:TrackName}<b><div style="text-transform:uppercase">{TrackName}</b></div>{/block:TrackName}<br>
  1290.  
  1291. <b>artist:</b>{block:Artist}{Artist}{/block:Artist}<br>
  1292.  
  1293. <b>PLAYS:</b> {FormattedPlayCount}</div></div>
  1294. {/block:AudioPlayer}
  1295.  
  1296.  
  1297. {block:Caption}
  1298. <div class="caption">{Caption}
  1299. </div>
  1300. {/block:Caption}
  1301. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{/block:permalinkpage}
  1302. {/block:Audio}
  1303.  
  1304. <div class="video">
  1305. {block:Video}
  1306. {Video-500}
  1307. {block:Caption}{Caption}{/block:Caption}
  1308. {/block:Video}
  1309. </div>
  1310.  
  1311. {block:Answer}
  1312. <div class="question">
  1313. <div class="asker"><b>{Asker} asked:</b></div>
  1314. {Question}</div><br>
  1315. <div class="answer">
  1316. {Answer}</div>
  1317. {/block:Answer}
  1318.  
  1319.  
  1320.  
  1321. <div id="info">
  1322. <a href="{Permalink}" target="_blank" >
  1323. {block:Date}<span class="date">{dayofmonth} {ShortMonth}&nbsp&nbsp&nbsp</span></a>{/block:Date}
  1324. {block:NoteCount}<a href="{permalink}">{NoteCountwithlabel}&nbsp&nbsp&nbsp</a>{/block:NoteCount}{block:RebloggedFrom}
  1325. {block:ContentSource}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">Via&nbsp&nbsp&nbsp</a>
  1326. {/block:ContentSource}
  1327. {/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank">Reblog</a>
  1328. </div>
  1329.  
  1330.  
  1331. {block:HasTags}
  1332. <div class="tags">
  1333. {block:Tags}
  1334. <a href="{TagURL}">#{Tag}</a>
  1335. {/block:Tags}
  1336. </div>
  1337. {/block:HasTags}
  1338.  
  1339. </div>
  1340.  
  1341.  
  1342. {block:PostNotes}
  1343. {PostNotes}
  1344. {/block:PostNotes}
  1345.  
  1346.  
  1347.  
  1348. {/block:Posts} </div>
  1349. </div>
  1350.  
  1351.  
  1352.  
  1353.  
  1354. {block:ContentSource}
  1355. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  1356. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  1357. {/block:SourceLogo}
  1358. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  1359. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  1360.  
  1361. <div class="topbar">
  1362. <br>&nbsp
  1363. {block:IfShowHome}
  1364. <a href="{text:home url}">{text:home title}</a>
  1365. {/block:IfShowHome}
  1366. {block:IfShowAsk}<a href="#?w=500" rel="box1" class="poplight">{text:ask title}</a>{/block:ifshowask}
  1367. {block:IfShowarchive}<a href="{text:Archive url}">{text:Archive title}</a>
  1368. {/block:IfShowArchive}
  1369. <div class="links_list" style="color:{color:links};">
  1370. <p class="links_head">{text:menu title}</p>
  1371. <div class="links_body">
  1372. <center><p>
  1373. {block:IfShowLink1}<div class="line"></div><p><a href="{text:link 1 url}">{text:link 1 title}</a><div class="line"></div>{/block:IfShowLink1}<p>
  1374. {block:IfShowLink2}<a href="{text:Link 2 url}">{text:link 2 title}</a><div class="line"></div>{/block:ifShowLink2}<p>
  1375. {block:IfShowLink3}<a href="{text:link 3 url}">{text:link 3 title}</a><div class="line"></div>{/block:IfShowLink3}<p>
  1376. {block:ifshowlink4}<a href="{text:link 4 url}">{text:link 4 title}</a><div class="line"></div>{/block:IfShowLink4}<p>
  1377. {block:IfShowLink5}<a href="{text:Link 5 url}">{text:link 5 title}</a><div class="line"></div>{/block:ifshowLink5}<p>
  1378. {block:IfShowLink6}<a href="{text:link 6 url}">{text:link 6 title}</a>
  1379. {/block:IfShowLink6}</center>
  1380. </div></div>
  1381.  
  1382. </div>
  1383.  
  1384. <div class="footer">
  1385. {block:ifnotinfinitescroll}
  1386. {block:Pagination}
  1387. <div class="pagination">
  1388. {block:PreviousPage}
  1389. <a href="{PreviousPage}"><<</a>{/block:PreviousPage}&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp {CurrentPage}&nbspof&nbsp{TotalPages}
  1390. {block:NextPage}
  1391. <a href="{NextPage}">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp>></a>
  1392. {/block:NextPage}
  1393. </div>
  1394. {/block:Pagination}{/block:ifnotinfinitescroll}
  1395. </div>
  1396.  
  1397.  
  1398.  
  1399. </body>
  1400.  
  1401. </div></div></div></div></div></div></div></div></div></div></div>
  1402. </html>
Advertisement
Add Comment
Please, Sign In to add comment