astraeacodes

delicate no navi

Nov 6th, 2017
584
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.88 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2.  
  3.  
  4. <!--------------✧ ☾ ☆ ☄ ⁛ THEMES BY ASTRAEAWRITES ⁛ ☄ ☾ ✧
  5. DO NOT STEAL OR CLAIM AS YOURS!
  6. report problems or questions @ astraeawrites.tumblr.com----------->
  7.  
  8. <html>
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  14. <link href="https://fonts.googleapis.com/css?family=Inconsolata|Raleway|Source+Code+Pro|Playfair+Display|Lato|Droid+Serif|Oxygen|Oxygen+Mono|Josefin+Sans" rel="stylesheet">
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17.  
  18. <!-----META TAGS----->
  19.  
  20. <meta name="image:background" content="">
  21. <meta name="image:sidebar" content="">
  22. <meta name="image:navi header" content="">
  23. <meta name="image:muse icon 1" content="">
  24. <meta name="image:muse icon 2" content="">
  25. <meta name="image:muse icon 3" content="">
  26. <meta name="image:muse icon 4" content="">
  27. <meta name="image:muse icon 5" content="">
  28. <meta name="image:muse icon 6" content="">
  29. <meta name="image:muse icon 7" content="">
  30. <meta name="image:muse icon 8" content="">
  31.  
  32. <meta name="color:background" content="">
  33. <meta name="color:holder" content="">
  34. <meta name="color:post bg" content="">
  35. <meta name="color:sidebar bg" content="">
  36. <meta name="color:accent" content="">
  37. <meta name="color:accent 2" content="">
  38. <meta name="color:shadow" content="">
  39. <meta name="color:scroll" content="">
  40. <meta name="color:background scroll" content="">
  41. <meta name="color:selection" content="">
  42. <meta name="color:text" content="">
  43. <meta name="color:bold" content="">
  44. <meta name="color:italics" content="">
  45. <meta name="color:links" content="">
  46. <meta name="color:shadow" content="">
  47.  
  48. <meta name="text:header title" content="">
  49. <meta name="text:username" content="">
  50. <meta name="text:ask title" content="">
  51.  
  52. <meta name="text:link 1" content="">
  53. <meta name="text:link 1 title" content="">
  54. <meta name="text:link 2" content="">
  55. <meta name="text:link 2 title" content="">
  56. <meta name="text:link 3" content="">
  57. <meta name="text:link 3 title" content="">
  58. <meta name="text:link 4" content="">
  59. <meta name="text:link 4 title" content="">
  60.  
  61. <meta name="text:music player" content="">
  62.  
  63. <meta name="text:stats name 1" content="">
  64. <meta name="text:stats entry 1" content="">
  65. <meta name="text:stats name 2" content="">
  66. <meta name="text:stats entry 2" content="">
  67. <meta name="text:stats name 3" content="">
  68. <meta name="text:stats entry 3" content="">
  69. <meta name="text:stats name 4" content="">
  70. <meta name="text:stats entry 4" content="">
  71. <meta name="text:stats name 5" content="">
  72. <meta name="text:stats entry 5" content="">
  73.  
  74. <meta name="text:muse page name" content="">
  75.  
  76. <meta name="text:accordion title 1" content="">
  77. <meta name="text:accordion content 1" content="">
  78. <meta name="text:accordion title 2" content="">
  79. <meta name="text:accordion content 2" content="">
  80. <meta name="text:accordion title 3" content="">
  81. <meta name="text:accordion content 3" content="">
  82.  
  83. <meta name="text:muse name 1" content="">
  84. <meta name="text:muse name 2" content="">
  85. <meta name="text:muse name 3" content="">
  86. <meta name="text:muse name 4" content="">
  87. <meta name="text:muse name 5" content="">
  88. <meta name="text:muse name 6" content="">
  89. <meta name="text:muse name 7" content="">
  90. <meta name="text:muse name 8" content="">
  91.  
  92. <meta name="text:muse description 1" content="">
  93. <meta name="text:muse description 2" content="">
  94. <meta name="text:muse description 3" content="">
  95. <meta name="text:muse description 4" content="">
  96. <meta name="text:muse description 5" content="">
  97. <meta name="text:muse description 6" content="">
  98. <meta name="text:muse description 7" content="">
  99. <meta name="text:muse description 8" content="">
  100.  
  101. <meta name="text:muse 1 link 1 name" content="">
  102. <meta name="text:muse 1 link 1" content="">
  103. <meta name="text:muse 1 link 1 hover title" content="">
  104. <meta name="text:muse 1 link 2 name" content="">
  105. <meta name="text:muse 1 link 2" content="">
  106. <meta name="text:muse 1 link 2 hover title" content="">
  107. <meta name="text:muse 2 link 1 name" content="">
  108. <meta name="text:muse 2 link 1" content="">
  109. <meta name="text:muse 2 link 1 hover title" content="">
  110. <meta name="text:muse 2 link 2 name" content="">
  111. <meta name="text:muse 2 link 2" content="">
  112. <meta name="text:muse 2 link 2 hover title" content="">
  113. <meta name="text:muse 3 link 1 name" content="">
  114. <meta name="text:muse 3 link 1" content="">
  115. <meta name="text:muse 3 link 1 hover title" content="">
  116. <meta name="text:muse 3 link 2 name" content="">
  117. <meta name="text:muse 3 link 2" content="">
  118. <meta name="text:muse 3 link 2 hover title" content="">
  119. <meta name="text:muse 4 link 1 name" content="">
  120. <meta name="text:muse 4 link 1" content="">
  121. <meta name="text:muse 4 link 1 hover title" content="">
  122. <meta name="text:muse 4 link 2 name" content="">
  123. <meta name="text:muse 4 link 2" content="">
  124. <meta name="text:muse 4 link 2 hover title" content="">
  125. <meta name="text:muse 5 link 1 name" content="">
  126. <meta name="text:muse 5 link 1" content="">
  127. <meta name="text:muse 5 link 1 hover title" content="">
  128. <meta name="text:muse 5 link 2 name" content="">
  129. <meta name="text:muse 5 link 2" content="">
  130. <meta name="text:muse 5 link 2 hover title" content="">
  131. <meta name="text:muse 6 link 1 name" content="">
  132. <meta name="text:muse 6 link 1" content="">
  133. <meta name="text:muse 6 link 1 hover title" content="">
  134. <meta name="text:muse 6 link 2 name" content="">
  135. <meta name="text:muse 6 link 2" content="">
  136. <meta name="text:muse 6 link 2 hover title" content="">
  137. <meta name="text:muse 7 link 1 name" content="">
  138. <meta name="text:muse 7 link 1" content="">
  139. <meta name="text:muse 7 link 1 hover title" content="">
  140. <meta name="text:muse 7 link 2 name" content="">
  141. <meta name="text:muse 7 link 2" content="">
  142. <meta name="text:muse 7 link 2 hover title" content="">
  143. <meta name="text:muse 8 link 1 name" content="">
  144. <meta name="text:muse 8 link 1" content="">
  145. <meta name="text:muse 8 link 1 hover title" content="">
  146. <meta name="text:muse 8 link 2 name" content="">
  147. <meta name="text:muse 8 link 2" content="">
  148. <meta name="text:muse 8 link 2 hover title" content="">
  149.  
  150.  
  151. <!-----STYLE CSS----->
  152. <style type="text/css">
  153.  
  154. #s-m-t-tooltip {
  155. max-width:400px;
  156. background-color:{color:holder};
  157. border-bottom:3px solid {color:accent 2};
  158. font-family:"source sans pro", sans-serif;
  159. font-size:9px;
  160. font-weight:600;
  161. color:{color:links};
  162. letter-spacing:1px;
  163. text-transform:uppercase;
  164. padding:7px 6px 7px 6px;
  165. margin:20px 0px 0px 20px;
  166. z-index:999999999999999999999999999999999999;
  167. border-radius: 2px;
  168. }
  169.  
  170. ::-webkit-scrollbar-thumb:vertical {
  171. background-color: {color:scroll};
  172. height:auto;
  173. -radius:0px;
  174. }
  175. ::-webkit-scrollbar-thumb:horizontal {
  176. height:auto !important;
  177. -radius:0px;
  178. }
  179. ::-webkit-scrollbar {
  180. height:auto;
  181. width:5px;
  182. background-color: {color:background scroll};
  183. -radius:0px;
  184. }
  185.  
  186. ::selection {
  187. background-color:{color:selection};
  188. color: #fff;
  189. }
  190.  
  191. body{
  192. background-color:{color:background};
  193. background-image:url('{image:background}');
  194. background-size: cover;
  195. -webkit-background-size: cover;
  196. -moz-background-size: cover;
  197. -o-background-size: cover;
  198. background-attachment:fixed;
  199. font-family:"roboto", sans-serif;
  200. color:{color:text};
  201. font-size:10px;
  202. letter-spacing:1px;
  203. font-weight:200;
  204. }
  205.  
  206. small{
  207. font-size:10px;
  208. }
  209.  
  210. sup, sub{
  211. font-size:10px;
  212. }
  213.  
  214. b{
  215. color:{color:bold};
  216. font-weight:600;
  217. }
  218.  
  219. i{
  220. color:{color:italics};
  221. }
  222.  
  223. a{
  224. color:{color:links};
  225. text-decoration:none;
  226. text-transform:none;
  227. font-weight:bold;
  228. text-transform:uppercase;
  229. font-weight:600;
  230. }
  231.  
  232. a:hover{
  233. -webkit-transition: all 0.9s ease-in-out;
  234. -moz-transition: all 0.9s ease-in-out;
  235. -o-transition: all 0.9s ease-in-out;
  236. -ms-transition: all 0.9s ease-in-out;
  237. transition: all 0.9s ease-in-out;
  238. color: transparent;
  239. text-shadow: {color:shadow} 0 0 7px;
  240. text-decoration:none;
  241. }
  242.  
  243.  
  244. img {
  245. max-width:100%;
  246. }
  247.  
  248. h2{
  249. font-size:20px;
  250. text-shadow: 2px 2px 1px {color:shadow};
  251. text-align:center;
  252. }
  253.  
  254. h3{
  255. font-size:15px;
  256. text-shadow: 2px 2px 3px {color:shadow};
  257. text-align:center;
  258. }
  259.  
  260. blockquote{
  261. padding-left:20px;
  262. margin-left:8px;
  263. margin-right:8px;
  264. border-left:3px solid {color:accent 2};
  265. margin-top:2px;
  266. margin-bottom:15px;
  267. }
  268.  
  269. blockquote img{
  270. max-width:100%;
  271. }
  272.  
  273. #holderheader{
  274. position:fixed;
  275. background-color:{color:sidebar bg};
  276. top:50%;
  277. margin-top:-270px;
  278. left:50%;
  279. margin-left:-385px;
  280. width:770px;
  281. height:30px;
  282. }
  283.  
  284. #holderheadertitle{
  285. position:fixed;
  286. color:{color:text};
  287. font-size:11px;
  288. top:50%;
  289. text-transform:uppercase;
  290. font-family:"Source Code Pro";
  291. font-weight:900;
  292. margin-top:-263px;
  293. left:50%;
  294. letter-spacing:5px;
  295. margin-left:-375px;
  296. width:750px;
  297. height:30px;
  298. text-align:right;
  299. }
  300.  
  301. #holderheaderlinks{
  302. position:fixed;
  303. color:{color:text};
  304. font-size:13px;
  305. top:50%;
  306. margin-top:-265px;
  307. left:50%;
  308. margin-left:-380px;
  309. }
  310.  
  311. #headerlinks{
  312. padding:10px;
  313. display:inline-block;
  314. background-color:{color:accent};
  315. padding:4px 5px 4px 5px;
  316. border-radius:50%;
  317. }
  318.  
  319. #holder{
  320. background-color:{color:holder};
  321. position:fixed;
  322. top:50%;
  323. margin-top:-240px;
  324. left:50%;
  325. margin-left:-385px;
  326. width:550px;
  327. height:490px;
  328. }
  329.  
  330. #entries{
  331. position:fixed;
  332. z-index:9999;
  333. top:50%;
  334. margin-top:-228px;
  335. left:50%;
  336. margin-left:-370px;
  337. height:458px;
  338. width:500px;
  339. overflow:auto;
  340. text-align:justify;
  341. background-color:{color:post bg};
  342. padding-right:12px;
  343. padding-left:10px;
  344. padding-top:10px;
  345. }
  346.  
  347. #posts{
  348. width:500px;
  349. max-width:500px;
  350. font-size:10px;
  351. overflow:auto;
  352. }
  353.  
  354. #sidebar{
  355. position:fixed;
  356. width:220px;
  357. height:490px;
  358. background-color:{color:sidebar bg};
  359. top:50%;
  360. margin-top:-240px;
  361. left:50%;
  362. margin-left:165px;
  363. }
  364.  
  365. #sidebar img{
  366. position:fixed;
  367. width:190px;
  368. height:140px;
  369. margin-top:5px;
  370. margin-left:5px;
  371. border:10px solid {color:accent};
  372. }
  373.  
  374. #description{
  375. position:fixed;
  376. margin-top:169px;
  377. margin-left:54px;
  378. width:160px;
  379. height:210px;
  380. background-color:{color:accent};
  381. }
  382.  
  383. #descriptiontext{
  384. z-index:99999;
  385. position:fixed;
  386. margin-top:174px;
  387. margin-left:60px;
  388. width:145px;
  389. font-size:9px;
  390. height:200px;
  391. padding-right:5px;
  392. overflow:auto;
  393. line-height:17px;
  394. font-family:"roboto condensed", sans-serif;
  395. text-align:center;
  396. }
  397.  
  398. #statsbox{
  399. position:fixed;
  400. margin-top:385px;
  401. margin-left:5px;
  402. width:95px;
  403. height:100px;
  404. background-color:{color:accent};
  405. }
  406.  
  407. #statstext{
  408. position:fixed;
  409. margin-top:390px;
  410. margin-left:10px;
  411. width:80px;
  412. height:90px;
  413. letter-spacing:0px;
  414. padding-right:5px;
  415. text-align:center;
  416. line-height:17px;
  417. overflow:auto;
  418. font-family:"roboto condensed", sans-serif;
  419. font-size:8.5px;
  420. }
  421.  
  422. #navi{
  423. position:fixed;
  424. top:50%;
  425. margin-top:163px;
  426. font-size:13px;
  427. }
  428.  
  429. #navi1{
  430. position:fixed;
  431. margin-left:5px;
  432. margin-top:-217px;
  433. text-align:center;
  434. }
  435.  
  436. #navi1 a{
  437. padding: 15px 15px 15px 15px;
  438. }
  439.  
  440. #navi2{
  441. position:fixed;
  442. margin-left:5px;
  443. margin-top:-162px;
  444. text-align:center;
  445. }
  446.  
  447. #navi2 a{
  448. padding: 15px 15px 15px 15px;
  449. }
  450.  
  451. #navi3{
  452. position:fixed;
  453. margin-left:5px;
  454. margin-top:-108px;
  455. text-align:center;
  456. }
  457.  
  458. #navi3 a{
  459. padding: 15px 15px 15px 15px;
  460. }
  461.  
  462. #navi4{
  463. position:fixed;
  464. margin-left:5px;
  465. margin-top:-53px;
  466. text-align:center;
  467. }
  468.  
  469. #navi4 a{
  470. padding: 15px 15px 15px 15px;
  471. background-color:{color:accent};
  472. }
  473.  
  474. ul.tabs{
  475. margin: 0px;
  476. padding: 0px;
  477. list-style: none;
  478. }
  479.  
  480. ul.tabs li{
  481. background-color:{color:accent};
  482. color: {color:links};
  483. position:fixed;
  484. margin-top:-17px;
  485. display: inline-block;
  486. padding: 15px 15px 15px 15px;
  487. cursor: pointer;
  488. }
  489.  
  490. ul.tabs li.current{
  491. background: {color:accent 2};
  492. color: {color:text};
  493. }
  494.  
  495. .tab-content{
  496. display: none;
  497. padding: 15px;
  498. width:492px;
  499. height:435px;
  500. overflow:auto;
  501. position:absolute;
  502. background-color:{color:post bg};
  503. z-index:9999999999999999;
  504. top:50%;
  505. margin-top:-228px;
  506. left:50%;
  507. margin-left:-370px;
  508. }
  509.  
  510. .tab-content.current{
  511. display: inherit;
  512. z-index:9999999999999999;
  513. }
  514.  
  515. #header{
  516. position:fixed;
  517. margin-left:0px;
  518. margin-top:0px;
  519. width:500px;
  520. height:120px;
  521. max-height:120px;
  522. overflow:hidden;
  523. }
  524.  
  525. #ainfo{
  526. position:fixed;
  527. margin-top:130px;
  528. margin-left:0px;
  529. }
  530.  
  531. input[name='panel'] {
  532. display: none;
  533. }
  534.  
  535. label {
  536. display: block;
  537. padding: 15px 5px 5px 5px;
  538. width: 485px;
  539. height: 25px;
  540. background: {color:accent 2};
  541. border-bottom:1px solid {color:background};
  542. color: {color:text};
  543. text-transform: uppercase;
  544. font-size: 12px;
  545. text-align:center;
  546. cursor: pointer;
  547. margin-top:0px;
  548. }
  549.  
  550. label:hover {
  551. background: {color:accent};
  552. -moz-transition: all 1s ease-in;
  553. -o-transition: all 1s ease-in;
  554. -webkit-transition: all 1s ease-in;
  555. transition: all 1s ease-in;
  556. }
  557.  
  558. .collapsible {
  559. display: block;
  560. padding: 0px 5px 0px 5px;
  561. width: 490px;
  562. background: {color:accent 2}(0, 1%, 90%);
  563. }
  564.  
  565. input[name='panel'] + .collapsible {
  566. overflow: auto;
  567. height: 0;
  568.  
  569. -webkit-transition: height 1s ease;
  570. -moz-transition: height 1s ease;
  571. -ms-transition: height 1s ease;
  572. -o-transition: height 1s ease;
  573. transition: height 1s ease;
  574. }
  575.  
  576. input[name='panel']:checked + .collapsible {
  577. overflow: auto;
  578. height: 175px; /* needs a numeric value here to keep transition */
  579. margin-top:5px;
  580. }
  581.  
  582. #musebox{
  583. position:fixed;
  584. width:450px;
  585. height:465px;
  586. margin-top:-15px;
  587. margin-left:22px;
  588. overflow:auto;
  589. padding-right:35px;
  590. }
  591.  
  592. #musepagename{
  593. text-align:center;
  594. text-transform:uppercase;
  595. font-size:25px;
  596. color:{color:text};
  597. padding-top:10px;
  598. font-weight:900;
  599. }
  600.  
  601. #muse{
  602. display:block;
  603. margin-bottom:50px;
  604. }
  605.  
  606. #museicon{
  607. position:relative;
  608. margin-top:30px;
  609. width:100px;
  610. height:100px;
  611. z-index:99999999999;
  612. }
  613.  
  614. #museicon img{
  615. border:3px solid {color:sidebar bg};
  616. border-radius:50%;
  617. }
  618.  
  619. #musename{
  620. position:relative;
  621. font-size:20px;
  622. font-style:italic !important;
  623. margin-top:-23px;
  624. margin-left:70px;
  625. font-family:"oxygen mono";
  626. }
  627.  
  628. #musedescriptionbox{
  629. position:absolute;
  630. width:410px;
  631. height:70px;
  632. margin-left:40px;
  633. margin-top:-80px;
  634. background-color:{color:sidebar bg};
  635. }
  636.  
  637. #musedescription{
  638. position:absolute;
  639. width:315px;
  640. height:45px;
  641. font-size:9.5px;
  642. font-family:"roboto condensed", sans-serif;
  643. font-weight:normal;
  644. text-transform:none;
  645. text-align:left;
  646. overflow:auto;
  647. padding-right:5px;
  648. margin-top:12px;
  649. margin-left:85px;
  650. }
  651.  
  652. #musetagsbox{
  653. position:absolute;
  654. width:110px;
  655. height:20px;
  656. margin-left:270px;
  657. margin-top:62px;
  658. background-color:{color:background};
  659. }
  660.  
  661. #musetags{
  662. position:justify;
  663. width:110px;
  664. height:10px;
  665. margin-top:0px;
  666. text-align:center;
  667. }
  668.  
  669. #musetags a{
  670. position:justify;
  671. font-size:10px;
  672. color:{color:links};
  673. text-transform:lowercase;
  674. display:inline-block;
  675. padding:5px;
  676. }
  677.  
  678. #musetags a:hover{
  679. color: transparent;
  680. text-shadow: {color:shadow}; 0 0 7px;
  681. text-decoration:none;
  682. }
  683.  
  684. #pagination {
  685. text-align:center;
  686. font-family:calibri
  687. z-index:99999999999999;
  688. font-size:10px;
  689. position:fixed;
  690. margin-left:104px;
  691. margin-top:385px;
  692. width:100px;
  693. letter-spacing:1px;
  694. }
  695.  
  696. #pagination a {
  697. width:100px;
  698. padding:11px 5px 12px 5px;
  699. margin-left:1px;
  700. background-color:{color:accent};
  701. text-align:justify;
  702. margin-top:0px;
  703. margin-bottom:2px;
  704. text-align:center;
  705. display:inline-block;
  706. font-weight:800;
  707. }
  708.  
  709. #pagination a:hover{
  710. box-shadow: inset 140px 0 0 0 {color:accent 2};
  711. -webkit-transition: all ease 1.2s;
  712. -moz-transition: all ease 1.2s;
  713. transition: all ease 1.2s;
  714. }
  715.  
  716. #musicbox{
  717. position:fixed;
  718. margin-top:225px;
  719. margin-left:270px;
  720. top:50%;
  721. left:50%;
  722. width:110px;
  723. height:20px;
  724. background-color:{color:accent};
  725. text-align:center;
  726. overflow:auto;
  727. }
  728.  
  729. #musicplayer{
  730. position:fixed;
  731. }
  732.  
  733. #permalink{
  734. width:500px;
  735. margin-top:20px;
  736. padding-top:15px;
  737. padding-bottom:10px;
  738. margin-bottom:60px;
  739. height:auto;
  740. text-align:center;
  741. background:{color:accent};
  742. font-weight:900;
  743. font-size:10px;
  744. }
  745.  
  746. #permalink a:hover{
  747. color: transparent;
  748. text-shadow: {color:shadow} 0 0 7px;
  749. text-decoration:none;
  750. }
  751.  
  752. .tags{
  753. text-align:center;
  754. position:relative;
  755. padding:10px 10px 5px 10px;
  756. }
  757.  
  758. .tags a {
  759. text-decoration:none;
  760. font-size: 8px;
  761. font-weight:bold;
  762. text-align:center;
  763. text-transform:uppercase;
  764. color:{color:links};
  765. line-height:15px;
  766. }
  767.  
  768. #titlequote{
  769. font-size:18px;
  770. font-family:"playfair display";
  771. padding:5px;
  772. margin-bottom:10px;
  773. }
  774.  
  775. #source{
  776. font-size:12px;
  777. text-align:right;
  778. padding:5px;
  779. margin-bottom:10px;
  780. font-family:"raleway", sans-serif;
  781. text-transform:uppercase;
  782. font-weight:900;
  783. }
  784.  
  785. #title{
  786. font-size:20px;
  787. padding:5px;
  788. text-align:center;
  789. text-shadow: 2px 2px 3px {color:shadow};
  790. text-transform:uppercase;
  791. font-family:"roboto", sans-serif;
  792. font-weight:600;
  793. }
  794.  
  795. #postdesc{
  796. margin-top:50px
  797. }
  798.  
  799. /* THE CHAT POST CODE CREDIT GOES TO @ANIMALITES WHO IS DEACTIVATED. DO NOT STEAL THIS CODE BECAUSE IT IS NOT MY WORK, I ONLY EDITED IT */
  800.  
  801. .answer span,.convo li{
  802. margin:0 0 5px;
  803. border-radius:1em;
  804. padding:.5em 10px;
  805. max-width:75%;
  806. clear:both;
  807. margin-top:10px;
  808. position:relative;
  809. }
  810.  
  811. .answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{
  812. float:left;
  813. background:{color:accent 2};
  814. color:{color:text};
  815. left:3px;
  816. top:0px;
  817. }
  818.  
  819. .me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{
  820. content:"";
  821. position:absolute;
  822. left:-.5em;
  823. bottom:0;
  824. width:.5em;
  825. height:1em;
  826. border-right:.5em solid {color:accent 2};
  827. border-bottom-right-radius:1em .5em;
  828. }
  829.  
  830. .answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{
  831. right:3px;
  832. top:5px;
  833. float:right;
  834. background-color:{color:background};
  835. color:{color:text};
  836. }
  837.  
  838. .them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{
  839. content:"";
  840. position:absolute;
  841. right:-.5em;
  842. bottom:0;
  843. width:.5em;
  844. height:1em;
  845. border-left:.5em solid {color:background};
  846. border-bottom-left-radius:1em .5em;
  847. }
  848.  
  849. .convo {
  850. overflow: hidden;
  851. list-style-type: none;
  852. padding: 20px;
  853. margin: 0;
  854. }
  855.  
  856. .albumart{
  857. position:absolute;
  858. width:100px;
  859. height:100px;
  860. -moz-border-radius: 50%;
  861. -webkit-border-radius: 50%;
  862. border-radius: 50%;
  863. z-index:9999999;
  864. overflow:hidden;
  865. border:3px solid {color:accent 2};
  866. }
  867.  
  868. #player {
  869. position:absolute;
  870. margin-left:40px;
  871. margin-top:35px;
  872. z-index:999999999999;
  873. width:30px;
  874. overflow:hidden;
  875. opacity: 0.7;
  876. filter:alpha(opacity=70);
  877. -moz-opacity: 0.7;
  878. -khtml-opacity: 0.7;
  879. }
  880.  
  881. .caption{
  882. position:justify;
  883. padding-top:10px;
  884. }
  885.  
  886. .audioinfo{
  887. margin-left:80px;
  888. margin-top:22px;
  889. position:justify;
  890. background-color:{color:accent};
  891. padding:20px 20px 20px 70px;
  892. width:330px;
  893. margin-bottom:20px;
  894. }
  895.  
  896. .asker{
  897. width:490px;
  898. height:20px;
  899. padding:14px 5px 13px 5px;
  900. background-color:{color:accent};
  901. font-family:"roboto", sans-serif;
  902. font-weight:700;
  903. text-transform:uppercase;
  904. text-align:center;
  905. font-size:16px;
  906. }
  907.  
  908. .asker a:hover{
  909. color: transparent;
  910. text-shadow: {color:shadow}; 0 0 7px;
  911. text-decoration:none;
  912. }
  913.  
  914. .question{
  915. width:470px;
  916. height:auto;
  917. padding-top:10px;
  918. padding-bottom:15px;
  919. padding-left:15px;
  920. padding-right:15px;
  921. background-color:{color:background};
  922. font-family:"calibri";
  923. text-transform:normal;
  924. text-align:right;
  925. font-size:13px;
  926. margin-bottom:5px;
  927. }
  928.  
  929. .answer{
  930. font-size:10px;
  931. padding-top:2px;
  932. }
  933.  
  934. #readmore{
  935. font-size:14px;
  936. text-align:center;
  937. }
  938.  
  939. #credit{
  940. font-size:15px;
  941. background-color:{color:post bg};
  942. border-bottom:3px solid {color:accent 2};
  943. padding:4px;
  944. bottom:15px;
  945. right:15px;
  946. position:fixed;
  947. }
  948.  
  949. {CustomCSS}
  950. </style>
  951.  
  952. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  953. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  954. <script>
  955. (function($){
  956. $(document).ready(function(){
  957. $("a[title]").style_my_tooltips({
  958. tip_follows_cursor:true,
  959. tip_delay_time:90,
  960. tip_fade_speed:600,
  961. attribute:"title"
  962. });
  963. });
  964. })(jQuery);
  965. </script>
  966.  
  967.  
  968. <script>
  969. $(document).ready(function(){
  970. $('ul.tabs li').click(function(){
  971. var tab_id = $(this).attr('data-tab');
  972. $('ul.tabs li').removeClass('current');
  973. $('.tab-content').removeClass('current');
  974. $(this).addClass('current');
  975. $("#"+tab_id).addClass('current'); })
  976. })
  977. </script>
  978.  
  979. <script>
  980. $(document).ready(function(){$(".accBox").click(function(){$(".accContent").slideUp("fast");if($(this).next().is(":hidden")==true){$(this).next().slideDown("normal")}});$(".accContent").hide()});
  981. </script>
  982.  
  983. </head>
  984. <body>
  985. <div id="holderheader">
  986. <div id="holderheadertitle">{text:header title}</div>
  987. <div id="holderheaderlinks">
  988. <div id="headerlinks">
  989. <a href="{text:link 1}" title="{text:link 1 title}"><span class="lnr lnr-redo"></span></a></div>
  990. <div id="headerlinks">
  991. <a href="{text:link 2}" title="{text:link 2 title}"><span class="lnr lnr-pencil"></span></a></div>
  992. <div id="headerlinks">
  993. <a href="{text:link 3}" title="{text:link 3 title}"><span class="lnr lnr-link"></span></a></div>
  994. <div id="headerlinks">
  995. <a href="{text:link 4}" title="{text:link 4 title}"><span class="lnr lnr-earth"></span></a></div>
  996. </div></div>
  997. </div></div>
  998. <div id="sidebar">
  999. <div id="pagination">{block:Pagination}
  1000. {block:PreviousPage}
  1001. <a href="{PreviousPage}">backward</a>
  1002. {/block:PreviousPage}
  1003. {block:NextPage}
  1004. <a href="{NextPage}">forward</a>
  1005. {/block:NextPage}
  1006. {/block:Pagination}
  1007. </div>
  1008. <div id="musicbox"><div id="musicplayer">{text:music player}</div></div>
  1009. <div id="sidebarimg">
  1010. <img src="{image:sidebar}"></div>
  1011. <div id="description"></div>
  1012. <div id="descriptiontext">{description}</div>
  1013. <div id="statsbox"></div>
  1014. <div id="statstext">
  1015. <b>{text:stats name 1}:</b> {text:stats entry 1}<br>
  1016. <b>{text:stats name 2}:</b> {text:stats entry 2}<br>
  1017. <b>{text:stats name 3}:</b> {text:stats entry 3}<br>
  1018. <b>{text:stats name 4}:</b> {text:stats entry 4}<br>
  1019. <b>{text:stats name 5}:</b> {text:stats entry 5}<br>
  1020. </div>
  1021. <ul class="tabs">
  1022. <div id="navi">
  1023. <div id="navi1">
  1024. <li class="tab-link current" data-tab="tab-1"><span class="lnr lnr-home"></span></li>
  1025. </div><div id="navi2">
  1026. <li class="tab-link" data-tab="tab-2"><span class="lnr lnr-bubble"></span></li>
  1027. </div><div id="navi3">
  1028. <li class="tab-link" data-tab="tab-3"><span class="lnr lnr-map"></span></li>
  1029. </div><div id="navi4">
  1030. <li class="tab-link" data-tab="tab-4"><span class="lnr lnr-user"></span></li>
  1031. </div></div></div>
  1032.  
  1033. <div id="tab-2" class="tab-content">
  1034. <center><h2>{text:ask title}</h2></center>
  1035. <p><iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  1036. </div></div>
  1037.  
  1038. <div id="tab-3" class="tab-content"><div id="fullnavi">
  1039. <div id="header"><img src="{image:navi header}"></div>
  1040.  
  1041. <div id="ainfo">
  1042. <label for="panel_1">{text:accordion title 1}</label>
  1043. <input type="radio" name="panel" id="panel_1">
  1044. <div class="collapsible">
  1045. {text:accordion content 1}
  1046. </div>
  1047. <label for="panel_2">{text:accordion title 2}</label>
  1048.  
  1049. <input type="radio" name="panel" id="panel_2">
  1050.  
  1051. <div class="collapsible">
  1052. {text:accordion content 2}
  1053. </div>
  1054. <label for="panel_3">{text:accordion title 3}</label>
  1055. <input type="radio" name="panel" id="panel_3" checked>
  1056. <div class="collapsible">
  1057. {text:accordion content 3}
  1058. </div>
  1059. </div>
  1060. </div></div></div>
  1061.  
  1062. <div id="tab-4" class="tab-content">
  1063.  
  1064. <div id="musebox">
  1065. <div id="musepagename">{text:muse page name}</div>
  1066.  
  1067. <div id="muse">
  1068. <div id="museicon"><img src="{image:muse icon 1}"></div>
  1069. <div id="musedescriptionbox"><div id="musedescription">
  1070. {text:muse description 1}
  1071. </div>
  1072. <div id="musename">{text:muse name 1}</div>
  1073. <div id="musetagsbox">
  1074. <div id="musetags">
  1075. <a href="{text:muse 1 link 1}" title="{text:muse 1 link 1 hover title}">{text:muse 1 link 1 name}</a>
  1076. <a href="{text:muse 1 link 2}" title="{text:muse 1 link 2 hover title}">{text:muse 1 link 2 name}</a>
  1077. </div></div></div></div>
  1078.  
  1079. <div id="muse">
  1080. <div id="museicon"><img src="{image:muse icon 2}"></div>
  1081. <div id="musedescriptionbox"><div id="musedescription">
  1082. {text:muse description 2}
  1083. </div>
  1084. <div id="musename">{text:muse name 2}</div>
  1085. <div id="musetagsbox">
  1086. <div id="musetags">
  1087. <a href="{text:muse 2 link 1}" title="{text:muse 2 link 1 hover title}">{text:muse 2 link 1 name}</a>
  1088. <a href="{text:muse 2 link 2}" title="{text:muse 2 link 2 hover title}">{text:muse 2 link 2 name}</a>
  1089. </div></div></div></div>
  1090.  
  1091. <div id="muse">
  1092. <div id="museicon"><img src="{image:muse icon 3}"></div>
  1093. <div id="musedescriptionbox"><div id="musedescription">
  1094. {text:muse description 3}
  1095. </div>
  1096. <div id="musename">{text:muse name 3}</div>
  1097. <div id="musetagsbox">
  1098. <div id="musetags">
  1099. <a href="{text:muse 3 link 1}" title="{text:muse 3 link 1 hover title}">{text:muse 3 link 1 name}</a>
  1100. <a href="{text:muse 3 link 2}" title="{text:muse 3 link 2 hover title}">{text:muse 3 link 2 name}</a>
  1101. </div></div></div></div>
  1102.  
  1103. <div id="muse">
  1104. <div id="museicon"><img src="{image:muse icon 4}"></div>
  1105. <div id="musedescriptionbox"><div id="musedescription">
  1106. {text:muse description 4}
  1107. </div>
  1108. <div id="musename">{text:muse name 4}</div>
  1109. <div id="musetagsbox">
  1110. <div id="musetags">
  1111. <a href="{text:muse 4 link 1}" title="{text:muse 4 link 1 hover title}">{text:muse 4 link 1 name}</a>
  1112. <a href="{text:muse 4 link 2}" title="{text:muse 4 link 2 hover title}">{text:muse 4 link 2 name}</a>
  1113. </div></div></div></div>
  1114.  
  1115. <div id="muse">
  1116. <div id="museicon"><img src="{image:muse icon 5}"></div>
  1117. <div id="musedescriptionbox"><div id="musedescription">
  1118. {text:muse description 5}
  1119. </div>
  1120. <div id="musename">{text:muse name 5}</div>
  1121. <div id="musetagsbox">
  1122. <div id="musetags">
  1123. <a href="{text:muse 5 link 1}" title="{text:muse 5 link 1 hover title}">{text:muse 5 link 1 name}</a>
  1124. <a href="{text:muse 5 link 2}" title="{text:muse 5 link 2 hover title}">{text:muse 5 link 2 name}</a>
  1125. </div></div></div></div>
  1126.  
  1127. <div id="muse">
  1128. <div id="museicon"><img src="{image:muse icon 6}"></div>
  1129. <div id="musedescriptionbox"><div id="musedescription">
  1130. {text:muse description 6}
  1131. </div>
  1132. <div id="musename">{text:muse name 6}</div>
  1133. <div id="musetagsbox">
  1134. <div id="musetags">
  1135. <a href="{text:muse 6 link 1}" title="{text:muse 6 link 1 hover title}">{text:muse 6 link 1 name}</a>
  1136. <a href="{text:muse 6 link 2}" title="{text:muse 6 link 2 hover title}">{text:muse 6 link 2 name}</a>
  1137. </div></div></div></div>
  1138.  
  1139. <div id="muse">
  1140. <div id="museicon"><img src="{image:muse icon 7}"></div>
  1141. <div id="musedescriptionbox"><div id="musedescription">
  1142. {text:muse description 7}
  1143. </div>
  1144. <div id="musename">{text:muse name 7}</div>
  1145. <div id="musetagsbox">
  1146. <div id="musetags">
  1147. <a href="{text:muse 7 link 1}" title="{text:muse 7 link 1 hover title}">{text:muse 7 link 1 name}</a>
  1148. <a href="{text:muse 7 link 2}" title="{text:muse 7 link 2 hover title}">{text:muse 7 link 2 name}</a>
  1149. </div></div></div></div>
  1150.  
  1151. <div id="muse">
  1152. <div id="museicon"><img src="{image:muse icon 8}"></div>
  1153. <div id="musedescriptionbox"><div id="musedescription">
  1154. {text:muse description 8}
  1155. </div>
  1156. <div id="musename">{text:muse name 8}</div>
  1157. <div id="musetagsbox">
  1158. <div id="musetags">
  1159. <a href="{text:muse 8 link 1}" title="{text:muse 8 link 1 hover title}">{text:muse 8 link 1 name}</a>
  1160. <a href="{text:muse 8 link 2}" title="{text:muse 8 link 2 hover title}">{text:muse 8 link 2 name}</a>
  1161. </div></div></div></div>
  1162.  
  1163. </div>
  1164. </div></div></div>
  1165.  
  1166. <div id="tab-1" class="tab-content current">
  1167. <div id="entries">
  1168.  
  1169. {block:Posts}
  1170. <div id="posts">
  1171.  
  1172. {block:Link}
  1173. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1174. {block:Description}{Description}{/block:Description}
  1175. {/block:Link}
  1176.  
  1177. {block:Quote}
  1178.  
  1179.  
  1180. <div id="titlequote">❝ {Quote} ❞</div>
  1181. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  1182. {/block:Quote}
  1183.  
  1184.  
  1185.  
  1186. {block:Text}
  1187.  
  1188. {block:Title}
  1189. <div id="title">{Title}</div>{/block:Title}
  1190. {Body}
  1191. {block:More}<div id="readmore"><p class="read-more"><a href="{Permalink}">continue reading</a></p><a name="more"></a></div>{/block:More}
  1192. {/block:Text}
  1193. {block:Link}
  1194. {block:Description}
  1195. {Description}
  1196. {/block:Description}
  1197. {/block:Link}
  1198.  
  1199. {block:Chat}
  1200. {block:Title}
  1201. <h1>{Title}</h1>{/block:Title}<br>
  1202. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}
  1203. {Line}</li>{/block:Lines}</ul>
  1204. {/block:Chat}
  1205.  
  1206. {block:Photo}
  1207. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1208. {/block:Photo}
  1209.  
  1210. {block:Photoset}
  1211. {Photoset-500}
  1212. {/block:Photoset}
  1213.  
  1214. {block:Video}
  1215. {Video-500}
  1216. {/block:Video}
  1217.  
  1218. {block:Audio}{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1219. <div id="player">{AudioPlayerWhite}</div>
  1220. <div class="audioinfo">
  1221. {block:TrackName}<b>Track Name:</b> {TrackName}{/block:TrackName}{block:Artist}<br><b>Artist:</b> {Artist}{/block:Artist}
  1222. </div>
  1223. {/block:Audio}
  1224.  
  1225.  
  1226.  
  1227. {block:Answer}
  1228. <div class="asker">{Asker} whispered . . .</div>
  1229. <div class="question">❝ {Question} ❞</div>
  1230. <div class="answer">{Answer}</div>{/block:Answer}
  1231.  
  1232. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1233.  
  1234. {block:Date}
  1235. <div id="permalink">
  1236. <a href="{Permalink}" title=" {TimeAgo}"><span class="lnr lnr-clock"></span></a>
  1237. {block:NoteCount}
  1238. <a href="{Permalink}" title=" {NoteCount} notes">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="lnr lnr-pencil"></span></a>{/block:NoteCount}
  1239. {block:RebloggedFrom}
  1240. <a href="{ReblogParentURL}" title="via {ReblogParentName}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="lnr lnr-cog"></span></a>
  1241. {/block:RebloggedFrom}
  1242.  
  1243. {block:HasTags}
  1244. <div class="tags"> {block:Tags} <a href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;&nbsp{/block:Tags}</div>{/block:HasTags}</div>
  1245.  
  1246.  
  1247. {/block:Date}
  1248.  
  1249.  
  1250.  
  1251. </div>
  1252.  
  1253.  
  1254. {block:PostNotes}
  1255. <div class="pagenotes">
  1256. {PostNotes}
  1257. </div>
  1258. {/block:PostNotes}
  1259.  
  1260.  
  1261. {/block:Posts}
  1262.  
  1263. </div>
  1264. </div>
  1265.  
  1266. </div>
  1267.  
  1268.  
  1269. <div id="credit"><b><a href="http://astraeawrites.tumblr.com/" title="credit"><span class="lnr lnr-lighter"></a></b></span></div></div>
  1270.  
  1271. <div id="holder">
  1272. </div>
  1273.  
  1274. </div>
  1275. </body>
  1276.  
  1277. </html>
Advertisement
Add Comment
Please, Sign In to add comment