API tools faq
paste
Advertisement
whisperwars

Dark Embrace

whisperwars
Feb 11th, 2012
2,868
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.11 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  4.  
  5. <!--
  6. ********************************
  7. Theme by: Princetonave.com
  8. Name: Dark Embrace
  9. Year: 2012
  10. ********************************
  11. -->
  12.  
  13. <head>
  14. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <meta name="if:Show side image" content="0"/>
  23. <meta name="if:Show nav" content="0"/>
  24. <meta name="if:one columns" content="0"/>
  25. <meta name="if:two columns" content="0"/>
  26. <meta name="if:three columns" content="1"/>
  27. <meta name="if:Infinite scroll" content="1"/>
  28.  
  29. <meta name="image:side image" content=""/>
  30. <meta name="image:background" content=""/>
  31.  
  32. <meta name="text:Nav 1" content="" />
  33. <meta name="text:Nav 1 Title" content="" />
  34. <meta name="text:Nav 2" content="" />
  35. <meta name="text:Nav 2 Title" content="" />
  36. <meta name="text:Nav 3" content="" />
  37. <meta name="text:Nav 3 Title" content="" />
  38. <meta name="text:Nav 4" content="" />
  39. <meta name="text:Nav 4 Title" content="" />
  40. <meta name="text:Nav 5" content="" />
  41. <meta name="text:Nav 5 Title" content="" />
  42. <meta name="text:Nav 6" content="" />
  43. <meta name="text:Nav 6 Title" content="" />
  44. <meta name="text:Nav 7" content="" />
  45. <meta name="text:Nav 7 Title" content="" />
  46.  
  47. <meta name="color:background" content="#000000" />
  48. <meta name="color:entry text" content="#444444" />
  49. <meta name="color:entry background" content="#030303" />
  50. <meta name="color:sidebar background" content="#030303" />
  51. <meta name="color:strong text" content="#999999" />
  52. <meta name="color:a link" content="#999999" />
  53. <meta name="color:a link hover" content="#555555" />
  54. <meta name="color:album img border" content="#000000" />
  55. <meta name="color:blockquote border" content="#000000" />
  56. <meta name="color:blockquote background" content="#050505" />
  57. <meta name="color:desc text" content="#999999" />
  58. <meta name="color:h2 text" content="#777777" />
  59. <meta name="color:h3 text" content="#777777" />
  60. <meta name="color:details background" content="#000000" />
  61. <meta name="color:details text" content="#444444" />
  62. <meta name="color:details link text" content="#999999" />
  63. <meta name="color:details link hover text" content="#444444" />
  64. <meta name="color:label text" content="#999999" />
  65. <meta name="color:label 2 text" content="#666666" />
  66. <meta name="color:notes img border" content="#000000" />
  67. <meta name="color:nav link background" content="#090909" />
  68. <meta name="color:nav link text" content="#999999" />
  69. <meta name="color:nav link hover background" content="#090909" />
  70. <meta name="color:nav link hover text" content="#444444" />
  71. <meta name="color:player background" content="#EBEBEB" />
  72.  
  73. <style type="text/css">
  74. body {
  75. background-image: url('') ;
  76. font-family: georgia;
  77. text-align:justify;
  78. line-height: 9pt;
  79. font-size: 7pt;
  80. margin:0px;
  81. padding: 0px;
  82. background:{color:background} url('{image:background}') fixed;}
  83.  
  84. strong {
  85. color: {color:strong text} ;}
  86.  
  87. ol,ul{list-style:none}
  88.  
  89. a, a:active, a:visited{
  90. color:{color:a link} ;
  91. text-decoration: none;}
  92.  
  93. a:hover {
  94. color:{color:a link hover};
  95. text-decoration: none;}
  96.  
  97. #wrapper {
  98. margin : 0 auto 0 auto;
  99. width : 1125px;
  100. text-align : justify;}
  101.  
  102. #container {
  103. float : left;{block:ifnotthreecolumns}{block:ifnottwocolumns}{block:ifonecolumns}width:725px;{/block:ifonecolumns}{/block:ifnottwocolumns}{/block:ifnotthreecolumns}
  104. {block:ifnotthreecolumns}{block:iftwocolumns}width:1125px;{/block:iftwocolumns}{/block:ifnotthreecolumns}
  105. {block:ifnottwocolumns}{block:ifthreecolumns}width:1125px;{/block:ifthreecolumns}{/block:ifnottwocolumns}
  106. padding : 0;
  107. height: auto;
  108. background-color: transparent;
  109. margin-bottom : 0;
  110. margin-top : 0;}
  111.  
  112. #content{
  113. float: right;
  114. padding: 0 0 0 0;
  115. margin-top: 20px;
  116. {block:ifnotthreecolumns}{block:ifnottwocolumns}{block:ifonecolumns}width:500px;{/block:ifonecolumns}{/block:ifnottwocolumns}{/block:ifnotthreecolumns}
  117. {block:ifnotthreecolumns}{block:iftwocolumns}width:900px;{/block:iftwocolumns}{/block:ifnotthreecolumns}
  118. {block:ifnottwocolumns}{block:ifthreecolumns}width:900px;{/block:ifthreecolumns}{/block:ifnottwocolumns}
  119. background-color: transparent;
  120. font: 100%;}
  121.  
  122. #sidebar {
  123. text-align: justify;
  124. font-family: tahoma;
  125. line-height: 9pt;
  126. font-size: 7pt;
  127. padding: 8px;
  128. margin: 160px 0 0 0;
  129. width: 200px;
  130. float: left;
  131. position: fixed;
  132. background: {color:sidebar background};
  133. -moz-border-top-right-radius: 15px;
  134. border-top-right-radius: 15px;
  135. -moz-border-bottom-left-radius: 15px;
  136. border-bottom-left-radius: 15px;
  137. color: {color:desc text};
  138. }
  139.  
  140. #sidebar .image {
  141. width: 90%;
  142. margin-top: 10px;}
  143.  
  144. .entry {
  145. display:block;
  146. overflow:hidden;
  147. background: {color:entry background};
  148. padding: 5px;
  149. color: {color:entry text} ;
  150. line-height: 9pt;
  151. font-size: 7pt;
  152. {block:indexpage}
  153. {block:ifnotthreecolumns}{block:ifnottwocolumns}{block:ifonecolumns}width:450px;{/block:ifonecolumns}{/block:ifnottwocolumns}{/block:ifnotthreecolumns}
  154. {block:ifnotthreecolumns}{block:ifnottwocolumns}{block:ifonecolumns}margin:5px;{/block:ifonecolumns}{/block:ifnottwocolumns}{/block:ifnotthreecolumns}
  155.  
  156. {block:ifnotthreecolumns}{block:iftwocolumns}width:350px;{/block:iftwocolumns}{/block:ifnotthreecolumns}
  157. {block:ifnotthreecolumns}{block:iftwocolumns}margin:5px;{/block:iftwocolumns}{/block:ifnotthreecolumns}
  158.  
  159. {block:ifnottwocolumns}{block:ifthreecolumns}width:250px;{/block:ifthreecolumns}{/block:ifnottwocolumns}
  160. {block:ifnottwocolumns}{block:ifthreecolumns}margin:5px;{/block:ifthreecolumns}{/block:ifnottwocolumns}
  161. {/block:indexpage}
  162.  
  163. {block:permalinkpage}width: 500px;{/block:permalinkpage} }
  164.  
  165. .entry img {
  166. width: 100%;
  167. margin: 0px;
  168. padding: 0px;}
  169.  
  170. .album img {
  171. width: 50px;
  172. height: 50px;
  173. border: 5px solid {color:album img border} ;}
  174.  
  175. blockquote {
  176. border-left: 6px solid {color:blockquote border};
  177. background: {color:blockquote background};
  178. padding: 10px;
  179. margin-bottom: 10px;
  180. margin-top: 10px;}
  181.  
  182. h1{
  183. background: transparent;
  184. margin: 0px;
  185. padding: 0px;
  186. line-height: 9pt;
  187. font-size: 8pt;
  188. text-align: center;}
  189.  
  190. h2 {
  191. padding: 5px;
  192. color: {color:h2 text};
  193. font-size: 9pt;
  194. text-align: center;
  195. margin: 0 0 0 0;}
  196.  
  197. h3 {
  198. font-size : 12px;
  199. text-align : left;
  200. font-family : Georgia, serif;
  201. color : {color:h3 text};
  202. padding-left : 4px;
  203. margin: 3px 0 3px 0;
  204. letter-spacing : 3px;
  205. font-style: italic;
  206. font-variant : small-caps;
  207. font-weight : 100;}
  208.  
  209. .details {
  210. display:block;
  211. padding: 5px 0 5px 0;
  212. margin: -22px 0 0 0;
  213. font-size: 7pt;
  214. font-family: courier new;
  215. text-transform: uppercase;
  216. background: {color:details background};
  217. position:absolute;
  218. text-align: center;
  219. z-index:1000000;
  220. opacity:0;
  221. filter: alpha(opacity = 0);
  222. {block:ifnotthreecolumns}{block:ifnottwocolumns}{block:ifonecolumns}width:450px;{/block:ifonecolumns}{/block:ifnottwocolumns}{/block:ifnotthreecolumns}
  223. {block:ifnotthreecolumns}{block:iftwocolumns}width:350px;{/block:iftwocolumns}{/block:ifnotthreecolumns}
  224. {block:ifnottwocolumns}{block:ifthreecolumns}width:250px;{/block:ifthreecolumns}{/block:ifnottwocolumns} }
  225.  
  226. .entry:hover .details {
  227. opacity:1;
  228. filter: alpha(opacity = 100);
  229. -webkit-transition: opacity 0.4s linear;
  230. -moz-transition: all 0.4s linear;
  231. transition: all 0.4s linear;}
  232.  
  233. .details a{ color: {color:details link text};}
  234. .details a:hover{ color: {color:details link hover text};}
  235.  
  236. #pagination{
  237. display:none;}
  238.  
  239. #chat {
  240. padding: 0px;
  241. margin-top: 0px;}
  242.  
  243. #chat ul,#chat ol,#chat li{
  244. list-style:none;
  245. padding: 1px;}
  246.  
  247. .label {
  248. text-transform: uppercase;
  249. font-size: 8pt;
  250. font-weight: bold;
  251. color: {color:label text};
  252. margin-left: 0px;
  253. padding-right: 5px;}
  254.  
  255. .chat1 .label {
  256. text-transform: uppercase;
  257. font-size: 8pt;
  258. color: {color:label 2 text};}
  259.  
  260. ul, ol {
  261. margin: 0px;
  262. padding: 0px;}
  263.  
  264. .notes {
  265. margin: 10px; }
  266.  
  267. .notes img {
  268. width: 16px;
  269. border: 1px solid {color:notes img border};}
  270.  
  271. #nav {
  272. padding: 0px;
  273. margin-top:20px;
  274. margin-bottom: 20px;
  275. text-align: center;
  276. background: transparent ;}
  277.  
  278. #nav a{
  279. text-decoration: none;
  280. font-family: tahoma;
  281. margin: 1px;
  282. padding: 5px 5px 5px 12px;
  283. text-align: left;
  284. font-weight: none;
  285. width: 175px;
  286. display:block;
  287. background: {color:nav link background};
  288. color: {color:nav link text};
  289. text-transform: lowercase;
  290. font-size: 7pt;}
  291.  
  292. #nav a:hover{
  293. text-align: left;
  294. font-family: tahoma;
  295. margin: 1px;
  296. padding: 5px 5px 5px 12px;
  297. display:block;
  298. width: 185px;
  299. -webkit-transition: all 0.5s ease;
  300. -moz-transition: all 0.5s ease;
  301. -o-transition: all 0.5s ease;
  302. color: {color:nav link hover text};
  303. background: {color:nav link hover background};
  304. text-transform: lowercase;
  305. font-size: 7pt;
  306. text-decoration: none;
  307. font-weight: none;}
  308. </style>
  309.  
  310. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  311. </head>
  312. <body>
  313.  
  314. <div id="wrapper">
  315. <div id="container">
  316.  
  317. <div id="sidebar">
  318. {block:ifshowsideimage}
  319. <center><a href="/"><img src="{image:side image}" class="image"></a></center>
  320. {block:ifshowsideimage}
  321. {block:ifnotshownav}
  322. <br />
  323. {/block:ifnotshownav}
  324. {block:ifshownav}
  325. <div id="nav">
  326. {block:ifNav1}<a href="{text:Nav 1}" class="nav">{text:Nav 1 Title}</a>{/block:ifNav1}
  327. {block:ifNav2}<a href="{text:Nav 2}" class="nav">{text:Nav 2 Title}</a>{/block:ifNav2}
  328. {block:ifNav3}<a href="{text:Nav 3}" class="nav">{text:Nav 3 Title}</a>{/block:ifNav3}
  329. {block:ifNav4}<a href="{text:Nav 4}" class="nav">{text:Nav 4 Title}</a>{/block:ifNav4}
  330. {block:ifNav5}<a href="{text:Nav 5}" class="nav">{text:Nav 5 Title}</a>{/block:ifNav5}
  331. {block:ifNav6}<a href="{text:Nav 6}" class="nav">{text:Nav 6 Title}</a>{/block:ifNav6}
  332. {block:ifNav7}<a href="{text:Nav 7}" class="nav">{text:Nav 7 Title}</a>{/block:ifNav7}
  333.  
  334. <a href="/ask" class="nav">Message</a>
  335. <a href="/archive" class="nav">Archive</a>
  336. </div>
  337. {/block:ifshownav}
  338. {block:Description}
  339. {Description}
  340. {/block:Description}
  341. <p><center><b>Theme by:</b> <a href="http://princetonave.com"target="_blank">princetonave.com</a></center></p>
  342.  
  343. <div id="#navigation">
  344. {block:Pagination}
  345. <div class="pagination">
  346. {block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}
  347. {block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}
  348. </div>
  349. {/block:Pagination}
  350. </div>
  351.  
  352.  
  353.  
  354. </div>
  355. <div id="content">
  356. {block:Posts}
  357. <article>
  358. <div class="entry">
  359. {block:Text}
  360. {block:Title}
  361. <h1><a href="{Permalink}">{Title}</a></h1>
  362. {/block:Title}
  363. <p>{Body}</p>
  364. {/block:Text}
  365.  
  366. {block:Photo}
  367. {block:permalinkpage}<center><a href="{Permalink}"/><img src="{PhotoURL-500}"/></a></center>{block:caption}{Caption}{/block:caption}{/block:permalinkpage}
  368.  
  369. {block:IndexPage}
  370. {block:ifnotthreecolumns}{block:ifnottwocolumns}{block:ifonecolumns}<a href="{Permalink}"/><img src="{PhotoURL-400}"/></a>{/block:ifonecolumns}{/block:ifnottwocolumns}{/block:ifnotthreecolumns}
  371. {block:ifnotthreecolumns}{block:iftwocolumns}<a href="{Permalink}"/><img src="{PhotoURL-400}"/></a>{/block:iftwocolumns}{/block:ifnotthreecolumns}
  372. {block:ifnottwocolumns}{block:ifthreecolumns}<a href="{Permalink}"/><img src="{PhotoURL-250}"/></a>{/block:ifthreecolumns}{/block:ifnottwocolumns}
  373. {/block:IndexPage}
  374. {/block:Photo}
  375.  
  376. {block:Photoset}
  377. {block:permalinkpage}<center>{Photoset-500}</center>{/block:permalinkpage}
  378.  
  379. {block:IndexPage}
  380. {block:ifnotthreecolumns}{block:ifnottwocolumns}{block:ifonecolumns}<center>{Photoset-400}</center>{/block:ifonecolumns}{/block:ifnottwocolumns}{/block:ifnotthreecolumns}
  381. {block:ifnotthreecolumns}{block:iftwocolumns}<center>{Photoset-250}</center>{/block:iftwocolumns}{/block:ifnotthreecolumns}
  382. {block:ifnottwocolumns}{block:ifthreecolumns}<center>{Photoset-250}</center>{/block:ifthreecolumns}{/block:ifnottwocolumns}
  383. {/block:IndexPage}
  384. {/block:Photoset}
  385.  
  386. {block:Quote}
  387. "{Quote}"
  388. {block:Source}
  389. <div class="source">{Source}</div>
  390. {/block:Source}
  391. {/block:Quote}
  392.  
  393. {block:Link}
  394. <a href="{URL}" class="link"{Target}>{Name}</a>
  395. {block:Description}
  396. <div class="description">{Description}</div>
  397. {/block:Description}
  398. {/block:Link}
  399.  
  400. {block:Chat}<div id="chat">{block:Title}
  401. <h1><a href="{Permalink}">{Title}</a></h1>
  402. {/block:Title}
  403. <ul>
  404. {block:Lines}
  405. <li class="chat{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  406. {/block:Lines}
  407. </ul>
  408. </div>
  409. {/block:Chat}
  410.  
  411. {block:Video}
  412. {block:permalinkpage}<center>{Video-500}</center>{/block:permalinkpage}
  413.  
  414. {block:IndexPage}
  415. {block:ifnotthreecolumns}{block:ifnottwocolumns}{block:ifonecolumns}<center>{Video-400}</center>{/block:ifonecolumns}{/block:ifnottwocolumns}{/block:ifnotthreecolumns}
  416. {block:ifnotthreecolumns}{block:iftwocolumns}<center>{Video-250}</center>{/block:iftwocolumns}{/block:ifnotthreecolumns}
  417. {block:ifnottwocolumns}{block:ifthreecolumns}<center>{Video-250}</center>{/block:ifthreecolumns}{/block:ifnottwocolumns}
  418. {/block:IndexPage}
  419. {/block:Video}
  420.  
  421. {block:Audio}
  422. <table><tr><td class="album">
  423. {block:AlbumArt}
  424. <img src="{AlbumArtURL}" class="audio"/>
  425. {/block:AlbumArt}
  426. </td>
  427. <td class="td">
  428. {block:Artist}
  429. <strong>Artist:</strong> {Artist}
  430. {/block:Artist} <br />
  431. {block:Album}
  432. <strong>Album:</strong> {Album}
  433. {/block:Album} <br />
  434. {block:TrackName}
  435. <strong>Trackname:</strong> {TrackName}
  436. {/block:TrackName}
  437. </td></tr></table>
  438.  
  439. {block:ifnotwhiteplayer}{block:ifnotgreyplayer}{block:ifblackplayer}{AudioPlayerBlack}{/block:ifblackplayer}{/block:ifnotgreyplayer}{/block:ifnotwhiteplayer}
  440.  
  441. {block:ifnotblackplayer}{block:ifnotgreyplayer}{block:ifwhiteplayer}{AudioPlayerWhite}{/block:ifwhiteplayer}{/block:ifnotgreyplayer}{/block:ifnotblackplayer}
  442.  
  443. {block:ifnotblackplayer}{block:ifnotwhiteplayer}{block:ifgreyplayer}{AudioPlayerGrey}{/block:ifgreyplayer}{/block:ifnotwhiteplayer}{/block:ifnotblackplayer}
  444.  
  445.  
  446. {block:Caption}
  447. {Caption}
  448. {/block:Caption}
  449. {/block:Audio}
  450. {block:IndexPage}
  451. <div class="details">
  452. <a href="{permalink}">{NoteCount} notes</a> · <a href="{ReblogURL}" target="_blank">reblog</a>
  453. </div>
  454. {/block:IndexPage}
  455.  
  456. {block:PermalinkPage}
  457. <h2>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}
  458. {block:NoteCount} · {NoteCountWithLabel}{/block:NoteCount}</h2>
  459. <center>{block:HasTags} {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  460. <table class="notes">
  461. {block:PostNotes}{PostNotes}{/block:PostNotes}
  462. </table>
  463.  
  464. {/block:PermalinkPage}
  465.  
  466. </div>
  467. </article>
  468. {/block:Posts}
  469. </div>
  470. </div>
  471. </div>
  472. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  473. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  474. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  475. {block:IfInfiniteScroll}
  476. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  477. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  478. {/block:IfInfiniteScroll}
  479. <!--Code for infinite scroll and grid layout-->
  480. <script>
  481. (function() {
  482. var $tumblelog = $('#content');
  483. {block:IfInfiniteScroll}
  484. $tumblelog.infinitescroll({
  485. navSelector : ".pagination",
  486. nextSelector : ".pagination a:first",
  487. itemSelector : "article",
  488. bufferPx : 50,
  489. done : "",
  490. loading: {
  491. finishedMsg: "<p> </p>",
  492. img : " ",
  493. msg: null,
  494. msgText: "<p> </p>"
  495. },
  496. },
  497. function( newElements ) {
  498. var $newElems = $( newElements ).css({ opacity: 0 });
  499. $newElems.imagesLoaded(function(){
  500. $newElems.animate({ opacity: 1 });
  501. $tumblelog.masonry( 'appended', $newElems);
  502. });
  503. }
  504. );
  505. {/block:IfInfiniteScroll}
  506. $tumblelog.imagesLoaded( function(){
  507. $tumblelog.masonry({
  508. columnWidth: function( containerWidth ) {
  509. return containerWidth / 100;
  510. }
  511. });
  512. });
  513. })();
  514. </script>
  515. </body>
  516. </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!