Isandria

Jugram Theme

Jul 7th, 2016
142
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.73 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9. </head>
  10.  
  11. <!--
  12. THEMES BY NAPS
  13. ● find me at http://napsthemes.tumblr.com/
  14. ● do not remove credit.
  15. ● do not claim as your own.
  16. ● do not use as a base code.
  17. -->
  18. <meta name="image:background" content="http://static.tumblr.com/91fd9c6234a4165e8e9d57d65dea368a/86jccts/ZAQo6x6l1/tumblr_static_a33f50lq4bkgko8cwwg04skok.jpg" />
  19.  
  20. <meta name="color:background" content="#000000">
  21. <meta name="color:text" content="#3f3f3f">
  22. <meta name="color:bold" content="#3f3f3f">
  23. <meta name="color:italic" content="#3f3f3f">
  24. <meta name="color:blockquote" content="#3f3f3f">
  25. <meta name="color:border" content="#7d2121">
  26. <meta name="color:askbg" content="#7d2121">
  27. <meta name="color:grad1" content="#7d2121">
  28. <meta name="color:grad2" content="#7d2121">
  29. <meta name="color:grad3" content="#7d2121">
  30. <meta name="color:link" content="#dcdcdc">
  31. <meta name="color:postlink" content="#000000">
  32. <meta name="color:link hover" content="#cbcbcb">
  33. <meta name="color:pagination" content="#dcdcdc">
  34. <meta name="color:pagination hover" content="#cbcbcb">
  35. <meta name="color:navigation" content="#dcdcdc">
  36. <meta name="color:navigation hover" content="#cbcbcb">
  37. <meta name="color:scrollbar" content="#fb9d28" />
  38. <meta name="color:selectiontext" content="#ffffff" />
  39. <meta name="color:selectionbg" content="#8c8c8c" />
  40. <meta name="color:info" content="#8c8c8c" />
  41. <meta name="color:info hover" content="#ffffff" />
  42. <meta name="color:tags" content="#8c8c8c" />
  43. <meta name="color:tags hover" content="#ffffff" />
  44. <meta name="color:hover title" content="#ffffff" />
  45. <meta name="text:font size" content="11" />
  46.  
  47. <meta name="text:hover title" content="HOVER" />
  48. <meta name="text:hover title size" content="25" />
  49. <meta name="text:asked" content="Whispered" />
  50. <meta name="text:navi links" content="⧗" />
  51. <meta name="text:perma links" content="✖" />
  52.  
  53. <meta name="text:link 1" content="link1 url" />
  54. <meta name="text:link 1 hover" content="link1 hover" />
  55. <meta name="text:link 2" content="link2 url" />
  56. <meta name="text:link 2 hover" content="link2 hover" />
  57. <meta name="text:link 3" content="link3 url" />
  58. <meta name="text:link 3 hover" content="link3 hover" />
  59.  
  60.  
  61.  
  62. <link href='https://fonts.googleapis.com/css?family=Trade+Winds' rel='stylesheet' type='text/css'>
  63.  
  64. <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:400,300italic' rel='stylesheet' type='text/css'>
  65.  
  66. <link href='https://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  67.  
  68. <link href='https://fonts.googleapis.com/css?family=Cinzel:400,900' rel='stylesheet' type='text/css'>
  69.  
  70. <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  71.  
  72. <link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  73.  
  74. <link href='https://fonts.googleapis.com/css?family=Gidugu' rel='stylesheet' type='text/css'>
  75.  
  76. <!--- START Hover Pagnation Links --->
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78.  
  79. <script src="http://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  80.  
  81. <link href='https://fonts.googleapis.com/css?family=Sue+Ellen+Francisco' rel='stylesheet' type='text/css'>
  82.  
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("a[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:90,
  89. tip_fade_speed:600,
  90. attribute:"title"
  91. });
  92. });
  93. })(jQuery);
  94. </script>
  95.  
  96. <!--- END Hover Pagnation Links --->
  97.  
  98. <!--- START Pop Up Script --->
  99. <script type="text/javascript"
  100. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  101. <script>
  102. $(document).ready(function() {
  103. //
  104. $('a.poplight[href^=#]').click(function() {
  105. var popID = $(this).attr('rel'); //Get Popup Name
  106. var popURL = $(this).attr('href'); //Get Popup href to define size
  107. var query= popURL.split('?');
  108. var dim= query[1].split('&');
  109. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  110. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  111. var popMargTop = ($('#' + popID).height() + 80) / 2;
  112. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  113. //Apply Margin to Popup
  114. $('#' + popID).css({
  115. 'margin-top' : -popMargTop,
  116. 'margin-left' : -popMargLeft
  117. });
  118. $('body').append('<div id="fade"></div>');
  119. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  120. return false;
  121. });
  122. $('a.close, #fade').live('click', function() {
  123. $('#fade , .popup_block').fadeOut(function() {
  124. $('#fade, a.close').remove(); //fade them both out
  125. });
  126. return false;
  127. });
  128. });
  129. </script>
  130.  
  131. <!--- END Pop Up Script --->
  132.  
  133. <style type="text/css">
  134.  
  135. /* Hover Pagnation Links */
  136.  
  137. #s-m-t-tooltip {
  138. max-width:300px;
  139. border-radius: 0px; /* you can add in a border radius here for curved corners if you like */
  140. padding:4px; /* space around the text */
  141. margin:5px 10px 5px 0px; /* positioning of your hover info in relation to the link */
  142. color:{color:text}; /* text color */
  143. font-family: ‘Fjalla One’, sans-serif; /* i’ve added a custom font in here but you can remove this line if you don’t use custom fonts */
  144. font-size:10px; /* font size of your hover info */
  145. letter-spacing:2px; /* optional letter spacing */
  146. background:{color:background}; /* change the background color of your hover info */
  147. z-index:99999;}
  148.  
  149. /* END Hover Pagnation Links */
  150.  
  151. /*Hover Description*/
  152.  
  153. #hovertitle {
  154. visibility:hidden;
  155. font-family: 'Allura', cursive;
  156. text-align:center;
  157. font-size: {text:hover title size}px;
  158. line-height: 100%;
  159. letter-spacing:2px;
  160. font-weight:normal;
  161. text-transform:uppercase;
  162. color:{color:hover title};
  163. text-shadow: 0px 0px 10px #000;
  164. -webkit-transform: rotate(-90deg);
  165. position:fixed;
  166. top:225px;
  167. left:330px;
  168.  
  169. }
  170.  
  171. #hoverbox {
  172. position:fixed;
  173. top:30px;
  174. margin-left:30px;}
  175.  
  176. #hovercontent {
  177. font-family: 'Josefin Sans', sans-serif;
  178. font-size: {text:font size}px;
  179. text-align:center;
  180. margin-top:10px;
  181. width:150px;
  182. color:#fff;
  183. opacity:0;
  184. -webkit-transition: all 0.7s ease;
  185. -moz-transition: all 0.7s ease;
  186. -o-transition: all 0.7s ease;}
  187.  
  188. #hoverbox:hover #hovercontent {
  189. opacity:1;
  190. -webkit-transition: all 0.7s ease;
  191. -moz-transition: all 0.7s ease;
  192. -o-transition: all 0.7s ease;}
  193.  
  194. /* END Hover Description */
  195.  
  196. ::-webkit-scrollbar{
  197. height:12px;
  198. width:2px;
  199. background:inherit;}
  200.  
  201. ::-webkit-scrollbar-thumb {
  202. background: -webkit-linear-gradient({color:background}, {color:scrollbar}, {color:background});}
  203.  
  204. ::-webkit-scrollbar-track {
  205. margin-top:20px;
  206. margin-bottom:20px;
  207. background:transparent;}
  208.  
  209. ::-moz-selection {
  210. color:{color:selectiontext};
  211. background:{color:selectionbg};}
  212.  
  213. ::selection {
  214. color:{color:selectiontext};
  215. background:{color:selectionbg};}
  216.  
  217. body {
  218. background-color:{color:background};
  219. font-family: arial;
  220. font-size: {text:font size}px;
  221. color:{color:text};
  222. background-image: url('{image:background}');
  223. background-attachment:fixed;
  224. background-repeat:no-repeat;
  225. background-position: top left;
  226. }
  227.  
  228. a {
  229. text-decoration:none;
  230. font-size:16px;
  231. font-family: 'Allura', cursive;
  232. color:{color:post link};
  233. text-shadow:1px 1px 7px #102ef0;
  234. -webkit-transition: all 0.7s ease;
  235. -moz-transition: all 0.7s ease;
  236. -o-transition: all 0.7s ease;
  237. }
  238.  
  239. a:hover {
  240. color:{color:link hover};
  241. }
  242.  
  243. b, strong {
  244. font-size:13px;
  245. font-weight:normal;
  246. font-family:'Raleway';
  247. color:{color:bold};
  248. text-shadow:1px 1px 7px #302cfb;
  249. }
  250.  
  251. i, em {
  252. color:{color:italic};
  253. font-family: 'Allura', cursive;
  254. font-size:18px;
  255. font-weight:bold;
  256. padding-left:2px;
  257. text-transform:lowercase;
  258. padding-right:5px;
  259. text-shadow:1px 1px 7px #102ef0;
  260.  
  261. }
  262.  
  263. blockquote {
  264. text-align:justify;
  265. padding:2px 7px;
  266. margin:3px 0 3px 8px;
  267. border-radius:10px;
  268. border-left:1px solid {color:blockquote};
  269. }
  270.  
  271. blockquote img {
  272. max-width:100%;
  273. height:auto;
  274. }
  275.  
  276. img {
  277. max-width: 100%;
  278. }
  279.  
  280. h1 {
  281. font-size:30px;
  282. line-height:30px;
  283. text-align:center;
  284. margin-top: 5px;
  285. margin-bottom: 5px;
  286. margin-left: 0;
  287. margin-right: 0;
  288. }
  289.  
  290. h2 {
  291. font-size:25px;
  292. line-height:100%;
  293. text-align:center;
  294. margin-top: 5px;
  295. margin-bottom: 5px;
  296. margin-left: 0;
  297. margin-right: 0;
  298. font-family: 'Sue Ellen Francisco', cursive;
  299. text-transform:uppercase;
  300.  
  301. }
  302.  
  303.  
  304. h3 {
  305. color: {color:bold};
  306. font-size:35px;
  307. line-height:100%;
  308. text-align:center;
  309. margin-top: 5px;
  310. margin-bottom: 5px;
  311. margin-left: 0;
  312. margin-right: 0;
  313. font-family: 'Gidugu', sans-serif;
  314. text-transform:uppercase;
  315.  
  316. }
  317.  
  318. #container {
  319. text-align:justify;
  320. position:absolute;
  321. width:425px;
  322. height:395px;
  323. overflow-x:hidden;
  324. overflow-y:scroll;
  325. top:180px;
  326. left:515px;
  327. }
  328.  
  329. .posts {
  330. font-family: arial;
  331. text-align:justify;
  332. font-size: 12px;
  333. width:400px;
  334. background-color:transparent;
  335. padding:10px;
  336. margin-bottom:30px;
  337.  
  338. }
  339.  
  340. .permalinks {
  341. background-color:transparent;
  342. text-align:center;
  343. padding:5px;
  344. height:12px;
  345. background: -webkit-linear-gradient(-180deg,{color:grad1},{color:grad2},{color:grad3});
  346. border: 1px solid #000000;
  347. -webkit-mask-image: -webkit-gradient(linear, center 40%, right, from(rgba(0,0,0,20)), to(rgba(20,0,0,0)));
  348.  
  349.  
  350. }
  351.  
  352. .permalinks a {
  353. text-decoration:none;
  354. font-size: 9px;
  355. color:{color:pagination};
  356. }
  357.  
  358. .permalinks a:hover {
  359. color:{color:pagination hover};
  360. }
  361.  
  362. .tags {
  363. font-family: 'Gidugu', sans-serif;
  364. max-height:0px;
  365. line-height:130%;
  366. text-align:center;
  367. font-size:11px;
  368. opacity:0;}
  369.  
  370. .tags a {
  371. font-family: 'Gidugu', sans-serif;
  372. text-decoration:none;
  373. font-size: 13px;
  374. text-transform:uppercase;
  375. color:{color:tags};
  376. -webkit-transition: all 0.7s ease;
  377. transition: all 0.7s ease;
  378. -moz-transition: all 0.7s ease;
  379. -o-transition: all 0.7s ease;}
  380.  
  381. .tags a:hover {
  382. color:{color:tags hover};
  383. -webkit-transition: all 0.7s ease;
  384. transition: all 0.7s ease;
  385. -moz-transition: all 0.7s ease;
  386. -o-transition: all 0.7s ease;}
  387.  
  388. .posts:hover .tags{
  389. max-height:300px;
  390. opacity:1;
  391. -webkit-transition: all 0.7s ease;
  392. transition: all 0.7s ease;
  393. -moz-transition: all 0.7s ease;
  394. -o-transition: all 0.7s ease;}
  395.  
  396. #description {
  397. font-size: {text:font size}px;
  398. color:{color:text};
  399. text-align:right;
  400. padding:10px;
  401. }
  402.  
  403. #sideimage img {
  404. max-width:250px;
  405. margin-left:10px;
  406. }
  407.  
  408. #links {
  409. font-size:18px;
  410. width:10px;
  411. position:fixed;
  412. text-align:right;
  413. top:160px;
  414. left:530px;
  415. margin-bottom:-240px;
  416. -webkit-transform: rotate(10deg);}
  417.  
  418. #links a {
  419. margin-bottom:3px;
  420. padding-right:8px;
  421. color:{color:navigation};
  422. text-shadow: 0px 0px 10px #fff;
  423. display:block;
  424. -webkit-transition: all 0.7s ease;
  425. transition: all 0.7s ease;
  426. -moz-transition: all 0.7s ease;
  427. -o-transition: all 0.7s ease;}
  428.  
  429. #links a:hover {
  430. color:{color:navigation hover};
  431. letter-spacing:2px;
  432. -webkit-transition: all 0.7s ease;
  433. transition: all 0.7s ease;
  434. -moz-transition: all 0.7s ease;
  435. -o-transition: all 0.7s ease;}
  436.  
  437.  
  438. #linksa {
  439. font-size:18px;
  440. width:10px;
  441. position:fixed;
  442. text-align:right;
  443. top:160px;
  444. left:540px;
  445. margin-bottom:-240px;
  446. -webkit-transform: rotate(10deg);}
  447.  
  448. #linksa a {
  449. margin-bottom:3px;
  450. padding-right:8px;
  451. color:{color:navigation};
  452. text-shadow: 0px 0px 10px #fff;
  453. display:block;
  454. -webkit-transition: all 0.7s ease;
  455. transition: all 0.7s ease;
  456. -moz-transition: all 0.7s ease;
  457. -o-transition: all 0.7s ease;}
  458.  
  459. #linksa a:hover {
  460. color:{color:navigation hover};
  461. letter-spacing:2px;
  462. -webkit-transition: all 0.7s ease;
  463. transition: all 0.7s ease;
  464. -moz-transition: all 0.7s ease;
  465. -o-transition: all 0.7s ease;}
  466.  
  467. #linksb {
  468. font-size:18px;
  469. width:10px;
  470. position:fixed;
  471. text-align:right;
  472. top:160px;
  473. left:550px;
  474. margin-bottom:-240px;
  475. -webkit-transform: rotate(10deg);}
  476.  
  477. #linksb a {
  478. margin-bottom:3px;
  479. padding-right:8px;
  480. color:{color:navigation};
  481. text-shadow: 0px 0px 10px #fff;
  482. display:block;
  483. -webkit-transition: all 0.7s ease;
  484. transition: all 0.7s ease;
  485. -moz-transition: all 0.7s ease;
  486. -o-transition: all 0.7s ease;}
  487.  
  488. #linksb a:hover {
  489. color:{color:navigation hover};
  490. letter-spacing:2px;
  491. -webkit-transition: all 0.7s ease;
  492. transition: all 0.7s ease;
  493. -moz-transition: all 0.7s ease;
  494. -o-transition: all 0.7s ease;}
  495.  
  496. #linksc {
  497. font-size:18px;
  498. width:10px;
  499. position:fixed;
  500. text-align:right;
  501. top:160px;
  502. left:560px;
  503. margin-bottom:-240px;
  504. -webkit-transform: rotate(10deg);}
  505.  
  506. #linksc a {
  507. margin-bottom:3px;
  508. padding-right:8px;
  509. color:{color:navigation};
  510. text-shadow: 0px 0px 10px #fff;
  511. display:block;
  512. -webkit-transition: all 0.7s ease;
  513. transition: all 0.7s ease;
  514. -moz-transition: all 0.7s ease;
  515. -o-transition: all 0.7s ease;}
  516.  
  517. #linksc a:hover {
  518. color:{color:navigation hover};
  519. letter-spacing:2px;
  520. -webkit-transition: all 0.7s ease;
  521. transition: all 0.7s ease;
  522. -moz-transition: all 0.7s ease;
  523. -o-transition: all 0.7s ease;}
  524.  
  525. #linksd {
  526. font-size:18px;
  527. width:10px;
  528. position:fixed;
  529. text-align:right;
  530. top:160px;
  531. left:550px;
  532. margin-bottom:-240px;
  533. -webkit-transform: rotate(10deg);}
  534.  
  535. #linksd a {
  536. margin-bottom:3px;
  537. padding-right:8px;
  538. color:{color:navigation};
  539. text-shadow: 0px 0px 10px #fff;
  540. display:block;
  541. -webkit-transition: all 0.7s ease;
  542. transition: all 0.7s ease;
  543. -moz-transition: all 0.7s ease;
  544. -o-transition: all 0.7s ease;}
  545.  
  546. #linksd a:hover {
  547. color:{color:navigation hover};
  548. letter-spacing:2px;
  549. -webkit-transition: all 0.7s ease;
  550. transition: all 0.7s ease;
  551. -moz-transition: all 0.7s ease;
  552. -o-transition: all 0.7s ease;}
  553.  
  554. #linkse {
  555. font-size:18px;
  556. width:10px;
  557. position:fixed;
  558. text-align:right;
  559. top:160px;
  560. left:560px;
  561. margin-bottom:-240px;
  562. -webkit-transform: rotate(10deg);}
  563.  
  564. #linkse a {
  565. margin-bottom:3px;
  566. padding-right:8px;
  567. color:{color:navigation};
  568. text-shadow: 0px 0px 10px #fff;
  569. display:block;
  570. -webkit-transition: all 0.7s ease;
  571. transition: all 0.7s ease;
  572. -moz-transition: all 0.7s ease;
  573. -o-transition: all 0.7s ease;}
  574.  
  575. #linkse a:hover {
  576. color:{color:navigation hover};
  577. letter-spacing:2px;
  578. -webkit-transition: all 0.7s ease;
  579. transition: all 0.7s ease;
  580. -moz-transition: all 0.7s ease;
  581. -o-transition: all 0.7s ease;}
  582.  
  583. #linksf {
  584. font-size:18px;
  585. width:10px;
  586. position:fixed;
  587. text-align:right;
  588. top:160px;
  589. left:570px;
  590. margin-bottom:-240px;
  591. -webkit-transform: rotate(10deg);}
  592.  
  593. #linksf a {
  594. margin-bottom:3px;
  595. padding-right:8px;
  596. color:{color:navigation};
  597. text-shadow: 0px 0px 10px #fff;
  598. display:block;
  599. -webkit-transition: all 0.7s ease;
  600. transition: all 0.7s ease;
  601. -moz-transition: all 0.7s ease;
  602. -o-transition: all 0.7s ease;}
  603.  
  604. #linksf a:hover {
  605. color:{color:navigation hover};
  606. letter-spacing:2px;
  607. -webkit-transition: all 0.7s ease;
  608. transition: all 0.7s ease;
  609. -moz-transition: all 0.7s ease;
  610. -o-transition: all 0.7s ease;}
  611.  
  612. #pagination {
  613. position:fixed;
  614. top:160px;
  615. left:680px;
  616.  
  617. }
  618.  
  619. #pagination a {
  620. color:{color:pagination};
  621. text-transform:uppercase;
  622. font-size:{text:hover title size}px;
  623. font-family: 'Gidugu', sans-serif;
  624. -webkit-transition: all 0.7s ease;
  625. -moz-transition: all 0.7s ease;
  626. -o-transition: all 0.7s ease;
  627. }
  628.  
  629. #pagination a:hover {
  630. color:{color:pagination hover};
  631. }
  632.  
  633.  
  634. .asker {
  635. padding: 0px 0px 2px 45px;
  636. letter-spacing:5px;
  637. line-height:115%;
  638. text-transform: uppercase;
  639. font-family: 'Sue Ellen Francisco', cursive;
  640. }
  641.  
  642. .question {
  643. position: relative;
  644. font-size:11px;
  645. background: {color:askbg};
  646. margin: 0px 0px 20px 0px;
  647. padding: 15px;
  648. }
  649.  
  650. .question:after, .question:before {
  651. bottom: 100%;
  652. border: solid transparent;
  653. content: "";
  654. height: 0;
  655. width: 0;
  656. position: absolute;
  657. pointer-events: none;
  658. }
  659.  
  660. .question:after {
  661. border-color: transparent;
  662. border-bottom-color: {color:askbg};
  663. border-width: 10px;
  664. left: 30px;
  665. margin-left: -10px;
  666. }
  667.  
  668. .answer {
  669. margin-bottom: 20px;
  670. }
  671.  
  672. .quote {
  673. font-family: 'Gidugu', sans-serif;
  674. font-size:13px;
  675. letter-spacing:1px;
  676. text-align:center;
  677. margin-bottom:5px;
  678. padding-bottom:3px;
  679. }
  680.  
  681. .quotesource {
  682. font-size:10px;
  683. letter-spacing:1px;
  684. text-align:center;
  685. margin-bottom:5px;
  686. }
  687.  
  688. /* CREDIT: DO NOT REMOVE */
  689. #credit {
  690. font-family: 'Trade Winds', cursive;
  691. z-index:8;
  692. bottom:-10px;
  693. right:20px;
  694. height:30px;
  695. width:30px;
  696. opacity:0.8;
  697. font-size:12px;
  698. position:fixed;
  699. padding:5px;}
  700.  
  701. /* POP UP CODES */
  702.  
  703. .popup_block{
  704. text-align:justify;
  705. WIDTH: 300px;
  706. MAX-HEIGHT: 400px;
  707. OVERFLOW-Y:SCROLL;
  708. OVERFLOW-X:HIDDEN;
  709. display:none;
  710. background:{color:background};
  711. padding:20px;
  712. border:1px solid {color:border}; /* if you want a solid white pop-up, delete this */
  713. float:left;
  714. position:fixed;
  715. top:50%;left:50%;
  716. z-index: 99999;
  717. -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  718. -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  719. box-shadow: 0px 0px 20px #000; /* delete for solid white */
  720. }
  721.  
  722. *html #fade {position: absolute;}
  723. *html .popup_block {position: absolute;}
  724. #fade {
  725. display:none;
  726. position:fixed;
  727. left:0px;
  728. top:0px;
  729. width:100%;
  730. height:100%;
  731. z-index:9999;
  732. background:#000; /* change to #fff for solid white */
  733. opacity:0.5; /* change to opacity:1; */
  734. }
  735.  
  736.  
  737.  
  738.  
  739. </style>
  740.  
  741. <body>
  742.  
  743. <div id="ask" class="popup_block">
  744. <Center><iframe frameborder="0" scrolling="yes" width="100%" height="340" src="http://www.tumblr.com/ask_form/aequitasetveritas.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
  745. </center></div>
  746. </div>
  747.  
  748. </div></div></div></div></div></div></div></div></div></div>
  749.  
  750. <div id="rules" class="popup_block">
  751. <h1 style="text-align: center;"><strong><big><big><big><big>Guidelines</big></big></big></big></strong></h1>
  752. <p style="text-align: center;">(<strong>Rules Updated June 3rd, 2016</strong>)</p>
  753. <h2 style="text-align: center;">Intro</h2>
  754.  
  755. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  756.  
  757.  
  758. <h2 style="text-align: center;">Threads</h2>
  759.  
  760. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  761.  
  762. <h2 style="text-align: center;">Memes &amp; Asks</h2>
  763.  
  764. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  765.  
  766. <h2 style="text-align: center;">Godmodding/Power Play</h2>
  767.  
  768. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  769.  
  770. <h2 style="text-align: center;">Shipping</h2>
  771.  
  772. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  773.  
  774. <h2 style="text-align: center;">Verses</h2>
  775.  
  776. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  777.  
  778. <h2 style="text-align: center;">Plotting</h2>
  779.  
  780. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  781.  
  782. <h2 style="text-align: center;">AUs &amp; Crossovers</h2>
  783.  
  784. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  785.  
  786. <h2 style="text-align: center;">Follow Backs</h2>
  787.  
  788. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  789.  
  790. <h2 style="text-align: center;">NSFW &amp; Triggers</h2>
  791.  
  792. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  793.  
  794. <h2 style="text-align: center;">The Mun</h2>
  795.  
  796. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  797.  
  798. <h2 style="text-align: center;">Credits &amp; Disclaimers</h2>
  799. <p><small>Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreriDuis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri Duis autem vel eum iriure dolor in hendreri</small></p>
  800. </div>
  801. </div>
  802.  
  803. </div></div></div></div></div></div></div></div></div></div>
  804.  
  805. <div id="about" class="popup_block">
  806.  
  807. <h3>BASICS</h3>
  808. <p><b>Name</b>: Character Name Here<br /><b>Codename</b>: ????<br /><b>Nicknames</b>: This is obvious<br /><b>Age</b>: 30.<br /><b>Birthdate</b>: &nbsp;July 4th, 1918<br /><b>Species</b>: Unicorn<br /><b>Gender</b>: &nbsp;Female<br /><b>Orientation</b>: &nbsp;Pansexual (Demi-Romantic)<br /><b>Profession</b>: ???</p>
  809. <h3>PHYSICAL ASPECTS</h3>
  810. <p><b>Hair</b>: &nbsp;Blonde<br /><b>Eyes</b>: &nbsp;Blue<br /><b>Height</b>: &nbsp;5'11"<br /><b>Weight</b>: ????</p>
  811. <h3>SKILLS</h3>
  812. <p><b>Abilities</b>: Interesting Things Here
  813. <br /><b>Hobbies</b>:<i>OR more interesting things here</i></p>
  814. <h3>TRAITS</h3>
  815. <p><b>Positive</b>: Good things here
  816. <br /><b>Negative</b>: Bad things here</p>
  817. <h3>LIKES</h3>
  818. <p><b>Colors</b>: &nbsp;Blues, Browns<br /><b>Smells</b>: Earth - Nature, Coffee<br /><b>Textures</b>: Cotton, jeans<br /><b>Drinks</b>: BOURBON</p>
  819. <h3>OTHER DETAILS</h3>
  820. <p><b>Smokes</b>: No<br /><b>Drugs</b>: No<br /><b>Driver</b> <b>License</b>: &nbsp;Yes<br /><b>Ever Been Arrested?</b>:No.</p>
  821.  
  822.  
  823. </div>
  824. </div>
  825.  
  826. </div></div></div></div></div></div></div></div></div></div>
  827.  
  828.  
  829. <div id="credit"><a href="http://napsthemes.tumblr.com/themes" title="theme by naps">NAPS</a></div>
  830.  
  831. <div id="hoverbox">
  832. <div id="hovertitle">{text:hover title}</div>
  833. <div id="hovercontent">{description}</div>
  834. </div>
  835.  
  836. <div id="sidebar">
  837. <div id="links"><a href="/" title="home">{text:navi links}</a></div>
  838. <div id="linksa"><a href="#?w=400" rel="ask" class="poplight" title="ask">{text:navi links}</a></div>
  839. <div id="linksd"><a href="{text:link 1}" title="{text:link 1 hover}">{text:navi links}</a></div>
  840. <div id="linkse"><a href="{text:link 2}" title="{text:link 2 hover}">{text:navi links}</a></div>
  841. <div id="linksf"><a href="{text:link 3}" title="{text:link 3 hover}">{text:navi links}</a></div>
  842.  
  843. </div>
  844.  
  845. <div id="pagination">{block:Pagination}
  846. {block:PreviousPage}<a href="{PreviousPage}" title="previous page">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="next page">»</a>
  847. {/block:NextPage}
  848. {/block:Pagination}</div>
  849.  
  850.  
  851.  
  852. <div id="container">
  853.  
  854. {block:Posts}
  855.  
  856. <div class="posts">
  857.  
  858. {block:Text}{block:Title}{Title}{/block:Title}{Body}{/block:Text}
  859.  
  860. {block:Photo}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  861.  
  862. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  863.  
  864. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  865.  
  866. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  867.  
  868. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  869.  
  870. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  871. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  872.  
  873. {block:Video}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  874.  
  875. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  876.  
  877. {block:Answer}
  878. <div class="asker">{Asker} {text:asked}</div>
  879. <div class="question">{Question}</div>
  880. <div class="answer"><p>{Answer}</p></div>
  881. {/block:Answer}
  882.  
  883.  
  884. <div class="permalinks">
  885.  
  886. {block:Date}
  887. <a href="{Permalink}" title="posted {TimeAgo}{/block:Date}"> {text:perma links} &nbsp; </a>
  888. <a href="{Permalink}" title="{NoteCountWithLabel}"> {text:perma links} &nbsp; </a>
  889. {block:RebloggedFrom}
  890. <a href="{ReblogParentURL}" title="via : {ReblogParentName}"> {text:perma links} &nbsp; </a>
  891. <a href="{ReblogRootURL}" title="source : {ReblogRootName}"> {text:perma links} &nbsp; </a>
  892. {/block:RebloggedFrom} <a href="{ReblogURL}" title="reblog this"> {text:perma links} </a>
  893. </div>
  894.  
  895. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}">&nbsp; #&nbsp;{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  896.  
  897. {block:PostNotes}{PostNotes}
  898. {/block:PostNotes}
  899.  
  900. </div>
  901.  
  902. {/block:Posts}
  903.  
  904. </div>
  905.  
  906. {block:ContentSource}
  907. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  908. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  909. {/block:SourceLogo}
  910. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  911. {/block:ContentSource}
  912. </body>
  913. </html>
Advertisement
Add Comment
Please, Sign In to add comment