API tools faq
paste
iwtyhe

#30 going anywhere

iwtyhe
Mar 10th, 2013
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 14.17 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700t" rel="stylesheet" type="text/css">
  5. <link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>
  6.  
  7. <title>{title}</title>
  8.  
  9. </head>
  10.  
  11. <style type="text/css">
  12.  
  13. iframe#tumblr_controls {right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.3;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  14.  
  15. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  16.  
  17. body {background:#eee; cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto; }
  18.  
  19. body, a, a:hover {cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), progress;}
  20.  
  21. h1 {font-family: 'cedarville'; Color: #ccc; font-size:18px;margin:0px;padding:0px; margin-bottom:-0px; text-align:right; letter-spacing: 00px;text-transform: normal;}
  22.  
  23. .title {font-family: 'cedarville'; Color: #ccc; font-size:18px;margin:0px;padding:5px; margin-bottom:-0px; text-align:justify; letter-spacing: 00px;}
  24.  
  25.  
  26. b, strong {color: #ccc; text-decoration: none; cursor: help;}
  27. s {color: #696969;cursor: help;}
  28. i {color: #ccc; text-decoration: none;cursor: help;}
  29. u, underline {color: #ccc; text-decoration: none; border-bottom: 1px dashed #000;cursor: help;}
  30.  
  31. a:link,a:active,a:visited { color: #bad6dc; text-decoration: none; -webkit-transition-duration: .50s;}
  32.  
  33. a:hover { color: #000 ;}
  34.  
  35. ::-moz-selection {background: #fff; color: #696969;}
  36. ::selection {background: #fff; color:#696969;}
  37.  
  38. #sidebar {width: auto; background: #cor; float: left; position: fixed; margin-top: 275px; margin-left: 79px; }
  39.  
  40. img {
  41. -webkit-transition-duration: .5s;
  42. }
  43.  
  44. .blockquote {
  45.     border-right: 2px solid #000;
  46.     text-align: right;
  47.     background: #e8e8e8;
  48.     color: #000;
  49.     padding: 5px;
  50. }
  51. img:hover {
  52. -webkit-filter: saturate(50%);
  53.    -moz-filter: saturate(50%);
  54.     -ms-filter: saturate(50%);
  55.      -o-filter: saturate(50%);
  56. filter: saturate(50%);
  57.  
  58. }
  59.  
  60.  
  61. #sidebar:hover {
  62.     background: #cor;
  63.     -webkit-transition-duration: .5s;
  64.     color: #000;}
  65.    
  66.     #sidebar .img {
  67.         background: #fff;
  68.         padding-left: 7px;
  69.          padding-right: 6px;
  70.           padding-top: 7px;
  71.            padding-bottom: 7px;
  72.         -webkit-transition-duration: .5s;
  73.         -webkit-border-radius: 99px;
  74. -moz-border-radius: 99px;
  75. border-radius: 99px;
  76.     }
  77.    
  78.     #sidebar .img:hover {
  79.         background: #000;
  80.         -webkit-border-radius: 0px;
  81. -moz-border-radius: 0px;
  82. border-radius: 0px;
  83.     }
  84.    
  85.     #text {
  86.  width: 140px;
  87.     margin: 0px 0px 0px 915px;
  88.     font-family: 'dixel';
  89.     font-size: 8px;
  90.     color: #fff;
  91.     background: #000;
  92.     height: 120px;
  93.    -webkit-transition-duration: .5s;-webkit-transform:rotate(359deg); -moz-transform:rotate(359deg); transform:rotate(359deg);-webkit-transition-duration: .5s;
  94.    
  95. }
  96.  
  97. #text:hover {
  98.     -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg)}
  99.  
  100. .rammes {width: 44px; height: 46px; padding-top: 3px; padding-left: 2px; float: right; text-align: center; color: #696969; margin: 0; margin-right: -57px; margin-top: 0px; line-height: 12px; font-family: 'dixel'; font-size: 8px; }
  101.  
  102.  
  103.  #bar {
  104. position: fixed;
  105. height: 100%;
  106. width: 150px;
  107. margin: -283px 0px 0px 830px;
  108. transition: all 0.5s ease-out;
  109. -o-transition-transition: all 0.5s ease-out;
  110. -webkit-transition: all 0.5s ease-out;
  111. -moz-transition: all 0.5s ease-out;
  112. background: #000;
  113. font-family: 'dixel';
  114. font-size: 8px;
  115. text-align: center;
  116. color: #fff;
  117. z-index: -1;
  118. }
  119.  
  120.  
  121. #barr {
  122. position: fixed;
  123. height: 150%;
  124. width: 100px;
  125. margin: -383px 0px 0px -5px;
  126. padding: 1px;
  127. transition: all 0.5s ease-out;
  128. -o-transition-transition: all 0.5s ease-out;
  129. -webkit-transition: all 0.5s ease-out;
  130. -moz-transition: all 0.5s ease-out;
  131. background: #fff;
  132. font-family: 'dixel';
  133. font-size: 8px;
  134. text-align: center;
  135. color: #fff;
  136. z-index: -1;
  137. }
  138.  
  139.  
  140.  
  141.  
  142. #bar1 {
  143. position: fixed;
  144. height: auto;
  145. width: 10px;
  146. margin: 78px 0px 0px 0px;
  147. padding: 1px;
  148. transition: all 0.5s ease-out;
  149. -o-transition-transition: all 0.5s ease-out;
  150. -webkit-transition: all 0.5s ease-out;
  151. -moz-transition: all 0.5s ease-out;
  152. background: #000;
  153. font-family: 'dixel';
  154. font-size: 8px;
  155. text-align: center;
  156. color: #fff;
  157. }
  158.  
  159. #bar1:hover {
  160.     padding-bottom: 30px;}
  161.  
  162. #bar2 {
  163. position: fixed;
  164. height: auto;
  165. width: 10px;
  166. margin: 78px 0px 0px 13px;
  167. padding: 1px;
  168. transition: all 0.5s ease-out;
  169. -o-transition-transition: all 0.5s ease-out;
  170. -webkit-transition: all 0.5s ease-out;
  171. -moz-transition: all 0.5s ease-out;
  172. background: #000;
  173. font-family: 'dixel';
  174. font-size: 8px;
  175. text-align: center;
  176. color: #fff;
  177. }
  178.  
  179. #bar2:hover {
  180.     padding-bottom: 30px;}
  181.    
  182.     #bar3 {
  183. position: fixed;
  184. height: auto;
  185. width: 10px;
  186. margin: 78px 0px 0px 26px;
  187. padding: 1px;
  188. transition: all 0.5s ease-out;
  189. -o-transition-transition: all 0.5s ease-out;
  190. -webkit-transition: all 0.5s ease-out;
  191. -moz-transition: all 0.5s ease-out;
  192. background: #000;
  193. font-family: 'dixel';
  194. font-size: 8px;
  195. text-align: center;
  196. color: #fff;
  197. }
  198.  
  199. #bar3:hover {
  200.     padding-bottom: 30px;}
  201.    
  202.     #bar4 {
  203. position: fixed;
  204. height: auto;
  205. width: 10px;
  206. margin: 78px 0px 0px 39px;
  207. padding: 1px;
  208. transition: all 0.5s ease-out;
  209. -o-transition-transition: all 0.5s ease-out;
  210. -webkit-transition: all 0.5s ease-out;
  211. -moz-transition: all 0.5s ease-out;
  212. background: #000;
  213. font-family: 'dixel';
  214. font-size: 8px;
  215. text-align: center;
  216. color: #fff;
  217. }
  218.  
  219. #bar4:hover {
  220.     padding-bottom: 30px;}
  221.    
  222.     #bar5 {
  223. position: fixed;
  224. height: auto;
  225. width: 10px;
  226. margin: 78px 0px 0px 52px;
  227. padding: 1px;
  228. transition: all 0.5s ease-out;
  229. -o-transition-transition: all 0.5s ease-out;
  230. -webkit-transition: all 0.5s ease-out;
  231. -moz-transition: all 0.5s ease-out;
  232. background: #000;
  233. font-family: 'dixel';
  234. font-size: 8px;
  235. text-align: center;
  236. color: #fff;
  237. }
  238.  
  239. #bar5:hover {
  240.     padding-bottom: 30px;}
  241.    
  242.     #bar6 {
  243. position: fixed;
  244. height: auto;
  245. width: 10px;
  246. margin: 78px 0px 0px 65px;
  247. padding: 1px;
  248. transition: all 0.5s ease-out;
  249. -o-transition-transition: all 0.5s ease-out;
  250. -webkit-transition: all 0.5s ease-out;
  251. -moz-transition: all 0.5s ease-out;
  252. background: #000;
  253. font-family: 'dixel';
  254. font-size: 8px;
  255. text-align: center;
  256. color: #fff;
  257. }
  258.  
  259. #bar6:hover {
  260.     padding-bottom: 30px;}
  261.  
  262.  
  263. .box {background:#fcfcfc; width:500px; font-family:'dixel'; font-size:8px; padding:05px; margin-bottom:10px;}
  264.  
  265.  
  266. .chat {background: #fafafa; margin: 0; font-size:8px; font-family: 'dixel';}
  267. .chat .lines {margin-left: 0; background: #fafafa; color:
  268. #ccc; margin-bottom: 1px; padding: 4px 5px 4px 5px;}
  269. .chat .lines span{font-weight: bold;}
  270.  
  271.  
  272. @font-face {
  273. font-family: "jenna";
  274. src: url('http://static.tumblr.com/jdjsstr/W6qm7fotz/simpleronde-regular_1_.ttf');
  275. }
  276.  
  277. @font-face { font-family: "dixel"; src: url('http://static.tumblr.com/jdjsstr/8ovm78cbb/pf_arma_five_1_.ttf'); }
  278. @font-face { font-family: "cedarville"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  279.  
  280. ::-webkit-scrollbar{width:4px;height:4px;}
  281. ::-webkit-scrollbar-button:start:decrement
  282. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  283. ::-webkit-scrollbar-track-piece{background-color:#cor;-webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  284. ::-webkit-scrollbar-thumb:vertical{height:50px; scrollbar-face-color:#000; background-color: #000;-webkit-border-radius:px;}
  285. ::-webkit-scrollbar-thumb:horizontal{width:50px; scrollbar-face-color:#666666; background-color:#000;-webkit-border-radius:px;}
  286.  
  287. #pages {margin-left:160px;height:100%;width:25px;background-color:#000;position:fixed;top:0%;}
  288. #pages a {margin-top:290px;width:25px;text-align:center;color:white;opacity:0.2;font:20px calibri;line-height:150%;position:absolute;}
  289.  
  290. .askhf { text-align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  291.  
  292. .askhf p {margin:1px 0px;}
  293.  
  294. .askhf span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  295.  
  296. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  297.  
  298. .22 { text-align: right; padding: 5px;}
  299. </style>
  300.  
  301. <body>
  302. <div style="position:fixed;">
  303. <div id="sidebar"><a href="/"><img src="{PortraitURL-64}" class='img' align="right"></a>
  304.  <!--- descri��o --->
  305.  
  306.  
  307.  
  308.  <a id="bar1" href="/ask">a<br>s<br>k<br>?</a>
  309.  
  310.   <a id="bar2" href="/tagged/glitter-b0x">t<br>e<br>x<br>t<br>s</a>
  311.  
  312.  <a id="bar3" href="/tagged/fav">f<br>a<br>v<br>s</a>
  313.  
  314.  <a id="bar4" href="http://b-a-c-k-t-o-d-e-c-e-m-b-e-r.tumblr.com">s<br>t<br>u<br>f<br>f</a>
  315.  
  316.   <a id="bar5" href="http://infinitydesigns.tumblr.com">h<br>t<br>m<br>l</a>
  317.  
  318.    <a id="bar6" href="http://s-uicidalgirl.tumblr.com" title="theme por s-uicidalgirl, notes da rammstein diva e estilo de ask de htmlfreaks">t<br>h<br>e<br>m<br>e<br></a>
  319.    
  320.    
  321.  
  322.  <div id="bar"></div><div id="barr"></div>
  323.  
  324.  
  325.  
  326. </div></div></div>
  327.  
  328. <div id="text"><center><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><div style="overflow: auto; auto; height: 200px; margin-top: 2px; position:fixed;">{Description}</div><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><a href="http://musichtml.tumblr">html 2</a> • <a href="/extras">+ links</a> • <a href="http://sobrevivoce.tumblr.com">bitchieri</a> • <a href="http://delusions-of-rocker.tumblr.com">jealous</a> • <a href="not-settling-for-less25.tumblr.com">lindsay <3</a></center></div><br>
  329.  
  330. <div id="pages"><div style="margin-top:340px;position:fixed;text-align:center;width:25px;color:white;font:8px calibri;">{CurrentPage}<hr>{TotalPages}</div>
  331. {block:PreviousPage}<a href="{PreviousPage}">◀</a><br>{/block:PreviousPage}
  332. {block:NextPage}<a href="{NextPage}">▶</a>{/block:NextPage}
  333. </div>
  334.  
  335. <div style="margin-top:-100px; position:relative; margin-left:300px; width:500px;float: left;">
  336. <div id="liuc">
  337.  
  338. {block:Posts}
  339.  
  340. <!----------------------------------- TEXT ------>
  341.  
  342. {block:Text}
  343. <div class="box">
  344. <div class="rammes"> <a href="{ReblogURL}"><img src="http://static.tumblr.com/ssvjggv/Tinmdk1yv/vintage.png"></a> // <a href="{Permalink}">♥</a>
  345. <br>
  346. {DayOfMonth} {ShortMonth} {YEar}
  347. <br>{block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  348. </div>
  349. <h1>{block:Title}{Title}{/block:Title}</h1>
  350.  
  351. <div>{Body}</div>
  352.  
  353.  
  354.    
  355. </div>
  356.  
  357. {/block:Text}
  358.  
  359.  
  360. <!----------------------------------- QUOTE ------>
  361.  
  362. {block:Quote}
  363. <div class="box">
  364. <div class="rammes"> <a href="{ReblogURL}"><img src="http://static.tumblr.com/ssvjggv/Tinmdk1yv/vintage.png"></a> // <a href="{Permalink}">♥</a>
  365. <br>
  366. {DayOfMonth} {ShortMonth} {YEar}
  367. <br>{block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  368. </div>
  369. <h1>{Quote}</h1>
  370. {block:Source}+ {Source}{/block:Source}
  371. <p>
  372.  
  373.      
  374.    
  375. </div>
  376. {/block:Quote}
  377.  
  378. <!----------------------------------- ANSWER ------>
  379.  
  380.  
  381. {block:Answer}
  382. <div class="box">
  383. <div class="rammes"> <a href="{ReblogURL}"><img src="http://static.tumblr.com/ssvjggv/Tinmdk1yv/vintage.png"></a> // <a href="{Permalink}">♥</a>
  384. <br>
  385. {DayOfMonth} {ShortMonth} {YEar}
  386. <br>{block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  387. </div>
  388.  
  389.  
  390. <img src="{AskerPortraitURL-48}" class="askborder">
  391. <div class="askhf"><span></span>{Asker}: {Question}&nbsp;</div><div class="22">{Answer}</div>
  392. </div>
  393. {/block:Answer}
  394.  
  395. <!----------------------------------- PHOTO ------>
  396.  
  397. {block:Photo}
  398.  
  399. <div class="box">
  400. <div class="rammes"> <a href="{ReblogURL}"><img src="http://static.tumblr.com/ssvjggv/Tinmdk1yv/vintage.png"></a> // <a href="{Permalink}">♥</a>
  401. <br>
  402. {DayOfMonth} {ShortMonth} {YEar}
  403. <br>{block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  404. </div>
  405. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  406.  
  407.    
  408.     </div>
  409.  
  410. {/block:Photo}
  411.  
  412.  
  413. <!----------------------------------- CHAT ------>
  414.  
  415. {block:Chat}
  416. <div class="box">
  417. <div class="rammes"> <a href="{ReblogURL}"><img src="http://static.tumblr.com/ssvjggv/Tinmdk1yv/vintage.png"></a> // <a href="{Permalink}">♥</a>
  418. <br>
  419. {DayOfMonth} {ShortMonth} {YEar}
  420. <br>{block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  421. </div>
  422. {block:Lines}
  423. <div class="chat">
  424. <div class="lines">{block:Label}
  425. <span>{Label}</span>
  426. {/block:Label}
  427. {Line}</div></div>
  428. {/block:Lines}
  429.  
  430.      
  431.    
  432. </div>
  433.  
  434. {/block:Chat}
  435.  
  436. <!----------------------------------- AUDIO ------>
  437.  
  438. {block:Audio}
  439. <div class="box">
  440. <div class="rammes"> <a href="{ReblogURL}"><img src="http://static.tumblr.com/ssvjggv/Tinmdk1yv/vintage.png"></a> // <a href="{Permalink}">♥</a>
  441. <br>
  442. {DayOfMonth} {ShortMonth} {YEar}
  443. <br>{block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  444. </div>
  445. <div style="float:right; margin-top: 4px;"><i> {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">Download</a>){/block:ExternalAudio}</div>
  446. <center>{AudioPlayerWhite}</center>
  447. {block:Caption}{Caption}{/block:Caption}
  448.    
  449.  
  450.    
  451.    
  452. </div>
  453.  
  454. {/block:Audio}
  455.  
  456. <!----------------------------------- VIDEO ------>
  457.  
  458.  
  459. {block:Video}
  460. <div class="box">
  461. <div class="rammes"> <a href="{ReblogURL}"><img src="http://static.tumblr.com/ssvjggv/Tinmdk1yv/vintage.png"></a> // <a href="{Permalink}">♥</a>
  462. <br>
  463. {DayOfMonth} {ShortMonth} {YEar}
  464. <br>{block:HasTags} {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
  465. </div>
  466. <center>{Video-500}</center>
  467. {block:Caption}{Caption}{/block:Caption}<br>
  468.  
  469.      
  470.    
  471. </div>
  472.  
  473. {/block:Video}
  474.  
  475.  
  476. {/block:Posts}
  477.  
  478.  
  479.    
  480.  
  481.  
  482. </div></div></div></div></div></div></div></div>
  483.  
  484.  
  485.  
  486.  
  487. </body>
  488. </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!