API tools faq
paste
loltexas

eight

loltexas
Aug 12th, 2012
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.97 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3. <link href='http://fonts.googleapis.com/css?family=Comfortaa' rel='stylesheet' type='text/css'>
  4. <link href='http://fonts.googleapis.com/css?family=Calligraffitti' rel='stylesheet' type='text/css'>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6. <meta name="color:background" content="#fff"/>
  7. <meta name="color:text" content="#000"/>
  8. <meta name="color:title" content="#000"/>
  9. <meta name="color:link" content="#777"/>
  10. <meta name="color:hover" content="#fff"/>
  11. <meta name="color:linkbar" content="#eee">
  12. <meta name="color:scrollbar" content="#000"/>
  13. <meta name="image:sidebar" content="1"/>
  14. <meta name="image:background" content=""/>
  15. <meta name="text:link one" content="" />
  16. <meta name="text:link two" content="" />
  17. <meta name="text:title1" content=""/>
  18. <meta name="text:title2" content=""/>
  19.  
  20. <title>{title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <style type="text/css">
  23.  
  24.  
  25. @font-face {
  26. font-family: 'Short Stack';
  27. font-style: normal;
  28. font-weight: 400;
  29. src: local('Short Stack'), local('ShortStack'), url('http://themes.googleusercontent.com/static/fonts/shortstack/v3/6Lbgh4PDdLpSiP41rQoGa4bN6UDyHWBl620a-IRfuBk.woff') format('woff');
  30. }
  31.  
  32. @font-face { font-family: "that one thing"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  33.  
  34. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  35.  
  36. ::-webkit-scrollbar {width: 4px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  37.  
  38. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-left: 1px solid;}
  39.  
  40.  
  41. /*** ask ***/
  42. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  43. .bubble p {margin:1px 0px;}
  44. .bubble span {width: 500px; display:block;position:absolute;width:1px;height:1px;font-size: 11;line-height: 12px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  45.  
  46. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #aaa}
  47. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  48. iframe#tumblr_controls{position:fixed !important;}
  49.  
  50. body {
  51. margin:0px;
  52. background-color: {color:Background};
  53. background-image:url({image:Background});
  54. background-attachment: fixed;
  55. background-repeat: repeat;}
  56. body, div, p, textarea, submit, input{
  57. font-family:'Short Stack';
  58. font-size: 12px;
  59. color:{color:Text};
  60. }
  61.  
  62. p {
  63. margin:0px;
  64. margin-top:0px;
  65. }
  66.  
  67.  
  68. a:link, a:active, a:visited{
  69. color: {color:Link};
  70. text-decoration: none;
  71. }
  72.  
  73. a:hover {
  74. color:{color:Hover};
  75. -webkit-transition: 0.4s ease-in;
  76. -o-transition: 0.4s ease-in;
  77. -moz-transition: 0.4s ease-in;
  78. transition: 0.4s ease-in;
  79. text-shadow:0px 0px 4px #000;
  80. }
  81.  
  82.  
  83. div#cage{
  84. margin:auto;
  85. position:relative;
  86. width:750px;
  87. overflow:hidden;
  88. color: {color:Title};
  89. }
  90.  
  91.  
  92. div#center{
  93. margin:auto;
  94. position:relative;
  95. width:740px;
  96. background-color:;
  97. overflow:auto;
  98. overflow-y:hidden;
  99. }
  100.  
  101. div#content{
  102. float:right;
  103. width:460px;
  104. padding-bottom:1px;
  105. padding:1px;
  106. background: transparent;
  107. margin-top: 2px;
  108. margin-right: 98px;
  109. margin-left: 1px;
  110. }
  111.  
  112. div#sidebar{
  113. position:fixed !important;
  114. width: 225px;
  115. height: auto;
  116. margin-left:-60px;
  117. margin-top: 45px;
  118. background: transparent;
  119. text-align: center;
  120. }
  121.  
  122. div#entry{
  123. float:left;
  124. margin-top: 2px;
  125. margin-bottom: 2px;
  126. margin-right: 0px;
  127. margin-left: 1px;
  128. margin-top:0px;
  129. background: transparent;
  130. }
  131.  
  132. #entry .reblog{
  133. overflow:hidden;
  134. position: absolute;
  135. width: 50px;
  136. height: 15px;
  137. padding-top:2px;
  138. background: white;
  139. font-family: "that one thing";
  140. text-transform: uppercase;
  141. font-size: 11px;
  142. line-height:11px;
  143. text-align:center;
  144. opacity:0.0;
  145. -webkit-transition: all 0.3s linear;
  146. -webkit-transition: all 0.3s linear;
  147. -moz-transition: all 0.3s linear;
  148. transition: all 0.3s linear;
  149. border-bottom-right-radius:10px;
  150. border-top-right-radius:0px;
  151. border-top-left-radius:0px;
  152. border-bottom-left-radius:10px;
  153. }
  154.  
  155. #entry:hover .reblog{
  156. float: bottom;
  157. overflow:visible;
  158. width: 50px;
  159. height: 15px;
  160. margin-top:0px;
  161. margin-left:5px;
  162. border-bottom-right-radius:10px;
  163. border-top-right-radius:0px;
  164. border-top-left-radius:0px;
  165. border-bottom-left-radius:10px;
  166. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  167. -webkit-transition: all 0.3s linear;
  168. -moz-transition: all 0.3s linear;
  169. transition: all 0.3s linear;
  170. }
  171.  
  172. #entry:hover .reblog:hover{
  173. opacity: 0.9;
  174. height: 15px;
  175. margin-left: 5px;
  176. padding-top: 15px;
  177. }
  178.  
  179. #entry .notes{
  180. overflow:hidden;
  181. position: absolute;
  182. width: auto;
  183. height: 15px;
  184. padding-top: 2px;
  185. padding-left: 5px;
  186. padding-right: 5px;
  187. background: white;
  188. font-family:"that one thing";
  189. text-transform: lowercase;
  190. font-size: 11px;
  191. line-height:8px;
  192. text-align:center;
  193. opacity:0.0;
  194. -webkit-transition: all 0.3s linear;
  195. -webkit-transition: all 0.3s linear;
  196. -moz-transition: all 0.3s linear;
  197. transition: all 0.3s linear;
  198. border-bottom-right-radius:10px;
  199. border-top-right-radius:0px;
  200. border-top-left-radius:0px;
  201. border-bottom-left-radius:10px;
  202. }
  203.  
  204. #entry:hover .notes{
  205. float: bottom;
  206. overflow:visible;
  207. width: auto;
  208. height: 15px;
  209. margin-top:0px;
  210. margin-left:60px;
  211. border-bottom-right-radius:10px;
  212. border-top-right-radius:0px;
  213. border-top-left-radius:0px;
  214. border-bottom-left-radius:10px;
  215. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  216. -webkit-transition: all 0.4s linear;
  217. -moz-transition: all 0.4s linear;
  218. transition: all 0.4s linear;
  219. }
  220.  
  221.  
  222. #entry:hover .notes:hover{
  223. opacity: 0.9;
  224. height: 20px;
  225. margin-left: 60px;
  226. padding-top: 10px;
  227. }
  228.  
  229. .title{
  230. font-family: Calligraffitti;
  231. font-size: 19px;
  232. line-height: 15px;
  233. color: {color:Title};
  234. letter-spacing: 0px;
  235. font-weight: normal;
  236. padding:0px 0px 0px 0px;
  237. }
  238.  
  239.  
  240. .blogtitle{
  241. font-family: "dawning";
  242. font-size: 20px;
  243. line-height: 25px;
  244. color: {color:Title};
  245. letter-spacing: 0px;
  246. font-weight: normal;
  247. padding:0px 0px 0px 0px;
  248. }
  249.  
  250. .blogtitle{
  251. font-family: "beauty";
  252. text-shadow: 0px 2px 3px #D4CCCD;
  253. font-size: 18px;
  254. letter-spacing: 0px;
  255. line-height: -99px;
  256. font-weight: normal;
  257. margin-top: 80px;
  258. margin-left: -10px;
  259. text-align:center;
  260. color: #2e2929; }
  261.  
  262. @font-face{font-family: 'pixel';src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff');}
  263.  
  264. div#taty{
  265. position:fixed !important;
  266. opacity: 1.0;
  267. color: black;
  268. margin-top: -30px;
  269. padding-top: 1px;
  270. height: auto;
  271. width: 290px;
  272. text-align: center;
  273. background-color: transparent;
  274. margin-left: -33px;
  275. font-family: pixel;
  276. font-size: 8px;
  277. line-height: 2px;
  278. border: px solid #aaa !important;
  279. -webkit-transition: opacity 0.5s linear;
  280. -webkit-transition: all 0.5s linear;
  281. -moz-transition: all 0.5s linear;
  282. transition: all 0.5s linear;
  283. border-bottom-right-radius:0px;
  284. border-bottom-left-radius:0px;
  285. border-top-right-radius:0px;
  286. border-top-left-radius:0px;
  287. }
  288.  
  289. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  290.  
  291.  
  292. #taty:hover{
  293. opacity: 1.0;
  294. transition: all 0.9s ease-out;
  295. -o-transition-transition: all 0.9s ease-out;
  296. -webkit-transition: all 0.9s ease-out;
  297. -moz-transition: all 0.9s ease-out;
  298. border-bottom-right-radius:0px;
  299. border-bottom-left-radius:px;
  300. border-top-right-radius:0px;
  301. border-top-left-radius:0px;
  302. }
  303.  
  304.  
  305. .permalink{
  306. font-family:"that one thing";
  307. width: 500px;
  308. font-size: 11px;
  309. line-height:11px;
  310. letter-spacing:1px;
  311. display: block;
  312. text-align: right;
  313. }
  314.  
  315. #postnotes{
  316. text-align: justify;}
  317.  
  318. #postnotes blockquote{
  319. border: 0px;}
  320.  
  321. div#linkbar{
  322. position: fixed;
  323. padding: 0px;
  324. height:15px;
  325. width:225px;
  326. opacity: .7;
  327. float:left;
  328. position:fixed;
  329. margin-left: 0px;
  330. top: 246px;
  331. border: 1px solid #fff;
  332. border-left: 0px;
  333. background: {color:linkbar};
  334. }
  335.  
  336. #linkbar:hover {
  337. opacity:.9;
  338. border-top-right-radius:0px;
  339. transition: all 0.5s ease-out;
  340. -o-transition-transition: all 0.5s ease-out;
  341. -webkit-transition: all 0.5s ease-out;
  342. -moz-transition: all 0.5s ease-out;
  343. }
  344.  
  345. div#link1{
  346. position: fixed;
  347. margin-left: 16px;
  348. top: 249px;
  349. }
  350.  
  351. div#link2{
  352. position: fixed;
  353. margin-left: 40px;
  354. top: 250px;
  355. }
  356.  
  357. div#link3{
  358. position: fixed;
  359. margin-left: 65px;
  360. top: 250px;
  361. }
  362.  
  363. div#link4{
  364. position: fixed;
  365. margin-left: 90px;
  366. top: 251px;
  367. }
  368.  
  369.  
  370. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  371.  
  372. blockquote{
  373. padding:0px 0px 2px 5px;
  374. margin:0px 0px 2px 1px;
  375. border-left: 1px dotted #555555;
  376. }
  377.  
  378. blockquote p, ul{
  379. margin:0px;
  380. padding:0px;
  381. }
  382.  
  383. #questions a {color:{color:link}; font family:"that one thing"; font size: 10px;}
  384. a img{border: 0px;}
  385.  
  386. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  387.  
  388. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  389. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  390.  
  391. .notes img{width:10px; position:relative; top:3px;}
  392.  
  393. small{font-size: 90%;}
  394.  
  395.  
  396. div#desc{
  397. position:fixed !important;
  398. opacity: .7;
  399. width: 223px;
  400. height: 50px;
  401. padding-bottom: 4px;
  402. font color: #000;
  403. padding-top:4px;
  404. margin-top: 0px;
  405. margin-left: 0px;
  406. font-size: 8px;
  407. border: 1px solid #aaa;
  408. background-color: white;
  409. font-family: short stack;
  410. text-align: left;
  411. overflow:auto;
  412. border: 1px solid #ddd;
  413. transition: all 0.5s ease-out;
  414. -o-transition-transition: all 0.5s ease-out;
  415. -webkit-transition: all 0.5s ease-out;
  416. -moz-transition: all 0.5s ease-out;
  417. }
  418. #desc:hover {
  419. opacity:.7;
  420. border-top-right-radius:0px;
  421. border-bottom-right-radius:0px;
  422. border-top-left-radius:0px;
  423. border-bottom-left-radius:0px;
  424. transition: all 0.5s ease-out;
  425. -o-transition-transition: all 0.5s ease-out;
  426. -webkit-transition: all 0.5s ease-out;
  427. -moz-transition: all 0.5s ease-out;
  428. }
  429.  
  430.  
  431. </style>
  432.  
  433.  
  434. <link rel="shortcut icon" href="{favicon}">
  435. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  436. <meta name="viewport" content="width=820" />
  437.  
  438. </head>
  439. <body>
  440. <div id="cage">
  441. <div id="center">
  442. <div id="sidebar">
  443. <div id="taty"><center><span class="blogtitle">{text:title1}</center><center>
  444. {text:title2}
  445. </div>
  446.  
  447. <center>
  448. <div id="linkbar">
  449. <div id="link1"><a href="/"><img src="http://i.imgur.com/3a9eb.png" align="center"></a></a></div>
  450. <div id="link2"><a href="/ask"><img src="http://i.imgur.com/jue8h.png" align="center"></a></div>
  451. <div id="link3"><a href="{text:link one}"><img src="http://i.imgur.com/8jZZ0.png" align="center"></a></div>
  452. <div id="link4"><a href="{text:link two}"><img src="http://i.imgur.com/XAHpo.png" align="center"></a></div>
  453. </div>
  454.  
  455. <a href="/"><img src="{image:sidebar}"width=225px></a>
  456. <div id="desc">{Description}<br>
  457. </div>
  458. </div>
  459.  
  460. <div id="content">
  461. {block:Posts}
  462. <div id="entry">
  463.  
  464. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><span class="permalink"><a href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{timeago} ☮ {notecountwithoutlabel}</a></a><br>{/block:HasTags}</span>
  465. {/block:text}
  466.  
  467. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}<span class="permalink"><a href="{Permalink}">{timeago} ☮ {notecountwithoutlabel}</a>{/block:link}
  468.  
  469.  
  470. {block:Photo}
  471. {block:IndexPage}
  472. <div class="reblog">
  473. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  474. <div class="notes">
  475. <a href="{permalink}">{notecount}</a></div>
  476. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/></a>
  477. {/block:IndexPage}
  478. {block:PermalinkPage}
  479. {LinkOpenTag}
  480. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>
  481. {LinkCloseTag}
  482. {/block:PermalinkPage}
  483. {/block:Photo}
  484.  
  485. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer} <p align=right><a href="{Permalink}">{notecountwithoutlabel}</a></font></a></align>{/block:Answer}
  486.  
  487.  
  488. {block:Quote}
  489. <span class="title">{Quote}</span>
  490. {block:Source}{Source}{/block:Source}
  491. {/block:Quote}
  492.  
  493. {block:Chat}
  494. {block:Title}<span class="title">{Title}</span>{/block:Title}
  495. <ul class="chat">
  496. {block:Lines}
  497. <li class="user_{UserNumber}">
  498. {block:Label}
  499. <span class="label">{Label}</span>
  500. {/block:Label}
  501.  
  502. {Line}
  503. </li>
  504. {/block:Lines}
  505. </ul>
  506.  
  507. {/block:Chat}
  508.  
  509.  
  510. {block:Audio}
  511. <center><div style="width:195px; height:20px;"><div
  512.  
  513. style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px;
  514.  
  515. float:bottom;"><small>
  516. {FormattedPlayCount} plays {block:ExternalAudio} // <a
  517.  
  518. href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}
  519.  
  520. </small></div></div></centeR><BR>
  521. {block:permalinkpage}{block:caption}{caption}{/block:caption}{/block:permalinkpage}
  522. {/block:Audio}
  523.  
  524.  
  525. {block:Video}<center>
  526. <div class="video">{Video-410}</div></center><div align="right"><a href="{Permalink}"><span style="font-size: 11px;">+</span></a></div>
  527. {block:Video}
  528.  
  529.  
  530.  
  531. {block:PostNotes}<div align="middle">{caption}</div>
  532. <center>
  533.  
  534. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  535.  
  536. {block:HasTags}
  537. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  538. {block:RebloggedFrom}
  539. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  540. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  541.  
  542. {/block:RebloggedFrom}
  543. </center></span>
  544. <br>
  545. <div id="postnotes">{PostNotes}</div><br>
  546.  
  547. <center>{block:ContentSource}
  548. <br><a href="{SourceURL}">
  549. {lang:Source}:
  550. {block:SourceLogo}
  551. <img src="{BlackLogoURL}" width="{LogoWidth}"
  552. height="{LogoHeight}" alt="{SourceTitle}" />
  553. {/block:SourceLogo}
  554. {block:NoSourceLogo}
  555. {SourceLink}
  556. {/block:NoSourceLogo}
  557. </a>
  558. {/block:ContentSource}</center>
  559.  
  560. {/block:PostNotes}
  561. </div>
  562. {/block:Posts}
  563. </div></div>
  564.  
  565. </div>
  566. </body>
  567. <div style="padding: 5px; position: fixed; bottom: 0px; font-size: 15px; left: 0px; text-transform:lowercase; background: transparent; color: {color:link};"><a href="http://queenbrands.tumblr.com/"><small style="{color:link};">©</small></a></div>
  568. </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!