kitopia

han solo is gay

Mar 23rd, 2016
89
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.76 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5. base code by animecharacter.tumblr.com
  6.  
  7. theme by lps666
  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.  
  23. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  24. <link href='https://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
  25.  
  26. <style type="text/css">
  27.  
  28.  
  29. /*
  30. general text styles, fonts and colours
  31. */
  32.  
  33. body {
  34. margin:0px;
  35. background:#fff;
  36. background-image:url('http://rs123.pbsrc.com/albums/o285/jane_doe_102/BACKGROUND%20IMAGES/nightsky.gif~c200');
  37. font-family: 'Play', sans-serif;
  38. font-size:13px;
  39. line-height:140%;
  40. color: #fff;
  41. text-shadow:0px 0px 5px #ff0;
  42. }
  43.  
  44. p{
  45. margin:0 0 10px 0;
  46. padding:0;
  47. }
  48.  
  49. pre {
  50. white-space: pre-wrap;
  51. white-space: -moz-pre-wrap;
  52. white-space: -pre-wrap;
  53. white-space: -o-pre-wrap;
  54. word-wrap: break-word;
  55. }
  56.  
  57. a{
  58. color:#999;
  59. }
  60.  
  61. a:hover{
  62. color:#ccc;
  63. }
  64.  
  65. li{
  66. margin-left:-15px;
  67. }
  68.  
  69. /*
  70. containers etc
  71. */
  72. #wrapper{
  73. width:600px;
  74. margin:50px auto;
  75. }
  76.  
  77. #sidebar{
  78. width:110px;
  79. position:fixed;
  80. text-align:center;
  81. }
  82.  
  83. #sidebar img{
  84. transition:0.5s all;
  85. border-radius:100%;
  86. }
  87.  
  88. #sidebar img:hover{
  89. box-shadow:0px 0px 10px 5px #ff0;
  90. -webkit-transform: rotate(180deg);
  91. transform: rotate(180deg);
  92. }
  93.  
  94. #content{
  95. width:600px;
  96. margin-left:200px;
  97. overflow:hidden;
  98. }
  99.  
  100. .post{
  101. width:500px;
  102. margin:0 0 50px 0;
  103. overflow:hidden;
  104. padding:10px;
  105. }
  106.  
  107. .post img{
  108. border-radius:10px;
  109. transition:0.5s all ease-in-out;
  110.  
  111. }
  112.  
  113. .post img:hover{
  114. box-shadow:0px 0px 10px 5px #ff0;
  115. }
  116.  
  117. #sidebar img, .post img{
  118. max-width:100%;
  119. }
  120.  
  121. #nav{
  122. margin:50px 0 0 0;
  123. }
  124.  
  125.  
  126. /*
  127. content in the body of the posts - quotes, asks, etc
  128. "media" contains photos, photosets, videos, audio posts
  129. */
  130. .media{
  131. margin:0 0 10px 0;
  132. }
  133.  
  134. .title{
  135. font-weight:normal;
  136. font-size:18px;
  137. margin:0 0 10px 0;
  138. }
  139.  
  140. .quote{
  141. font-weight:normal;
  142. font-size:16px;
  143. font-style:italic;
  144. margin:0 0 10px 0;
  145. }
  146.  
  147. .question{
  148. margin-bottom:10px;
  149. }
  150.  
  151. blockquote{
  152. margin:0 0 10px 10px;
  153. padding:0 0 0 10px;
  154. border-left:solid 1px #000;
  155. }
  156.  
  157. /*
  158. post footers - date, tags, via and source
  159. */
  160. .post .footer{
  161. margin:0;
  162. text-align:center;
  163. }
  164.  
  165. /*
  166. post notes
  167. */
  168. ol.notes{
  169. list-style-type:none;
  170. padding:0;
  171. margin:0;
  172. }
  173.  
  174. ol.notes li.note img{
  175. width:16px;
  176. height:16px;
  177. }
  178.  
  179. ol.notes li.note{
  180. margin:0px;
  181. }
  182.  
  183. {CustomCSS}
  184. </style>
  185. </head>
  186.  
  187. <body>
  188. <div id="wrapper">
  189.  
  190.  
  191. <div id="sidebar">
  192. <img src="{PortraitURL-128}">
  193. {block:Description}
  194. <p>{Description}</p>
  195. {/block:Description}
  196.  
  197. <a href="/">{lang:Home}</a><br>
  198. <a href="/archive">{lang:Archive}</a><br>
  199. {block:AskEnabled}
  200. <a href="/ask">{AskLabel}</a><br>
  201. {/block:AskEnabled}
  202. {block:SubmissionsEnabled}
  203. <a href="/ask">{SubmitLabel}</a><br>
  204. {/block:SubmissionsEnabled}
  205. {block:HasPages}
  206. {block:Pages}
  207. <a href="{URL}">{Label}</a><br>
  208. {/block:Pages}
  209. {/block:HasPages}
  210. </div>
  211.  
  212.  
  213.  
  214. <div id="content">
  215. {block:Posts}
  216.  
  217. <div class="post">
  218.  
  219. {block:Text}
  220. {block:Title}
  221. <div class="title">{Title}</div>
  222. {/block:Title}
  223. {Body}
  224. {/block:Text}
  225.  
  226. {block:Photo}
  227. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  228. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  229. {/block:Photo}
  230.  
  231. {block:Photoset}
  232. <div class="media">{Photoset-500}</div>
  233. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  234. {/block:Photoset}
  235.  
  236. {block:Quote}
  237. <div class="quote">"{Quote}"</div>
  238. {block:Source}
  239. <div class="quotesource">{Source}</div>
  240. {/block:Source}
  241. {/block:Quote}
  242.  
  243. {block:Link}
  244. <div class="title"><a href="{URL}">{Name}</a></div>
  245. {block:Description}
  246. <div class="description">{Description}</div>
  247. {/block:Description}
  248. {/block:Link}
  249.  
  250. {block:Chat}
  251. {block:Title}
  252. <div class="title">{Title}</div>
  253. {/block:Title}
  254.  
  255. {block:Lines}
  256. <div class="{Alt} user_{UserNumber}">
  257. {block:Label}
  258. <b>{Label}</b>{/block:Label}
  259. &nbsp;{Line}
  260. </div>
  261. {/block:Lines}
  262. {/block:Chat}
  263.  
  264. {block:Video}
  265. <div class="media">{Video-500}</div>
  266. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  267. {/block:Video}
  268.  
  269. {block:Audio}
  270. <div class="media">
  271. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  272. {AudioPlayerWhite}
  273. {block:TrackName}{TrackName}<br>{/block:TrackName}
  274. {block:Artist}{Artist}<br>{/block:Artist}
  275. {block:Album}{Album}{/block:Album}
  276. </div>
  277. {block:Caption}{Caption}{/block:Caption}
  278. {/block:Audio}
  279.  
  280. {block:Answer}
  281. <div class="question">{Asker}: {Question}</div>
  282. <div class="caption">{Answer}</div>
  283. {/block:Answer}
  284.  
  285.  
  286. {block:Date}
  287. <div class="footer">
  288. <a href="{Permalink}">{NoteCount}% {12hour}:{Minutes} {AMPM}</a>
  289. {block:HasTags}<br>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  290. </div>
  291.  
  292. {block:PermalinkPage}
  293. {block:NoteCount}
  294. {block:PostNotes}{PostNotes}{/block:PostNotes}
  295. {/block:NoteCount}
  296. {/block:PermalinkPage}
  297. {/block:Date}
  298.  
  299. </div>
  300. {/block:Posts}
  301.  
  302. {block:Pagination}
  303. <div id="nav">
  304. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  305.  
  306. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  307. </div>
  308. {/block:Pagination}
  309. </div>
  310. </div>
  311.  
  312. </div>
  313.  
  314. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  315. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  316.  
  317. </body>
  318. </html>
Advertisement
Add Comment
Please, Sign In to add comment