Advertisement
Elevenhour

We exist #18

Nov 8th, 2013
6,261
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.54 KB | None | 0 0
  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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <link href='http://fonts.googleapis.com/css?family=Norican' rel='stylesheet' type='text/css'>
  5.  
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12.  
  13. <!---THEME by draculahs
  14. --->
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:big sidebar bg" content="#000000"/>
  19. <meta name="color:links" content="#000000"/>
  20. <meta name="color:info border" content="#dddddd"/>
  21. <meta name="color:info background" content="#f1f1f1"/>
  22. <meta name="color:optional borders" content="#ffffff"/>
  23. <meta name="color:Sidebar Links" content="#ffffff"/>
  24. <meta name="color:DescriptionText" content="#000000"/>
  25. <meta name="color:sidebar Borders" content="#f1f1f1"/>
  26. <meta name="color:Hover" content="#ffffff"/>
  27. <meta name="color:Scrollbar" content="#000000"/>
  28. <meta name="color:links background" content="#000000"/>
  29. <meta name="color:ScrollbarBg" content="#f1f1f1"/>
  30. <meta name="color:Answer Backg" content="#f1f1f1"/>
  31. <meta name="image:header" content="http://static.tumblr.com/d949c2ef551dd40a0fe51870e73860fa/fzy0mvv/yY5mvwh6m/tumblr_static_tumblr_static_tumblr_sbtatic_tumblr_static_tumblr_inline_mqljk8rtfw1qz4rgp.jpg"/>
  32. <meta name="text:quote" content="when gregor samsa woke up one morning from unsettling dreams, he found himself changed in his bed into a monstrous vermin."/>
  33. <meta name="text:said by" content="franz kafka"/>
  34.  
  35. <meta name="image:big sidebar" content=""/>
  36.  
  37.  
  38. <meta name="text:link1" content="">
  39. <meta name="text:link1 url" content="/">
  40. <meta name="text:link2" content="">
  41. <meta name="text:link2 url" content="/">
  42. <meta name="text:link3" content="">
  43. <meta name="text:link3 url" content="/">
  44. <meta name="text:link4" content="">
  45. <meta name="text:link4 url" content="/">
  46. <meta name="text:link5" content="">
  47. <meta name="text:link5 url" content="/">
  48. <meta name="text:link6" content="">
  49. <meta name="text:link6 url" content="/">
  50.  
  51. <meta name="text:first letter" content=""/>
  52.  
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar-thumb {
  58. height:auto;
  59. background-color:{color:Scrollbar};
  60. }
  61.  
  62. ::-webkit-scrollbar {
  63. height:9px;
  64. width:6px;
  65. border:2px double #ccc;
  66. padding:4px;
  67. background-color:{color:ScrollbarBg};
  68. }
  69.  
  70. body {
  71. background:{color:background};
  72. margin:0px;
  73. color:{color:text};
  74. font-family:calibri;
  75. font-size:10px;
  76. line-height:150%;
  77. letter-spacing:0px;
  78.  
  79. margin-top:0px;
  80. text-align:justify;
  81. background-image:url('{image:Background}');
  82. }
  83.  
  84. a {
  85. text-decoration:none;
  86. outline:none;
  87. -moz-outline-style:none;
  88. color:{color:Links};
  89. }
  90.  
  91. img {
  92. border:none;
  93. }
  94.  
  95.  
  96. h1 {
  97. font-size:10px;
  98. letter-spacing:2px;
  99. text-transform:uppercase;
  100. font-family:'CAMBRIA';
  101. font-style:none;
  102. line-height:10px;
  103. text-align:center;
  104. padding:0px;
  105. }
  106.  
  107. a:hover {
  108. color:#000000;
  109. -moz-transition-duration:0.3s;
  110. -webkit-transition-duration:0.3s;
  111. -o-transition-duration:0.3s;
  112. text-decoration: underline;
  113. }
  114.  
  115.  
  116. /*ENTRIES*/
  117.  
  118.  
  119. blockquote {
  120. background-color:#f5f5f5;
  121. margin-left:0px;
  122. padding:10px;
  123. color:black;
  124. max-width:100%;
  125. width:480px;
  126. border-left: 2px solid #a7a7a7;
  127. }
  128.  
  129. blockquote a{
  130.  
  131. color:#000;
  132. }
  133.  
  134. #entries {
  135. padding:10px;
  136. width:500px;
  137. margin-left:460px;
  138. margin-top:60px;
  139. font-size:10px;
  140. font-family:times;
  141. letter-spacing:0px;
  142. line-height:180%;
  143. padding-right:80px;
  144. text-transform:NONE;
  145. }
  146.  
  147. #post {
  148. width:500px;
  149. padding:25px;background-color:white;
  150. margin-top:100px;
  151. margin-left:10px;
  152. margin-bottom:0px;
  153. color:#000;
  154.  
  155. -webkit-filter: grayscale(0%);
  156. -webkit-transition: all 1s ease-in-out;
  157. -moz-transition: all 1s ease-in-out;
  158. -o-transition: all 1s ease-in-out;
  159. transition: all 1s ease-in-out;
  160.  
  161. }
  162. #post a{
  163.  
  164. color:black;
  165.  
  166.  
  167. }
  168.  
  169. #post:hover{
  170.  
  171.  
  172.  
  173. -webkit-filter: grayscale(0%);
  174. -webkit-transition: all 1s ease-in-out;
  175. -moz-transition: all 1s ease-in-out;
  176. -o-transition: all 1s ease-in-out;
  177. transition: all 1s ease-in-out;
  178.  
  179. }
  180.  
  181. /*SIDEBAR*/
  182. #bigsidebar {
  183. bottom:-4px;
  184. position:fixed;
  185. z-index:-300;
  186. -webkit-transition: all 0.3s ease;
  187. -moz-transition: all 0.3s ease;
  188. -o-transition: all 0.3s ease;
  189. margin-left:50px;
  190. border-left:4px double #ccc;
  191. border-right:1px double #ccc;
  192.  
  193.  
  194. }
  195.  
  196.  
  197. #big sidebar img{
  198. -webkit-transition: all 0.3s ease;
  199. -moz-transition: all 0.3s ease;
  200. height:100%;
  201. border-right:3px solid {color:optional borders};
  202. position: bottom center ;
  203. -o-transition: all 0.3s ease;
  204. }
  205.  
  206. #sidebar {
  207. margin-left:100px;
  208. width:250px;
  209. padding-top:10px;
  210. margin-top:100px;
  211. padding:5px;
  212. position:fixed;
  213. border:4px double #ccc;
  214. background-color:white;
  215.  
  216.  
  217.  
  218.  
  219. }
  220.  
  221. #header {
  222. margin-left:505px;
  223. width:503px;
  224. margin-top:-75px;
  225. padding-bottom:10px;
  226. z-index:300;
  227. padding-top:50px;
  228.  
  229. background-color:white;
  230. text-align:center;
  231. font-weight:none;
  232. line-height:140%;
  233. word-spacing:10px;
  234. font-family:baskerville;
  235. position:fixed;
  236. border-bottom:3px solid {color:optional borders};
  237. font-size:12px;
  238.  
  239. }
  240.  
  241. #header img{width:100px;
  242. margin-left:-15px;
  243.  
  244.  
  245.  
  246. }
  247. #ndimg{text-align:center;}
  248.  
  249. #ndimg img{
  250. width:100px;
  251.  
  252.  
  253.  
  254. }
  255.  
  256.  
  257. .links {
  258. font-family:baskerville;
  259. padding: 3px;
  260. text-align:center;
  261. text-transform:lowercase;
  262. margin-top:7px;
  263. margin-left:-12px;
  264. width:249px;
  265. background-color:{color:links background};
  266.  
  267. }
  268.  
  269. .links a {
  270. width:355px;
  271. padding:1px;
  272. font-size:10px;
  273. letter-spacing:0px;
  274. color:{color:Sidebar Links};
  275. -moz-transition-duration:0.3s;
  276. -webkit-transition-duration:0.3s;
  277. -o-transition-duration:0.3s;
  278. }
  279.  
  280. .links a:hover {
  281.  
  282. color:black;
  283. border:4px double #ccc;
  284. background-color:white;
  285. text-decoration: none;-moz-transition-duration:0.3s;
  286. -webkit-transition-duration:0.3s;
  287. -o-transition-duration:0.3s;
  288.  
  289. }
  290.  
  291. #description {
  292. text-align:left;
  293. font-family:baskerville;
  294. width:240px;
  295. padding:10px;
  296. margin-top:-0px;
  297. font-size:10px;
  298. z-index: -1;
  299. background-color:;
  300. line-height:140%;
  301. text-transform:lowercase;
  302. color:{color:DescriptionText};
  303. }
  304.  
  305. #first-letter{
  306. font-size:30px;
  307. margin-top:8px;
  308. font-family:times;
  309. text-transform:uppercase;
  310. background-color:#ffffff;
  311. z-index: 1;
  312. float:left;
  313.  
  314. margin-right:3px;
  315.  
  316.  
  317. }
  318.  
  319.  
  320. #title{
  321.  
  322. font-size:16px;
  323. width:250px;
  324. text-transform:uppercase;
  325. margin-left:0px;
  326. margin-bottom:0px;
  327. text-align:center;
  328. font-family:calibri;
  329.  
  330. }
  331.  
  332. .pagination {
  333. font-family: times, sans serif;
  334. font-size:9px;
  335. width:488px;
  336. text-transform:uppercase;
  337. letter-spacing:2px;
  338. word-spacing:12px;
  339. font-weight:bold;
  340. text-align:center;
  341. margin-bottom:20px;
  342. background-color:#fff;
  343. padding:10px;
  344. margin-left:500px;
  345.  
  346. }
  347.  
  348. .pagination a{
  349.  
  350. color:black;
  351. }
  352.  
  353.  
  354. /*POST INFO*/
  355.  
  356. #info {
  357. width:499px;
  358. text-align:center;
  359. font-family:baskerville;
  360. margin-top:0px;
  361. margin-left:0px;
  362. letter-spacing:1px;
  363. font-size:10px;
  364. font-style:none;
  365. padding:1px;
  366. border-top:3px solid {color:info border};
  367. border-color:{color:info border};
  368. text-transform:lowercase;
  369. background-color:{color:info background};
  370. transition-duration: 0.5s;
  371. -moz-transition-duration: 0.5s;
  372. -webkit-transition-duration: 0.5s;
  373. -o-transition-duration: 0.5s
  374.  
  375. }
  376.  
  377. #info a {
  378. text-align:center;
  379. color:black;transition-duration: 0.5s;
  380. -moz-transition-duration: 0.5s;
  381. -webkit-transition-duration: 0.5s;
  382. -o-transition-duration: 0.5s
  383. }
  384.  
  385. #info a:hover {
  386. -moz-transition-duration:0.3s;
  387. -webkit-transition-duration:0.3s;
  388. -o-transition-duration:0.3s;
  389. color:#fff;
  390. background-color:#000;transition-duration: 0.5s;
  391. -moz-transition-duration: 0.5s;
  392. -webkit-transition-duration: 0.5s;
  393. -o-transition-duration: 0.5s
  394. }
  395.  
  396. #tags {
  397. width:499px;
  398.  
  399. margin-left:0px;
  400. text-align:center;
  401. padding:1px;
  402. line-height:100%;
  403. text-transform:lowercase;
  404. background-color:{color:info background};
  405.  
  406. font-size:10px;
  407. opacity:1;
  408. border-bottom:3px solid {color:info border};
  409. transition-duration: 0.5s;
  410. -moz-transition-duration: 0.5s;
  411. -webkit-transition-duration: 0.5s;
  412. -o-transition-duration: 0.5s
  413. }
  414.  
  415. #tags a {
  416. letter-spacing:1px;
  417. font-size:8px;
  418. text-align:center;
  419. font-family:'times';
  420. text-decoration:none;
  421. display:inline-block;
  422. color:black;
  423. border:1px solid #f1f1f1;
  424. padding-right:2px;
  425. padding-left:2px;
  426. background-color:#fff;
  427. font-weight:bold;
  428. -moz-transition-duration:0.3s;
  429. -webkit-transition-duration:0.3s;
  430. -o-transition-duration:0.3s;
  431. }
  432.  
  433. #tags a:hover {
  434. background-color:#000;
  435. -moz-transition-duration:0.3s;
  436. -webkit-transition-duration:0.3s;
  437. -o-transition-duration:0.3s;
  438. color:{color:Hover};
  439. text-decoration: underline;
  440. transition-duration: 0.5s;
  441. -moz-transition-duration: 0.5s;
  442. -webkit-transition-duration: 0.5s;
  443. -o-transition-duration: 0.5s
  444.  
  445. }
  446.  
  447. /*QUESTION*/
  448.  
  449. #asker {
  450. color:#000;
  451.  
  452. padding:14px;
  453. font-family:times;
  454. font-size:11px;
  455. letter-spacing:0px;
  456. text-align:left;
  457. margin-top:-10px;
  458. text-transform:lowercase;
  459. line-height:100%;
  460. background-color:#f1f1f1;
  461. }
  462.  
  463. #asker a{
  464. color:black;
  465. }
  466. /*CREDIT*/
  467.  
  468. #cred {
  469. position:fixed;
  470. font-family:'Calibri';
  471. text-transform:uppercase;
  472. font-size:8px;
  473. right:9px;
  474. text-align:center;
  475. background-color:white;
  476. bottom:9px;
  477. padding:1px;
  478. letter-spacing:1px;
  479. color:black;
  480. -moz-transition-duration:0.3s;
  481. -webkit-transition-duration:0.3s;
  482. -o-transition-duration:0.3s;
  483. }
  484.  
  485. #cred a {
  486.  
  487. color:black;
  488. -moz-transition-duration:0.3s;
  489. -webkit-transition-duration:0.3s;
  490. -o-transition-duration:0.3s;
  491. }
  492.  
  493. #cred a:hover{
  494. padding:4px;
  495. background-color:black;
  496. color:white; -moz-transition-duration:0.3s;
  497. -webkit-transition-duration:0.3s;
  498. -o-transition-duration:0.3s;
  499.  
  500. }
  501.  
  502.  
  503. #audio {
  504.  
  505. z-index:-300;
  506.  
  507.  
  508. }
  509.  
  510.  
  511. {CustomCSS}</style></head><body>
  512.  
  513. <div style="width: 350px; height: 100%; position: fixed; left: 50px;top:0px; background-position: center center; background-color:{color:big sidebar bg}; background-position: bottom center; background-image: url({image:big sidebar});"></div>
  514.  
  515. <div id="header">
  516. <div class="header">{text:quote}</div>
  517. <i>{text:said by}</i>
  518.  
  519. <br>
  520. <div id="ndimg"><img src="{image:header}"></div>
  521.  
  522. </div>
  523.  
  524.  
  525. <div id="sidebar">
  526.  
  527.  
  528.  
  529. <div id="title"> <b> {title} </b> </div>
  530. <div id="description"><div id="first-letter">{text:first letter}</div>
  531. {Description}
  532. <div class="links">
  533. <a href="/">Home</a>
  534. <a href="/ask">Ask</a>
  535.  
  536. {block:IfLink1}
  537. <a href="{text:link1 url}">{text:link1}</a>
  538. {/block:IfLink1}
  539. {block:IfLink2}
  540. <a href="{text:link2 url}">{text:link2}</a>
  541. {/block:IfLink2}
  542. {block:IfLink3}
  543. <a href="{text:link3 url}">{text:link3}</a>
  544. {/block:IfLink3}
  545. {block:IfLink4}
  546. <a href="{text:link4 url}">{text:link4}</a>
  547. {/block:IfLink4}
  548. {block:IfLink5}
  549. <a href="{text:link5 url}">{text:link5}</a>
  550. {/block:IfLink5}
  551. {block:IfLink6}
  552. <a href="{text:link6 url}">{text:link6}</a>
  553. {/block:IfLink6}
  554.  
  555. </div>
  556. </div>
  557. </div>
  558.  
  559. <div id="entries">
  560. {block:Posts}
  561. <div id="post">
  562.  
  563.  
  564. {block:Text}
  565. <h1>{block:Title}{Title}{/block:Title}</h1>
  566. {Body}{/block:Text}
  567.  
  568. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  569. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  570.  
  571. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  572. {/block:Caption}{/block:Photoset}
  573.  
  574. {block:Quote}<h2>{Quote}</h2>
  575. {block:Source}<div class="qsource"> —{Source}</div>
  576. {/block:Source}{/block:Quote}
  577.  
  578. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  579.  
  580. {block:Chat}{block:Title}{Title}<br>{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  581.  
  582. <div id="audio">
  583.  
  584. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  585. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  586. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  587. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  588. {/block:Audio}<br></div>
  589.  
  590.  
  591. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  592.  
  593. {block:Answer}<div id="asker"><b><i>{Asker} said: </i></b>{Question} <span style="text-align:lowercase; color:#fcfcfc;font-style:italic; "><br></span> </div><left><div style="padding:4px;margin-top:-10px;font-size:9px;"><font face="arial"><span style="text-align:left; background-color:#fcfcfc;"><left>{Answer}</left></span></font></div>{/block:Answer}
  594. <div id="info">
  595. <a href="{Permalink}">posted {Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  596.  
  597.  
  598. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}
  599. {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  600. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  601. with {NoteCountWithLabel} - </a>
  602.  
  603. </div>
  604.  
  605. {block:HasTags}<div id="tags">
  606.  
  607. {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a>&nbsp;{/block:Tags}
  608. </div>{block:HasTags}
  609. </div>
  610. {/block:Posts}
  611. <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
  612. {/block:Posts}</div>
  613.  
  614.  
  615.  
  616.  
  617. </div>
  618.  
  619.  
  620.  
  621. </div>
  622. <br><br><br><br>
  623.  
  624.  
  625. {block:Pagination}
  626. <div class="pagination">
  627. {block:PreviousPage}<a class="arrow" href="{PreviousPage}">←</a>{/block:PreviousPage}
  628. {block:JumpPagination length="8"}
  629. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  630. {block:JumpPage}<a class="page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  631. {block:NextPage}<a class="arrow" href="{NextPage}">→</a>{/block:NextPage}
  632. </div>
  633. {/block:Pagination}
  634.  
  635.  
  636.  
  637.  
  638.  
  639.  
  640.  
  641.  
  642.  
  643. </div>
  644.  
  645. <div id="cred">
  646. <a href="http://draculahs.tumblr.com/"><big><big<big><big><big<big><big><big<big>D</big></big></big></big></big></big></big></big></big>raculahs</a>
  647. </div>
  648. </div>
  649.  
  650.  
  651.  
  652. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement