Advertisement
lexaofrp

THEME 58: VIBES v1

Aug 17th, 2019
2,053
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.96 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3.  
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  5. <script src="https://static.tumblr.com/pq6sadp/72Dnoxbpp/jquery.style-my-tooltips.js"></script>
  6. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:100,tip_fade_speed:400
  7. }
  8. );
  9. });
  10. })(jQuery);
  11. </script>
  12.  
  13.  
  14.  
  15. <head><title>{Title}</title>
  16.  
  17. <link rel="stylesheet" href="templates/clean/template.css" type="text/css"/>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <meta name="image:Background" content=""/>
  23. <meta name="image:Container" content=""/>
  24. <meta name="image:PNG" content=""/>
  25. <meta name="image:Popup PNG" content=""/>
  26. <meta name="image:Icon1" content=""/>
  27. <meta name="image:Icon2" content=""/>
  28.  
  29. <meta name="if:SidebarIcons" content="1"/>
  30.  
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:PostBG" content="#ffffff"/>
  33. <meta name="color:Text" content="#000000"/>
  34. <meta name="color:Post Links" content="#000000"/>
  35. <meta name="color:Hover" content="#000000"/>
  36. <meta name="color:Links" content="#000000"/>
  37. <meta name="color:Linksbg" content="#000000"/>
  38. <meta name="color:Border" content="#000000"/>
  39. <meta name="color:Accent" content="#ffffff"/>
  40. <meta name="color:Blockquote" content="#000000"/>
  41. <meta name="color:Descbg" content="#000000"/>
  42. <meta name="color:Desctext" content="#eeeeee"/>
  43. <meta name="color:Container" content="#ffffff"/>
  44.  
  45. <meta name="text:Link 1 URL" content="/"/>
  46. <meta name="text:Link 1 Title" content="Home"/>
  47. <meta name="text:Link 2 URL" content="/"/>
  48. <meta name="text:Link 2 Title" content="Ask"/>
  49. <meta name="text:Link 3 URL" content="/"/>
  50. <meta name="text:Link 3 Title" content="Navigate"/>
  51. <meta name="text:Link 4 URL" content="/"/>
  52. <meta name="text:Link 4 Title" content="Link"/>
  53. <meta name="text:Title1" content="lorem ipsum"/>
  54. <meta name="text:Mini Title" content="lorem ipsum"/>
  55. <meta name="text:Popup Title" content="Lorem ipsum"/>
  56. <meta name="text:Popup Quote" content="/"/>
  57.  
  58. <meta name="text:Popup URL 1" content="/"/>
  59. <meta name="text:Popup Link Name 1" content="Lorem"/>
  60. <meta name="text:Popup URL 2" content="/"/>
  61. <meta name="text:Popup Link Name 2" content="Lorem"/>
  62. <meta name="text:Popup URL 3" content="/"/>
  63. <meta name="text:Popup Link Name 3" content="Lorem"/>
  64. <meta name="text:Popup URL 4" content="/"/>
  65. <meta name="text:Popup Link Name 4" content="Lorem"/>
  66. <meta name="text:Popup URL 5" content="/"/>
  67. <meta name="text:Popup Link Name 5" content="Lorem"/>
  68. <meta name="text:Popup URL 6" content="/"/>
  69. <meta name="text:Popup Link Name 6" content="Lorem"/>
  70. <meta name="text:Popup URL 7" content="/"/>
  71. <meta name="text:Popup Link Name 7" content="Lorem"/>
  72. <!--after-->
  73.  
  74.  
  75. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  76. <link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
  77. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">
  78. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:900i&display=swap" rel="stylesheet">
  79.  
  80. <style type="text/css">
  81.  
  82.  
  83.  
  84. #s-m-t-tooltip {
  85.  
  86. max-width:100px;
  87. margin-left:10px;
  88. margin-top:10px;
  89. padding:3px;
  90. padding-bottom:2px;
  91. background: {color:postbg};
  92. border:1px solid {color:text};
  93. font-family: 'poppins';
  94. font-size:9px;
  95. letter-spacing:0px;
  96. border-radius:3px;
  97. text-transform:uppercase;
  98. color:{color:text};
  99. text-shadow: 1px 1px 0px rgba(255,255,255,.3);
  100. z-index:999999999999999999999999999999999999; }
  101.  
  102. a:hover{
  103. cursor:pointer;
  104. }
  105.  
  106. blockquote {
  107. font-size:9px;
  108. font-family: 'poppins';
  109. margin-left:5px;
  110. margin-right:7px;
  111. border-left:4px solid{color:blockquote};
  112. text-align:left;
  113. padding:2px;
  114. padding-left:7px;
  115. font-weight:normal;
  116. text-align:justify;
  117. color:{color:text};
  118. background-color:{color:postbg};
  119. }
  120.  
  121. blockquote a{
  122. color:{color:hover};
  123. }
  124.  
  125.  
  126. .entries blockquote img {
  127. max-width:100%;
  128. height:auto;
  129. margin-left: 20px;
  130. }
  131.  
  132. #max > blockquote {
  133. margin: 0; padding: 0;
  134. }
  135.  
  136. blockquote blockquote img{
  137. max-width:100%;
  138. right:0px;
  139. }
  140.  
  141. blockquote blockquote blockquote img{
  142. max-width:100%;
  143. }
  144.  
  145. small, sub, sup{
  146. font-size:8px;
  147. }
  148.  
  149. code {
  150. font-size:9px;
  151. font-family: 'poppins';
  152. text-transform:none;
  153.  
  154. }
  155.  
  156. b, bold, strong{
  157. color:{color:post links};
  158. font-weight:bold;
  159. }
  160.  
  161. i{
  162. color:{color:hover};
  163. }
  164.  
  165. hr{
  166. border:none;
  167. border-top:dashed 1px {color:text};
  168. }
  169.  
  170. pre {
  171. font-family: 'poppins';
  172. text-align:center;
  173. font-size:10px;
  174. max-width:320px;
  175. padding:10px ;
  176. color:{color:text};
  177. background:{color:postbg};
  178. }
  179. h1{
  180. font-family: 'abril fatface';
  181. font-size:25px;
  182. text-align:center;
  183. text-transform:uppercase;
  184. padding-bottom:3px;
  185. letter-spacing:2px;
  186. color:{color:blockquote};
  187. }
  188.  
  189. h1 sub, h1 bold, h1 italic, h2 small, h2 sub, h2 sup{
  190. font-size:20px;
  191. color:{color:blockquote};
  192. }
  193.  
  194. h2{
  195. text-shadow: 1px 1px 0px {color:hover};
  196. margin-top:-5px;
  197. color:{color:text};
  198. margin-bottom:5px;
  199. text-transform:uppercase;
  200.  
  201. font-family:'abril fatface';
  202. font-size:20px;
  203. text-align:center;
  204. }
  205.  
  206. h3{
  207. color:{color:text};
  208. letter-spacing:2px;
  209. font-size:30px;
  210. text-transform:uppercase;
  211. font-weight:bold;
  212. text-align:right;
  213. }
  214.  
  215. h4{
  216. color:{color:text};
  217. letter-spacing:2px;
  218. font-size:10px;
  219. text-transform:uppercase;
  220. font-weight:bold;
  221. text-align:left;
  222. }
  223. /*GENERAL*/
  224.  
  225.  
  226. a {
  227. color:{color:Background};
  228. color:{color:post links};
  229. text-decoration:none;
  230. -webkit-transition:all 0.5s ease-in-out;
  231. -moz-transition:all 0.5s ease-in-out;
  232. -o-transition:all 0.5s ease-in-out;
  233. transition:all 0.5s ease-in-out;}
  234.  
  235. a:hover {
  236. color:{color:Hover};
  237. text-decoration:underline;
  238. -webkit-transition:all 0.5s ease-in-out;
  239. -moz-transition:all 0.5s ease-in-out;
  240. -o-transition:all 0.5s ease-in-out;
  241. transition:all 0.5s ease-in-out;}
  242.  
  243.  
  244. /*GENERAL*/
  245.  
  246. body {
  247. font-family:'poppins';
  248. font-size:9px;
  249. background-color:{color:background};
  250. background-image:url('{image:background}') ;
  251. }
  252.  
  253. a {
  254. color:{color:post links};
  255. text-decoration:none;
  256. -webkit-transition:all 0.5s ease-in-out;
  257. -moz-transition:all 0.5s ease-in-out;
  258. -o-transition:all 0.5s ease-in-out;
  259. transition:all 0.5s ease-in-out;}
  260.  
  261. a:hover {
  262. color:{color:Hover};
  263. text-decoration:underline;
  264. -webkit-transition:all 0.5s ease-in-out;
  265. -moz-transition:all 0.5s ease-in-out;
  266. -o-transition:all 0.5s ease-in-out;
  267. transition:all 0.5s ease-in-out;}
  268. /*END GENERAL*
  269.  
  270. /*SIDEBAR*/
  271. .links{
  272. position:fixed;
  273. top:50%;
  274. left:50%;
  275. margin-top:-290px;
  276. margin-left:40px;
  277. width:20px;
  278. height:0px;
  279.  
  280. padding-bottom:2px;
  281. overflow:visible;
  282. line-height:0px;
  283. text-align:center;
  284. z-index:9;
  285. -webkit-transition:all 0.5s ease-in-out;
  286. -moz-transition:all 0.5s ease-in-out;
  287. -o-transition:all 0.5s ease-in-out;
  288. transition:all 0.5s ease-in-out
  289. }
  290.  
  291. .pagination{
  292. position:relative;
  293. font-size:10px;
  294. width:400px;
  295. height:10px;
  296. margin-top:40px;
  297. z-index:9;
  298. text-align:center;
  299. background-color:transparent;
  300. font-weight:bold;
  301. }
  302.  
  303. .links a {
  304. display:inline-block;
  305. font-family:'poppins';
  306. background-color:{color:linksbg};
  307. color:{color:links};
  308. padding:10px;
  309. padding-left:5px;
  310. padding-right:15px;
  311. height:10px;
  312. width:10px;
  313. border-radius:100%;
  314. margin-top:10px;
  315. font-weight:bold;
  316. font-size:10px;
  317. text-align:center;
  318. text-transform:uppercase;
  319. font-family:poppins;
  320. font-style:italic;
  321. text-shadow:0px 0px 2px rgba(255,255,255,0.9)
  322. -webkit-transition:all 0.5s ease-in-out;
  323. -moz-transition:all 0.5s ease-in-out;
  324. -o-transition:all 0.5s ease-in-out;
  325. transition:all 0.5s ease-in-out;
  326. }
  327.  
  328. .link2{
  329. margin-left:-40px;
  330. margin-top:-3px;
  331. }
  332.  
  333. .link2 a{
  334. width:15px;
  335. height:15px;
  336. font-size:15px;
  337. padding-top:10px;
  338. padding-bottom:10px;
  339. padding-left:2px;
  340. padding-right:18px;
  341. }
  342.  
  343. .link3{
  344. margin-left:-112px;
  345. margin-top:-8px;
  346. }
  347.  
  348. .link3 a{
  349. height:20px;
  350. width:20px;
  351. font-size:20px;
  352. padding-left:0px;
  353. padding-right:20px;
  354. padding-top:9px;
  355. padding-bottom:11px;
  356. }
  357.  
  358. .links span{
  359. position:fixed;
  360. background-color:{color:linksbg};
  361. color:{color:links};
  362. background-color:transparent;
  363. }
  364.  
  365. .links a:hover, .pagination a:hover{
  366. color:{color:hover};
  367. cursor:pointer;
  368. text-decoration:none;
  369. -webkit-transition:all 0.5s ease-in-out;
  370. -moz-transition:all 0.5s ease-in-out;
  371. -o-transition:all 0.5s ease-in-out;
  372. transition:all 0.5s ease-in-out;
  373. }
  374.  
  375.  
  376. .links span:hover, .links a:hover{
  377. cursor:pointer;
  378. text-decoration:none;
  379. -webkit-transition:all 0.5s ease-in-out;
  380. -moz-transition:all 0.5s ease-in-out;
  381. -o-transition:all 0.5s ease-in-out;
  382. transition:all 0.5s ease-in-out;
  383. }
  384.  
  385. .link4{
  386. margin-left:-210px;
  387. margin-top:-20px;
  388. }
  389.  
  390. .link4 a{
  391. font-size:25px;
  392. padding:20px;
  393. padding-left:2px;
  394. padding-right:28px;
  395. padding-top:13px;
  396. padding-bottom:17px;
  397. height:20px;
  398. width:20px;
  399. }
  400.  
  401. .desc{
  402. position:fixed;
  403. margin-left:500px;
  404. overflow:auto;
  405. margin-top:430px;
  406. width:260px;
  407. text-align:justify;
  408. height:100px;
  409. z-index:8;
  410. line-height:20px;
  411. padding-top:3px;
  412. font-weight:bold;
  413. text-transform:uppercase;
  414. color:{color:desctext};
  415. background-image:url('{image:container}');
  416. }
  417.  
  418. .desc::first-letter{
  419. background:{color:desctext};
  420. padding-top:3px;
  421. border:7px solid {color:desctext};
  422. font-size:20px;
  423. border-top:0px;
  424. color:{color:descbg};
  425. border-bottom:2px;
  426. margin-right:5px;
  427. font-family:abril fatface;
  428. }
  429.  
  430. .icon1{
  431. position:fixed;
  432. margin-left:450px;
  433. margin-top:300px;
  434. padding:4px;
  435. border:solid 1px {color:border};
  436. height:70px;
  437. width:70px;
  438. z-index:9999999;
  439. border-radius:100%;
  440. -webkit-transition-duration: 0.5s;
  441. -webkit-transition:all 0.5s ease-in-out;
  442. -moz-transition:all 0.5s ease-in-out;
  443. -o-transition:all 0.5s ease-in-out;
  444. transition:all 0.5s ease-in-out;
  445. }
  446.  
  447. .icon2{
  448. position:fixed;
  449. margin-left:720px;
  450. margin-top:70px;
  451. padding:4px;
  452. border:solid 1px {color:border};
  453. height:70px;
  454. width:70px;
  455. z-index:999;
  456. border-radius:100%;
  457. -webkit-transition-duration: 0.5s;
  458. -webkit-transition:all 0.5s ease-in-out;
  459. -moz-transition:all 0.5s ease-in-out;
  460. -o-transition:all 0.5s ease-in-out;
  461. transition:all 0.5s ease-in-out;
  462. }
  463.  
  464. .icon1p, .icon2p{
  465. position:fixed;
  466. width:150px;
  467. border:20px solid {color:accent};
  468. background:{color:accent};
  469. line-height:20px;
  470. text-align:justify;
  471. height:0px;
  472. margin-left:-60px;
  473. margin-top:-910px;
  474. overflow:auto;
  475. opacity:0;
  476. -webkit-transition-duration: 0.5s;
  477. -webkit-transition:all 0.5s ease-in-out;
  478. -moz-transition:all 0.5s ease-in-out;
  479. -o-transition:all 0.5s ease-in-out;
  480. transition:all 0.5s ease-in-out;
  481. }
  482.  
  483. .icon1:hover .icon1p{
  484. margin-top:10px;
  485. height:120px;
  486. opacity:1;
  487. -webkit-transition-duration: 0.5s;
  488. -webkit-transition:all 0.5s ease-in-out;
  489. -moz-transition:all 0.5s ease-in-out;
  490. -o-transition:all 0.5s ease-in-out;
  491. transition:all 0.5s ease-in-out;
  492. }
  493.  
  494. .icon2:hover .icon2p{
  495. margin-top:10px;
  496. height:120px;
  497. opacity:1;
  498. -webkit-transition-duration: 0.5s;
  499. -webkit-transition:all 0.5s ease-in-out;
  500. -moz-transition:all 0.5s ease-in-out;
  501. -o-transition:all 0.5s ease-in-out;
  502. transition:all 0.5s ease-in-out;
  503. }
  504.  
  505. .png{
  506. position:fixed;
  507. background-image:url('{image:png}');
  508. height:380px;
  509. width:280px;
  510. border-bottom:4px solid {color:border};
  511. margin-left:490px;
  512. margin-top:30px;
  513. z-index:5;
  514. opacity:1;
  515. }
  516. .title{
  517. position:fixed;
  518. width:200px;
  519. height:17px;
  520. margin-left:15px;
  521. margin-top:-155px;
  522. text-align:center;
  523. z-index:5;
  524. }
  525.  
  526. .title re{
  527. position:fixed;
  528. letter-spacing:1px;
  529. font-size:25px;
  530. margin-top:18px;
  531. margin-left:0px;
  532. color:{color:container};
  533. font-family:abril fatface;
  534. font-style:italic;
  535. z-index:5;
  536. text-transform:uppercase;
  537. }
  538.  
  539. .title span{
  540. color:{color:post links};
  541. font-size:50px;
  542. padding:20px;
  543. border-radius:100%;
  544. }
  545.  
  546. .title p{
  547. position:fixed;
  548. color:{color:linksbg};
  549. padding-top:2px;
  550. padding-left:5px;
  551. padding-right:5px;
  552. padding-bottom:3px;
  553. height:auto;
  554. margin-top:45px;
  555. margin-left:98px;
  556. font-weight:bold;
  557. width:200px;
  558. font-size:10px;
  559. text-align:left;
  560. text-transform:uppercase;
  561. font-family:poppins;
  562. -webkit-transition-duration: 0.5s;
  563. -webkit-transition:all 0.5s ease-in-out;
  564. -moz-transition:all 0.5s ease-in-out;
  565. -o-transition:all 0.5s ease-in-out;
  566. transition:all 0.5s ease-in-out;
  567. }
  568.  
  569. #wave {
  570. position: fixed;
  571. height: 200px;
  572. width: 480px;
  573. z-index:8;
  574. overflow:hidden;
  575. -webkit-border-top-left-radius: 4px;
  576. -moz-border-radius-topleft: 4px;
  577. border-top-left-radius: 4px;
  578. }
  579. #wave:before {
  580. content: "";
  581. display: block;
  582. border-radius: 100% ;
  583. width: 580px;
  584. height: 580px;
  585. z-index:-999;
  586. background-color: {color:border};
  587. margin-top: -400px;
  588. margin-left:-100px;
  589. }
  590.  
  591. .pict{
  592. position:fixed;
  593. margin-top:-100px;
  594. margin-left:30px;
  595. width:200px;
  596. height:120px;
  597. z-index:99;
  598. }
  599.  
  600. .pict span{
  601. font-size:110px;
  602. font-weight:100;
  603. font-family:arial;
  604. color:{color:postbg};
  605. }
  606.  
  607. .pict h1{
  608. position:fixed;
  609. margin-top:-100px;
  610. margin-left:40px;
  611. text-transform:lowercase;
  612. font-size:30px;
  613. color:{color:postbg};
  614. text-shadow: 1px 1px 0px {color:post links};
  615. -webkit-transform: rotate(356deg);
  616. -moz-transform: rotate(356deg);
  617. -ms-transform: rotate(356deg);
  618. -o-transform: rotate(356deg);
  619. transform: rotate(356deg);
  620. }
  621. /*END SIDEBAR*/
  622.  
  623. /*POSTS*/
  624. #c{
  625. height:330px;
  626. width:420px;
  627. margin-top:195px;
  628. z-index:8;
  629. position:fixed;
  630. margin-left:40px;
  631. overflow:auto;
  632. color:{color:text};
  633. }
  634.  
  635. .container{
  636. position:fixed;
  637. left:50%;
  638. top:50%;
  639. margin-top:-290px;
  640. margin-left:-395px;
  641. height:580px;
  642. width:800px;
  643. z-index:-9;
  644. opacity:1;
  645. overflow:hidden;
  646. -webkit-border-radius: 5px;
  647. -moz-border-radius: 5px;
  648. border-radius: 5px;
  649. background:{color:container};
  650. background-image:url('{image:container}');
  651. }
  652.  
  653. .posts {
  654. width:360px;
  655. margin-left:0px;
  656. font-size:8px;
  657. margin-top:5px;
  658. margin-bottom:50px;
  659. font-family: 'poppins';
  660. color:{color:text};
  661. z-index:-8;
  662. font-weight:normal;
  663. -webkit-border-top-left-radius: 4px;
  664. -webkit-border-top-right-radius: 4px;
  665. -moz-border-radius-topleft: 4px;
  666. -moz-border-radius-topright: 4px;
  667. border-top-left-radius: 4px;
  668. border-top-right-radius: 4px;
  669. }
  670.  
  671. .posts p{
  672.  
  673. }
  674.  
  675.  
  676. .posts a{
  677. color:{color:post links};
  678. }
  679.  
  680. .entries {
  681. width:360px;
  682. padding:20px;
  683. font-weight:normal;
  684. color:{color:text};
  685. background-color:{color:postbg};
  686. font-family: 'poppins';
  687. margin-bottom:20px;
  688. z-index:-8;
  689. border-radius:4px;
  690. -webkit-transition-property: top, bottom;
  691. -webkit-transition-duration: 0.5s;
  692. -webkit-transition:all 0.5s ease-in-out;
  693. -moz-transition:all 0.5s ease-in-out;
  694. -o-transition:all 0.5s ease-in-out;
  695. transition:all 0.5s ease-in-out;
  696.  
  697. }
  698.  
  699. .info {
  700. padding:5px;
  701. padding-top:20px;
  702.  
  703. margin-left:-20px;
  704. margin-top:-21px;
  705. text-align:right;
  706. font-family: 'poppins';
  707. font-weight:bold;
  708. font-size:8px;
  709. width:390px;
  710. border-bottom:none;
  711. line-height:15px;
  712. letter-spacing:2px;
  713. text-transform:uppercase;
  714. color:{color:post links};
  715. background-color:{color:postbg};
  716. margin-bottom:10px;
  717. -webkit-border-top-left-radius: 4px;
  718. -webkit-border-top-right-radius: 4px;
  719. -moz-border-radius-topleft: 4px;
  720. -moz-border-radius-topright: 4px;
  721. border-top-left-radius: 4px;
  722. border-top-right-radius: 4px;
  723. text-shadow: 1px 1px 0px rgba(255,255,255,.4);
  724. -webkit-transition-property: top, bottom;
  725. -webkit-transition-duration: 0.5s;
  726. -webkit-transition:all 0.5s ease-in-out;
  727. -moz-transition:all 0.5s ease-in-out;
  728. -o-transition:all 0.5s ease-in-out;
  729. transition:all 0.5s ease-in-out;
  730. }
  731.  
  732. .info i{
  733. margin-top:4px;
  734. color:{color:postbg};
  735. position:absolute;
  736. }
  737.  
  738. .info i:hover{
  739. cursor:pointer;
  740. }
  741.  
  742. .info a {
  743. text-align:right;
  744. font-weight:bold;
  745. color:{color:post links};
  746. -webkit-transition-property: top, bottom;
  747. -webkit-transition-duration: 0.5s;
  748. -webkit-transition:all 0.5s ease-in-out;
  749. -moz-transition:all 0.5s ease-in-out;
  750. -o-transition:all 0.5s ease-in-out;
  751. transition:all 0.5s ease-in-out;}
  752.  
  753. .info a:hover {
  754. color:{color:hover};
  755. -webkit-transition-property: top, bottom;
  756. -webkit-transition-duration: 0.5s;
  757. -webkit-transition:all 0.5s ease-in-out;
  758. -moz-transition:all 0.5s ease-in-out;
  759. -o-transition:all 0.5s ease-in-out;
  760. transition:all 0.5s ease-in-out;}
  761.  
  762. .noties{
  763. margin-top:-10px;
  764. text-align:right;
  765. }
  766.  
  767. .tags{
  768. padding:20px;
  769. margin-left:-20px;
  770. margin-bottom:-31px;
  771. text-align:right;
  772. font-family: 'poppins';
  773. font-weight:bold;
  774. font-size:8px;
  775. width:360px;
  776. text-align:center;
  777. line-height:15px;
  778. letter-spacing:2px;
  779. text-transform:uppercase;
  780. color:{color:post links};
  781. background-color:{color:postbg};
  782. text-shadow: 1px 1px 0px rgba(255,255,255,.4);
  783. -webkit-transition:all 0.5s ease-in-out;
  784. -moz-transition:all 0.5s ease-in-out;
  785. -o-transition:all 0.5s ease-in-out;
  786. transition:all 0.5s ease-in-out;
  787. -webkit-border-bottom-right-radius: 4px;
  788. -webkit-border-bottom-left-radius: 4px;
  789. -moz-border-radius-bottomright: 4px;
  790. -moz-border-radius-bottomleft: 4px;
  791. border-bottom-right-radius: 4px;
  792. border-bottom-left-radius: 4px;
  793. }
  794.  
  795. .tags a {
  796. display:inline-block;
  797. margin-right:5px;
  798. margin-top:0px;
  799. color:{color:post links};
  800. -webkit-transition:all 0.5s ease-in-out;
  801. -moz-transition:all 0.5s ease-in-out;
  802. -o-transition:all 0.5s ease-in-out;
  803. transition:all 0.5s ease-in-out;
  804. }
  805.  
  806. .tags a:hover{
  807. color:{color:hover};
  808. }
  809.  
  810. .post_title {
  811. display:block;
  812. padding:2px;
  813. text-align:center;
  814. font-size:25px;
  815. font-family: 'abril fatface';
  816. color:{color:linksbg};
  817. }
  818.  
  819. .post_title a{
  820. color:{color:linksbg};
  821. }
  822.  
  823. .text {
  824. display:block;
  825. padding:5px;
  826. text-align:justify;
  827. color:{color:Text};
  828. }
  829.  
  830. .photo{
  831. padding-top:10px;
  832. margin-left:2px;}
  833.  
  834. .photo img {
  835. display:block;
  836. max-width:350px;
  837. margin-left:-2px;
  838. }
  839.  
  840. .photoset{
  841. width:100%;
  842. margin-left:1px;
  843. padding-top:6px;
  844. }
  845.  
  846. .posts img{
  847. max-width:360px;
  848. -webkit-transition:all 0.7s ease-in-out;
  849. -moz-transition:all 0.7s ease-in-out;
  850. -o-transition:all 0.7s ease-in-out;
  851. transition:all 0.7s ease-in-out;
  852. }
  853.  
  854. .posts img:hover{
  855. -webkit-filter: grayscale(1);
  856. filter: grayscale(1);
  857. }
  858.  
  859. .video {
  860. width:345px;
  861. margin-left:-52px;
  862. }
  863.  
  864. .video iframe {
  865. width:345px;}
  866.  
  867. .posts p{
  868. color:{color:text};
  869. }
  870.  
  871. .quote {
  872. display:block;
  873. padding:10px;
  874. text-align:center;
  875. font-size:15px;
  876. font-family:'abril fatface';
  877. color:{color:text};}
  878.  
  879. .source {
  880. display:block;
  881. padding:5px;
  882. text-align:center;
  883. font-size:9px;
  884. }
  885.  
  886. .chat li {
  887. display:block;
  888. padding:5px;
  889. color:{color:text};}
  890.  
  891. .audio{
  892. width:100%-30px;
  893. border-radius:4px;
  894. margin-top:20px;
  895. height:55px;
  896. background:#f2f2f2;padding:20px;
  897. }
  898.  
  899. .audioimg img {
  900. width:40px;
  901. height:40px;
  902. margin-left:270px;
  903. border-radius:30px;
  904. padding:4px;
  905. border:1px solid {color:border};
  906. color:{color:text};
  907. font-family: 'poppins';
  908. text-align:center;
  909. text-transform:uppercase;}
  910.  
  911. .audioinfo {
  912. margin-top:-20px;
  913. margin-left:50px;
  914. max-width:200px;
  915. overflow:scroll;
  916. color:{color:Text};}
  917.  
  918. .audioplayer{
  919. height:30px;
  920. width:30px;
  921. margin-top:-40px;
  922. margin-left:5px;
  923. font-size:15px;
  924. overflow:hidden;
  925. -webkit-transition:all 0.7s ease-in-out;
  926. -moz-transition:all 0.7s ease-in-out;
  927. -o-transition:all 0.7s ease-in-out;
  928. transition:all 0.7s ease-in-out;
  929. }
  930.  
  931. .audioimg:hover .audioplayer{
  932. opacity:1
  933. -webkit-transition:all 0.7s ease-in-out;
  934. -moz-transition:all 0.7s ease-in-out;
  935. -o-transition:all 0.7s ease-in-out;
  936. transition:all 0.7s ease-in-out;
  937. }
  938.  
  939. #ask{
  940. font-family:'poppins';
  941. font-size:8px;
  942. width:340px;
  943. margin-left:5px;
  944. padding:10px;
  945. text-align:justify;
  946. padding-bottom:-0px;
  947. text-transform:uppercase;
  948. font-weight:normal;
  949. color:{color:text};
  950. letter-spacing:1px;
  951. text-shadow: 1px 1px 0px rgba(255,255,255,.2);
  952. }
  953.  
  954. .question{
  955.  
  956. min-height:10px;
  957. width:280px;
  958. text-align:justify;
  959. color:{color:text};
  960. padding:5px;
  961. font-weight:bold;
  962. line-height:18px;
  963. font-family:'poppins';
  964. margin-left:50px;
  965. margin-top:-20px;
  966. }
  967.  
  968. .question b, .question a{
  969. background-color:{color:text};
  970. color:{color:postbg};
  971. padding:5px;
  972. font-size:10px;
  973. margin-left:-10px;
  974. }
  975.  
  976. .question img{
  977. -webkit-border-radius: 50px;
  978. -moz-border-radius: 50px;
  979. border-radius: 50px;
  980. padding:3px;
  981. margin-left:-55px;
  982. margin-top:12px;
  983. border:1px solid {color:border};
  984. box-shadow: 0px 0px 2px rgba(255,255,255,.5) ;
  985. -webkit-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
  986. -moz-box-shadow:0px 0px 2px rgba(255,255,255,.5) ;
  987. }
  988. .answer{
  989. margin-top:20px;
  990. text-transform:none;
  991. color:{color:text};
  992. text-align:justify;
  993. }
  994. /*END POSTS*/
  995.  
  996. /*scrollbar*/
  997.  
  998. ::-webkit-scrollbar {
  999. height:0px;
  1000. width:0px;
  1001. background-color:{color:border};}
  1002.  
  1003. ::-webkit-scrollbar-thumb {
  1004. height:auto;
  1005. background-color:{color:accent};}
  1006.  
  1007.  
  1008. .notes {
  1009. font-family:'poppins';
  1010. text-align:center;
  1011. text-transform:uppercase;
  1012. font-size:8px;
  1013. width:350px;
  1014. margin-left:-30px;
  1015. margin-top:20px;
  1016. color:{color:border};
  1017. }
  1018.  
  1019. .notes li{
  1020. list-style-type:none;
  1021. padding:5px;
  1022. }
  1023.  
  1024. .notes img {
  1025. opacity:0;
  1026. display:none;
  1027. }
  1028.  
  1029. .notes a{
  1030. color:{color:post links};
  1031. }
  1032.  
  1033. #credit {
  1034. position:fixed;
  1035. font-family:'poppins';
  1036. color:{color:Border};
  1037. text-transform:uppercase;
  1038. font-weight:bold;
  1039. font-size:11px;
  1040. width:10px;
  1041. height:10px;
  1042. right:5px;
  1043. bottom:5px;
  1044. padding:5px;
  1045. opacity:1;
  1046. letter-spacing:4px;
  1047. }
  1048.  
  1049. .modal{
  1050. position:fixed;
  1051. left:50%;
  1052. top:50%;
  1053. width:10px;
  1054. z-index:99999999999;
  1055. }
  1056.  
  1057. .modalbutton{
  1058. margin-left:-370px;
  1059. margin-top:-360px;
  1060. width:10px;
  1061. z-index:99999999999;
  1062. }
  1063.  
  1064. .modalbutton a{
  1065. margin-left:-1px;
  1066. margin-right:2px;
  1067. margin-top:8px;
  1068. margin-bottom:4px;
  1069. letter-spacing:3px;
  1070. width:70px;
  1071. height:70px;
  1072. padding:15px;
  1073. padding-top:12px;
  1074. padding-bottom:8px;
  1075. font-family:'poppins';
  1076. font-size:12px;
  1077. text-decoration:none;
  1078. text-transform:uppercase;
  1079. color:{color:links};
  1080. -webkit-transition:all 0.7s ease-in-out;
  1081. -moz-transition:all 0.7s ease-in-out;
  1082. -o-transition:all 0.7s ease-in-out;
  1083. transition:all 0.7s ease-in-out;
  1084.  
  1085. }
  1086.  
  1087. .modalbutton p{
  1088. width:00px;
  1089. font-size:70px;
  1090. text-shadow:none;
  1091. color:{color:post links};
  1092. }
  1093.  
  1094. .modalbutton a:hover {
  1095. color:{color:Hover};
  1096. -webkit-transition:all 0.5s ease-in-out;
  1097. -moz-transition:all 0.5s ease-in-out;
  1098. -o-transition:all 0.5s ease-in-out;
  1099. transition:all 0.5s ease-in-out;}
  1100.  
  1101.  
  1102. .modalDialog {
  1103. position: fixed;
  1104. font-family: poppins;
  1105. top:50%;
  1106. margin-top:-310px ;
  1107. left: 50%;
  1108. height:0px;
  1109. width:0px;
  1110. margin-left:-415px;
  1111. padding:20px;
  1112. z-index: 9999999999999999999999;
  1113. opacity:0;
  1114. -webkit-transition: opacity 400ms ease-in;
  1115. -moz-transition: opacity 400ms ease-in;
  1116. transition: opacity 400ms ease-in;
  1117. pointer-events:none;
  1118. }
  1119. .modalDialog:target {
  1120. opacity:1;
  1121. pointer-events: auto;
  1122. }
  1123. .modalDialog > div {
  1124. width: 780px;
  1125. height:562px;
  1126. z-index: 9999999999999999999999;
  1127. position: relative;
  1128. padding: 5px 10px 13px 10px;
  1129. background: {color:container};
  1130. border-radius:5px;
  1131. }
  1132.  
  1133. .close {
  1134. color: {color:text};
  1135. line-height: 25px;
  1136. position: absolute;
  1137. right: 15px;
  1138. margin-top:0px;
  1139. text-align: center;
  1140. font-weight: bold;
  1141. font-size:10px;
  1142. }
  1143.  
  1144. .close:hover {
  1145. color: {color:border};
  1146. }
  1147.  
  1148. .muses{
  1149. position:fixed;
  1150. margin-top:460px;
  1151. margin-left:40px;
  1152. width:700px;
  1153. padding:0px;
  1154. height:90px;
  1155. float:left;
  1156. overflow-x:auto;
  1157. }
  1158.  
  1159. .muses a{
  1160. margin-right:20px;
  1161. margin-bottom:20px;
  1162. overflow-x:auto;
  1163. white-space: nowrap;
  1164. }
  1165.  
  1166. .muses img{
  1167. height:60px;
  1168. height:60px;
  1169. border-left:1px solid {color:border};
  1170. border-top:1px solid {color:border};
  1171. border-right:1px solid {color:accent};
  1172. border-bottom:1px solid {color:accent};
  1173. }
  1174.  
  1175. .pngg{
  1176. position:fixed;
  1177. width:250px;
  1178. height:380px;
  1179. margin-left:270px;
  1180. margin-top:40px;
  1181. z-index:9;
  1182. border-bottom:4px solid {color:border};
  1183. background-image:url('{image:popup png}');
  1184. }
  1185.  
  1186. .puplinks{
  1187. position:fixed;
  1188. margin-left:530px;
  1189. margin-top:80px;
  1190. height:300px;
  1191. width:220px;
  1192. text-align:center;
  1193. }
  1194.  
  1195. .puplinks2{
  1196. margin-left:200px;
  1197. }
  1198.  
  1199. .puplinks h1{
  1200. font-size:20px;
  1201. margin-bottom:10px;
  1202. }
  1203.  
  1204. .puplinks a{
  1205. display:inline-block;
  1206. background-color:{color:accent};
  1207. color:{color:border};
  1208. padding-top:2px;
  1209. padding-left:5px;
  1210. padding-right:5px;
  1211. padding-bottom:7px;
  1212. height:10px;
  1213. margin-top:20px;
  1214. margin-bottom:0px;
  1215. font-weight:bold;
  1216. min-width:10px;
  1217. font-size:10px;
  1218. text-align:right;
  1219. text-transform:uppercase;
  1220. font-family:poppins;
  1221. font-style:italic;
  1222. -webkit-transition-duration: 0.5s;
  1223. -webkit-transition:all 0.5s ease-in-out;
  1224. -moz-transition:all 0.5s ease-in-out;
  1225. -o-transition:all 0.5s ease-in-out;
  1226. transition:all 0.5s ease-in-out;
  1227. }
  1228.  
  1229. .puplinks a:hover{
  1230. color:{color:accent};
  1231. text-decoration:none;
  1232.  
  1233. background-color:{color:border};
  1234. -webkit-transition-duration: 0.5s;
  1235. -webkit-transition:all 0.5s ease-in-out;
  1236. -moz-transition:all 0.5s ease-in-out;
  1237. -o-transition:all 0.5s ease-in-out;
  1238. transition:all 0.5s ease-in-out;
  1239. }
  1240.  
  1241. .qu{
  1242. position:fixed;
  1243. margin-top:200px;
  1244. margin-left:40px;
  1245. width:200px;
  1246. height:200px;
  1247. line-height:30px;
  1248. text-align:justify;
  1249. font-size:20px;
  1250. font-family:'abril fatface';
  1251. }
  1252.  
  1253. /*END SCROLLBAR*/
  1254.  
  1255. </style>
  1256. </head>
  1257. <body>
  1258.  
  1259. <!--SIDEBAR-->
  1260. </div>
  1261.  
  1262.  
  1263. <div class="container">
  1264.  
  1265. <div class="desc">{description}</div>
  1266. <div id="wave"><div class="title"><re>{text:title1}</re><p>{text:mini title}</p></div></div>
  1267.  
  1268. {block:ifSidebarIcons}
  1269. <div class="icon1"><img src="{image:icon1}" style="border-radius:100%; margin-left:-7px; height:75px; width:75px; margin-top:-7px;"/><div class="icon1p"><b><i>ADMIN 1:</i></b> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. </div></div>
  1270. <div class="icon2"><img src="{image:icon2}" style="border-radius:100%; margin-left:5px; height:75px; width:75px; margin-top:-7px;"/><div class="icon2p"><b><i>ADMIN 2:</i></b> LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT, SED DO EIUSMOD TEMPOR INCIDIDUNT UT LABORE ET DOLORE MAGNA ALIQUA. UT ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCITATION ULLAMCO LABORIS NISI UT ALIQUIP EX EA COMMODO CONSEQUAT. </div></div>
  1271. {/block:ifSidebarIcons}
  1272.  
  1273. <div class="links">
  1274. <div class="link1"><a href="{text:link 1 URL}" title="{text:link 1 Title}"><span class="th th-home-o"></span></a></div>
  1275. <div class="link2"><a href="{text:link 2 URL}" title="{text:link 2 Title}"><span class="th th-chat-bubble-o"></span></a></div>
  1276. <div class="link3"><a href="{text:link 3 URL}" title="{text:link 3 Title}"><span class="th th-planet-1-o"></span></a></div>
  1277. <div class="link4"><a href="{text:link 4 URL}" title="{text:link 4 Title}"><span class="th th-shooting-star-o"></span></a></div>
  1278. </div>
  1279.  
  1280. <div class="png"></div>
  1281. <div class="header"><div class="pic"><sp>░</sp></div></div>
  1282. <div class="modal">
  1283. <div class="modalbutton">
  1284. <a href="#openModal"><p><span class="th th-beehive-o" title="more !"></span></p></a></div>
  1285.  
  1286. <div class="modalbox">
  1287.  
  1288. <div id="openModal" class="modalDialog">
  1289. <div> <a href="#close" title="Close" class="close">x</a>
  1290. <div class="pngg"></div>
  1291. <div id="wave" style="margin-left:-10px; margin-top:-5px; z-index:2"></div>
  1292. <div class="muses">
  1293. <!--this is where the muses go, replace muse name with your muse's name and the example icon with your own. please do not use my icon.-->
  1294. <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
  1295. <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
  1296. <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
  1297. <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
  1298. <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
  1299. <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
  1300. <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
  1301. <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
  1302. <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
  1303. <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
  1304. <a href="etcrnities.tumblr.com" title="muse name"><img src="https://66.media.tumblr.com/430de1eb740917d6e3f23f90967dfdf8/31420c832a3a3f08-90/s540x810/213f13a9887404a665bb714a9fd53968d7d329f9.png"/></a>
  1305. </div>
  1306.  
  1307. <div class="puplinks">
  1308. <!--before acceptance nav links-->
  1309. <h1>navigate around</h1>
  1310. <a href="{text:Popup URL 1}">{text:popup link name 1}</a><br>
  1311. <a href="{text:Popup URL 2}">{text:popup link name 2}</a><br>
  1312. <a href="{text:Popup URL 3}">{text:popup link name 3}</a><br>
  1313. <a href="{text:Popup URL 4}">{text:popup link name 4}</a><br>
  1314. <a href="{text:Popup URL 5}">{text:popup link name 5}</a><br>
  1315. <a href="{text:Popup URL 6}">{text:popup link name 6}</a><br><br></div>
  1316.  
  1317. <div class="qu"><p>❝&nbsp;{text:popup quote}&nbsp;❞</P>
  1318. </div>
  1319.  
  1320. </div></div></div></div>
  1321. <div id="c">
  1322. <div class="posts">
  1323. {block:Posts}
  1324.  
  1325. <div class="entries">
  1326. <div class="info"><center>
  1327. <a href="{Permalink}">{NoteCount} notes</a>&nbsp;•&nbsp;<a href="{Permalink}">{TimeAgo}</a>&nbsp;•&nbsp;<a href="{ReblogURL}" target="_blank" class="details">reblog</a></a>
  1328. </center></div>
  1329. {block:Text}
  1330.  
  1331. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  1332. <div class="text">{Body}</div>
  1333.  
  1334. {/block:Text}
  1335.  
  1336. <!--END TEXT POSTS-->
  1337.  
  1338. <!--PHOTO POSTS-->
  1339.  
  1340. {block:Photo}
  1341.  
  1342. <div class="photo"><center><img src="{PhotoURL-HighRES}"/></center></div>
  1343. <div class="text">{Caption}</div>
  1344.  
  1345. {/block:Photo}
  1346.  
  1347. <!--END PHOTO POSTS-->
  1348.  
  1349. <!--PHOTOSET POSTS-->
  1350.  
  1351. {block:Photoset}
  1352.  
  1353. <center><div class="photoset">{Photoset}</div></center>
  1354. <div class="text">{Caption}</div>
  1355.  
  1356. {/block:Photoset}
  1357.  
  1358. <!--END PHOTOSET POSTS-->
  1359.  
  1360. <!--QUOTE POSTS-->
  1361.  
  1362. {block:Quote}
  1363.  
  1364. <div class="quote">❝{Quote}❞ </div>
  1365. <div class="source" style="text-align: left; font-weight:bold;">&mdash;{Source}</div>
  1366.  
  1367. {/block:Quote}
  1368.  
  1369. <!--END QUOTE POSTS-->
  1370.  
  1371. <!--LINK POSTS-->
  1372.  
  1373. {block:Link}
  1374.  
  1375. <div class="post_title"><a href="{URL}">{Name}</a></div>
  1376. {block:Description}<div class="text">{Description}</div>{/block:Description}
  1377.  
  1378. {/block:Link}
  1379.  
  1380. <!--END LINK POSTS-->
  1381.  
  1382. <!--CHAT POSTS-->
  1383.  
  1384. {block:Chat}
  1385.  
  1386. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  1387. <div class="chat">
  1388. <ul>
  1389. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  1390. </ul>
  1391. </div>
  1392.  
  1393. {/block:Chat}
  1394.  
  1395. <!--END CHAT POSTS-->
  1396.  
  1397. <!--AUDIO POSTS-->
  1398.  
  1399. {block:Audio}
  1400.  
  1401. <div class="audio"> {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/><div class="audioplayer">{AudioPlayerWhite}</div></div>{/block:AlbumArt}
  1402. <div class="audioinfo">
  1403. {block:TrackName}<b>Now Playing</b> {TrackName}{/block:TrackName}{block:Artist} <b>by</b> {Artist}{/block:Artist}<br></div>
  1404. </div>
  1405. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  1406.  
  1407. {/block:Audio}
  1408.  
  1409. <!--END AUDIO POSTS-->
  1410.  
  1411. <!--VIDEO POSTS-->
  1412.  
  1413. {block:Video}
  1414.  
  1415. <center><div class="video">{Video-400}</div></center>
  1416. <div class="text">{Caption}</div>
  1417.  
  1418. {/block:Video}
  1419.  
  1420. <!--END VIDEO POSTS-->
  1421.  
  1422. <!--ANSWER POSTS-->
  1423. {block:Answer}
  1424. <div id="ask">
  1425. <div class="question">
  1426. <img src="{AskerPortraitURL-40}"/><p style="margin-top:-25px;"><b>{Asker}:</b> {Question}</p></div>
  1427. <div class="answer">
  1428. {Answer}</div></div>
  1429. {/block:answer}
  1430. <!--END ANSWER POSTS-->
  1431. {block:HasTags}
  1432. <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  1433. {/block:HasTags} {block:PostNotes}<div id="notes">{PostNotes}{/block:PostNotes}</div>
  1434.  
  1435. {/block:Posts}<div class="pagination">
  1436. {block:PreviousPage}<a href="{PreviousPage}">BACK / </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}</div>
  1437. </div>
  1438. {/block:PermalinkPage}</div>
  1439.  
  1440. </div>
  1441. </div>
  1442. </div>
  1443. </div>
  1444. <div id="credit">
  1445. <a href="http://etcrnities.tumblr.com" title="etcrnities"><span class="th th-bee-o"></span></a>
  1446. </div>
  1447. </div>
  1448. </div>
  1449. <!--END POSTS-->
  1450.  
  1451. </div>
  1452. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement