Isandria

Shinkunoai theme

Jul 7th, 2016
142
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.99 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. + font-size:10px;
  444. + text-align:center;
  445. + overflow:auto;
  446. + background:{color:background};
  447. + color:{color:Text}
  448. + z-index:99999;
  449. + opacity:1;
  450. + }
  451. +
  452. +
  453. + .description a {
  454. + color:{color:Link};
  455. + }
  456. +
  457. + .description a:hover {
  458. + color:{color:Link Hover};
  459. + }
  460. +
  461. +.pagination {
  462. +
  463. + top:100px;
  464. + left:50%;
  465. + margin-left: 100px;
  466. + position: absolute;
  467. + text-align: left;
  468. + letter-spacing:1px;
  469. + text-transform:uppercase;
  470. +
  471. +}
  472. +
  473. +.pagination a{
  474. + color: {color:links};
  475. + font-family:calibri;
  476. + letter-spacing:4px;
  477. + font-size:15px;
  478. + text-shadow: 0px 0px 3px {color:links shadow};}
  479. +
  480. +.pagination a:hover{
  481. + color:{color:links hover};
  482. + -webkit-filter: blur(2px);
  483. + -webkit-transition:all .5s ease-in-out;
  484. + -moz-transition:all .5s ease-in-out;
  485. + transition:all .5s ease-in-out;
  486. +
  487. +}
  488. +
  489. + .container {
  490. + height: 520px;
  491. + {block:ifNotShow400pxposts}
  492. + max-width:600px;
  493. + {/block:ifNotShow400pxposts}
  494. + {block:ifShow400pxposts}
  495. + max-width:500px;
  496. + {/block:ifShow400pxposts}
  497. + text-align:justify;
  498. + font-family:tahoma;
  499. + text-transform: auto;
  500. + position: fixed;
  501. + margin-left:750px;
  502. + margin-top:112px; /* this could be changed for this bottom:-2px;; */
  503. + overflow: auto;
  504. + background-color:{color:Post BG};
  505. + outline:1px solid {color:Sidebar Border};
  506. + border-right:1px solid {color:Sidebar Border};
  507. + border-bottom:0px solid {color:Sidebar Border};
  508. + }
  509. +
  510. +
  511. +
  512. + .postscontainer {
  513. + {block:ifNotShow400pxposts}
  514. + max-width:550px;
  515. + {/block:ifNotShow400pxposts}
  516. + {block:ifShow400pxposts}
  517. + max-width:450px;
  518. + {/block:ifShow400pxposts}
  519. + margin: auto;
  520. + margin-top:-60px;
  521. + margin-left:25px;
  522. + margin-right:22px;
  523. + }
  524. +
  525. + .posts {
  526. + {block:ifNotShow400pxposts}
  527. + width:500px;
  528. + {/block:ifNotShow400pxposts}
  529. + {block:ifShow400pxposts}
  530. + width:400px;
  531. + {/block:ifShow400pxposts}
  532. + line-height:100%;
  533. + font-size:10px;
  534. + font-family:tahoma;
  535. + margin-top:70px;
  536. + text-align:justify;
  537. + }
  538. +
  539. +
  540. +
  541. + .info {
  542. + font-family:'Latha';
  543. + text-align:center;
  544. + {block:ifNotShow400pxposts}
  545. + width:490px;
  546. + {/block:ifNotShow400pxposts}
  547. + {block:ifShow400pxposts}
  548. + width:390px;
  549. + {/block:ifShow400pxposts}
  550. + height:20px;
  551. + margin-top:5px;
  552. + margin-bottom:5px;
  553. + padding-top:7px;
  554. + text-transform:uppercase;
  555. + font-size:8px;
  556. + font-style:normal;
  557. + text-align:center;
  558. + background:{color:info bg};
  559. + border-left:3px solid {color:info border};
  560. + border-right:3px solid {color:info border};
  561. + -moz-transition-duration:0.2s;
  562. + -webkit-transition-duration:0.2s;
  563. + -o-transition-duration:0.2s;
  564. + text-shadow: 1px 0px 1px {color:info shadow};
  565. +}
  566. +
  567. +
  568. +.info a {
  569. + color:{color:info};}
  570. +
  571. +.info a:hover {
  572. + color:{color:info hover};}
  573. +
  574. +
  575. + .tags {
  576. + {block:ifNotShow400pxposts}
  577. + width:480px;
  578. + {/block:ifNotShow400pxposts}
  579. + {block:ifShow400pxposts}
  580. + width:380px;
  581. + {/block:ifShow400pxposts}
  582. + position:absolute;
  583. + margin-top:1px;
  584. + line-height:100%;
  585. + font-family:tahoma;
  586. + font-size:9px;
  587. + text-align:center;
  588. + }
  589. +
  590. + .tags a {
  591. + color:{color:tags};
  592. + }
  593. +
  594. + .tags a:hover {
  595. + text-decoration:none;
  596. + color:{color:tags Hover};
  597. + }
  598. +
  599. + .postnote {
  600. + {block:ifNotShow400pxposts}
  601. + width:480px;
  602. + {/block:ifNotShow400pxposts}
  603. + {block:ifShow400pxposts}
  604. + width:380px;
  605. + {/block:ifShow400pxposts}
  606. + font-family:tahoma;
  607. + text-transform:lowercase;
  608. + font-size:10px;
  609. + text-align:left;
  610. + line-height:90%;
  611. + margin-top:40px;
  612. + }
  613. +
  614. + .postnote li {
  615. + list-style-type:none;
  616. + border-bottom:1px solid {color:Info Border};
  617. + padding:0px 0px 3px 0px;
  618. + text-align:left;
  619. + margin:0px;
  620. + -moz-transition-duration:0.5s;
  621. + -webkit-transition-duration:0.5s;
  622. + -o-transition-duration:0.5s;
  623. + }
  624.  
  625. + .postnote img {
  626. + width:20px;
  627. + padding: 3px;
  628. + margin:2px 7px -3px 6px;
  629. + text-align:left;
  630. + }
  631. +
  632. +
  633. +
  634. +
  635. + .music {
  636. + width:480px;
  637. + {block:ifShow400pxposts}
  638. + width:380px;
  639. + {/block:ifShow400pxposts}
  640. + padding-bottom:10px;
  641. + }
  642. +
  643. + .albumart {
  644. + float:left;
  645. + padding:10px 10px 10px 0px;
  646. + }
  647. +
  648. + .albumart img {
  649. + width:30px;
  650. + padding: 3px;
  651. + margin:2px 7px -3px 6px;
  652. + }
  653. +
  654. + .playercontainer {
  655. + text-align:left;
  656. + padding:5px 5px -5px;
  657. + width:480px;
  658. + {block:ifShow400pxposts}
  659. + width:380px;
  660. + {/block:ifShow400pxposts}
  661. + }
  662. +
  663. + .musicinfo {
  664. + padding:10px;
  665. + margin-top:9px;
  666. + color:{color:Text};
  667. + }
  668. +
  669. + .quote {
  670. + font-size:10px;
  671. + font-family:tahoma;
  672. + letter-spacing:0px;
  673. + line-height:90%;
  674. + font-weight:normal;
  675. + text-align:center;
  676. + }
  677. +
  678. + .source {
  679. + font-family:calibri;
  680. + font-size:10px;
  681. + font-style:normal;
  682. + text-align:center;
  683. + line-height:17px;
  684. + }
  685. +
  686. + .chat ol {
  687. + font-size:10px;
  688. + font-family:calibri;
  689. + line-height:100%;
  690. + padding:0px;
  691. + list-style:none;
  692. + }
  693. +
  694. + .label {
  695. + font-size:10px;
  696. + font-family:calibri;
  697. + font-weight:bold;
  698. + color:{color:Text};
  699. + }
  700. +
  701. + .line.odd {
  702. + padding:4px;
  703. + margin-bottom:2px;
  704. + }
  705. +
  706. + .line.even {
  707. + padding:4px;
  708. + margin-bottom:2px;
  709. + }
  710. +
  711. +
  712. +.links {
  713. + position: fixed;
  714. + bottom:520px;
  715. + margin-left:540px;
  716. + font-size: 25px;
  717. + letter-spacing:0px;
  718. + font-family: georgia, sans-serif;
  719. + text-transform:uppercase;
  720. + line-height: 170%;
  721. + text-align: right;
  722. + width: 200px;
  723. + text-shadow: 0px 2px 1px {color:sidebar shadow};
  724. + margin-right: auto;
  725. + -ms-transform: rotate(-0deg); /* IE 9 */
  726. + -webkit-transform: rotate(-0deg); /* Safari */
  727. + transform: rotate(-0deg);
  728. +
  729. +}
  730. +
  731. +
  732. +.links a {
  733. + display: inline-block;
  734. + margin-left:5px;
  735. + margin-right:5px;
  736. + color: {color:sidebar links};
  737. + text-shadow: 1px 0px 2px rgba(0,0,0,.65);
  738. + padding:3px;
  739. + -webkit-transition: all 0.7s ease-in-out;
  740. + -moz-transition: all 0.7s ease-in-out;
  741. + -o-transition: all 0.7s ease-in-out;
  742. + transition: all 0.7s ease-in-out;
  743. +}
  744. +
  745. +.links a:hover {;
  746. + color:{color:sidebar hover};
  747. + -webkit-transition: all 0.7s ease-in-out;
  748. + -moz-transition: all 0.7s ease-in-out;
  749. + -o-transition: all 0.7s ease-in-out;
  750. + transition: all 0.7s ease-in-out;
  751. +}
  752. +
  753. +
  754. +
  755. +.question {
  756. + font-family: 'Amatic SC', cursive;
  757. + line-height:120%;
  758. + font-size:15px;
  759. + font-weight:bold;
  760. + margin-top:5px;
  761. + padding:10px;;
  762. + background:{color:askbg};
  763. + color:{color:ask text};
  764. + text-shadow: 0 0 1px {color:ask shadow};
  765. + border-left:2px solid {color:ask border};
  766. + border-right:2px solid {color:ask border};
  767. +}
  768. +
  769. +.asker {
  770. + font-family: 'Dancing Script', cursive;
  771. + padding-top:10px;
  772. + max-width:220px;
  773. + margin-top:0px;
  774. + font-size:15px;
  775. +}
  776. +
  777. +.askeru {
  778. + margin-top:-5px;
  779. + margin-left:24px;
  780. + text-transform:lowercase;
  781. + font-style:italic;
  782. + font-size:30px; }
  783. +
  784. +.answer {
  785. + padding-top:100px;
  786. + text-align:justify;
  787. +}
  788. +
  789. +#quote {
  790. + background:{color:background};
  791. + border-top:4px double {color:bold};
  792. + border-bottom:4px double {color:bold};
  793. + font-family:'Lobster', cursive;
  794. + color:#e6a8a0;
  795. + font-size:12px;
  796. + text-align:center;
  797. + line-height:120%;
  798. + padding:5px;
  799. + padding-top:12px;
  800. + padding-bottom:8px;
  801. +}
  802. +
  803. +#quote:first-letter {
  804. + color:{color:info text};
  805. + font-family:'Satisfy', cursive;
  806. + font-size:25px;
  807. + text-transform:uppercase;
  808. +}
  809. +
  810. +.qsource{
  811. + padding-top:3px;
  812. + padding-bottom:1px;
  813. + font-family:'Damion', cursive;
  814. + font-size:15px;
  815. + text-align:right;
  816. +}
  817. +
  818. +
  819. +
  820. +
  821. +.credit {
  822. + position:fixed;
  823. + font-family: 'Alex Brush', cursive;
  824. + color:{color:bold};
  825. + font-size:16px;
  826. + font-weight:bold;
  827. + line-height:100%;
  828. + letter-spacing:0px;
  829. + right:7px;
  830. + bottom:5px;
  831. + text-align:center;
  832. + text-shadow:0 0 3px {color:bold};
  833. + -webkit-transition: all 0.5s ease-in-out;
  834. + -moz-transition: all 0.5s ease-in-out;
  835. + -o-transition: all 0.5s ease-in-out;
  836. + -ms-transition: all 0.5s ease-in-out;
  837. + transition: all 0.5s ease-in-out;
  838. +}
  839. +
  840. +.credit:hover {
  841. + color:transparent;
  842. + text-shadow:0 0 7px {color:bold shadow};
  843. + -webkit-transition: all 0.5s ease-in-out;
  844. + -moz-transition: all 0.5s ease-in-out;
  845. + -o-transition: all 0.5s ease-in-out;
  846. + -ms-transition: all 0.5s ease-in-out;
  847. + transition: all 0.5s ease-in-out;
  848. + }
  849. +
  850. +
  851. +
  852. +
  853. +
  854. +.popup_block{
  855. + display:none;
  856. + background:{color:popup bg};
  857. + padding:20px;
  858. + border:1px solid {color:popup border}; /* if you want a solid white pop-up, delete this */
  859. + float:left;
  860. + position:fixed;
  861. + top:50%;left:50%;
  862. + background-image:url('');
  863. + z-index: 99999;
  864. + -webkit-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  865. + -moz-box-shadow: 0px 0px 20px #000; /* delete for solid white */
  866. + box-shadow: 0px 0px 20px #000; /* delete for solid white */
  867. +}
  868. +
  869. +*html #fade {position: absolute;}
  870. +*html .popup_block {position: absolute;}
  871. +#fade {
  872. + display:none;
  873. + position:fixed;
  874. + left:0px;
  875. + top:0px;
  876. + width:100%;
  877. + height:100%;
  878. + z-index:9999;
  879. + background:#1f1f1f; /* change to #fff for solid white */
  880. + opacity:.8; /* change to opacity:1; */
  881. +}
  882. +
  883. +#boxy {
  884. + background-color:#1a1a1a;
  885. + padding:5px;
  886. + border:1px solid #3b352e;
  887. + width:490px;
  888. +}
  889. +
  890. +</style>
  891. +</head>
  892. +
  893. +<body>
  894. +
  895. +
  896. +
  897. +<div class="links">
  898. +<a href="/" title="home">❀</a>
  899. +<a href="#?w=400" rel="box1" class="poplight" title="ask">❀</a>
  900. +<a href="{text:link1 url}" title="{text:link1}">❀</a>
  901. +<a href="{text:link2 url}" title="{text:link2}">❀</a>
  902. +</div>
  903. +<div id="description">
  904. +{Description}
  905. +</div>
  906. +{block:Pagination}
  907. +<div class="pagination">
  908. +{block:PreviousPage}
  909. +<a href="{PreviousPage}"> back </a>
  910. +{/block:PreviousPage}
  911. +{block:NextPage}
  912. +<a href="{NextPage}"> next </a>
  913. +{/block:NextPage}
  914. +</div>
  915. +{/block:Pagination}
  916. +</div>
  917. +
  918. +
  919. +
  920. +<div class="container">
  921. +<div class="postscontainer">
  922. +{block:Posts}
  923. +
  924. +<div class="posts">
  925. +
  926. +{block:Text}
  927. +{block:Title}<h2>{Title}</h2>{/block:Title}
  928. +{Body}
  929. +{/block:Text}
  930. +
  931. +{block:Quote}<div id="quote">&#8220;{Quote}&#8221;</div><center><div class="source">&mdash; {block:Source}{Source}{/block:Source}</div></center><br>{/block:Quote}
  932. +
  933. +{/block:Quote}
  934. +
  935. +{block:Link}
  936. +<h2><a href="{URL}">{Name}</a></h2>
  937. +{block:Description}{Description}{/block:Description}
  938. +{/block:Link}
  939. +
  940. +
  941. +{block:Chat}
  942. + {block:Title}
  943. + <h1>{Title}</h1>{/block:Title}<br>
  944. +<ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  945. +{Line}</li>{/block:Lines}</ul>
  946. + {/block:Chat}
  947. +
  948. + {block:Answer}
  949. + <div class="question">{question}</div>
  950. +<div class="asker">{Asker}</div>
  951. +{Answer}{/block:Answer}
  952. +
  953. +{block:Photo}
  954. +{LinkOpenTag}{block:ifNotShow400pxposts}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:ifNotShow400pxposts}
  955. +{block:ifShow400pxposts}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:ifShow400pxposts}
  956. +{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  957. +{/block:Photo}
  958. +
  959. +{block:Photoset}
  960. +{block:ifNotShow400pxposts}{Photoset-500}{/block:ifNotShow400pxposts}
  961. +{block:ifShow400pxposts}{Photoset-400}{/block:ifShow400pxposts}
  962. +{block:Caption}{Caption}{/block:Caption}
  963. +{/block:Photoset}
  964. +
  965. +{block:Audio}<div class="music">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  966. +<div class="musicinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  967. +{/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  968. +<br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  969. +{block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  970. +
  971. +{block:Video}
  972. +{block:ifNotShow400pxposts}{Video-500}{/block:ifNotShow400pxposts}{block:ifShow400pxposts}{Video-400}{/block:ifShow400pxposts}
  973. +{block:Caption}{Caption}{/block:Caption}
  974. +{/block:Video}
  975. +
  976. +{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}
  977. +
  978. +{block:HasTags}
  979. +<div class="tags">
  980. +{block:Tags}<a href="{TagURL}">#( {Tag} )</a> {/block:Tags}
  981. +</div>
  982. +{/block:HasTags}
  983. +
  984. +<div class="postnote">
  985. +{block:PostNotes}{PostNotes}{/block:PostNotes}
  986. +</div>
  987. +{/block:Posts}
  988. +
  989. +<div class="credit"><a href="http://wxbx.tumblr.com/" title="theme by wxbx"><span class="credit">W</span></a></div>
  990. +
  991. +
  992. +</div>
  993. +</div>
  994. +</div>
  995. +
  996. +
  997. +<!-- SCRIPTS -->
  998. +
  999. +<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1000. +<script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1001. +
  1002. +<script>
  1003. +(function($){
  1004. +$(document).ready(function(){
  1005. + $("[title]").style_my_tooltips({
  1006. + tip_follows_cursor:true,
  1007. + tip_delay_time:90,
  1008. + tip_fade_speed:600,
  1009. + attribute:"title"});
  1010. +});})(jQuery);
  1011. +</script>
  1012. +</div>
  1013. +
  1014. +</div>
  1015. +
  1016. +</div>
  1017. +
  1018. + <div id="box1" class="askpopup_block">
  1019. +<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>
  1020. +</div></div>
  1021. +</body>
Advertisement
Add Comment
Please, Sign In to add comment