API tools faq
paste
ultraviclets

♡ ; theme five.

ultraviclets
Sep 15th, 2019
2,104
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.99 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. TERMS & CONDITIONS
  3.  
  4. 01. DO NOT steal or recreate
  5. 02. DO NOT use as a base code
  6. 03. DO NOT edit or remove credit
  7. -->
  8.  
  9. <head>
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="color:background" content="#e7e7e7"/>
  17. <meta name="color:text" content="#000000"/>
  18. <meta name="color:links" content="#705959"/>
  19. <meta name="color:hover" content="#c6c6c6"/>
  20. <meta name="color:desc" content="#000000"/>
  21. <meta name="color:borders" content="#ededed"/>
  22. <meta name="color:posts" content="#fefefe"/>
  23. <meta name="color:container" content="#fbfbfb"/>
  24. <meta name="color:page accent" content="#eae0de"/>
  25. <meta name="color:accent" content="#9f8f8b"/>
  26.  
  27. <meta name="if:grayscale" content="1"/>
  28.  
  29. <meta name="image:background" content=""/>
  30. <meta name="image:sidebar" content="https://via.placeholder.com/275x130"/>
  31. <meta name="image:polaroid 1" content="https://via.placeholder.com/110"/>
  32. <meta name="image:polaroid 2" content="https://via.placeholder.com/80"/>
  33.  
  34. <meta name="text:icon" content="cherry-o">
  35. <meta name="text:title" content="title">
  36. <meta name="text:desc" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.">
  37.  
  38. <meta name="text:sidelink" content="link">
  39. <meta name="text:sidelink url" content="/">
  40.  
  41.  
  42. <script>
  43.  
  44. $(document).ready(function(){
  45. $(“ul#tab li”).click(function(e){
  46. if (!$(this).hasClass(“active”)) {
  47. var tabNum = $(this).index();
  48. var nthChild = tabNum+1;
  49. $(“ul#tab li.active”).removeClass(“active”);
  50. $(this).addClass(“active”);
  51. $(“ul#tab li.active”).removeClass(“active”);
  52. $(“ul#tab li:nth-child(”+nthChild+“)”).addClass(“active”);
  53. }
  54. });
  55. });
  56.  
  57. </script>
  58.  
  59. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  60. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  61. <script>
  62. (function($){
  63. $(document).ready(function() {
  64. $("a[title]").style_my_tooltips({
  65. tip_follows_cursor:false,
  66. tip_delay_time:90,
  67. tip_fade_speed:600,
  68. attribute:"title"
  69. });
  70. });
  71. })(jQuery);
  72. </script>
  73.  
  74. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  75.  
  76. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  77.  
  78. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  79.  
  80. <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900" rel="stylesheet">
  81.  
  82. <link href="https://fonts.googleapis.com/css?family=ABeeZee" rel="stylesheet">
  83.  
  84. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  85.  
  86. <style type="text/css">
  87.  
  88. @font-face{ font-family:"robold"; src: url('https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)'); }
  89.  
  90.  
  91. /* SCROLLBAR & TOOLTIP */
  92.  
  93.  
  94. ::-webkit-scrollbar { display:none; width:7px; height:11px; background:{color:scrollbar}; }
  95.  
  96. #s-m-t-tooltip { width:auto; padding-left:6px; padding-right:5px; border-radius:3px; margin:20px 15px; color:{color:background}; background-color:{color:accent}; z-index:999999999999999; text-transform:uppercase; font-weight:700; letter-spacing:2px; font-size:8px; font-family:'robold'; }
  97.  
  98.  
  99. /* BODY */
  100.  
  101.  
  102. body { background-image:url('{image:background}'); background-attachment:fixed; background-color:{color:background}; color:{color:text}; font-family:'ABeeZee'; font-size:9px; line-height:17px; letter-spacing:1px; }
  103.  
  104. a { text-decoration:none; color:{color:links}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  105.  
  106. a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  107.  
  108. blockquote { border-left:1px solid {color:borders}; margin-left:10px; padding-left:10px; width:90%; }
  109.  
  110. blockquote blockquote { border-left:1px solid {color:borders}; margin-left:5px; }
  111.  
  112. h1 { letter-spacing:1px; font-size:30px; font-weight:900; font-family:'montserrat'; text-align:center; text-transform:uppercase; line-height:30px; -webkit-text-stroke: 1px {color:title}; -webkit-text-fill-color: rgba(0, 0, 0, 0); }
  113.  
  114. pre { text-align:center; background-color:{color:borders}; border-radius:20px; font-weight:800; font-size:9px; font-family:'montserrat'; letter-spacing:1px; text-transform:uppercase; padding-top:2px; padding-bottom:2px; }
  115.  
  116. small, sup, sub { font-size:9px; }
  117.  
  118. b, strong { color:{color:accent}; font-weight:bold; }
  119.  
  120. i, em { color:{color:links}; }
  121.  
  122. li { line-height:20px; }
  123.  
  124. big { font-size:11px; font-weight:900; text-transform:uppercase; }
  125.  
  126.  
  127. /* HOLDER */
  128.  
  129.  
  130. #container { background-color:{color:container}; position:absolute; margin:auto; left:0px; right:0px; top:0px; bottom:0px; width:750px; height:500px; border-radius:5px; overflow:hidden; }
  131.  
  132. .wave { position:absolute; z-index:9; margin-top:260px; height:70px; width:760px; background:{color:page accent}; transform:rotate(180deg); }
  133.  
  134. .wave:before { content:""; display:block; position:absolute; border-radius:100% 50%; width:410px; height:80px; background-color:{color:container}; right:-5px; top:40px; }
  135.  
  136. .wave:after { content:""; display:block; position:absolute; border-radius:100% 50%; width:405px; height:70px; background-color:{color:page accent}; left:0; top:27px; }
  137.  
  138. .wave_bottom { position:absolute; z-index:9; margin-top:320px; width:760px; height:230px; background-color:{color:page accent}; }
  139.  
  140. .triangle { position:absolute; z-index:9; margin-top:400px; background-color:{color:page accent}; width:200px; height:200px; clip-path: polygon(0 0, 0% 100%, 100% 100%); }
  141.  
  142. /* SIDEBAR */
  143.  
  144. @font-face { font-family: starbricks; src: url('https://dl.dropboxusercontent.com/s/t5vkzt3c492zazs/Starbricks%20Demo.ttf') ;}
  145.  
  146. #sidebar { position:absolute; z-index:9; margin-top:-30px; }
  147.  
  148. #title { position:absolute; z-index:999; width:250px; margin-left:60px; margin-top:60px; text-align:center; }
  149.  
  150. .icon { margin-left:100px; font-size:25px; width:25px; height:25px; border-radius:100px; padding:10px; background-color:{color:page accent}; color:{color:accent}; }
  151.  
  152. .title { margin-top:15px; color:{color:desc}; font-size:8px; letter-spacing:3px; word-spacing:2px; text-transform:uppercase; font-family:'robold'; line-height:10px; box-shadow: 0 -5px {color:page accent} inset; }
  153.  
  154. .desc { position:absolute; z-index:999; margin-top:310px; margin-left:40px; text-align:justify; padding-top:3px; padding-bottom:2px; padding-left:5px; padding-right:3px; font-size:9px; font-family:'ABeeZee'; letter-spacing:1px; word-spacing:5px; width:300px; height:105px; overflow:auto; color:{color:desc}; line-height:16px; }
  155.  
  156. .sidelinks { width:320px; margin-top:440px; margin-left:30px; padding-left:5px; text-align:center; text-transform:uppercase; position:absolute; z-index:999999; font-family:'robold'; }
  157.  
  158. .sidelinks a { font-size:8px; font-style:italic; margin-right:15px; color:{color:links}; letter-spacing:3px; box-shadow: 0 -5px {color:page accent} inset; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  159.  
  160. .sidelinks a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  161.  
  162. .pagination { font-size:8px; letter-spacing:1px; width:260px; padding-right:10px;position:absolute; margin-left:45px; margin-top:475px; text-align:center; z-index:99999; }
  163.  
  164. .pagination a { padding:3px; text-transform:uppercase; padding-left:7px; padding-right:7px; letter-spacing:1.5px; border-radius:3px; color:{color:page accent}; font-family:'montserrat'; font-weight:900; background-color:{color:posts}; }
  165.  
  166.  
  167. /* POSTS STYLING */
  168.  
  169.  
  170. .entries { text-align:justify; position:absolute; z-index:99999; height:500px; width:340px; overflow:auto; margin:auto; left:350px; right:0px; top:25px; bottom:25px; overflow-x:hidden; }
  171.  
  172. .posts { background-color:{color:posts}; width:300px; margin-bottom:40px; margin-top:30px; text-align:justify; border-radius:3px; padding-left:20px; padding-right:18px; padding-top:15px; padding-bottom:15px; }
  173.  
  174. .posts img { max-width:300px; height:auto; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  175.  
  176. .posts img:hover { {block:ifGrayscale}-webkit-filter: grayscale(0%);{/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  177.  
  178. iframe { max-width:300px; }
  179.  
  180. .media img, .media iframe { {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  181.  
  182. .media img:hover, .media iframe:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  183.  
  184. .html_photoset { {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  185.  
  186. .html_photoset:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  187.  
  188. #permalink { background-color:{color:posts}; letter-spacing:1.5px; text-align:left; text-transform:uppercase; font-size:8px; font-family:'robold'; padding-top:6px; padding-bottom:6px; padding-right:10px; margin-top:20px; border-radius:3px; }
  189.  
  190. #permalink a { text-decoration:none; color:{color:links}; font-style:italic; box-shadow: 0 -5px {color:page accent} inset; padding-left:2px; padding-right:2px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  191.  
  192. #tags { letter-spacing:1.5px; font-size:8px; margin-top:-8px; text-align:left; line-height:10px; text-transform:uppercase; font-family:'robold'; }
  193.  
  194. #tags a { text-decoration:none; color:{color:links}; font-style:italic; box-shadow: 0 -5px {color:page accent} inset; padding-left:2px; padding-right:2px; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  195.  
  196. #tags a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  197.  
  198.  
  199. /* QUOTE STYLING */
  200.  
  201.  
  202. #q { color:{color:text}; letter-spacing:1px; font-weight:900; font-family:'montserrat'; font-size:20px; text-align:center; line-height:25px; text-transform:uppercase; padding-top:20px; padding-left:20px; padding-right:20px; }
  203.  
  204. .source { color:{color:text}; margin-top:5px; font-size:8px; font-family:'robold'; text-align:center; letter-spacing:1.5px; text-transform:uppercase; padding-bottom:5px; }
  205.  
  206. .source a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  207.  
  208.  
  209. /* ASK STYLING */
  210.  
  211.  
  212. #question { line-height:12px; color:{color:text}; letter-spacing:1px; font-size:9px; text-align:center; padding-bottom:10px; background-color:{color:page accent}; }
  213.  
  214. #asker { font-family:'robold'; letter-spacing:3px; font-size:8px; text-transform:uppercase; background-color:{color:accent}; padding-top:5px; padding-bottom:4px; padding-left:5px; }
  215.  
  216. #asker b { color:{color:posts}; font-weight:800; }
  217.  
  218. #asker a { color:{color:posts}; font-family:'montserrat'; letter-spacing:1px; padding-top:3px; padding-bottom:4px; padding-left:9px; padding-right:9px; border-radius:3px; font-size:9px; font-weight:800; text-align:left; text-transform:uppercase; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  219.  
  220. #asker a:hover { color:{color:hover}; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  221.  
  222. #answer { margin-top:20px; }
  223.  
  224.  
  225. /* AUDIO STYLING */
  226.  
  227.  
  228. .playbutton { width:30px; height:30px; overflow:hidden; position:relative; margin-top:25px; margin-left:25px; z-index:9; opacity:.7; }
  229.  
  230. .albumart img { height:60px; width:60px; position:relative; margin-top:-65px; margin-left:0px; margin-left:10px; {block:ifGrayscale} -webkit-filter: grayscale(100%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  231.  
  232. .albumart img:hover { {block:ifGrayscale} -webkit-filter: grayscale(0%); {/block:ifGrayscale} -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
  233.  
  234. .albumdetails { margin-top:-68px; text-align:;left; margin-left:75px; padding:5px; text-transform:uppercase; font-size:8px; letter-spacing:1px; }
  235.  
  236. .albumdetails lame { letter-spacing:1px; font-size:8px; line-height:70%; display:inline-block; text-transform:uppercase; color:{color:accent}; background-color:{color:posts}; margin-right:5px; font-weight:800; }
  237.  
  238.  
  239. /* CREDIT */
  240.  
  241.  
  242. #credit a { right:20px; bottom:20px; position:fixed; padding:5px; font-size:16px; }
  243.  
  244.  
  245. /* tabs base credit to alyofrp */
  246.  
  247.  
  248. .tabzcon { margin-left:380px; margin-top:0px; position:absolute; z-index:99999999999999; overflow:hidden; width:370px; height:500px; background-color:{color:container}; color:{color:text}; border-radius:5px; }
  249.  
  250. .tabzclose { z-index:99999999999; font-size:10px; padding:3px; color:{color:text}; margin-top:5px; margin-right:10px; float:right; }
  251.  
  252. .tabzclose:hover { cursor:pointer; }
  253.  
  254.  
  255. /* MULTIMUSE */
  256.  
  257.  
  258. .muses { position:absolute; margin-top:70px; padding-left:55px; width:290px; height:350px; overflow:auto; }
  259.  
  260. .muses img { margin-bottom:10px; margin-right:10px; }
  261.  
  262.  
  263. /* SINGLEMUSE */
  264.  
  265.  
  266. .tabstats { overflow:auto; position:absolute; z-index:9; width:140px; height:auto; padding-top:5px; padding-bottom:10px; padding-left:10px; padding-right:10px; text-align:center; text-transform:uppercase; margin-top:250px; margin-left:170px; font-size:8px; font-weight:500; font-family:'robold'; letter-spacing:1px; line-height:18px; color:{color:desc}; }
  267.  
  268. .tabstats special { padding-left:7px; padding-right:7px; font-size:8px; font-style:italic; letter-spacing:3px; margin-right:5px; color:{color:accent}; box-shadow: 0 -5px {color:page accent} inset; }
  269.  
  270. .biography { overflow:auto; position:absolute; z-index:999; width:280px; height:150px; text-align:justify; margin-top:75px; margin-left:25px; font-size:9px; font-family:'ABeeZee'; letter-spacing:1px; color:{color:desc}; padding-right:30px; border-right:1px solid {color:page accent}; }
  271.  
  272.  
  273. {CustomCSS}
  274.  
  275.  
  276. </style>
  277. </head>
  278. <body>
  279.  
  280. <div id="container">
  281. <div class="triangle"></div>
  282. <div id="sidebar">
  283.  
  284. <div id="title">
  285. <div class="icon"><span class="th th-{text:icon}"></span></div>
  286. <div class="title">{text:title}</div>
  287. </div>
  288.  
  289. <img src="{image:sidebar}" style="position:absolute; z-index:99; margin-top:160px; margin-left:55px; height:130px; width:275px; border-radius:5px;">
  290.  
  291. <div class="desc">{text:desc}</div>
  292.  
  293. <div class="sidelinks">
  294. <a href="/">home</a>
  295. <a href="/ask">inbox</a>
  296. <a href="{text:sidelink url}">{text:sidelink}</a>
  297. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'muses');">muses</a>
  298. <a href="#" class="tablink tabzact" onclick="openAlytut(event, 'about');">about</a>
  299. </div>
  300.  
  301. <div class="pagination">
  302. {block:PreviousPage}
  303. <a href="{PreviousPage}" class="pagi">back</a> &nbsp;&nbsp;&nbsp; {/block:PreviousPage}
  304. {block:NextPage} <a href="{NextPage}" class="pagi">next</a> {/block:NextPage} {/block:Pagination}
  305. </div>
  306. </div>
  307.  
  308. <div id="muses" class="tabzcon alytut" style="display:none">
  309. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  310. <i class="fa fa-times" aria-hidden="true" style="color:{color:desc};"></i></span>
  311.  
  312. <div class="muses">
  313.  
  314. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  315. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  316. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  317. <br>
  318. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  319. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  320. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  321. <br>
  322. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  323. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  324. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  325. <br>
  326. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  327. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  328. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  329. <br>
  330. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  331. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  332. <a href="/" title="muse"><img src="https://via.placeholder.com/70"></a>
  333. </div>
  334.  
  335. </div>
  336.  
  337. <div id="about" class="tabzcon alytut" style="display:none">
  338. <span onclick="this.parentElement.style.display='none'" class="tabzclose">
  339. <i class="fa fa-times" aria-hidden="true" style="color:{color:desc};"></i></span>
  340.  
  341. <img src="{image:polaroid 1}" style="position:absolute; z-index:99; margin-top:250px; margin-left:15px; width:110px; height:110px; background-color:{color:borders}; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:20px; transform:rotate(-5deg);">
  342. <img src="{image:polaroid 2}" style="position:absolute; z-index:99; margin-top:330px; margin-left:80px; width:80px; height:80px; background-color:{color:borders}; padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:20px; transform:rotate(10deg);">
  343.  
  344.  
  345. <div class="tabstats">
  346. <special>name</special> first last
  347. <special>age</special> number
  348. <special>d.o.b</special> 00/00/00
  349. <special>gender</special> gender
  350. <special>pronouns</special> pronouns
  351. <special>sexuality</special> sexuality
  352. <special>species</special> species
  353. <special>hometown</special> location
  354. <special>faceclaim:</special> fc
  355. </div>
  356.  
  357. <div class="biography">
  358. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Tortor pretium viverra suspendisse potenti nullam ac tortor vitae. Neque aliquam vestibulum morbi blandit cursus risus at. Sed tempus urna et pharetra pharetra massa massa ultricies. Semper auctor neque vitae tempus. Leo a diam sollicitudin tempor id eu nisl. Eu scelerisque felis imperdiet proin fermentum. Facilisis sed odio morbi quis commodo odio aenean. Cras ornare arcu dui vivamus arcu felis bibendum ut tristique. Laoreet id donec ultrices tincidunt arcu non sodales neque sodales. Venenatis urna cursus eget nunc scelerisque viverra. Velit ut tortor pretium viverra suspendisse potenti nullam. Dolor purus non enim praesent elementum facilisis leo vel fringilla. Pretium aenean pharetra magna ac. Tortor consequat id porta nibh venenatis cras sed.
  359. </div>
  360.  
  361. </div>
  362.  
  363. <div class="entries">
  364.  
  365. {block:posts}
  366. <div class="posts" id="{PostID}">
  367.  
  368. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  369.  
  370. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  371.  
  372. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  373.  
  374. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  375.  
  376. {block:Quote}<div id="q">{Quote}</div>{/block:Quote}{block:Source}
  377. <div class="source">— {Source}</div>
  378. {/block:Source}
  379.  
  380. {block:Audio}
  381. {block:AudioPlayer}
  382. <div class="playbutton">{AudioPlayerGrey}</div>{/block:AudioPlayer}
  383. {block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  384. <div class="albumdetails">
  385. {block:TrackName}<lame>song:</lame> {TrackName}{/block:TrackName}<br>
  386. {block:Artist}<lame>artist:</lame> {Artist}{/block:Artist}<br>
  387. {block:Album}<lame>album:</lame> {Album}{/block:Album}
  388. </div>
  389. {/block:AudioPlayer}
  390. {/block:Audio}
  391.  
  392. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  393.  
  394. {block:Chat}{block:title}<h1>{title}</h1>{/block:title}<br>{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  395.  
  396. {block:Answer}<div id="question"><div id="asker"><b>{Asker}</b></div><br>{Question}</div><span></center><p><div id="answer">{Answer}</div>{/block:Answer}
  397.  
  398. <div id="permalink">
  399. <a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}</span>
  400. </span>
  401. </div>
  402.  
  403. {block:HasTags}<div id="tags">tagged under:{block:Tags} <a href="{TagURL}">{Tag}</a>&nbsp; {/block:Tags}</div>{/block:HasTags}</div>
  404. {/block:Posts}
  405. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  406. {/block:Posts}</div></div></div>
  407.  
  408.  
  409. <div id="credit" data="credit"><a href="http://ultraviclets.tumblr.com" title="made by ness"><span class="th th-plant-vase-o"></span></a></div>
  410.  
  411.  
  412.  
  413. </body>
  414.  
  415. <script>
  416. function openAlytut(evt, alytutName) {
  417. var i, x, tablinks;
  418. x = document.getElementsByClassName("alytut");
  419. for (i = 0; i < x.length; i++) {
  420. x[i].style.display = "none";
  421. }
  422. tablinks = document.getElementsByClassName("tablink");
  423. for (i = 0; i < x.length; i++) {
  424. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  425. }
  426. document.getElementById(alytutName).style.display = "block";
  427. evt.currentTarget.className += " tabzact";
  428. }
  429. </script>
  430.  
  431. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!