Advertisement
Guest User

float 123456

a guest
Jul 12th, 2014
181
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.40 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <link href='http://fonts.googleapis.com/css?family=Leckerli+One' rel='stylesheet' type='text/css'>
  6.  
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!---- base theme by enterprizer @ tumblr, for public use
  13. editing by taegif #hella
  14. itd be very cool if you didnt remove the credit or claimed this as your own you know the usual stuff i spent a lot of time editing this :+) --->
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#838282"/>
  18. <meta name="color:Link" content="#b8b8b8"/>
  19. <meta name="color:title" content="" />
  20. <meta name="color:border" content="" />
  21. <meta name="color:scrollbar" content="" />
  22. <meta name="color:sidebar bg" content="" />
  23. <meta name="image:sidebar" content=""/>
  24. <meta name="image:Background" content="" />
  25. <meta name="image:floaty" content="" />
  26. <meta name="text:navigation" content="navigation" />
  27. <meta name="text:link 1 url" content="" />
  28. <meta name="text:link 2 url" content="" />
  29. <meta name="text:link 3 url" content="" />
  30. <meta name="text:link 4 url" content="" />
  31. <meta name="text:link 5 url" content="" />
  32. <meta name="text:link 6 url" content="" />
  33. <meta name="text:link 1" content="" />
  34. <meta name="text:link 2" content="" />
  35. <meta name="text:link 3" content="" />
  36. <meta name="text:link 4" content="" />
  37. <meta name="text:link 5" content="" />
  38. <meta name="text:link 6" content="" />
  39. <meta name="if:title" content="" />
  40. <meta name="if:drop down" content="" />
  41. <meta name="if:border" content="" />
  42. <meta name="if:border sidebar" content="" />
  43. <meta name="if:sideimg border" content="" />
  44. <meta name="if:sidebar bg" content="" />
  45. <meta name="if:semitransparency" content="" />
  46. <meta name="if:stretch bg" content="" />
  47.  
  48. <style type="text/css">
  49.  
  50. body {
  51. background: {color:Background} url('{image:Background}') top left fixed;
  52. margin:0px;
  53. color:{color:text};
  54. font-family:Helvetica;
  55. font-size:11px;
  56. line-height:130%;
  57. {block:ifstretchbg} background-size: cover; {/block:ifstretchbg}
  58. }
  59.  
  60. a {
  61. text-decoration:none;
  62. outline:none;
  63. -moz-outline-style:none;
  64. color:{color:link};
  65. }
  66.  
  67. a:hover {
  68. color:#8b8b8b;
  69. }
  70.  
  71. img {
  72. border: none;
  73.  
  74. }
  75.  
  76. blockquote {
  77. padding-left:5px;
  78. border-left:3px solid;
  79. margin-left: 20px;
  80. }
  81.  
  82. blockquote blockquote {
  83. padding-left:5px;
  84. border-left:3px solid;
  85.  
  86. }
  87.  
  88. h1 {
  89. font-size:15px;
  90. }
  91.  
  92. #entries {
  93. padding:10px;
  94. width:520px;
  95. margin-left:350px;
  96.  
  97.  
  98. }
  99.  
  100. #post {
  101. width:500px;
  102. padding:10px;
  103. margin-bottom: 25px;
  104. margin-top:25px;
  105. {block:ifborder} margin-left: -1px; {/block:ifborder}
  106. {block:ifsemitransparency} background-color: rgba(255, 255, 255, 0.6); {/block:ifsemitransparency}
  107. {block:ifnotsemitransparency} background-color: #ffffff; {/block:ifnotsemitransparency}
  108. {block:ifborder} border: 1px solid {color:border}; {/block:ifborder}
  109.  
  110. }
  111.  
  112. #post img {
  113. max-width: 100%;
  114. }
  115.  
  116. #post .quote {
  117. font-size: 15px;
  118. text-decoration: bold italic ;
  119. padding-bottom: 6px;
  120. line-height: 17px;
  121.  
  122. }
  123.  
  124. #disgusting {
  125. max-width: 500px;
  126. text-align: center;
  127. }
  128.  
  129. #swagmaster {
  130. text-align: left;
  131. margin-left: 110px;
  132. }
  133.  
  134. #mondo img {
  135. width: 100px;
  136. float: left;
  137. margin-top: -30px;
  138. border: 3px solid {color:background};
  139. border-radius: 10px;
  140. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  141. opacity: 0.8;
  142. }
  143.  
  144. #mondo img:hover {
  145. border-radius: 100px;
  146. opacity: 0.6;
  147.  
  148. }
  149. #naegi {
  150. margin-left: 110px;
  151. border-left: 4px solid #c8c8c8 ;
  152. text-align: left;
  153. padding: 5px;
  154. margin-bottom: 20px;
  155. margin-top: 20px;
  156. }
  157.  
  158. #kiyotaka {
  159. position: fixed;
  160. top: 0px;
  161. margin-left: 150px;
  162. width: 160px;
  163. background-attachment: fixed;
  164. height: 100%;
  165. font-family: helvetica;
  166. color: #626262;
  167. opacity: 1;
  168. {block:ifsidebarbg} background: {color:sidebar bg};
  169. border-right: 1px solid {color:border};
  170. border-left: 1px solid {color:border}; {/block:ifsidebarbg}
  171.  
  172. }
  173.  
  174. #ishimaru img {
  175. margin-left: 19px;
  176. margin-top: 155px;
  177. border-radius: 100px;
  178. opacity: .9;
  179. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  180. {block:ifsideimgborder} border: 1px solid {color:border} {block:ifsideimgborder};
  181.  
  182. }
  183.  
  184. #ishimaru img:hover {
  185. opacity: .6;
  186. }
  187.  
  188. #wrapper {
  189. width: 500px;
  190. margin: 0 auto;
  191. }
  192.  
  193.  
  194. #sidebar {
  195. margin-top: 10px;
  196. float:left;
  197. margin-left: 13px;
  198. width: 125px;
  199. padding: 5px;
  200. font-size: 10px;
  201. font-family: helvetica;
  202. {block:ifsemitransparency} background-color: rgba(255, 255, 255, 0.6); {/block:ifsemitransparency}
  203. {block:ifnotsemitransparency} background-color: #ffffff; {/block:ifnotsemitransparency}
  204. {block:ifbordersidebar} border: 1px solid {color:border}; {/block:ifbordersidebar}
  205. }
  206.  
  207. #title {
  208. font-size:17px;
  209. font-family: 'leckerli one';
  210. text-align:center;
  211. color: {color:title};
  212. margin-top: 5px;
  213. line-height: 100%;
  214. text-transform: uppercase;
  215. padding: 3px;
  216. letter-spacing: 2px;
  217. border-bottom: 1px dotted {color:border};
  218. }
  219.  
  220. #taehyung {
  221. text-transform: uppercase;
  222. font-size: 9px;
  223. text-align:center;
  224. color: #c8c8c8;
  225. font-family: helvetica;
  226. margin-top: 10px;
  227. }
  228.  
  229. #taehyung a {
  230. {block:ifsemitransparency} background-color: rgba(255, 255, 255, 0.6); {/block:ifsemitransparency}
  231. {block:ifnotsemitransparency} background-color: #ffffff; {/block:ifnotsemitransparency}
  232. padding: 2px;
  233. border-radius: 2px;
  234. letter-spacing: 0.3px;
  235. {block:ifbordersidebar} border: 1px solid {color:border}; {/block:ifbordersidebar}
  236. }
  237. #description {
  238. padding:5px;
  239. text-align:center;
  240. font-size: 11px;
  241. }
  242.  
  243. #pagination {
  244. font-size:25px;
  245. text-align:center;
  246.  
  247. }
  248.  
  249. #pagination a {
  250. color: #626262;
  251.  
  252. }
  253.  
  254. #info {
  255. text-align:center;
  256. margin-top: 5px;
  257. padding-top: 4px;
  258. border-top: 1px solid {color:border};
  259.  
  260. }
  261.  
  262.  
  263. #asker {
  264. float:left;
  265. margin-right:5px;
  266. ;
  267. }
  268.  
  269. #donkey {
  270. border-bottom: 1px solid {color:border}
  271. }
  272.  
  273. ::-webkit-scrollbar-thumb:vertical {
  274. background-color: {color:Scrollbar};
  275. height: 30px;
  276. }
  277.  
  278. ::-webkit-scrollbar {
  279. height: 30px;
  280. width: 6px;
  281. background-image: {image:background}; }
  282.  
  283. {CustomCSS}</style></head><body>
  284.  
  285. </div>
  286. </div>
  287.  
  288. <div id="kiyotaka">
  289. <div id="ishimaru">
  290. <img src="{image:sidebar}" width="120px"> </div>
  291. {block:iftitle} <div id="title">{Title}</div> {/block:iftitle}
  292. <div id="taehyung">
  293. <a href="/">home</a> <a href="/ask">ask</a> <a href="{text:link 1 url}">{text:link 1}</a> <a href="{text:link 2 url}" target="_blank">{text:link 2}</a>
  294. </div> <div id="sidebar">
  295. <div id="top">
  296. <div id="description">{Description}</div> {block:ifdropdown} <center><select onChange="location=this.options[this.selectedIndex].value;" style="font:10px helvetica; color:#626262; background-color:transparent; -webkit-appearance: none; text-align:center; border: 1px solid {color:border}; height: 18px;margin-top:2px;margin-bottom:2px; ">
  297. <option value="/"> {text:navigation}</option>
  298. {block:IfLink3}
  299. <option value="{text:Link 3 url}">{text:Link 3}</option>
  300. {/block:IfLink3}
  301. {block:IfLink4}
  302. <option value="{text:Link 4 url}">{text:Link 4}</option>
  303. {/block:IfLink4}
  304. {block:IfLink5}
  305. <option value="{text:Link 5 url}">{text:Link 5}</option>
  306. {/block:IfLink5}
  307.  
  308. </select> {/block:ifdropdown}
  309. </div>
  310. </div>
  311. <div id="pagination">
  312. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  313. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination} </div>
  314. </div>
  315.  
  316. <div id="entries">{block:Posts}
  317.  
  318.  
  319. {block:ContentSource}
  320. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  321. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  322. {/block:SourceLogo}
  323. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  324. {/block:ContentSource}
  325.  
  326. <!--{block:RebloggedFrom}
  327. Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  328. {/block:RebloggedFrom}</div> -->
  329.  
  330. <div id="post">
  331.  
  332. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}
  333.  
  334. <div id="info">
  335. <a href="{Permalink}"> {block:Date}{TimeAgo}{/block:Date} </a> | <a href="{Permalink}">
  336. {NoteCountWithLabel}</a> {block:indexpage} | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> {/block:indexpage} {block:HasTags}<br>{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  337. {block:permalinkpage} {block:RebloggedFrom} <a href="{ReblogParentURL}"
  338. +title="{ReblogParentTitle}">via {ReblogParentName} </a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">originally from {reblogrootname}</a>{/block:RebloggedFrom} {/block:permalinkpage}</div>
  339.  
  340. {/block:Text}
  341.  
  342. {block:Photo}<div id="disgusting">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}<div id="info">
  343. <a href="{Permalink}"> {block:Date}{TimeAgo}{/block:Date} </a> | <a href="{Permalink}">
  344. {NoteCountWithLabel}</a> {block:indexpage} | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> {/block:indexpage} {block:HasTags}<br>{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  345. {block:permalinkpage} {block:RebloggedFrom} <a href="{ReblogParentURL}"
  346. +title="{ReblogParentTitle}">via {ReblogParentName} </a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">originally from {reblogrootname}</a>{/block:RebloggedFrom} {/block:permalinkpage}</div>{/block:Photo}
  347.  
  348.  
  349. {block:Quote}<div class="quote"><b><i>{Quote}</b></i></div>{block:Source} —{Source}{/block:Source}<div id="info">
  350. <a href="{Permalink}"> {block:Date}{TimeAgo}{/block:Date} </a> | <a href="{Permalink}">
  351. {NoteCountWithLabel}</a> {block:indexpage} | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> {/block:indexpage}{block:HasTags}<br>{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  352. {block:permalinkpage} {block:RebloggedFrom} <a href="{ReblogParentURL}"
  353. +title="{ReblogParentTitle}">via {ReblogParentName} </a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">originally from {reblogrootname}</a>{/block:RebloggedFrom} {/block:permalinkpage}</div>{/block:Quote}
  354.  
  355. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}<div id="info">
  356. <a href="{Permalink}"> {block:Date}{TimeAgo}{/block:Date} </a> | <a href="{Permalink}">
  357. {NoteCountWithLabel}</a> {block:indexpage} | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> {/block:indexpage}{block:HasTags}<br>{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  358. {block:permalinkpage} {block:RebloggedFrom} <a href="{ReblogParentURL}"
  359. +title="{ReblogParentTitle}">via {ReblogParentName} </a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">originally from {reblogrootname}</a>{/block:RebloggedFrom} {/block:permalinkpage}</div>{/block:Link}
  360.  
  361. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}<br> <div id="info">
  362. <a href="{Permalink}"> {block:Date}{TimeAgo}{/block:Date} </a> | <a href="{Permalink}">
  363. {NoteCountWithLabel}</a> {block:indexpage} | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> {/block:indexpage}{block:HasTags}<br>{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  364. {block:permalinkpage} {block:RebloggedFrom} <a href="{ReblogParentURL}"
  365. +title="{ReblogParentTitle}">via {ReblogParentName} </a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">originally from {reblogrootname}</a>{/block:RebloggedFrom} {/block:permalinkpage}</div>{/block:Chat}
  366.  
  367. {block:Audio}<div id="swagmaster">{AudioPlayerWhite} </div> <div id="mondo"> {block:AlbumArt}
  368. <img src="{AlbumArtURL}"> {/block:AlbumArt} </div> <div id="naegi"> {block:Artist}Artist:{Artist}{/block:Artist} <br>
  369. {block:Album}Album:{Album}{/block:Album} <br>
  370. {block:TrackName}{TrackName}{/block:TrackName}</div>
  371. {block:Caption}{Caption}{/block:Caption}<div id="info">
  372. <a href="{Permalink}"> {block:Date}{TimeAgo}{/block:Date} </a> | <a href="{Permalink}">
  373. {NoteCountWithLabel}</a> {block:indexpage} | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> {/block:indexpage}{block:HasTags}<br>{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  374. {block:permalinkpage} {block:RebloggedFrom} <a href="{ReblogParentURL}"
  375. +title="{ReblogParentTitle}">via {ReblogParentName} </a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">originally from {reblogrootname}</a>{/block:RebloggedFrom} {/block:permalinkpage}</div>{/block:Audio}
  376.  
  377. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}<div id="info">
  378. <a href="{Permalink}"> {block:Date}{TimeAgo}{/block:Date} </a> | <a href="{Permalink}">
  379. {NoteCountWithLabel}</a> {block:indexpage} | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> {/block:indexpage}{block:HasTags}<br>{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  380. {block:permalinkpage} {block:RebloggedFrom} <a href="{ReblogParentURL}"
  381. +title="{ReblogParentTitle}">via {ReblogParentName} </a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">originally from {reblogrootname}</a>{/block:RebloggedFrom} {/block:permalinkpage}</div>{/block:Video}
  382.  
  383. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<p></p><div id="donkey"></div>{Answer}<div id="info">
  384. <a href="{Permalink}"> {block:Date}{TimeAgo}{/block:Date} </a> | <a href="{Permalink}">
  385. {NoteCountWithLabel}</a> {block:indexpage} | <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> {/block:indexpage}{block:HasTags}<br>{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}<br>
  386. {block:permalinkpage} {block:RebloggedFrom} <a href="{ReblogParentURL}"
  387. +title="{ReblogParentTitle}">via {ReblogParentName} </a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">originally from {reblogrootname}</a>{/block:RebloggedFrom} {/block:permalinkpage}</div>{/block:Answer}
  388.  
  389. </div>
  390. {block:PostNotes}{PostNotes}{/block:PostNotes}
  391. {/block:Posts}</div>
  392.  
  393. <div class="img">
  394.  
  395. <div style="position:fixed; bottom:0px; margin-left:820px; opacity:1;>
  396. <img src="{image:idk}"/> </div> </div>
  397.  
  398. <a style="position:fixed; font-size: 9px; font-family: helvetica; bottom: 5px; right: 5px; " href="http://mattiethemepreview.tumblr.com/"> theme </a>
  399.  
  400. <img src="{image:floaty}" style="position:fixed;bottom: 0px;margin-left:876px;z-index:-999;max-height:100%;"/>
  401.  
  402.  
  403.  
  404.  
  405.  
  406.  
  407. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement