Advertisement
nofacesface

Nick: The Airbender

May 5th, 2013
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.58 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta name="color:Title" content="#000"/>
  6. <meta name="color:Link" content="#000"/>
  7. <meta name="color:Hover" content="#7dceeb"/>
  8. <meta name="color:Background" content="#e4f7fd"/>
  9. <meta name="color:Desc" content="#000000" />
  10. <meta name="color:Text" content="#000" />
  11. <meta name="color:PostText" content="#000" />
  12. <meta name="color:Descbg" content="#fff" />
  13.  
  14. <meta name="image:sidebar1" content="http://static.tumblr.com/cbjpgjf/d3emmcaqq/aang_la___giant_by_juanito316ss-d4q510j.gif"/>
  15. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/gdWmmcapy/aangarrow.gif" />
  16. <meta name="image:top border" content="http://static.tumblr.com/cbjpgjf/g0immcas1/untitled-3.gif" />
  17.  
  18. <meta name="text:Link 1" content="/ask"/>
  19. <meta name="text:Link 1 Title" content="mssg"/>
  20. <meta name="text:Link 2" content="/" />
  21. <meta name="text:Link 2 Title" content="link1"/>
  22. <meta name="text:Link 3" content="/" />
  23. <meta name="text:Link 3 Title" content="link2"/>
  24. <meta name="text:Link 4" content="" />
  25. <meta name="text:Link 4 Title" content="link3"/>
  26.  
  27. <meta name="text:subtitle" content="wut wut"/>
  28.  
  29. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name="description"
  30. content="{MetaDescription}" />{/block:Description}
  31. <link rel="shortcut icon" href="{Favicon}">
  32.  
  33. <script type="text/javascript">
  34. // Glowing Rainbow Text - Generated @ clcrk.com //
  35. var speed=100;
  36. var glow=3;
  37. var raincol=new Array("#00FFFF", "#00D5FF", "#00A1BA", "#0099FF", "#00FFFF", "#00A1BA", "#00FFFF", "#00D5FF", "#00A1BA", "#0099FF", "#00FFFF", "#00D5FF");
  38. var alink="";
  39. </script>
  40. <script src="http://static.tumblr.com/dsgmzbc/ujkml2y5c/glowingrainbow.js"></script>
  41.  
  42. <style type="text/css">
  43.  
  44.  
  45. ::-webkit-scrollbar {width: 5px;height:5px;background:#FFF;}
  46. ::-webkit-scrollbar-thumb {background:{color:Hover};}
  47.  
  48.  
  49.  
  50. /* GENERAL */
  51.  
  52. a {color:;text-decoration:none;-webkit-tra… all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  53.  
  54. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  55.  
  56. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  57.  
  58. #biter
  59.  
  60. #bite a {display:block}
  61.  
  62. #bite .death {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  63.  
  64. #bite:hover .death {margin-top:0px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  65.  
  66. @font-face {
  67. font-family: "rs";
  68. src: url('http://static.tumblr.com/cbjpgjf/1Otmm7d3u/pf_ronda_seven.ttf');
  69. }
  70.  
  71. @font-face {
  72. font-family: "blake2";
  73. src: url('http://static.tumblr.com/cbjpgjf/1Otmm7d3u/pf_ronda_seven.ttf');
  74. }
  75.  
  76. body{
  77. margin:0px;
  78. font-family: rs;
  79. font-size: 9px;
  80. line-height: 12px;
  81. color: {color:text};;
  82. }
  83.  
  84.  
  85.  
  86. body {
  87. background-color: {color:Background};
  88.  
  89. background-image: url({image:Background});
  90. margin: 0;
  91. word-wrap: break-word;
  92. background-attachment: fixed;
  93.  
  94. }
  95.  
  96.  
  97. a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
  98. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  99. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  100.  
  101. a:hover{color:{color:Hover};}
  102.  
  103. /* POSTS */
  104.  
  105. #center{margin:auto;position:relative;width:400px;}
  106. #content{width:400px;margin:20px -250px;}
  107. #entry{margin:50px;width:400px;background-color: #fff; border: 1px solid #000; padding: 8px;}
  108. #entry img{max-width:100%;}
  109.  
  110. /* SIDEBAR */
  111.  
  112. #sidebar {
  113. position:fixed;
  114. width:200px;
  115. text-align:center;
  116. margin:-35px -450px;}
  117.  
  118. .image1 img {width:100%;}
  119. .image1{margin:6px;}
  120.  
  121.  
  122. .links a {
  123. font-family: rs;
  124. font-size: 8px;
  125. text-decoration:none;
  126. text-transform: bold;
  127. padding: -1px;
  128. text-align: center;
  129. color: {color: Link};
  130.  
  131.  
  132. }
  133.  
  134. .links a:hover {
  135. text-decoration: none;
  136. color: {color: Hover};
  137. }
  138.  
  139. .links a:visited {
  140. color:#000;
  141. }
  142.  
  143. .links {display:block;text-align:center}
  144.  
  145.  
  146. .desc {text-align:center;
  147. background-color: {color:descbg}; border: 1px dotted #000;
  148. border-top:2px dotted #000;
  149. padding:3px 10px;
  150. font-size: 8px;
  151. color: {color:desc};}
  152.  
  153. /* TITLES */
  154.  
  155. .title a{color:{color:Title};}
  156. .title {font-family:blake2;
  157. font-size:12px;
  158. font-style:none;
  159. margin:0px 5px 0px 0px;
  160. color:{color:PostText};}
  161.  
  162. .blogtitle {
  163. font-size:30px;
  164. line-height:18px;
  165. font-family:blake2;
  166. color:#000;
  167. padding: 6px;}
  168.  
  169. .subtitle{
  170. font-family:rs;
  171. font-size:25px;
  172. line-height:30px;
  173. text-transform: none;
  174. margin-top:-220px;
  175. margin-left: 700px;}
  176.  
  177. .quote {
  178. padding:10px;
  179. font-size:9px;
  180. text-transform:none;
  181. color: {color:Text};}
  182.  
  183. .source {
  184. font-size: 8px;
  185. text-align:right;
  186. font-style:none;
  187. font-weight:none;
  188. text-transform:none;}
  189.  
  190. .answer {margin:10px;}
  191.  
  192. /* PERMALINKS */
  193.  
  194. .p {
  195. padding:2px;
  196. margin-top:5px;
  197. font-size:8px;
  198. line-height:10px;
  199. text-align:right;
  200. letter-spacing:1px;
  201. text-transform:none;}
  202.  
  203. .t {
  204. padding:2px 5px;
  205. font-size:8px;
  206. line-height:10px;
  207. text-align: left;
  208. font-style:italic;
  209. border-top: 1px dotted #000;}
  210.  
  211. .t a{padding:0px 3px;}
  212.  
  213. #c img{width:60%;}
  214. #c{position:fixed;right:-20px;bottom:10px;font-family:rs;}
  215.  
  216. /* AUDIO */
  217.  
  218. .artcover {position:absolute;}
  219. .artcover img {width:70px;height:70px;float:left;}
  220. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  221. .audioinfo {margin-left:75px;border-left:2px solid #CCC;padding:5px;}
  222. .i{display:block;padding:6px 3px;line-height:8px;}
  223. .player{position:absolute;background:#FFF;width:30px;height:30px;
  224. opacity:0.45;padding:20px;overflow:hidden;
  225. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  226. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  227. .player:hover{opacity:0.75;}
  228.  
  229. /* TEXT */
  230.  
  231. i, em{color:{color:Title};}
  232. b, strong{color:{color:Title};}
  233. ul,ol{margin:0px;margin-left:-10px;}
  234. p{padding:0px;margin:10px;}
  235. u{text-decoration:none;color:{color:Title};
  236. border-bottom:1px dotted {color:Title};}
  237. blockquote {margin:2px; margin-left:10px;
  238. padding:2px;border-left:2px solid #CCC;}
  239.  
  240. /* MISC */
  241.  
  242. .l .odd{display:block;padding:5px 5px;}
  243. .l .even{display:block;background:#F7F7F7;padding:5px 5px;}
  244.  
  245. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  246. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  247. border-radius:10px;border-top-left-radius:0px;background:#000;}
  248.  
  249. ::selection {color: {color:Hover};}
  250. ::-moz-selection {color: {color:Hover};}
  251. ::-webkit-selection{color: {color:Hover};}
  252.  
  253. img{ margin-bottom:-3px;}
  254.  
  255. /* POSTNOTES */
  256.  
  257. ol.notes a{letter-spacing:1px;}
  258. ol.notes {
  259. list-style:none;
  260. font-size:8px;
  261. margin-top:20px;
  262. text-transform:none;}
  263.  
  264. ol.notes li.note img.avatar {
  265. vertical-align:-5px;
  266. margin-right:5px;
  267. width:20px;
  268. padding:4px;
  269. border:1px solid #EEE;}
  270.  
  271. ol.notes li.note {margin:5px 0px 10px -20px;}
  272. ol.notes li.note span.action {font-style: normal;}
  273. ol.notes li.note .answer_content {font-weight: normal;}
  274. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  275.  
  276. #topborder {
  277. width:100%;
  278. height:100px;
  279. background: url('{image:top border}') top fixed repeat-x;
  280. position:fixed;
  281. opacity: 1;
  282. }
  283.  
  284. </style>
  285. </head>
  286. <body>
  287.  
  288. <div id="topborder"></div>
  289. <div id="wrapper">
  290. <br><br><br>
  291.  
  292. <div id="center">
  293. <div id="sidebar">
  294.  
  295. <div id="bite">
  296. <h4><center><div class="image1"><a href="/"><img src="{image:Sidebar1}"></a></div></center></h4>
  297.  
  298. <div class="death">
  299. <div align="center">
  300.  
  301. <div class="blogtitle"><a href="/"><span id="rainbow">{Title}</span></div>
  302.  
  303. <div class="links">
  304.  
  305. {block:PreviousPage}<b><a href="{PreviousPage}">prev</a></b>
  306. &middot; {/block:PreviousPage}
  307. {block:ifLink1}
  308. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  309. {/block:ifLink1}{block:ifLink2}
  310. &middot; <a href="{text:Link 2}">{text:Link 2 Title}</a>
  311. {/block:ifLink2}{block:ifLink3}
  312. &middot; <a href="{text:Link 3}">{text:Link 3 Title}</a>
  313. {/block:ifLink3}{block:ifLink4}
  314. &middot; <a href="{text:Link 4}">{text:Link 4 Title}</a>
  315. {/block:ifLink4}{block:NextPage}
  316. &middot; <b><a href="{NextPage}">next</a></b>{/block:NextPage}
  317. </div>
  318.  
  319. <div class="desc">{Description}</div>
  320.  
  321. </div>
  322. </div>
  323. </div>
  324.  
  325. <div class="subtitle">{text:subtitle}</div>
  326.  
  327.  
  328. </div>
  329.  
  330.  
  331. <div id="content">
  332. {block:Posts}
  333.  
  334. {block:ContentSource}
  335. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  336. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  337. {/block:SourceLogo}
  338. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  339. {/block:ContentSource}
  340.  
  341. <div id="entry">
  342.  
  343. {block:Text}
  344. <div class="title">{Title}</div>{Body}
  345. {/block:Text}
  346.  
  347. {block:Link}
  348. <a href="{URL}"><span class="title">{Name} &raquo;</span></a>
  349. {block:Description}{Description}{/block:Description}
  350. {/block:Link}
  351.  
  352. {block:Photo}
  353. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  354. {block:Caption}{Caption}{/block:Caption}
  355. {/block:Photo}
  356.  
  357. {block:Photoset}
  358. {Photoset-400}
  359. {block:Caption}{Caption}{/block:Caption}
  360. {/block:Photoset}
  361.  
  362. {block:Quote}
  363. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  364. {/block:Quote}
  365.  
  366. {block:Chat}
  367. <div class="title">{Title}</div>{block:Lines}
  368. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  369. {block:Label}<b>{Label} </b>{/block:Label}
  370. {Line}</div></div>{/block:Lines}
  371. {/block:Chat}
  372.  
  373. {block:Audio}
  374. {block:AlbumArt}
  375. <div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  376. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  377. <div class="audioinfo">
  378. <div class="i"><b>TITLE:</b>
  379. <span{block:TrackName} style="display:none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
  380.  
  381. <div class="i"><b>ARTIST:</b>
  382. <span{block:Artist} style="display:none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  383.  
  384. <div class="i"><b>PLAYS:</b>
  385. <span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  386. {/block:Audio}
  387.  
  388. {block:Video}
  389. {Video-400}
  390. {block:Caption}{Caption}{/block:Caption}
  391. {/block:Video}
  392.  
  393. {block:Answer}
  394. <div class="quote">{Question} → <b>{Asker}</b></div>
  395. <div class="answer">{Answer}</div>
  396. {/block:Answer}
  397.  
  398. <div class="p">
  399. posted <a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}
  400. {block:RebloggedFrom} /
  401. <a href="{ReblogParentURL}">via</a>
  402. {block:ContentSource} &middot;
  403. <a href="{ReblogRootURL}">source</a>
  404. {/block:ContentSource}{/block:RebloggedFrom} &middot; <a href="{ReblogURL}" target="_blank">reblog</a></div> <div id="tags"><center></div>
  405.  
  406. {block:HasTags}<div class="t">
  407. {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  408. </div>{/block:HasTags}
  409.  
  410. {block:PostNotes}{PostNotes}{/block:PostNotes}
  411.  
  412. </div>
  413. {/block:Posts}
  414.  
  415. </div>
  416.  
  417. <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur835.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/11/10/small-cute-pink-grey-outline-pointer.html" target="_blank" title="Small Cute Pink Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Cute Pink Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
  418.  
  419. <div id="c">
  420. <a title="credit" href="http://no-faces-face.tumblr.com">
  421. <img src="http://static.tumblr.com/cbjpgjf/lrmmmagkv/lkayimdonefgh.gif"></a>
  422. </div>
  423.  
  424.  
  425.  
  426. </body>
  427. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement