API tools faq
paste
kitopia

Untitled

kitopia
Dec 22nd, 2015
104
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.89 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. theme for supergayjail by lps666
  6.  
  7. basecode by animecharacter.tumblr.com
  8.  
  9. ----->
  10.  
  11. <meta charset="utf-8">
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  22. <link href='https://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  23. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  24. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  25.  
  26. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  27.  
  28. <style type="text/css">
  29.  
  30.  
  31. /*
  32. general text styles, fonts and colours
  33. */
  34.  
  35. body {
  36. margin:0px;
  37. background:url('http://japanlover.me/goodies/kawaii/05-bg/tiled/rainbow-tile_0001_Layer-3.png');
  38. background-size:250px;
  39. font-family: 'Poiret One', cursive;
  40. font-weight:600;
  41. font-size:18px;
  42. line-height:140%;
  43. color: #FFD422;
  44. }
  45.  
  46. p{
  47. margin:0 0 10px 0;
  48. padding:0;
  49. }
  50.  
  51. pre {
  52. white-space: pre-wrap;
  53. white-space: -moz-pre-wrap;
  54. white-space: -pre-wrap;
  55. white-space: -o-pre-wrap;
  56. word-wrap: break-word;
  57. }
  58.  
  59. a{
  60. color:#fc646c;
  61. transition: all .5s ease-in-out;
  62. text-decoration:none;
  63. }
  64.  
  65. a:hover{
  66. color:#F9FAA7;
  67. }
  68.  
  69. li{
  70. margin-left:-15px;
  71. }
  72.  
  73. /*
  74. containers etc
  75. */
  76. #wrapper{
  77. width:600px;
  78. margin:50px auto;
  79. }
  80.  
  81. #sidebar{
  82. background:#7E3958;
  83. width:130px;
  84. position:fixed;
  85. padding:10px;
  86. border-radius:5px;
  87. margin-top:80px;
  88. text-align:center;
  89. box-shadow:0px 10px 0px #99456b;
  90. }
  91.  
  92. #content{
  93. width:600px;
  94. margin-left:200px;
  95. overflow:hidden;
  96. }
  97.  
  98. .post{
  99. width:500px;
  100. margin:0 0 50px 0;
  101. overflow:hidden;
  102. background:#7E3958;
  103. padding:10px;
  104. border-radius:5px;
  105. box-shadow:0px 10px 0px #99456b;
  106. }
  107.  
  108.  
  109. #hatbar img{
  110. width:150px;
  111. margin-top:-100px;
  112. transition: all .5s ease-in-out;
  113. float:left;
  114. }
  115.  
  116. #hatbar img:hover{
  117. margin-top:-130px;
  118. }
  119.  
  120.  
  121.  
  122. .post img{
  123. max-width:100%;
  124. border-radius:5px;
  125. }
  126.  
  127. #sidebar img #hatbar{
  128. max-width:150px;
  129. }
  130.  
  131. #sidebar img{
  132. border-radius:5px;
  133. }
  134.  
  135. #sidebarlinks{
  136. text-align:center;
  137. }
  138.  
  139. #sidebarlinks a{
  140. text-decoration:none;
  141. }
  142.  
  143.  
  144. #nav{
  145. background:#7E3958;
  146. padding:10px;
  147. border-radius:5px;
  148. box-shadow:0px 10px 0px #99456b;
  149. display: inline-block;
  150. }
  151.  
  152.  
  153. /*
  154. content in the body of the posts - quotes, asks, etc
  155. "media" contains photos, photosets, videos, audio posts
  156. */
  157. .media{
  158. margin:0 0 10px 0;
  159. }
  160.  
  161. .title{
  162. font-weight:normal;
  163. font-size:18px;
  164. margin:0 0 10px 0;
  165. }
  166.  
  167. .quote{
  168. font-weight:normal;
  169. font-size:16px;
  170. font-style:italic;
  171. margin:0 0 10px 0;
  172. }
  173.  
  174. .question{
  175. margin-bottom:10px;
  176. }
  177.  
  178. blockquote{
  179. margin:0 0 10px 10px;
  180. padding:0 0 0 10px;
  181. border-left:solid 1px #000;
  182. }
  183.  
  184. /*
  185. post footers - date, tags, via and source
  186. */
  187. .post .footer{
  188. margin:0;
  189. text-align:left;
  190. }
  191.  
  192. /*
  193. post notes
  194. */
  195. ol.notes{
  196. list-style-type:none;
  197. padding:0;
  198. margin:0;
  199. }
  200.  
  201. ol.notes li.note img{
  202. width:16px;
  203. height:16px;
  204. }
  205.  
  206. ol.notes li.note{
  207. margin:0px;
  208. }
  209.  
  210. {CustomCSS}
  211. </style>
  212. </head>
  213.  
  214. <body>
  215. <!-- Wikplayer http://www.wikplayer.com -->
  216. <script type="text/javascript" src="http://www.wikplayer.com/code.js"
  217. data-config="{'skin':'skins/wikfull/ribbonPurple/skin.css','volume':5,'autoplay':true,'shuffle':false,'repeat':1,'showcomment':false,'marqueetexton':false,'placement':'top','showplaylist':false,'playlist':[{'title':'Undertale%20OST%20-%20Undertale','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D2OqigCz2S1w%26index%3D4%26list%3DPLf7yLUX-Xiy25gRSSc4Gd35tZ5pqUewDt'},{'title':'Undertale%20OST%20-%20Reunited%20(In%20Game)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DKTS8qokHCeY%26index%3D9%26list%3DPLf7yLUX-Xiy25gRSSc4Gd35tZ5pqUewDt'},{'title':'Undertale%20OST%20-%20Once%20Upon%20A%20Time','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D7B2TPEZTwWA'}]}" ></script>
  218. <!-- Wikplayer code end -->
  219. <div id="wrapper">
  220.  
  221. <div id="sidebar">
  222. <div id="hatbar"><img src="http://static.tumblr.com/sypp9bf/4gwnzsj49/hahthathat.svg"></div>
  223. {BlogTitle}<br>
  224. <a href="{BlogURL}"><img src="{PortraitURL-128}" style="border-radius:5px;"></a>
  225. {block:Description}
  226. <p>{Description}</p>
  227. {/block:Description}
  228.  
  229. <script type="text/javascript">
  230. jQuery(document).ready(function() {
  231. jQuery(".sub").hide();
  232. //toggle the componenet with class msg_body
  233. jQuery(".cthrough").click(function()
  234. {
  235. jQuery(this).next(".sub").slideToggle(500);
  236. });});
  237. </script>
  238.  
  239. <a href="#" class="cthrough" style="text-decoration: none;">CLICK</a>
  240. <div class="sub">
  241.  
  242. <div id="sidebarlinks">
  243.  
  244. <a href="/">{lang:Home}</a><br>
  245. {block:AskEnabled}
  246. <a href="/ask">{AskLabel}</a><br>
  247. {/block:AskEnabled}
  248. {block:SubmissionsEnabled}
  249. <a href="/ask">{SubmitLabel}</a><br>
  250. {/block:SubmissionsEnabled}
  251. {block:HasPages}
  252. {block:Pages}
  253. <a href="{URL}">{Label}</a><br>
  254. {/block:Pages}
  255. {/block:HasPages}
  256.  
  257. </div>
  258.  
  259. </div>
  260.  
  261.  
  262. </div>
  263.  
  264.  
  265.  
  266. <div id="content">
  267. {block:Posts}
  268.  
  269. <div class="post">
  270.  
  271. {block:Text}
  272. {block:Title}
  273. <div class="title">{Title}</div>
  274. {/block:Title}
  275. {Body}
  276. {/block:Text}
  277.  
  278. {block:Photo}
  279. <div class="media">{LinkOpenTag}<div align="center"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>{LinkCloseTag}</div>
  280. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  281. {/block:Photo}
  282.  
  283. {block:Photoset}
  284. <div class="media"><div align="center">{Photoset-500}</div></div>
  285. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  286. {/block:Photoset}
  287.  
  288. {block:Quote}
  289. <div class="quote">"{Quote}"</div>
  290. {block:Source}
  291. <div class="quotesource">{Source}</div>
  292. {/block:Source}
  293. {/block:Quote}
  294.  
  295. {block:Link}
  296. <div class="title"><a href="{URL}">{Name}</a></div>
  297. {block:Description}
  298. <div class="description">{Description}</div>
  299. {/block:Description}
  300. {/block:Link}
  301.  
  302. {block:Chat}
  303. {block:Title}
  304. <div class="title">{Title}</div>
  305. {/block:Title}
  306.  
  307. {block:Lines}
  308. <div class="{Alt} user_{UserNumber}">
  309. {block:Label}
  310. <b>{Label}</b>{/block:Label}
  311. &nbsp;{Line}
  312. </div>
  313. {/block:Lines}
  314. {/block:Chat}
  315.  
  316. {block:Video}
  317. <div class="media">{Video-400}</div>
  318. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  319. {/block:Video}
  320.  
  321. {block:Audio}
  322. <div class="media">
  323. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  324. {AudioPlayerWhite}
  325. {block:TrackName}{TrackName}<br>{/block:TrackName}
  326. {block:Artist}{Artist}<br>{/block:Artist}
  327. {block:Album}{Album}{/block:Album}
  328. </div>
  329. {block:Caption}{Caption}{/block:Caption}
  330. {/block:Audio}
  331.  
  332. {block:Answer}
  333. <div class="question">{Asker}: {Question}</div>
  334. <div class="caption">{Answer}</div>
  335. {/block:Answer}
  336.  
  337.  
  338. {block:Date}
  339. <div class="footer">
  340. <a href="{Permalink}"><i class="fa fa-clock-o"></i> {12Hour}:{Minutes} {block:NoteCount} ({NoteCountWithLabel}){/block:NoteCount}</a>
  341. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  342. {block:RebloggedFrom}<br><a href="{ReblogParentURL}">via {ReblogParentName}</a>{/block:RebloggedFrom}
  343. {block:ContentSource} <a href="{SourceURL}">src: {SourceTitle}</a>{/block:ContentSource}
  344. </div>
  345.  
  346. {block:PermalinkPage}
  347. {block:NoteCount}
  348. {block:PostNotes}{PostNotes}{/block:PostNotes}
  349. {/block:NoteCount}
  350. {/block:PermalinkPage}
  351. {/block:Date}
  352.  
  353. </div>
  354. {/block:Posts}
  355.  
  356. {block:Pagination}
  357. <div id="nav">
  358. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  359.  
  360. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  361. </div>
  362. {/block:Pagination}
  363. </div>
  364. </div>
  365.  
  366. </div>
  367.  
  368. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  369. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  370.  
  371. </body>
  372. </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!