API tools faq
paste
Advertisement
Elevenhour

Fever

Elevenhour
May 4th, 2014
1,513
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.33 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head><title>{Title}</title>
  5. <link href='http://fonts.googleapis.com/css?family=Stint+Ultra+Condensed' rel='stylesheet' type='text/css'>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9.  
  10.  
  11.  
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
  15.  
  16. <!----
  17.  
  18. 🄳🅁🄰🄲🅄🄻🄰🄷🅂
  19.  
  20. --->
  21.  
  22. <meta name="color:background" content="#ffffff"/>
  23. <meta name="color:text" content="#555"/>
  24. <meta name="color:link" content="#999"/>
  25. <meta name="color:ScrollBG" content="#ffffff"/>
  26. <meta name="color:Scroll" content="#eeeeee"/>
  27. <meta name="color:PostBorder" content="#dddddd"/>
  28. <meta name="color:PostBG" content="#f1f1f1"/>
  29. <meta name="color:AskBG" content="#f8f8f8"/>
  30. <meta name="color:ChatBG" content="#f0f0f0"/>
  31. <meta name="color:ChatText" content="#000000"/>
  32. <meta name="color:ChatBG2" content="#e0e0e0"/>
  33. <meta name="color:ChatText2" content="#000000"/>
  34. <meta name="color:title" content="#999"/>
  35. <meta name="color:headerBG" content="#f0f0f0"/>
  36. <meta name="color:SideLinksBG" content="#e0e0e0"/>
  37. <meta name="color:SideLinks" content="#555"/>
  38.  
  39.  
  40.  
  41. <meta name="text:link1" content="">
  42. <meta name="text:link1 url" content="/">
  43. <meta name="text:link2" content="">
  44. <meta name="text:link2 url" content="/">
  45. <meta name="text:link3" content="">
  46. <meta name="text:link3 url" content="/">
  47.  
  48.  
  49.  
  50. <script type="text/javascript">
  51. function showStuff(id) {
  52. document.getElementById(id).style.display = 'block';
  53. }
  54. </script>
  55.  
  56. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  57. <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:100,
  63. tip_fade_speed:300
  64. }
  65. );
  66. });
  67. })(jQuery);
  68. </script>
  69. <style type="text/css">
  70.  
  71.  
  72. body {
  73. background:{color:background};
  74. margin:0px;
  75. color:{color:text};
  76. font-family:'lato';
  77. font-size:11px;
  78. line-height:140%;
  79. text-align: justify;
  80.  
  81. }
  82.  
  83.  
  84.  
  85. a {
  86. text-decoration:none;
  87. outline:none;
  88. -moz-outline-style:none;
  89. color:{color:link};
  90. }
  91.  
  92. a:hover{
  93.  
  94.  
  95. }
  96.  
  97. ::-webkit-scrollbar {background-color:{color:ScrollBg}; height:2px; width:5px}
  98. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll};
  99. height:50px}
  100. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scroll}; height:3px!important}
  101. img { max-width:400px;
  102.  
  103. }
  104.  
  105. blockquote {
  106. margin-left:5px;
  107. padding-left:5px;
  108. border-left:1px solid {color:text};
  109. text-align:left;
  110. font-size:11px;
  111. overflow:auto;
  112.  
  113. }
  114.  
  115.  
  116. h1 {
  117.  
  118. text-align:center;
  119. text-transform:uppercase;
  120. font-weight:bold;
  121. font-style:none;
  122. max-width:400px;
  123.  
  124. font-size:11px;
  125. background-color:none;
  126.  
  127.  
  128.  
  129. }
  130.  
  131. #entries {
  132. margin:auto;
  133. padding:0px;
  134. width:400px;
  135. padding-top:150px;
  136.  
  137.  
  138. text-align:justify;
  139.  
  140. }
  141.  
  142. .post {
  143. margin-left:-20px;
  144.  
  145. margin-bottom:150px;
  146. width:400px;
  147. padding-left:20px;
  148. padding-right:20px;
  149. padding-top:20px;
  150. padding-bottom:20px;
  151. border:4px double {color:PostBorder};
  152. background-color:{color:PostBg};
  153. -webkit-transition-duration:0.3s;
  154.  
  155. text-align:justify;
  156. }.post a {
  157. color:{color:link};
  158. }
  159. .post:hover{
  160.  
  161. -webkit-transition-duration:0.3s;
  162.  
  163.  
  164. }
  165. .post img{
  166. max-width:400px;
  167. }
  168.  
  169.  
  170. .caption{
  171.  
  172. padding:5px;
  173. max-width:100%;
  174. display:block;
  175. color:{color:text};
  176. text-align:justify;
  177.  
  178. }.caption a{
  179.  
  180.  
  181. color:{color:link};
  182.  
  183. }
  184.  
  185. .caption img{
  186.  
  187. max-width:200px;
  188. border:0px solid #f1f1f1;
  189.  
  190.  
  191. }
  192. .asker{
  193. font-weight:bold;
  194. }
  195.  
  196. .ask {
  197. font-size:11px;
  198. text-align:justify;
  199. padding:10px; color:{color:text};
  200. background:{color:askBG};
  201. }
  202. .ask a {
  203. color:{color:link};
  204.  
  205. }
  206. .ask img{
  207. max-width:200px;
  208. border:0px solid #000;
  209.  
  210. }
  211.  
  212. .ans {
  213. text-align:left;
  214. font-size:11px;
  215. color:{color:text};
  216. }
  217.  
  218. .ans img {
  219.  
  220. border:0px solid;
  221. max-width:200px;
  222. }
  223. #q{
  224.  
  225. font-size:14px;
  226. text-align:justify;
  227. font-weight:300;
  228. text-transform:lowercase;
  229.  
  230.  
  231. }
  232.  
  233. #qsource{
  234. padding:15px;
  235. font-weight:bold;
  236. text-align:center;
  237. letter-spacing:0px;
  238. font-size:9px;
  239. text-transform:uppercase;
  240. }
  241.  
  242. #sidebar{
  243. margin:auto;
  244. padding-top:100px;
  245. text-align:justify;
  246.  
  247.  
  248. font-family:baskerville;
  249.  
  250.  
  251.  
  252. }
  253.  
  254.  
  255. #date {
  256. letter-spacing:0px;
  257. -webkit-transition-duration:0.3s;
  258. font-size:10px;
  259. line-height:180%;
  260. font-family:'lato';
  261. font-weight:bold;
  262. position:Absolute;
  263. text-align:right;
  264. margin-left:410px;
  265. background:{color:postbg};
  266. padding-bottom:5px;
  267. padding-top:5px;
  268. padding-left:10px;
  269. padding-right:10px;
  270. text-transform:lowercase;
  271. opacity:0;
  272.  
  273. border-top:1px solid {color:postborder};
  274. border-right:1px solid {color:postborder};
  275. border-bottom:1px solid {color:postborder};
  276.  
  277. {block:PermalinkPage}opacity:1;font-size:9px;
  278. max-width:100px;
  279.  
  280. margin-left:420px;text-align:left;
  281.  
  282. {/block:PermalinkPage}
  283. }
  284.  
  285. #date a{
  286. color:{color:link};
  287. }
  288. .post:hover #date{
  289. opacity:1;margin-left:420px;
  290.  
  291. -webkit-transition-duration:0.3s;
  292.  
  293. }
  294.  
  295.  
  296. .chat ul {
  297. list-style: none;
  298. margin-left:-40px;
  299. }
  300.  
  301.  
  302. .chat .odd {
  303. background:{color:ChatBG};
  304. color:{color:ChatText};
  305. padding:4px;
  306. }
  307.  
  308. .chat .even {
  309. padding:4px;
  310. background:#e0e0e0;
  311. color:#000;
  312.  
  313. }
  314.  
  315.  
  316.  
  317. #cred:hover {
  318.  
  319. opacity:1;-moz-transition-duration:0.6s;
  320. -webkit-transition-duration:0.6s;
  321. -o-transition-duration:0.6s;
  322.  
  323.  
  324. }
  325.  
  326. #cred {
  327. text-transform:lowercase;
  328. font-size:8px;
  329. right:9px;
  330. text-align:center;
  331. bottom:9px;
  332. padding:2px;
  333. position:bottom right;
  334. letter-spacing:1px;
  335. position:fixed;
  336. -moz-transition-duration:0.3s;
  337. -webkit-transition-duration:0.3s;
  338. -o-transition-duration:0.3s;
  339. }
  340.  
  341. #cred a {
  342. font-weight:300;
  343. color:{color:text};
  344. background:{color:PostBG};
  345. text-align:right;
  346. text-transform:uppercase;
  347. -moz-transition-duration:0.3s;
  348. -webkit-transition-duration:0.3s;
  349. -o-transition-duration:0.3s;
  350.  
  351.  
  352.  
  353. }
  354.  
  355. .notes{
  356.  
  357.  
  358. color:{color:text};
  359. font-size:8;
  360. text-transform:uppercase;
  361. text-align:left;
  362. line-height:230%;
  363. width:440px;
  364. margin-left:-20px;
  365.  
  366. }
  367. .notes a{
  368. color:{color:link};
  369. font-weight:bold;
  370.  
  371. }
  372.  
  373. .notes img{
  374. border-radius:50px;
  375. }
  376.  
  377. .notes li {
  378. padding:10px; text-align:left;
  379. margin-left:1px;
  380. border-bottom:1px solid {color:PostBG};
  381. -moz-transition-duration:0.5s;
  382. -webkit-transition-duration:0.5s;
  383. -o-transition-duration:0.5s;
  384. list-style-type:none;
  385.  
  386.  
  387. }
  388.  
  389. .notes img{
  390.  
  391. border-radius:50px;
  392. opacity:0;
  393. }
  394.  
  395.  
  396. .player {
  397. padding:4px;background:#000;
  398. overflow:hidden;
  399. width:20px;
  400. position:absolute;-webkit-transition-duration:0.9s;
  401. }
  402.  
  403. .player img{
  404. margin-left:0px;
  405. }
  406.  
  407. .audioinfo {
  408. margin-left:0px;
  409. border:1px solid #888;
  410. background:#000;
  411. padding:5px;
  412. color:white;
  413. text-transform:lowercase;
  414. text-align:right;
  415. }
  416.  
  417. .audioinfo a:hover{
  418.  
  419. }
  420.  
  421.  
  422.  
  423. #haha{
  424. width:400px;
  425. }
  426. .player:hover {
  427.  
  428.  
  429. }
  430.  
  431. .title {
  432.  
  433. margin:auto;
  434. z-index: 1;
  435. text-transform:uppercase;
  436. font-size:14px;
  437. letter-spacing:8px;
  438. font-family:'lato';
  439. margin-top:-100px;
  440. padding:150px ;
  441. text-align:center;
  442. color: {color:title};
  443. padding-bottom: 30px;
  444. background:{color:headerBG};
  445. font-weight: 700;
  446. text-transform:uppercase;
  447.  
  448. }
  449.  
  450.  
  451.  
  452. #nav{ font-family:'lato';
  453. text-align:center;
  454. font-size:7px;
  455. letter-spacing:2px;
  456. text-transform:uppercase;
  457. font-weight:bold;
  458. margin-top:-7px;
  459. }
  460.  
  461. #nav a{
  462. color:{color:SideLinks};
  463. background:{color:SideLinksBG};
  464. margin-right:5px;
  465. padding:3px;
  466.  
  467.  
  468.  
  469. }
  470.  
  471. #tags{
  472.  
  473. {block:PermalinkPage}
  474. border-top:1px solid {color:title};
  475.  
  476. {/block:PermalinkPage}
  477.  
  478. }
  479.  
  480. #pagination{
  481. text-align:center;
  482. padding:30px; letter-spacing:1px;
  483.  
  484. background-color:none;
  485. text-transform:uppercase;
  486. font-size:10px;
  487. }
  488.  
  489. #pagination a {
  490. color:{color:link};
  491. }
  492.  
  493. {CustomCSS}</style></head><body>
  494.  
  495.  
  496.  
  497.  
  498. <div id="sidebar">
  499.  
  500. <div class="title">
  501. {title}
  502. </div> <div id="nav">
  503. <a href="/">home</a></a>
  504. <a href="/ask">ask</a></a>
  505. <a href="/archive">archive</a></a>
  506.  
  507. {block:IfLink1}
  508. <a href="{text:link1 url}">{text:link1}</a>
  509. {/block:IfLink1}
  510.  
  511.  
  512. {block:IfLink2}
  513. <a href="{text:link2 url}">{text:link2}</a>
  514. {/block:IfLink2}
  515.  
  516. {block:IfLink3}
  517. <a href="{text:link3 url}">{text:link3}</a>
  518. {/block:IfLink3}
  519.  
  520.  
  521.  
  522. </div>
  523. </div>
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530. <!-- NAVIGATION -->
  531.  
  532. <!-- PAGINATION -->
  533. </div>
  534. <div id="entries">{block:Posts}<div class="post">
  535.  
  536. <div id="date"><a href="{Permalink}"> + </a> {block:Date}
  537. {block:PermalinkPage}<br><a href="{Permalink}"> {DayOfMonthWithZero} | {MonthNumberWithZero} | {Year} {block:NoteCount} &nbsp;&nbsp;
  538. <a href="{Permalink}"><br> ({NoteCount}) </a>{/block:NoteCount}&nbsp;&nbsp;
  539. {block:RebloggedFrom} &nbsp;&nbsp;<a href="{ReblogParentURL}"><br> via / {block:ContentSource} <a href="{SourceURL}">©</a> &nbsp; {/block:ContentSource} </a>{/block:RebloggedFrom} </a></center>
  540. </style>
  541.  
  542.  
  543. {block:RebloggedFrom} <a href=""></a> {/block:RebloggedFrom}
  544. {block:ContentSource} <a href=""><a href=""></a>{/block:ContentSource}
  545. {block:RebloggedFrom} <a href="" ></a>{/block:RebloggedFrom}
  546.  
  547. {/block:PermalinkPage}
  548.  
  549.  
  550. {/block:Date}
  551. </div>
  552.  
  553.  
  554.  
  555. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}<div id="haha">{Body}</div>{/block:Text}
  556.  
  557. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:Photo}
  558.  
  559. {block:Photoset}<div class="photoset">{Photoset-400}</div>{/block:Photoset}
  560.  
  561. {block:Quote}<div id="q">{Quote}</div>{block:Source} <div id="qsource"> {Source}</div>{/block:Source}{/block:Quote}
  562.  
  563. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  564.  
  565. {block:Chat}
  566. {block:Title}
  567. <a href="{Permalink}">
  568. <h1>{Title}</h1>
  569. </a>{/block:Title}
  570. <div class="chat">
  571. <ul>
  572. {block:Lines}
  573. <li class="{Alt}">
  574. {block:Label}
  575. <span style=" font-weight:bold;text-transform:uppercase;font-size:9px;">{Label} </span>
  576. {/block:Label}
  577. {Line}</li>
  578. {/block:Lines}
  579. </ul>
  580. </div>
  581. {/block:Chat}
  582.  
  583.  
  584.  
  585. {block:Audio}
  586. <div class="player">{AudioPlayerblack}
  587.  
  588. </div>
  589. <div class="audioinfo">
  590. {block:TrackName}{TrackName}{/block:TrackName}<b>{block:Artist}<br>{Artist}{/block:Artist}</b>
  591.  
  592. </div>
  593. {/block:Audio}
  594.  
  595.  
  596.  
  597. {block:Video}{Video-400}{/block:Video}
  598. <span style="text-align:left;">
  599. {block:Answer}
  600. <div class="ask">
  601. <span style="font-weight:bold; text-transform:lowercase;">{asker}: </span> {Question}</div>
  602.  
  603.  
  604.  
  605.  
  606.  
  607.  
  608. <div class="ans">
  609. {Answer}</div>{/block:answer}
  610.  
  611. {block:PermalinkPage}
  612. {block:Caption}<div class="caption">{Caption} </div>{/block:Caption}
  613.  
  614. {/block:PermalinkPage}
  615.  
  616. <div id="tags">
  617. {block:PermalinkPage}{block:HasTags}&nbsp;
  618. {block:Tags}
  619. <a href="{TagURL}"><span style="font-weight:normal; text-transform:lowercase; background-color:none; "></small>&nbsp;#{Tag}&nbsp;</span></i></a> &nbsp;</a>
  620. {/block:Tags}{/block:HasTags}{/block:PermalinkPage}</u> </b>
  621. </div>
  622.  
  623.  
  624.  
  625. </div>
  626. </b>
  627. {block:PostNotes} <div class="notes"> {PostNotes} &nbsp;&nbsp;</div>{/block:PostNotes}
  628. {/block:Posts}</div>
  629.  
  630.  
  631. <div id="pagination">
  632. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>&nbsp;{/block:PreviousPage}page {CurrentPage} out of {TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  633. </div>
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640. <div id="cred">
  641. <a href="http://draculahs.tumblr.com/">draculahs</a>
  642. </div>
  643.  
  644.  
  645.  
  646.  
  647.  
  648.  
  649.  
  650.  
  651. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!