API tools faq
paste
sofiiayala

Requested #2

sofiiayala
May 2nd, 2014
543
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- Requested theme #2 by Sofi (castiiel). DON'T REMOVE THE CREDIT OR CLAIM THE THEME AS YOURS. DON'T USE IT AS A BASE --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#838282"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="color:link background" content="#e2a9a9"/>
  14. <meta name="image:sidebar" content=""/>
  15.  
  16. <meta name="text:title" content=""/>
  17. <meta name="text:link 1 message" content="link 1"/>
  18. <meta name="text:link 1 url" content="/"/>
  19. <meta name="text:link 2 message" content="link 2"/>
  20. <meta name="text:link 2 url" content="/ask"/>
  21. <meta name="text:link 3 message" content="link 3"/>
  22. <meta name="text:link 3 url" content="/"/>
  23. <meta name="text:link 4 message" content="link 4"/>
  24. <meta name="text:link 4 url" content="/"/>
  25.  
  26. <script type="text/javascript">
  27. WebFontConfig = {
  28. google: { families: [ 'Lato:300,400:latin' ] }
  29. };
  30. (function() {
  31. var wf = document.createElement('script');
  32. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  33. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  34. wf.type = 'text/javascript';
  35. wf.async = 'true';
  36. var s = document.getElementsByTagName('script')[0];
  37. s.parentNode.insertBefore(wf, s);
  38. })(); </script>
  39.  
  40. <style type="text/css">
  41.  
  42.  
  43. ::-webkit-scrollbar {width: 4px; height: 4px; background: #fff; }
  44. ::-webkit-scrollbar-thumb { background-color: {color:link background}; -webkit-border-radius: 0ex; }
  45.  
  46. body {
  47. background:{color:background};
  48. margin:0px;
  49. color:{color:text};
  50. font-family:Calibri;
  51. font-size:10px;
  52. line-height:100%;
  53. }
  54.  
  55. body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  56.  
  57. a {
  58. text-decoration:none;
  59. outline:none;
  60. -moz-outline-style:none;
  61. color:{color:link};
  62. }
  63.  
  64. img {
  65. border:none;
  66. }
  67.  
  68. blockquote {
  69. padding-left:5px;
  70. border-left:2px solid;
  71. margin-left: 2px;
  72. }
  73.  
  74. h1 {
  75. font-size:25px;
  76. font-family:'Lato', sans-serif;
  77. font-weight: 300;
  78. letter-spacing: 1px;
  79. line-height: 140%;
  80. }
  81.  
  82. .hr {
  83. color: #f0eded;
  84. }
  85.  
  86. #entries {
  87. padding:10px;
  88. width:400px;
  89. margin-top:0px;
  90. margin-left: 50px;
  91. }
  92.  
  93. #post {
  94. width:400px;
  95. padding-bottom:20px;
  96. margin-top:50px;
  97. margin-bottom:0px;
  98. text-align: left;
  99.  
  100. }
  101.  
  102. #post:hover #tags {
  103. opacity: 1;
  104. transition: all 0.3s linear;
  105. -webkit-transition: opacity 0.3s linear;
  106. -webkit-transition: all 0.3s linear;
  107. -moz-transition: all 0.3s linear;
  108. }
  109.  
  110. #post:hover .info {
  111. opacity: 1;
  112. transition: all 0.3s linear;
  113. -webkit-transition: opacity 0.3s linear;
  114. -webkit-transition: all 0.3s linear;
  115. -moz-transition: all 0.3s linear;
  116. }
  117.  
  118. #title {
  119. color:#777;
  120. font-family:'Lato', sans-serif;
  121. font-size:30px;
  122. text-align:center;
  123. letter-spacing:1px;
  124. margin:0px;
  125. font-weight: 300;
  126. padding-bottom: 10px;
  127. margin-bottom: 20px;
  128. margin-top: 50px;
  129. }
  130.  
  131. #sidebar {
  132. width:400px;
  133. margin-top:0px;
  134. height: auto;
  135. margin-top:0px;
  136. text-align: center;
  137. margin-left: 50px;
  138. }
  139.  
  140. #sidebarimage {
  141. width: 80px;
  142. float: center;
  143. }
  144.  
  145. #sidebarimage img {
  146. width: 80px;
  147. background-color: #fff;
  148. overflow:hidden;
  149. float: center;
  150. margin-left:210px;
  151. margin-top:15px;
  152. }
  153.  
  154. #links {
  155. width: 300px;
  156. font-family:'Lato', sans-serif;
  157. margin: auto;
  158. font-size: 8px;
  159. letter-spacing: 1.5px;
  160. text-transform: uppercase;
  161. padding-left: 4px;
  162. margin-bottom: 30px;
  163. }
  164.  
  165. #links a {
  166. margin-left: 8px;
  167. margin-right: 8px;
  168. display:inline-block;
  169. padding: 7px;
  170. padding-top: 5px;
  171. padding-bottom: 5px;
  172. background-color: {color:link background};
  173. color: white;
  174. -webkit-transition: all 0.5s ease-out;
  175. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  176. }
  177.  
  178. #links a:hover {
  179. background-color: transparent;
  180. color: #777;
  181. -webkit-transition: all 0.5s ease-out;
  182. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  183. }
  184.  
  185. #description {
  186. width: 300px;
  187. font-family:'Lato', sans-serif;
  188. margin: auto;
  189. font-size: 8px;
  190. letter-spacing: 1.5px;
  191. margin-bottom: 20px;
  192. text-align: center;
  193. padding-left:5px;
  194. line-height: 140%;
  195. }
  196.  
  197. #pagination {
  198. font-size:9px;
  199. text-align:center;
  200. font-style: italic;
  201. }
  202.  
  203. .info {
  204. font-size: 7px;
  205. margin-top: 3px;
  206. text-align:center;
  207. font-family: helvetica;
  208. text-transform: uppercase;
  209. letter-spacing: 0.8px;
  210. margin-top: 3px;
  211. padding: 3px;
  212. color: #595959;
  213. opacity:0;
  214. transition: all 0.3s linear;
  215. -webkit-transition: opacity 0.3s linear;
  216. -webkit-transition: all 0.3s linear;
  217. -moz-transition: all 0.3s linear;
  218. }
  219. }
  220.  
  221. .info a {
  222. color: #595959;
  223. }
  224.  
  225. .info a:hover {
  226. color:{color:hover link};
  227. }
  228.  
  229. heart {
  230. font-size: 8px;
  231. line-height: -5px;
  232. }
  233.  
  234. #border {
  235. margin-top: 8px;
  236. border-top: 1px solid #f0eded;
  237. }
  238.  
  239. #tags {
  240. font-size: 9px;
  241. text-align: center;
  242. opacity: 0;
  243. margin-top: 4px;
  244. line-height: 120%;
  245. transition: all 0.3s linear;
  246. -webkit-transition: opacity 0.3s linear;
  247. -webkit-transition: all 0.3s linear;
  248. -moz-transition: all 0.3s linear;
  249. }
  250.  
  251. #tags a {
  252. color: {color: text};
  253. padding-left: 3px;
  254. padding-right: 3px;
  255. }
  256.  
  257. #asker {
  258. float:left;
  259. }
  260.  
  261. .question{
  262. text-align: center;
  263. letter-spacing:1px;
  264. padding-bottom:6px;
  265. line-height: 110%;
  266. }
  267.  
  268. .answer{
  269. background-color:transparent;
  270. line-height: 110%;
  271. text-align: center;
  272. letter-spacing:1px;
  273. border-top: {color:link background} 1px solid;
  274. }
  275.  
  276.  
  277. #credit {
  278. font-size:9px;
  279. font-family:georgia;
  280. letter-spacing:1px;
  281. -moz-transition-duration:0.5s;
  282. -webkit-transition-duration:0.5s;
  283. -o-transition-duration:0.5s;
  284. }
  285.  
  286. #credit a {
  287. background-color:#fff;
  288. padding:5px;
  289. border:1px solid #e9e9e9;
  290. position:fixed;
  291. right:15px;
  292. bottom:10px
  293. }
  294.  
  295. .sources
  296. {
  297. filter:alpha(opacity=0);
  298. opacity:0;
  299. font-size: 0px;
  300. }
  301.  
  302. #con {
  303. width:502px;
  304. margin: 0 auto -12px auto;
  305. text-align: center;
  306. }
  307.  
  308. #quote {
  309. font-size:25px;
  310. font-family:'Lato', sans-serif;
  311. font-weight: 300;
  312. letter-spacing: 1px;
  313. line-height: 140%;
  314. }
  315.  
  316. #cover {
  317. position: relative;
  318. z-index: 1;
  319. height: 80px;
  320. float:left;
  321. border:1px solid #f0f0f0;
  322. padding:4px;
  323. }
  324.  
  325. #button {
  326. width:20px;
  327. height:30px;
  328. overflow: hidden;
  329. position: relative;
  330. z-index: 99;
  331. margin: 15px 24px 13px 16px;
  332. }
  333.  
  334. #buttons {
  335. background-color: #fff;
  336. position: absolute;
  337. z-index: 99;
  338. margin-top: 15px;
  339. margin-left: 15px;
  340. opacity: 0;
  341. -webkit-transition: opacity 0.5s linear;
  342. -webkit-transition: all 0.5s linear;
  343. -moz-transition: all 0.5s linear;
  344. -o-transition: all 0.5s linear;
  345. }
  346.  
  347. #post:hover #buttons {
  348. opacity:0.5;
  349. }
  350.  
  351. #musicinfo {
  352. margin-left: 100px;
  353. font-size:12px;
  354. min-height:70px;
  355. text-align:center;
  356. }
  357.  
  358. #pagination {
  359. font-family:times;
  360. font-size:11px;
  361. margin-top:25px;
  362. letter-spacing:1px;
  363. word-spacing:15px;
  364. }
  365.  
  366. #pagination a {
  367. color:{color:link};
  368. }
  369.  
  370. #notez {
  371. text-align: left;
  372. }
  373.  
  374.  
  375. {CustomCSS}</style></head><body>
  376.  
  377. <div id="con">
  378.  
  379. <div id="sidebar">
  380.  
  381. <div id="title"><span style="border-bottom: solid 1px {color:link background}; padding-bottom: 2px;">{text:title}</span></div>
  382.  
  383. <div id="description">{description}</div>
  384.  
  385. <div id="links">
  386. <a href="{text:link 1 url}">{text:link 1 message}</a>
  387. <a href="{text:link 2 url}">{text:link 2 message}</a>
  388. <a href="{text:link 3 url}">{text:link 3 message}</a>
  389. <a href="{text:link 4 url}">{text:link 4 message}</a>
  390.  
  391. </div>
  392.  
  393. </div>
  394.  
  395. <div id="entries">
  396. {block:Posts}
  397.  
  398. {block:ContentSource}
  399.  
  400. <!--{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  401.  
  402. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  403.  
  404. {/block:SourceLogo}
  405.  
  406. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  407.  
  408. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  409.  
  410. <div id="post">
  411.  
  412. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  413.  
  414. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  415.  
  416. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  417.  
  418. {block:Quote}<div id="quote">"{Quote}"</div>{block:Source}<br><br> —<b><font size="1.5">{Source}</font></b>{/block:Source}{/block:Quote}
  419.  
  420. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  421.  
  422. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}<font size="2">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}</font>{/block:Chat}
  423.  
  424. {block:Audio}
  425. <div id="buttons"><div id="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  426. {block:AlbumArt}<img src="{AlbumArtURL}" id="cover">{/block:AlbumArt}
  427. <div id="musicinfo">
  428. {block:TrackName}<h1><div style="text-transform: none; padding-bottom: 4px; margin-bottom: 0px; border-bottom: 1px solid #f0f0f0; text-align: right;">{TrackName}</div></h1>{/block:Trackname}
  429. {block:Artist}by {Artist}{/block:Artist}<br><br>
  430. {block:PlayCount}►played {PlayCount} times{/block:PlayCount}
  431. </div>
  432. <div style="margin-top:20px;">{block:caption}{Caption}{/block:caption}</div>
  433. {/block:Audio}
  434.  
  435. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  436.  
  437. {block:Answer}
  438. <div class="question"><b>{Asker}</b> says: <i>{Question}</i></div><div class="answer">{Answer}</div>{/block:Answer}
  439.  
  440. <div class="info">
  441. {block:Date} {TimeAgo}{/block:Date} (<heart>♥</heart><a href="{Permalink}">{NoteCount}</a>)</div>
  442.  
  443. <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}">-{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  444.  
  445. </div>
  446. <div id="notez">{block:PostNotes}{PostNotes}{/block:PostNotes}
  447. {/block:Posts}</div>
  448.  
  449. </div></div>
  450.  
  451. {block:Pagination}
  452. <div id="pagination">
  453. {block:PreviousPage}
  454. <a href="{PreviousPage}">←</a>
  455. {/block:PreviousPage}
  456. {block:JumpPagination length="6"}
  457. {block:CurrentPage}
  458. <span class="current_page">{PageNumber}</span>
  459. {/block:CurrentPage}
  460. {block:JumpPage}
  461. <a class="jump_page" href="{URL}">{PageNumber}</a>
  462. {/block:JumpPage}
  463. {/block:JumpPagination}
  464. {block:NextPage}
  465. <a href="{NextPage}">→</a>
  466. {/block:NextPage}
  467. </div>
  468. {/block:Pagination}
  469.  
  470. </div>
  471.  
  472. <div id="credit"><a href="http://alanablooms.co.vu">221b</div>
  473.  
  474. </body></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!