API tools faq
paste
togahimiko

punkin theme

togahimiko
Jan 14th, 2019
5,890
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 21.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. PUNKIN THEME BY ANNIE @NOODLE
  6.  
  7. my first theme! don't use as a basecode or remove/shrink credit... or else i will [redacted] i worked really hard so i mean it... enjoy and if you have any questions then don't hesitate to shoot me an ask !
  8.  
  9. oh! and base code by animecharacter.tumblr.com
  10.  
  11. edit 6.19.2019: moved the footer to the left. personal preference, i thought it looked ugly LOL
  12. edit 1.21.2020: happy one year of punkin! i made it so u can choose the footer alignment bc i have issues.
  13. ----->
  14.  
  15. {block:ifcursorhearts}
  16. <script type="text/javascript">
  17. // <![CDATA[
  18. var colours=new Array("{color:cursor hearts}"); // colours of the hearts
  19. var minisize=15; // smallest size of hearts in pixels
  20. var maxisize=30; // biggest size of hearts in pixels
  21. var hearts=69; // maximum number of hearts on screen
  22. var over_or_under="over"; // set to "over" for hearts to always be on top, or "under" to allow them to float behind other objects
  23.  
  24. /*****************************
  25. *JavaScript Love Heart Cursor*
  26. *  (c)2013+ mf2fm web-design *
  27. *   https://www.mf2fm.com/rv  *
  28. *  DON'T EDIT BELOW THIS BOX *
  29. *****************************/
  30. var x=ox=400;
  31. var y=oy=300;
  32. var swide=800;
  33. var shigh=600;
  34. var sleft=sdown=0;
  35. var herz=new Array();
  36. var herzx=new Array();
  37. var herzy=new Array();
  38. var herzs=new Array();
  39. var kiss=false;
  40.  
  41. if (typeof('addRVLoadEvent')!='function') function addRVLoadEvent(funky) {
  42.  var oldonload=window.onload;
  43.  if (typeof(oldonload)!='function') window.onload=funky;
  44.  else window.onload=function() {
  45.    if (oldonload) oldonload();
  46.    funky();
  47.  }
  48. }
  49.  
  50. addRVLoadEvent(mwah);
  51.  
  52. function mwah() { if (document.getElementById) {
  53.  var i, heart;
  54.  for (i=0; i<hearts; i++) {
  55.    heart=createDiv("auto", "auto");
  56.    heart.style.visibility="hidden";
  57.     heart.style.zIndex=(over_or_under=="over")?"1001":"0";
  58.    heart.style.color=colours[i%colours.length];
  59.     heart.style.pointerEvents="none";
  60.    if (navigator.appName=="Microsoft Internet Explorer") heart.style.filter="alpha(opacity=75)";
  61.    else heart.style.opacity=0.75;
  62.    heart.appendChild(document.createTextNode(String.fromCharCode(9829)));
  63.    document.body.appendChild(heart);
  64.    herz[i]=heart;
  65.     herzy[i]=false;
  66.  }
  67.  set_scroll();
  68.  set_width();
  69.  herzle();
  70. }}
  71.  
  72. function herzle() {
  73.  var c;
  74.  if (Math.abs(x-ox)>1 || Math.abs(y-oy)>1) {
  75.    ox=x;
  76.    oy=y;
  77.    for (c=0; c<hearts; c++) if (herzy[c]===false) {
  78.       herz[c].firstChild.nodeValue=String.fromCharCode(9829);
  79.      herz[c].style.left=(herzx[c]=x-minisize/2)+"px";
  80.      herz[c].style.top=(herzy[c]=y-minisize)+"px";
  81.      herz[c].style.fontSize=minisize+"px";
  82.       herz[c].style.fontWeight='normal';
  83.      herz[c].style.visibility='visible';
  84.      herzs[c]=minisize;
  85.      break;
  86.    }
  87.  }
  88.  for (c=0; c<hearts; c++) if (herzy[c]!==false) blow_me_a_kiss(c);
  89.  setTimeout("herzle()", 40);
  90. }
  91.  
  92. document.onmousedown=pucker;
  93. document.onmouseup=function(){clearTimeout(kiss);};
  94.  
  95. function pucker() {
  96.  ox=-1;
  97.  oy=-1;
  98.  kiss=setTimeout('pucker()', 100);
  99. }
  100.  
  101. function blow_me_a_kiss(i) {
  102.  herzy[i]-=herzs[i]/minisize+i%2;
  103.  herzx[i]+=(i%5-2)/5;
  104.  if (herzy[i]<sdown-herzs[i] || herzx[i]<sleft-herzs[i] || herzx[i]>sleft+swide-herzs[i]) {
  105.    herz[i].style.visibility="hidden";
  106.    herzy[i]=false;
  107.  }
  108.  else if (herzs[i]>minisize+2 && Math.random()<.5/hearts) break_my_heart(i);
  109.  else {
  110.    if (Math.random()<maxisize/herzy[i] && herzs[i]<maxisize) herz[i].style.fontSize=(++herzs[i])+"px";
  111.    herz[i].style.top=herzy[i]+"px";
  112.    herz[i].style.left=herzx[i]+"px";
  113.  }
  114. }
  115.  
  116. function break_my_heart(i) {
  117.  var t;
  118.  herz[i].firstChild.nodeValue=String.fromCharCode(9676);
  119.  herz[i].style.fontWeight='bold';
  120.  herzy[i]=false;
  121.  for (t=herzs[i]; t<=maxisize; t++) setTimeout('herz['+i+'].style.fontSize="'+t+'px"', 60*(t-herzs[i]));
  122.  setTimeout('herz['+i+'].style.visibility="hidden";', 60*(t-herzs[i]));
  123. }
  124.  
  125. document.onmousemove=mouse;
  126. function mouse(e) {
  127.  if (e) {
  128.    y=e.pageY;
  129.    x=e.pageX;
  130.  }
  131.  else {
  132.    set_scroll();
  133.    y=event.y+sdown;
  134.    x=event.x+sleft;
  135.  }
  136. }
  137.  
  138. window.onresize=set_width;
  139. function set_width() {
  140.  var sw_min=999999;
  141.  var sh_min=999999;
  142.  if (document.documentElement && document.documentElement.clientWidth) {
  143.    if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
  144.    if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
  145.  }
  146.  if (typeof(self.innerWidth)=='number' && self.innerWidth) {
  147.    if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
  148.    if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
  149.  }
  150.  if (document.body.clientWidth) {
  151.    if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
  152.    if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
  153.  }
  154.  if (sw_min==999999 || sh_min==999999) {
  155.    sw_min=800;
  156.    sh_min=600;
  157.  }
  158.  swide=sw_min;
  159.  shigh=sh_min;
  160. }
  161.  
  162. window.onscroll=set_scroll;
  163. function set_scroll() {
  164.  if (typeof(self.pageYOffset)=='number') {
  165.    sdown=self.pageYOffset;
  166.    sleft=self.pageXOffset;
  167.  }
  168.  else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {
  169.    sdown=document.body.scrollTop;
  170.    sleft=document.body.scrollLeft;
  171.  }
  172.  else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  173.    sleft=document.documentElement.scrollLeft;
  174.    sdown=document.documentElement.scrollTop;
  175.  }
  176.  else {
  177.    sdown=0;
  178.    sleft=0;
  179.  }
  180. }
  181.  
  182. function createDiv(height, width) {
  183.  var div=document.createElement("div");
  184.  div.style.position="absolute";
  185.  div.style.height=height;
  186.  div.style.width=width;
  187.  div.style.overflow="hidden";
  188.  div.style.backgroundColor="transparent";
  189.  return (div);
  190. }
  191. // ]]>
  192. </script>
  193. {/block:ifcursorhearts}
  194.  
  195. {block:ifrainbowlinks}
  196. <script type='text/javascript'>
  197. //<![CDATA[
  198. var rate = 50;
  199. if (document.getElementById)
  200. window.onerror=new Function("return true")
  201.  
  202. var objActive; // The object which event occured in
  203. var act = 0; // Flag during the action
  204. var elmH = 0; // Hue
  205. var elmS = 128; // Saturation
  206. var elmV = 255; // Value
  207. var clrOrg; // A color before the change
  208. var TimerID; // Timer ID
  209. if (document.all) {
  210. document.onmouseover = doRainbowAnchor;
  211. document.onmouseout = stopRainbowAnchor;
  212. }
  213. else if (document.getElementById) {
  214. document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
  215. document.onmouseover = Mozilla_doRainbowAnchor;
  216. document.onmouseout = Mozilla_stopRainbowAnchor;
  217. }
  218. function doRainbow(obj)
  219. {
  220. if (act == 0) {
  221. act = 1;
  222. if (obj)
  223. objActive = obj;
  224. else
  225. objActive = event.srcElement;
  226. clrOrg = objActive.style.color;
  227. TimerID = setInterval("ChangeColor()",100);
  228. }
  229. }
  230. function stopRainbow()
  231. {
  232. if (act) {
  233. objActive.style.color = clrOrg;
  234. clearInterval(TimerID);
  235. act = 0;
  236. }
  237. }
  238. function doRainbowAnchor()
  239. {
  240. if (act == 0) {
  241. var obj = event.srcElement;
  242. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  243. obj = obj.parentElement;
  244. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  245. break;
  246. }
  247. if (obj.tagName == 'A' && obj.href != '') {
  248. objActive = obj;
  249. act = 1;
  250. clrOrg = objActive.style.color;
  251. TimerID = setInterval("ChangeColor()",100);
  252. }
  253. }
  254. }
  255. function stopRainbowAnchor()
  256. {
  257. if (act) {
  258. if (objActive.tagName == 'A') {
  259. objActive.style.color = clrOrg;
  260. clearInterval(TimerID);
  261. act = 0;
  262. }
  263. }
  264. }
  265. function Mozilla_doRainbowAnchor(e)
  266. {
  267. if (act == 0) {
  268. obj = e.target;
  269. while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
  270. obj = obj.parentNode;
  271. if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
  272. break;
  273. }
  274. if (obj.nodeName == 'A' && obj.href != '') {
  275. objActive = obj;
  276. act = 1;
  277. clrOrg = obj.style.color;
  278. TimerID = setInterval("ChangeColor()",100);
  279. }
  280. }
  281. }
  282. function Mozilla_stopRainbowAnchor(e)
  283. {
  284. if (act) {
  285. if (objActive.nodeName == 'A') {
  286. objActive.style.color = clrOrg;
  287. clearInterval(TimerID);
  288. act = 0;
  289. }
  290. }
  291. }
  292. function ChangeColor()
  293. {
  294. objActive.style.color = makeColor();
  295. }
  296. function makeColor()
  297. {
  298. // Don't you think Color Gamut to look like Rainbow?
  299. // HSVtoRGB
  300. if (elmS == 0) {
  301. elmR = elmV; elmG = elmV; elmB = elmV;
  302. }
  303. else {
  304. t1 = elmV;
  305. t2 = (255 - elmS) * elmV / 255;
  306. t3 = elmH % 60;
  307. t3 = (t1 - t2) * t3 / 60;
  308. if (elmH < 60) {
  309. elmR = t1; elmB = t2; elmG = t2 + t3;
  310. }
  311. else if (elmH < 120) {
  312. elmG = t1; elmB = t2; elmR = t1 - t3;
  313. }
  314. else if (elmH < 180) {
  315. elmG = t1; elmR = t2; elmB = t2 + t3;
  316. }
  317. else if (elmH < 240) {
  318. elmB = t1; elmR = t2; elmG = t1 - t3;
  319. }
  320. else if (elmH < 300) {
  321. elmB = t1; elmG = t2; elmR = t2 + t3;
  322. }
  323. else if (elmH < 360) {
  324. elmR = t1; elmG = t2; elmB = t1 - t3;
  325. }
  326. else {
  327. elmR = 0; elmG = 0; elmB = 0;
  328. }
  329. }
  330. elmR = Math.floor(elmR).toString(16);
  331. elmG = Math.floor(elmG).toString(16);
  332. elmB = Math.floor(elmB).toString(16);
  333. if (elmR.length == 1) elmR = "0" + elmR;
  334. if (elmG.length == 1) elmG = "0" + elmG;
  335. if (elmB.length == 1) elmB = "0" + elmB
  336. elmH = elmH + rate;
  337. if (elmH >= 360)
  338. elmH = 0;
  339. return '#' + elmR + elmG + elmB;
  340. }
  341. //]]>
  342. </script>
  343. {/block:ifrainbowlinks}
  344.  
  345. <meta charset="utf-8">
  346. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  347. {block:Description}
  348. <meta name="description" content="{MetaDescription}" />
  349. {/block:Description}
  350.    
  351. <title>{Title}</title>
  352.        
  353. <link rel="shortcut icon" href="{image:favicon}">
  354. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  355. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  356.  
  357. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  358.  
  359. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:0,attribute:"title"});});})(jQuery);</script>
  360.  
  361. <link href="https://fonts.googleapis.com/css?family=Karla|Kosugi+Maru|Roboto|Short+Stack" rel="stylesheet">
  362.  
  363. <meta name="image:sidebar">
  364. <meta name="image:favicon">
  365. <meta name="image:bg">
  366. <meta name="image:post bg">
  367. <meta name="image:thingy">
  368. <meta name="color:bg">
  369. <meta name="color:post bg">
  370. <meta name="color:content glow">
  371. <meta name="color:text">
  372. <meta name="color:link">
  373. <meta name="color:link hover">
  374. <meta name="color:text glow">
  375. <meta name="color:link glow">
  376. <meta name="color:link glow hover">
  377. <meta name="color:cursor hearts">
  378. <meta name="color:border color">
  379. <meta name="color:scrollbar">
  380. <meta name="color:selection bg">
  381. <meta name="color:selection text">
  382.  
  383.  
  384. <meta name="select:link decoration" content="none">
  385. <meta name="select:link decoration" content="underline">
  386. <meta name="select:border style" content="none">
  387. <meta name="select:border style" content="solid">
  388. <meta name="select:border style" content="dashed">
  389. <meta name="select:border style" content="dotted">
  390. <meta name="select:border style" content="double">
  391. <meta name="select:border style" content="inset">
  392. <meta name="select:border style" content="outset">
  393. <meta name="select:border style" content="groove">
  394. <meta name="select:border style" content="ridge">
  395. <meta name="select:footer align" content="left">
  396. <meta name="select:footer align" content="center">
  397. <meta name="select:footer align" content="right">
  398.  
  399. <meta name="if:round">
  400. <meta name="if:links">
  401. <meta name="if:text glow">
  402. <meta name="if:link border">
  403. <meta name="if:rainbow links">
  404. <meta name="if:cover bg">
  405. <meta name="if:content glow">
  406. <meta name="if:cursor hearts">
  407. <meta name="if:hover tags">
  408.  
  409. <meta name="text:font size" content="12px">
  410. <meta name="text:font" content="">
  411. <meta name="text:desc" content="">
  412. <meta name="text:sidebar hover" content="stan toga">
  413. <meta name="text:border width" content="4px">
  414. <meta name="text:link 1 name" content="link 1">
  415. <meta name="text:link 2 name" content="link 2">
  416. <meta name="text:link 3 name" content="link 3">
  417. <meta name="text:link 1 url" content="/">
  418. <meta name="text:link 2 url" content="/">
  419. <meta name="text:link 3 url" content="/">
  420. <meta name="text:divider" content="/">
  421. <meta name="text:thingy size" content="35px">
  422.  
  423. <meta name="text:thingy rotation" content="0">
  424. <meta name="text:thingy y axis" content="0px">
  425. <meta name="text:thingy x axis" content="100px">
  426.        
  427. <style type="text/css">
  428.  
  429.  
  430. /*
  431. general text styles, fonts and colours
  432. */
  433.  
  434. ::selection {
  435. background: {color:selection bg};
  436. color:{color:selection text};
  437. }
  438. ::-moz-selection {
  439. background: {color:selection bg};
  440. color:{color:selection text};
  441. }
  442.  
  443.  ::-webkit-scrollbar {
  444.             width:5px;
  445.             height:0px;
  446.             background-color: {color:bg};
  447.         }
  448.  
  449. ::-webkit-scrollbar-thumb{
  450. background-color: {color:scrollbar};
  451. }
  452.  
  453.     .tooltip {
  454. display: inline;
  455. position: relative;
  456. }
  457.  
  458.     #s-m-t-tooltip {
  459.         z-index:99999999999999999;
  460.         background: {color:post bg};
  461.         background-image: url('{image:post bg}');
  462.         background-repeat: repeat;
  463.         max-width: 300px;
  464.         margin: 20px;
  465.         padding: 5px;
  466.         border: {text:border width} {select:border style} {color:border color};
  467.         {block:ifcontentglow}
  468.         box-shadow: 0 0 5px 5px {color:content glow};
  469.         {/block:ifcontentglow}
  470.         transition: 0.1s;
  471.         text-align:center;
  472.         {block:ifround}
  473. border-radius:5px
  474. {/block:ifround}
  475.     }
  476.  
  477. body {
  478. background-color: {color:bg};
  479. background-image: url('{image:bg}');
  480.         {block:ifnotcoverbg}
  481.         background-repeat: repeat;
  482.         background-attachment: fixed;
  483.         {/block:ifnotcoverbg}
  484.         {block:ifcoverbg}
  485.         background-size: cover;
  486.         background-attachment: fixed;
  487.         {/block:ifcoverbg}
  488. font-family:{text:font};
  489. font-size:{text:font size}px;
  490. color:{color:text};
  491. {block:iftextglow}
  492. text-shadow: 0 0 2px {color:text glow}, 0 0 1px {color:text glow};
  493. {/block:iftextglow}
  494. }
  495.  
  496. p{
  497. margin:0 0 10px 0;
  498. padding:0;
  499. }
  500.  
  501. pre {
  502. white-space: pre-wrap;
  503. white-space: -moz-pre-wrap;
  504. white-space: -pre-wrap;
  505. white-space: -o-pre-wrap;
  506. word-wrap: break-word;
  507. }
  508.  
  509. a{
  510. color:{color:link};
  511. text-decoration: {select:link decoration};
  512. {block:iftextglow}
  513. text-shadow:-1px 0 {color:link glow}, 0 1px {color:link glow}, 1px 0 {color:link glow}, 0 -1px {color:link glow}, 0 0 3px {color:link glow}, 0 0 6px {color:link glow};
  514. {/block:iftextglow}
  515. {block:iflinkborder}
  516. text-shadow: -1px 0  {color:link glow}, 0 1px  {color:link glow}, 1px 0  {color:link glow}, 0 -1px  {color:link glow};
  517. {/block:iflinkborder}
  518. font-weight:bold;
  519. }
  520.  
  521. a:hover{
  522. color:{color:link hover};
  523. {block:iftextglow}
  524. text-shadow:-1px 0 {color:link glow hover}, 0 1px {color:link glow hover}, 1px 0 {color:link glow hover}, 0 -1px {color:link glow hover}, 0 0 3px {color:link glow hover}, 0 0 6px {color:link glow hover};
  525. {/block:iftextglow}
  526. {block:iflinkborder}
  527. text-shadow: -1px 0  {color:link glow hover}, 0 1px  {color:link glow hover}, 1px 0  {color:link glow hover}, 0 -1px  {color:link glow hover};
  528. {/block:iflinkborder}
  529. }
  530.  
  531. li{
  532. margin-left:-15px;
  533. }
  534.  
  535. /*
  536. containers etc
  537. */
  538. #wrapper{
  539. width:800px;
  540. margin:50px auto;
  541. }
  542.  
  543. #sidebar{
  544. background: {color:post bg};
  545. background-image: url('{image:post bg}');
  546.         background-repeat: repeat;
  547.         background-attachment: fixed;
  548. margin-left:-150px;
  549. width:300px;
  550. position:fixed;
  551. float:left;
  552. text-align:center;
  553. padding:5px;
  554. padding:5px;
  555. {block:ifcontentglow}
  556.         box-shadow: 0 0 5px 5px {color:content glow};
  557.         {/block:ifcontentglow}
  558. border: {text:border width} {select:border style} {color:border color};
  559. {block:ifround}
  560. border-radius:5px
  561. {/block:ifround}
  562. }
  563.  
  564. .sidebarthingy img{
  565.     width:{text:thingy size};
  566.     position:absolute;
  567.     margin-top:{text:thingy y axis};
  568.     margin-left:{text:thingy x axis};
  569.     transform:          rotate({text:thingy rotation}deg);
  570. }
  571.  
  572.  
  573. #content {
  574.         width:900px;
  575.         margin: 210px;
  576.         margin-top: -20px;
  577.     }
  578.  
  579. .post{
  580. background: {color:post bg};
  581. background-image: url('{image:post bg}');
  582.         background-repeat: repeat;
  583.         background-attachment: fixed;
  584. width:500px;
  585. margin: 0 0 50px 0;
  586. overflow:hidden;
  587. padding:5px;
  588. {block:ifcontentglow}
  589.         box-shadow: 0 0 5px 5px {color:content glow};
  590.         {/block:ifcontentglow}
  591. border: {text:border width} {select:border style} {color:border color};
  592. {block:ifround}
  593. border-radius:5px
  594. {/block:ifround}
  595. }
  596.  
  597. #sidebar img, .post img{
  598. max-width:100%;
  599. height:auto;
  600. {block:ifround}
  601. border-radius:10px
  602. {/block:ifround}
  603. }
  604.  
  605. #nav{
  606. margin:50px 0 0 0;
  607. font-size: 2em;
  608. text-align:center;
  609. }
  610.  
  611. .media{
  612. margin:0 0 10px 0;
  613. }
  614.  
  615. .title{
  616. font-weight:bold;
  617. font-size:1.5em;
  618. margin:0 0 10px 0;
  619. }
  620.  
  621. .quote{
  622. font-weight:normal;
  623. font-size:16px;
  624. font-style:italic;
  625. margin:0 0 10px 0;
  626. }
  627.  
  628. .question{
  629. margin-bottom:10px;
  630. }
  631.  
  632. blockquote{
  633. margin:0 0 10px 10px;
  634. padding:0 0 0 10px;
  635. border-left:solid 1px #000;
  636. }
  637.  
  638. .post .footer{
  639. margin:0;
  640. text-align:{select:footer align};
  641. }
  642.  
  643. /*
  644. post notes
  645. */
  646. ol.notes{
  647. list-style-type:none;
  648. padding:0;
  649. margin:0;
  650. }
  651.  
  652. ol.notes li.note img{
  653. width:16px;
  654. height:16px;
  655. }
  656.  
  657. ol.notes li.note{
  658. margin:0px;
  659. }
  660.  
  661. {block:ifhovertags}
  662.     .tags {
  663.    max-height:0px;
  664.    text-align:left;
  665.    opacity:0;
  666.     -webkit-transition: all 0.7s ease;
  667.    transition: all 0.7s ease;
  668.    -moz-transition: all 0.7s ease;
  669.    -o-transition: all 0.7s ease;}    
  670.  
  671. .post:hover .tags{
  672.    opacity:1;
  673.    max-height:300px;
  674.    -webkit-transition: all 0.7s ease;
  675.    transition: all 0.7s ease;
  676.    -moz-transition: all 0.7s ease;
  677.    -o-transition: all 0.7s ease;}
  678. {/block:ifhovertags}
  679.  
  680. {CustomCSS}
  681. </style>
  682. </head>
  683.  
  684. <body>
  685. <div id="wrapper">
  686.  
  687.  
  688. <div id="sidebar">
  689. <div class="sidebarthingy"><img src="{image:thingy}"></div>
  690.  <a href="/" title="{text:sidebar hover}"><img src="{image:sidebar}" id="hmmm"></a>
  691. {block:Description}
  692. <p>{text:desc}</p>
  693. {/block:Description}
  694. {block:iflinks}
  695.  {block:iflink1url}<a href="{text:link 1 url}">{block:iflink1name}{text:link 1 name}{/block:iflink1name}{block:ifnotlink1name}{text:link 1 url}{/block:ifnotlink1name}</a>{/block:iflink1url}{block:iflink2url} {text:divider} <a href="{text:link 2 url}">{block:iflink2name}{text:link 2 name}{/block:iflink2name}{block:ifnotlink2name}{text:link 2 url}{/block:ifnotlink2name}</a>{/block:iflink2url}{block:iflink3url} {text:divider} <a href="{text:link 3 url}">{block:iflink3name}{text:link 3 name}{/block:iflink3name}{block:ifnotlink3name}{text:link 3 url}{/block:ifnotlink3name}</a>{/block:iflink3url}
  696. {/block:iflinks}
  697.  
  698.  
  699. {block:HasPages}
  700. {block:Pages}
  701. <a href="{URL}">{Label}</a><br>
  702. {/block:Pages}
  703. {/block:HasPages}
  704. </div>
  705.  
  706.  
  707.  
  708. <div id="content">
  709. {block:Posts}
  710.  
  711. <div class="post">
  712.  
  713. {block:Text}
  714. {block:Title}
  715. <div class="title">{Title}</div>
  716. {/block:Title}
  717. {Body}
  718. {/block:Text}
  719.  
  720. {block:Photo}
  721. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  722. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  723. {/block:Photo}
  724.  
  725. {block:Photoset}
  726. <div class="media">{Photoset-400}</div>
  727. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  728. {/block:Photoset}
  729.  
  730. {block:Quote}
  731. <div class="quote">"{Quote}"</div>
  732. {block:Source}
  733. <div class="quotesource">{Source}</div>
  734. {/block:Source}
  735. {/block:Quote}
  736.  
  737. {block:Link}
  738. <div class="title"><a href="{URL}">{Name}</a></div>
  739. {block:Description}
  740. <div class="description">{Description}</div>
  741. {/block:Description}
  742. {/block:Link}
  743.  
  744. {block:Chat}
  745. {block:Title}
  746. <div class="title">{Title}</div>
  747. {/block:Title}
  748.  
  749. {block:Lines}
  750. <div class="{Alt} user_{UserNumber}">
  751. {block:Label}
  752. <b>{Label}</b>{/block:Label}
  753. &nbsp;{Line}
  754. </div>
  755. {/block:Lines}
  756. {/block:Chat}
  757.  
  758. {block:Video}
  759. <div class="media">{Video-400}</div>
  760. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  761. {/block:Video}
  762.  
  763.     {block:Audio}
  764.     <div class="media">
  765.     {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
  766.     </div>
  767.     {block:Caption}{Caption}{/block:Caption}
  768.     {/block:Audio}
  769.                
  770. {block:Answer}
  771. <div class="question">{Asker}: {Question}</div>
  772. <div class="caption">{Answer}</div>
  773. {/block:Answer}
  774.  
  775.  
  776. {block:Date}
  777. <div class="footer">
  778. <a href="{Permalink}"><a href="{Permalink}" title="{TimeAgo}{text:notes}">{notecount}%</a><!-- {block:NoRebloggedFrom}
  779. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  780. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  781. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  782. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  783. {/block:ContentSource}
  784.  <div class="tags"> {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  785.  
  786. </div>
  787.  
  788. {block:PermalinkPage}
  789. {block:NoteCount}
  790. {block:PostNotes}{PostNotes}{/block:PostNotes}
  791. {/block:NoteCount}
  792. {/block:PermalinkPage}
  793. {/block:Date}
  794.  
  795. </div>
  796. {/block:Posts}
  797.  
  798. {block:Pagination}
  799. <div id="nav">
  800. {block:PreviousPage}<a href="{PreviousPage}">⇇</a> {/block:PreviousPage}
  801.  
  802. {block:NextPage}<a href="{NextPage}">⇉</a>{/block:NextPage}
  803. </div>
  804. {/block:Pagination}
  805. </div>
  806. </div>
  807.  
  808. </div>
  809.  
  810. <a style="position:fixed;left:3px;bottom:3px;" <a href="https://noodle.tumblr.com/" title="theme by annie!">✡</a>
  811.  
  812.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  813.         <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  814.  
  815.     </body>
  816. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!