Advertisement
ancrestas

the wailing woman

Aug 1st, 2014
205
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.52 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.  
  4. <html>
  5. <head>
  6.  
  7. <meta name="color:background" content="#FFFFFF">
  8. <meta name="color:links" content="#928f8f">
  9. <meta name="color:post links" content="#928f8f">
  10. <meta name="color:hover" content="#454545">
  11. <meta name="color:infoposts" content="#dadada">
  12. <meta name="color:accent" content="#dadada">
  13. <meta name="color:text" content="#9A9A9A">
  14. <meta name="color:title" content="#0a0a0a">
  15. <meta name="color:titlebg" content="#0a0a0a">
  16. <meta name="color:question background" content="#f6f6f6"/>
  17.  
  18. <meta name="image:sidebar" content=""/>
  19.  
  20. <meta name="text:Link1" content="" />
  21. <meta name="text:Link1 Title" content="" />
  22. <meta name="text:Link2" content="" />
  23. <meta name="text:Link2 Title" content="" />
  24. <meta name="text:Link3" content="" />
  25. <meta name="text:Link3 Title" content="" />
  26. <meta name="text:Link4" content="" />
  27. <meta name="text:Link4 Title" content="" />
  28. <meta name="text:Link5" content="" />
  29. <meta name="text:Link5 Title" content="" />
  30.  
  31.  
  32. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  33. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34. <link rel="shortcut icon" href="{Favicon}" />
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  36.  
  37. <script type="text/javascript"
  38. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  39.  
  40. <script type="text/javascript"
  41. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  42.  
  43. <style type="text/css">
  44.  
  45. #s-m-t-tooltip {
  46. max-width:300px;
  47. padding:5px;
  48. margin:10px 0px 0px 10px;
  49. background-color:{color:titlebg};
  50. font-family:trebuchet ms;
  51. font-size:7px;
  52. letter-spacing:1px;
  53. font-style:none;
  54. text-transform:uppercase;
  55. padding-bottom:3px;
  56. color:#fff;
  57. z-index:999999999999999999999999999999999999;
  58. }
  59.  
  60. ::-webkit-scrollbar-thumb {
  61. height:auto;
  62. background-color: #555;
  63. border:1px solid #fff;
  64. }
  65.  
  66. ::-webkit-scrollbar {
  67. height:9px;
  68. width:5px;
  69. background-color: #ddd;
  70. border:2px solid #fff;
  71. }
  72.  
  73. a {
  74. color:{color:post links};
  75. text-decoration:none;
  76. outline:none;
  77. -moz-outline-style:none;
  78. -moz-transition-duration:0.5s;
  79. -webkit-transition-duration:0.5s;
  80. -o-transition-duration:0.5s;
  81. }
  82.  
  83. a:hover {
  84. color:{color:hover};
  85. text-decoration:none;
  86. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  87. -moz-transition-duration:0.5s;
  88. -webkit-transition-duration:0.5s;
  89. -o-transition-duration:0.5s;
  90. }
  91.  
  92. body {
  93. background-color:{color:background};
  94. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  95. margin:0px;
  96. color:{color:text};
  97. font-family:calibri;
  98. font-size:10px;
  99. line-height:100%;
  100. letter-spacing:0px;
  101. text-align:justify;
  102. }
  103.  
  104. h1 {
  105. font-weight:normal;
  106. font-size:10px;
  107. text-align:center;
  108. font-style:normal;
  109. line-height:80%;
  110. letter-spacing:1px;
  111. text-transform:uppercase;
  112. color:{color:text};
  113. }
  114.  
  115. h2 {
  116. font-size:18px;
  117. text-align:center;
  118. text-transform:uppercase;
  119. font-family:calibri;
  120. font-style:none;
  121. color:{color:title};
  122. letter-spacing:-1.3px;
  123. margin-bottom:6px
  124. }
  125.  
  126. blockquote {
  127. border-left:2px solid {color:text};
  128. padding-left:5px;
  129. margin:5px;
  130. }
  131.  
  132.  
  133. #title {
  134. position:fixed;
  135. font-family:arial;
  136. font-size:20px;
  137. text-align:left;
  138. margin-top:35px;
  139. margin-left:528px;
  140. text-transform:lowercase;
  141. font-weight: bold;
  142. width:223px;
  143. padding:2px;
  144. z-index:999999999999999999999999999;
  145. letter-spacing:-1px;
  146. color:{color:title};
  147. }
  148.  
  149. #description {
  150. text-align:justify;
  151. font-family:'Arial';
  152. width:380px;
  153. margin-top:-55px;
  154. margin-left:530px;
  155. font-size:9px;
  156. position:fixed;
  157. text-transform:none;
  158. color:{color:text};
  159. border-top:1px solid #f0f0f0;
  160. padding: 10px 10px 10px;
  161. }
  162.  
  163. #sidebar {
  164. position:fixed;
  165. margin-top:-60px;
  166. margin-left:0px;
  167. width:20000px;
  168. height:150px;
  169. background:#fff;
  170. }
  171.  
  172. #sidebarimage {
  173. width:100px;
  174. height:auto;
  175. border-radius:500px;
  176. margin-left:0px;
  177. }
  178.  
  179. #sidebarimage img {
  180. height:90px;
  181. width:90px;
  182. margin-top:30px;
  183. padding:3px;
  184. margin-left:430px;
  185. transition-duration: 0.9s;
  186. -moz-transition-duration: 0.9s;
  187. -webkit-transition-duration: 0.9s;
  188. -o-transition-duration: 0.9s;
  189. }
  190.  
  191. #sidebarimage img:hover {
  192. border-radius:100%;
  193. transition-duration: 0.9s;
  194. -moz-transition-duration: 0.9s;
  195. -webkit-transition-duration: 0.9s;
  196. -o-transition-duration: 0.9s;
  197. }
  198.  
  199. .links {
  200. width:250px;
  201. z-index:-1px;
  202. margin-top:-75px;
  203. margin-left:463px;
  204. text-transform:lowercase;
  205. font-family:arial;
  206. font-size:9px;
  207. letter-spacing:0px;
  208. padding:4px;
  209. position:fixed;
  210. text-align:center;
  211. }
  212.  
  213. .links a {
  214. color:{color:links};
  215. padding:3px;
  216. -moz-transition-duration: 0.5s;
  217. -o-transition-duration: 0.5s;
  218. -webkit-transition-duration: 0.5s;
  219. transition-duration: 0.5s;
  220. }
  221.  
  222. .links a:hover {
  223. color:{color:hover};
  224. text-decoration:underline;
  225. -moz-transition-duration: 0.5s;
  226. -o-transition-duration: 0.5s;
  227. -webkit-transition-duration: 0.5s;
  228. transition-duration: 0.5s;
  229. }
  230.  
  231. .pagination {
  232. position:fixed;
  233. padding:10px;
  234. width:550px;
  235. text-align:center;
  236. bottom:0px;
  237. font-family:trebuchet ms;
  238. font-size:10px;
  239. letter-spacing:4px;
  240. text-transform:uppercase;
  241. font-style:normal;
  242. z-index:100;
  243. background:#FFFFFF;
  244. }
  245.  
  246. .pagination a {
  247. color:gray;
  248. }
  249.  
  250. #entries {
  251. padding:10px;
  252. width:500px;
  253. margin-left:400px;
  254. margin-top:60px;
  255. font-size:10px;
  256. font-family:'arial';
  257. letter-spacing:0px;
  258. }
  259.  
  260. #post {
  261. width:500px;
  262. padding-bottom:40px;
  263. padding:25px;
  264. margin-top:50px;
  265. }
  266.  
  267. .caption {
  268. width:500px;
  269. text-align:justify;
  270. line-height:120%;
  271. }
  272.  
  273. .askbox {
  274. text-align: justify;
  275. font-family:calibri;
  276. font-size: 10px;
  277. color: {color:text};
  278. background:{color:question background};
  279. padding:9px;
  280. padding-right:30px;
  281. border-bottom:1px solid #f4f4f4;}
  282.  
  283. .answer {
  284. margin-top:-10px;
  285. color:{color:text};
  286. text-align:left;
  287. font-family:'calibri';
  288. font-size: 10px;
  289. padding-left:2px;
  290. }
  291.  
  292. .icon img {
  293. float:right;
  294. padding:5px;
  295. background:#f5f5f5;
  296. margin-top:-20px;
  297. }
  298.  
  299. .audio {
  300. width:500px;
  301. padding-bottom:10px;
  302. background-color:{color:infoposts};
  303. }
  304.  
  305. .albumart {
  306. float:left;
  307. padding:0px 10px 10px 0px;
  308. }
  309.  
  310. .albumart img {
  311. width:45px;
  312. height:45px;
  313. }
  314.  
  315. .playercontainer {
  316. text-align:left;
  317. padding:10px;
  318. background-color:#ffffff;
  319. width:480px;
  320. }
  321.  
  322. .audioinfo {
  323. padding:10px;
  324. color:{color:text};
  325. }
  326.  
  327. .info {
  328. margin-top:23px;
  329. margin-left:2px;
  330. padding-bottom:0px;
  331. font-family:calibri;
  332. line-height:0px;
  333. letter-spacing:0.9px;
  334. text-transform:uppercase;
  335. text-align:center;
  336. font-size:8px;
  337. border-top:1px solid {color:accent};
  338. }
  339.  
  340. .info a {
  341. color:{color:post links};
  342. }
  343.  
  344. .info a:hover {
  345. text-decoration:underline;
  346. color:{color:hover};
  347. }
  348.  
  349. .note {
  350. text-transform:uppercase;
  351. font-style:normal;
  352. letter-spacing:0px;
  353. font-size: 9px;
  354. text-align:left;
  355. line-height:90%;
  356. margin-left:-40px;
  357. }
  358.  
  359. .note li {
  360. list-style-type:none;
  361. padding:10px 25px 10px 25px;
  362. text-align:left;
  363. margin:0px;
  364. -moz-transition-duration:0.5s;
  365. -webkit-transition-duration:0.5s;
  366. -o-transition-duration:0.5s;
  367. }
  368.  
  369. .tags{
  370. font-family:calibri;
  371. font-size:8px;
  372. text-align:center;
  373. text-transform:uppercase;
  374. letter-spacing:1px;
  375. color:{color:text};
  376. margin-top:10px;
  377. margin-left:13px;
  378. }
  379.  
  380. .tag a {
  381. position:absolute;
  382. font-family:calibri;
  383. font-size:8px;
  384. text-align:center;
  385. width:500px;
  386. text-transform:uppercase;
  387. letter-spacing:1px;
  388. color:{color:text};
  389. -webkit-transition:all 0.7s ease-out;
  390. -moz-transition:all 0.7s ease-out;
  391. transition:all 0.7s ease-out;
  392. }
  393.  
  394.  
  395. ul.chat, .chat ol, .chat li {
  396. list-style:none;
  397. margin:0px;
  398. padding:2px;
  399. }
  400.  
  401. .label {
  402. padding-right:1px;
  403. text-transform:uppercase;
  404. font-weight:bold;
  405. color:{color:post links};
  406. }
  407.  
  408. #credit {
  409. font-size:11px;
  410. bottom:0;
  411. right:0;
  412. position:fixed;
  413. text-transform:uppercase;
  414. padding:5px;
  415. color:{color:post links};
  416. }
  417.  
  418. {CustomCSS}
  419. </style>
  420. </head>
  421.  
  422. <body>
  423.  
  424. <div id="sidebar">
  425. <div id="title"><y>{Title};</y></div>
  426. <div id="sidebarimage">
  427. <img src="{image:Sidebar}"></a></div>
  428. <div class="links">
  429. <a href="{text:Link1}">{text:Link1 Title}.</a>
  430. <a href="{text:Link2}">{text:Link2 Title}.</a>
  431. <a href="{text:Link3}">{text:Link3 Title}.</a>
  432. <a href="{text:Link4}">{text:Link4 Title}.</a>
  433. <a href="{text:Link5}">{text:Link5 Title}.</a>
  434.  
  435. </div>
  436. <div id="description">{Description}
  437. </div>
  438. </div>
  439. </div>
  440.  
  441. <div id="entries">
  442. {block:Posts}
  443. <div id="post">
  444.  
  445. {block:Text}<h2>{block:Title}{Title}{/block:Title}</h2>{Body}{/block:Text}
  446.  
  447. {block:Quote}
  448. <h2>❝ {Quote} ❞</h2>
  449. {/block:Quote}
  450.  
  451. {block:Link}
  452. <a href="{URL}"><h2>{Name}</h2></a>
  453. {block:Description}
  454. <p>{Description}</p>
  455. {/block:Description}
  456. {/block:Link}
  457.  
  458. {block:Photo}
  459. <center><img src="{PhotoURL-500}"/></center>
  460. {block:Caption}
  461. {Caption}
  462. {/block:Caption}
  463. {/block:Photo}
  464.  
  465. {block:Photoset}
  466. <center>
  467. {Photoset-500}
  468. </center>
  469. {block:Caption}
  470. {Caption}
  471. {/block:Caption}
  472. {/block:Photoset}
  473.  
  474. {block:Chat}
  475. {block:Title}
  476. <h1>{Title}</h1>
  477. {/block:Title}
  478. <div class="chat">
  479. <ol>{block:Lines}
  480. <li class="line {Alt}">
  481. {block:Label}
  482. <span class="label">
  483. {Label}</span>
  484. {/block:Label}{Line}</li>
  485. {/block:Lines}
  486. </ol></div>
  487. {/block:Chat}
  488.  
  489. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  490.  
  491. {block:Answer}
  492. <div class="askbox"><b>{Asker}</b> asked : {Question}</div><div class="icon"><img src="{AskerPortraitURL-24}"></div><br>
  493. <div class="answer">{Answer}</div>
  494. {/block:Answer}
  495.  
  496. {block:Audio}
  497. <div class="audio">
  498. {block:AlbumArt}
  499. <div class="albumart"><img src="{AlbumArtURL}"/></div>
  500. {/block:AlbumArt}
  501. <div class="audioinfo">
  502. {block:TrackName}
  503. <b>Title:</b> {TrackName}<br />
  504. {/block:TrackName}
  505. {block:Artist}
  506. <b>Artist:</b> {Artist}<br />
  507. {/block:Artist}
  508. {/block:ExternalAudio}
  509. <b>Played:</b> {PlayCount} times</div>
  510. <br><div class="playercontainer">
  511. {AudioPlayerWhite}</div></div>
  512. {block:Caption}
  513. {Caption}
  514. {/block:Caption}<br>
  515. {/block:Audio}
  516.  
  517. <p>
  518.  
  519. {block:Date}<div class="info"> <span style="background-color:{color:background};padding:1px;"> <a href="{Permalink}">{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth}</a> {block:NoteCount}<span style="color:{color:link};"><span style="font-size:8px;font-family:arial;">♥</span></span> {NoteCount}{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} • <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}</span>{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}"><span style="font-size:8px;font-family:arial;">#</span>{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  520. </div>
  521. {/block:Date}
  522. <div class="note">
  523. {block:PostNotes}{PostNotes}{/block:PostNotes}
  524. </div>
  525. </div>
  526. {/block:Posts}
  527.  
  528.  
  529. <div class="pagination">
  530. <span class="current_page" style="color:#aaaaaa;">1</span>
  531. <a class="jump_page" href="/page/2">2</a>
  532. <a class="jump_page" href="/page/3">3</a>
  533. <a class="jump_page" href="/page/4">4</a>
  534. <a href="/page/2">+</a>
  535. </div>
  536. </div>
  537.  
  538. </div>
  539.  
  540. <div id="credit"><a href="http://mathewsdaddario.tumblr.com/" title="thai's themes">thai</a></div>
  541.  
  542. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  543. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  544. <script>
  545. (function($){
  546. $(document).ready(function(){
  547. $("a[title]").style_my_tooltips({
  548. tip_follows_cursor:true,
  549. tip_delay_time:150,
  550. tip_fade_speed:700,
  551. attribute:"title"
  552. });
  553. });
  554. })(jQuery);
  555. </script>
  556.  
  557. </body>
  558.  
  559.  
  560. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement