API tools faq
paste
Advertisement
Guest User

please help me im a noob

a guest
May 25th, 2018
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.94 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!----------
  5.  
  6. ＰＬＥＡＳＥ ＤＯ ＮＯＴ ＲＥＭＯＶＥ ＴＨＥ ＣＲＥＤＩＴ
  7.  
  8. THIS THEME BELONGS TO
  9. *:･ﾟ✧ 𝚌𝚘𝚞𝚛𝚊𝚐𝚎𝚘𝚞𝚜𝚟𝚎𝚜𝚜𝚎𝚕 ✧ﾟ･:*
  10.  
  11. ＰＬＥＡＳＥ ＤＯ ＮＯＴ ＲＥＭＯＶＥ ＴＨＥ ＣＲＥＤＩＴ
  12. 𝐃𝐎 𝐍𝐎𝐓 𝐄𝐃𝐈𝐓 𝐀𝐍𝐃 𝐃𝐈𝐒𝐓𝐑𝐈𝐁𝐔𝐓𝐄
  13. 𝙳𝙾 𝙽𝙾𝚃 𝙲𝙻𝙰𝙸𝙼 𝙰𝚂 𝚈𝙾𝚄𝚁𝚂 𝙱𝙴 𝙽𝙸𝙲𝙴 𝙿𝙻𝙴𝙰𝚂𝙴
  14. --------->
  15.  
  16.  
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23. </head>
  24.  
  25. <!-- COLORS -->
  26. <meta name="color:background" content="#171717"/>
  27. <meta name="color:text" content="#b3b3b3"/>
  28. <meta name="color:links" content="#444444"/>
  29. <meta name="color:links hover" content="#818181"/>
  30. <meta name="color:links shadow" content="#363636"/>
  31. <meta name="color:bold" content="#b6a99b"/>
  32. <meta name="color:bold shadow" content="#000000"/>
  33. <meta name="color:big" content="#b3a39c"/>
  34. <meta name="color:big shadow" content="#fad6ab"/>
  35. <meta name="color:italic" content="#a83838"/>
  36. <meta name="color:italic shadow" content="#121212"/>
  37. <meta name="color:strike" content="#decba4"/>
  38. <meta name="color:underline" content="#ccbc9f"/>
  39. <meta name="color:code" content="#979384"/>
  40. <meta name="color:h1" content="#414141"/>
  41. <meta name="color:h1 shadow" content="#121212"/>
  42. <meta name="color:h2" content="#ffffff"/>
  43. <meta name="color:h2 shadow" content="#000000"/>
  44. <meta name="color:h3" content="#dcc397"/>
  45. <meta name="color:text pre" content="#393939"/>
  46. <meta name="color:border pre" content="#d7d5ce"/>
  47. <meta name="color:qb" content="#171717"/>
  48. <meta name="color:question text" content="#a2a2a2"/>
  49. <meta name="color:question shadow" content="#797979"/>
  50. <meta name="color:tags text" content="#444444"/>
  51. <meta name="color:tags hover" content="#8f8f8f"/>
  52. <meta name="color:tags shadow" content="#000000"/>
  53. <meta name="color:info text" content="#dadada"/>
  54. <meta name="color:info hover" content="#d4cdcd"/>
  55. <meta name="color:select background" content="#3c3c3c"/>
  56. <meta name="color:select text" content="#6b1212"/>
  57. <meta name="color:borders" content="#797979"/>
  58. <meta name="color:shadow2" content="#6b6b6b"/>
  59. <meta name="color:hover borders" content="#bbb4b4"/>
  60. <meta name="color:chatone" content="#444444"/>
  61. <meta name="color:chattwo" content="#1d1d1d"/>
  62.  
  63. <!-- COLORS -->
  64.  
  65. <!-- IMAGES -->
  66. <meta name="image:Background" content="http://i.imgur.com/npJSMZ9.png"/>
  67. <meta name="image:info" content="http://i.imgur.com/lmHrHE1.png"/>
  68. <!-- IMAGES -->
  69.  
  70. <!-------------------------------------------------------------------->
  71.  
  72. <!-- jquery -->
  73. <script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  74. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  75. <script src="https://secure.static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  76. <!-- TOOLTIPS -->
  77. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  78. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  79.  
  80. <script>
  81. (function($){
  82. $(document).ready(function(){
  83. $("a[title]").style_my_tooltips({
  84. tip_follows_cursor:true,
  85. tip_delay_time:50,
  86. tip_fade_speed:200,
  87. attribute:"title"
  88. });
  89. });
  90. })(jQuery);
  91. </script>
  92. <!-- TABS -->
  93. <script>
  94. $(document).ready(function() {
  95. $('.tabs .tab-links a').on('click', function(e){var currentAttrValue =
  96. $(this).attr('href');// Show Tabs
  97. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  98. $(this).parent('li').addClass('active').siblings().removeClass('active');e.preventDefault();});});</script>
  99.  
  100. <!-------------------------------------------------------------------->
  101.  
  102.  
  103. <!-- THIS IS FOR THE PHOTOS DO NOT TOUCH PLEASE -->
  104.  
  105. <link href='http://static.tumblr.com/7bmjmb1/eHantn10w/photoset.css' rel='stylesheet' type='text/css'>
  106. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  107. <script>
  108. $(document).ready(function() {
  109. $('.photo-slideshow').pxuPhotoset({
  110. 'ligthbox': true, // uses the default Tumblr lightbox, change to false to use your own
  111. 'rounded' : 'corners', // corners, all or false
  112. 'highRes' : true, // will use high res images
  113. 'gutter' : '3px', // spacing between the images
  114. }, function() {
  115. $(this).animate({opacity:1});
  116. });});
  117. </script>
  118.  
  119. <script>
  120. $(document).ready(function(){
  121. $('.video iframe').each(function(){
  122. var scale = $(this).parents('.video').width() / 400;
  123. $(this).attr({
  124. width: Math.floor($(this).attr('width') * scale),
  125. height: Math.floor($(this).attr('height') * scale)})
  126. ;});});
  127. </script>
  128.  
  129.  
  130.  
  131. <!-- THIS IS FOR THE PHOTOS DO NOT TOUCH PLEASE -->
  132.  
  133.  
  134. <!-- POP UP SCRIPT -->
  135.  
  136. <script type="text/javascript" src=
  137. "https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js">
  138. </script><script type="text/javascript">
  139. //<![CDATA[
  140. $(document).ready(function() {
  141. //
  142. $('a.poplight[href^=#]').click(function() {
  143. var popID = $(this).attr('rel'); //Get Popup Name
  144. var popURL = $(this).attr('href'); //Get Popup href to define size
  145. var query= popURL.split('?');
  146. var dim= query[1].split('&');
  147. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  148. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><\/a>');
  149. var popMargTop = ($('#' + popID).height() + 80) / 2;
  150. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  151. //Apply Margin to Popup
  152. $('#' + popID).css({
  153. 'margin-top' : -popMargTop,
  154. 'margin-left' : -popMargLeft
  155. });
  156. $('body').append('<div id="fade"><\/div>');
  157. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  158. return false;
  159. });
  160. $('a.close, #fade').live('click', function() {
  161. $('#fade , .popup_block').fadeOut(function() {
  162. $('#fade, a.close').remove(); //fade them both out
  163. });
  164. return false;
  165. });
  166. });
  167. //]]>
  168. </script>
  169.  
  170. <!-- POP UP SCRIPT -->
  171.  
  172. <!-- VERSES SCRIPT -->
  173. <script src="https://secure.static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  174.  
  175. <script>
  176.  
  177. $(document).ready(function(){
  178. $("ul#tabs li").click(function(e){
  179. if (!$(this).hasClass("active")) {
  180. var tabNum = $(this).index();
  181. var nthChild = tabNum+1;
  182. $("ul#tabs li.active").removeClass("active");
  183. $(this).addClass("active");
  184. $("ul#tab li.active").removeClass("active");
  185. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  186. }
  187. });
  188. });
  189.  
  190. </script>
  191. <!-- VERSES SCRIPT -->
  192.  
  193.  
  194. <!-- BLOBS IN A JAR -->
  195.  
  196. <script type="text/javascript">
  197. // <![CDATA[
  198. var colour="#131313"; // what colour are the blobs
  199. var speed='80'; // speed of animation, lower is faster
  200. var blobs='5'; // how many blobs are in the jar
  201. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  202.  
  203. /***************************\
  204. * Blobs in a Jar Effect *
  205. *(c)2012-13 mf2fm web-design*
  206. * http://www.mf2fm.com/rv *
  207. * DON'T EDIT BELOW THIS BOX *
  208. \***************************/
  209.  
  210. var div;
  211. var xpos=new Array();
  212. var ypos=new Array();
  213. var zpos=new Array();
  214. var dx=new Array();
  215. var dy=new Array();
  216. var dz=new Array();
  217. var blob=new Array();
  218. var swide=800;
  219. var shigh=600;
  220. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  221.  
  222. function addLoadEvent(funky) {
  223. var oldonload=window.onload;
  224. if (typeof(oldonload)!='function') window.onload=funky;
  225. else window.onload=function() {
  226. if (oldonload) oldonload();
  227. funky();
  228. }
  229. }
  230.  
  231. addLoadEvent(fill_the_jar);
  232.  
  233. function fill_the_jar() {
  234. var i, dvs;
  235. div=document.createElement('div');
  236. dvs=div.style;
  237. dvs.position='fixed';
  238. dvs.left='0px';
  239. dvs.top='0px';
  240. dvs.width='1px';
  241. dvs.height='1px';
  242. document.body.appendChild(div);
  243. set_width();
  244. for (i=0; i<blobs; i++) {
  245. add_blob(i);
  246. jamjar(i);
  247. }
  248. }
  249.  
  250. function add_blob(ref) {
  251. var dv, sy;
  252. dv=document.createElement('div');
  253. sy=dv.style;
  254. sy.position='absolute';
  255. sy.textAlign='center';
  256. if (ie_version && ie_version<10) {
  257. sy.fontSize="10px";
  258. sy.width="100px";
  259. sy.height="100px";
  260. sy.paddingTop="40px";
  261. sy.color=colour;
  262. dv.appendChild(document.createTextNode(charc));
  263. }
  264. else if (ie_version) {
  265. sy.fontSize="1px";
  266. sy.width="0px";
  267. sy.height="0px";
  268. }
  269. else {
  270. dv.appendChild(document.createTextNode(charc));
  271. sy.color='rgba(0,0,0,0)';
  272. }
  273. ypos[ref]=Math.floor(shigh*Math.random());
  274. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  275. xpos[ref]=Math.floor(swide*Math.random());
  276. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  277. zpos[ref]=Math.random()*20;
  278. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  279. blob[ref]=dv;
  280. div.appendChild(blob[ref]);
  281. set_blob(ref);
  282. }
  283.  
  284. function rejig(ref, xy) {
  285. if (xy=='y') {
  286. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  287. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  288. }
  289. else {
  290. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  291. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  292. }
  293. }
  294.  
  295. function sign(a) {
  296. if (a<0) return (-2);
  297. else if (a>0) return (2);
  298. else return (0);
  299. }
  300.  
  301. function set_blob(ref) {
  302. var sy;
  303. sy=blob[ref].style;
  304. sy.top=ypos[ref]+'px';
  305. sy.left=xpos[ref]+'px';
  306. if (ie_version && ie_version<10) {
  307. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  308. sy.fontSize=30-zpos[ref]+"px";
  309. }
  310. else if (ie_version) {
  311. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  312. }
  313. else {
  314. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  315. sy.fontSize=40+zpos[ref]+'px';
  316. }
  317. }
  318.  
  319. function jamjar(ref) {
  320. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  321. ypos[ref]+=dy[ref];
  322. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  323. xpos[ref]+=dx[ref];
  324. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  325. zpos[ref]+=dz[ref];
  326. set_blob(ref);
  327. setTimeout("jamjar("+ref+")", speed);
  328. }
  329.  
  330. window.onresize=set_width;
  331. function set_width() {
  332. var sw_min=999999;
  333. var sh_min=999999;
  334. if (document.documentElement && document.documentElement.clientWidth) {
  335. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  336. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  337. }
  338. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  339. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  340. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  341. }
  342. if (document.body.clientWidth) {
  343. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  344. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  345. }
  346. if (sw_min==999999 || sh_min==999999) {
  347. sw_min=800;
  348. sh_min=600;
  349. }
  350. swide=sw_min;
  351. shigh=sh_min;
  352. }
  353. // ]]>
  354. </script>
  355.  
  356. <!-- BLOBS IN A JAR -->
  357.  
  358.  
  359. <style type="text/css">
  360.  
  361.  
  362. /* FONTS */
  363. @import 'https://fonts.googleapis.com/css?family=Special+Elite';
  364. @import 'https://fonts.googleapis.com/css?family=Oswald';
  365. @import 'https://fonts.googleapis.com/css?family=Crimson+Text|Josefin+Sans|Montserrat';
  366. @import url('https://fonts.googleapis.com/css?family=Abhaya+Libre');
  367. @import url('https://fonts.googleapis.com/css?family=Anton|IM+Fell+English');
  368. @import url('https://fonts.googleapis.com/css?family=Satisfy');
  369. @import url('https://fonts.googleapis.com/css?family=Roboto');
  370. @import url('https://fonts.googleapis.com/css?family=Homemade+Apple');
  371. @import url('https://fonts.googleapis.com/css?family=Averia+Serif+Libre');
  372. @import url('https://fonts.googleapis.com/css?family=Play|Playfair+Display');
  373.  
  374. /* FONTS */
  375.  
  376. @-webkit-keyframes CH {
  377. 0% {-webkit-transform: scale(.3);}
  378. 50% {-webkit-transform: scale(1.05);}
  379. 70% {-webkit-transform: scale(.9);}
  380. 100% {-webkit-transform: scale(1);}
  381. }
  382.  
  383.  
  384. /* POINTER */
  385.  
  386. *,body, a:hover {cursor: url(http://24.media.tumblr.com/tumblr_mdig6jktic1riysloo1_100.png), progress !important;}
  387.  
  388. /* POINTER */
  389.  
  390.  
  391.  
  392.  
  393. /* body thingy */
  394.  
  395. body {
  396. background-color:{color:background};
  397. background-image:url('https://static.tumblr.com/gfxw2on/XbIp9agv3/aranea_highwind.png');
  398. background-attachment:fixed;
  399. background-repeat:no-repeat;
  400. background-position: left top ;
  401. font-family: 'Roboto', sans-serif;
  402. text-align:justify;
  403. font-size: 11px;
  404. color:{color:text};
  405. }
  406.  
  407. /* body thingy */
  408.  
  409.  
  410. /* links and hovers */
  411.  
  412.  
  413. a {
  414. text-decoration:none;
  415. font-size:10px;
  416. text-shadow:0px 0px 2px {color:shadow2};
  417. text-transform:uppercase;
  418. font-family: 'Play', sans-serif;
  419. color:{color:big};
  420. text-shadow:0px 0px 10px {color:shadow2}
  421. -webkit-transition: all 0.9s ease;
  422. -moz-transition: all 0.9s ease;
  423. -o-transition: all 0.9s ease;
  424. -moz-transition-duration:0.9s;
  425. -webkit-transition-duration:0.9s;
  426. -o-transition-duration:0.9s;
  427. }
  428.  
  429. a:hover {
  430. color:{color:bold};
  431. text-shadow:10px 0px 10px {color:bold shadow}
  432. -webkit-transition: all 0.9s ease;
  433. -moz-transition: all 0.9s ease;
  434. -o-transition: all 0.9s ease;
  435. -moz-transition-duration:0.9s;
  436. -webkit-transition-duration:0.9s;
  437. -o-transition-duration:0.9s;
  438. }
  439.  
  440. /* links and hovers */
  441.  
  442.  
  443. /* SCROLLBAR */
  444.  
  445. ::-webkit-scrollbar-thumb{
  446. background-color: transparent;
  447. border-radius:0px;
  448. height:auto;
  449. }
  450.  
  451. ::-webkit-scrollbar {
  452. height:auto;
  453. width:4px;
  454. border: 1px transparent;
  455. border-radius:0px;
  456. }
  457.  
  458. /* SCROLLBAR */
  459.  
  460.  
  461.  
  462. /* BOLD, ITALIC, SMALL AND OTHERS */
  463.  
  464. b, strong, bold {
  465. letter-spacing: 0px;
  466. color:{color:bold};
  467. text-transform: uppercase;
  468. font-weight: bold;
  469. text-shadow:1px 1px 0px {color:bold shadow};
  470. font-size: 10px;
  471. font-weight:600;
  472. font-family:HELVETICA;
  473.  
  474. }
  475.  
  476. i, em, italic {
  477. color:#811c1c;
  478. text-shadow: 0px 0px 2px #811c1c;
  479. letter-spacing:1px;
  480. font-weight:300;
  481. text-transform:normal;
  482. font-family: 'Playfair Display', serif;
  483. letter-spacing:1px;
  484. font-size:11px;
  485. line-height:100%;
  486. text-transform:lowercase;
  487.  
  488. }
  489.  
  490.  
  491. small, sub, sup {
  492. font-size:10px;
  493.  
  494. }
  495.  
  496. strike {
  497. font-size:11px;
  498. color:{color:strike};
  499. }
  500.  
  501. u {
  502. font-size:11px;
  503. color:{color:underline};
  504. }
  505.  
  506.  
  507. pre {
  508. padding-top:5px;
  509. text-align: center;
  510. font-family: 'Montserrat', sans-serif;
  511. text-transform:uppercase;
  512. letter-spacing:1px;
  513. font-size:9px;
  514.  
  515. }
  516.  
  517.  
  518. code {
  519. font-size: 15px;
  520. color:{color:code};
  521. font-family: 'Special Elite', cursive;
  522. }
  523.  
  524. big {
  525. color:{color:big};
  526. font-size: 16px;
  527. text-shadow: 0px 0px 2px {color:big shadow};
  528. font-family:georgia, sans-serif;
  529. }
  530.  
  531. h1 {
  532. font-family: 'Averia Serif Libre', cursive;
  533. text-transform:uppercase;
  534. text-align: center;
  535. font-size:15px;
  536. line-height:100%;
  537. color: {color:h1};
  538. text-shadow: 0px 0px 2px {color:h1 shadow};
  539. }
  540.  
  541. h2 {
  542. font-size:18px;
  543. color:{color:h2};
  544. font-weight:bold;
  545. font-family: 'Averia Serif Libre', cursive;
  546. text-shadow: 0px 0px 2px {color:h2 shadow}
  547.  
  548. }
  549.  
  550. h2 small,small h2 {
  551. font-size:11px;
  552. color:{color:big};
  553. font-weight:none;
  554. text-transform:lowercase;
  555. font-family: 'Averia Serif Libre', cursive;
  556. text-shadow: 0px 0px 2px {color:bold shadow}
  557.  
  558. }
  559.  
  560. h3 {
  561. font-size:18px;
  562. font-family: 'georgia', sans-serif;
  563. text-shadow: 0px 0px 3px {color:bold shadow};
  564. text-align:center;
  565. text-transform:lowercase;
  566. font-style:italic;
  567. line-height:100%;
  568. letter-spacing:0px;
  569. padding-bottom:-10px;
  570. color: {color:h3};
  571. }
  572.  
  573. h4 {
  574. padding:10px;
  575. padding-left:15px;
  576. padding-right:15px;
  577. word-wrap: break-word;
  578. color:{color:text pre};
  579. background-image:url('{image:info}');
  580. background-repeat:repeat;
  581. border-left: solid 3px {color:border pre};
  582. border-right: solid 3px {color:border pre};
  583. font-family: 'Montserrat', sans-serif;
  584. font-size:9px;
  585. font-family:calibri;
  586. text-transform:uppercase;
  587. letter-spacing:1px;
  588. text-align:center;
  589. }
  590.  
  591.  
  592. /* BOLD, ITALIC, SMALL AND OTHERS */
  593.  
  594.  
  595. /* BLOCKQUOTE */
  596.  
  597. blockquote {
  598. padding:2px 7px;
  599. margin:3px 0 3px 8px;
  600. border-left:1px solid {color:borders};
  601. }
  602.  
  603. blockquote img {
  604. max-width:100%;
  605. height:auto;
  606. }
  607.  
  608. /* BLOCKQUOTE */
  609.  
  610. /* CONTAINER AND POSTS */
  611.  
  612.  
  613. #container{
  614. background-color:#171717; /* you can erase this or put transparent if you delete the 'opacity' and the 'container:hover' if you want a normal theme posts */
  615. height: 540px;
  616. width: 350px;
  617. top:40px;
  618. left: 50px;
  619. text-align:justify;
  620. font-family: 'Roboto', sans-serif;
  621. font-size:11px;
  622. text-transform: auto;
  623. border: 1px solid #2e2e2e;
  624. outline: 1px dashed #2e2e2e;
  625. outline-offset: 2px;
  626. position:fixed;
  627. overflow: auto;
  628.  
  629.  
  630. }
  631.  
  632. #posts{
  633. width:340px;
  634. overflow-x:hidden;
  635. overflow-y:auto;
  636. text-align:justify;
  637. margin-top:30px;
  638. margin-bottom:5px;
  639. margin-left:auto;
  640. font-size:11px;
  641. line-height:110%;
  642. letter-spacing:0px;
  643. color:{color:text};
  644. text-transform: auto;
  645. }
  646.  
  647. #posts img {
  648. height:auto;
  649. max-width:100%;
  650. }
  651.  
  652. #photo img {
  653. width:100%;
  654. -webkit-border-radius:5px;
  655. -moz-border-radius:5px;
  656. border-radius:5px;
  657. }
  658.  
  659. #container img {
  660. height:auto;
  661. max-width:100%;
  662. }
  663.  
  664. /* CONTAINER AND POSTS */
  665.  
  666.  
  667.  
  668. /* PHOTOSETS: DO NOT TOUCH THIS BECAUSE ITS FOR THEM TO RE-SIZE WHEN YOU CHANGE THE SIZE OF THE POSTS AND CONTAINER */
  669.  
  670. #vignette,#tumblr_lightbox_caption {visibility:hidden;}
  671. #tumblr_lightbox {background:{color:Background}!important;}
  672. #tumblr_lightbox_left_image,
  673. #tumblr_lightbox_right_image {opacity:0.5!important;}
  674. #tumblr_lightbox_center_image,
  675. #tumblr_lightbox_left_image,
  676. #tumblr_lightbox_right_image {
  677. box-shadow:none!important;
  678. border-radius:0px!important;
  679. }
  680.  
  681.  
  682. .caption {
  683. width:{select:Post size}px;
  684. text-align:justify;
  685. line-height:120%;
  686. }
  687.  
  688.  
  689. /* PHOTOSETS: DO NOT TOUCH THIS BECAUSE ITS FOR THEM TO RE-SIZE WHEN YOU CHANGE THE SIZE OF THE POSTS AND CONTAINER */
  690.  
  691.  
  692.  
  693. /* IMAGES GREYSCALE */
  694.  
  695. img {
  696. padding-left: 0px;
  697. max-width:500px;
  698. padding-bottom:10px;
  699. height: auto;
  700.  
  701. -webkit-transition: all 0.5s ease-in-out;
  702. -moz-transition: all 0.5s ease-in-out;
  703. -o-transition: all 0.5s ease-in-out;
  704. -ms-transition: all 0.5s ease-in-out;
  705. transition: all 0.5s ease-in-out;
  706. -webkit-filter: Grayscale(50%);
  707. -webkit-transition-duration: 0.8s;
  708. -moz-transition-duration:0.8s;
  709. transition-duration:0.8s; -o-transition-duration:0.8s;}
  710.  
  711. }
  712.  
  713. img:hover {
  714. opacity: 1.0;
  715. -webkit-transition: all 0.5s ease-in-out;
  716. -moz-transition: all 0.5s ease-in-out;
  717. -o-transition: all 0.5s ease-in-out;
  718. -ms-transition: all 0.5s ease-in-out;
  719. transition: all 0.5s ease-in-out;
  720. -webkit-filter: Grayscale(0%);
  721. -webkit-transition: all 0.5s ease-out;
  722. -moz-transition: all 0.5s ease-out;
  723. transition: all 0.5s ease-out;}
  724.  
  725. .html_photoset {
  726. height: auto;
  727. opacity: 0.4;
  728. -webkit-transition: all 0.5s ease-in-out;
  729. -moz-transition: all 0.5s ease-in-out;
  730. -o-transition: all 0.5s ease-in-out;
  731. -ms-transition: all 0.5s ease-in-out;
  732. transition: all 0.5s ease-in-out;
  733. -webkit-filter: Grayscale(50%);
  734. -webkit-transition-duration: 0.8s;
  735. -moz-transition-duration:0.8s;
  736. transition-duration:0.8s; -o-transition-duration:0.8s;}
  737.  
  738. .html_photoset:hover {
  739. height: auto;
  740. opacity: 1.0;
  741. -webkit-transition: all 0.5s ease-in-out;
  742. -moz-transition: all 0.5s ease-in-out;
  743. -o-transition: all 0.5s ease-in-out;
  744. -ms-transition: all 0.5s ease-in-out;
  745. transition: all 0.5s ease-in-out;
  746. -webkit-filter: Grayscale(0%);
  747. -webkit-transition: all 0.5s ease-out;
  748. -moz-transition: all 0.5s ease-out;
  749. transition: all 0.5s ease-out;}
  750.  
  751. /* IMAGES GREYSCALE */
  752.  
  753.  
  754.  
  755. /* THE LINKS */
  756.  
  757. .alinks {
  758. position: fixed;
  759. top:450px;
  760. left:200px;
  761. width: 50px;
  762. text-shadow: 0px 0px 2px {color:links shadow};
  763. margin-right: auto;
  764. opacity:0.5;
  765. -ms-transform: rotate(-20deg); /* IE 9 */
  766. -webkit-transform: rotate(-20deg); /* Safari */
  767. transform: rotate(-20deg);
  768.  
  769. }
  770.  
  771. .alinks a {
  772. padding-left: 5px;
  773. font-size: 50px;
  774. letter-spacing:0px;
  775. text-transform:uppercase;
  776. font-family: georgia, sans-serif;
  777. color: {color:links};
  778. text-shadow: 0px 0px 2px {color:links shadow};
  779. opacity:1;
  780. -moz-transition-duration:.9s;
  781. -webkit-transition-duration:.9s;
  782. -o-transition-duration:.9s;
  783. }
  784.  
  785. .alinks a:hover {
  786. padding-left: 5px;
  787. color: {color:links hover};
  788. text-shadow: 0px 0px 2px {color:links shadow};
  789. opacity:1;
  790. -webkit-transition:all .5s ease-in-out;
  791. -moz-transition:all .5s ease-in-out;
  792. transition:all .5s ease-in-out;
  793. }
  794.  
  795.  
  796. .blinks {
  797. position: fixed;
  798. top:380px;
  799. left:280px;
  800. width: 40px;
  801. text-shadow: 0px 0px 2px {color:links shadow};
  802. margin-right: auto;
  803. opacity:0.5;
  804. -ms-transform: rotate(30deg); /* IE 9 */
  805. -webkit-transform: rotate(30deg); /* Safari */
  806. transform: rotate(30deg);
  807.  
  808. }
  809.  
  810. .blinks a {
  811. padding-left: 5px;
  812. font-size: 50px;
  813. letter-spacing:0px;
  814. font-family: georgia, sans-serif;
  815. text-transform:uppercase;
  816. color: {color:links};
  817. text-shadow: 0px 0px 2px {color:links shadow};
  818. opacity:1;
  819. -moz-transition-duration:.9s;
  820. -webkit-transition-duration:.9s;
  821. -o-transition-duration:.9s;
  822. }
  823.  
  824. .blinks a:hover {
  825. padding-left: 5px;
  826. color: {color:links hover};
  827. text-shadow: 0px 0px 2px {color:links shadow};
  828. opacity:1;
  829. -webkit-transition:all .5s ease-in-out;
  830. -moz-transition:all .5s ease-in-out;
  831. transition:all .5s ease-in-out;
  832. }
  833.  
  834.  
  835. .clinks {
  836. position: fixed;
  837. top:480px;
  838. left:350px;
  839. width: 50px;
  840. text-shadow: 0px 0px 2px {color:links shadow};
  841. margin-right: auto;
  842. opacity:0.5;
  843. -ms-transform: rotate(30deg); /* IE 9 */
  844. -webkit-transform: rotate(30deg); /* Safari */
  845. transform: rotate(30deg);
  846.  
  847. }
  848.  
  849. .clinks a {
  850. padding-left: 5px;
  851. font-size: 60px;
  852. letter-spacing:0px;
  853. text-transform:uppercase;
  854. font-family: georgia, sans-serif;
  855. color: {color:links};
  856. text-shadow: 0px 0px 2px {color:links shadow};
  857. opacity:1;
  858. -moz-transition-duration:.9s;
  859. -webkit-transition-duration:.9s;
  860. -o-transition-duration:.9s;
  861. }
  862.  
  863. .clinks a:hover {
  864. padding-left: 5px;
  865. color: {color:links hover};
  866. text-shadow: 0px 0px 2px {color:links shadow};
  867. opacity:1;
  868. -webkit-transition:all .5s ease-in-out;
  869. -moz-transition:all .5s ease-in-out;
  870. transition:all .5s ease-in-out;
  871. }
  872.  
  873.  
  874. .dlinks {
  875. position: fixed;
  876. top:350px;
  877. left:420px;
  878. width: 50px;
  879. text-shadow: 0px 0px 2px {color:links shadow};
  880. margin-right: auto;
  881. opacity:0.5;
  882. -ms-transform: rotate(30deg); /* IE 9 */
  883. -webkit-transform: rotate(30deg); /* Safari */
  884. transform: rotate(30deg);
  885.  
  886. }
  887.  
  888. .dlinks a {
  889. padding-left: 5px;
  890. font-size: 60px;
  891. letter-spacing:0px;
  892. text-transform:uppercase;
  893. font-family: georgia, sans-serif;
  894. color: {color:links};
  895. text-shadow: 0px 0px 2px {color:links shadow};
  896. opacity:1;
  897. -moz-transition-duration:.9s;
  898. -webkit-transition-duration:.9s;
  899. -o-transition-duration:.9s;
  900. }
  901.  
  902. .dlinks a:hover {
  903. padding-left: 5px;
  904. color: {color:links hover};
  905. text-shadow: 0px 0px 2px {color:links shadow};
  906. opacity:1;
  907. -webkit-transition:all .5s ease-in-out;
  908. -moz-transition:all .5s ease-in-out;
  909. transition:all .5s ease-in-out;
  910. }
  911.  
  912.  
  913. .elinks {
  914. position: fixed;
  915. top:520px;
  916. left:290px;
  917. width: 50px;
  918. text-shadow: 0px 0px 2px {color:links shadow};
  919. margin-right: auto;
  920. opacity:0.5;
  921. -ms-transform: rotate(30deg); /* IE 9 */
  922. -webkit-transform: rotate(30deg); /* Safari */
  923. transform: rotate(30deg);
  924.  
  925. }
  926.  
  927. .elinks a {
  928. padding-left: 5px;
  929. font-size: 30px;
  930. letter-spacing:0px;
  931. text-transform:uppercase;
  932. font-family: georgia, sans-serif;
  933. color: {color:links};
  934. text-shadow: 0px 0px 2px {color:links shadow};
  935. opacity:1;
  936. -moz-transition-duration:.9s;
  937. -webkit-transition-duration:.9s;
  938. -o-transition-duration:.9s;
  939. }
  940.  
  941. .elinks a:hover {
  942. padding-left: 5px;
  943. color: {color:links hover};
  944. text-shadow: 0px 0px 2px {color:links shadow};
  945. opacity:1;
  946. -webkit-transition:all .5s ease-in-out;
  947. -moz-transition:all .5s ease-in-out;
  948. transition:all .5s ease-in-out;
  949. }
  950.  
  951. /* THE LINKS */
  952.  
  953.  
  954.  
  955. /* PAGINATION: PAGINATION2 IT'S FOR THE NEXT */
  956. #pagination {
  957. position:fixed;
  958. top:545px;
  959. left:500px;
  960. -ms-transform: rotate(0deg); /* IE 9 */
  961. -webkit-transform: rotate(0deg); /* Safari */
  962. transform: rotate(0deg);
  963. }
  964.  
  965. #pagination a {
  966. font-size:12px;
  967. color: {color:links};
  968. text-shadow:1px 1px 0px {color:links};
  969. }
  970.  
  971. #pagination a:hover {
  972. color:#fff;
  973. -webkit-filter:blur(1px);
  974. }
  975.  
  976.  
  977. #pagination2 {
  978. position:fixed;
  979. top:545px;
  980. left:480px;
  981. -ms-transform: rotate(0deg); /* IE 9 */
  982. -webkit-transform: rotate(0deg); /* Safari */
  983. transform: rotate(0deg);
  984. }
  985.  
  986. #pagination2 a {
  987. font-size:12px;
  988. color: {color:links};
  989. text-shadow:1px 1px 0px {color:links};
  990. }
  991.  
  992. #pagination2 a:hover {
  993. color:#fff;
  994. -webkit-filter:blur(1px);
  995. }
  996.  
  997. /* PAGINATION */
  998.  
  999.  
  1000.  
  1001.  
  1002. /* QUESTIONS AND AUDIO */
  1003.  
  1004. .question {
  1005. font-family: tahoma;
  1006. line-height:120%;
  1007. font-size:10px;
  1008. margin-top:5px;
  1009. margin-left:72px;
  1010. text-align:right;
  1011. padding:10px;
  1012. background-color:{color:qb};
  1013. color:{color:question text};
  1014. border-right: 3px solid {color:borders};
  1015. border-left: 3px solid {color:borders};
  1016. outline-offset: 3px;
  1017. background-repeat:repeat;
  1018. background-attachment:fixed;
  1019. }
  1020.  
  1021. .asker {
  1022. text-transform:uppercase;
  1023. font-family: 'montserrat';
  1024. padding-top:5px;
  1025. max-width:300px;
  1026. margin-top:-50px;
  1027. font-size:12px;
  1028. margin-left:75px;
  1029. }
  1030.  
  1031. .askeru {
  1032. margin-top:-5px;
  1033. right:10px;
  1034. text-transform:lowercase;
  1035. font-style:italic;
  1036. font-size:12px;
  1037.  
  1038. }
  1039.  
  1040. .answer {
  1041. margin-top:15px;
  1042. padding-top:20px;
  1043. text-align:justify;
  1044. }
  1045.  
  1046. .asking{
  1047. padding:3px 0px 0px 3px;
  1048. }
  1049.  
  1050.  
  1051. .audio {
  1052. height:60px;
  1053. padding:5px;
  1054. margin-bottom:5px;
  1055. }
  1056. .audio-album {
  1057. position:absolute;
  1058. width:60px;
  1059. }
  1060. .audio-player {
  1061. opacity:0.6;
  1062. filter:alpha(opacity=60);
  1063. border:10px solid {color:borders};
  1064. width:40px;
  1065. height:40px;
  1066. overflow:hidden;
  1067. position:absolute;
  1068. z-index:2;
  1069. margin-left:0px;
  1070. margin-top:0px;
  1071. }
  1072. .audio-info {
  1073. margin-top:-0px;
  1074. position:relative;
  1075. margin-left:70px;
  1076. padding:8px;
  1077. background-color:{color:background}
  1078. }
  1079.  
  1080.  
  1081.  
  1082. .note {
  1083. text-transform:uppercase;
  1084. font-style:normal;
  1085. letter-spacing:0px;
  1086. font-size: 9px;
  1087. text-align:left;
  1088. line-height:90%;
  1089. margin-left:-40px;
  1090. }
  1091.  
  1092. .note li {
  1093. list-style-type:none;
  1094. padding:10px 25px 10px 25px;
  1095. text-align:left;
  1096. margin:0px;
  1097. -moz-transition-duration:0.5s;
  1098. -webkit-transition-duration:0.5s;
  1099. -o-transition-duration:0.5s;
  1100. }
  1101.  
  1102. /* QUESTIONS AND AUDIO */
  1103.  
  1104.  
  1105.  
  1106.  
  1107. /* permalinks, info and tags */
  1108.  
  1109.  
  1110. /*PERMALINK & TAGS*/
  1111.  
  1112.  
  1113. #info {
  1114. width:auto;
  1115. height:auto;
  1116. margin-top:0px;
  1117.  
  1118. }
  1119.  
  1120. #info1 {
  1121. margin-left:55px;
  1122. margin-top:0px;
  1123. position:absolute;
  1124. font-size:10px;
  1125. text-decoration:none;
  1126. transform: rotate(-50deg);
  1127. -ms-transform: rotate(-50deg);
  1128. -webkit-transform: rotate(-50deg);
  1129. -o-transform: rotate(-50deg);
  1130. -moz-transform: rotate(-50deg);
  1131. }
  1132.  
  1133. #info2 {
  1134. margin-left:35px;
  1135. margin-top:-5px;
  1136. position:absolute;
  1137. font-size:10px;
  1138. text-decoration:none;
  1139. transform: rotate(-50deg);
  1140. -ms-transform: rotate(-50deg);
  1141. -webkit-transform: rotate(-50deg);
  1142. -o-transform: rotate(-50deg);
  1143. -moz-transform: rotate(-50deg);
  1144.  
  1145. }
  1146.  
  1147.  
  1148. #info3 {
  1149. margin-left:25px;
  1150. margin-top:10px;
  1151. position:absolute;
  1152. font-size:10px;
  1153. text-decoration:none;
  1154. transform: rotate(-50deg);
  1155. -ms-transform: rotate(-50deg);
  1156. -webkit-transform: rotate(-50deg);
  1157. -o-transform: rotate(-50deg);
  1158. -moz-transform: rotate(-50deg);
  1159.  
  1160. }
  1161.  
  1162. #info a{
  1163. color:{color:info text};
  1164. font-size:15px;
  1165. }
  1166.  
  1167. #info a:hover{
  1168. color:{color:info hover};
  1169. -webkit-transition:all .5s ease-in-out;
  1170. -moz-transition:all .5s ease-in-out;
  1171. transition:all .5s ease-in-out;
  1172. }
  1173.  
  1174.  
  1175. /*TAGS*/
  1176. .tags {
  1177. background:transparent;
  1178. padding-left:px;
  1179. padding-top:5px;
  1180. width:280px;
  1181. margin-left:55px;
  1182. padding-right:px;
  1183. padding-bottom:8px;
  1184. text-transform:uppercase;
  1185. text-align:center;
  1186. line-height:13px;
  1187. font-size:8px;
  1188. margin-top:20px;
  1189. }
  1190.  
  1191.  
  1192.  
  1193.  
  1194. .tags a {
  1195. font-size:9px;
  1196. text-decoration:none;
  1197. color:{color:tags text};
  1198. text-shadow: none;
  1199. -webkit-transition: all 0.5s ease-out;
  1200. -moz-transition: all 0.5s ease-out;
  1201. transition: all 0.5s ease-out;
  1202. font-style:normal;
  1203. }
  1204.  
  1205. .tags a:hover {
  1206. color:{color:tags hover};
  1207. text-shadow:1px 1px 0px {color:tags shadow};
  1208. -webkit-transition: all 0.5s ease-out;
  1209. -moz-transition: all 0.5s ease-out;
  1210. transition: all 0.5s ease-out;
  1211. }
  1212.  
  1213.  
  1214. /*TAGS*/
  1215.  
  1216.  
  1217. .note {
  1218. text-transform:none;
  1219. letter-spacing:0px;
  1220. font-size:9px;
  1221. text-align:left;
  1222. line-height:100%;
  1223. margin-left:5px;
  1224. }
  1225.  
  1226. .note li {
  1227. list-style-type:decimal;
  1228. padding:0px 5px 10px 25px;
  1229. text-align:left;
  1230. -webkit-transition: all 0.5s ease-in-out;
  1231. -moz-transition: all 0.5s ease-in-out;
  1232. -o-transition: all 0.5s ease-in-out;
  1233. }
  1234.  
  1235.  
  1236. /* permalinks, info and tags */
  1237.  
  1238.  
  1239. /* QUOTES AND SOURCE */
  1240.  
  1241. .quotemarkleft {
  1242. font-size: 130px;
  1243. font-family: 'Georgia';
  1244. font-weight: bold;
  1245. line-height: 100px;
  1246. position: relative;
  1247. margin: 0px 0 -90px 30px;
  1248. color:{color:text};
  1249. opacity: 0.9;
  1250. }
  1251.  
  1252.  
  1253. #quote {
  1254. background:transparent;
  1255. font-family: 'Crimson Text', serif;
  1256. color:{color:text};
  1257. font-size:15px;
  1258. text-align:center;
  1259. line-height:120%;
  1260. padding:5px;
  1261. padding-top:12px;
  1262. padding-bottom:8px;
  1263. }
  1264.  
  1265. .qsource{
  1266. padding-top:3px;
  1267. padding-bottom:1px;
  1268. font-family: 'Cedarville Cursive', cursive;
  1269. font-size:15px;
  1270. text-align:right;
  1271. }
  1272.  
  1273.  
  1274.  
  1275. .chat ol {
  1276. font-size:10px;
  1277. font-family:calibri;
  1278. line-height:100%;
  1279. padding:0px;
  1280. list-style:none;
  1281. }
  1282.  
  1283. .label {
  1284. font-size:10px;
  1285. font-family:calibri;
  1286. font-weight:bold;
  1287. color:{color:Text};
  1288. }
  1289.  
  1290. .line.odd {
  1291. padding:4px;
  1292. margin-bottom:2px;
  1293. }
  1294.  
  1295. .line.even {
  1296. padding:4px;
  1297. margin-bottom:2px;
  1298. }
  1299.  
  1300. /* QUOTES AND SOURCE */
  1301.  
  1302.  
  1303.  
  1304.  
  1305.  
  1306. /* SELECTION TEXT AND BG */
  1307.  
  1308.  
  1309. ::selection {
  1310. background:{color:select background};
  1311. color:{color:select text};
  1312. }
  1313.  
  1314. /* SELECTION TEXT AND BG */
  1315.  
  1316.  
  1317.  
  1318. /* CHAT */
  1319.  
  1320. .chat ol {
  1321. padding:0;
  1322. font-family: 'Roboto', sans-serif;
  1323. font-size:7px;
  1324. text-transform:uppercase;
  1325. letter-spacing:1px;
  1326. line-height:180%;
  1327. list-style:none;
  1328. }
  1329.  
  1330. .line.odd {
  1331. background:{color:chatone};
  1332. padding:5px;
  1333. }
  1334.  
  1335. .line.even {
  1336. background:{color:chattwo};
  1337. padding:5px;
  1338. }
  1339.  
  1340. .label {
  1341. font-weight:none;
  1342. font-size:8px;
  1343. padding-right:1px;
  1344. letter-spacing:1px;
  1345. text-transform:uppercase;
  1346. color:{color:text};
  1347. }
  1348.  
  1349. /* CHAT */
  1350.  
  1351.  
  1352.  
  1353. /* CREDIT */
  1354.  
  1355. #credit {
  1356. font-size:10px;
  1357. position:fixed;
  1358. bottom:5px;
  1359. right:10px;
  1360. letter-spacing:0px;
  1361. z-index:99999;
  1362.  
  1363. }
  1364.  
  1365. #credit a{
  1366. display:block;
  1367. text-transform:uppercase;
  1368. color:{color:text};
  1369. text-shadow:0px 0px 1px {color:shadow2};
  1370. height:20px;
  1371. width:20px;
  1372. box-shadow:0 0 2 {color:shadow2};
  1373. text-align:center;
  1374. -webkit-transition: all 0.3s ease-in-out;
  1375. -moz-transition: all 0.3s ease-in-out;
  1376. -o-transition: all 0.3s ease-in-out;
  1377. -ms-transition: all 0.3s ease-in-out;
  1378. transition: all 0.3s ease-in-out;
  1379.  
  1380. }
  1381.  
  1382. #credit a:hover{
  1383. color:#fff;
  1384. text-transform:uppercase;
  1385. text-shadow:0px 0px 1px #fff;,
  1386. -webkit-transition: all 0.8s ease-in-out;
  1387. -moz-transition: all 0.8s ease-in-out;
  1388. -o-transition: all 0.8s ease-in-out;
  1389. -ms-transition: all 0.8s ease-in-out;
  1390. transition: all 0.8s ease-in-out;
  1391.  
  1392. }
  1393.  
  1394.  
  1395. /* CREDIT */
  1396.  
  1397.  
  1398.  
  1399.  
  1400. /* POP UP */
  1401.  
  1402. .popup_block{
  1403. display:none;
  1404. background:#171717;
  1405. background-repeat: no-repeat;
  1406. padding:20px;
  1407. float:left;
  1408. font-family: 'Roboto', sans-serif;
  1409. height: 507px;
  1410. position:fixed;
  1411. top:291px; left:695px;
  1412. z-index: 99999;
  1413. overflow-y: scroll;
  1414. overflow-x: hidden;
  1415.  
  1416. }
  1417.  
  1418. *html #fade {position: absolute;}
  1419. *html .popup_block {position: absolute;}
  1420. #fade {
  1421. display:none;
  1422. position:fixed;
  1423. left:0px;
  1424. top:0px;
  1425. width:100%;
  1426. height:100%;
  1427. z-index:9999;
  1428. background:transparent; /* change to #fff for solid white */
  1429. opacity:0.7; /* change to opacity:1; */
  1430. }
  1431.  
  1432.  
  1433. ul#tabs {
  1434. list-style-type: none;
  1435. padding: 0;
  1436. text-align: center;
  1437. font-size:8px;
  1438. letter-spacing:1px;
  1439.  
  1440. }
  1441.  
  1442. ul#tabs li {
  1443. display: inline-block;
  1444. text-transform:uppercase;
  1445. background-color: transparent;
  1446. border: solid 0px #262626;
  1447. padding: 5px 20px;
  1448. margin-bottom: 4px;
  1449. color: #b1b1b1;
  1450. cursor: pointer;
  1451. }
  1452.  
  1453. ul#tabs li:hover {
  1454. background-color: #000000;
  1455. }
  1456.  
  1457. ul#tabs li.active {
  1458. background-color: #0f0f0f;
  1459. }
  1460.  
  1461. ul#tab {
  1462. list-style-type: none;
  1463. margin: 0;
  1464. padding: 0;
  1465. }
  1466.  
  1467. ul#tab li {
  1468. display: none;
  1469. }
  1470.  
  1471. ul#tab li.active {
  1472. display: block;
  1473. }
  1474.  
  1475.  
  1476. .navega{
  1477. text-align:center;
  1478. text-transform:uppercase;
  1479. font-family:tahoma;
  1480. font-size:9px;
  1481. }
  1482.  
  1483. .navega a {
  1484. width:100px;
  1485. margin-left:4px;
  1486. margin-right:4px;
  1487. margin-top:4px;
  1488. margin-bottom:4px;
  1489. display:inline-block;
  1490. background-color:{color:text};
  1491. color:{color:links};
  1492. background-repeat:repeat;
  1493. background-attachment:fixed;
  1494. padding-right:4px;
  1495. padding-left:4px;
  1496. line-height:20px;
  1497. margin-top:2px;
  1498. margin-bottom:2px;
  1499. letter-spacing:1px;
  1500. transition-duration: 0.6s;
  1501. border-left:1px solid {color:background};
  1502. border-right:1px solid {color:background};
  1503. border-top:1px solid {color:background};
  1504. border-bottom:1px solid {color:background};
  1505. -webkit-transition: .5s ease-in-out;
  1506. -moz-transition: .5s ease-in-out;
  1507. -o-transition: .5s ease-in-out;
  1508. }
  1509.  
  1510. .navega a:hover {
  1511. background:{color:background};
  1512. color:#545454;
  1513. -moz-transition-duration:.6s;
  1514. -webkit-transition-duration:.6s;
  1515. -o-transition-duration:.6s;
  1516. -webkit-filter: blur(1px);
  1517. }
  1518.  
  1519. .pic img {
  1520. float: left;
  1521. padding: 0px;
  1522. margin-right: 10px;
  1523. width: 75px;
  1524. height: 75px;
  1525. }
  1526. /* POP UP */
  1527.  
  1528.  
  1529.  
  1530.  
  1531. /* HOVER LINKS div#qTip */
  1532.  
  1533. .tooltip{
  1534. display: inline;
  1535. position: relative;
  1536. }
  1537.  
  1538.  
  1539. #s-m-t-tooltip{
  1540. max-width:300px;
  1541. margin:7px;
  1542. padding:4px 4px 4px 4px;
  1543. border-radius:0px;
  1544. color:{color:text};
  1545. position:fixed;
  1546. background-image:url('{image:info}');
  1547. background-repeat:repeat;
  1548. background-attachment:fixed;
  1549. font-size:10px;
  1550. font-style:none;
  1551. font-weight:bold;
  1552. font-family:'calibri';
  1553. text-transform:uppercase;
  1554. border-left: 3px solid {color:hover borders};
  1555. box-shadow: 1px 0px 0px {color:bold shadow}, 1px 1px 1px {color:bold shadow};
  1556. letter-spacing:0px;
  1557. z-index:99999999999999999999999;
  1558. transition:0.7s ease-in-out;
  1559. -o-transition:0.7s ease-in-out;
  1560. -ms-transition:0.7s ease-in-out;
  1561. -moz-transition:0.7s ease-in-out;
  1562. -webkit-transition:0.7s ease-in-out;
  1563. }
  1564.  
  1565.  
  1566. /* HOVER LINKS */
  1567.  
  1568.  
  1569. /* SIDEBAR */
  1570.  
  1571. #sidebar {
  1572. font-family: 'Roboto', sans-serif;
  1573. font-size:9px;
  1574. background-color:#171717;
  1575. color: {color:text};
  1576. width:150px;
  1577. height:170px;
  1578. top:364px;
  1579. left: 430px;
  1580. line-height:120%;
  1581. text-transform:uppercase;
  1582. text-align:center;
  1583. border: 1px solid #2e2e2e;
  1584. outline: 1px dashed #2e2e2e;
  1585. outline-offset: 2px;
  1586. position:fixed;
  1587. overflow-y: scroll;
  1588. overflow-x: hidden;
  1589. opacity:1;
  1590.  
  1591. }
  1592.  
  1593.  
  1594.  
  1595.  
  1596.  
  1597. /* SIDEBAR */
  1598.  
  1599.  
  1600. </style>
  1601. <body>
  1602.  
  1603. <!-- UPDATES -->
  1604.  
  1605. <div id="sidebar">
  1606.  
  1607. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5567746";
  1608. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  1609. fhs.src = "//freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=DRAGOON&e2=DRAGOONS&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  1610. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  1611. </script>
  1612. <BR>
  1613. <script language="JavaScript">var fhsh = document.createElement('script');var fhs_id_h = "3305836";
  1614. fhsh.src = "//freehostedscripts.net/ocount.php?site="+fhs_id_h+"&name=DRAGONS FELLED.&a=1";
  1615. document.head.appendChild(fhsh);document.write("<span id='h_"+fhs_id_h+"'></span>");
  1616. </script>
  1617.  
  1618.  
  1619. </div>
  1620. </div>
  1621. </div>
  1622.  
  1623.  
  1624. <div class="alinks">
  1625. <a href="/" title="refresh">✧</a>
  1626. </div>
  1627. <div class="blinks">
  1628. <a href="#?w=310" rel="box1" class="poplight" title="inquire">♛</span></a>
  1629. </div>
  1630. <div class="dlinks">
  1631. <a href="#?w=310" rel="box2" class="poplight" title="rules">△</a>
  1632. </div>
  1633. <div class="elinks">
  1634. <a href="#?w=310" rel="box3" class="poplight" title="verses">□</a>
  1635. </div>
  1636. <div class="clinks">
  1637. <a href="#?w=310" rel="box4" class="poplight" title="navigation">☆</a>
  1638. </div>
  1639. </div>
  1640. </div>
  1641.  
  1642. <!-- CREDIT -->
  1643.  
  1644. <div id="credit">
  1645.  
  1646. <a href="https://courageousvessel.tumblr.com/" title="Theme by Satán"> SW </a>
  1647. </div>
  1648. <!-- CREDIT -->
  1649.  
  1650. <div id="pagination">{block:Pagination}
  1651. {block:NextPage}<a href="{NextPage}">►</a>
  1652. {/block:NextPage}
  1653. {/block:Pagination}</div>
  1654.  
  1655. <div id="pagination2">{block:Pagination}
  1656. {block:PreviousPage}<a href="{PreviousPage}">◄</a>{/block:PreviousPage}
  1657. {/block:Pagination}</div>
  1658.  
  1659. <!-- POST AND CONTAINER -->
  1660. <div id="container">
  1661.  
  1662. {block:Posts}
  1663. <div id="posts">
  1664. {block:Text}<center><h1>{block:Title}{Title}{/block:Title}</h1></center>{Body}{/block:Text}
  1665. {block:Photo}
  1666.  
  1667. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  1668. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1669.  
  1670. {block:Photoset}
  1671. {Photoset}{block:Caption}{Caption}{/block:Caption}
  1672. {/block:Photoset}
  1673.  
  1674.  
  1675. {block:Video}
  1676. <div class="video">{Video-500}{block:Caption}{Caption}{/block:Caption}</div></div></div>
  1677. {/block:Video}
  1678.  
  1679. <!-- POST AND CONTAINER -->
  1680.  
  1681. <!-- QUOTES, CHATS AND AUDIO -->
  1682.  
  1683. {block:Quote}<div class="quotemarkleft"; style=opacity:0.5;>“</div><div ID="quote">{Quote}{block:Source}<br><br> <div style="text-align: right;">— {Source}</div></div>{/block:Source}{/block:Quote}
  1684.  
  1685. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1686.  
  1687. {block:Chat}
  1688. {block:Title}
  1689. <h2 style="margin-bottom:-4px;">{Title}</h2>
  1690. {/block:Title}
  1691. <div class="chat">
  1692. <ol>{block:Lines}
  1693. <li class="line {Alt}">
  1694. {block:Label}
  1695. <span class="label">
  1696. <b>{Label}</b></span>
  1697. {/block:Label}{Line}</li>
  1698. {/block:Lines}
  1699. </ol></blockquote></div>
  1700. {/block:Chat}
  1701.  
  1702.  
  1703. {block:Audio}
  1704. <div class="audio">{block:AlbumArt}
  1705. <img class="audio-album" src="{AlbumArtURL}">
  1706. {/block:AlbumArt}
  1707. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}
  1708. {/block:AudioPlayer}</div>
  1709. <div class="audio-info">
  1710. {block:TrackName}
  1711. <b>Title:</b> {TrackName}<BR>
  1712. {/block:TrackName}
  1713. {block:Artist}
  1714. <b>Artist:</b> {Artist}<BR>
  1715. {/block:Artist}
  1716. {block:Album}
  1717. <b>Album:</b> {Album}<BR>
  1718. {/block:Album}
  1719. <b>Played</b> <i>{PlayCount}</i> <b>times</b></div></div>
  1720. {block:Caption}<div class="caption">{Caption}</div>
  1721. {/block:Caption}
  1722. {/block:Audio}
  1723.  
  1724. <!-- QUOTES, CHATS AND AUDIO -->
  1725.  
  1726.  
  1727.  
  1728. <!-- QUESTIONS, INFO, TAGS AND POST NOTES -->
  1729.  
  1730. {block:Answer}
  1731. <div class="asking"><img src="{AskerPortraitURL-64}"></div>
  1732. <div class="asker">{Asker}</div>
  1733. <span style="color:#444;font-size:13px;margin-left:70px;letter-spacing:2px;">said something.</span>
  1734. <div class="question">{question}</div>
  1735. <p><p>{Answer}{/block:Answer}
  1736.  
  1737.  
  1738. {block:Date}
  1739. <div id="info">
  1740. <div id="info1">
  1741. <a href="{Permalink}" title="{SortMonth} {DayOfMonthWithZero} - {TimeAgo}">✠</a></div>
  1742. <div id="info2">
  1743. <a href="{Permalink}" title="{NoteCountWithLabel}">⚝</a></div>
  1744. {block:ContentSource}
  1745. <div id="info3">
  1746. <a href="{SourceURL}" title="{SourceTitle}">☆</a>
  1747. {/block:ContentSource}
  1748. </div>
  1749. </div>
  1750. {/block:Date}
  1751.  
  1752.  
  1753. {block:Hastags}
  1754. <div id="thetop"></div>
  1755. <div class="tags">
  1756. {block:tags} <a href="{TagURL}" title="{Tag}">&nbsp; #{Tag} </a> {/block:tags} </div>
  1757. {/block:Hastags}
  1758.  
  1759. <div class="postnote">
  1760. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1761.  
  1762. </div>
  1763. {/block:Posts}
  1764. </div>
  1765.  
  1766. {block:ContentSource}
  1767. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1768. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  1769. </a> -->
  1770. {/block:ContentSource}
  1771. </div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  1772.  
  1773.  
  1774.  
  1775. <!-- QUESTIONS, INFO, TAGS AND POST NOTES -->
  1776.  
  1777. <div id="box1" class="popup_block">
  1778. <div id="contenido">
  1779. <iframe frameborder="0" height="350" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/baewind.tumblr.com" width="100%"></iframe>
  1780. </div>
  1781. </div>
  1782.  
  1783. <div id="box2" class="popup_block">
  1784. rules or about idk
  1785. </div>
  1786.  
  1787. <div id="box3" class="popup_block">
  1788. <ul id="tabs">
  1789. <li class="active">active verse</li>
  1790. <li>verse name</li>
  1791. <li>verse name 2</li>
  1792. <li>verse name 3</li>
  1793. <li>verse name 4</li>
  1794. <li>verse name 5</li>
  1795. <li>verse name 6</li>
  1796. <li>verse name 7</li>
  1797. </ul>
  1798.  
  1799. <ul id="tab">
  1800. <li class="active">
  1801. <div class="pic"><img src="http://i.imgur.com/E1I2sgh.png"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1802. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1803.  
  1804.  
  1805. </li>
  1806. <li>
  1807. <div class="pic"><img src="http://i.imgur.com/Afsqpiz.png"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1808. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1809.  
  1810.  
  1811. </li>
  1812. <li>
  1813.  
  1814. <div class="pic"><img src="http://i.imgur.com/X6FuWz4.png"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1815. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1816.  
  1817.  
  1818. </li>
  1819. <li>
  1820.  
  1821. <div class="pic"><img src="http://i.imgur.com/D9TCnAG.png"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1822. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1823.  
  1824. </li>
  1825. <li>
  1826.  
  1827. <div class="pic"><img src="http://i.imgur.com/Dea2ysQ.png"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1828. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1829.  
  1830. </li>
  1831. <li>
  1832.  
  1833. <div class="pic"><img src="http://i.imgur.com/pIWMBHh.png"><p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1834. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1835.  
  1836. </li>
  1837. <li>
  1838.  
  1839. <div class="pic"><img src="http://i.imgur.com/pTOBbPU.png"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1840. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1841.  
  1842. </li>
  1843. <li>
  1844.  
  1845. <div class="pic"><img src="http://i.imgur.com/3gI6yNp.png"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1846. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, mauris. Aliquam mattis porta urna. Maecenas dui neque, rhoncus sed, vehicula vitae, auctor at, nisi. Aenean id massa ut lacus molestie porta. Curabitur sit amet quam id libero suscipit venenatis.
  1847.  
  1848.  
  1849. </li>
  1850. </ul>
  1851. </div>
  1852.  
  1853.  
  1854. <div id="box4" class="popup_block">
  1855. <p><i>tags title here</i>
  1856. <div class="navega">
  1857. <a href="/tagged/" title="title in here">title in here</a>
  1858. <a href="/tagged/" title="title in here">title in here</a>
  1859. </div>
  1860.  
  1861. <div class="navega">
  1862. <a href="/tagged/" title="title in here">title in here</a>
  1863. <a href="/tagged/" title="title in here">title in here</a>
  1864. </div>
  1865.  
  1866. <div class="navega">
  1867. <a href="/tagged/" title="title in here">title in here</a>
  1868. <a href="/tagged/" title="title in here">title in here</a>
  1869. </div>
  1870. <p><i>tags title here</i>
  1871. <div class="navega">
  1872. <a href="/tagged/" title="title in here">title in here</a>
  1873. <a href="/tagged/" title="title in here">title in here</a>
  1874. </div>
  1875.  
  1876. <div class="navega">
  1877. <a href="/tagged/" title="title in here">title in here</a>
  1878. <a href="/tagged/" title="title in here">title in here</a>
  1879. </div>
  1880.  
  1881. <div class="navega">
  1882. <a href="/tagged/" title="title in here">title in here</a>
  1883. <a href="/tagged/" title="title in here">title in here</a>
  1884. </div>
  1885. <p><i>tags title here</i>
  1886. <div class="navega">
  1887. <a href="/tagged/" title="title in here">title in here</a>
  1888. <a href="/tagged/" title="title in here">title in here</a>
  1889. </div>
  1890.  
  1891. <div class="navega">
  1892. <a href="/tagged/" title="title in here">title in here</a>
  1893. <a href="/tagged/" title="title in here">title in here</a>
  1894. </div>
  1895.  
  1896. <div class="navega">
  1897. <a href="/tagged/" title="title in here">title in here</a>
  1898. <a href="/tagged/" title="title in here">title in here</a>
  1899. </div>
  1900. <p><i>tags title here</i>
  1901. <div class="navega">
  1902. <a href="/tagged/" title="title in here">title in here</a>
  1903. <a href="/tagged/" title="title in here">title in here</a>
  1904. </div>
  1905.  
  1906. <div class="navega">
  1907. <a href="/tagged/" title="title in here">title in here</a>
  1908. <a href="/tagged/" title="title in here">title in here</a>
  1909. </div>
  1910.  
  1911. <div class="navega">
  1912. <a href="/tagged/" title="title in here">title in here</a>
  1913. <a href="/tagged/" title="title in here">title in here</a>
  1914. </div>
  1915.  
  1916. </font></font>
  1917. </div>
  1918. </div></div>
  1919.  
  1920. <!-- UPDATES -->
  1921.  
  1922.  
  1923.  
  1924. </body>
  1925. </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!