API tools faq
paste
deadboys

HELLO WORLD theme

deadboys
Apr 5th, 2018
2,059
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.22 KB | None | 0 0
raw download clone embed print report
  1. <!--HELLO WORLD theme by @performative alchemy.god.jp dont remove credit!-->
  2. <html>
  3. <head>
  4. <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  5. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  6. <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
  7. <link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">
  8. <link href="https://fonts.googleapis.com/css?family=Shrikhand" rel="stylesheet">
  9. <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
  10. <link href="https://fonts.googleapis.com/css?family=Monoton" rel="stylesheet">
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <meta name="image:icon" content=""/>
  19. <meta name="image:bg" content=""/>
  20. <meta name="image:post bg" content=""/>
  21. <meta name="image:sidebar bg" content=""/>
  22.  
  23. <meta name="color:text" content=""/>
  24. <meta name="color:links" content=""/>
  25. <meta name="color:link hover" content=""/>
  26. <meta name="color:bg" content=""/>
  27. <meta name="color:tooltip text" content=""/>
  28. <meta name="color:post bg" content=""/>
  29. <meta name="color:sidebar bg" content=""/>
  30. <meta name="color:border" content=""/>
  31.  
  32. <meta name="text:search" content=":D"/>
  33. <meta name="text:custom desc" content="TIDDIES"/>
  34. <meta name="text:font size" content="20px"/>
  35. <meta name="text:search bar" content="search"/>
  36. <meta name="text:sidebar width" content=""/>
  37. <meta name="text:sidebar hover" content="sub zero gay"/>
  38.  
  39. <meta name="select:font" content="arial"/>
  40. <meta name="select:font" content="veranda"/>
  41. <meta name="select:font" content="Montserrat"/>
  42. <meta name="select:font" content="Dancing Script"/>
  43. <meta name="select:font" content="Cinzel"/>
  44. <meta name="select:font" content="Shrikhand"/>
  45. <meta name="select:font" content="Press Start 2P"/>
  46. <meta name="select:font" content="Monoton"/>
  47.  
  48. <meta name="select:border" content="dotted"/>
  49. <meta name="select:border" content="dashed"/>
  50. <meta name="select:border" content="solid"/>
  51. <meta name="select:border" content="double"/>
  52. <meta name="select:border" content="groove"/>
  53. <meta name="select:border" content="ridge"/>
  54. <meta name="select:border" content="ridge"/>
  55. <meta name="select:border" content="outset"/>
  56. <meta name="select:border" content="dotted dashed solid double"/>
  57.  
  58. <meta name="if:caption" value=""/>
  59. <meta name="if:post bg" value=""/>
  60. <meta name="if:search bar" value=""/>
  61. <meta name="if:sidebar" value=""/>
  62. <meta name="if:full bg" value=""/>
  63. <meta name="if:border" value=""/>
  64. <meta name="if:underline" value=""/>
  65. <meta name="if:all caps" value=""/>
  66. <meta name="if:all lowercase" value=""/>
  67. <meta name="if:glow" value=""/>
  68. <meta name="if:sidebar bg" value=""/>
  69. <meta name="if:desc" value=""/>
  70. <meta name="if:custom desc" value=""/>
  71.  
  72.  
  73. <style>
  74.  
  75. body{
  76. font-family:{select:font};
  77. background-color:{color:bg};
  78. background-image:url('{image:bg}');
  79. {block:iffullbg}
  80. background-size:cover;
  81. {/block:iffullbg}
  82. color:{color:text};
  83. {block:ifallcaps}
  84. text-transform:uppercase;
  85. {/block:ifallcaps}
  86. {block:ifalllowercase}
  87. text-transform:lowercase;
  88. {/block:ifalllowercase}
  89. {block:ifglow}
  90. text-shadow: 0 0 1em;
  91. {/block:ifglow}
  92. background-attachment: fixed;
  93. font-size:{text:font size};
  94. }
  95.  
  96. a{
  97. {block:ifunderline}
  98. text-decoration:underline;
  99. {/block:ifunderline}
  100. text-decoration:none;
  101. color:{color:links};
  102. -webkit-transition-duration: .3s;
  103. -moz-transition-duration: .3s;
  104. -o-transition-duration: .3s;
  105. }
  106.  
  107. a:hover{
  108. color:{color:link hover};
  109. -webkit-transition-duration: .3s;
  110. -moz-transition-duration: .3s;
  111. -o-transition-duration: .3s;
  112. }
  113.  
  114. #sidebar{
  115. {block:ifsidebarbg}
  116. background-color:{color:sidebar bg};
  117. background-image:url('{image:sidebar bg}');
  118. {/block:ifsidebarbg}
  119. width:300px;
  120. height:auto;
  121. margin-top:50px;
  122. margin-left:100px;
  123. position:fixed;
  124. }
  125.  
  126. #sidebar img{
  127. margin-top:6px;
  128. width:{text:sidebar width};
  129. }
  130.  
  131. #head{
  132. {block:ifsidebarbg}
  133. background-color:{color:sidebar bg};
  134. background-image:url('{image:sidebar bg}');
  135. {/block:ifsidebarbg}
  136. width:500px;
  137. height:auto;
  138. margin-top:10px;
  139. margin-left:0px;
  140. }
  141.  
  142. #head img{
  143. margin-top:6px;
  144. width:{text:sidebar width};
  145. }
  146.  
  147. #headentries{
  148. width:400px;
  149. {block:ifpostbg}
  150. background:{color:post bg};
  151. background-image:url('{image:post bg}');
  152. {/block:ifpostbg}
  153. {block:ifborder}
  154. border-style:{select:border};
  155. border-color:{color:border};
  156. border-width:3px;
  157. {/block:ifborder}
  158. padding:5px;
  159. }
  160.  
  161. #entries{
  162. width:400px;
  163. {block:ifpostbg}
  164. background:{color:post bg};
  165. background-image:url('{image:post bg}');
  166. {/block:ifpostbg}
  167. margin-left:450px;
  168. margin-top:10px;
  169. padding:5px;
  170. {block:ifborder}
  171. border-style:{select:border};
  172. border-color:{color:border};
  173. border-width:3px;
  174. {/block:ifborder}
  175. }
  176.  
  177. #entries img{
  178. -webkit-transition-duration: .3s;
  179. -moz-transition-duration: .3s;
  180. -o-transition-duration: .3s;
  181. }
  182.  
  183. #entries img:hover{
  184. -webkit-transition-duration: .3s;
  185. -moz-transition-duration: .3s;
  186. -o-transition-duration: .3s;
  187. -webkit-filter: brightness(200%); /* Safari 6.0 - 9.0 */
  188. filter: brightness(200%);
  189. }
  190.  
  191. .tooltip{
  192. display: inline;
  193. position: relative;}
  194.  
  195. #s-m-t-tooltip {
  196. max-width:230px;
  197. text-align:center;
  198. border-radius:5px;
  199. margin:20px 0 0 25px;
  200. background-color:transparent;
  201. color:{color:tooltip text};
  202. letter-spacing:1px;
  203. word-wrap:break-word;
  204. z-index:999999999999999999999999999999999999;
  205. -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o -transition-duration:0.2s; transition:all 0.2s linear;
  206. -webkit-box-shadow: 0px 0px 8px 9px transparent;
  207. box-shadow: 0px 0px 5px 9px transparent;
  208. }
  209.  
  210. #credit{
  211. font-size:20px;
  212. font:{select:font};
  213. margin-top:100px;
  214. }
  215.  
  216. </style>
  217. <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>
  218. </head>
  219. <body>
  220.  
  221. {block:ifnotsidebar}
  222. <center>
  223. <div id="head">
  224. <div id="head img">
  225. <center>
  226. <a href="/" title="{text:sidebar hover}"><img src="{image:icon}"/></a>
  227. </div>
  228. <center>
  229. {block:ifdesc}
  230. {block:ifnotcustomdesc}
  231. {Description}
  232. {/block:ifnotcustomdesc}
  233. {block:ifcustomdesc}
  234. {text:custom desc}
  235. {/block:ifcustomdesc}
  236. {/block:ifdesc}<br>
  237. {block:ifsearchbar}
  238. <form>
  239. <div>
  240. <input type="search" id="mySearch" name="q"
  241. placeholder="{text:search}">
  242. <button>GO!</button>
  243. </div>
  244. </form></div></div>
  245. <p>
  246. {/block:ifsearchbar}
  247. </div>
  248. {/block:ifnotsidebar}
  249.  
  250. {block:ifsidebar}
  251. <div id="sidebar">
  252. <div id="sidebar img">
  253. <center>
  254. <a href="/" title="{text:sidebar hover}"><img src="{image:icon}"/></a>
  255. </div>
  256. <center>
  257. {block:ifdesc}
  258. {block:ifnotcustomdesc}
  259. {Description}
  260. {/block:ifnotcustomdesc}
  261. {block:ifcustomdesc}
  262. {text:custom desc}
  263. {/block:ifcustomdesc}
  264. {/block:ifdesc}<br>
  265. {block:ifsearchbar}
  266. <form>
  267. <div>
  268. <input type="search" id="mySearch" name="q"
  269. placeholder="{text:search}">
  270. <button>GO!</button>
  271. </div>
  272. </form></div></div>
  273. <p>
  274. {/block:ifsearchbar}
  275. </div>
  276. {/block:ifsidebar}
  277.  
  278. {block:Posts}
  279. {block:ifnotsidebar}
  280. <div id="headentries">
  281. <center>
  282. {/block:ifnotsidebar}
  283. {block:ifsidebar}
  284. <div id="entries">
  285. {/block:ifsidebar}
  286. {block:Text}
  287. {block:Title}<h3>{Title}</h3>{/block:Title}
  288. {Body}
  289. {/block:Text}
  290.  
  291.  
  292. {block:Photo}
  293. {LinkOpenTag}
  294. <img src="{PhotoURL-400}" alt="{PhotoAlt}">
  295. {LinkCloseTag}
  296. {block:ifcaption}
  297. {block:Caption}<p>{Caption}</p>{/block:Caption}
  298. {/block:ifcaption}
  299. {/block:Photo}
  300.  
  301.  
  302. {block:Photoset}
  303. {Photoset-400}
  304. {block:ifcaption}
  305. {block:Caption}<p>{Caption}</p>{/block:Caption}
  306. {/block:ifcaption}
  307. {/block:Photoset}
  308.  
  309.  
  310. {block:Quote}
  311. <h4>"{Quote}"</h4>
  312. {block:Source}<p>{Source}</p>{/block:Source}
  313. {/block:Quote}
  314.  
  315.  
  316. {block:Link}
  317. <h3><a href="{URL}" target="_blank">{Name}</a></h3>
  318. {block:Description}<p>{Description}</p>{/block:Description}
  319. {/block:Link}
  320.  
  321. {block:Chat}
  322. {block:Title}<h3>{Title}</h3>{/block:Title}
  323. {block:Lines}
  324. {block:Label}{Label}{/block:Label} {Line}</br>
  325. {/block:Lines}
  326. {/block:Chat}
  327.  
  328.  
  329. {block:Audio}
  330. {AudioPlayerBlack}
  331. {block:ifcaption}
  332. {block:Caption}{Caption}{/block:Caption}
  333. {/block:ifcaption}
  334. {/block:Audio}
  335.  
  336.  
  337. {block:Video}
  338. {Video-500}
  339. {block:ifcaption}
  340. {block:Caption}{Caption}{/block:Caption}
  341. {/block:ifcaption}
  342. {/block:Video}
  343.  
  344.  
  345. {block:Answer}
  346. {Asker} said: "{Question}"
  347. {Answer}
  348. {/block:Answer}
  349.  
  350.  
  351.  
  352. <center>{block:Date}<p><a href="{Permalink}"><3</a>{/block:Date} /
  353.  
  354.  
  355. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a></p>{/block:NoteCount}
  356. </center><br>
  357.  
  358.  
  359.  
  360. {block:PermalinkPage}
  361.  
  362. {block:PostNotes}
  363. {PostNotes}
  364. {/block:PostNotes}
  365.  
  366. {/block:PermalinkPage}
  367.  
  368.  
  369. {block:ContentSource}
  370. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  371. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  372. {/block:SourceLogo}
  373. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  374. {/block:ContentSource}
  375. </div>
  376.  
  377. {/block:Posts}
  378.  
  379. </div>
  380.  
  381. <p id="footer">
  382. {block:PreviousPage}
  383. <a href="{PreviousPage}">&#171; Previous</a>
  384. {/block:PreviousPage}{block:NextPage}
  385. <a href="{NextPage}">Next &#187;</a>
  386. {/block:NextPage}
  387.  
  388. </p>
  389. </center>
  390. <div id="credit">
  391. <a href="http://performative.tumblr.com">(c)</a>
  392. </div>
  393.  
  394. </body>
  395. </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!