API tools faq
paste
Advertisement
Guest User

Astrid-Hofferxon blog

a guest
Jul 16th, 2018
122
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 55.74 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by http://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20.  
  21. <!--customize buttons-->
  22. <meta name="if:showlink1" content="1"/>
  23. <meta name="if:showlink2" content="1"/>
  24. <meta name="if:showlink3" content="1"/>
  25. <meta name="if:showlink4" content="1"/>
  26. <meta name="if:showlink5" content="1"/>
  27. <meta name="if:showlink6" content="1"/>
  28. <meta name="if:partnericon" content="1"/>
  29. <meta name="color:scrollbar" content="#fff"/>
  30. <meta name="color:background" content="#090a0b"/>
  31. <meta name="color:body text" content="#f7f7f7"/>
  32. <meta name="color:text shadow" content="#000"/>
  33. <meta name="text:text size" content="10px"/>
  34. <meta name="image:Background" content="http://i.imgur.com/DSawmkg.png"/>
  35. <meta name="text:pagination top position" content="72px"/>
  36. <meta name="text:pagination left position" content="892px"/>
  37. <meta name="color:pagination" content="##fff"/>
  38. <meta name="color:scrollbar" content="#fff"/>
  39. <meta name="color:background" content="#090a0b"/>
  40. <meta name="color:body text" content="#f7f7f7"/>
  41. <meta name="color:text shadow" content="#000"/>
  42. <meta name="image:Background" content="http://i.imgur.com/DSawmkg.png"/>
  43. <meta name="text:pagination top position" content="72px"/>
  44. <meta name="text:pagination left position" content="892px"/>
  45. <meta name="color:pagination" content="##fff"/>
  46. <meta name="image:tooltip bg" content=""/>
  47. <meta name="color:tooltip" content="#fff"/>
  48. <meta name="color:tooltip outline" content="#090a0b"/>
  49. <meta name="color:bold" content="#576d8c"/>
  50. <meta name="color:bold shadow" content="#000"/>
  51. <meta name="color:italic" content="#fff"/>
  52. <meta name="text:bold size" content="14px"/>
  53. <meta name="text:italic size" content="8px"/>
  54. <meta name="text:post title size" content="23px">
  55. <meta name="color:post title color" content="#eae9e9">
  56. <meta name="color:post title shadow" content="#576d8c">
  57. <meta name="image:sidebar title bg" content="https://31.media.tumblr.com/9348a3347757267167ed4b81dafbf430/tumblr_inline_ofaej6HMNo1uxel8e_500.gif"/>
  58. <meta name="color:sidebar title border" content="white"/>
  59. <meta name="color:sidebar title" content="#eae9e9"/>
  60. <meta name="color:sidebar title outline" content="#090a0b"/>
  61. <meta name="text:sidebar title size" content="9px"/>
  62. <meta name="color:links" content="#fff"/>
  63. <meta name="color:link glow" content="#7d98ad"/>
  64. <meta name="color:links hover" content="#7d98ad"/>
  65. <meta name="text:container left" content="400px"/>
  66. <meta name="text:container top" content="150px"/>
  67. <meta name="text:container height" content="450px"/>
  68. <meta name="color:posts bg" content="#090a0b"/>
  69. <meta name="if:hover posts" content="0"/>
  70. <meta name="text:post size" content="320px"/>
  71. <meta name="color:blockquote" content="#576d8c"/>
  72. <meta name="color:quote" content="#eae9e9"/>
  73. <meta name="color:quote shadow" content="#576d8c"/>
  74. <meta name="color:even chat name" content="#000">
  75. <meta name="color:chat even background" content="#222930">
  76. <meta name="color:even text" content="#f9f9f9">
  77. <meta name="color:odd chat name" content="#576d8c">
  78. <meta name="text:chat size" content="11px">
  79. <meta name="color:chat odd background" content="#090a0b">
  80. <meta name="color:odd text" content="#f9f9f9">
  81. <meta name="text:sidebar top position" content="140px"/>
  82. <meta name="text:sidebar left position" content="825px"/>
  83. <meta name="text:sidebar height" content="350px"/>
  84. <meta name="text:sidebar width" content="150px"/>
  85. <meta name="color:permalinks" content="#7d98ad"/>
  86. <meta name="color:permalinks border" content="#fff"/>
  87. <meta name="image:permalinks bg" content=""/>
  88. <meta name="color:tags" content="#f7f7f7"/>
  89. <meta name="text:tag size" content="9px"/>
  90. <meta name="color:tag glow" content="#576d8c"/>
  91. <meta name="color:tags hover" content="#576d8c"/>
  92. <meta name="color:tag symbol" content="#576d8c"/>
  93. <meta name="text:partner top position" content="448px"/>
  94. <meta name="text:partner left position" content="847px"/>
  95. <meta name="if:showsidebar" contetn="1"/>
  96. <meta name="text:tag symbol" content="#"/>
  97. <meta name="text:partner url" content=" SUBSTITUTE WITH PARTNER URL "/>
  98. <meta name="text:partner title" content=""/>
  99. <meta name="image:partner icon" content="http://static.tumblr.com/zx3ibzm/Cpyooxi8g/embers_by_deekinz-db1pcna.png"/>
  100. <meta name="text:sidebar title" content="SIDEBAR TITLE GOES HERE"/>
  101. <meta name="text:sidebar title 2" content="SIDEBAR TITLE GOES HERE"/>
  102. <meta name="text:sidebar text" content="SIDEBAR TEXT GOES HERE"/>
  103. <meta name="text:sidebar text 2" content="SIDEBAR TEXT GOES HERE"/>
  104.  
  105.  
  106.  
  107. <!--customize buttons end-->
  108.  
  109.  
  110. <title>{Title}</title>
  111. <link rel="shortcut icon" href="{Favicon}">
  112. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  113. {block:Description}
  114. <meta name="description" content="{MetaDescription}" />
  115. {/block:Description}
  116. </head>
  117.  
  118.  
  119. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  120. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  121. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  122. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  123. <script>
  124. (function($){
  125. $(document).ready(function(){
  126. $("[title]").style_my_tooltips({
  127. tip_follows_cursor:true,
  128. tip_delay_time:200,
  129. tip_fade_speed:500
  130. });
  131. });
  132. })(jQuery);
  133. </script>
  134.  
  135. <!--pop up tabs script-->
  136. <script>
  137. $(document).ready(function(){
  138. $("ul#tabs li").click(function(e){
  139. if (!$(this).hasClass("active")) {
  140. var tabNum = $(this).index();
  141. var nthChild = tabNum+1;
  142. $("ul#tabs li.active").removeClass("active");
  143. $(this).addClass("active");
  144. $("ul#tab li.active").removeClass("active");
  145. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  146. }
  147. });
  148. });
  149. </script>
  150. <!--script end-->
  151.  
  152. <!--tooltip script end-->
  153. <!--pop up script-->
  154. <script type="text/javascript"
  155. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  156. <script>
  157. $(document).ready(function() {
  158. //
  159. $('a.poplight[href^=#]').click(function() {
  160. var popID = $(this).attr('rel'); //Get Popup Name
  161. var popURL = $(this).attr('href'); //Get Popup href to define size
  162. var query= popURL.split('?');
  163. var dim= query[1].split('&');
  164. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  165. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  166. var popMargTop = ($('#' + popID).height() + 80) / 2;
  167. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  168. //Apply Margin to Popup
  169. $('#' + popID).css({
  170. 'margin-top' : -popMargTop,
  171. 'margin-left' : -popMargLeft
  172. });
  173. $('body').append('<div id="fade"></div>');
  174. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  175. return false;
  176. });
  177. $('a.close, #fade').live('click', function() {
  178. $('#fade , .popup_block').fadeOut(function() {
  179. $('#fade, a.close').remove(); //fade them both out
  180. });
  181. return false;
  182. });
  183. });
  184. </script>
  185. <!--ask pop script end-->
  186. <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet">
  187.  
  188. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  189. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  190. <script type="text/javascript">
  191. $(document).ready(function(){
  192. {block:ifupdatestabonclick}$(".upd_t").hide();{/block:ifupdatestabonclick}
  193. $(".upd_tab").click(function(){
  194. $(this).next(".upd_t").slideToggle('fast');
  195. }); }); </script>
  196.  
  197. <meta name="color:updates tab accent" content="#f9f9f9">
  198. <meta name="color:updates tab icon" content="#a5a5a5">
  199. <meta name="color:updates tab background" content="#fff">
  200. <meta name="color:updates tab title" content="#b6b6b6">
  201. <meta name="color:updates tab text" content="#797979">
  202. <meta name="color:updates tab links"content="#a4a4a4">
  203. <meta name="color:updates tab links hover" content="#000">
  204. <meta name="color:updates tab bold" content="#a85d49">
  205. <meta name="color:updates tab italic" content="#b3b3b3">
  206. <meta name="color:updates tab underline" content="#585858">
  207. <meta name="select:updates text align" content="left" title="left">
  208. <meta name="select:updates text align" content="center" title="center">
  209. <meta name="select:updates text align" content="right" title="right">
  210. <meta name="if:updates tab left" content="1">
  211. <meta name="if:updates tab right" content="0">
  212. <meta name="if:updates tab on click" content="1">
  213. <meta name="text:updates text size" content="10">
  214.  
  215. <style type="text/css">
  216.  
  217. /*cursor code, change image to change cursor*/
  218. /*find more at http://pixel-soup.tumblr.com/tagged/cursors */
  219.  
  220. *, body, a { cursor:url("http://i.imgur.com/2qleX.jpg"), auto }
  221. a:hover { cursor:url("http://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  222.  
  223. /*these are the custom fonts, you can install more just by pasting the code here*/
  224.  
  225.  
  226. @font-face{font-family:"nightingale";src:url('http://static.tumblr.com/zx3ibzm/mLdovzrvz/nightingale_sample.ttf');}
  227. @font-face{font-family:"bebas neue";src:url('http://static.tumblr.com/zx3ibzm/JgJovyuzq/bebasneue.otf');}
  228. @font-face{font-family:"sail";src:url('http://static.tumblr.com/it5srtk/bSzowedx5/sail-regular.otf');}
  229. @font-face{font-family:"cavier dreams";src:url('https://dl.dropboxusercontent.com/s/uubyziybvh00j4f/CaviarDreams.ttf');}
  230.  
  231. /*selection color*/
  232.  
  233. ::-moz-selection { /* Code for Firefox */
  234. color: #fff; /*text color of selected text*/
  235. background: #576d8c; /*color of selection bg*/
  236. }
  237.  
  238. ::selection {
  239. color: #fff; /*text color of selected text*/
  240. background: #576d8c; /*color of selection bg*/
  241. }
  242.  
  243. /*selection color end*/
  244.  
  245. ::-webkit-scrollbar-thumb {
  246. background-color:{color:scrollbar}; /*scrollbar's slider color*/
  247. background-image:url('URL HERE'); /*optional background image*/
  248. height:0px;
  249. -moz-border-radius: 50px; /*these make bar rounded*/
  250. border-radius: 50px;
  251. }
  252.  
  253. ::-webkit-scrollbar {
  254. height:0px;
  255. width:1px; /*width of slider*/
  256. background-color:transparent; /*scrollbar's main color*/
  257. background-image:url('URL HERE'); /*optional background image*/
  258. }
  259.  
  260. /*the code here is to reduce the opacity of an image and make it more visible on hover, you can remove it if you want your image to always be at 100%*/
  261.  
  262. img, iframe {
  263.  
  264. opacity:0.8; /*change this to change visibility, set it to 1 if you want it completely visible*/
  265.  
  266.  
  267. -moz-transition-duration: 0.5s;
  268.  
  269. -o-transition-duration: 0.5s;
  270.  
  271. -webkit-transition-duration: 0.5s;
  272.  
  273. transition-duration: 0.5s;
  274.  
  275. padding:5px;
  276. }
  277.  
  278.  
  279.  
  280. img:hover,iframe:hover {
  281.  
  282. opacity:1;
  283.  
  284. -webkit-filter:none;
  285.  
  286. -moz-transition-duration: 0.5s;
  287.  
  288. -o-transition-duration: 0.5s;
  289.  
  290. -webkit-transition-duration: 0.5s;
  291.  
  292. transition-duration: 0.5s;}
  293.  
  294. /*HOVER IMAGE CODE END*/
  295.  
  296.  
  297. body {
  298. background-color:{color:background}; /*set this the same color as your background image to avoid black areas on different resolutions*/
  299. background-image:url('{image:background}'); /*bg image goes here*/
  300. background-attachment: fixed;
  301. background-repeat: no-repeat;
  302. background-position: left top;
  303. color:{color:body text}; /*body font color*/
  304. text-shadow: 0px 0px 3px {color:text shadow};
  305. font-family: calibri;
  306. text-align:justify;
  307. font-size: {text:text size};
  308. letter-spacing:2px;
  309. }
  310.  
  311. .pagi {
  312. font-size:25px;
  313. font-family:calibiri;
  314. margin-top:{text:pagination top position}; /*change to decide position of pagination*/
  315. margin-left:{text:pagination left position};
  316. color: {color:pagination}; /*color of pagination but keep in mind it's also influence by the 'a' codes as it is a link*/
  317. position:fixed;
  318. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  319. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  320.  
  321. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  322. this script stylizes it*/
  323.  
  324. #s-m-t-tooltip{
  325. max-width:400px;
  326. margin:15px;
  327. padding:2px 8px;
  328. background-image: url(""); /*include image if you want a background for the tooltip text*/
  329. background: transparent;
  330. background-repeat:repeat;
  331. background-attachment:fixed;
  332. color:#fff; /*color of tooltip text*/
  333. /*the text shadow determines the outline of the text because there's no easy way to add an outline to it, you can change all the code to another color*/
  334. text-shadow:1px 1px #7c7c7c,
  335. 1px -1px #7c7c7c,
  336. 1px 0px #7c7c7c,
  337. 0px 1px #7c7c7c,
  338. 0px -1px #7c7c7c,
  339. -1px 1px #7c7c7c,
  340. -1px 0px #7c7c7c,
  341. -1px -1px #7c7c7c;
  342. z-index:99999999999999999999;
  343. font-size:15px;
  344. letter-spacing:2px;
  345. font-style:bold;
  346. letter-spacing:2px;
  347. font-family: 'nightingale';
  348. text-transform:lowercase;
  349. box-shadow:0px 0px 0px;}
  350.  
  351.  
  352. #s-m-tooltip:hover {
  353. -webkit-transition: all 0.6s ease-out;
  354. -moz-transition: all 0.6s ease-out;
  355. transition: all 0.6s ease-out;
  356. -o-transition:all 0.6s ease;
  357. -ms-transition: all 0.6s ease-in-out;}
  358.  
  359. /* TOOLTIP END */
  360.  
  361. small,sub,sup {
  362. font-size:{text:font size};
  363. text-shadow: 0px 0px 3px {color:text shadow};
  364. }
  365.  
  366. b, bold, strong {
  367. font-size:{text:bold size};
  368. text-transform:uppercase;
  369. letter-spacing:1px;
  370. font-weight:normal;
  371. font-family: 'bebas neue';
  372. color: {color:bold};
  373. text-shadow:0 0 3px {color:bold shadow};
  374. }
  375.  
  376. i, italic, em {
  377. font-size:{text:italic size};
  378. color: {color:italic};
  379. font-family: 'nightingale';
  380. font-weight:normal;
  381. letter-spacing:1px;
  382. text-transform:lowercase;
  383. }
  384.  
  385. /* This styles the headers of the sidebar as well as the headers inside the popups */
  386. h3, h4 {
  387. background-image: url('http://24.media.tumblr.com/tumblr_ma6ppm6RAz1r4sghvo1_500.gif');
  388. background-repeat:repeat;
  389. background-attachment:fixed;
  390. padding:2px;
  391. color:#fff; /*text color of sidebar titles*/
  392. text-shadow:1px 1px #191919,
  393. 1px -1px #191919,
  394. 1px 0px #191919,
  395. 0px 1px #191919,
  396. 0px -1px #191919,
  397. -1px 1px #191919,
  398. -1px 0px #191919,
  399. -1px -1px #191919;
  400. /*change all the hex of the text shadow to the same code
  401. to change the outline of the text*/
  402. font-size:8px;
  403. line-height:120%;
  404. font-family:'arial';
  405. text-transform:uppercase;
  406. border: double 3px #7c7c7c;
  407. text-align:center;}
  408.  
  409. h5 {
  410. background-image: url('http://imgur.com/gM8TNQ6.gif');
  411. background-repeat:repeat;
  412. background-attachment:fixed;
  413. border-left: double 3px #000;
  414. border-top: double 3px #000;
  415. border-right: double 3px #000;
  416. border-bottom: double 3px #000;
  417. padding:4px;
  418. color:#e6e6e6;
  419. text-shadow:1px 1px 0px #000,
  420. 1px -1px 0px #000,
  421. -1px -1px 0px #000,
  422. -1px 1px 0px #000,
  423. 0px 1px 0px #000,
  424. 0px -1px 0px #000,
  425. 1px 0px 0px #000,
  426. -1px 0px 0px #000;
  427. font-size:9.7px;
  428. font-family:calibri;
  429. text-transform:uppercase;
  430. letter-spacing:1px;
  431. text-align:center;
  432.  
  433. }
  434.  
  435.  
  436.  
  437. .titulo {
  438.  
  439. font-family: 'sail';
  440. font-size: {text:post title size}; /*size of title*/
  441. text-align: center;
  442. text-transform: lowercase;
  443. color: {color:post title color}; /*color of title*/
  444. text-shadow: 0px 3px 0 {color:post title shadow},
  445. -1px 2px 0 {color:post title shadow},
  446. 1px 2px 0 {color:post title shadow};
  447.  
  448. }
  449.  
  450. a,a:visited,a:active {
  451. color: {color:links}; /*color of links*/
  452. text-decoration:none;
  453. text-shadow: 0px 0px 3px {color:link glow};,
  454. -1px -1px 3px {color:link glow},
  455. 1px 1px 3px {color:link glow},
  456. 1px -1px 3px {color:link glow},
  457. -1px 1px 3px {color:link glow};
  458. /*change all the hex of the text shadow to the same code
  459. to change the outline of the text*/
  460. -moz-transition-duration: 0.6s;
  461. -o-transition-duration: 0.6s;
  462. -webkit-transition-duration: 0.6s;
  463. transition-duration: 0.6s;}
  464.  
  465. a:hover {
  466. color: {color:links hover}; /*color of links on hover*/
  467. -webkit-transition: all 0.6s ease-out;
  468. -moz-transition: all 0.6s ease-out;
  469. transition: all 0.6s ease-out;
  470. -o-transition:all 0.6s ease;
  471. -ms-transition: all 0.6s ease-in-out;}
  472.  
  473.  
  474. #container {
  475. position:absolute;
  476. left:{text:container left}; /*change to position posts to your bg image*/
  477. top:{text:container top};
  478. height:{text:container height}; /*determines height of container*/
  479. overflow-y:scroll;
  480. {block:ifhoverposts}opacity:0;/*set this as '1' if you'd like the posts to always appear*/{/block:ifhoverposts}
  481. -webkit-transition: all 0.6s ease-out;
  482. -moz-transition: all 0.6s ease-out;
  483. transition: all 0.6s ease-out;
  484. -o-transition:all 0.6s ease;
  485. -ms-transition: all 0.6s ease-in-out;
  486. }
  487.  
  488. #entries {
  489. background-color:{color:posts bg}; /*set this as background color to hide the image in the background, in the preview case the word reading 'hover' */
  490.  
  491. }
  492.  
  493. #entries img {
  494. max-width: 100%;
  495. height: auto;
  496. }
  497.  
  498. #content {
  499. width:{text:post size}; /*determines size of posts*/
  500. margin-bottom:20px;
  501. padding:20px;
  502. }
  503.  
  504.  
  505. #container:hover {
  506. opacity: 1; /*this makes the posts appear on hover if you choose to keep them on '0' opacity when not on hover*/
  507. -webkit-transition: all 0.6s ease-out;
  508. -moz-transition: all 0.6s ease-out;
  509. transition: all 0.6s ease-out;
  510. -o-transition:all 0.6s ease;
  511. -ms-transition: all 0.6s ease-in-out;
  512. }
  513.  
  514. blockquote {
  515. border-left:4px dotted {color:blockquote}; /*color of blockquote*/
  516. border-top-left-radius:25px;
  517. border-bottom-left-radius:25px;
  518. padding: 2px 7px;
  519. margin: 3px 0 3px 8px;
  520. }
  521.  
  522. blockquote img {
  523. max-width:100%;
  524. height:auto;
  525. }
  526.  
  527. /*ASK*/
  528.  
  529.  
  530. #asker {
  531. font-size:15px;
  532. margin-bottom:-20px;
  533. color: #fff; /*color of asker url / anonymous but if a user then it is also determined by 'a' as it will be a link*/
  534. font-family: 'nightingale';
  535. text-align:center;
  536. text-decoration:none;
  537. -webkit-transition: all 0.6s ease-out;
  538. -moz-transition: all 0.6s ease-out;
  539. transition: all 0.6s ease-out;
  540. -o-transition:all 0.6s ease;
  541. -ms-transition: all 0.6s ease-in-out;
  542.  
  543. }
  544.  
  545. #asker a:hover {
  546. -webkit-filter: blur(2px);
  547. -moz-filter: blur(2px);
  548. -o-filter: blur(2px);
  549. -ms-filter: blur(2px);
  550. filter: blur(2px);
  551. transition: all 0.6s ease-out;
  552. }
  553.  
  554. #ask {
  555. background: #000;
  556. background: url("https://31.media.tumblr.com/9348a3347757267167ed4b81dafbf430/tumblr_inline_ofaej6HMNo1uxel8e_500.gif");/*image behind the question*/
  557. background-repeat:repeat;
  558. border-top:inset 2px white; /*top border color of question*/
  559. border-bottom:inset 2px white; /*bottom border color of question*/
  560. padding: 10px 20px 10px 20px;
  561. text-align:center;
  562. border-radius:30px;
  563. text-shadow: 1px 1px #090a0b,
  564. 1px -1px #090a0b,
  565. 1px 0px #090a0b,
  566. 0px 1px #090a0b,
  567. 0px -1px #090a0b,
  568. -1px 1px #090a0b,
  569. -1px 0px #090a0b,
  570. -1px -1px #090a0b;
  571. /*change all the hex of the text shadow to the same code
  572. to change the outline of the text*/
  573. }
  574.  
  575.  
  576. #answer {
  577. padding-top:20px;
  578. }
  579. /*ASK ENDS HERE*/
  580.  
  581. /*CHAT POST BEGINS HERE*/
  582.  
  583. .convo {
  584. font-size: {text:chat size};
  585. text-align:left;
  586. padding:0px;
  587.  
  588. }
  589.  
  590. .convo li {
  591. list-style:none;
  592. }
  593.  
  594. .convo .label {
  595. text-transform: uppercase;
  596. font-weight:bold;
  597.  
  598. }
  599.  
  600. .line_odd .label {
  601. color: {color:odd chat name}; /* Color of odd person in the chat */
  602. background: none;
  603. }
  604.  
  605. .line_even .label {
  606. color: {color:even chat name}; /* Color of even person in the chat */
  607. }
  608.  
  609. .line_even {
  610. background: {color:chat even background}; /*background color of even chat*/
  611. margin:12px;
  612. padding: 5px;
  613. color: {color:even text}; /*color of even text*/
  614. }
  615.  
  616. .line_odd {
  617. background: {color:chat odd background}; /*background color of odd chat*/
  618. margin:12px;
  619. padding: 5px;
  620. color: {color:odd text}; /*color of odd text*/
  621. }
  622.  
  623.  
  624.  
  625.  
  626. /*CHAT POST ENDS HERE*/
  627.  
  628.  
  629.  
  630. /*QUOTE BEGINS HERE*/
  631.  
  632. /*I have the first letter stylized to be the same as the quote, but you can remove that part by simply deleting the p::first-letter*/
  633.  
  634. .quote,p::first-letter {
  635. font-family: 'sail';
  636. font-size: 23px;
  637. text-align: center;
  638. color: {color:quote}; /*color of quote*/
  639. text-shadow: 0px 3px 0 {color:quote shadow},
  640. -1px 2px 0 {color:quote shadow},
  641. 1px 2px 0 {color:quote shadow};
  642. }
  643.  
  644.  
  645.  
  646. /*QUOTE ENDS HERE*/
  647.  
  648. /*LINK POST BEGIN*/
  649.  
  650. #linku {
  651. text-transform:uppercase;
  652. text-align:center;
  653. letter-spacing:0px;
  654. font-weight:normal;
  655. font-family: 'bebas neue';
  656. font-size:14px;
  657. }
  658.  
  659. /*LINK POST END*/
  660.  
  661. /*SIDE BAR / DESCRIPTION BEGINS HERE*/
  662.  
  663. #boxy {
  664. position:fixed;
  665. top:{text:sidebar top position}; /*position of the box*/
  666. overflow:scroll;
  667. height:{text:sidebar height}; /*determines height of the box - increase it if you have too much text and want to avoid scrollbar*/
  668. margin-left:{text:sidebar left position};
  669. opacity:0.6;
  670. -webkit-transition: all 0.7s ease;
  671. -moz-transition: all 0.7s ease;
  672. -o-transition: all 0.7s ease;}
  673.  
  674. #boxy:hover {
  675. opacity:1;
  676. -webkit-transition: all 0.7s ease;
  677. -moz-transition: all 0.7s ease;
  678. -o-transition: all 0.7s ease;
  679. }
  680.  
  681. #despacito {
  682. margin-top:10px;
  683. width:{text:sidebar width}; /*determines width of description*/
  684. text-align:center;
  685.  
  686. }
  687.  
  688.  
  689. /*SIDE BAR / DESCRIPTION END*/
  690.  
  691. /*TAGS AND INFO BEGINS HERE*/
  692. .permalinks {
  693. text-align:center;
  694. margin-top:15px;
  695. padding-top: 5px;
  696. padding-bottom: 5px;
  697. font-size:9px;
  698. color:{color:permalinks};
  699. text-transform:uppercase;
  700. border-top: solid 1px {color:permalinks border}; /*color of the line above permalinks*/
  701. border-bottom: solid 1px {color:permalinks border}; /*color of the line below permalinks*/
  702. border-radius:25px; /*increase to make border round*/
  703. -moz-transition-duration:.6s;
  704. -webkit-transition-duration:.6s;
  705. -o-transition-duration:.6s;
  706. -webkit-filter: blur(0px);
  707. background-image: url('{image:permalinks bg}'); /*you can insert image here for the permalinks bg*/
  708.  
  709. }
  710.  
  711. .permalinks a {
  712. font-family:calibri;
  713. font-size:9px;
  714. color:{color:links};
  715. font-weight:bold;
  716. text-shadow: 0px 0px 3px {color:permalinks};
  717. text-decoration:none;
  718. }
  719.  
  720.  
  721. .permalinks a:hover {
  722. color:{color:tags hover};
  723. -webkit-transition: all 0.5s ease-in-out;
  724. -moz-transition: all 0.5s ease-in-out;
  725. -o-transition: all 0.5s ease-in-out;
  726. -ms-transition: all 0.5s ease-in-out;
  727. transition: all 0.5s ease-in-out;
  728. }
  729.  
  730. .tags {
  731.  
  732. padding-top:10px;
  733. text-align:center;
  734. padding-left:5px;
  735. padding-right:15px;
  736. color: {color:tag symbol}; /*this determines the color of the small symbol (by default a hashtag but you can change it) next to the tags*/
  737. font-size:{text:tag size};
  738. text-shadow:0px 0px 3px {color:tag symbol};
  739. }
  740.  
  741. .tags a {
  742. color: {color:tags}; /*change this for the actual color of the tags*/
  743. font-size:8px;
  744. font-weight:bold;
  745. font-family:calibri;
  746. text-transform:uppercase;
  747. text-shadow:0px 0px 3px {color:tag glow};
  748. letter-spacing:0px;
  749.  
  750. }
  751.  
  752.  
  753. .tags a:hover {
  754. color: {color:tags hover}; /*tag color on hover*/
  755. -webkit-transition: all 0.5s ease-in-out;
  756. -moz-transition: all 0.5s ease-in-out;
  757. -o-transition: all 0.5s ease-in-out;
  758. -ms-transition: all 0.5s ease-in-out;
  759. transition: all 0.5s ease-in-out;
  760.  
  761. }
  762.  
  763.  
  764. /*POP UP CODES AND LINKS BEGIN*/
  765.  
  766.  
  767. #pops {
  768. position:fixed;
  769.  
  770. }
  771.  
  772.  
  773. #linku1 {
  774. position:fixed;
  775. font-size:25px;
  776. text-decoration:none;
  777. transform: rotate(10deg);
  778. -ms-transform: rotate(10deg);
  779. -webkit-transform: rotate(10deg);
  780. -o-transform: rotate(10deg);
  781. -moz-transform: rotate(10deg);
  782. margin-left:320px;
  783. margin-top:150px;
  784. }
  785.  
  786. #linku1:hover {
  787. -webkit-filter: blur(3px);
  788. -moz-filter: blur(3px);
  789. -o-filter: blur(3px);
  790. -ms-filter: blur(3px);
  791. filter: blur(3px);
  792. -webkit-transition: all 0.5s ease-in-out;
  793. -moz-transition: all 0.5s ease-in-out;
  794. -o-transition: all 0.5s ease-in-out;
  795. -ms-transition: all 0.5s ease-in-out;
  796. transition: all 0.5s ease-in-out;
  797. }
  798.  
  799. #linku2 {
  800. position:fixed;
  801. font-size:22px;
  802. text-decoration:none;
  803. transform: rotate(30deg);
  804. -ms-transform: rotate(30deg);
  805. -webkit-transform: rotate(30deg);
  806. -o-transform: rotate(30deg);
  807. -moz-transform: rotate(30deg);
  808. margin-left:330px;
  809. margin-top:110px;
  810. }
  811.  
  812. #linku2:hover {
  813. -webkit-filter: blur(3px);
  814. -moz-filter: blur(3px);
  815. -o-filter: blur(3px);
  816. -ms-filter: blur(3px);
  817. filter: blur(3px);
  818. -webkit-transition: all 0.5s ease-in-out;
  819. -moz-transition: all 0.5s ease-in-out;
  820. -o-transition: all 0.5s ease-in-out;
  821. -ms-transition: all 0.5s ease-in-out;
  822. transition: all 0.5s ease-in-out;
  823. }
  824.  
  825. #linku3 {
  826. position:fixed;
  827. font-size:18px;
  828. text-decoration:none;
  829. transform: rotate(30deg);
  830. -ms-transform: rotate(30deg);
  831. -webkit-transform: rotate(30deg);
  832. -o-transform: rotate(30deg);
  833. -moz-transform: rotate(30deg);
  834. margin-left:350px;
  835. margin-top:80px;
  836. }
  837.  
  838. #linku3:hover {
  839. -webkit-filter: blur(3px);
  840. -moz-filter: blur(3px);
  841. -o-filter: blur(3px);
  842. -ms-filter: blur(3px);
  843. filter: blur(3px);
  844. -webkit-transition: all 0.5s ease-in-out;
  845. -moz-transition: all 0.5s ease-in-out;
  846. -o-transition: all 0.5s ease-in-out;
  847. -ms-transition: all 0.5s ease-in-out;
  848. transition: all 0.5s ease-in-out;
  849. }
  850.  
  851. #linku4 {
  852. position:fixed;
  853. font-size:16px;
  854. text-decoration:none;
  855. transform: rotate(30deg);
  856. -ms-transform: rotate(30deg);
  857. -webkit-transform: rotate(30deg);
  858. -o-transform: rotate(30deg);
  859. -moz-transform: rotate(30deg);
  860. margin-left:380px;
  861. margin-top:60px;
  862. }
  863.  
  864. #linku4:hover {
  865. -webkit-filter: blur(3px);
  866. -moz-filter: blur(3px);
  867. -o-filter: blur(3px);
  868. -ms-filter: blur(3px);
  869. filter: blur(3px);
  870. -webkit-transition: all 0.5s ease-in-out;
  871. -moz-transition: all 0.5s ease-in-out;
  872. -o-transition: all 0.5s ease-in-out;
  873. -ms-transition: all 0.5s ease-in-out;
  874. transition: all 0.5s ease-in-out;
  875. }
  876.  
  877. #linku5 {
  878. position:fixed;
  879. font-size:13px;
  880. text-decoration:none;
  881. transform: rotate(-90deg);
  882. -ms-transform: rotate(-90deg);
  883. -webkit-transform: rotate(-90deg);
  884. -o-transform: rotate(-90deg);
  885. -moz-transform: rotate(-90deg);
  886. margin-left:410px;
  887. margin-top:50px;
  888. }
  889.  
  890. #linku5:hover {
  891. -webkit-filter: blur(3px);
  892. -moz-filter: blur(3px);
  893. -o-filter: blur(3px);
  894. -ms-filter: blur(3px);
  895. filter: blur(3px);
  896. -webkit-transition: all 0.5s ease-in-out;
  897. -moz-transition: all 0.5s ease-in-out;
  898. -o-transition: all 0.5s ease-in-out;
  899. -ms-transition: all 0.5s ease-in-out;
  900. transition: all 0.5s ease-in-out;
  901. }
  902.  
  903. #linku6 {
  904. position:fixed;
  905. font-size:13px;
  906. text-decoration:none;
  907. transform: rotate(-90deg);
  908. -ms-transform: rotate(-90deg);
  909. -webkit-transform: rotate(-90deg);
  910. -o-transform: rotate(-90deg);
  911. -moz-transform: rotate(-90deg);
  912. margin-left:440px;
  913. margin-top:48px;
  914.  
  915. }
  916.  
  917. #linku6:hover {
  918. -webkit-filter: blur(3px);
  919. -moz-filter: blur(3px);
  920. -o-filter: blur(3px);
  921. -ms-filter: blur(3px);
  922. filter: blur(3px);
  923. -webkit-transition: all 0.5s ease-in-out;
  924. -moz-transition: all 0.5s ease-in-out;
  925. -o-transition: all 0.5s ease-in-out;
  926. -ms-transition: all 0.5s ease-in-out;
  927. transition: all 0.5s ease-in-out;
  928. }
  929.  
  930. /*Box Power */
  931.  
  932. #fade { /*--Transparent background layer--*/
  933. display: none; /*--hidden by default--*/
  934. background: #090a0b;
  935. background-image: url(''); /*if you want to add a background image to go behind your popup */
  936. position: fixed; left: 0; top: 0;
  937. width: 100%; height: 100%;
  938. opacity: .70; /* you can make it 0 if you don't want a surrounding color to the popup or set it to 1 to have the background posts and theme invisible and only the pop up showing */
  939. z-index: 9999;
  940. }
  941.  
  942. .popup_block {
  943. display:none;
  944. HEIGHT:auto;
  945. width:auto;
  946. background:transparent;
  947. padding:0px;
  948. float:left;
  949. position:fixed;
  950. margin:auto;
  951. z-index: 99999;
  952. }
  953.  
  954. .popup_boxy {
  955.  
  956. background:#000; /*color of popup background*/
  957. background-image:url("https://78.media.tumblr.com/e2ee7a9def21d04b34ff1aeebd6550ea/tumblr_p9yzj0e8WI1vxd7p4o1_r1_640.gif"); /*main image of popup*/
  958. border:dotted 1px #7c7c7c; /*border color of main popup*/
  959. position:absolute;
  960. background-repeat: no-repeat;
  961. box-shadow: 0px 0px 2px #7c7c7c; /*shadow color of popup*/
  962. text-align:center;
  963. font-size: 12px; /*font size of the words inside the box */
  964. padding:20px;
  965. margin:auto;
  966. width: 575px; /*width of main pop up*/
  967. height:350px; /*height of main pop up*/
  968. overflow-y:none;
  969. top:235px; /*position of pop up*/
  970. left:602px;
  971. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  972. }
  973.  
  974. .popup_content {
  975. height:321px;
  976. width: 327px;
  977. padding: 10px;
  978. margin:5px;
  979. border: solid 1px #7c7c7c; /*border color of square that includes popup content*/
  980. overflow-y:scroll;
  981. background: #181818; /*background color of pop up content, the square that has your text*/
  982. background: rgba(24, 24, 24, 0.6);
  983. float:right;
  984. }
  985.  
  986.  
  987. /* OO2 */
  988.  
  989. .popup_boxy2 {
  990. background:#090a0b; /*color of popup background*/
  991. position:absolute;
  992. text-align:center;
  993. font-size: 12px; /*font size of the words inside the box */
  994. padding:20px;
  995. width: 320px;
  996. height:450px; /*height of pop up, I have it set to almost fit the container and be in the position of the posts but you can change it according to preference*/
  997. overflow-y:scroll;
  998. top:180px; /*position of pop up*/
  999. left:602px;
  1000. z-index: 99999; /*if the box is hiding behind other things in your theme, add more 9′s */
  1001. }
  1002.  
  1003. .tabheader {
  1004. position:absolute;
  1005. top:210px; /*make sure to keep this less than position of box so it floats above it always*/
  1006. left:812px;
  1007. text-align:center;
  1008. width:300px;
  1009. background:transparent;
  1010. color:#e6e6e6; /* color of hanging pop up header */
  1011. text-shadow:0px 0px 10px #7c7c7c,
  1012. 0px 0px 3px #7c7c7c;
  1013. overflow-y:scroll;
  1014. font-family: 'nightingale';
  1015. font-size:15px;
  1016. font-weight:normal;
  1017. letter-spacing:1px;
  1018. text-transform:lowercase;
  1019. z-index: 999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  1020. }
  1021.  
  1022.  
  1023. .tabheader2 {
  1024. position:absolute;
  1025. top:140px; /*make sure to keep this less than position of box so it floats above it always*/
  1026. left:612px;
  1027. text-align:center;
  1028. width:300px;
  1029. background:transparent;
  1030. color:#fff;
  1031. overflow-y:scroll;
  1032. font-family: 'nightingale';
  1033. font-size:12px;
  1034. font-weight:normal;
  1035. letter-spacing:1px;
  1036. text-transform:lowercase;
  1037. z-index: 999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  1038. }
  1039.  
  1040.  
  1041. .tabheader3 {
  1042. position:absolute;
  1043. top:210px; /*make sure to keep this less than position of box so it floats above it always*/
  1044. left:950px;
  1045. text-align:center;
  1046. width:300px;
  1047. background:transparent;
  1048. color:#e6e6e6; /* color of hanging pop up header */
  1049. text-shadow:0px 0px 10px #7c7c7c,
  1050. 0px 0px 3px #7c7c7c;
  1051. overflow-y:scroll;
  1052. font-family: 'nightingale';
  1053. font-size:15px;
  1054. font-weight:normal;
  1055. letter-spacing:1px;
  1056. text-transform:lowercase;
  1057. z-index: 999999; /*if the box is hiding behind other things in your theme, add more 9′s */
  1058. }
  1059.  
  1060. /*tabbed popups begins*/
  1061.  
  1062. ul#tabs {
  1063. list-style-type: none;
  1064. padding: 0;
  1065. text-align: center;
  1066. }
  1067.  
  1068. ul#tabs li:hover { /*appearance when you hover on titles*/
  1069. }
  1070.  
  1071. ul#tabs li.active { /*your active tab title*/
  1072.  
  1073. text-align:justify;
  1074. width: 100px; /*width of your title*/
  1075. box-shadow: 0px 0px 5px #a4a4a4;
  1076. background-image: url('http://24.media.tumblr.com/tumblr_ma6ppm6RAz1r4sghvo1_500.gif');
  1077. background-repeat: no-repeat;
  1078. background-attachment:fixed;
  1079. border: double 3px #7c7c7c; /*color of border of the titles of the sidebar*/
  1080. padding:5px;
  1081. margin:10px;
  1082. color:#fff; /*text color of tab titles*/
  1083. text-shadow:1px 1px #191919,
  1084. 1px -1px #191919,
  1085. 1px 0px #191919,
  1086. 0px 1px #191919,
  1087. 0px -1px #191919,
  1088. -1px 1px #191919,
  1089. -1px 0px #191919,
  1090. -1px -1px #191919;
  1091. /*change all the hex of the text shadow to the same code
  1092. to change the outline of the text*/
  1093. font-size:11px;
  1094. font-family:calibri;
  1095. text-transform:uppercase;
  1096. letter-spacing:1px;
  1097. text-align:center;
  1098. -webkit-transition:
  1099. all 0.5s ease-out;
  1100. -moz-transition: all 0.5s ease-out;
  1101. transition: all 0.5s ease-out;
  1102. }
  1103.  
  1104.  
  1105. ul#tabs li { /*the rest of the titles / inactive one*/
  1106. display:block;
  1107. width:100px;
  1108. padding: 5px;
  1109. margin:10px;
  1110. font-size:11px;
  1111. background-image: url('');
  1112. background:#ccc;
  1113. background-repeat:repeat;
  1114. background-attachment:fixed;
  1115. border: double 3px #7c7c7c;
  1116. box-shadow: 0px 0px 5px #a4a4a4;
  1117. color:#7c7c7c;
  1118. font-family:calibri;
  1119. text-transform:uppercase;
  1120. cursor:pointer;
  1121. }
  1122.  
  1123.  
  1124. ul#tab {
  1125. list-style-type: none;
  1126. margin: 0;
  1127. padding: 0;
  1128. }
  1129. ul#tab li {
  1130. display: none;
  1131. }
  1132. ul#tab li.active {
  1133. display: block;
  1134. }
  1135.  
  1136. #tabid { /*this is the navigation of your tabbed pop ups*/
  1137. position:absolute;
  1138. top: 355px; /*position of tab navigation*/
  1139. left: 1217px; /*position of tab navigation*/
  1140. text-align:center;
  1141. border:none;
  1142. width:auto;
  1143. background:transparent; /*background color of pop up side navigation*/
  1144. height:auto;
  1145. overflow:scroll;
  1146. text-align:justify;
  1147. padding:5px;
  1148. font-size:9px;
  1149. font-family:calibri;
  1150. text-transform:uppercase;
  1151. letter-spacing:1px;
  1152. text-align:center;
  1153. z-index: 999999;
  1154. }
  1155.  
  1156. /*end*/
  1157.  
  1158. img.btn_close {
  1159. float: right;
  1160. margin: -5px -5px 0 0;
  1161. }
  1162. /*--Making IE6 Understand Fixed Positioning--*/
  1163. *html #fade {
  1164. position: absolute;
  1165. }
  1166. *html .popup_block {
  1167. position: absolute;
  1168. }
  1169.  
  1170.  
  1171.  
  1172. /*The header of each part of the navigation*/
  1173. .navi_linksu h3 {
  1174. font-size:22px;
  1175. margin-bottom:-5px;
  1176. border:none;
  1177. color: #a4a4a4; /*color of header*/
  1178. font-family: 'selima';
  1179. font-weight:normal;
  1180. letter-spacing:1px;
  1181. text-transform:lowercase;
  1182. background:transparent;
  1183. }
  1184.  
  1185. .navi_linksu {
  1186. text-align:center;
  1187. }
  1188.  
  1189. .navi_linksu a {
  1190. display: inline-block;
  1191. width: 120px;
  1192. padding: 5px;
  1193. margin:5px;
  1194. font-size:11px;
  1195. background-image: url('');
  1196. background:#ccc; /*color of navigation links background*/
  1197. background-repeat:repeat;
  1198. background-attachment:fixed;
  1199. border: solid 1px #7c7c7c;
  1200. color:#7c7c7c;
  1201. font-family:calibri;
  1202. text-transform:uppercase;
  1203.  
  1204.  
  1205. }
  1206.  
  1207. .navi_linksu a:hover {
  1208. -webkit-transition: all .5s ease-in-out;
  1209. -moz-transition: all .5s ease-in-out;
  1210. -ms-transition: all .5s ease-in-out;
  1211. -o-transition: all .5s ease-in-out;
  1212. transition: all .5s ease-in-out;
  1213. background:#7c7c7c; /*background color of navi links on hover*/
  1214. border: solid 1px #ccc;
  1215. color:#ccc; /*color of links on hover*/
  1216. }
  1217.  
  1218. .versu {
  1219. width:80px;
  1220. height:auto;
  1221. float:left;
  1222. padding:20px;
  1223. }
  1224.  
  1225.  
  1226. .vee {
  1227. text-align:center;
  1228. padding:10px;
  1229. margin-bottom:20px;
  1230. }
  1231.  
  1232. /*POP UP END*/
  1233.  
  1234. /*CODE FOR MAINS / EXCLUSIVES, feel free to remove if you do not wish to include*/
  1235.  
  1236. .embers {
  1237. position:fixed;
  1238. top:{text:partner top position};
  1239. left:{text:partner left position}; /*determines the position of the icon*/
  1240. opacity:.8;
  1241. z-index:999;
  1242. -webkit-filter: blur(0px);
  1243. -webkit-transition: 0.8s ease-in;
  1244. -moz-transition: 1s ease-in;
  1245. transition: 1s ease-in;
  1246. -webkit-filter: drop-shadow(2px 2px 3px #222); /*determines color of shadow behind image*/
  1247. filter: drop-shadow(2px 2px 3px #222); /*determines color of shadow behind image*/
  1248. }
  1249.  
  1250. .embers a {
  1251. margin-right:0px;
  1252. -webkit-filter: blur(0px);
  1253. -webkit-transition: 0.8s ease-in;
  1254. -moz-transition: 1s ease-in;
  1255. transition: 1s ease-in;
  1256. }
  1257.  
  1258. .embers a:hover {
  1259. -webkit-filter: blur(0px);
  1260. opacity:1;
  1261. -webkit-transition: all 0.6s ease-in-out;
  1262. -moz-transition: all 0.6s ease-in-out;
  1263. -o-transition: all 0.6s ease-in-out;
  1264. -ms-transition: all 0.6s ease-in-out;
  1265. transition: all 0.6s ease-in-out;
  1266. }
  1267.  
  1268. /*MAIN / EXCLUSIVES ENTRY END*/
  1269.  
  1270.  
  1271. /* DO NOT REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */
  1272. .credit {
  1273. font-weight:bold;
  1274. border-top:dashed 1px #fff;
  1275. border-right:dashed 1px #fff;
  1276. border-left:dashed 1px #fff;
  1277. background:#242424;
  1278. color:#fff;
  1279. padding:10px;
  1280. font-size:15px;
  1281. bottom:0px;
  1282. right:20px;
  1283. position:fixed;
  1284. font-family:'sail';
  1285. -webkit-filter: blur(.5px);
  1286. -moz-filter: blur(.5px);
  1287. -o-filter: blur(.5px);
  1288. -ms-filter: blur(.5px);
  1289. filter: blur(.5px);
  1290.  
  1291. }
  1292. /*CREDIT END*/
  1293.  
  1294. /* updates tab by callyope.tumblr.com */
  1295.  
  1296. .updates_tab {
  1297. {block:ifupdatestableft}{block:ifnotupdatestabright}top:0px;left:10px;{/block:ifnotupdatestabright}{/block:ifupdatestableft}
  1298. {block:ifupdatestabright}{block:ifnotupdatestableft}top:40px;right:10px;{/block:ifnotupdatestableft}{/block:ifupdatestabright}
  1299. position:fixed;
  1300. width:157px;
  1301. font-family:trebuchet ms;
  1302. }
  1303.  
  1304. .upd_tab {
  1305. {block:ifupdatestableft}text-align:left;{/block:ifupdatestableft}
  1306. {block:ifupdatestabright}text-align:right;{/block:ifupdatestabright}
  1307. }
  1308.  
  1309. .upd_tab i {color:{color:updates tab icon};font-size:0.9em;}
  1310.  
  1311. .upd_t {
  1312. {block:ifupdatestabonclick}display:none;{/block:ifupdatestabonclick}
  1313. padding:5px;
  1314. text-align:{select:updates text align};
  1315. font-size:{text:updates text size}px;
  1316. margin-top:-10px;
  1317. background:{color:updates tab background};
  1318. }
  1319.  
  1320. .upd_title {
  1321. padding:3px 5px;
  1322. text-transform:lowercase;
  1323. background:{color:updates tab accent};
  1324. border-radius:30px;
  1325. border:1px dotted #e1e1e1;
  1326. color:{color:updates tab title};
  1327. }
  1328.  
  1329. .upd {
  1330. padding:5px 10px;
  1331. margin-bottom:10px;
  1332. color:{color:updates tab text};
  1333. }
  1334.  
  1335. .search input {
  1336. margin-top:0px;
  1337. padding:4px 8px;
  1338. text-transform:lowercase;
  1339. font-size:{text:updates text size}px;
  1340. color:#b6b6b6;
  1341. background:{color:updates tab accent};
  1342. border-radius:30px;
  1343. border:1px solid #e1e1e1;
  1344. }
  1345.  
  1346. .srch {width:70px;}
  1347.  
  1348. .upd a:link, a:active, a:visited {
  1349. text-decoration:none;
  1350. outline:none;
  1351. color:{color:updates tab links};
  1352. font-weight:bold;
  1353. letter-spacing:1px;
  1354. transition:0.9s ease;
  1355. -o-transition:0.9s ease;
  1356. -moz-transition:0.9s ease;
  1357. -webkit-transition:0.9s ease;
  1358. }
  1359.  
  1360. .upd a:hover {color:{color:updates tab links hover};}
  1361. .upd b, strong {color:{color:updates tab bold};}
  1362. .upd i, em {color:{color:updates tab italic};}
  1363. .upd u {color:{color:updates tab underline};}
  1364.  
  1365. /* end updates tab */
  1366.  
  1367. </style>
  1368.  
  1369. <body>
  1370.  
  1371.  
  1372. <!---------------
  1373.  
  1374. UPDATES TAB by callyope.tumblr.com
  1375.  
  1376. --------------->
  1377.  
  1378. <div class="updates_tab">
  1379. <p class="upd_tab"><i class="fa fa-chevron-down"></i></p>
  1380. <div class="upd_t">
  1381.  
  1382. <!-- section 1 -->
  1383. <div class="upd_title"><center>☪ ━ V I K I N G E S S</center><!-- title --></div>
  1384. <div class="upd">
  1385.  
  1386. <!--- your text here --->
  1387.  
  1388. <p><center><b>will power with</b> nerves of steel!
  1389. <Br><br>WRITTEN BY <i>GRANGER</i>
  1390. <br><b>EST. MAY.27,2018 </b>
  1391. <br>HTTYD INDIE<BR></p>
  1392. <I>ASTRID HOFFERSON</I>
  1393.  
  1394. </div>
  1395. <!-- end section 1 -->
  1396.  
  1397. <!-- section 2 -->
  1398. <div class="upd_title"><center>☪ ━ U P D A T E S</center><!-- title --></div>
  1399. <div class="upd">
  1400.  
  1401. <!--- your text here --->
  1402.  
  1403. <i>date</i> - update one <br>
  1404. <i>date</i> - update two <br>
  1405. <i>date</i> - update three
  1406.  
  1407. </div>
  1408. <!-- end section 2 -->
  1409.  
  1410. <!-- section 3 -->
  1411. <div class="upd_title"><center>☪ ━ D U E S</center> <!-- title --></div>
  1412. <div class="upd">
  1413.  
  1414. <!--- your text here --->
  1415.  
  1416. <br>S:0 | C:0 | O:01
  1417.  
  1418. </div>
  1419. <!-- end section 3 -->
  1420.  
  1421. <!-- this is the search bar // you don't have to edit this part -->
  1422.  
  1423. <form action="/search" method="get" class="search">
  1424. <input type="text" name="q" value="{SearchQuery}" id="sf" class="srch"/>
  1425. <input type="submit" value="Search" id="sb"/>
  1426. </form>
  1427. </div></div>
  1428.  
  1429. <!--- END UPDATES TAB --->
  1430. {block:ifshowsidebar}
  1431. <div id="boxy">
  1432. <div id="despacito">
  1433. <h3>{text:sidebar title}</h3>
  1434. {text:sidebar text}
  1435. <h3>{text:sidebar title 2}</h3>
  1436. {text:sidebar text 2}
  1437. </div>
  1438. </div>
  1439. {/block:ifshowsidebar}
  1440. <!--this is where you edit the size and titles of the scattered links, you can edit their content way below though. The #?w= determines the width of the pop up, make sure to give your popups different box numbers-->
  1441. <div id="pops">
  1442. <div id="linku1"> <a href="/" title="HOME.">✦</a></div>
  1443.  
  1444. <div id="linku2"> <a href="#?w=500" rel="box1" class="poplight" title="TERRIBLE TERROR MAIL.">✦</a></div>
  1445.  
  1446. <div id="linku3"> <a href="#?w=375" rel="box2" class="poplight" title="VIKING CODE.">✦</a></div>
  1447.  
  1448. <div id="linku4"> <a href="#?w=370" rel="box3" class="poplight" title="ABOUT.">✦</a></div>
  1449.  
  1450. <div id="linku5"> <a href="#?w=375" rel="box4" class="poplight" title="MAP.">✦</a></div>
  1451.  
  1452. <div id="linku6"> <a href="#?w=375" rel="verses" class="poplight" title="BOOK OF VERSES.">✦</a></div>
  1453.  
  1454.  
  1455.  
  1456.  
  1457. <div class="embers">
  1458. {block:ifpartnericon}<a href="{text:partner url}" title="{text:partner title}"><img src="{image:partner icon}" style="height:90px;width:auto;"> </a>{/block:ifpartnericon}
  1459. </div>
  1460. </div>
  1461.  
  1462. <!--/* DO /NOT/ REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */-->
  1463. <div class="credit"><a href="http://ddkinzart.tumblr.com" title="code by ddkinzart">D.</a></div>
  1464.  
  1465. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  1466.  
  1467. {block:Pagination}
  1468. <div class="pagi">
  1469. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1470. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1471. </div>
  1472. {/block:Pagination}
  1473. <div id="container">
  1474. <div id="entries">
  1475. {block:Posts}
  1476. <div id="content">
  1477. {block:Text} <div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  1478. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1479. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  1480.  
  1481. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  1482. {/block:Photoset}
  1483.  
  1484. {block:Quote}<div class="quote">{Quote}</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  1485. {block:Link}
  1486. {block:Thumbnail}
  1487. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  1488. {/block:Thumbnail}
  1489. <div id="linku">
  1490. <span style="font-size:20px">❝ </span> <a href="{URL}" class="link" {Target}>{Name}</a><span style="font-size:20px"> ❞</span>
  1491. </div>
  1492. {/block:Link}
  1493. {block:Chat}
  1494. {block:Title}
  1495. <div class="titulo">{Title}</div>{/block:Title}<br>
  1496. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1497. {Line}</li>{/block:Lines}</ul>
  1498. {/block:Chat}
  1499. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1500. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1501. {block:Answer}
  1502. <div id="asker" style="text-align:center;">{Asker}</div><div id="ask">{Question}</div>
  1503. <div id="answer">
  1504. {Answer}</div>
  1505. {/block:Answer}
  1506. <div class="permalinks">
  1507. {block:RebloggedFrom}
  1508. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" > ✦ </a>
  1509. {/block:RebloggedFrom}
  1510. <span style="letter-spacing:-0.5px">posted </span><a href="{Permalink}" title="{timeago}" style="letter-spacing:-0.1px;"> &nbsp;{timeago}</a>{block:NoteCount} with
  1511. <a href="{Permalink}" title="{NoteCount} hits."> {NoteCount}</a> hits.{/block:NoteCount}
  1512. {block:ContentSource}
  1513. <a href="{SourceURL}" title="source: {SourceTitle}"> ✦ </a>
  1514. {/block:ContentSource}
  1515. <a href="{ReblogURL}" title="reblog" target="_blank"> ✦ </a>
  1516. {/block:RebloggedFrom}
  1517. </div>
  1518. <div class="tags">
  1519. {block:HasTags}
  1520. {block:Tags}
  1521. <!--you can change symbol before tags to something else-->{text:tag symbol} <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1522. {/block:Tags}
  1523. {/block:HasTags}
  1524. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1525. </div></div>
  1526. {/block:Posts}
  1527. </div>
  1528. </div>
  1529. </body>
  1530.  
  1531.  
  1532. <!--This is where the pop up begins, you can edit beyond this point-->
  1533. <!--important don't delete-->
  1534. <!--This is where the pop up begins, you can edit beyond this point-->
  1535.  
  1536. <div id="box1" class="popup_block" style="top:50%;left:50%">
  1537. <i style="text-align:center;">{AskLabel}</i>
  1538. <br>
  1539. <div class="queque">
  1540. {block:ShowHeaderImage}<img src="{HeaderImage}" width="100%">{/block:ShowHeaderImage} <!-- this will automatically display your mobile header image, but you can substitute with the url of another image, try to choose image which's width matches your pop up-->
  1541. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe>
  1542. </div></div>
  1543. </div>
  1544.  
  1545. <div id="box2" class="popup_block"><div class="tabheader2">Viking Code.</div>
  1546. <div class="popup_boxy2">
  1547.  
  1548. <blockquote>I’m <i>Granger</i>. 21. she/her ( <b>♀</b> ). est.</blockquote>
  1549. <center> ✨ </center>
  1550. <i>Astrid Hofferson</i> from <b>HTTYD</b>
  1551. <br>
  1552. <b>Semi-Selective</b> || <b>Multi-Versed</b> || <b>AU & OC Friendly</b>
  1553. <center> ✨ </center>
  1554. <b>Astrid Hofferson.</b> Canon Divergent <I>Astrid Hofferson</I>.
  1555. Inspiration will mainly come from the movies&tv series timeline. And upon request the books: Cressida Cowell 'HTTYD'& Dreamworks Graphic Novel/Comics
  1556. <center> ✨ </center>
  1557. <b>Godmodding.</b> Don’t Godmod. It is a pretty simple rule that most role players have, and it is quite obvious.
  1558. <center> ✨ </center>
  1559. <b>WRITING.</b> I'm an <b>Adaptive Writer</b>. <Br>
  1560. || Input Info Contains mixed: animated & live icons / graphics ||<br>
  1561. <center> ✨ </center>
  1562. <b>MATURE THEMES.</b> <I>&.001</I> Expect explicit mentions and depictions of mature themes will be present.<BR>
  1563. <I>&.002</I> Abuse, Violence, and other material will be mentioned. I will be putting content warnings on the top-left side as `<B>TW: //</B>` & in the tags section. The last thing I want to do is make anyone feel uncomfortable so if you do have any triggers make sure I’m aware of them.<BR>
  1564. || <B>TRIGGERS:</B> I have none. ||<BR>
  1565. <I>&.003</I> Triggering content will be very present and not be put under a read more unless <B>REQUESTED</B>.<br>
  1566. <i>&.004</i> And you have my permission to hurt, beat, torment, etc. my muse. I love rping with evil characters and having my muse be put in hard or near death situations.
  1567. <center> ✨ </center>
  1568. <b>SHIPPING / NFSW.</b> <i>&.001</i> Prefers in-depth relationship development. <br>
  1569. <i>&.002</i> NFSW Info <br>
  1570. <center> ✨ </center>
  1571. <b>Title.</b> This blog is multi - everything: from ship, universe, crossover, & semi-oc friendly. <br>
  1572. <i>♡</i> and don't be shy if you have any ideas that you want to play out ( <i>From:</i> Verse - Crossover - Universe ), I'd love to hear them so please message me and we can plot it out.
  1573. <center> ✨ </center>
  1574. <b>PLAYBYS / FC's.</b>
  1575. <br>
  1576. || <b>Astrid's Female Playby(s) / FC(s)</b>: Alona Tal, Chloe Grace Moretz, Eliza Taylor, Katheryn Winnick, Nina Nesbitt, Olivia Holt ||<br>
  1577. || <b>Astrid's Male Playby(s) / FC(s)</b>: Austin Butler, Dominic Sherwood, Jamie Campbell Bower, Orelando Bloom ||
  1578. <center> ✨ </center>
  1579. <b>Disclaimer.</b> This is a Independent RP Blog. In no way am I affiliated with Dreamworks <b>HTTYD</b> series.<br><br>
  1580. <b>◈</b> HUMANCODED || Template Credit.<br>
  1581. Template Credit || HRVYRPH <b>◈</b><br>
  1582. <br><br>
  1583. <BIG>( THIS BLOG IS A MAJOR WIP PLEASE BARE WITH ME )</BIG>
  1584. <center> ✨ </center>
  1585.  
  1586.  
  1587.  
  1588. </div></div></div>
  1589.  
  1590. <div id="box3" class="popup_block"><div class="tabheader2">About.</div>
  1591. <div class="popup_boxy2">
  1592.  
  1593. <h5>The Devil is in the Details</h5>
  1594. Coming Soon
  1595. <br>
  1596.  
  1597. <h5>Personality</h5>
  1598. Coming Soon
  1599. <br>
  1600.  
  1601. <h5>Bio</h5>
  1602. Coming Soon
  1603. <Br>
  1604.  
  1605.  
  1606.  
  1607. </div></div></div>
  1608.  
  1609.  
  1610. <div id="box4" class="popup_block">
  1611. <div class="tabheader3">Navigation.</div><div class="popup_boxy">
  1612. <div class="popup_content">
  1613. <h5>navigation</h5>
  1614. <div class="navi_linksu">
  1615. <a href="/tagged/">Bio(s)</a>
  1616. <a href="/ask">✉</a>
  1617. <a href="/tagged/versex.">Verse Drop</a>
  1618. <a href="/tagged/tagx.">Tag Drop</a>
  1619. <h5>xxx</h5>
  1620. <a href="/map">navigate</a>
  1621. <a href="/submit">Submit</a>
  1622. <a href="/tagged/✕-•-hofferxon-❜「-open-starter.-」">Open Strts</a>
  1623. <a href="/tagged/✕-•-hofferxon-❜「-closed-starter.-」">Closed Strts</a>
  1624. <a href="/tagged/✕-•-its-not-violence-its-communication-❜「-memes.-」">memes</a>
  1625. <a href="/archive">Journal</a>
  1626. </div>
  1627. </div>
  1628. </div>
  1629. </div>
  1630.  
  1631. <div id="verses" class="popup_block"><div class="tabheader3">Verses.</div>
  1632. <div id="tabid">
  1633. <ul id="tabs">
  1634. <li class="active">main.</li>
  1635. <li>AU.</li>
  1636. <li>OTHER.</li>
  1637. <li>Pending.</li>
  1638. </ul></div>
  1639.  
  1640. <div class="popup_boxy"><div class="popup_content">
  1641.  
  1642. <ul id="tab">
  1643.  
  1644. <li class="active">
  1645.  
  1646. <h3>The Book of Verses</h3>
  1647.  
  1648. <!--start copying from here if you want more verse blocks-->
  1649.  
  1650. <div class="vee">
  1651.  
  1652. <p><a href="/tagged/" title="TAG LINE"><b>Chapter One</b></a>
  1653. <center>/ 2 Icons Go Here /</center>
  1654. <blockquote>
  1655. Pre & during HTTYD One
  1656. </blockquote>
  1657.  
  1658. <br>Born in an age of <b>F I R E</b> & <b>S W O R D</b> shackled by generations of war and bloodshed killing dragons are the roots of their ways. Until one <I>FISHBONE</I> of a boy walks in and turns the entire Hooligan clan on its head.
  1659.  
  1660. </div>
  1661.  
  1662. <!--paste here-->
  1663. <!--start copying from here if you want more verse blocks-->
  1664.  
  1665. <div class="vee">
  1666.  
  1667. <p><a href="/tagged/" title="TAG LINE"><b>Chapter Two</b></a>
  1668.  
  1669. <center>/ 2 Icons Go Here /</center>
  1670.  
  1671. <blockquote>
  1672. Dragons: Riders of Berk & Dragons: Defenders of Berk
  1673. </blockquote>
  1674.  
  1675. <br>Description
  1676.  
  1677.  
  1678. </div>
  1679.  
  1680. <!--paste here-->
  1681. <!--start copying from here if you want more verse blocks-->
  1682.  
  1683. <div class="vee">
  1684.  
  1685. <p><a href="/tagged/✖┊-verse-003.-⟩-%C2%A0—-%C2%A0-this-changes-everything." title=" ✖┊ VERSE 003. ⟩ — THIS CHANGES EVERYTHING. "><b>Chapter Three</b></a>
  1686.  
  1687. <center>/ 2 Icons Go Here /</center>
  1688.  
  1689. <blockquote>
  1690. Dragons: Race to Dragons Edge
  1691. </blockquote>
  1692.  
  1693. <br>Description
  1694.  
  1695.  
  1696. </div>
  1697.  
  1698. <!--paste here-->
  1699. <!--start copying from here if you want more verse blocks-->
  1700.  
  1701. <div class="vee">
  1702.  
  1703. <p><a href="/tagged/" title="TAG LINE"><b>Chapter Four</b></a>
  1704.  
  1705. <center>/ 2 Icons Go Here /</center>
  1706.  
  1707. <blockquote>
  1708. Pre & during HTTYD Two
  1709. </blockquote>
  1710.  
  1711. <br>Description
  1712.  
  1713.  
  1714. </div>
  1715.  
  1716. <!--paste here-->
  1717. <!--start copying from here if you want more verse blocks-->
  1718.  
  1719. <div class="vee">
  1720.  
  1721. <p><a href="/tagged/" title="TAG LINE"><b>Chapter Five</b></a>
  1722.  
  1723. <center>/ 2 Icons Go Here /</center>
  1724.  
  1725. <blockquote>
  1726. Pre & during HTTYD Three
  1727. </blockquote>
  1728.  
  1729. <br>Coming Next Spring! ! !
  1730.  
  1731.  
  1732. </div>
  1733.  
  1734.  
  1735.  
  1736. </li>
  1737.  
  1738. <li>
  1739.  
  1740.  
  1741. <h3>AU</h3>
  1742.  
  1743. <!--start copying from here if you want more verse blocks-->
  1744.  
  1745. <div class="vee">
  1746.  
  1747. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1748.  
  1749. <p><a href="VERSE TAG"><b>VERSE NAME3</b></a>
  1750. <br><br><b>AGE</b>
  1751. <br><b>TIMELINE</b>
  1752. <br><b>POSITION</b>
  1753.  
  1754. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1755.  
  1756. </div>
  1757.  
  1758. <!--paste here-->
  1759.  
  1760. <!--start copying from here if you want more verse blocks-->
  1761.  
  1762. <div class="vee">
  1763.  
  1764. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1765.  
  1766. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1767. <br><br><b>AGE</b>
  1768. <br><b>TIMELINE</b>
  1769. <br><b>POSITION</b>
  1770.  
  1771. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1772.  
  1773. </div>
  1774.  
  1775. <!--paste here-->
  1776.  
  1777.  
  1778. </li>
  1779.  
  1780.  
  1781. <li>
  1782.  
  1783.  
  1784. <h3>OTHER</h3>
  1785.  
  1786.  
  1787. <!--start copying from here if you want more verse blocks-->
  1788.  
  1789. <div class="vee">
  1790.  
  1791. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1792.  
  1793. <p><a href="VERSE TAG"><b>VERSE NAME</b></a>
  1794. <br><br><b>AGE</b>
  1795. <br><b>TIMELINE</b>
  1796. <br><b>POSITION</b>
  1797.  
  1798. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1799.  
  1800. </div>
  1801.  
  1802. <!--paste here-->
  1803.  
  1804. <!--start copying from here if you want more verse blocks-->
  1805.  
  1806. <div class="vee">
  1807.  
  1808. <img class="versu" src="https://68.media.tumblr.com/e5a7b405bb8eb4247da059136f2ba03f/tumblr_inline_op0qh858td1uhvvxb_540.png"> <!--REPLACE WITH IMAGE URL-->
  1809.  
  1810. <p><a href="VERSE TAG"><b>VERSE NAME3</b></a>
  1811. <br><br><b>AGE</b>
  1812. <br><b>TIMELINE</b>
  1813. <br><b>POSITION</b>
  1814.  
  1815. <br><br><br><br>VERSE DESCRIPTION GOES HERE.
  1816.  
  1817. </div>
  1818.  
  1819. <!--paste here-->
  1820.  
  1821. </li>
  1822.  
  1823. <li>
  1824.  
  1825. <h3>WIP</h3>
  1826.  
  1827. <!--start copying from here if you want more verse blocks-->
  1828.  
  1829. <div class="vee">
  1830.  
  1831. <B>AU Royal Verse</B>
  1832. <Br><BR>
  1833. Age: 17 - 19 || AU - HTTYD Royal Verse
  1834. <bR><bR>
  1835. 17-18 year old Astrid Hofferson ( Orphan / Vagabond Thief ), has always dreamed of returning back to Berk and become a Guard/Knight of Berk, and is thrilled when a dragon stable boy position is open. Astrid poses as a boy named Xid in order to get the job ( though she’s never dealt w/ Dragons before ). [[ (Aa) she cuts her hair and traipses off in order to be a Dragon Stable Boy so she can learn how to be a Guard/Knight and conceal her gender (Bb) OR Buys a special potion from Gothi that temporarily ( 48 hrs ) turns her into a male ( though like most magic has 2 reversal effects the iconic Disney/Fairytale kiss factor or doused w/ Water ). ]] But after a close call with an outcast, Xid (Astrid) manages to save Hiccup and, in return, Stoick makes Xid (Astrid) Hiccups’s manservant and things get a lot more complicated.
  1836.  
  1837. </div>
  1838.  
  1839. <!--paste here-->
  1840.  
  1841.  
  1842. </li>
  1843.  
  1844. </ul> <!--important don't delete-->
  1845. </div></div></div></div></div></div>
  1846.  
  1847. </div>
  1848. </div></div>
  1849.  
  1850. </div></div>
  1851.  
  1852. </div></div></div></div></div></div></div></div></div></div></div>
  1853.  
  1854. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!