API tools faq
paste
loltexas

two

loltexas
Aug 10th, 2012
149
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.52 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2. <head>
  3.  
  4. <script type="text/javascript"
  5. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <meta name="color:background" content="#fff"/>
  8. <meta name="color:text" content="#000"/>
  9. <meta name="color:title" content="#000"/>
  10. <meta name="color:link" content="#777"/>
  11. <meta name="color:hover" content="#fff"/>
  12. <meta name="color:scrollbar" content="#000">
  13. <meta name="color:Sidebar Title" content="#717171"/>
  14. <meta name="color:Sidebar Title First Letter" content="#dddddd"/>
  15. <meta name="text:Sidebar Title" content="isn't she lovely?"/>
  16. <meta name="text:link one" content="" />
  17. <meta name="text:link one title" content="" />
  18. <meta name="text:link two" content="" />
  19. <meta name="text:link two title" content="" />
  20. <meta name="image:sidebar" content="http://24.media.tumblr.com/tumblr_m7zx2saaIS1rc44zao1_500.jpg"/>
  21. <meta name="image:Background" content=""/>
  22.  
  23. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. <style type="text/css">
  26.  
  27. body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}
  28.  
  29. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  30.  
  31. 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;}
  32.  
  33. ::-webkit-scrollbar {width: 5px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  34.  
  35. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-left: 0px solid; }
  36.  
  37. /*** ask ***/
  38. .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;}
  39. .bubble p {margin:1px 0px;}
  40. .bubble span {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;}
  41.  
  42. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #aaa}
  43. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  44. iframe#tumblr_controls{position:fixed !important;}
  45.  
  46. @font-face { font-family: "that one thing"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  47.  
  48. body {
  49. margin:0px;
  50. background-color: {color:Background};
  51. background-image:url({image:Background});
  52. background-attachment: fixed;
  53. background-repeat: repeat;}
  54. body, div, p, textarea, submit, input{
  55. font-family:"that one thing";
  56. font-size: 12px;
  57. color:{color:Text};
  58. }
  59.  
  60. p {
  61. margin:0px;
  62. margin-top:0px;
  63. }
  64.  
  65.  
  66. a:link, a:active, a:visited{
  67. color: {color:Link};
  68. text-decoration: none;
  69. }
  70.  
  71. a:hover {
  72. color:{color:Hover};
  73. text-shadow: 1px 1px 2px;
  74. transition: all 0.5s ease-out;
  75. -o-transitiontransition: all 1.5s ease-out;
  76. -webkit-transition: all 0.5s ease-out; -moz-transition: all 1.5s ease-out;
  77. }
  78.  
  79.  
  80.  
  81. div#cage{
  82. margin:auto;
  83. position:relative;
  84. width:750px;
  85. overflow:hidden;
  86. color: {color:Title};
  87. }
  88.  
  89.  
  90. div#center{
  91. margin:auto;
  92. position:relative;
  93. width:740px;
  94. background-color:;
  95. overflow:auto;
  96. overflow-y:hidden;
  97. }
  98.  
  99. div#content{
  100. float:right;
  101. width:460px;
  102. padding-bottom:1px;
  103. padding:1px;
  104. background: transparent;
  105. margin-top: 2px;
  106. margin-right: 98px;
  107. margin-left: 1px;
  108. }
  109.  
  110. div#sidebar{
  111. position:fixed !important;
  112. width: 300px;
  113. height: auto;
  114. margin-left:-150px;
  115. margin-top: 50px;
  116. background: transparent;
  117. text-align: center;
  118. }
  119.  
  120. #sidebarimg {
  121. background: white;
  122. }
  123.  
  124. div#entry{
  125. float:left;
  126. margin-top: 2px;
  127. margin-bottom: 2px;
  128. margin-right: 0px;
  129. margin-left: 1px;
  130. margin-top:0px;
  131. background: transparent;
  132. }
  133.  
  134. #entry .reblog{
  135. overflow:hidden;
  136. position: absolute;
  137. width: 50px;
  138. height: 15px;
  139. padding-top:2px;
  140. background: white;
  141. font-family: "that one thing";
  142. text-transform: uppercase;
  143. font-size: 11px;
  144. line-height:11px;
  145. text-align:center;
  146. opacity:0.0;
  147. -webkit-transition: all 0.3s linear;
  148. -webkit-transition: all 0.3s linear;
  149. -moz-transition: all 0.3s linear;
  150. transition: all 0.3s linear;
  151. border-bottom-right-radius:10px;
  152. border-top-right-radius:0px;
  153. border-top-left-radius:0px;
  154. border-bottom-left-radius:10px;
  155. }
  156.  
  157. #entry:hover .reblog{
  158. float: bottom;
  159. overflow:visible;
  160. width: 50px;
  161. height: 15px;
  162. margin-top:0px;
  163. margin-left:5px;
  164. border-bottom-right-radius:10px;
  165. border-top-right-radius:0px;
  166. border-top-left-radius:0px;
  167. border-bottom-left-radius:10px;
  168. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  169. -webkit-transition: all 0.3s linear;
  170. -moz-transition: all 0.3s linear;
  171. transition: all 0.3s linear;
  172. }
  173.  
  174. #entry:hover .reblog:hover{
  175. opacity: 0.9;
  176. height: 15px;
  177. margin-left: 5px;
  178. padding-top: 15px;
  179. }
  180.  
  181. #entry .notes{
  182. overflow:hidden;
  183. position: absolute;
  184. width: auto;
  185. height: 15px;
  186. padding-top: 2px;
  187. padding-left: 5px;
  188. padding-right: 5px;
  189. background: white;
  190. font-family:"that one thing";
  191. text-transform: lowercase;
  192. font-size: 11px;
  193. line-height:8px;
  194. text-align:center;
  195. opacity:0.0;
  196. -webkit-transition: all 0.3s linear;
  197. -webkit-transition: all 0.3s linear;
  198. -moz-transition: all 0.3s linear;
  199. transition: all 0.3s linear;
  200. border-bottom-right-radius:10px;
  201. border-top-right-radius:0px;
  202. border-top-left-radius:0px;
  203. border-bottom-left-radius:10px;
  204. }
  205.  
  206. #entry:hover .notes{
  207. float: bottom;
  208. overflow:visible;
  209. width: auto;
  210. height: 15px;
  211. margin-top:0px;
  212. margin-left:60px;
  213. border-bottom-right-radius:10px;
  214. border-top-right-radius:0px;
  215. border-top-left-radius:0px;
  216. border-bottom-left-radius:10px;
  217. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  218. -webkit-transition: all 0.4s linear;
  219. -moz-transition: all 0.4s linear;
  220. transition: all 0.4s linear;
  221. }
  222.  
  223.  
  224.  
  225. #entry:hover .notes:hover{
  226. opacity: 0.9;
  227. height: 20px;
  228. margin-left: 60px;
  229. padding-top: 10px;
  230. }
  231.  
  232. @font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
  233.  
  234. #linkz {
  235. font-family: "meow";
  236. font-size: 14px;
  237. text-align: center;
  238. text-shadow: 1px 1px 3px #8a8a88;
  239. margin-top: 40px;
  240. background: transparent;
  241. color: {color:link};
  242. }
  243.  
  244. @font-face { font-family: "learningcurve"; src: url('http://static.tumblr.com/rmj06l2/paAlm4ymo/learningcurve.ttf'); }
  245.  
  246. .title{
  247. font-family: "learningcurve";
  248. font-size: 25px;
  249. line-height: 15px;
  250. letter-spacing: 0px;
  251. font-weight: normal;
  252. padding:0px 0px 0px 0px;
  253. text-shadow: 1px 2px 1px #ccc;
  254. color: {color:Title};
  255. }
  256.  
  257. #desc{
  258. position:fixed !important;
  259. width: 298px;
  260. height: 50px;
  261. padding-bottom: 0px;
  262. font color: #000;
  263. margin-top: 0px;
  264. margin-left: 0px;
  265. font-size: 10px;
  266. border: 1px solid #aaa;
  267. background-color:white;
  268. font-family: "that one thing";
  269. text-align: left;
  270. overflow: auto;
  271. }
  272.  
  273. @font-face { font-family: "Spring Script"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  274.  
  275. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  276.  
  277. #titlebar{
  278. position: fixed !important;
  279. margin-left:190px;
  280. margin-top:260px;
  281. color:{color:Sidebar Title};
  282. text-shadow: 1px 1px 4px #000;
  283. font-family: "black swan";
  284. font-size: 65px;
  285. line-height:10px;
  286. letter-spacing:0px;
  287. background-color: transparent;
  288. text-transform: normal;
  289. text-align: center;
  290. -webkit-transform: rotate(-20deg);
  291. -moz-transform: rotate(-20deg);
  292. }
  293.  
  294. #titlebar:first-letter {
  295. color:{color:Sidebar Title First Letter};
  296. font-size:65px;
  297. text-transform: normal;
  298. }
  299.  
  300. .permalink{
  301. font-family:"that one thing";
  302. width: 460px;
  303. font-size: 11px;
  304. line-height:11px;
  305. letter-spacing:1px;
  306. display: block;
  307. text-align: right;
  308. width: 500px;
  309. border-bottom: 1px dotted #aaa;
  310. }
  311.  
  312. #postnotes{
  313. text-align: justify;}
  314.  
  315. #postnotes blockquote{
  316. border: 0px;}
  317.  
  318. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  319.  
  320. blockquote{
  321. padding:0px 0px 2px 5px;
  322. margin:0px 0px 2px 1px;
  323. border-left: 1px dotted #555555;
  324. }
  325.  
  326. blockquote p, ul{
  327. margin:0px;
  328. padding:0px;
  329. }
  330.  
  331. #questions a {color:{color:link}; font family:"that one thing"; font size: 10px;}
  332. a img{border: 0px;}
  333.  
  334. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  335.  
  336. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  337. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  338.  
  339. .notes img{width:10px; position:relative; top:3px;}
  340.  
  341. small{font-size: 90%;}
  342.  
  343.  
  344. </style>
  345.  
  346.  
  347. <link rel="shortcut icon" href="{Favicon}">
  348. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  349. <meta name="viewport" content="width=820" />
  350.  
  351. </head>
  352. <body>
  353.  
  354. <div id="cage">
  355. <div id="center">
  356. <div id="sidebar">
  357. <div id="titlebar">
  358. {text:Sidebar Title}
  359. </div>
  360. <div id="sidebarimg"><a href="/"><img src="{image:sidebar}"width=300px height=auto></a></div>
  361. <div id="desc">
  362. {Description}</div>
  363. <br><div id="linkz"><a href="/">home</a> &middot; <a href="/ask">inbox</a> &middot; <a href="{text:Link one}">{text:Link one Title}</a> &middot; <a href="{text:Link two}">{text:Link two Title}</a>
  364. </div>
  365. </div>
  366. </div>
  367.  
  368. <div id="content">
  369. {block:Posts}
  370. <div id="entry">
  371.  
  372. {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} with {notecountwithlabel}</a></a><br>{/block:HasTags}</span>
  373. {/block:text}
  374.  
  375. {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} with {notecountwithlabel}</a>{/block:link}
  376.  
  377.  
  378. {block:Photo}
  379. {block:IndexPage}
  380. <div class="reblog">
  381. <a href="{ReblogURL}" target="_blank">reblog</a></div>
  382. <div class="notes">
  383. <a href="{permalink}">{notecount}</a></div>
  384. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/></a>
  385. {/block:IndexPage}
  386. {block:PermalinkPage}
  387. {LinkOpenTag}
  388. <img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>
  389. {LinkCloseTag}
  390. {/block:PermalinkPage}
  391. {/block:Photo}
  392.  
  393. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer} {/block:Answer}
  394.  
  395.  
  396. {block:Quote}
  397. <span class="title">{Quote}</span>
  398. {block:Source}{Source}{/block:Source}
  399. {/block:Quote}
  400.  
  401. {block:Chat}
  402. {block:Title}<span class="title">{Title}</span>{/block:Title}
  403. <ul class="chat">
  404. {block:Lines}
  405. <li class="user_{UserNumber}">
  406. {block:Label}
  407. <span class="label">{Label}</span>
  408. {/block:Label}
  409.  
  410. {Line}
  411. </li>
  412. {/block:Lines}
  413. </ul>
  414.  
  415. {/block:Chat}
  416.  
  417.  
  418. {block:Audio}
  419. <center><div style="width:195px; height:20px;"><div
  420.  
  421. style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px;
  422.  
  423. float:bottom;"><small>
  424. {FormattedPlayCount} plays {block:ExternalAudio} // <a
  425.  
  426. href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}
  427.  
  428. </small></div></div></centeR><BR>
  429. {block:permalinkpage}{block:caption}{caption}{/block:caption}{/block:permalinkpage}
  430. {/block:Audio}
  431.  
  432.  
  433. {block:Video}<center>
  434. <div class="video">{Video-410}</div></center><div align="right"><a href="{Permalink}"><span style="font-size: 11px;">+</span></a></div>
  435. {block:Video}
  436.  
  437.  
  438.  
  439. {block:PostNotes}<div align="middle">{caption}</div>
  440. <center>
  441.  
  442. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  443.  
  444. {block:HasTags}
  445. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  446. {block:RebloggedFrom}
  447. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  448. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  449.  
  450. {/block:RebloggedFrom}
  451. </center></span>
  452. <br>
  453. <div id="postnotes">{PostNotes}</div><br>
  454.  
  455. <center>{block:ContentSource}
  456. <br><a href="{SourceURL}">
  457. {lang:Source}:
  458. {block:SourceLogo}
  459. <img src="{BlackLogoURL}" width="{LogoWidth}"
  460. height="{LogoHeight}" alt="{SourceTitle}" />
  461. {/block:SourceLogo}
  462. {block:NoSourceLogo}
  463. {SourceLink}
  464. {/block:NoSourceLogo}
  465. </a>
  466. {/block:ContentSource}</center>
  467.  
  468. {/block:PostNotes}
  469. </div>
  470. {/block:Posts}
  471. </div></div>
  472. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  473. </div>
  474. </div>
  475. </body>
  476. <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>
  477. </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!