Don't like ads? PRO users don't see any ads ;-)

funyarinpa12

By: oathscharm on Jun 9th, 2012  |  syntax: None  |  size: 12.29 KB  |  hits: 132  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.  
  4. funyarinpa by @oathscharm.tumblr.com
  5.  
  6. please don't remove credit!!
  7.  
  8.  
  9.  
  10.  
  11.  
  12. -->
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  14. <title>{title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head>
  18.  
  19.  
  20. <meta name="color:BG" content=""/>
  21. <meta name="color:center" content=""/>
  22. <meta name="color:text" content=""/>
  23. <meta name="color:link" content=""/>
  24. <meta name="color:permalink" content=""/>
  25. <meta name="color:PermalinkBG" content="">
  26. <meta name="color:hover" content=""/>
  27. <meta name="color:sidelinks" content="">
  28. <meta name="color:sidelinksBG" content="">
  29. <meta name="color:sidelinkshover" content="">
  30. <meta name="color:sidelinksBGhover" content="">
  31. <meta name="image:Background" content="" />
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="if:endlessscrolling" content="1"/>
  34. <meta name="if:pages" content=""/>
  35. <meta name="if:biggerposts" content=""/>
  36. <meta name="if:smallerposts" content="1"/>
  37. <meta name="if:photocaptions" content=""/>
  38. <meta name="text:spacebetweenposts" content="15">
  39. <meta name="text:Blogtitle" content="" />
  40. <meta name="text:Link1" content="" />
  41. <meta name="text:Link1URL" content="" />
  42. <meta name="text:Link2" content="" />
  43. <meta name="text:Link2URL" content="" />
  44. <meta name="text:Link3" content="" />
  45. <meta name="text:Link3URL" content="" />
  46. <meta name="text:Link4" content="" />
  47. <meta name="text:Link4URL" content="" />
  48. <meta name="text:Link5" content="" />
  49. <meta name="text:Link5URL" content="" />
  50. <meta name="text:Link6" content="" />
  51. <meta name="text:Link6URL" content="" />
  52.  
  53.  
  54.  
  55.  
  56. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  57.  
  58.  
  59.  
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64.  
  65. iframe#tumblr_controls {right:3px !important; position: fixed !important; }
  66.  
  67.  
  68. ::-webkit-scrollbar {width: 10px; }
  69. ::-webkit-scrollbar-track-piece {background-color:#ebebeb;}
  70. ::-webkit-scrollbar-thumb:vertical {background-color:#000;
  71. height:100px;}
  72.  
  73.  
  74.  
  75. a{
  76. color:{color:link};
  77. text-decoration:none;
  78.  
  79. -webkit-transition: all .2s ease-in;
  80. -moz-transition: all 0.2s ease-in;
  81. transition: all 0.2s ease;
  82. }
  83.  
  84.  
  85. a:hover{
  86. color: {color:hover};
  87.  
  88. -webkit-transition: all .2s ease-in;
  89. -moz-transition: all 0.2s ease-in;
  90. transition: all 0.2s ease;
  91.  
  92. }
  93.  
  94. .potato { background-color:{color:center};
  95. padding:20px;
  96. margin-top:{text:spacebetweenposts}px;}
  97.  
  98.  
  99. body{
  100.  
  101. margin:0px;
  102. background-image:url('{image:background}');
  103. background-color:{color:BG};
  104. background-repeat:no-repeat;
  105. background-position:top right;
  106. background-attachment: fixed;
  107. font-family:helvetica
  108. ;
  109. font-size:10px;
  110. color:{color:text};
  111.  
  112. }
  113.  
  114. div#tittie {z-index:20;font-family:georgia;font-size:12pt;text-align:right;text-transform:uppercase;width:300px;margin-bottom:6px;}
  115.  
  116. div#sidebarshit{
  117.  
  118. position:fixed;
  119. background-color:{color:center};
  120. z-index:10;
  121. padding:4px 4px 3px 4px;
  122. width:300px;
  123. left:330px;
  124. {block:ifbiggerposts}left:470px;{/block:ifbiggerposts}
  125. top:80px;
  126. letter-spacing:1px;
  127. font-size:8pt;
  128. font-family:century gothic;
  129. border-radius:150px 0px;
  130. border-right:4px solid;
  131. border-left:4px solid;
  132. -webkit-transition: all 0.5s ease;
  133. -moz-transition: all 0.5s ease;
  134. -o-transition: all 0.5s ease;
  135. }
  136.  
  137. #sidebarshit img {z-index:12;width:300px;border-radius:150px 0px;
  138. -webkit-transition: all 0.5s ease;
  139. -moz-transition: all 0.5s ease;
  140. -o-transition: all 0.5s ease;}
  141.  
  142. #sidebarshit:hover {border-radius:0px;-webkit-transition: all 0.5s ease;
  143. -moz-transition: all 0.5s ease;
  144. -o-transition: all 0.5s ease;}
  145.  
  146. #sidebarshit img:hover {border-radius:0px;-webkit-transition: all 0.5s ease;
  147. -moz-transition: all 0.5s ease;
  148. -o-transition: all 0.5s ease;}
  149.  
  150. #desc {position:fixed;margin-top:-10px;width:300px;opacity:0;-webkit-transition: all 0.5s ease;
  151. -moz-transition: all 0.5s ease;
  152. -o-transition: all 0.5s ease;}
  153.  
  154. #sidebarshit:hover #desc {opacity:1;margin-top:10px;-webkit-transition: all 0.5s ease;
  155. -moz-transition: all 0.5s ease;
  156. -o-transition: all 0.5s ease;}
  157.  
  158. div#glomp{
  159.  
  160. margin:auto;
  161. position:relative;
  162. margin-left:10px;
  163. }
  164.  
  165. #entry blockquote {
  166. border-left: 2px solid {color:hover};
  167. padding-left: 5px;
  168. margin-left: 5px;
  169. }
  170.  
  171. #entry {
  172. overflow: hidden;
  173. width:290px;
  174. {block:ifbiggerposts}width:440px;{/block:ifbiggerposts}
  175. }
  176.  
  177. #entry:hover .hair {
  178. color:{color:permalink};
  179. opacity: 1;
  180. width:280px;
  181. {block:ifbiggerposts}width:430px;{/block:ifbiggerposts}
  182. padding:4px 5px 4px 5px;
  183. margin-top:-20px;
  184. left:0px;
  185. text-align:center;
  186. filter:alpha(opacity=1);
  187. -moz-opacity: 1.0;
  188. -khtml-opacity: 1.0;
  189. -webkit-transition: all 0.5s ease;
  190. -moz-transition: all 0.5s ease;
  191. -o-transition: all 0.5s ease;
  192. }
  193.  
  194. .hair{
  195. position:absolute;
  196. padding:5px;
  197. background-color:{color:PermalinkBG};
  198. color:{color:permalink};
  199. text-align:center;
  200. margin-top:-20px;
  201. left:0px;
  202. width:280px;
  203. {block:ifbiggerposts}width:430px;{/block:ifbiggerposts}
  204. z-index:100;
  205. -webkit-transition: 0.8s ease-in;
  206. -moz-transition: 0.8s ease-in;
  207. -o-transition: 0.8s ease-in;
  208. opacity:0;
  209. filter:alpha(opacity=0);
  210. -moz-opacity: 0;
  211. -khtml-opacity: 0;
  212. }
  213.  
  214. .hair a {
  215. background-color:{color:PermalinkBG};
  216. color:{color:permalink};
  217. text-transform:uppercase;
  218. opacity: 1;
  219. filter:alpha(opacity=1);
  220. -moz-opacity: 1;
  221. -khtml-opacity: 1;
  222. }
  223.  
  224. .hair a:hover {color:{color:hover};}
  225.  
  226.  
  227.  
  228. .neku {
  229.     position:fixed;
  230.     top:100px;
  231.     left:440px;
  232. {block:ifbiggerposts}left:590px;{/block:ifbiggerposts}
  233.     text-align:left;
  234.     z-index:1;-webkit-transition: all 0.5s ease;
  235.         -moz-transition: all 0.5s ease;
  236.         -o-transition: all 0.5s ease;}
  237.    
  238.     .neku:hover {left:540px;{block:ifbiggerposts}left:680px;{/block:ifbiggerposts}
  239.    
  240.     -webkit-transition: all 0.5s ease;
  241.         -moz-transition: all 0.5s ease;
  242.         -o-transition: all 0.5s ease;}
  243.        
  244.        
  245.        
  246. .neku a{
  247.    
  248.     background-color:{color:sidelinksBG};
  249.     font-size: 7pt;
  250.     color: {color:sidelinks};
  251.     text-transform: uppercase;
  252.     letter-spacing: 1px;
  253.     text-align: center;
  254.     line-height: 10px;
  255.     margin-bottom:2px;
  256.     display:block;
  257.     width:100px;
  258.     padding:5px 5px 5px 100px;
  259.     border-right:20px solid {color:sidelinksBG};
  260.    
  261.  
  262.         -webkit-transition: all 0.5s ease;
  263.         -moz-transition: all 0.5s ease;
  264.         -o-transition: all 0.5s ease;}
  265.  
  266. .neku a:hover{background-color:{color:sidelinksBGhover};color:{color:sidelinkshover};text-align:right;border-right:20px solid {color:sidelinksBG};}
  267.  
  268.  
  269. #answer {background-color:{color:BG};padding:10px;
  270. min-height:40px;
  271.  
  272.  
  273. -webkit-box-shadow: 0 8px 6px -7px black;
  274. -moz-box-shadow: 0 8px 6px -7px black;
  275. box-shadow: 0 8px 6px -7px black;
  276. }
  277.  
  278. #answer img {padding:5px;}
  279.  
  280. #paper {position:fixed;top:60px;left:500px;{block:ifbiggerposts}left:630px;{/block:ifbiggerposts}width:120pz;text-align:center;font-size:20px;z-index:20;}
  281.  
  282. #paper a {color:{color:link};}
  283. #paper a:hover {color:{color:hover};}
  284.  
  285. #poop {border-left:5px solid {color:font};padding-left:10px;text-transform:uppercase;letter-spacing:2px;}
  286.  
  287. #what {border-bottom:solid 1px {color:text};padding:2px;}
  288.  
  289. </style>
  290.  
  291. </head>
  292.  
  293.  
  294. <body>
  295. {block:ifpages}<div id="paper">
  296. {block:Pagination}
  297. {block:PreviousPage}
  298. <a href="{PreviousPage}"><<</a>
  299. {/block:PreviousPage}
  300. {CurrentPage}/{TotalPages}
  301. {block:NextPage}
  302. <a href="{NextPage}">>></a>
  303. {/block:NextPage}
  304. {/block:Pagination}
  305. </div>{/block:ifpages}
  306.  
  307. <div id="glomp">
  308. <div id="sidebarshit">
  309. {block:ifsidebarimage}<a href="/"><img src="{image:sidebar}"></a>{/block:ifsidebarimage}
  310. <div id="desc"><div id="tittie">{text:blogtitle}</div>{Description}</div>
  311. </div>
  312.  
  313. <div class="neku">
  314.  
  315. <a href="/">Home</a>
  316. <a href="/ask">Ask</a>
  317. {block:ifLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:ifLink1}
  318. {block:ifLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:ifLink2}
  319. {block:ifLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:ifLink3}
  320. {block:ifLink4}<a href="{text:Link4URL}">{text:Link4}</a>{/block:ifLink4}
  321. {block:ifLink5}<a href="{text:Link5URL}">{text:Link5}</a>{/block:ifLink5}
  322. {block:ifLink6}<a href="{text:Link6URL}">{text:Link6}</a>{/block:ifLink6}
  323. <a href="http://oathscharm.tumblr.com">Theme</a>
  324. </div>
  325.  
  326. {block:ifendlessscrolling}<div class="autopagerize_page_element">{/block:ifendlessscrolling}
  327. <div id="space">
  328. {block:Posts}
  329. <div id="entry">
  330. <div class="potato">
  331.  
  332. {block:Text}
  333. <div class="hair"><a href="{Permalink}">
  334. {NoteCount} Notes</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  335. {block:Title}<div id="poop">{Title}</div>{/block:Title}</a>
  336. <div id="ok">{Body}</div>
  337. {/block:Text}
  338. {block:Photo}
  339. <div class="hair"><a href="{Permalink}">
  340. {NoteCount} Notes</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  341. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  342. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  343. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}
  344. {block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:ifsmallerposts}width="250"{/block:ifsmallerposts} {block:ifbiggerposts}width="400"{/block:ifbiggerposts};/>
  345. {block:IndexPage}</a>{/block:IndexPage}{block:ifphotocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifphotocaptions}
  346. {/block:Photo}
  347.  
  348. {block:Photoset}
  349. <div class="hair"><a href="{Permalink}">
  350. {NoteCount} Notes</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  351. {block:ifsmallerposts}{Photoset-250}{/block:ifsmallerposts}{block:ifbiggerposts}{Photoset-400}{/block:ifbiggerposts}
  352. <p>{block:ifphotocaptions}{block:Caption}{Caption}{/block:Caption}{/block:ifphotocaptions}
  353. {/block:Photoset}
  354. {block:Quote}
  355. <div class="hair"><a href="{Permalink}">
  356. {NoteCount} Notes</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  357. <center>
  358. "{Quote}"</span></a></font>{/block:NoteCount}
  359. <br></center>
  360. <br>{block:Source}----{Source}{/block:Source}
  361. {/block:Quote}
  362. {block:Link}
  363. <div class="hair"><a href="{Permalink}">
  364. {NoteCount} Notes</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  365. <div id="poop"><a href="{URL}">{Name}</a></div>
  366. {block:Description}{Description}{/block:Description}
  367. {/block:Link}
  368. {block:Chat}
  369. <div class="hair"><a href="{Permalink}">
  370. {NoteCount} Notes</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  371. {block:Title}<span class="title">{Title}</span>{/block:Title}
  372. {block:Lines}
  373. <div id="what">
  374. {block:Label}
  375. <span class="label">{Label}</span>
  376. {/block:Label}
  377. {Line}
  378. </div>
  379. {/block:Lines}
  380. {/block:Chat}
  381. {block:Audio}
  382. <div class="hair"><a href="{Permalink}">
  383. {NoteCount} Notes</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  384. {AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}
  385. {/block:Audio}
  386. {block:Video}
  387. <div class="hair"><a href="{Permalink}">
  388. {NoteCount} Notes</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  389. {block:ifsmallerposts}{Video-250}{/block:ifsmallerposts}{block:ifbiggerposts}{Video-400}{/block:ifbiggerposts}
  390. {block:Caption}{Caption}{/block:Caption}
  391. {block:Video}
  392.  
  393. {block:Answer}
  394. <div class="hair"><a href="{Permalink}">
  395. {NoteCount} Notes</font></a> | <a href="{ReblogURL}">Reblog</a> | <a href="{Permalink}">{TimeAgo}</a></div>
  396. <div id="answer"><img src="{AskerPortraitURL-40}" align="left"/>{Asker} said: <p>{Question}</div>
  397. <br>{Answer}</br>
  398. {/block:Answer}
  399.  
  400.  
  401.  
  402. {block:PermalinkPage}
  403. {block:PostNotes}
  404. <center><p>{block:HasTags}
  405.  
  406. Tagged as: {block:Tags}
  407.  
  408. <a href="{TagURL}">#{Tag} </a>
  409.  
  410. {/block:Tags}
  411.  
  412. {/block:HasTags}
  413.  
  414.  
  415.  
  416. <p>{block:ContentSource}<br>Via:<a href="{SourceURL}">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo} {SourceTitle}{/block:NoSourceLogo}</a> {/block:ContentSource}{block:RebloggedFrom}From: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</center>
  417. {PostNotes}
  418. {/block:PostNotes}
  419. {/block:PermalinkPage}
  420.  
  421.  
  422.  
  423. </div>
  424. </div>
  425.  
  426.  
  427.  
  428.  
  429. {/block:Posts}
  430.  
  431. {block:ifendlessscrolling}</div>{/block:ifendlessscrolling}
  432. </div>
  433. </div></div>
  434. </div>
  435. </div>
  436. </body>
  437. </html>