Advertisement
Guest User

Untitled

a guest
Nov 28th, 2015
92
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.13 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. <head>
  4.  
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  6.  
  7. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  8.  
  9. <script>
  10.  
  11. (function($){
  12.  
  13. $(document).ready(function(){
  14.  
  15. $("a[title]").style_my_tooltips({
  16.  
  17. tip_follows_cursor:true,
  18.  
  19. tip_delay_time:90,
  20.  
  21. tip_fade_speed:600,
  22.  
  23. attribute:"title"
  24.  
  25. });
  26.  
  27. });
  28.  
  29. })(jQuery);
  30.  
  31. </script>
  32. <!--basic tooltip from tutorial-baby! Enjoy-->
  33. <style>
  34. .tooltip{
  35. display: inline;
  36. position: relative;
  37. }
  38. #s-m-t-tooltip {
  39. max-width:300px; /*how big the tooltip can be at most*/
  40. border-radius: 0px; /*change your border radius*/
  41. padding:2px 2px 2px 2px; /*padding inside tooltip*/
  42. margin:20px 7px -2px 20px; /*distance from word*/
  43. background-color:#f5fafb; /*background color*/
  44. border:1px solid #5aa6c5; /*border info*/
  45. font-family:calibri; /*tooltip font*/
  46. font-size:9px; /*tooltip font size*/
  47. letter-spacing:2px; /*tooltip letter spacing*/
  48. text-transform:uppercase; /*makes the tooltip title uppercase*/
  49. color:#5aa6c5; /*tooltip font color*/
  50. z-index:999999999999999999999999999999999999;
  51. }
  52. </style>
  53.  
  54. <title>{Title}</title>
  55. <link rel="shortcut icon" href="{Favicon}">
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  57. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  58.  
  59. <!---- this is theme 41 by Hollywhood
  60. please don't remove the credit
  61. thank you
  62. --->
  63.  
  64. <meta name="color:Background" content="#ffffff"/>
  65. <meta name="color:Text" content="#9B9B9B"/>
  66. <meta name="color:Link" content="#b8b8b8"/>
  67. <meta name="color:Link Hover" content="#5aa6c5"/>
  68.  
  69. <meta name="image:background" content=""/>
  70. <meta name="image:the key" content=""/>
  71.  
  72. <meta name="text:link 1" content="Link 1"/>
  73. <meta name="text:link 1 url" content="/"/>
  74. <meta name="text:link 2" content="Link 2"/>
  75. <meta name="text:link 2 url" content="/"/>
  76. <meta name="text:link 3" content="Link 3"/>
  77. <meta name="text:link 3 url" content="/"/>
  78. <meta name="text:link 4" content="Link 4"/>
  79. <meta name="text:link 4 url" content="/"/>
  80. <meta name="text:link 5" content="Link 5"/>
  81. <meta name="text:link 5 url" content="/"/>
  82.  
  83. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  84.  
  85. <style>
  86. div#qTip {
  87. padding: 3px;
  88. display: none;
  89. text-align: center;
  90. position: absolute;
  91. font-size:7px;
  92. margin-left:10px;
  93. margin-top:-2px;
  94. line-height:9px;
  95. font-family:arial;
  96. z-index: 1000;
  97. border: 1px solid #cacaca;
  98. background-color:#fff;
  99. color: #9b9b9b;
  100. text-transform:uppercase;
  101. letter-spacing: 2px;
  102. }
  103. </style>
  104.  
  105. <style type="text/css">
  106. #bite
  107. #bite a{
  108. display:block
  109. }
  110. #bite .death {
  111. margin-top:0px;filter: alpha(opacity = 0);
  112. opacity:0;-webkit-transition: all 0.5s ease-out;
  113. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  114. }
  115.  
  116. #bite:hover .death {
  117. margin-top:0px;
  118. -webkit-transition: all 0.8s ease-out;
  119. -moz-transition: all 0.8s ease-out;
  120. transition: all 0.8s ease-out;
  121. filter: alpha(opacity = 100);
  122. filter: alpha(opacity = 100);
  123. opacity:100;
  124. }
  125.  
  126. @font-face {font-family: "black jack";src: url('https://dl.dropboxusercontent.com/s/ryf3a4mag4hudp6/blackjar.ttf?dl=1'); format("truetype");}
  127.  
  128.  
  129. ::-webkit-scrollbar-thumb{
  130. height:auto;
  131. }
  132.  
  133. ::-webkit-scrollbar {
  134. height:auto;
  135. width:11px;
  136. }
  137.  
  138.  
  139. iframe#tumblr_controls {
  140. white-space:nowrap;
  141. -webkit-filter: invert(100%);
  142. -moz-filter: invert(100%);
  143. -o-filter: invert(100%);
  144. -ms-filter: invert(100%);
  145. filter: invert(100%);
  146. opacity:.2;transition: .8s ease-in-out;
  147. -webkit-transition: .8s ease-in-out;
  148. -moz-transition: .8s ease-in-out;
  149. -o-transition: .8s ease-in-out;
  150. }
  151.  
  152. h1 {
  153. font-weight:normal;
  154. font-size:20px;
  155. text-align:center;
  156. font-style:normal;
  157. font-family:"black jack";
  158. line-height:100%;
  159. letter-spacing:1px;
  160. text-transform:normal;
  161. color:{color:text};
  162. }
  163.  
  164. h2 {
  165. font-size:18px;
  166. text-align:center;
  167. line-height:100%;
  168. font-family:"black jack";
  169. color:{color:text};
  170. font-weight:bold;
  171. text-transform:normal;
  172. padding:5px;
  173. padding-bottom:2px;
  174. }
  175.  
  176.  
  177. blockquote {
  178. border-left:2px solid {color:text};
  179. padding-left:5px;
  180. margin:5px;
  181. }
  182.  
  183. b, em, strong{
  184. color:#5aa6c5;
  185. font-style: bold;
  186. font-family:'black jack';
  187. font-size:12px;
  188. text-shadow: 1px 1px 5px #c0c0c0;
  189. }
  190.  
  191. i, em {
  192. color:#5aa6c5;
  193. font-style: italic;
  194. font-family:'black jack';
  195. font-size:12px;
  196. text-shadow: 1px 1px 5px #c0c0c0;
  197. }
  198.  
  199.  
  200. body {
  201. background:{color:background};
  202. background-image:url('{image:background}');
  203. background-repeat:no-repeat;
  204. background-attachment:fixed;
  205. background-position:left 0px bottom 0px;
  206. margin:0px;
  207. color:{color:text};
  208. font-family:trebuchet ms;
  209. font-size:10px;
  210. line-height:100%;
  211. }
  212.  
  213. a {
  214. text-decoration:none;
  215. outline:none;
  216. -moz-outline-style:none;
  217. color:{color:link};
  218. -moz-transition-duration:0.5s;
  219. -webkit-transition-duration:0.5s;
  220. -o-transition-duration:0.5s;
  221. }
  222.  
  223. a:hover {
  224. text-decoration:none;
  225. outline:none;
  226. -moz-outline-style:none;
  227. color:{color:link hover};
  228. }
  229.  
  230. img {
  231. border:none;
  232. }
  233.  
  234. blockquote {
  235. padding-left:5px;
  236. border-left:2px solid;
  237. }
  238.  
  239. blockquote blockquote {
  240. padding-left:5px;
  241. border-left:2px solid;
  242. }
  243.  
  244. #post {
  245. width:440px;
  246. padding-bottom:30px;
  247. margin-top:30px;
  248. }
  249.  
  250. #entries {
  251. position:fixed;
  252. overflow:scroll;
  253. overflow-x:hidden;
  254. overflow-y:auto;
  255. height:320px;
  256. padding:10px;
  257. width:440px;
  258. margin-left:375px;
  259. bottom:145px;
  260. }
  261.  
  262.  
  263. #sidebar {
  264. color:{color:text};
  265. position:fixed;
  266. width:100px;
  267. height:auto;
  268. margin-top:39px;
  269. margin-left:250px;
  270. text-align:left;
  271. }
  272.  
  273. #links {
  274. position:fixed;
  275. font-family:arial;
  276. width:60px;
  277. bottom:100px;
  278. margin-left:610px;
  279. font-size:45px;
  280. text-transform:uppercase;
  281. text-align:center;
  282. line-height:180%;
  283. }
  284.  
  285. #links a{
  286. line-height:160%;
  287. margin-top:0px;
  288. margin-left:13px;
  289. color:#cbf2f5;
  290. text-shadow: 2px 2px 5px #c0c0c0;
  291. text-decoration:none;
  292. -moz-transition-duration:.2s;
  293. -webkit-transition-duration:.2s;
  294. -o-transition-duration:.2s;
  295. }
  296.  
  297. #links a:hover {
  298. color:#5aa6c5;
  299. text-shadow: 2px 2px 5px #c0c0c0;
  300. width:60px;
  301. -moz-transition-duration:0.2s;
  302. -webkit-transition-duration:0.2s;
  303. -o-transition-duration:0.2s;
  304. }
  305.  
  306. #pagination {
  307. font-family:"black jack";
  308. width:210px;
  309. position:fixed;
  310. font-size:12px;
  311. bottom:402px;
  312. margin-left:-260px;
  313. padding-left:5px;
  314. letter-spacing:1px;
  315. text-align:center;
  316. -ms-transform: rotate(-32deg);
  317. -webkit-transform: rotate(-32deg);
  318. transform: rotate(-32deg);
  319. -webkit-backface-visibility: hidden;
  320. backface-visibility: hidden;
  321. -moz-backface-visibility: hidden;
  322. }
  323.  
  324. #pagination a {
  325. color:{color:link};
  326. }
  327.  
  328. #info {
  329. font-family:arial;
  330. width:433px;
  331. margin-top:5px;
  332. padding-top:1px;
  333. font-size:7px;
  334. padding:4px;
  335. color:{color:text};
  336. text-transform:uppercase;
  337. font-style:normal;
  338. text-align:left;
  339. -moz-transition-duration:0.5s;
  340. -webkit-transition-duration:0.5s;
  341. -o-transition-duration:0.5s;
  342. }
  343.  
  344. #info a {
  345. color:{color:link};
  346. font-style:normal;
  347. }
  348.  
  349. #info a:hover {
  350. color:{color:link hover};
  351. }
  352.  
  353. .tags {
  354. font-family:calibri;
  355. font-style:normal;
  356. width:435px;
  357. text-transform:normal;
  358. font-style:normal;
  359. line-height:120%;
  360. padding-left:5px;
  361. font-size:10px;
  362. text-align:left;
  363. padding-top:5px;
  364. padding-bottom:15px;
  365. -moz-transition-duration:0.2s;
  366. -webkit-transition-duration:0.2s;
  367. -o-transition-duration:0.2s;
  368. }
  369. .tags a{
  370. color:{color:link};
  371. -moz-transition-duration:0.2s;
  372. -webkit-transition-duration:0.2s;
  373. -o-transition-duration:0.2s;
  374. }
  375. .tags a:hover{
  376. color:{color:link hover};
  377. -moz-transition-duration:0.2s;
  378. -webkit-transition-duration:0.2s;
  379. -o-transition-duration:0.2s;
  380. }
  381.  
  382. .audio{
  383. background-color:#e5e5e5;
  384. height:65px;
  385. overflow:hidden;
  386. }
  387.  
  388. #ask {
  389. float:left;
  390. color:{color:text};
  391. }
  392.  
  393. #credit {
  394. font-size:9px;
  395. font-family:cambria;
  396. font-style:italic;
  397. letter-spacing:1px;
  398. -moz-transition-duration:0.5s;
  399. -webkit-transition-duration:0.5s;
  400. -o-transition-duration:0.5s;
  401. }
  402.  
  403. #credit a {
  404. background-color:#fff;
  405. padding:5px;
  406. border:1px solid #e9e9e9;
  407. position:fixed;
  408. right:15px;
  409. bottom:10px
  410. }
  411.  
  412. #credit a:hover {
  413. color:#fff;
  414. background-color:#191919;
  415. }
  416.  
  417. #actualnews {
  418. font-family:calibri;
  419. font-size:10px;
  420. color: #000000;
  421. width:100px;
  422. height:auto;
  423. padding-top:3px;
  424. margin-left: 935px;
  425. bottom:460px;
  426. text-align:center;
  427. position:fixed;
  428. }
  429.  
  430. #thekey img{
  431. width:60px;
  432. bottom: 500px;
  433. margin-left: 870px;
  434. position:fixed;
  435. }
  436.  
  437.  
  438. {CustomCSS}</style></head><body>
  439.  
  440. <div id="bite">
  441. <div id="thekey"><img src="{image:the key}"></div>
  442. <div class="death">
  443. <div id="actualnews">
  444. Ind. & Sel.<br>
  445. <b>Hitsugaya Toshiro</b><br>
  446. from the series<br>
  447. <i>Bleach</i><br><br>
  448. Written by <b>Lottie</b><br><br>
  449. Please read rules before following/interacting.<br><br>
  450. Possible <i>NSFW</i> content.<br><br>
  451. Mun <b>21+</b>.
  452. </div>
  453. </div></div>
  454.  
  455. <div style="position: fixed; bottom: 89px; left: 380px; z-index: 9999999;"><img src="https://41.media.tumblr.com/47ac5d9d3670c2bec4b0de023fd640df/tumblr_inline_nyidh2XefN1rfd24b_540.png"></div>
  456.  
  457. <div style="position: fixed; bottom: 422px; left: 366px; z-index: 999999;"><img src="https://40.media.tumblr.com/cbccad30d0d6aea7b1c90c67fda2e6ed/tumblr_inline_nyicr5O1mY1rfd24b_540.png"></div>
  458.  
  459.  
  460. <div id="sidebar">
  461.  
  462. <div id="links">
  463. <a href="{text:link 1 url}" title="{text:link 1}">❆</a>
  464. <a href="{text:link 2 url}" title="{text:link 2}">❆</a>
  465. <a href="{text:link 3 url}" title="{text:link 3}">❆</a>
  466. <a href="{text:link 4 url}" title="{text:link 4}">❆</a>
  467. <a href="{text:link 5 url}" title="{text:link 5}">❆</a>
  468. </div>
  469.  
  470. <div id="description">{description}
  471.  
  472. <div id="pagination">
  473. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">next</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  474. </div></div></div>
  475.  
  476. <div id="entries">{block:Posts}<div id="post">
  477.  
  478. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  479.  
  480. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  481.  
  482. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  483.  
  484. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  485.  
  486. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  487.  
  488. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  489.  
  490. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  491. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  492.  
  493. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  494.  
  495. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #e3e3e3;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br>{Answer}{/block:Answer}
  496.  
  497. {block:Date}<div id="info"> <a href="{Permalink}">{TimeAgo}</a>
  498. {/block:Date} {block:NoteCount}&nbsp; ( <font color=#6fb5cb>♥</font> <a href="{Permalink}">{NoteCount}</a> ) {/block:NoteCount}<div style="float:right;">
  499.  
  500. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} &nbsp; ( <a href="{ReblogURL}"target="_blank" title="reblog this post"><big>❆</big> </a> ) </div>
  501. </div>
  502.  
  503.  
  504. {block:HasTags}
  505. <div class="tags">
  506. tagged as:{block:Tags} <a href="{TagURL}">&nbsp; ❆&nbsp;{Tag}</a> {/block:Tags}</div>
  507. {/block:HasTags}
  508. <div class="postnote">
  509. {block:PostNotes}{PostNotes}{/block:PostNotes}
  510. </div>
  511. </div>
  512. {/block:Posts}
  513.  
  514. </div>
  515. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</div>
  516.  
  517. </body>
  518.  
  519. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement