API tools faq
paste
onefuckingmin

Holy Water

onefuckingmin
Jun 4th, 2014
1,421
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.48 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3.  
  4. <!-- THEME BY ENVY --->
  5.  
  6. <!-- DON’T REMOVE THE CREDIT --->  
  7.  
  8. <!-- DON’T JUST TAKE THE UPDATE CODE FROM THEME --->  
  9.  
  10. <meta name="image:Background" content=""/>
  11. <meta name="image:Sidebar Img" content=""/>
  12. <meta name="color:Background" content="#f8f8f8"/>
  13. <meta name="color:Link" content="#52aaa8"/>
  14. <meta name="color:Link Hover" content="#ffffff"/>
  15. <meta name="color:Text" content="#000000"/>
  16. <meta name="color:Description Background" content="#ffffff"/>
  17. <meta name="color:Description Border" content="#797979"/>
  18. <meta name="color:Description Text" content="#5d5d5d"/>
  19. <meta name="color:Search Border" content="#797979"/>
  20. <meta name="color:Search Background" content="#ffffff"/>
  21. <meta name="color:Search2 Background" content="#f3efef"/>
  22. <meta name="color:Search Text" content="#52aaa8"/>
  23. <meta name="color:Nav Links" content="#f3efef"/>
  24. <meta name="color:Nav Links Hover" content="#cccbcb"/>
  25. <meta name="color:Nav Links Border" content="#797979"/>
  26. <meta name="color:Border Title" content="#52aaa8"/>
  27. <meta name="color:Title Text" content="#000000"/>
  28. <meta name="color:Cont Background" content="#ffffff"/>
  29. <meta name="color:Scrollbar" content="#52aaa8" />
  30. <meta name="color:Border Content" content="#797979" />
  31.  
  32. <meta name="text:Link 1 URL" content="/" />
  33. <meta name="text:Link 1 Title" content="Index"/>
  34. <meta name="text:Link 2 URL" content="/ask" />
  35. <meta name="text:Link 2 Title" content="Message"/>
  36. <meta name="text:Link 3 URL" content="" />
  37. <meta name="text:Link 3 Title" content="Link"/>
  38. <meta name="text:Link 4 URL" content="" />
  39. <meta name="text:Link 4 Title" content="Link"/>
  40. <meta name="text:Sidebar Img Left" content="-10"/>
  41. <meta name="text:Sidebar Img Bottom" content="2"/>
  42. <title>{Title}</title>
  43.  
  44. <link rel="shortcut icon" href="{Favicon}">
  45.  
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  47.  
  48. <script type="text/javascript">
  49. <!--
  50. function handleThis(formElm)
  51. {
  52. window.location="http://http://YOURURL.tumblr.com/tagged/"+formElm.number.value+"";
  53. return false;
  54. }
  55. // -->
  56. </script>
  57.  
  58. <style type="text/css">
  59.  
  60. #s-m-t-tooltip {
  61. max-width: 300px;
  62. background-color: #fff;
  63. font-family: consolas, 'courier new', monospace;
  64. font-size: 8px;
  65. text-transform: uppercase;
  66. color: {color:Link};
  67. padding: 5px;
  68. border:1px {color:Nav Links Border} solid;
  69. margin: 10px 0px 0px 20px;
  70. z-index: 9999999999999;}
  71.  
  72. body{
  73. margin:0px;
  74. background-color: {color:Background};
  75. background-image:url({image:Background});
  76. background-attachment:fixed;
  77. background-size:cover;
  78. background-position:bottom-right;
  79. font-family:consolas, 'courier new', monospace;
  80. font-size:8px;
  81. letter-spacing:1px;
  82. text-transform:uppercase;
  83. text-align:left;
  84. line-height:100%;
  85. overflow: hidden;
  86. color: {color:Text};}
  87.  
  88. a:link, a:active, a:visited{
  89. cursor:help;
  90. text-decoration: none;
  91. color: {color:Link};}
  92.  
  93. a:hover {
  94. color:{color:Link Hover};
  95. text-decoration:none;}
  96.    
  97. #sidebar {
  98. background:transparent;
  99. width:300px;
  100. height:100%;
  101. margin-left:100px;
  102. position:fixed;
  103. padding-bottom:8px;}
  104.  
  105. #title {
  106. padding:5px;
  107. font-size:11px;
  108. text-align:center;
  109. text-transform:uppercase;
  110. letter-spacing:2px;
  111. margin-bottom:10px;
  112. background:{color:Description Background};
  113. color:{color:Title Text};
  114. border-bottom:1px solid {color:Border Title};}
  115.  
  116. #pixell {
  117. margin-top:140px;
  118. margin-left:50px;}
  119.  
  120. #description {
  121. position:fixed;
  122. background:{color:Description Background};
  123. margin-top:300px;
  124. margin-left:41px;
  125. font-smooth: never;
  126. -webkit-font-smoothing : none;
  127. border:1px {color:Description Border} solid;
  128. width:149px;
  129. height:70px;
  130. padding:15px;
  131. font-family:consolas, 'courier new', monospace;
  132. color:{color:Description Text};
  133. text-transform: uppercase;
  134. font-size:8px;
  135. text-align:left;}
  136.    
  137. .sfm input {
  138. font-size: 8px;
  139. border: 0px;
  140. text-transform: uppercase;
  141. margin-top: 420px;
  142. color: {color:Search Text};
  143. letter-spacing: 1px;
  144. padding: 4px 8px;
  145. font-family:consolas, 'courier new', monospace;}
  146.  
  147. #sf{
  148. background-color:{color:Search Background};
  149. margin-left:-37px;
  150. width:112px;
  151. border:1px {color:Search Border} solid;}
  152.  
  153. #sb{
  154. background-color:{color:Search2 Background};
  155. width:48px;
  156. border-bottom:1px {color:Search Border} solid;
  157. border-right:1px {color:Search Border} solid;}
  158.  
  159. #navlinks {
  160. width: 25px;
  161. height: 30px;
  162. margin-left:-270px;
  163. margin-top:-138px;}
  164.  
  165. #navlinks a {
  166. display: block;    
  167. padding: 7px;
  168. text-align:center;
  169. background-color:{color:Nav Links};
  170. margin-top: -1px;
  171. float:center;
  172. text-transform:uppercase;
  173. line-height:5px;
  174. font-size: 8px;
  175. font-smooth: never;
  176. -webkit-font-smoothing : none;
  177. border-bottom:1px {color:Nav Links Border} solid;
  178. border-right:1px {color:Nav Links Border} solid;
  179. -webkit-transition-duration: 0.8s;
  180. -moz-transition-duration:  0.8s;
  181. -o-transition-duration: 0.8s;
  182. transition-duration:  0.8s;}
  183.  
  184. #navlinks a:hover {
  185. border-top:1px {color:Nav Links Border} solid;
  186. border-left:1px {color:Nav Links Border} solid;
  187. border-bottom:0px {color:Nav Links Border} solid;
  188. border-right:0px {color:Nav Links Border} solid;
  189. background-color:{color:Nav Links Hover};    
  190. -webkit-transition: all .4s ease-in-out;
  191. -moz-transition-duration:  all .4s ease-in-out;
  192. -o-transition-duration: all .4s ease-in-out;
  193. transition-duration:  all .4s ease-in-out;}
  194.  
  195. #content{
  196. width: 270px;
  197. padding: 10px;
  198. padding-bottom: 0px;
  199. height: 700px;
  200. margin-left: 100px;
  201. margin-top: 0px;
  202. overflow-y:scroll;
  203. overflow-x:hidden;
  204. background:{color:Cont Background};
  205. border-right:1px solid {color:Border Content};
  206. border-left:1px solid {color:Border Content};
  207. {block:PermalinkPage}
  208. width:270px;
  209. {/block:PermalinkPage}}
  210.    
  211. ::-webkit-scrollbar {
  212. height: 10px;
  213. width: 3px;
  214. background: white;}
  215.  
  216. ::-webkit-scrollbar-thumb:vertical {
  217. background: {color:Scrollbar};}
  218.  
  219. #cont{
  220. text-align:left;
  221. margin:20px;
  222. background:#ffffff;
  223. max-width: 100%;
  224. display:block;
  225. overflow:hidden;
  226. width:230px;
  227. {block:PermalinkPage}
  228. width:250px;
  229. {/block:PermalinkPage}}
  230.  
  231. #cont img{
  232. max-width:100%;}
  233.    
  234.  
  235. .permalink{
  236. text-align:left;}
  237. .permalink a{
  238. line-height:15px;}
  239.  
  240.    
  241. .posttitlee{
  242. font-size:10px;
  243. text-align:center;
  244. color:{color:Link};}
  245.    
  246. .posttitlee a{
  247. color:{color:Link};}
  248.    
  249. .quote{
  250. margin-right: 5px;}
  251.    
  252. .source{
  253. padding-top:5px;
  254. display:block;
  255. text-align:right;}
  256.    
  257. .ask{
  258. padding:4px;
  259. background:#f9f9f9;}
  260.  
  261. .asker{
  262. color:{color:Link};}
  263.  
  264. .answer{
  265. margin-top:10px;}
  266.  
  267. .audio{
  268. {block:IndexPage}
  269. width:230px;
  270. {/block:IndexPage}
  271. {block:PermalinkPage}
  272. width:230px;
  273. {/block:PermalinkPage};}
  274.  
  275. .info{
  276. padding:2px 0px 1px 57px;}
  277.  
  278. .i {
  279. letter-spacing:1px;
  280. font-size:8px;}
  281.  
  282. .pl b,strong{
  283. text-transform:lowercase;
  284. font-size:9px;}
  285.  
  286. .player{
  287. position:absolute;
  288. overflow:hidden;
  289. margin-top:0px;
  290. margin-left:15px;
  291. background:#ffffff;
  292. width:24px;
  293. height:23px;}
  294.    
  295. .video-container {
  296. position:relative;
  297. padding-bottom:56.25%;
  298. padding-top: 30px;
  299. height:0;
  300. overflow:hidden;}
  301.  
  302. .video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
  303. .chat{line-height:12px;list-style:none;}
  304. .chat ul{list-style-image:url(http://media.tumblr.com/tumblr_lkqzbuBfyE1qi6qow.gif);padding:0px 5px;line-height:15px;}
  305. .label{color:{color:Link};}
  306.  
  307. .credit img {
  308. padding-left: 2px;
  309. padding-top: 6.5px;
  310. opacity: 0;
  311. width:25px;
  312. height: 25px;
  313. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  314. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  315.  
  316. .credit {
  317. z-index: 99999;
  318. overflow: hidden;
  319. position:fixed;
  320. right:7px;
  321. bottom:7px;
  322. background-color: rgba(0,0,0,0.2);
  323. width: 30px;
  324. height: 30px;}
  325.  
  326. .credit img:hover {  
  327. opacity: 1;}
  328.    
  329. </style>
  330.  
  331. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  332. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  333. <script>
  334. (function($){
  335. $(document).ready(function(){
  336. $("a[title]").style_my_tooltips({
  337. tip_follows_cursor:true,
  338. tip_delay_time:90,
  339. tip_fade_speed:600,
  340. attribute:"title"
  341. });
  342. });
  343. })(jQuery);
  344. </script>
  345.    
  346. </head>
  347.  
  348. <body>
  349.  
  350. <center>
  351.  
  352. <div id="sidebar">
  353. <div id="description">
  354. <div id="title">{Title}</div>{Description}</div>
  355. <div style="position:fixed; bottom:{text:Sidebar Img Bottom}px; margin-left:{text:Sidebar Img Left}px; z-index:-10; "><img src='{image:Sidebar Img}'></div>
  356. <form onsubmit="return handleThis(this)" class="sfm">
  357. <input type="text" name="number" id="sf"/>
  358. <input type="submit" value="search" id="sb"/>
  359. </form>
  360. <div id="navlinks"><a href="{text:Link 1 URL}" title="{text:Link 1 Title}">01</a>
  361. <br><a href="{text:Link 2 URL}" title="{text:Link 2 Title}">02</a>
  362. <br><a href="{text:Link 3 URL}" title="{text:Link 3 Title}">03</a>
  363. <br><a href="{text:Link 4 URL}" title="{text:Link 4 Title}" >04</a></div>
  364. </div>
  365. <div id="content">
  366. {block:Posts}
  367. <div id="cont">
  368. {block:Text}
  369. <div class="text">
  370. <div class="posttitlee">{block:Title}{Title}{/block:Title}</div>
  371. {Body}{block:IndexPage}<br><div class="permalink"><a href="{ReblogURL}">reblog</a></a>  <a href="{Permalink}" title="{NoteCount}">info</a>
  372. </div>{/block:IndexPage}</div>
  373. {/block:Text}
  374. {block:Link}
  375. <a href="{URL}"><div class="posttitlee">{Name}</div></a>
  376. {block:Description}{Description}{/block:Description}
  377. {block:IndexPage}<br><div class="permalink"><a href="{ReblogURL}">reblog</a></a> <a href="{Permalink}" title="{NoteCount}">info</a>
  378. </div>{/block:IndexPage}
  379. {/block:Link}
  380. {block:Photo}
  381. {block:IndexPage}
  382. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250px"/>{/block:IndexPage}<br><div class="permalink"><a href="{ReblogURL}">reblog</a></a>  <a href="{Permalink}" title="{NoteCount}">info</a>
  383. </div>{block:PermalinkPage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  384. {/block:Photo}
  385. {block:Photoset}
  386. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}">reblog</a>  <a href="{Permalink}" title="{NoteCount}">info</a>
  387. </div>{/block:IndexPage}
  388. {block:PermalinkPage}{Photoset-250}{/block:PermalinkPage}
  389. {/block:Photoset}
  390. {block:Quote}
  391. {Quote}{block:Source}
  392. <div class="source">{Source}</div>{/block:Source}
  393. {block:IndexPage}
  394. <div class="permalink"><a href="{ReblogURL}">reblog</a> <a href="{Permalink}" title="{NoteCount}">info</a> {/block:IndexPage}</div>
  395. {/block:Quote}
  396. {block:Answer}
  397. <div class="ask"><span class="asker"><img src='https://31.media.tumblr.com/da6ec800b306286814b56c85c065973c/tumblr_inline_n2aigp3RjV1r7v6wt.png'</a> {Asker}:</span> {Question}</div>
  398. <div class="answer">{Answer}</div>
  399. {block:IndexPage}
  400. <div class="permalink"><a href="{ReblogURL}">reblog</a></a>  <a href="{Permalink}" title="{NoteCount}">info</a></div>{/block:IndexPage}
  401. {/block:Answer}
  402. {block:Chat}
  403. {block:Title}<div class="posttitlee">{Title}</div>{/block:Title}
  404. <div class="chat"><ul>{block:Lines}
  405. <li class="person{UserNumber}">{block:Label}
  406. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}">reblog</a></a>  <a href="{Permalink}" title="{NoteCount}">info</a></div>
  407. {/block:IndexPage}
  408. {/block:Chat}
  409. {block:Audio}<div class="audio">
  410. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  411. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  412. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  413. <br><div class="permalink"><a href="{ReblogURL}">reblog</a></a>  <a href="{Permalink}" title="{NoteCount}">info</a>{/block:Audio}
  414. {block:Video}
  415. {block:IndexPage}<div class="video-container">{Video-250}</div>
  416. <div class="permalink"><a href="{ReblogURL}">reblog</a></a>  <a href="{Permalink}" title="{NoteCount}">info</a></div>{/block:IndexPage}
  417. {block:PermalinkPage}{Video-250}{/block:PermalinkPage}
  418. {/block:Video}
  419. {block:PermalinkPage}
  420. {block:Caption}{Caption}{/block:Caption}
  421. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date}  {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  422. <div class="permapage">
  423. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  424. </div>
  425. {/block:Posts}
  426. </div>
  427.  
  428. </center>
  429.  
  430. <div class="credit">
  431. <a href="http://onefuckingmin.tumblr.com/">
  432. <img src="http://img1.wikia.nocookie.net/__cb20110821112147/adventuretimewithfinnandjake/images/thumb/c/c6/Main_icon_M.png/35px-Main_icon_M.png">
  433. </a>
  434. </div>    
  435.      
  436. </body>
  437.  
  438. </html>
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!