Don't like ads? PRO users don't see any ads ;-)
Public Pastes

0.3 Aziatix

By: katiexnhu on Apr 28th, 2012  |  syntax: None  |  size: 12.78 KB  |  hits: 6,312  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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"><head><html>
  3.  
  4.  <!--
  5.  aziatix theme made by http://kayybearr.tumblr.com
  6.  theme blog: http://yobeo.tumblr.com
  7.  
  8.  rules:
  9.  1. please do not remove credits
  10.  2. please do not use my theme as base code
  11.  3. do not claim this theme as yours
  12.  
  13.  ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
  14.  
  15.  if you have any questions please message me at http://yobeo.tumblr.com/ask and i'll be glad to help you.
  16.  
  17.  -->
  18.  
  19. <title>{Title}</title>
  20.  
  21.  
  22.          {block:description} <meta name="description" content="{MetaDescription}" />
  23.         {/block:Description}
  24. <link rel="shortcut icon" href="{Favicon}" />
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. <meta name="if:endless scroll" content="1"/>
  27. <meta name="color:background" content="#fff"/>
  28. <meta name="image:background" content="http://static.tumblr.com/u8rzrkx/fkmm35x3y/08.png"/>
  29. <meta name="color:text" content="#939392"/>
  30. <meta name="color:links" content="#6f6f6d"/>
  31. <meta name="color:links hover" content="#000"/>
  32. <meta name="color:sidebar text" content="#939392"/>
  33. <meta name="color:sidebar title" content="#4f4f4f"/>
  34. <meta name="color:sidebar text" content="#000"/>
  35. <meta name="color:sidebar background" content="#fff"/>
  36. <meta name="image:sidebar background" content="http://static.tumblr.com/u8rzrkx/Ugom35x4z/924.png"/>
  37. <meta name="color:scrollbar 1" content="#9C9C9C"/>
  38. <meta name="color:scrollbar 2" content="#fff"/>
  39. <meta name="text:navigation title" content="+navigation"/>
  40. <meta name="color:navigation title" content="#000"/>
  41. <meta name="text:Link01"content""/>
  42. <meta name="text:Link01 name" content""/>
  43. <meta name="text:Link02"content""/>
  44. <meta name="text:Link02 name" content""/>
  45. <meta name="text:Link03"content""/>
  46. <meta name="text:Link03 name" content""/>
  47. <meta name="text:Link04"content""/>
  48. <meta name="text:Link04 name" content""/>
  49. <meta name="text:Link05"content""/>
  50. <meta name="text:Link05 name" content""/>
  51. <meta name="image:sidebar" content="http://static.tumblr.com/u8rzrkx/VVDm35x34/cuthair.png"/>
  52. <meta name="color:post background" content="#fff"/>
  53.  
  54.  
  55.  
  56. <style type="text/css">
  57. {CustomCSS}
  58.  
  59. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar 1};width:10px;border:1px solid {color:scrollbar 2};}
  60. ::-webkit-scrollbar {height:0px;width:7px;background-color:{color:scrollbar 2};}
  61.  
  62. body{
  63. background-color: {color:background};
  64. background-image: url('{image:background}');
  65. background-repeat: repeat;
  66. background-attachment: fixed;
  67. font-family: lucida sans console;
  68. margin: auto auto auto auto;
  69. font-size: 10px;
  70. }
  71.  
  72. a{color:{color:links};text-decoration: none;} a:hover{color:{color:links hover}; text-decoration: none;}
  73.  
  74. blockquote {
  75. padding:3px;
  76. border-left: 2px solid {color:text};
  77. overflow: hidden;
  78. }
  79.  
  80. #honey{
  81. width: 550px;
  82. position: relative;
  83. margin: auto auto auto auto;}
  84.  
  85. #content{
  86. width: 550px;
  87. left: 350px;
  88. margin: auto;
  89.  {block:permalinkpage}
  90.     left:350px;
  91. margin: auto;
  92.     width:400px;
  93.     {/block:permalinkpage}
  94. }
  95.  
  96. .sugar{
  97. background-color: {color:post background};
  98. float: left;{block:indexpage}
  99. width: 250px;{/block:indexpage}
  100. {block:permalinkpage}width:400px;{/block:permalinkpage}
  101. margin: 2px;
  102. padding: 5px;
  103. overflow: hidden;
  104. font-family: lucida sans unicode;
  105. font-size: 10px;
  106. color: {color:text};
  107. }
  108. .sugar a{color:{color:links};text-decoration: none;} .sugar a:hover{color:{color:links hover}; text-decoration: none;}
  109.  
  110. #pagina {
  111.     padding-bottom:2px;
  112.    
  113.     {block:IfEndlessScroll}display: none; {/block:IfEndlessScroll}
  114. }
  115.  
  116. #pagina a{
  117.     text-align:center;
  118.     color: {color:links};
  119.     font-size: 10px;
  120.     font-family: lucida sans unicode;
  121. }
  122.  
  123. #pagina a:hover {
  124.     color: {color:links};
  125. }
  126.  
  127. #yogurt{
  128. position: fixed;
  129. margin-left: -200px;
  130. z-index: 9;
  131. top: 200px;
  132. width: 170px;
  133. padding-top: 5px;
  134. padding-left: 5px;
  135. padding-right: 5px;
  136. background: {color:sidebar background} url('{image:sidebar background}');
  137. }
  138.  
  139. #yogurt img{max-width: 170px;}
  140.  
  141. #hottea a{
  142. text-align: center;
  143. display: block;
  144. font-family:georgia;
  145. text-decoration: none;
  146. font-size: 24px;
  147. color: {color:sidebar title};
  148. }
  149.  
  150. #hottea a:hover{
  151. color: {color:sidebar title};}
  152. iframe#tumblr_controls{position:fixed !important;}
  153.  
  154. #icecream{
  155. color: {color:sidebar text};
  156. font-size: 10px;
  157. padding: 0px; margin: 0px;
  158. font-family: lucida sans unicode;}
  159.  
  160. #icecream
  161. a{color:{color:links};text-decoration: none;} #icecream a:hover{color:{color:links hover}; text-decoration: none;}
  162.  
  163. #jintan a {display:block}
  164. #jintan .kai {overflow: hidden;margin-top: -5px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  165. #jintan:hover .kai {margin-top:5px;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out; filter: alpha(opacity = 90);filter: alpha(opacity = 100);opacity:100;}
  166.  
  167. #jaejoong{
  168. width: 160px;
  169. height: auto;
  170. position: fixed;
  171. text-align: center;
  172. line-height: 10px;
  173. text-decoration: none;
  174. font-family: lucida sans console;
  175. }
  176. #jaejoong a{
  177. color:{color:links};
  178. text-decoration: none;
  179. }
  180.  
  181.  
  182.  
  183. #tabi{
  184. opacity:0;
  185. -webkit-transition: opacity 0.6s linear;
  186. -webkit-transition: all 0.6s ease-in-out;
  187. -moz-transition: all 0.6s ease-in-out;
  188. position: absolute;
  189. width: 250px;
  190. height: 15px;
  191. margin-left: 0px;
  192. padding: 0px;
  193. background: {color:post background};
  194. text-transform: uppercase;
  195. font-family: cambria;
  196. font-size: 10px;
  197. }
  198. .sugar:hover #tabi{
  199. opacity: 0.9;
  200. -webkit-transition: opacity 0.6s linear;
  201. -webkit-transition: all 0.6s ease-in-out;
  202. -moz-transition: all 0.6s ease-in-out;
  203. height: 15px;
  204. width: 250px;
  205. text-transform: uppercase;
  206. font-family: cambria;
  207. font-size: 10px;
  208. }
  209.  
  210. #tabi a{
  211. text-transform: uppercase;
  212. font-family: cambria;
  213. font-size: 10px;
  214. color: {color: link};
  215. text-decoration: none;
  216. opacity: 0.8;
  217. }
  218. #katiequiqui {
  219. position: fixed;
  220. bottom: 7px;
  221. right: 8px;
  222. background-color:{color:post background};
  223. }
  224. #katiequiqui a{
  225. color: {color:links};
  226. text-decoration: none;}
  227.  #katiequiqui a:hover{
  228. color: {color:links hover};
  229. text-decoration: none;}
  230.  
  231.  
  232. </style>
  233. {block:indexpage}
  234.  
  235.  
  236.  
  237.  
  238.  
  239. <script type="text/javascript" src="http://static.tumblr.com/oy618au/llcm84trc/script4formasonry.js"></script>
  240. <script type="text/javascript" src="http://static.tumblr.com/oy618au/WZrm84tsa/script3masonry.js"></script>
  241.  
  242. {block:ifendlessscroll}
  243. <script src="http://static.tumblr.com/oy618au/sxHm84tt8/script2.infinitescroll.js"></script>
  244. {/block:ifendlessscroll}
  245.  
  246. <script src="http://static.tumblr.com/oy618au/eNzm84tu1/script1.masonry.js"></script>
  247.  
  248. <script type="text/javascript">
  249. $(window).load(function () {
  250. $('#content').masonry(),
  251. $('.masonryWrap').infinitescroll({
  252. navSelector : "div#pagina",
  253. // selector for the paged navigation (it will be hidden)
  254. nextSelector : "div#pagina a#nextPage",
  255. // selector for the NEXT link (to page 2)
  256. itemSelector : ".sugar",
  257. // selector for all items you'll retrieve
  258. bufferPx : 10000,
  259. extraScrollPx: 11000,
  260. loadingImg : "http://b.imagehost.org/0548/Untitled-2.png",
  261. loadingText : "<em></em>",
  262. },
  263. // call masonry as a callback.
  264. function() { $('#content').masonry({ appendedContent: $(this) }); }
  265. );
  266. });
  267. </script>
  268.  
  269.  
  270.  
  271.  
  272. {/block:indexpage}
  273.  
  274.  
  275.  
  276.  
  277.  
  278.  </head>
  279.  
  280.  
  281.  
  282. <body>
  283.  
  284. <div class="pagination" id="pagina">{block:Pagination}
  285. {block:NextPage}<a href="{NextPage}" class="pagination" id="nextPage"> «&nbsp; </a> {/block:NextPage}{block:PreviousPage} <a href="{PreviousPage}"class="navigate" id="nextPage"> » </a> {/block:PreviousPage}{/block:Pagination}
  286. </div>
  287.  
  288.  <div id="honey">
  289. <div id="yogurt">
  290. <div id="hottea"><a href="/"><center>{title}<center></a></div>
  291. <div id="yogurt img"><center><img src="{image:sidebar}"> <center></div>
  292. <div id="icecream"><center>{block:description}{description}{/block:description}<center>
  293. </div>
  294.  
  295. <div id="jaejoong">
  296.  <div id="jintan"><font color="{color:navigation title}">
  297. <font face="Lucida Sans Unicode"><center>{text:navigation title}<center></font></font>
  298. <div class="kai">
  299. <a href="/ask">message</a>
  300. {block:IfLink01}
  301. <a href="{text:Link01}">{text:link01 Name}</a>
  302. {/block:IfLink01}
  303. {block:IfLink02}
  304. <a href="{text:Link02}">{text:link02 Name}</a>
  305. {/block:IfLink02}
  306.  {block:IfLink03}
  307. <a href="{text:Link03}">{text:link03 Name}</a>
  308. {/block:IfLink03}
  309. {block:IfLink04}
  310. <a href="{text:Link04}">{text:link04 Name}</a>
  311. {/block:IfLink04}
  312.  {block:IfLink05}
  313. <a href="{text:Link05}">{text:link05 Name}</a>
  314. {/block:IfLink05}
  315. </div></div></div>
  316. </div>
  317. </div>
  318.  </div>
  319.  
  320.  
  321. <div id="katiequiqui">
  322. <a href="http://kayybearr.tumblr.com"title="theme by kayybearr">♡</a>
  323. </div>
  324.  
  325.  
  326.  
  327.  
  328.  
  329.  
  330. <div id="content">
  331. {block:posts}
  332.  
  333.  <div class="sugar">
  334.  
  335. {block:Text}{block:indexpage}<div id="tabi">
  336. {block:Date}<center><a href="{Permalink}">{24HourWithZero}:{Minutes} | {block:NoteCount}{NoteCountWithLabel} {/block:NoteCount}</a><center>
  337. {/block:date}
  338. </div>{/block:indexpage}
  339. {block:Title}<font size="3"><a href="{Permalink}">{Title}</a></font>{/block:Title}{Body}
  340. {/block:Text}
  341.  
  342. {block:Photo} {LinkOpenTag}{block:indexpage}<div id="tabi">
  343. {block:Date}<center><a href="{Permalink}">{24HourWithZero}:{Minutes} | {block:NoteCount}{NoteCountWithLabel} {/block:NoteCount}</a><center>
  344. {/block:date}
  345. </div>{/block:indexpage}
  346. {block:indexpage}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" border="0" width="250px"/></a>{/block:indexpage}{block:permalinkpage}<img src="{PhotoURL-500}" border="0" width="400px"/>{/block:permalinkpage} {LinkCloseTag}{/block:Photo}
  347.  
  348. {block:Photoset}{block:indexpage}<div id="tabi">
  349. {block:Date}<center><a href="{Permalink}">{24HourWithZero}:{Minutes} | {block:NoteCount}{NoteCountWithLabel} {/block:NoteCount}</a><center>
  350. {/block:date}
  351. </div>{/block:indexpage}
  352. {block:indexpage}{Photoset-250}{/block:indexpage}{block:permalinkpage}{Photoset-400}{/block:permalinkpage}
  353. {/block:Photoset}
  354.  
  355. {block:Quote}{block:indexpage}<div id="tabi">
  356. {block:Date}<center><a href="{Permalink}">{24HourWithZero}:{Minutes} | {block:NoteCount}{NoteCountWithLabel} {/block:NoteCount}</a><center>
  357. {/block:date}
  358. </div>{/block:indexpage}❝{Quote}❞
  359. {block:Source}<div align="right"> - {Source}</div>{/block:Source}
  360. {/block:Quote}
  361.  
  362. {block:Link}{block:indexpage}<div id="tabi">
  363. {block:Date}<center><a href="{Permalink}">{24HourWithZero}:{Minutes} | {block:NoteCount}{NoteCountWithLabel} {/block:NoteCount}</a><center>
  364. {/block:date}
  365. </div>{/block:indexpage}
  366. <font size="3"> → <a href="{URL}" target="{Target}">{Name}</a> </font>
  367. {block:Description}{Description} {/block:Description}
  368. {/block:Link}
  369.  
  370. {block:Chat}{block:indexpage}<div id="tabi">
  371. {block:Date}<center><a href="{Permalink}">{24HourWithZero}:{Minutes} | {block:NoteCount}{NoteCountWithLabel} {/block:NoteCount}</a><center>
  372. {/block:date}
  373. </div>{/block:indexpage}{block:Title}{Title}{/block:Title} <br>
  374. {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}
  375. {/block:Chat}
  376.  
  377.  
  378. {block:Audio}{block:indexpage}<div id="tabi">
  379. {block:Date}<center><a href="{Permalink}">{24HourWithZero}:{Minutes} | {block:NoteCount}{NoteCountWithLabel} {/block:NoteCount}</a><center>
  380. {/block:date}
  381. </div>{/block:indexpage}{block:AlbumArt}
  382. <div style="float:left;margin-right:5px;"><img src="{AlbumArtURL}" width="100px" height="100px"></div><font style="letter-spacing:1px" >  
  383. {/block:AlbumArt}{block:TrackName}
  384. <b> Title:</b> {TrackName}
  385. {/block:TrackName}<br>{block:Artist}
  386.  <b>Artist: </b>{Artist}<br>
  387. {/block:Artist}{block:Album}
  388. <b> Album:</b> {Album}<br>
  389. {/block:Album}{block:PlayCount}<b> Plays: </b>{PlayCountWithLabel} {/block:PlayCount}</font>{AudioPlayerWhite}
  390.  
  391. {/block:Audio}
  392.  
  393.  
  394. {block:Video}{block:indexpage}<div id="tabi">
  395. {block:Date}<center><a href="{Permalink}">{24HourWithZero}:{Minutes} | {block:NoteCount}{NoteCountWithLabel} {/block:NoteCount}</a><center>
  396. {/block:date}
  397. </div>{/block:indexpage}
  398. {block:indexpage}{Video-250}{/block:indexpage}{block:permalinkpage}{Video-400}{/block:permalinkpage}
  399.  {/block:Video}
  400.  
  401. {block:Answer}{block:indexpage}<div id="tabi">
  402. {block:Date}<center><a href="{Permalink}">{24HourWithZero}:{Minutes} | {block:NoteCount}{NoteCountWithLabel} {/block:NoteCount}</a><center>
  403. {/block:date}
  404. </div>{/block:indexpage}
  405. {Asker} {text:asked} {Question}
  406. <p>{Answer}</p>{/block:Answer}
  407.  
  408. {block:Permalinkpage}
  409. {block:Caption}{Caption}{/block:Caption}
  410. {block:HasTags}tag: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags} {/block:HasTags}<br>
  411. {block:NoteCount}{NoteCountWithLabel} {/block:NoteCount}<br>
  412.  {block:PostNotes}{PostNotes} {/block:PostNotes}{/block:Permalinkpage}
  413.  
  414.  </div>
  415. {/block:posts}
  416.  
  417. </div>
  418.  
  419.  
  420.  
  421.  
  422.  
  423. </body>
  424.  
  425.  
  426.  
  427.  
  428.  
  429. </html>
create a new version of this paste RAW Paste Data