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

enoshimabowl13

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