API tools faq
paste
Advertisement
tiffxny21

Faith ★

tiffxny21
Aug 19th, 2018
70
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 51.63 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!----------
  5.  
  6. THIS THEME BELONGS TO
  7. ✩ JAXWHIITTEMORE ✩
  8. PLEASE DO NOT REMOVE THE CREDIT
  9. DO NOT ✐ EDIT ✐ AND DISTRIBUTE
  10. DO NOT CLAIM AS YOURS ☝ (❛ω❛)
  11. BE NICE PLEASE (´❛-❛`ง) ٩(ٌ❛ᴗ❛ٌ)۶
  12.  
  13. ---------->
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22.  
  23. <meta name="color:background" content="#000000">
  24. <meta name="color:borders" content="#6d6d6d">
  25. <meta name="color:sidebar links" content="#131313">
  26. <meta name="color:sidebar shadow" content="#adadad">
  27. <meta name="color:sidebar hover" content="#c6c6c3">
  28. <meta name="color:links" content="#f6d9d3">
  29. <meta name="color:links shadow" content="#604c49">
  30. <meta name="color:links hover" content="#b6b6b6">
  31. <meta name="color:text" content="#bebebe">
  32. <meta name="color:blockquote" content="#a3424d">
  33. <meta name="color:bold" content="#cc525a">
  34. <meta name="color:bold shadow" content="#000000">
  35. <meta name="color:italic" content="#dcdcdc">
  36. <meta name="color:italic shadow" content="#333333">
  37. <meta name="color:underline" content="#e2e2e2">
  38. <meta name="color:big" content="#dadada">
  39. <meta name="color:big shadow" content="#000000">
  40. <meta name="color:pre text" content="#e7e7e7">
  41. <meta name="color:ask text" content="#eaeaea">
  42. <meta name="color:ask border" content="#d4d4d4">
  43. <meta name="color:sidebar border" content="#180c0c">
  44. <meta name="color:info" content="#131313">
  45. <meta name="color:info hover" content="#c8d3da">
  46. <meta name="color:info text" content="#f0f0f0">
  47. <meta name="color:selec bg" content="#000000">
  48. <meta name="color:selec" content="#a34251">
  49. <meta name="color:tags" content="#ffffff">
  50. <meta name="color:tags hover" content="#ffffff">
  51.  
  52. <meta name="image:Background" content="https://static.tumblr.com/86za1yn/q7woart7d/prev.png"/>
  53. <meta name="image:prebg" content="https://static.tumblr.com/86za1yn/9hnoart8i/flames.gif"/>
  54.  
  55. <meta name="text:Link 1 URL" content="">
  56. <meta name="text:Link Title 1" content="">
  57. <meta name="text:Link 2 URL" content="">
  58. <meta name="text:Link Title 2" content="">
  59. <meta name="text:Link 3 URL" content="">
  60. <meta name="text:Link Title 3" content="">
  61. <meta name="text:Link 4 URL" content="">
  62. <meta name="text:Link Title 4" content="">
  63.  
  64. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  65.  
  66. <meta name="color:updateborder" content="#131313"/>
  67. <meta name="color:updatebackground" content="#070707"/>
  68. <meta name="color:updatetext" content="#c3c3c3"/>
  69. <meta name="color:updatelinkhover" content="#333333"/>
  70. <meta name="color:updatecrosscolor" content="#333333"/>
  71.  
  72. <meta name="select:updatetabwidth" content="100px"/>
  73. <meta name="select:updatetabwidth" content="125px"/>
  74. <meta name="select:updatetabwidth" content="150px"/>
  75. <meta name="select:updatetabwidth" content="175px"/>
  76. <meta name="select:updatetabwidth" content="200px"/>
  77.  
  78. <meta name="if:updatetabontop" content="0"/>
  79. <meta name="if:updatetabonright" content="0"/>
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <!-- BLOBS IN A JAR -->
  86.  
  87. <script type="text/javascript">
  88. // <![CDATA[
  89. var colour="#131313"; // what colour are the blobs
  90. var speed='80'; // speed of animation, lower is faster
  91. var blobs='7'; // how many blobs are in the jar
  92. var charc=String.fromCharCode(9679); // a blob - can be changed to charc='hello' or charc='*' for a different effect
  93.  
  94. /***************************\
  95. * Blobs in a Jar Effect *
  96. *(c)2012-13 mf2fm web-design*
  97. * https://www.mf2fm.com/rv *
  98. * DON'T EDIT BELOW THIS BOX *
  99. \***************************/
  100.  
  101. var div;
  102. var xpos=new Array();
  103. var ypos=new Array();
  104. var zpos=new Array();
  105. var dx=new Array();
  106. var dy=new Array();
  107. var dz=new Array();
  108. var blob=new Array();
  109. var swide=800;
  110. var shigh=600;
  111. var ie_version=(navigator.appVersion.indexOf("MSIE")!=-1)?parseFloat(navigator.appVersion.split("MSIE")[1]):false;
  112.  
  113. function addLoadEvent(funky) {
  114. var oldonload=window.onload;
  115. if (typeof(oldonload)!='function') window.onload=funky;
  116. else window.onload=function() {
  117. if (oldonload) oldonload();
  118. funky();
  119. }
  120. }
  121.  
  122. addLoadEvent(fill_the_jar);
  123.  
  124. function fill_the_jar() {
  125. var i, dvs;
  126. div=document.createElement('div');
  127. dvs=div.style;
  128. dvs.position='fixed';
  129. dvs.left='0px';
  130. dvs.top='0px';
  131. dvs.width='1px';
  132. dvs.height='1px';
  133. document.body.appendChild(div);
  134. set_width();
  135. for (i=0; i<blobs; i++) {
  136. add_blob(i);
  137. jamjar(i);
  138. }
  139. }
  140.  
  141. function add_blob(ref) {
  142. var dv, sy;
  143. dv=document.createElement('div');
  144. sy=dv.style;
  145. sy.position='absolute';
  146. sy.textAlign='center';
  147. if (ie_version && ie_version<10) {
  148. sy.fontSize="10px";
  149. sy.width="100px";
  150. sy.height="100px";
  151. sy.paddingTop="40px";
  152. sy.color=colour;
  153. dv.appendChild(document.createTextNode(charc));
  154. }
  155. else if (ie_version) {
  156. sy.fontSize="1px";
  157. sy.width="0px";
  158. sy.height="0px";
  159. }
  160. else {
  161. dv.appendChild(document.createTextNode(charc));
  162. sy.color='rgba(0,0,0,0)';
  163. }
  164. ypos[ref]=Math.floor(shigh*Math.random());
  165. dy[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  166. xpos[ref]=Math.floor(swide*Math.random());
  167. dx[ref]=(0.5+Math.random())*(Math.random()>.5?2:-2);
  168. zpos[ref]=Math.random()*20;
  169. dz[ref]=(0.5+Math.random())*(Math.random()>.5?.5:-.5);
  170. blob[ref]=dv;
  171. div.appendChild(blob[ref]);
  172. set_blob(ref);
  173. }
  174.  
  175. function rejig(ref, xy) {
  176. if (xy=='y') {
  177. dx[ref]=(0.5+Math.random())*sign(dx[ref]);
  178. dy[ref]=(0.5+Math.random())*-sign(dy[ref]);
  179. }
  180. else {
  181. dx[ref]=(0.5+Math.random())*-sign(dx[ref]);
  182. dy[ref]=(0.5+Math.random())*sign(dy[ref]);
  183. }
  184. }
  185.  
  186. function sign(a) {
  187. if (a<0) return (-2);
  188. else if (a>0) return (2);
  189. else return (0);
  190. }
  191.  
  192. function set_blob(ref) {
  193. var sy;
  194. sy=blob[ref].style;
  195. sy.top=ypos[ref]+'px';
  196. sy.left=xpos[ref]+'px';
  197. if (ie_version && ie_version<10) {
  198. sy.filter="glow(color="+colour+",strength="+zpos[ref]+")";
  199. sy.fontSize=30-zpos[ref]+"px";
  200. }
  201. else if (ie_version) {
  202. sy.boxShadow="0px 0px 40px "+zpos[ref]+"px "+colour;
  203. }
  204. else {
  205. sy.textShadow=colour+' 0px 0px '+zpos[ref]+'px';
  206. sy.fontSize=40+zpos[ref]+'px';
  207. }
  208. }
  209.  
  210. function jamjar(ref) {
  211. if (ypos[ref]+dy[ref]<-50 || ypos[ref]+dy[ref]>shigh) rejig(ref, 'y');
  212. ypos[ref]+=dy[ref];
  213. if (xpos[ref]+dx[ref]<-50 || xpos[ref]+dx[ref]>swide) rejig(ref, 'x');
  214. xpos[ref]+=dx[ref];
  215. if (zpos[ref]+dz[ref]<0 || zpos[ref]+dz[ref]>20) dz[ref]=-dz[ref];
  216. zpos[ref]+=dz[ref];
  217. set_blob(ref);
  218. setTimeout("jamjar("+ref+")", speed);
  219. }
  220.  
  221. window.onresize=set_width;
  222. function set_width() {
  223. var sw_min=999999;
  224. var sh_min=999999;
  225. if (document.documentElement && document.documentElement.clientWidth) {
  226. if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  227. if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  228. }
  229. if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
  230. if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  231. if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  232. }
  233. if (document.body.clientWidth) {
  234. if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  235. if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  236. }
  237. if (sw_min==999999 || sh_min==999999) {
  238. sw_min=800;
  239. sh_min=600;
  240. }
  241. swide=sw_min;
  242. shigh=sh_min;
  243. }
  244. // ]]>
  245. </script>
  246.  
  247. <!-- BLOBS IN A JAR -->
  248.  
  249.  
  250.  
  251. <!-- FONTS -->
  252.  
  253.  
  254. <link href="https://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC" rel="stylesheet" type="text/css">
  255.  
  256. <link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
  257.  
  258. <link href="https://fonts.googleapis.com/css?family=Amatic+SC:400,700" rel="stylesheet" type="text/css">
  259.  
  260. <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
  261.  
  262. <link href="https://fonts.googleapis.com/css?family=Damion" rel="stylesheet" type="text/css">
  263.  
  264. <link href='https://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
  265.  
  266. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  267. <link href="https://fonts.googleapis.com/css?family=Special+Elite" rel="stylesheet">
  268. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  269.  
  270. <!-- FONTS -->
  271.  
  272.  
  273.  
  274.  
  275. <style type="text/css">
  276.  
  277. @import url(https://static.tumblr.com/6hsqxdt/md2mgu4of/tinytots.css);
  278. @import 'https://fonts.googleapis.com/css?family=Josefin+Sans';
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285. /* IMESSAGE CHAT POST ( NOT MINE ) */
  286.  
  287. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  288. .asked p {
  289. text-align: left;
  290. margin: 0 0px 10px 0px;
  291. padding: 0;
  292. color: #666666;
  293. font-family: 'Inconsolata', Inconsolata;
  294. font-size: 12px;
  295. line-height: 0px;
  296. }
  297. .footerright .viasrc {
  298. float: left;
  299. }
  300. .asked a {
  301. margin:0;padding:0;
  302. }
  303. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  304. .convo {
  305. overflow: hidden;
  306. list-style-type: none;
  307. padding: 0;
  308. margin: 0;
  309. }
  310.  
  311. /* IMESSAGE CHAT POST ( NOT MINE ) */
  312.  
  313.  
  314.  
  315. /* LINKS AND HOVER */
  316.  
  317.  
  318. a {
  319. text-decoration:none;
  320. text-shadow:0px 0px 2px {color:links shadow};
  321. color:{color:links};
  322. text-transform:uppercase;
  323. -moz-transition-duration: all 0.9s ease-in-out;
  324. -webkit-transition-duration: all 0.9s ease-in-out;
  325. -o-transition-duration: all 0.9s ease-in-out;
  326. }
  327.  
  328.  
  329. a:hover {
  330. text-shadow: 0 0 4px {color:bold shadow};
  331. -moz-transition-duration:0.9s;
  332. -webkit-transition-duration:0.9s;
  333. -o-transition-duration:0.9s;
  334.  
  335. }
  336.  
  337.  
  338. /* LINKS AND HOVER */
  339.  
  340.  
  341.  
  342.  
  343.  
  344. /* BODY POSITION AND BACKGROUND */
  345.  
  346. body {
  347. background:{color:background};
  348. background-attachment:fixed;
  349. background-repeat:no-repeat;
  350. background-position: left top ; /* you can change this if to TOP or CENTER if you want */
  351. color:{color:text};
  352. font-family:tahoma;
  353. text-align:justify;
  354. font-size:10px;
  355. position:fixed;
  356. background-image:url("{image:Background}");
  357. letter-spacing:1px;
  358. }
  359.  
  360. /* BODY POSITION AND BACKGROUND */
  361.  
  362.  
  363.  
  364.  
  365. /* SCROLLBAR */
  366.  
  367. ::-webkit-scrollbar-thumb{
  368. background-color: transparent;
  369. border-radius:0px;
  370. height:auto;
  371. }
  372.  
  373. ::-webkit-scrollbar {
  374. height:auto;
  375. width:4px;
  376. border: 1px transparent;
  377. border-radius:0px;
  378. }
  379.  
  380. /* SCROLLBAR */
  381.  
  382.  
  383.  
  384.  
  385.  
  386. /* THE BLOCKQUOTE AND IMAGES GREYSCALE */
  387.  
  388.  
  389. blockquote {
  390. width:400px;
  391. border-left:1px solid {color:blockquote};
  392. margin-left:1px;
  393. padding-left:9px;
  394. padding-top:1px;
  395. padding-bottom:1px;
  396.  
  397. }
  398.  
  399. blockquote blockquote {
  400. width:380px;
  401. border-left:1px solid {color:blockquote};
  402. margin-left:1px;
  403. padding-left:9px;
  404. padding-top:1px;
  405. padding-bottom:1px;
  406.  
  407. }
  408.  
  409. blockquote blockquote blockquote {
  410. width:350px;
  411. border-left:1px solid {color:blockquote};
  412. margin-left:1px;
  413. padding-left:9px;
  414. padding-top:1px;
  415. padding-bottom:1px;
  416.  
  417. }
  418.  
  419. img {
  420. padding-left: 0px;
  421. max-width:500px;
  422. padding-bottom:10px;
  423. height: auto;
  424.  
  425. -webkit-transition: all 0.5s ease-in-out;
  426. -moz-transition: all 0.5s ease-in-out;
  427. -o-transition: all 0.5s ease-in-out;
  428. -ms-transition: all 0.5s ease-in-out;
  429. transition: all 0.5s ease-in-out;
  430. -webkit-filter: Grayscale(70%);
  431. -webkit-transition-duration: 0.8s;
  432. -moz-transition-duration:0.8s;
  433. transition-duration:0.8s; -o-transition-duration:0.8s;}
  434.  
  435. }
  436.  
  437. img:hover {
  438. opacity: 1.0;
  439. -webkit-transition: all 0.5s ease-in-out;
  440. -moz-transition: all 0.5s ease-in-out;
  441. -o-transition: all 0.5s ease-in-out;
  442. -ms-transition: all 0.5s ease-in-out;
  443. transition: all 0.5s ease-in-out;
  444. -webkit-filter: Grayscale(0%);
  445. -webkit-transition: all 0.5s ease-out;
  446. -moz-transition: all 0.5s ease-out;
  447. transition: all 0.5s ease-out;}
  448.  
  449. .html_photoset {
  450. height: auto;
  451. opacity: 0.4;
  452. -webkit-transition: all 0.5s ease-in-out;
  453. -moz-transition: all 0.5s ease-in-out;
  454. -o-transition: all 0.5s ease-in-out;
  455. -ms-transition: all 0.5s ease-in-out;
  456. transition: all 0.5s ease-in-out;
  457. -webkit-filter: Grayscale(70%);
  458. -webkit-transition-duration: 0.8s;
  459. -moz-transition-duration:0.8s;
  460. transition-duration:0.8s; -o-transition-duration:0.8s;}
  461.  
  462. .html_photoset:hover {
  463. height: auto;
  464. opacity: 1.0;
  465. -webkit-transition: all 0.5s ease-in-out;
  466. -moz-transition: all 0.5s ease-in-out;
  467. -o-transition: all 0.5s ease-in-out;
  468. -ms-transition: all 0.5s ease-in-out;
  469. transition: all 0.5s ease-in-out;
  470. -webkit-filter: Grayscale(0%);
  471. -webkit-transition: all 0.5s ease-out;
  472. -moz-transition: all 0.5s ease-out;
  473. transition: all 0.5s ease-out;}
  474.  
  475. /* THE BLOCKQUOTE AND IMAGES GREYSCALE */
  476.  
  477.  
  478.  
  479.  
  480.  
  481. /* BOLD (b), ITALIC (i,em), UNDERLINE (u) BIG, PRE, SMALL, CODE AND OTHERS */
  482.  
  483.  
  484.  
  485. sub, sup, small {
  486. font-size: 9px;
  487. font-family: tahoma;
  488. color:{color:text};
  489. }
  490.  
  491. b, strong {
  492. letter-spacing: 0px;
  493. color:{color:bold};
  494. text-transform: uppercase;
  495. font-weight: bold;
  496. text-shadow: 1px 0px 0px {color:bold shadow}, 1px 1px 1px {color:bold shadow};
  497. font-size: 11px;
  498. font-family: 'montserrat';
  499. }
  500.  
  501.  
  502. i,em{
  503. color:{color:italic};
  504. text-shadow: 0px 0px 2px {color:italic shadow};
  505. font-family:times;
  506. font-weight:bold;
  507. font-size:14px;
  508. text-transform:lowercase;
  509. }
  510.  
  511. code {
  512. font-size: 15px;
  513. font-family: 'Special Elite', cursive;
  514. }
  515.  
  516.  
  517. big{
  518. color:{color:big};
  519. font-size: 16px;
  520. text-shadow: 0px 0px 2px {color:big shadow};
  521. font-family:georgia, sans-serif;
  522. }
  523.  
  524.  
  525. u{
  526. color:{color:underline};
  527. }
  528.  
  529. pre {
  530. font-family:courier;
  531. text-align:center;
  532. text-transform:uppercase;
  533. font-size:10px;
  534. color:{color:pre text};
  535. background-image:url("{image:prebg}");
  536. padding:10px;
  537. padding-left:15px;
  538. padding-right:15px;
  539. word-wrap: break-word;
  540. }
  541.  
  542.  
  543. h1 {
  544. font-family: 'Raleway', sans-serif;
  545. text-transform:uppercase;
  546. text-align: center;
  547. font-size:15px;
  548. line-height:100%;
  549. color: {color:blockquote};
  550. }
  551.  
  552. h2 {
  553. font-size:18px;
  554. color: {color:big};
  555. font-weight:bold;
  556. font-family:'Fjalla One', sans-serif;
  557. text-shadow: 0px 0px 2px {color:big shadow}}
  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:blockquote};
  571. }
  572.  
  573. /* BOLD (b), ITALIC (i,em), UNDERLINE (u) BIG, PRE, SMALL, CODE AND OTHERS */
  574.  
  575.  
  576.  
  577.  
  578.  
  579. /* PAGINATION */
  580.  
  581. .pagination {
  582.  
  583. top:350px;
  584. left: -20px;
  585. position: absolute;
  586. text-align: left;
  587. letter-spacing:1px;
  588. text-transform:lowercase;
  589.  
  590. }
  591.  
  592. .pagination a{
  593. color: {color:links};
  594. text-transform:uppercase;
  595. font-style:none;
  596. font-family:tahoma;
  597. letter-spacing:0px;
  598. font-size:10px;
  599. text-shadow: 0px 0px 3px {color:links shadow};}
  600.  
  601. .pagination a:hover{
  602. color:{color:text};
  603. -webkit-filter: blur(1px);
  604. -webkit-transition:all .5s ease-in-out;
  605. -moz-transition:all .5s ease-in-out;
  606. transition:all .5s ease-in-out;
  607.  
  608. }
  609.  
  610. /* PAGINATION */
  611.  
  612.  
  613.  
  614.  
  615.  
  616. /* SIDEBAR LINKS 1*/
  617.  
  618. .links {
  619. position: fixed;
  620. top:50px;
  621. left:150px;
  622. font-size: 27px;
  623. letter-spacing:4px;
  624. font-family: 'Oswald';
  625. text-transform:uppercase;
  626. line-height: 170%;
  627. text-align: left;
  628. width: 50px;
  629. text-shadow: 0px 00px 11px {color:sidebar shadow};
  630.  
  631. }
  632.  
  633. .links a {
  634. font-family: 'Oswald';
  635. display:inline-block;
  636. color: {color:sidebar links};
  637. font-size: 27px;
  638. font-weight: bold;
  639. margin: 0px 25px;
  640. letter-spacing: 2px;
  641. text-transform:uppercase;
  642. text-shadow: 0px 00px 11px {color:sidebar shadow}, 1px 1px 1px {color:sidebar shadow};
  643. transition-duration: 0.7s;
  644. -moz-transition-duration: 0.7s;
  645. -webkit-transition-duration: 0.7s;
  646. -o-transition-duration: 0.7s;
  647. }
  648.  
  649. .links a:hover {
  650. color: {color:sidebar hover};
  651. text-shadow: 1px 0px 0px {color:sidebar shadow}, 1px 1px 1px {color:sidebar shadow};
  652. transition-duration: 0.3s;
  653. -moz-transition-duration: 0.7s;
  654. -webkit-transition-duration: 0.7s;
  655. -o-transition-duration: 0.7s;
  656. -webkit-transition:all 0.5s ease-in-out;
  657. -moz-transition:all 0.5s ease-in-out;
  658. -o-transition:all 0.5s ease-in-out;
  659. -ms-transition:all 0.5s ease-in-out;
  660. transition:all 0.5s ease-in-out;
  661. }
  662.  
  663.  
  664. /*END OF SIDEBAR LINKS 1*/
  665.  
  666.  
  667. /* SIDEBAR LINKS 2*/
  668.  
  669. .links1 {
  670. position: fixed;
  671. top:70px;
  672. left:90px;
  673. font-size: 22px;
  674. letter-spacing:4px;
  675. font-family: 'Oswald';
  676. text-transform:uppercase;
  677. line-height: 170%;
  678. text-align: right;
  679. width: 50px;
  680. text-shadow: 0px 00px 11px {color:sidebar shadow};
  681. margin-right: auto;
  682.  
  683. }
  684.  
  685. .links1 a {
  686. font-family: 'Oswald';
  687. display:inline-block;
  688. color: {color:sidebar links};
  689. font-size: 22px;
  690. font-weight: bold;
  691. margin: 0px 25px;
  692. letter-spacing: 2px;
  693. text-transform:uppercase;
  694. text-shadow: 0px 00px 11px {color:sidebar shadow}, 1px 1px 1px {color:sidebar shadow};
  695. transition-duration: 0.7s;
  696. -moz-transition-duration: 0.7s;
  697. -webkit-transition-duration: 0.7s;
  698. -o-transition-duration: 0.7s;
  699. }
  700.  
  701. .links1 a:hover {
  702. color: {color:sidebar hover};
  703. text-shadow: 1px 0px 0px {color:sidebar shadow}, 1px 1px 1px {color:sidebar shadow};
  704. transition-duration: 0.3s;
  705. -moz-transition-duration: 0.7s;
  706. -webkit-transition-duration: 0.7s;
  707. -o-transition-duration: 0.7s;
  708. -webkit-transition:all 0.5s ease-in-out;
  709. -moz-transition:all 0.5s ease-in-out;
  710. -o-transition:all 0.5s ease-in-out;
  711. -ms-transition:all 0.5s ease-in-out;
  712. transition:all 0.5s ease-in-out;
  713. }
  714.  
  715.  
  716. /*END OF SIDEBAR LINKS 2*/
  717.  
  718.  
  719. /* SIDEBAR LINKS 3*/
  720.  
  721. .links2 {
  722. position: fixed;
  723. top:110px;
  724. left:50px;
  725. font-size: 20px;
  726. letter-spacing:4px;
  727. font-family: 'Oswald';
  728. text-transform:uppercase;
  729. line-height: 170%;
  730. text-align: right;
  731. width: 50px;
  732. text-shadow: 0px 00px 11px {color:sidebar shadow};
  733. margin-right: auto;
  734.  
  735. }
  736.  
  737. .links2 a {
  738. font-family: 'Oswald';
  739. display:inline-block;
  740. color: {color:sidebar links};
  741. font-size: 20px;
  742. font-weight: bold;
  743. margin: 0px 25px;
  744. letter-spacing: 2px;
  745. text-transform:uppercase;
  746. text-shadow: 0px 00px 11px {color:sidebar shadow}, 1px 1px 1px {color:sidebar shadow};
  747. transition-duration: 0.7s;
  748. -moz-transition-duration: 0.7s;
  749. -webkit-transition-duration: 0.7s;
  750. -o-transition-duration: 0.7s;
  751. }
  752.  
  753. .links2 a:hover {
  754. color: {color:sidebar hover};
  755. text-shadow: 1px 0px 0px {color:sidebar shadow}, 1px 1px 1px {color:sidebar shadow};
  756. transition-duration: 0.3s;
  757. -moz-transition-duration: 0.7s;
  758. -webkit-transition-duration: 0.7s;
  759. -o-transition-duration: 0.7s;
  760. -webkit-transition:all 0.5s ease-in-out;
  761. -moz-transition:all 0.5s ease-in-out;
  762. -o-transition:all 0.5s ease-in-out;
  763. -ms-transition:all 0.5s ease-in-out;
  764. transition:all 0.5s ease-in-out;
  765. }
  766.  
  767.  
  768. /*END OF SIDEBAR LINKS 3*/
  769.  
  770.  
  771. /* SIDEBAR LINKS 4*/
  772.  
  773. .links3 {
  774. position: fixed;
  775. top:160px;
  776. left:50px;
  777. font-size: 17px;
  778. letter-spacing:4px;
  779. font-family: 'Oswald';
  780. text-transform:uppercase;
  781. line-height: 170%;
  782. text-align: right;
  783. width: 50px;
  784. text-shadow: 0px 00px 11px {color:sidebar shadow};
  785. margin-right: auto;
  786.  
  787. }
  788.  
  789. .links3 a {
  790. font-family: 'Oswald';
  791. display:inline-block;
  792. color: {color:sidebar links};
  793. font-size: 17px;
  794. font-weight: bold;
  795. margin: 0px 25px;
  796. letter-spacing: 2px;
  797. text-transform:uppercase;
  798. text-shadow: 0px 00px 11px {color:sidebar shadow}, 1px 1px 1px {color:sidebar shadow};
  799. transition-duration: 0.7s;
  800. -moz-transition-duration: 0.7s;
  801. -webkit-transition-duration: 0.7s;
  802. -o-transition-duration: 0.7s;
  803. }
  804.  
  805. .links3 a:hover {
  806. color: {color:sidebar hover};
  807. text-shadow: 1px 0px 0px {color:sidebar shadow}, 1px 1px 1px {color:sidebar shadow};
  808. transition-duration: 0.3s;
  809. -moz-transition-duration: 0.7s;
  810. -webkit-transition-duration: 0.7s;
  811. -o-transition-duration: 0.7s;
  812. -webkit-transition:all 0.5s ease-in-out;
  813. -moz-transition:all 0.5s ease-in-out;
  814. -o-transition:all 0.5s ease-in-out;
  815. -ms-transition:all 0.5s ease-in-out;
  816. transition:all 0.5s ease-in-out;
  817. }
  818.  
  819.  
  820. /*END OF SIDEBAR LINKS 4*/
  821.  
  822.  
  823. /* SIDEBAR LINKS 5*/
  824.  
  825. .links4 {
  826. position: fixed;
  827. top:200px;
  828. left:60px;
  829. font-size: 13px;
  830. letter-spacing:4px;
  831. font-family: 'Oswald';
  832. text-transform:uppercase;
  833. line-height: 170%;
  834. text-align: right;
  835. width: 50px;
  836. text-shadow: 0px 00px 11px {color:sidebar shadow};
  837. margin-right: auto;
  838.  
  839. }
  840.  
  841. .links4 a {
  842. font-family: 'Oswald';
  843. display:inline-block;
  844. color: {color:sidebar links};
  845. font-size: 13px;
  846. font-weight: bold;
  847. margin: 0px 25px;
  848. letter-spacing: 2px;
  849. text-transform:uppercase;
  850. text-shadow: 0px 00px 11px {color:sidebar shadow}, 1px 1px 1px {color:sidebar shadow};
  851. transition-duration: 0.7s;
  852. -moz-transition-duration: 0.7s;
  853. -webkit-transition-duration: 0.7s;
  854. -o-transition-duration: 0.7s;
  855. }
  856.  
  857. .links4 a:hover {
  858. color: {color:sidebar hover};
  859. text-shadow: 1px 0px 0px {color:sidebar shadow}, 1px 1px 1px {color:sidebar shadow};
  860. transition-duration: 0.3s;
  861. -moz-transition-duration: 0.7s;
  862. -webkit-transition-duration: 0.7s;
  863. -o-transition-duration: 0.7s;
  864. -webkit-transition:all 0.5s ease-in-out;
  865. -moz-transition:all 0.5s ease-in-out;
  866. -o-transition:all 0.5s ease-in-out;
  867. -ms-transition:all 0.5s ease-in-out;
  868. transition:all 0.5s ease-in-out;
  869. }
  870.  
  871.  
  872. /*END OF SIDEBAR LINKS 5*/
  873.  
  874.  
  875.  
  876. /* THIS IS FOR THE ANIMATION IN LINKS */
  877.  
  878. .scaling{
  879. float: left;
  880. -webkit-animation-name: scalex;
  881. -webkit-animation-duration:4s;
  882. -webkit-animation-iteration-count:infinite;
  883. -webkit-animation-timing-function:ease-in-out;
  884. -moz-animation-name: scale;
  885. -moz-animation-duration:4s;
  886. -moz-animation-iteration-count:infinite;
  887. -moz-animation-timing-function:ease-in-out;
  888. }
  889.  
  890. @-webkit-keyframes scalex{
  891. from {-webkit-transform: scale(0.9);}
  892. 25% {-webkit-transform: scale(1.0);}
  893. to {-webkit-transform: scale(0.9);}
  894. }
  895.  
  896. @-moz-keyframes scale{
  897. from {-webkit-transform: scale(0.9);}
  898. 25% {-webkit-transform: scale(1.0);}
  899. to {-webkit-transform: scale(0.9);}
  900. }
  901.  
  902.  
  903. .scaling1{
  904. float: left;
  905. -webkit-animation-name: scalex;
  906. -webkit-animation-duration:8s;
  907. -webkit-animation-iteration-count:infinite;
  908. -webkit-animation-timing-function:ease-in-out;
  909. -moz-animation-name: scale;
  910. -moz-animation-duration:8s;
  911. -moz-animation-iteration-count:infinite;
  912. -moz-animation-timing-function:ease-in-out;
  913. }
  914.  
  915. @-webkit-keyframes scalex{
  916. from {-webkit-transform: scale(1.0);}
  917. 65% {-webkit-transform: scale(2.0);}
  918. to {-webkit-transform: scale(1.0);}
  919. }
  920.  
  921. @-moz-keyframes scale{
  922. from {-moz-transform: scale(1.0);}
  923. 65% {-moz-transform: scale(2.0);}
  924. to {-moz-transform: scale(1.0);}
  925. }
  926.  
  927. .scaling2{
  928. float: left;
  929. -webkit-animation-name: scalex;
  930. -webkit-animation-duration:4s;
  931. -webkit-animation-iteration-count:infinite;
  932. -webkit-animation-timing-function:ease-in-out;
  933. -moz-animation-name: scale;
  934. -moz-animation-duration:4s;
  935. -moz-animation-iteration-count:infinite;
  936. -moz-animation-timing-function:ease-in-out;
  937. }
  938.  
  939. @-webkit-keyframes scalex{
  940. from {-webkit-transform: scale(0.9);}
  941. 25% {-webkit-transform: scale(1.0);}
  942. to {-webkit-transform: scale(0.9);}
  943. }
  944.  
  945. @-moz-keyframes scale{
  946. from {-webkit-transform: scale(0.9);}
  947. 25% {-webkit-transform: scale(1.0);}
  948. to {-webkit-transform: scale(0.9);}
  949. }
  950.  
  951. .scaling3{
  952. float: left;
  953. -webkit-animation-name: scalex;
  954. -webkit-animation-duration:6s;
  955. -webkit-animation-iteration-count:infinite;
  956. -webkit-animation-timing-function:ease-in-out;
  957. -moz-animation-name: scale;
  958. -moz-animation-duration:6s;
  959. -moz-animation-iteration-count:infinite;
  960. -moz-animation-timing-function:ease-in-out;
  961. }
  962.  
  963. @-webkit-keyframes scalex{
  964. from {-webkit-transform: scale(1.0);}
  965. 65% {-webkit-transform: scale(2.0);}
  966. to {-webkit-transform: scale(1.0);}
  967. }
  968.  
  969. @-moz-keyframes scale{
  970. from {-moz-transform: scale(1.0);}
  971. 65% {-moz-transform: scale(2.0);}
  972. to {-moz-transform: scale(1.0);}
  973. }
  974.  
  975. .scaling4{
  976. float: left;
  977. -webkit-animation-name: scalex;
  978. -webkit-animation-duration:4s;
  979. -webkit-animation-iteration-count:infinite;
  980. -webkit-animation-timing-function:ease-in-out;
  981. -moz-animation-name: scale;
  982. -moz-animation-duration:4s;
  983. -moz-animation-iteration-count:infinite;
  984. -moz-animation-timing-function:ease-in-out;
  985. }
  986.  
  987. @-webkit-keyframes scalex{
  988. from {-webkit-transform: scale(0.9);}
  989. 25% {-webkit-transform: scale(1.0);}
  990. to {-webkit-transform: scale(0.9);}
  991. }
  992.  
  993. @-moz-keyframes scale{
  994. from {-webkit-transform: scale(0.9);}
  995. 25% {-webkit-transform: scale(1.0);}
  996. to {-webkit-transform: scale(0.9);}
  997. }
  998.  
  999.  
  1000.  
  1001. /* THIS IS FOR THE ANIMATION IN LINKS */
  1002.  
  1003.  
  1004.  
  1005.  
  1006.  
  1007.  
  1008.  
  1009.  
  1010. /* CONTAINER, POSTS AND IMAGES SIZE */
  1011.  
  1012. #container {
  1013. height: 461px;
  1014. width: 420px;
  1015. top:133px;
  1016. left: 113px;
  1017. text-align:justify;
  1018. font-family:tahoma;
  1019. font-size:9px;
  1020. text-transform: auto;
  1021. position:fixed;
  1022. overflow: auto;
  1023. -webkit-mask-image: -webkit-gradient(linear, center 50%, center top, from(rgba(0,0,0,20)), to(rgba(20,0,0,0)));
  1024. -webkit-mask-image: -webkit-gradient(linear, center 50%, center bottom, from(rgba(0,0,0,20)), to(rgba(20,0,0,0)));
  1025. }
  1026.  
  1027.  
  1028. #post {
  1029. width:410px;
  1030. overflow-x:hidden;
  1031. overflow-y:auto;
  1032. margin-top:10px;
  1033. text-align:justify;
  1034. font-size:10px;
  1035. letter-spacing:0px;
  1036. color:{color:text};
  1037. text-transform: auto;
  1038.  
  1039. }
  1040.  
  1041.  
  1042. #posts img {
  1043. height:auto;
  1044. max-width:100%;
  1045. }
  1046.  
  1047. #photo img {
  1048. width:100%;
  1049. -webkit-border-radius:5px;
  1050. -moz-border-radius:5px;
  1051. border-radius:5px;
  1052. }
  1053.  
  1054. #container img {
  1055. height:auto;
  1056. max-width:100%;
  1057. }
  1058.  
  1059.  
  1060.  
  1061. /* Photosets */
  1062.  
  1063. #vignette,#tumblr_lightbox_caption {visibility:hidden;}
  1064. #tumblr_lightbox {background:{color:Background}!important;}
  1065. #tumblr_lightbox_left_image,
  1066. #tumblr_lightbox_right_image {opacity:0.5!important;}
  1067. #tumblr_lightbox_center_image,
  1068. #tumblr_lightbox_left_image,
  1069. #tumblr_lightbox_right_image {
  1070. box-shadow:none!important;
  1071. border-radius:0px!important;
  1072. }
  1073.  
  1074.  
  1075. .caption {
  1076. width:{select:Post size}px;
  1077. text-align:justify;
  1078. line-height:120%;
  1079. }
  1080.  
  1081.  
  1082. /* CONTAINER, POSTS AND IMAGES SIZE */
  1083.  
  1084.  
  1085.  
  1086.  
  1087. /* QUESTIONS AND AUDIO */
  1088.  
  1089. .question {
  1090. font-family: 'Amatic SC', cursive;
  1091. line-height:120%;
  1092. font-size:17px;
  1093. font-weight:bold;
  1094. margin-top:5px;
  1095. text-align:center;
  1096. padding:10px;
  1097. background-image:url("{image:prebg}");
  1098. color:{color:ask text};
  1099. text-shadow: 0 0 1px {color:ask shadow};
  1100. border-left:1px solid {color:ask border};
  1101. border-right:1px solid {color:ask border};
  1102. border-top-right-radius:20px;
  1103. border-bottom-left-radius:20px;
  1104. }
  1105.  
  1106. .asker {
  1107. text-transform:uppercase;
  1108. font-family: 'montserrat';
  1109. padding-top:5px;
  1110. max-width:380px;
  1111. margin-top:0px;
  1112. font-size:20px;
  1113. margin-left:50px;
  1114. }
  1115.  
  1116. .askeru {
  1117. margin-top:-5px;
  1118. right:50px;
  1119. text-transform:lowercase;
  1120. font-style:italic;
  1121. font-size:30px;
  1122.  
  1123. }
  1124.  
  1125. .answer {
  1126. padding-top:10px;
  1127. text-align:justify;
  1128. }
  1129.  
  1130. .asking img {
  1131. border-top-right-radius:20px;
  1132. border-bottom-left-radius:20px;
  1133. margin-bottom:-50px;
  1134. margin-right:20;
  1135. opacity:1;
  1136. }
  1137.  
  1138.  
  1139. .playerbuttonhug {
  1140. position: absolute;
  1141. top:-3px;
  1142. left:2px;
  1143. }
  1144.  
  1145. .tumblr_audio_player {
  1146. height:50px;
  1147. width:50px;
  1148. margin-left:2px;
  1149. }
  1150.  
  1151. .playerbuttonbg {
  1152. position:absolute;
  1153. width:50px;
  1154. margin-left:0px;
  1155. margin-top:0px;
  1156. height:35px;
  1157. background-color:#131313;
  1158. padding:10px;
  1159. }
  1160.  
  1161. .trackdetails {
  1162. width:325px;
  1163. display:inline-block;
  1164. margin-left:70px;
  1165. font-family:helvetica;
  1166. text-align:center;
  1167. font-size:10px;
  1168. text-transform:lowercase;
  1169. padding:5px;
  1170. line-height:15px;
  1171. border-left:1px #000 dotted;
  1172. }
  1173.  
  1174. .audiowrapper {
  1175. position:relative;
  1176. display:inline-block;
  1177. border:1px {color:borders} dotted;
  1178. }
  1179.  
  1180.  
  1181. .note {
  1182. text-transform:uppercase;
  1183. font-style:normal;
  1184. letter-spacing:0px;
  1185. font-size: 9px;
  1186. text-align:left;
  1187. line-height:90%;
  1188. margin-left:-40px;
  1189. }
  1190.  
  1191. .note li {
  1192. list-style-type:none;
  1193. padding:10px 25px 10px 25px;
  1194. text-align:left;
  1195. margin:0px;
  1196. -moz-transition-duration:0.5s;
  1197. -webkit-transition-duration:0.5s;
  1198. -o-transition-duration:0.5s;
  1199. }
  1200.  
  1201. /* QUESTIONS AND AUDIO */
  1202.  
  1203.  
  1204.  
  1205.  
  1206.  
  1207.  
  1208. /* INFO AND TAGS */
  1209.  
  1210. #info {
  1211. font-family: 'VT323',serif ;
  1212. width:250px;
  1213. height:30px;
  1214. margin-top:5px;
  1215. padding-top:5px;
  1216. margin-left:auto;
  1217. margin-right:auto;
  1218. padding-top:7px;
  1219. font-size:9px;
  1220. color:{color:info text};
  1221. text-transform:uppercase;
  1222. letter-spacing:5px;
  1223. font-style:normal;
  1224. text-align:center;
  1225. padding:4px;
  1226. border-left:1px {color:borders} dotted;
  1227. border-right:1px {color:borders} dotted;
  1228. background:{color:info};
  1229. text-shadow: 1px 2px 3px {color:borders};
  1230. border-top-right-radius:20px;
  1231. border-bottom-left-radius:20px;
  1232.  
  1233. }
  1234.  
  1235.  
  1236. #info a {
  1237. color:{color:info text};
  1238. text-shadow: 0 0 3px {color:info link shadow};
  1239. }
  1240.  
  1241. #info a:hover {
  1242. color:{color:info hover};
  1243. text-shadow: 0 0 3px {color:info shadow};
  1244. margin-right: auto;
  1245. -webkit-transition: color 0.4s ease-out;
  1246. -moz-transition: color 0.4s ease-out;
  1247. -moz-transition-duration:.7s;
  1248. -webkit-transition-duration:.7s;
  1249. -o-transition-duration:.7s;
  1250. }
  1251.  
  1252. .tags {
  1253. width:400px;
  1254. text-transform:none;
  1255. margin-left:2px;
  1256. margin-right:0px;
  1257. padding:10px;
  1258. font-size:11px;
  1259. font-style:normal;
  1260. font-family: tahoma;
  1261. padding-top:3px;
  1262. line-height:50%;
  1263. color:{color:tags};
  1264. font-size:12px;
  1265. text-align:center;
  1266. opacity:1;
  1267. -moz-transition-duration:.7s;
  1268. -webkit-transition-duration:.7s;
  1269. -o-transition-duration:.7s;
  1270.  
  1271. }
  1272.  
  1273. .tags a{
  1274. font-size:11px;
  1275. font-family: tahoma;
  1276. text-transform:none;
  1277. font-weight:0;
  1278. font-weight:none;
  1279. text-shadow: none;
  1280. color:{color:tags};
  1281. opacity:0.8;
  1282. font-weight:none;
  1283.  
  1284. }
  1285. .tags a:hover{
  1286. color:{color:tags hover};
  1287. opacity:1;
  1288. font-weight:none;
  1289. text-shadow: 0 0 8px {color:tags hover};
  1290. -moz-transition-duration:0.8s;
  1291. -webkit-transition-duration:0.8s;
  1292. -o-transition-duration:0.8s;
  1293.  
  1294. }
  1295.  
  1296. /* INFO AND TAGS */
  1297.  
  1298.  
  1299.  
  1300.  
  1301.  
  1302. /* QUOTES AND SOURCE */
  1303.  
  1304. .quotemarkleft {
  1305. font-size: 130px;
  1306. font-family: 'Georgia';
  1307. font-weight: bold;
  1308. line-height: 100px;
  1309. position: relative;
  1310. margin: 0px 0 -90px 30px;
  1311. color:{color:ask text};
  1312. opacity: 0.9;
  1313. }
  1314.  
  1315.  
  1316. #quote {
  1317. background:{color:sidebar links};
  1318. font-family: 'Open Sans Condensed', sans-serif;
  1319. color:{color:text};
  1320. font-size:15px;
  1321. text-align:center;
  1322. line-height:120%;
  1323. padding:5px;
  1324. padding-top:12px;
  1325. padding-bottom:8px;
  1326. }
  1327.  
  1328. .qsource{
  1329. padding-top:3px;
  1330. padding-bottom:1px;
  1331. font-family:'Damion', cursive;
  1332. font-size:15px;
  1333. text-align:right;
  1334. }
  1335.  
  1336.  
  1337.  
  1338. .chat ol {
  1339. font-size:10px;
  1340. font-family:calibri;
  1341. line-height:100%;
  1342. padding:0px;
  1343. list-style:none;
  1344. }
  1345.  
  1346. .label {
  1347. font-size:10px;
  1348. font-family:calibri;
  1349. font-weight:bold;
  1350. color:{color:Text};
  1351. }
  1352.  
  1353. .line.odd {
  1354. padding:4px;
  1355. margin-bottom:2px;
  1356. }
  1357.  
  1358. .line.even {
  1359. padding:4px;
  1360. margin-bottom:2px;
  1361. }
  1362.  
  1363. /* QUOTES AND SOURCE */
  1364.  
  1365.  
  1366.  
  1367.  
  1368.  
  1369. /* SELECTION TEXT AND BG */
  1370.  
  1371.  
  1372. ::selection {
  1373. background:{color:selec bg};
  1374. color:{color:selec};
  1375. }
  1376.  
  1377. /* SELECTION TEXT AND BG */
  1378.  
  1379.  
  1380.  
  1381.  
  1382. /* HOVER LINKS */
  1383.  
  1384. #s-m-t-tooltip {
  1385. max-width:300px;
  1386. margin:7px;
  1387. padding:5px;
  1388. border-radius:0px;
  1389. color:{color:text};
  1390. z-index:999999999999999999999;
  1391. background:{color:sidebar links};
  1392. font-size:11px;
  1393. font-weight:bold;
  1394. font-style:none;
  1395. font-family:'Oswald';
  1396. text-transform:uppercase;
  1397. letter-spacing:1px;
  1398. text-shadow:0px 0px 1px {color:bold shadow};
  1399. transition:0.7s ease-in-out;
  1400. -o-transition:0.7s ease-in-out;
  1401. -ms-transition:0.7s ease-in-out;
  1402. -moz-transition:0.7s ease-in-out;
  1403. -webkit-transition:0.7s ease-in-out;
  1404.  
  1405. }
  1406.  
  1407.  
  1408. /* HOVER LINKS */
  1409.  
  1410.  
  1411.  
  1412.  
  1413.  
  1414.  
  1415. /* UPDATES NOT MINE */
  1416.  
  1417. /* update tab by sethscodes.tumblr.com , doctorstwelfth.tumblr.com */
  1418. /* update tab css code starts here */
  1419. /* update tab css code starts here */
  1420. /* update tab css code starts here */
  1421.  
  1422. #updates {
  1423. position: fixed; /* don't change */
  1424. z-index: 999999999999999; /* don't change */
  1425. {block:ifupdatetabontop}
  1426. top: 25px;
  1427. {/block:ifupdatetabontop}
  1428. {block:ifupdatetabonright}
  1429. right: 25px;
  1430. {/block:ifupdatetabonright}
  1431. {block:ifnotupdatetabontop}
  1432. bottom: 25px;
  1433. {/block:ifnotupdatetabontop}
  1434. {block:ifnotupdatetabonright}
  1435. left: 25px;
  1436. {/block:ifnotupdatetabonright}
  1437. color: {color:updatetext};
  1438. }
  1439.  
  1440. #updates a {
  1441. color: {color:updatetext};
  1442. font-weight: 700;
  1443. }
  1444.  
  1445. #updates a:hover {
  1446. color: {color:updatelinkhover};
  1447. }
  1448.  
  1449. .updatebutton {
  1450. margin-top: 5px;
  1451. position: fixed; /* don't change */
  1452. border: solid 1px {color:updateborder};
  1453. color: {color:updatetext};
  1454. background: {color:updatebackground};
  1455. padding: 7.5px 10px 6.5px 10px; /* don't change */
  1456. font-size: 14px; /* don't change */
  1457. width: 10px; /* don't change */
  1458. height: 17px; /* don't change */
  1459. cursor: help; /* sets cursor to help one when hovering over the update button, delete if you want */
  1460. {block:ifupdatetabontop}
  1461. top: 25px;
  1462. {/block:ifupdatetabontop}
  1463. {block:ifupdatetabonright}
  1464. right: 25px;
  1465. {/block:ifupdatetabonright}
  1466. {block:ifnotupdatetabontop}
  1467. bottom: 25px;
  1468. {/block:ifnotupdatetabontop}
  1469. {block:ifnotupdatetabonright}
  1470. left: 25px;
  1471. {/block:ifnotupdatetabonright}
  1472. -moz-transition-duration:0.5s;
  1473. -webkit-transition-duration:0.5s;
  1474. -o-transition-duration:0.5s;
  1475. }
  1476.  
  1477. .updatebutton a {
  1478. color: {color:updatecrosscolor};
  1479. }
  1480.  
  1481. .expand {
  1482. width: {select:updatetabwidth};
  1483. -moz-transition-duration:0.5s;
  1484. -webkit-transition-duration:0.5s;
  1485. -o-transition-duration:0.5s;
  1486. }
  1487.  
  1488. .expand a {
  1489. opacity: 1;
  1490. color: {color:updatecrosscolor};
  1491. }
  1492.  
  1493.  
  1494. .plus {
  1495. margin-left: -0.75px; /* don't change */
  1496. position: absolute; /* don't change */
  1497. -moz-transition-duration:0.5s;
  1498. -webkit-transition-duration:0.5s;
  1499. -o-transition-duration:0.5s;
  1500. }
  1501.  
  1502.  
  1503. .plusrotate {
  1504. color: {color:updatecrosscolor};
  1505. -ms-transform: rotate(45deg); /* IE 9 */
  1506. -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  1507. transform: rotate(45deg);
  1508. -moz-transition-duration:0.5s;
  1509. -webkit-transition-duration:0.5s;
  1510. -o-transition-duration:0.5s;
  1511. }
  1512.  
  1513.  
  1514. #updatetext {
  1515. display:none; /* don't change */
  1516. overflow: hidden;
  1517. padding: 10px;
  1518. position: fixed; /* don't change */
  1519. background:{color:updatebackground};
  1520. font-size: 11px; /* font-size of the text in the update tab, change to what you want */
  1521. border:solid 1px {color:updateborder};
  1522. width: {select:updatetabwidth};
  1523. {block:ifupdatetabontop}
  1524. top: 62px;
  1525. {/block:ifupdatetabontop}
  1526. {block:ifupdatetabonright}
  1527. right: 25px;
  1528. {/block:ifupdatetabonright}
  1529. {block:ifnotupdatetabontop}
  1530. bottom: 57px;
  1531. {/block:ifnotupdatetabontop}
  1532. {block:ifnotupdatetabonright}
  1533. left: 25px;
  1534. {/block:ifnotupdatetabonright}
  1535. }
  1536.  
  1537. #updatething {
  1538. float: right; /* don't change */
  1539. position: absolute; /* don't change */
  1540. right:10px;
  1541. font-size: 10px;
  1542. text-transform: uppercase;
  1543. font-weight: 900;
  1544. color: {color:updatecrosscolor};
  1545. display: none; /* don't change */
  1546. }
  1547.  
  1548. #updatething a {
  1549. color: {color:updatecrosscolor};
  1550. }
  1551.  
  1552. /* update tab css code ends here */
  1553. /* update tab css code ends here */
  1554. /* update tab css code ends here */
  1555.  
  1556.  
  1557.  
  1558. /* UPDATES NOT MINE */
  1559.  
  1560.  
  1561.  
  1562. /* CREDIT */
  1563.  
  1564. #credit {
  1565.  
  1566. font-family:Helvetica;
  1567. font-size:10px;
  1568. position:fixed;
  1569. bottom:5px;
  1570. left:10px;
  1571. letter-spacing:0px;
  1572. z-index:99999;
  1573.  
  1574. }
  1575.  
  1576. #credit a{
  1577. display:block;
  1578. color:{color:text};
  1579. text-shadow:0px 0px 1px {color:bold shadow};
  1580. height:20px;
  1581. width:20px;
  1582. box-shadow:0 0 2 {color:bold shadow};
  1583. text-align:center;
  1584. -webkit-transition: all 0.3s ease-in-out;
  1585. -moz-transition: all 0.3s ease-in-out;
  1586. -o-transition: all 0.3s ease-in-out;
  1587. -ms-transition: all 0.3s ease-in-out;
  1588. transition: all 0.3s ease-in-out;
  1589.  
  1590. }
  1591.  
  1592. #credit a:hover{
  1593. text-decoration:none;
  1594. -webkit-transition: all 0.8s ease-in-out;
  1595. -moz-transition: all 0.8s ease-in-out;
  1596. -o-transition: all 0.8s ease-in-out;
  1597. -ms-transition: all 0.8s ease-in-out;
  1598. transition: all 0.8s ease-in-out;
  1599.  
  1600. }
  1601.  
  1602.  
  1603. /* CREDIT */
  1604.  
  1605.  
  1606.  
  1607.  
  1608.  
  1609. </style></head><body>
  1610.  
  1611.  
  1612. <!--- update tab html code starts here! --->
  1613. <!--- update tab html code starts here! --->
  1614. <!--- update tab html code starts here! --->
  1615.  
  1616. <div id="updates">
  1617.  
  1618. <div id="updatetext">
  1619.  
  1620. <!--- add update text after this! --->
  1621. <!--- add update text after this! --->
  1622. <!--- add update text after this! --->
  1623.  
  1624. Your updates goes here! Add as much as you want.
  1625.  
  1626. <br><br>
  1627.  
  1628. <s>strike</s>, <b>bold</b>, <u>underline</u>, <i>italic</i>, <a href="linkurl" title="link title">Link</a>
  1629.  
  1630. <br><br>
  1631.  
  1632. < b r > without the spaces for a break in the text
  1633.  
  1634. <!--- do not add update text after this! --->
  1635. <!--- do not add update text after this! --->
  1636. <!--- do not add update text after this! --->
  1637. <br>
  1638. <a href="https://sethscodes.tumblr.com/" title="Update tab by Sethscodes">@</a>
  1639.  
  1640. </div>
  1641.  
  1642. <div class="updatebutton" title="Click for updates"><div class="plus"><i class="fa fa-plus"></i></div><a id="updatething">Updates<!--- change this to what you want, don't make it too long though! ---></a>
  1643. </div>
  1644.  
  1645. </div>
  1646.  
  1647. <!--- update tab html code ends here! --->
  1648. <!--- update tab html code ends here! --->
  1649. <!--- update tab html code ends here! --->
  1650.  
  1651.  
  1652.  
  1653.  
  1654. <!-- CREDIT -->
  1655.  
  1656. <div id="credit">
  1657.  
  1658. <a href="https://jaxwhiittemore.tumblr.com/commissions" title="Theme by jaxwhiittemore"> JW </a>
  1659. </div>
  1660. <!-- CREDIT -->
  1661.  
  1662.  
  1663.  
  1664. <!-- LINKS -->
  1665.  
  1666. <div class="links"><div class="scaling">
  1667. <a href="/" title="refresh">✦</span></a>
  1668. </div></div>
  1669. <div class="links1"><div class="scaling1">
  1670. <a href="{text:Link 1 URL}" title="{text:Link Title 1}">✦</span></a>
  1671. </div>
  1672. <div class="links2"><div class="scaling2">
  1673. <a href="{text:Link 2 URL}" title="{text:Link Title 2}">✦</span></a>
  1674. </div>
  1675. <div class="links3"><div class="scaling3">
  1676. <a href="{text:Link 3 URL}" title="{text:Link Title 3}">✦</span></a>
  1677. </div>
  1678. <div class="links4"><div class="scaling4">
  1679. <a href="{text:Link 4 URL}" title=" {text:Link Title 4}">✦</span></a>
  1680. </div>
  1681.  
  1682. </div>
  1683.  
  1684. </div>
  1685.  
  1686. <!-- LINKS -->
  1687.  
  1688.  
  1689.  
  1690.  
  1691.  
  1692.  
  1693. <!-- PAGINATION -->
  1694.  
  1695.  
  1696. <div class="pagination">
  1697.  
  1698. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">prev </a>{/block:PreviousPage} <br><br> {block:NextPage}<a href="{NextPage}"> next</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  1699. </div></div></div>
  1700.  
  1701. </div>
  1702.  
  1703. <!-- PAGINATION -->
  1704.  
  1705.  
  1706. <!-- POST AND CONTAINER -->
  1707.  
  1708. <div id="container">
  1709. <div id="entries">
  1710. {block:Posts}
  1711. <div id="post">
  1712. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1713. {block:Photo}
  1714.  
  1715. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  1716. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1717.  
  1718. {block:Photoset}
  1719. {Photoset}{block:Caption}{Caption}{/block:Caption}
  1720. {/block:Photoset}
  1721.  
  1722.  
  1723. {block:Video}
  1724. <div class="video">{Video-500}{block:Caption}{Caption}{/block:Caption}</div>
  1725. {/block:Video}
  1726.  
  1727. <!-- POST AND CONTAINER -->
  1728.  
  1729.  
  1730.  
  1731. <!-- QUOTES, CHATS AND AUDIO -->
  1732.  
  1733. {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}
  1734.  
  1735. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1736.  
  1737. {block:Chat}
  1738. {block:Title}
  1739. <h1>{Title}</h1>{/block:Title}<br>
  1740. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  1741. {Line}</li>{/block:Lines}</ul>
  1742. {/block:Chat}
  1743.  
  1744.  
  1745. {block:Audio}<div class="audiowrapper">
  1746. <div class="playerbuttonbg">
  1747. <div class="playerbutton">{AudioPlayer}
  1748. <div class="playerbuttonhug">
  1749. </div></div></div>
  1750. <div class="trackdetails">
  1751. <b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  1752.  
  1753. <b>ARTIST:</b>{block:Artist}{Artist}{/block:Artist}<br>
  1754.  
  1755. <b>PLAYED</b> <i>{PlayCount}</i> <b>TIMES</b></div></div>
  1756. {block:Caption}<center>{Caption}</center>{/block:Caption}
  1757. {/block:Audio}
  1758.  
  1759. <!-- QUOTES, CHATS AND AUDIO -->
  1760.  
  1761.  
  1762.  
  1763. <!-- QUESTIONS, INFO, TAGS AND POST NOTES -->
  1764.  
  1765. {block:Answer}
  1766. <div class="asking"><img src="{AskerPortraitURL-48}"></div>
  1767. <div class="asker">{Asker}</div>
  1768. <div class="question">{question}</div>
  1769. {Answer}{/block:Answer}
  1770.  
  1771. {block:Date}<div id="info"> <a href="{Permalink}" title="{TimeAgo}">●</a>
  1772. {/block:Date} {block:NoteCount} <a href="{Permalink}" title="{NoteCount}">●</a> {/block:NoteCount}
  1773. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">●</a> {/block:RebloggedFrom}{block:ContentSource} <a title="{SourceTitle}" href="{SourceURL}">●</a>{/block:ContentSource} {/block:RebloggedFrom} <a href="{ReblogURL}"target="_blank" title="REBLOG?">●</a> </div>
  1774.  
  1775. {block:Hastags}
  1776. <div class="tags">
  1777. <center> {block:tags} <a href="{TagURL}">&nbsp; #{Tag} </a> {/block:tags} </div></center>
  1778. {/block:Hastags}
  1779. </div>
  1780. </div>
  1781.  
  1782. <div class="postnote">
  1783. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1784.  
  1785.  
  1786. {/block:Posts}
  1787. </div>
  1788. </div></div>
  1789.  
  1790. <!-- QUESTIONS, INFO, TAGS AND POST NOTES -->
  1791.  
  1792.  
  1793.  
  1794.  
  1795. <!-- SCRIPTS -->
  1796.  
  1797. <link href='https://static.tumblr.com/7bmjmb1/eHantn10w/photoset.css' rel='stylesheet' type='text/css'>
  1798. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1799.  
  1800. <script>
  1801. $(document).ready(function() {
  1802. $('.photo-slideshow').pxuPhotoset({
  1803. 'ligthbox': true, // uses the default Tumblr lightbox, change to false to use your own
  1804. 'rounded' : 'corners', // corners, all or false
  1805. 'highRes' : true, // will use high res images
  1806. 'gutter' : '3px', // spacing between the images
  1807. }, function() {
  1808. $(this).animate({opacity:1});
  1809. });});
  1810. </script>
  1811.  
  1812. <script>
  1813. $(document).ready(function(){
  1814. $('.video iframe').each(function(){
  1815. var scale = $(this).parents('.video').width() / 250;
  1816. $(this).attr({
  1817. width: Math.floor($(this).attr('width') * scale),
  1818. height: Math.floor($(this).attr('height') * scale)})
  1819. ;});});
  1820. </script>
  1821.  
  1822.  
  1823.  
  1824. <script type="text/javascript">
  1825. <!--
  1826. function clickIE() {if (document.all) {(message);return false;}}
  1827. function clickNS(e) {if
  1828. (document.layers||(document.getElementById&&!document.all)) {
  1829. if (e.which==2||e.which==3) {(message);return false;}}}
  1830. if (document.layers)
  1831. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  1832. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  1833. document.oncontextmenu=new Function("return false")
  1834. // -->
  1835. </script>
  1836.  
  1837.  
  1838.  
  1839. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1840. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1841. <script>
  1842. (function($){
  1843. $(document).ready(function(){
  1844. $("a[title]").style_my_tooltips({
  1845. tip_follows_cursor:true,
  1846. tip_delay_time:7,
  1847. tip_fade_speed:7,
  1848. attribute:"title"
  1849. });
  1850. });
  1851. })(jQuery);
  1852. </script>
  1853.  
  1854. <!--- scripts for update tab, don't delete! --->
  1855.  
  1856. <!--- scripts for update tab starts here --->
  1857.  
  1858. <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
  1859. <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
  1860. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
  1861.  
  1862. <script type="text/javascript">
  1863. $(document).ready(function(){
  1864. $(".updatebutton").click(function(){
  1865. $(this).toggleClass("expand");
  1866. $("#updatething").delay(100).fadeToggle(200);
  1867. $("#updatetext").slideToggle(500);
  1868. $(".plus").toggleClass("plusrotate");
  1869. });
  1870. });
  1871. </script>
  1872.  
  1873. <!--- scripts for update tab ends here --->
  1874.  
  1875. </body>
  1876. </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!