API tools faq
paste
loltexas

five

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