API tools faq
paste
Elevenhour

easy easy

Elevenhour
Jul 27th, 2014
1,756
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.64 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.  
  3. <!--
  4. draculahs :–)
  5. -->
  6.  
  7.  
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <head><title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>
  17.  
  18. <meta name="color:Background" content="#ffffff"/>
  19. <meta name="color:Text" content="#333333"/>
  20. <meta name="color:infobg" content="#cccccc"/>
  21. <meta name="color:infobgtext" content="#000000"/>
  22. <meta name="color:Link" content="#888888"/>
  23. <meta name="color:sidetitle" content="#333333"/>
  24. <meta name="color:entries" content="#ffffff"/>
  25. <meta name="color:LinksHover" content="#000000" />
  26.  
  27. <meta name="text:linkdivider" content="//">
  28.  
  29.  
  30. <meta name="text:link1" content="">
  31. <meta name="text:link1 url" content="/">
  32. <meta name="text:link2" content="">
  33. <meta name="text:link2 url" content="/">
  34. <meta name="text:link3" content="">
  35. <meta name="text:link3 url" content="/">
  36.  
  37. <!--- CSS --->
  38.  
  39. <style type="text/css">
  40.  
  41. html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {margin:0; padding:0; list-style:none;}
  42.  
  43. body {
  44. background-color:{color:background};
  45. padding:0px;
  46. margin:0px;
  47. font-family: 'baskerville', serif;
  48. font-size:12px;
  49. color:{color:text};
  50. text-transform:none;
  51. }
  52.  
  53. a {
  54. color:black;
  55.  
  56. text-decoration:none;
  57. -webkit-transition: all 0.5s ease-in-out;
  58. -moz-transition: all 0.5s ease-in-out;
  59. -o-transition: all 0.5s ease-in-out;
  60. transition: all 0.5s ease-in-out;
  61. }
  62.  
  63. a:hover {
  64.  
  65. color:#ae4b33;
  66.  
  67. }
  68. blockquote {padding: 3px 0 3px 13px;border-left: 3px double #ccc;text-align:justify;}
  69.  
  70. blockquote p {display:block!important;}
  71.  
  72. blockquote img {max-width:220px!important;}
  73.  
  74.  
  75. #all{
  76.  
  77. background:{color:entries};
  78. width:500px;
  79. margin:auto;
  80. padding:40px;
  81. }
  82.  
  83. #header{
  84. margin-top:150px; position:fixed;
  85. margin-left:-320px;width:250px;
  86.  
  87.  
  88. }
  89.  
  90.  
  91.  
  92. #titlee{
  93. font-size:40px;
  94. text-align:right; text-decoration:underline;
  95. text-transform:uppercase; color:{color:sidetitle};
  96.  
  97.  
  98. }
  99.  
  100. #desc{
  101. text-align:right;
  102. font-size:13px;width:150px; margin-left:100px;line-height:160%;
  103. }
  104. #desc a{
  105. color:{color:link};
  106. font-weight:bold;
  107. }
  108.  
  109. .links {
  110. text-align:right; text-transform:lowercase;
  111. font-size:14px;font-style:italic; line-height:180%;
  112.  
  113. }
  114.  
  115. .links a {
  116. padding:2px;
  117. color:{color:link};
  118. margin-right:5px;
  119. -webkit-transition: all 0.5s ease-in-out;
  120. -moz-transition: all 0.5s ease-in-out;
  121. -o-transition: all 0.5s ease-in-out;
  122. transition: all 0.5s ease-in-out;
  123. }
  124.  
  125. .links a:hover {
  126. }
  127.  
  128.  
  129.  
  130. #entries {
  131. margin-left:auto;
  132. margin-right:auto;
  133. width:500px; margin-top:-50px;
  134.  
  135.  
  136. }
  137.  
  138. /* posts style */
  139. .post {
  140. display:block;
  141. width:500px; display:inline-block;
  142. padding:0px;
  143. margin-top:80px;
  144. margin-bottom:15px;
  145.  
  146.  
  147. }
  148.  
  149. .post a {
  150. font-style:12px;
  151. }#caption{padding-top:13px;padding-left:0px; padding-bottom:5px;margin-top:30px;text-align:left; font-size:14px; line-height:160%; font-style:italic;
  152. padding-right:10px;}
  153.  
  154. .information {
  155. background:transparent;
  156. margin-top:20px;
  157.  
  158. }
  159.  
  160. /* posts info's links */
  161.  
  162. .information a {
  163. color:black;
  164. }.information a:hover {
  165. color:black;
  166. }
  167. #content:hover .information{
  168. margin-left:-65px;
  169.  
  170. }
  171. /* note count */
  172.  
  173. .notec {
  174. text-align:center;
  175. padding:3px;
  176.  
  177. margin-top:10px;
  178. display:block;
  179. }
  180.  
  181. .date {
  182. }
  183.  
  184. .month {
  185. display:block; text-transform:uppercase;
  186. -webkit-transition: all 0.5s ease-in-out;
  187. -moz-transition: all 0.5s ease-in-out;
  188. -o-transition: all 0.5s ease-in-out;
  189. transition: all 0.5s ease-in-out;
  190. }
  191.  
  192. .month a {
  193. color:{color:link};
  194. }
  195.  
  196. .month:hover{
  197. -webkit-transition: all 0.5s ease-in-out;
  198. -moz-transition: all 0.5s ease-in-out;
  199. -o-transition: all 0.5s ease-in-out;
  200. transition: all 0.5s ease-in-out;
  201.  
  202. }.month:hover a{
  203.  
  204. }
  205.  
  206. .quote {
  207. font-size:20px;
  208. padding:20px;
  209. background:white;
  210. }
  211.  
  212. /* ask posts style */
  213.  
  214. .ask {
  215. padding-left:5px;
  216. padding-right:15px;
  217. padding-top:15px;
  218. padding-bottom:25px;
  219. background:white;
  220.  
  221. border:1px dotted #ddd;
  222.  
  223. }
  224.  
  225. .ask img{
  226. width:30px;
  227. margin-top:0px;
  228. padding:3px;
  229. background:#fff;
  230. float:left;
  231. }
  232.  
  233. #ans{
  234. padding:15px;
  235. background:white;
  236.  
  237. }
  238. h2 {
  239. font-size:20px;
  240. padding-top:5px;
  241. padding-left:3px; background:white;
  242.  
  243. padding-right:3px;
  244. text-align:center;
  245. font-weight:normal;
  246. margin:0px 0px 1px 0px;
  247. color:{color:first color};
  248. }
  249.  
  250. a. h2 {
  251. color:{color:first color};
  252. }
  253. .haha {
  254. padding:20px;
  255. background:white;
  256. font-size:12px;
  257. line-height:180%;
  258.  
  259. }
  260.  
  261. .chat ul {
  262. display:block;
  263. list-style:none;
  264. margin-left:-40px;
  265. }
  266.  
  267. /* chat lines style */
  268. .chat li {
  269. padding:3px;
  270. display:block;
  271. }
  272.  
  273. /* odd lines style */
  274. .chat .odd {
  275. background:{color:third color};
  276. }
  277.  
  278. /* even lines style */
  279. .chat .even {
  280. background:{color:second color};
  281. }
  282.  
  283. #tags {
  284.  
  285. font-size:10px; text-transform:uppercase;
  286. margin-top:15px; text-align:center;
  287. }
  288.  
  289. #tags a {
  290. background-color:{color:infobg};
  291. color:{color:infobgtext}; padding-left:1px;padding-right:1px;
  292.  
  293. margin-right:3px;
  294. font-weight:600;
  295. font-family:'open sans';
  296.  
  297. }
  298.  
  299. #tags a:hover{
  300.  
  301.  
  302.  
  303. }
  304.  
  305. #pagination{
  306. text-align:center;
  307. padding:30px; letter-spacing:1px;
  308.  
  309. background-color:none;
  310. text-transform:uppercase;
  311. font-size:10px;
  312. }
  313.  
  314. #pagination a {
  315. color:{color:link};
  316. }
  317.  
  318.  
  319. ol.notes {display:block; text-align:left; margin-bottom:30px;}
  320. ol.notes li.note{padding:1%;}
  321.  
  322. /*custom css */
  323.  
  324.  
  325. .post img{width:500px;}
  326.  
  327.  
  328. .audio {
  329. padding:5px; background:white;
  330.  
  331. margin-bottom:55px;
  332. }
  333.  
  334. .audio-album {
  335. position:absolute;
  336. width:95px;
  337. -webkit-transition: opacity 0.6s linear;
  338. opacity: 1;
  339. }
  340.  
  341.  
  342. .audio-player {
  343. opacity:1;
  344. filter:alpha(opacity=90);
  345. width:25px;
  346. background:white;
  347. height:25px;
  348. padding:10px;
  349. overflow:hidden;
  350. position:absolute;
  351. border:1px dotted {color:firsth};
  352. z-index:2;
  353. margin-left:25px;
  354. margin-top:25px;
  355. opacity:0;
  356. -webkit-transition: all 0.6s ease-out;
  357. -o-transition: all 0.6s ease-out;
  358. -webkit-transition: all 0.6s ease-out;
  359. -moz-transition: all 0.6s ease-out;
  360. }
  361.  
  362.  
  363.  
  364. .audio-info {
  365. margin-top:7px;
  366. position:relative;
  367. margin-left:120px;
  368. line-height:180%;
  369. padding:2px;
  370. }
  371.  
  372. .audio:hover .audio-player {
  373. opacity:0.9;
  374. -webkit-transition: all 0.6s ease-out;
  375. -o-transition: all 0.6s ease-out;
  376. -webkit-transition: all 0.6s ease-out;
  377. -moz-transition: all 0.6s ease-out;
  378. }
  379.  
  380. /* pagination styles */
  381.  
  382. #pagination {
  383. text-align:center;
  384. margin:20px;
  385. background:#fff;
  386.  
  387. }
  388.  
  389. /* current page number */
  390.  
  391. #pagination span {
  392. padding:0px;
  393. width:15px;
  394.  
  395. height:15px;
  396. display:inline-block;
  397. margin-left:2px;
  398. background:#f1f1f1;
  399. }
  400.  
  401. /* other page numbers styles */
  402.  
  403. #pagination a {
  404. padding:5px;
  405. width:15px;
  406. height:15px;
  407. display:inline-block;
  408. margin-left:2px;
  409. }
  410. footer {
  411. background:#fff;
  412. padding:10px;
  413. text-align:center;
  414. display:block;
  415. right:15px;
  416. bottom:15px;
  417. position:fixed;
  418. }
  419. .pagenotes {
  420. {block:IndexPage}
  421. display: none!important;
  422. {/block:IndexPage}
  423. width:500px;margin-top:100px;
  424. text-align:left;
  425.  
  426. }
  427. .pagenotes img {
  428. display:none!important;}
  429. .pagenotes li {
  430. list-style-type:none;
  431. padding:10px;
  432. border-bottom:1px dotted #ddd;
  433. text-align:left;
  434. margin:0 0 0 0px;
  435. }
  436.  
  437. {CustomCSS}
  438.  
  439. </style></head>
  440. <body>
  441. <div id="all">
  442.  
  443. <div id="header">
  444. <div id="desc">
  445.  
  446.  
  447. {description}</div>
  448.  
  449. <div id="titlee">
  450. {title}</a> </div>
  451. <br>
  452.  
  453. <div class="links">
  454.  
  455. <a href="/" >home</a> {text:linkdivider}
  456. <a href="/ask">ask</a> {text:linkdivider}
  457. <a href="/archive">archive</a>
  458. <br>
  459. {block:IfLink1}
  460. <a href="{text:link1 url}">{text:link1}</a> {text:linkdivider}
  461. {/block:IfLink1}
  462.  
  463.  
  464. {block:IfLink2}
  465. <a href="{text:link2 url}">{text:link2}</a> {text:linkdivider}
  466. {/block:IfLink2}
  467.  
  468. {block:IfLink3}
  469. <a href="{text:link3 url}">{text:link3}</a>
  470. {/block:IfLink3}
  471.  
  472. </div>
  473. </div>
  474.  
  475.  
  476.  
  477.  
  478. <div id="entries">
  479.  
  480. <ol id="posts">
  481.  
  482. {block:posts}
  483.  
  484.  
  485.  
  486.  
  487.  
  488.  
  489. <div class="post">
  490.  
  491. <!-- text post -->
  492. {block:Text}
  493. {block:Title}
  494. <a href="{Permalink}">
  495. <h2> {Title}</h2>
  496. </a>
  497. {/block:Title}
  498. <div class="haha"> {Body}</div>
  499. {/block:Text}
  500.  
  501. <!-- quote post -->
  502. {block:Quote}
  503. <div class="quote">
  504. “{Quote}” — <b><i>{Source}</i></b>
  505. </div>
  506. {/block:Quote}
  507.  
  508. <!-- link post -->
  509. {block:Link}
  510. <a href="{URL}">
  511. <h2>{Name} </h2>
  512. </a>
  513. {block:Description}<div class="haha"> {Description}</div>{/block:Description}
  514. {/block:Link}
  515.  
  516. <!-- photo post -->
  517. {block:Photo}
  518. <center>
  519. <a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}"/></a>
  520. </center>
  521. {/block:Photo}
  522.  
  523. <!-- photoset post -->
  524. {block:Photoset}
  525. <center>
  526. {Photoset-500}
  527. </center>
  528. {/block:Photoset}
  529.  
  530. <!-- chat post -->
  531. {block:Chat}
  532. <div class="chat">
  533. <ul>
  534. {block:Lines}
  535. <li class="{Alt}">
  536. {block:Label}<b>{Label}</b>{/block:Label}
  537. {Line}
  538. </li>
  539. {/block:Lines}
  540. </ul>
  541. </div>
  542. {/block:Chat}
  543.  
  544. <!-- video post -->
  545. {block:Video}
  546. {Video-500}
  547. {/block:Video}
  548. {block:Audio}
  549. <div class="audio">
  550. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  551. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  552.  
  553. <div class="audio-info">
  554.  
  555. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  556.  
  557.  
  558. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  559.  
  560.  
  561. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  562.  
  563.  
  564. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  565. </div></div>
  566. {/block:Audio}
  567. <!-- ask post -->
  568. {block:Answer}
  569. <div class="ask">
  570. <span style="color:{color:firsth};text-transform:lowercase; font-weight:bold; ">{Asker} asked:</span>
  571.  
  572.  
  573. {question}
  574.  
  575. </div>
  576. <div id="ans"> {Answer}</div>
  577. {/block:Answer}
  578. {block:Caption}{block:permalinkpage}<div id="caption">
  579. {Caption}{/block:permalinkpage}</div>
  580.  
  581.  
  582. {/block:Caption}
  583. {block:ContentSource}
  584. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  585. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  586. {/block:SourceLogo}
  587. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  588. {/block:ContentSource}
  589.  
  590. <!-- notes count -->
  591.  
  592.  
  593. <div id="tags">
  594. <!-- posts's date -->
  595. {block:Date}
  596. posted <a href="{Permalink}" >
  597. {dayofmonth} | {monthnumber}| {year} </a> with {block:NoteCount} <a href="{Permalink}" >{notecountwithlabel}</a> {/block:NoteCount}<br><br>
  598.  
  599.  
  600. </a></span>
  601.  
  602.  
  603.  
  604.  
  605.  
  606.  
  607.  
  608.  
  609.  
  610.  
  611.  
  612. {/block:Date}
  613.  
  614. {block:permalinkpage}
  615.  
  616. {block:HasTags}{block:Tags}tagged with <a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}{/block:permalinkpage} {block:permalinkpage}{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:permalinkpage}
  617. </div>
  618.  
  619.  
  620.  
  621. {block:PostNotes}
  622. <div class="pagenotes">
  623. {PostNotes}
  624. </div>
  625. </div>
  626. {/block:PostNotes}
  627.  
  628. {/block:posts}
  629.  
  630. <div id="pagination"><br><br><br>
  631. {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}
  632.  
  633. </div>
  634.  
  635.  
  636. </ol><footer><b>draculahs </b>
  637.  
  638. </footer>
  639.  
  640.  
  641.  
  642. </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!