Isandria

xhakuteiken theme

Jul 7th, 2016
319
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.02 KB | None | 0 0
  1. [remove pluses]
  2.  
  3. +<html><head><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5. +
  6. +<!--------------------------------------------
  7. + THEME #005 BELONGS TO WXBX/SHAMELESSVIRGIN
  8. + POR FAVOR NO REMOVER EL CRÉDITO
  9. + POR FAVOR NO ROBAR Y DISTRIBUIR
  10. + POR FAVOR NO EDITAR Y DISTRIBUIR
  11. +
  12. +--------------------------------------------->
  13. +
  14. +<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15. +<script>
  16. +$(document).ready(function() {
  17. +//
  18. +$('a.poplight[href^=#]').click(function() {
  19. +var popID = $(this).attr('rel');
  20. +var popURL = $(this).attr('href');
  21. +var query= popURL.split('?');
  22. +var dim= query[1].split('&');
  23. +var popWidth = dim[0].split('=')[1];
  24. +$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  25. +var popMargTop = ($('#' + popID).height() + 80) / 2;
  26. +var popMargLeft = ($('#' + popID).width() + 80) / 2;
  27. +$('#' + popID).css({
  28. +'margin-top' : -popMargTop,
  29. +'margin-left' : -popMargLeft
  30. +});
  31. +$('body').append('<div id="fade"></div>');
  32. +$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  33. +return false;
  34. +});
  35. +$('a.close, #fade').live('click', function() {
  36. +$('#fade , .askpopup_block').fadeOut(function() {
  37. +$('#fade, a.close').remove();
  38. +});
  39. +return false;
  40. +});
  41. +});
  42. +</script>
  43. +
  44. + <title>{Title}</title>
  45. + <link rel="shortcut icon" href="{Favicon}">
  46. + <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  47. + <meta name="description" content="" />
  48. + <meta http-equiv="x-dns-prefetch-control" content="off"/>
  49. +
  50. +
  51. + <meta name="color:Background" content="#131313">
  52. + <meta name="color:Link" content="#7e282b">
  53. + <meta name="color:Link Hover" content="#f0f0f0">
  54. + <meta name="color:Text" content="#a2a5a5">
  55. + <meta name="color:Scrollbar" content="#1a1a1a">
  56. + <meta name="color:Blockquote" content="#c6c6c6">
  57. + <meta name="color:italic shadow" content="#eaeaea">
  58. + <meta name="color:sidebar border" content="#281f1f">
  59. + <meta name="color:post bg" content="#131313">
  60. + <meta name="color:info" content="#b63f3f">
  61. + <meta name="color:info bg" content="#393939">
  62. + <meta name="color:info border" content="#d19b9f">
  63. + <meta name="color:info shadow" content="#000000">
  64. + <meta name="color:info hover" content="#ffffff">
  65. + <meta name="color:tags" content="#656565">
  66. + <meta name="color:tags hover" content="#c16b6e">
  67. + <meta name="color:ask text" content="#cecece">
  68. + <meta name="color:askbg" content="#1d1d1d">
  69. + <meta name="color:ask border" content="#ce5a5a">
  70. + <meta name="color:bold" content="#943a40">
  71. + <meta name="color:bold shadow" content="#000000">
  72. + <meta name="color:italic" content="#ffffff">
  73. + <meta name="color:underline" content="#9a2626">
  74. + <meta name="color:big" content="#dcdcdc">
  75. + <meta name="color:big shadow" content="#252525">
  76. + <meta name="color:sidebar links" content="#232020">
  77. + <meta name="color:sidebar shadow" content="#e26069">
  78. + <meta name="color:sidebar hover" content="#dadada">
  79. +
  80. + <meta name="image:Background" content="http://i.imgur.com/5qjapRJ.png"/>
  81. + <meta name="image:pre img" content="http://i.imgur.com/QEG38nC.gif"/>
  82. +
  83. + <meta name="if:Show 400px posts" content="0"/>
  84. +
  85. +
  86. + <meta name="text:link1" content="one">
  87. + <meta name="text:link1 url" content="/">
  88. + <meta name="text:link2" content="two">
  89. + <meta name="text:link2 url" content="/">
  90. +
  91. +
  92. + <meta name="text:url" content="url here">
  93. +
  94. +
  95. +
  96. +
  97. +<!-- HOVER LINKS -->
  98. +
  99. +
  100. + <script type="text/javascript">
  101. + WebFontConfig = {
  102. + google: { families: [ 'times' ] }
  103. + };
  104. + (function() {
  105. + var wf = document.createElement('script');
  106. + wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  107. + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  108. + wf.type = 'text/javascript';
  109. + wf.async = 'true';
  110. + var s = document.getElementsByTagName('script')[0];
  111. + s.parentNode.insertBefore(wf, s);
  112. + })(); </script>
  113. +
  114. +
  115. + <script type="text/javascript">
  116. +$(document).ready(function(){
  117. + $("ul#tabs li").click(function(e){
  118. + if (!$(this).hasClass("active")) {
  119. + var tabNum = $(this).index();
  120. + var nthChild = tabNum+1;
  121. + $("ul#tabs li.active").removeClass("active");
  122. + $(this).addClass("active");
  123. + $("ul#tab li.active").removeClass("active");
  124. + $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  125. + }
  126. + });
  127. +});
  128. +</script>
  129. +
  130. + <!-- HOVER LINKS -->
  131. +
  132. + <!-- SCRIPTS -->
  133. +
  134. + <!-- FONTS -->
  135. +
  136. + <link href="http://fonts.googleapis.com/css?family=IM+Fell+Double+Pica+SC" rel="stylesheet" type="text/css">
  137. + <link href="http://fonts.googleapis.com/css?family=VT323" rel="stylesheet" type="text/css">
  138. + <link href="http://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet" type="text/css">
  139. + <link href="http://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet" type="text/css">
  140. + <link href='https://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
  141. + <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  142. + <link href='https://fonts.googleapis.com/css?family=Cinzel+Decorative' rel='stylesheet' type='text/css'>
  143. + <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
  144. + <link href="http://fonts.googleapis.com/css?family=Satisfy" rel="stylesheet" type="text/css">
  145. + <link href="http://fonts.googleapis.com/css?family=Yellowtail|Damion" rel="stylesheet" type="text/css">
  146. + <link href="http://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
  147. + <link href="http://fonts.googleapis.com/css?family=Amatic+SC:400,700" rel="stylesheet" type="text/css">
  148. +
  149. + <!-- FONTS -->
  150. +
  151. +<style type="text/css">
  152. +
  153. +@import url(https://fonts.googleapis.com/css?family=Neuton:800);
  154. +@import url(https://fonts.googleapis.com/css?family=Calligraffitti);
  155. +
  156. +body {
  157. + color: {color:Text};
  158. + background-color:{color:Background};
  159. + background-repeat:no-repeat;
  160. + color:{color:text};
  161. + font-family:tahoma;
  162. + text-align:justify;
  163. + font-size:11px;
  164. +
  165. + background-image:url("{image:Background}");
  166. +
  167. +
  168. + }
  169. +
  170. +/* this is for the scrollbar */
  171. +
  172. +::-webkit-scrollbar-thumb{
  173. + background-color: transparent;
  174. + border-radius:0px;
  175. + height:auto;
  176. +}
  177. +
  178. +::-webkit-scrollbar {
  179. + height:auto;
  180. + width:4px;
  181. + border: 1px transparent;
  182. + border-radius:0px;
  183. +}
  184. +
  185. +
  186. +
  187. + /* IMESSAGE CHAT POST */
  188. +.answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e8f3f9;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e8f3f9;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  189. + .asked p {
  190. + text-align: left;
  191. + margin: 0 0px 10px 0px;
  192. + padding: 0;
  193. + color: #666666;
  194. + font-family: 'Inconsolata', Inconsolata;
  195. + font-size: 12px;
  196. + line-height: 0px;
  197. + }
  198. + .footerright .viasrc {
  199. + float: left;
  200. + }
  201. + .asked a {
  202. + margin:0;padding:0;
  203. + }
  204. +.user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  205. + .convo {
  206. + overflow: hidden;
  207. + list-style-type: none;
  208. + padding: 0;
  209. + margin: 0;
  210. + }
  211. +
  212. +
  213. +
  214. +
  215. + /* this is for the scrollbar */
  216. +
  217. +::-webkit-scrollbar-thumb{
  218. + background-color: transparent;
  219. + border-radius:0px;
  220. + height:auto;
  221. +}
  222. +
  223. +::-webkit-scrollbar {
  224. + height:auto;
  225. + width:4px;
  226. + border: 1px transparent;
  227. + border-radius:0px;
  228. +}
  229. +
  230. +
  231. +/* POP UP */
  232. +.askpopup_block {
  233. + height:300px;
  234. + display: none;
  235. + float: left;
  236. + position: fixed;
  237. + top: 50%;
  238. + left: 50%;
  239. + z-index: 999999999999;
  240. + -webkit-transition: all 0.2s ease-in-out;
  241. + -moz-transition: all 0.2s ease-in-out;
  242. + -o-transition: all 0.2s ease-in-out;
  243. + -ms-transition: all 0.2s ease-in-out;
  244. + transition: all 0.2s ease-in-out;
  245. +}
  246. +
  247. +*html #fade {
  248. + position: absolute;
  249. +}
  250. +
  251. +*html .askpopup_block {
  252. + position: absolute;
  253. +}
  254. +
  255. +#fade {
  256. + display:none;
  257. + position:fixed;
  258. + left:0px;
  259. + top:0px;
  260. + width:100%;
  261. + height:100%;
  262. + z-index:9999;
  263. +}
  264. +
  265. +/* POP UP */
  266. +
  267. +/* TOOLTIPS */
  268. +
  269. +#s-m-t-tooltip {
  270. + max-width:300px;
  271. + padding:3px 7px 3px 8px;
  272. + margin:-20px 0px 0px 20px;
  273. + background-color:{color:background};
  274. + box-shadow:2px 2px 4px rgba(0,0,0,.65);
  275. + color:{color:text};
  276. + font-size:7px;
  277. + text-transform:uppercase;
  278. + z-index:999999999999;
  279. + letter-spacing:2px;
  280. + -webkit-border-radius:5px;
  281. + -moz-border-radius:5px;
  282. + border-radius:5px;
  283. +}
  284. +
  285. +
  286. +sub, sup, small {
  287. + font-size: 11px;
  288. + color:{color:text};
  289. +}
  290. +
  291. +b, strong {
  292. + font-size: 16px;
  293. + font-family: 'Neuton', serif;
  294. + color:{color:bold};
  295. + text-shadow: 0px 0px 1px {color:bold shadow};
  296. +}
  297. +
  298. +i,em{
  299. + color:{color:italic};
  300. + text-shadow: 0px 0px 2px {color:italic shadow};
  301. + font-family: 'Calligraffitti', cursive;
  302. + font-size:12px;
  303. +}
  304. +
  305. +code {
  306. + font-size: 11px;
  307. + letter-spacing:2px;
  308. +}
  309. +
  310. +
  311. +big{
  312. + color:{color:big};
  313. + text-shadow: 0px 0px 2px {color:big shadow};
  314. + font-family:georgia, sans-serif;
  315. + font-size: 17px;
  316. +}
  317. +
  318. +
  319. +u{
  320. + color:{color:underline};
  321. +}
  322.  
  323. +
  324. +h1 {
  325. + font-family: 'Raleway', sans-serif;
  326. + text-transform:uppercase;
  327. + text-align: center;
  328. + font-size:12px;
  329. + line-height:100%;
  330. + color: {color:blockquote};
  331. + }
  332. +
  333. +h2 {
  334. + font-size:17px;
  335. + color: {color:big};
  336. + font-weight:bold;
  337. + text-shadow: 0px 0px 2px {color:big shadow}}
  338. +
  339. +h3 {
  340. + font-size:18px;
  341. + font-family: 'georgia', sans-serif;
  342. + text-shadow: 0px 0px 3px {color:bold shadow};
  343. + text-align:center;
  344. + text-transform:lowercase;
  345. + font-style:italic;
  346. + line-height:100%;
  347. + letter-spacing:0px;
  348. + padding-bottom:-10px;
  349. + color: {color:blockquote};
  350. +}
  351. +
  352. +h4 {
  353. + font-size:11px;
  354. + font-family: 'Tahoma'
  355. + text-align:center;
  356. + text-transform:uppercase;
  357. + line-height:100%;
  358. + letter-spacing:0px;
  359. + font-weight:bold;
  360. + color: {color:blockquote};
  361. +}
  362. +
  363. +h12 {
  364. + font-size:16px;
  365. + text-align:right;
  366. + line-height:100%;
  367. + letter-spacing:0px;
  368. + font-family: 'IM Fell Double Pica SC', serif;
  369. + text-shadow: 0px 2px 2px {color:blockquote};
  370. + color:{color:text};
  371. + text-transform: uppercase;
  372. +}
  373. +
  374. +
  375. +
  376. + pre {
  377. + {block:ifNotShow400pxposts}
  378. + width:490px;
  379. + {/block:ifNotShow400pxposts}
  380. + {block:ifShow400pxposts}
  381. + width:400px;
  382. + {/block:ifShow400pxposts}
  383. + font-family:courier;
  384. + background-image:url("{image:pre img}");
  385. + text-align:center;
  386. + text-transform:uppercase;
  387. + font-size:10px;
  388. + word-wrap: break-word;
  389. + color:{color:Text};
  390. + }
  391. +
  392. + blockquote {
  393. + background:transparent;
  394. + text-align:justify;
  395. + padding-left : 10px;
  396. + margin-left:10px;
  397. + {block:ifNotShow400pxposts}
  398. + width:450px;
  399. + {/block:ifNotShow400pxposts}
  400. + {block:ifShow400pxposts}
  401. + width:350px;
  402. + {/block:ifShow400pxposts}
  403. + border-left: 2px solid {color:blockquote};
  404. + }
  405. +
  406. +
  407. + a {
  408. + color: {color:Link};
  409. + text-decoration: none;
  410. + -moz-transition-duration: 0.5s;
  411. + -o-transition-duration: 0.5s;
  412. + -webkit-transition-duration: 0.5s;
  413. + transition-duration: 0.5s;
  414. + }
  415. +
  416. + a:hover {
  417. + color: {color:Link Hover};
  418. + text-decoration:none;
  419. + -moz-transition-duration: 0.5s;
  420. + -o-transition-duration: 0.5s;
  421. + -webkit-transition-duration: 0.5s;
  422. + transition-duration: 0.5s;
  423. + }
  424. +
  425. +
  426. +
  427. + #description {
  428. + overflow:auto;
  429. + width:150px;
  430. + border-top:5px solid {color:sidebar border};
  431. + border-BOTTOM:5px solid {color:sidebar border};
  432. + border-right:2px solid {color:sidebar border};
  433. + border-left:2px solid {color:sidebar border};
  434. + height:84px;
  435. + position:fixed;
  436. + padding-top:10px;
  437. + padding-bottom:10px;
  438. + padding-left:10px;
  439. + padding-right:10px;
  440. + line-height:100%;
  441. + bottom:417px;
  442. + margin-left:570px;
  443. + text-transform:uppercase;
  444. + font-size:9px;
  445. + text-align:center;
  446. + overflow:auto;
  447. + background:{color:background};
  448. + color:{color:Text}
  449. + z-index:99999;
  450. + opacity:1;
  451. + }
  452. +
  453. +
  454. + .description a {
  455. + color:{color:Link};
  456. + }
  457. +
  458. + .description a:hover {
  459. + color:{color:Link Hover};
  460. + }
  461. +
  462. +.pagination {
  463. +
  464. + top:100px;
  465. + left:50%;
  466. + margin-left: 100px;
  467. + position: absolute;
  468. + text-align: left;
  469. + letter-spacing:1px;
  470. + text-transform:uppercase;
  471. +
  472. +}
  473. +
  474. +.pagination a{
  475. + color: {color:links};
  476. + font-family:calibri;
  477. + letter-spacing:4px;
  478. + font-size:15px;
  479. + text-shadow: 0px 0px 3px {color:links shadow};}
  480. +
  481. +.pagination a:hover{
  482. + color:{color:links hover};
  483. + -webkit-filter: blur(2px);
  484. + -webkit-transition:all .5s ease-in-out;
  485. + -moz-transition:all .5s ease-in-out;
  486. + transition:all .5s ease-in-out;
  487. +
  488. +}
  489. +
  490. + .container {
  491. + height: 520px;
  492. + {block:ifNotShow400pxposts}
  493. + max-width:600px;
  494. + {/block:ifNotShow400pxposts}
  495. + {block:ifShow400pxposts}
  496. + max-width:500px;
  497. + {/block:ifShow400pxposts}
  498. + text-align:justify;
  499. + font-family:tahoma;
  500. + text-transform: auto;
  501. + position: fixed;
  502. + margin-left:750px;
  503. + margin-top:112px; /* this could be changed for this bottom:-2px;; */
  504. + overflow: auto;
  505. + background-color:{color:Post BG};
  506. + outline:1px solid {color:Sidebar Border};
  507. + border-right:1px solid {color:Sidebar Border};
  508. + border-bottom:0px solid {color:Sidebar Border};
  509. + }
  510. +
  511. +
  512. +
  513. + .postscontainer {
  514. + {block:ifNotShow400pxposts}
  515. + max-width:550px;
  516. + {/block:ifNotShow400pxposts}
  517. + {block:ifShow400pxposts}
  518. + max-width:450px;
  519. + {/block:ifShow400pxposts}
  520. + margin: auto;
  521. + margin-top:-60px;
  522. + margin-left:25px;
  523. + margin-right:22px;
  524. + }
  525. +
  526. + .posts {
  527. + {block:ifNotShow400pxposts}
  528. + width:500px;
  529. + {/block:ifNotShow400pxposts}
  530. + {block:ifShow400pxposts}
  531. + width:400px;
  532. + {/block:ifShow400pxposts}
  533. + line-height:100%;
  534. + font-size:10px;
  535. + font-family:tahoma;
  536. + margin-top:70px;
  537. + text-align:justify;
  538. + }
  539. +
  540. +
  541. +
  542. + .info {
  543. + font-family:'Latha';
  544. + text-align:center;
  545. + {block:ifNotShow400pxposts}
  546. + width:490px;
  547. + {/block:ifNotShow400pxposts}
  548. + {block:ifShow400pxposts}
  549. + width:390px;
  550. + {/block:ifShow400pxposts}
  551. + height:20px;
  552. + margin-top:5px;
  553. + margin-bottom:5px;
  554. + padding-top:7px;
  555. + text-transform:uppercase;
  556. + font-size:8px;
  557. + font-style:normal;
  558. + text-align:center;
  559. + background:{color:info bg};
  560. + border-left:3px solid {color:info border};
  561. + border-right:3px solid {color:info border};
  562. + -moz-transition-duration:0.2s;
  563. + -webkit-transition-duration:0.2s;
  564. + -o-transition-duration:0.2s;
  565. + text-shadow: 1px 0px 1px {color:info shadow};
  566. +}
  567. +
  568. +
  569. +.info a {
  570. + color:{color:info};}
  571. +
  572. +.info a:hover {
  573. + color:{color:info hover};}
  574. +
  575. +
  576. + .tags {
  577. + {block:ifNotShow400pxposts}
  578. + width:480px;
  579. + {/block:ifNotShow400pxposts}
  580. + {block:ifShow400pxposts}
  581. + width:380px;
  582. + {/block:ifShow400pxposts}
  583. + position:absolute;
  584. + margin-top:1px;
  585. + line-height:100%;
  586. + font-family:tahoma;
  587. + font-size:9px;
  588. + text-align:center;
  589. + }
  590. +
  591. + .tags a {
  592. + color:{color:tags};
  593. + }
  594. +
  595. + .tags a:hover {
  596. + text-decoration:none;
  597. + color:{color:tags Hover};
  598. + }
  599. +
  600. + .postnote {
  601. + {block:ifNotShow400pxposts}
  602. + width:480px;
  603. + {/block:ifNotShow400pxposts}
  604. + {block:ifShow400pxposts}
  605. + width:380px;
  606. + {/block:ifShow400pxposts}
  607. + font-family:tahoma;
  608. + text-transform:lowercase;
  609. + font-size:10px;
  610. + text-align:left;
  611. + line-height:90%;
  612. + margin-top:40px;
  613. + }
  614. +
  615. + .postnote li {
  616. + list-style-type:none;
  617. + border-bottom:1px solid {color:Info Border};
  618. + padding:0px 0px 3px 0px;
  619. + text-align:left;
  620. + margin:0px;
  621. + -moz-transition-duration:0.5s;
  622. + -webkit-transition-duration:0.5s;
  623. + -o-transition-duration:0.5s;
  624. + }
  625. +
  626. + .postnote img {
  627. + width:20px;
  628. + padding: 3px;
  629. + margin:2px 7px -3px 6px;
  630. + text-align:left;
  631. + }
  632. +
  633. +
  634. +
  635. +
  636. + .music {
  637. + width:480px;
  638. + {block:ifShow400pxposts}
  639. + width:380px;
  640. + {/block:ifShow400pxposts}
  641. + padding-bottom:10px;
  642. + }
  643. +
  644. + .albumart {
  645. + float:left;
  646. + padding:10px 10px 10px 0px;
  647. + }
  648. +
  649. + .albumart img {
  650. + width:30px;
  651. + padding: 3px;
  652. + margin:2px 7px -3px 6px;
  653. + }
  654. +
  655. + .playercontainer {
  656. + text-align:left;
  657. + padding:5px 5px -5px;
  658. + width:480px;
  659. + {block:ifShow400pxposts}
  660. + width:380px;
  661. + {/block:ifShow400pxposts}
  662. + }
  663. +
  664. + .musicinfo {
  665. + padding:10px;
  666. + margin-top:9px;
  667. + color:{color:Text};
  668. + }
  669. +
  670. + .quote {
  671. + font-size:10px;
  672. + font-family:tahoma;
  673. + letter-spacing:0px;
  674. + line-height:90%;
  675. + font-weight:normal;
  676. + text-align:center;
  677. + }
  678. +
  679. + .source {
  680. + font-family:calibri;
  681. + font-size:10px;
  682. + font-style:normal;
  683. + text-align:center;
  684. + line-height:17px;
  685. + }
  686. +
  687. + .chat ol {
  688. + font-size:10px;
  689. + font-family:calibri;
  690. + line-height:100%;
  691. + padding:0px;
  692. + list-style:none;
  693. + }
  694. +
  695. + .label {
  696. + font-size:10px;
  697. + font-family:calibri;
  698. + font-weight:bold;
  699. + color:{color:Text};
  700. + }
  701. +
  702. + .line.odd {
  703. + padding:4px;
  704. + margin-bottom:2px;
  705. + }
  706. +
  707. + .line.even {
  708. + padding:4px;
  709. + margin-bottom:2px;
  710. + }
  711. +
  712. +
  713. +.links {
  714. + position: fixed;
  715. + bottom:520px;
  716. + margin-left:540px;
  717. + font-size: 25px;
  718. + letter-spacing:0px;
  719. + font-family: georgia, sans-serif;
  720. + text-transform:uppercase;
  721. + line-height: 170%;
  722. + text-align: right;
  723. + width: 200px;
  724. + text-shadow: 0px 2px 1px {color:sidebar shadow};
  725. + margin-right: auto;
  726. + -ms-transform: rotate(-0deg); /* IE 9 */
  727. + -webkit-transform: rotate(-0deg); /* Safari */
  728. + transform: rotate(-0deg);
  729. +
  730. +}
  731. +
  732. +
  733. +.links a {
  734. + display: inline-block;
  735. + margin-left:5px;
  736. + margin-right:5px;
  737. + color: {color:sidebar links};
  738. + text-shadow: 1px 0px 2px rgba(0,0,0,.65);
  739. + padding:3px;
  740. + -webkit-transition: all 0.7s ease-in-out;
  741. + -moz-transition: all 0.7s ease-in-out;
  742. + -o-transition: all 0.7s ease-in-out;
  743. + transition: all 0.7s ease-in-out;
  744. +}
  745. +
  746. +.links a:hover {;
  747. + color:{color:sidebar hover};
  748. + -webkit-transition: all 0.7s ease-in-out;
  749. + -moz-transition: all 0.7s ease-in-out;
  750. + -o-transition: all 0.7s ease-in-out;
  751. + transition: all 0.7s ease-in-out;
  752. +}
  753. +
  754. +
  755. +
  756. +.question {
  757. + font-family: 'Amatic SC', cursive;
  758. + line-height:120%;
  759. + font-size:15px;
  760. + font-weight:bold;
  761. + margin-top:5px;
  762. + padding:10px;;
  763. + background:{color:askbg};
  764. + color:{color:ask text};
  765. + text-shadow: 0 0 1px {color:ask shadow};
  766. + border-left:2px solid {color:ask border};
  767. + border-right:2px solid {color:ask border};
  768. +}
  769. +
  770. +.asker {
  771. + font-family: 'Dancing Script', cursive;
  772. + padding-top:10px;
  773. + max-width:220px;
  774. + margin-top:0px;
  775. + font-size:15px;
  776. +}
  777. +
  778. +.askeru {
  779. + margin-top:-5px;
  780. + margin-left:24px;
  781. + text-transform:lowercase;
  782. + font-style:italic;
  783. + font-size:30px; }
  784. +
  785. +.answer {
  786. + padding-top:100px;
  787. + text-align:justify;
  788. +}
  789. +
  790. +#quote {
  791. + background:{color:background};
  792. + border-top:4px double {color:bold};
  793. + border-bottom:4px double {color:bold};
  794. + font-family:'Lobster', cursive;
  795. + color:#e6a8a0;
  796. + font-size:12px;
  797. + text-align:center;
  798. + line-height:120%;
  799. + padding:5px;
  800. + padding-top:12px;
  801. + padding-bottom:8px;
  802. +}
  803. +
  804. +#quote:first-letter {
  805. + color:{color:info text};
  806. + font-family:'Satisfy', cursive;
  807. + font-size:25px;
  808. + text-transform:uppercase;
  809. +}
  810. +
  811. +.qsource{
  812. + padding-top:3px;
  813. + padding-bottom:1px;
  814. + font-family:'Damion', cursive;
  815. + font-size:15px;
  816. + text-align:right;
  817. +}
  818. +
  819. +
  820. +
  821. +
  822. +.credit {
  823. + position:fixed;
  824. + font-family: 'Alex Brush', cursive;
  825. + color:{color:bold};
  826. + font-size:16px;
  827. + font-weight:bold;
  828. + line-height:100%;
  829. + letter-spacing:0px;
  830. + right:7px;
  831. + bottom:5px;
  832. + text-align:center;
  833. + text-shadow:0 0 3px {color:bold};
  834. + -webkit-transition: all 0.5s ease-in-out;
  835. + -moz-transition: all 0.5s ease-in-out;
  836. + -o-transition: all 0.5s ease-in-out;
  837. + -ms-transition: all 0.5s ease-in-out;
  838. + transition: all 0.5s ease-in-out;
  839. +}
  840. +
  841. +.credit:hover {
  842. + color:transparent;
  843. + text-shadow:0 0 7px {color:bold shadow};
  844. + -webkit-transition: all 0.5s ease-in-out;
  845. + -moz-transition: all 0.5s ease-in-out;
  846. + -o-transition: all 0.5s ease-in-out;
  847. + -ms-transition: all 0.5s ease-in-out;
  848. + transition: all 0.5s ease-in-out;
  849. + }
  850. +
  851. +
  852. +
  853. +
  854. +
  855. +.popup_block{
  856. + display:none;
  857. + background:{color:popup bg};
  858. + padding:20px;
  859. + border:1px solid {color:popup border}; /* if you want a solid white pop-up, delete this */
  860. + float:left;
  861. + position:fixed;
  862. + top:50%;left:50%;
  863. + background-image:url('');
  864. + z-index: 99999;
  865. + -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  866. + -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  867. + box-shadow: 0px 0px 20px #000; /* delete for solid white */
  868. +}
  869. +
  870. +*html #fade {position: absolute;}
  871. +*html .popup_block {position: absolute;}
  872. +#fade {
  873. + display:none;
  874. + position:fixed;
  875. + left:0px;
  876. + top:0px;
  877. + width:100%;
  878. + height:100%;
  879. + z-index:9999;
  880. + background:#1f1f1f; /* change to #fff for solid white */
  881. + opacity:.8; /* change to opacity:1; */
  882. +}
  883. +
  884. +#boxy {
  885. + background-color:#1a1a1a;
  886. + padding:5px;
  887. + border:1px solid #3b352e;
  888. + width:490px;
  889. +}
  890. +
  891. +</style>
  892. +</head>
  893. +
  894. +<body>
  895. +
  896. +
  897. +
  898. +<div class="links">
  899. +<a href="/" title="home">❀</a>
  900. +<a href="#?w=400" rel="box1" class="poplight" title="ask">❀</a>
  901. +<a href="{text:link1 url}" title="{text:link1}">❀</a>
  902. +<a href="{text:link2 url}" title="{text:link2}">❀</a>
  903. +</div>
  904. +<div id="description">
  905. +{Description}
  906. +</div>
  907. +{block:Pagination}
  908. +<div class="pagination">
  909. +{block:PreviousPage}
  910. +<a href="{PreviousPage}"> back </a>
  911. +{/block:PreviousPage}
  912. +{block:NextPage}
  913. +<a href="{NextPage}"> next </a>
  914. +{/block:NextPage}
  915. +</div>
  916. +{/block:Pagination}
  917. +</div>
  918. +
  919. +
  920. +
  921. +<div class="container">
  922. +<div class="postscontainer">
  923. +{block:Posts}
  924. +
  925. +<div class="posts">
  926. +
  927. +{block:Text}
  928. +{block:Title}<h2>{Title}</h2>{/block:Title}
  929. +{Body}
  930. +{/block:Text}
  931. +
  932. +{block:Quote}<div id="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  933. +
  934. +{/block:Quote}
  935. +
  936. +{block:Link}
  937. +<h2><a href="{URL}">{Name}</a></h2>
  938. +{block:Description}{Description}{/block:Description}
  939. +{/block:Link}
  940. +
  941. +
  942. +{block:Chat}
  943. + {block:Title}
  944. + <h1>{Title}</h1>{/block:Title}<br>
  945. +<ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  946. +{Line}</li>{/block:Lines}</ul>
  947. + {/block:Chat}
  948. +
  949. + {block:Answer}
  950. + <div class="question">{question}</div>
  951. +<div class="asker">{Asker}</div>
  952. +{Answer}{/block:Answer}
  953. +
  954. +{block:Photo}
  955. +{LinkOpenTag}{block:ifNotShow400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:ifNotShow400pxposts}
  956. +{block:ifShow400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:ifShow400pxposts}
  957. +{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  958. +{/block:Photo}
  959. +
  960. +{block:Photoset}
  961. +{block:ifNotShow400pxposts}{Photoset-500}{/block:ifNotShow400pxposts}
  962. +{block:ifShow400pxposts}{Photoset-400}{/block:ifShow400pxposts}
  963. +{block:Caption}{Caption}{/block:Caption}
  964. +{/block:Photoset}
  965. +
  966. +{block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  967. +<div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  968. +{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  969. +<br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  970. +{block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  971. +
  972. +{block:Video}
  973. +{block:ifNotShow400pxposts}{Video-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Video-400}{/block:ifShow400pxposts}
  974. +{block:Caption}{Caption}{/block:Caption}
  975. +{/block:Video}
  976. +
  977. +{block:Date}<div class="info"><a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}  <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} © <a href="{SourceURL}"></a><a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource} /<a href="{ReblogURL}">reblog</a>{/block:RebloggedFrom}</div>{/block:Date}
  978. +
  979. +{block:HasTags}
  980. +<div class="tags">
  981. +{block:Tags}<a href="{TagURL}">#( {Tag} )</a> {/block:Tags}
  982. +</div>
  983. +{/block:HasTags}
  984. +
  985. +<div class="postnote">
  986. +{block:PostNotes}{PostNotes}{/block:PostNotes}
  987. +</div>
  988. +{/block:Posts}
  989. +
  990. +<div class="credit"><a href="http://wxbx.tumblr.com/" title="theme by wxbx"><span class="credit">W</span></a></div>
  991. +
  992. +
  993. +</div>
  994. +</div>
  995. +</div>
  996. +
  997. +
  998. +<!-- SCRIPTS -->
  999. +
  1000. +<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1001. +<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1002. +
  1003. +<script>
  1004. +(function($){
  1005. +$(document).ready(function(){
  1006. + $("[title]").style_my_tooltips({
  1007. + tip_follows_cursor:true,
  1008. + tip_delay_time:90,
  1009. + tip_fade_speed:600,
  1010. + attribute:"title"});
  1011. +});})(jQuery);
  1012. +</script>
  1013. +</div>
  1014. +
  1015. +</div>
  1016. +
  1017. +</div>
  1018. +
  1019. + <div id="box1" class="askpopup_block">
  1020. +<center><iframe frameborder="0" height="250px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" width="100%"></center></iframe>
  1021. +</div></div>
  1022. +</body>
Advertisement
Add Comment
Please, Sign In to add comment