API tools faq
paste
Advertisement
suhothemes

bvni's theme

suhothemes
Apr 3rd, 2015
285
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 60.32 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------
  2. ᴛʜᴇᴍᴇ ʙʏ ᴊᴠɴʏɪɴ @ ʜᴛᴛᴘ://ᴊᴠɴʏɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  3. ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ! ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ᴏʀ ᴄʟᴀɪᴍ ᴀs ʏᴏᴜʀ ᴏᴡɴ.
  4. ------------------------------------------------------------------>
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  8.  
  9.  
  10. <head>
  11.  
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" title="RSS 2.0 feed" href="{RSS}" />
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. {block:ifinfinitescroll}
  18. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  19. {/block:ifinfinitescroll}
  20. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  21. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("[title]").style_my_tooltips();
  26. });
  27. })(jQuery);
  28. </script>
  29.  
  30.  
  31. <meta name="color:background color" content="#a3a3a3" />
  32. <meta name="color:body text" content="#777777" />
  33. <meta name="color:posts" content="#bfbfbf" />
  34. <meta name="color:post border" content="#999999" />
  35.  
  36. <meta name="color:blockquote background" content="#cacaca" />
  37. <meta name="color:blockquote border" content="#7c9da6" />
  38. <meta name="color:blockquote blockquote background" content="#cccccc" />
  39. <meta name="color:blockquote blockquote border" content="#7c9da6" />
  40. <meta name="color:blockquote text" content="#777777" />
  41.  
  42. <meta name="color:bold" content="#7c9da6" />
  43. <meta name="color:italic" content="#7c9da6" />
  44.  
  45. <meta name="color:accent" content="#7c9da6" />
  46.  
  47. <meta name="color:sidebar background" content="#bfbfbf" />
  48. <meta name="color:sidebar border" content="#999999" />
  49. <meta name="color:sidebar text" content="#777777" />
  50.  
  51. <meta name="color:chat even" content="#cccccc" />
  52. <meta name="color:even text" content="#777777" />
  53. <meta name="color:chat odd" content="#c4c4c4" />
  54. <meta name="color:odd text" content="#777777" />
  55.  
  56. <meta name="color:scrollbar background" content="#bfbfbf" />
  57. <meta name="color:scrollbar thumb" content="#7c9da6" />
  58.  
  59. <meta name="color:tooltip background" content="#bfbfbf" />
  60. <meta name="color:tooltip border" content="#999999" />
  61. <meta name="color:tooltip text" content="#777777" />
  62.  
  63. <meta name="color:selected text color" content="#7c9da6" />
  64. <meta name="color:selected text background" content="#aaaaaa" />
  65.  
  66. <meta name="color:link color" content="#7c9da6" />
  67. <meta name="color:link hover" content="#c9b885" />
  68.  
  69. <meta name="text:title" content="Bunny" />
  70.  
  71. <meta name="image:background image" content="http://static.tumblr.com/a74f7212616c2ffd5e834e9ba35d9366/xandh9h/5VWnl4q0v/tumblr_static_bqphgkudes8co0skk8wgg8g04.png" />
  72.  
  73. <meta name="if:250" content="0" />
  74. <meta name="if:400" content="1" />
  75. <meta name="if:500" content="0" />
  76. <meta name="if:monochrome" content="1" />
  77. <meta name="if:image fade" content="1" />
  78. <meta name="if:infinite scroll" content="0" />
  79. <meta name="if:pagination" content="1" />
  80. <meta name="if:show captions" content="1" />
  81.  
  82.  
  83. <style type="text/css">
  84.  
  85. @font-face
  86. {font-family: "chocolate";src: url('https://dl.dropboxusercontent.com/s/bab78kmsrecze4d/Karine%20aime%20les%20Chocolats.ttf?dl=1'); format("truetype");}
  87.  
  88. @font-face
  89. {font-family: "hasteristico";src: url('https://dl.dropboxusercontent.com/s/1q25s0pxgiibx5j/hasteristico.ttf?dl=1'); format("truetype");}
  90.  
  91. @font-face
  92. { font-family: "bebas_neue"; src: url('https://dl.dropboxusercontent.com/s/scbj3da4dz3dfmf/bebasneue.otf?dl=1'); format(“truetype”);}
  93.  
  94. @font-face
  95. { font-family: "wendy"; src: url('https://dl.dropboxusercontent.com/s/yr32rdtfszs02ze/wendy.ttf?dl=1'); format("truetype");}
  96.  
  97. @font-face
  98. {font-family: "icons_b";src: url('https://dl.dropboxusercontent.com/s/aynqehps2vodp7r/breezi_font-webfont.ttf?dl=1'); format("truetype");}
  99.  
  100. @font-face
  101. {font-family: "icons_h";src: url('https://dl.dropboxusercontent.com/s/j61dv2enbpyqt9f/heydings_icons.ttf?dl=1'); format("truetype");}
  102.  
  103. @font-face
  104. {font-family: "mars";src: url('https://dl.dropboxusercontent.com/s/i3gsfpr8q6acqvq/MardianDemo.ttf?dl=1'); format("truetype");}
  105.  
  106.  
  107. @keyframes pop {
  108. 0% {-webkit-transform: scale(.4); }
  109. 50% {-webkit-transform: scale(1.04); }
  110. 70% {-webkit-transform: scale(.9); }
  111. 100% {-webkit-transform: scale(1); }
  112. }
  113.  
  114. @-webkit-keyframes pop {
  115. 0% {-webkit-transform: scale(.4); }
  116. 50% {-webkit-transform: scale(1.04); }
  117. 70% {-webkit-transform: scale(.9); }
  118. 100% {-webkit-transform: scale(1); }
  119. }
  120.  
  121. @-moz-keyframes pop {
  122. 0% {-webkit-transform: scale(.4); }
  123. 50% {-webkit-transform: scale(1.04); }
  124. 70% {-webkit-transform: scale(.9); }
  125. 100% {-webkit-transform: scale(1); }
  126. }
  127.  
  128. @-ms-keyframes pop{
  129. 0% {-webkit-transform: scale(.4); }
  130. 50% {-webkit-transform: scale(1.04); }
  131. 70% {-webkit-transform: scale(.9); }
  132. 100% {-webkit-transform: scale(1); }
  133. }
  134.  
  135. @-o-keyframes pop {
  136. 0% {-webkit-transform: scale(.4); }
  137. 50% {-webkit-transform: scale(1.04); }
  138. 70% {-webkit-transform: scale(.9); }
  139. 100% {-webkit-transform: scale(1); }
  140. }
  141.  
  142. @-webkit-keyframes HOVER {
  143. 0% {-webkit-transform: scale(.3);}
  144. 50% {-webkit-transform: scale(1.05);}
  145. 70% {-webkit-transform: scale(.9);}
  146. 100% {-webkit-transform: scale(1);}
  147. }
  148.  
  149. @-webkit-keyframes glow {
  150. from { text-shadow: 0 0 0px #000; }
  151. to { text-shadow: 0 0 20px #000; }
  152. }
  153.  
  154. @-webkit-keyframes spaceboots{
  155. 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
  156. 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
  157. 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
  158. 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
  159. 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
  160. 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  161. 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
  162. 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
  163. 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
  164. 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
  165. 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
  166. }
  167.  
  168. @-webkit-keyframes pulse {
  169. from {
  170. -webkit-transform: scale(1.0);
  171. }
  172. 50% {
  173. -webkit-transform: scale(1.1);
  174. opacity: 1.0;
  175. }
  176. to {
  177. -webkit-transform: scale(1.0);
  178. }
  179. }
  180.  
  181.  
  182.  
  183.  
  184. /* Selection */
  185.  
  186. ::-moz-selection { /* Code for Firefox */
  187. color: {color:Selected Text Color};
  188. background: {color:Selected Text Background};
  189. }
  190.  
  191. ::selection {
  192. color: {color:Selected Text Color};
  193. background: {color:Selected Text Background};
  194. }
  195.  
  196.  
  197. /* Let's get this party started */
  198. ::-webkit-scrollbar {
  199. width: 5px;
  200. height:8px;
  201. max-height:10px;
  202. }
  203.  
  204. .sbdesc::-webkit-scrollbar {
  205. width: 3px;
  206. height:8px;
  207. max-height:10px;
  208. }
  209.  
  210. /* Track */
  211. ::-webkit-scrollbar-track {
  212. background-color:{color:scrollbar background};
  213. }
  214.  
  215. /* Handle */
  216. ::-webkit-scrollbar-thumb {
  217. background-color:{color:scrollbar thumb};
  218. }
  219. ::-webkit-scrollbar-thumb:window-inactive {
  220. background-color:{color:scrollbar thumb};
  221. }
  222.  
  223. *, body, a {cursor:url('http://i.imgur.com/2qleX.jpg'), auto;}
  224. body {
  225. margin:0 0;
  226. padding:0;
  227. background-color:{color:background color};
  228. background-image:url('{image:background image}');
  229. background-size:contain;
  230. background-attachment:fixed;
  231. background-position:bottom left;
  232. background-repeat:no-repeat;
  233. color:{color:body text};
  234. }
  235.  
  236. a {
  237. text-decoration:none;
  238. color:{color:link color};
  239. }
  240.  
  241. a:link,
  242. a:active,
  243. a:visitor {
  244. text-decoration:none;
  245. color:{color:link color};
  246. }
  247.  
  248. a:hover {
  249. color:{color:link hover};
  250. }
  251.  
  252. * {
  253. -moz-transition:all 0.5s ease-in-out;
  254. -webkit-transition:all 0.5s ease-in-out;
  255. -o-transition:all 0.5s ease-in-out;
  256. transition:all 0.5s ease-in-out;
  257. }
  258.  
  259. *:hover {
  260. -moz-transition:all 0.5s ease-in-out;
  261. -webkit-transition:all 0.5s ease-in-out;
  262. -o-transition:all 0.5s ease-in-out;
  263. transition:all 0.5s ease-in-out;
  264. }
  265.  
  266. blockquote {
  267. width:auto !important;
  268. height:auto!important;
  269. background-color:{color:blockquote background};
  270. border-left:2px solid {color:blockquote border};
  271. margin:5px 10px 5px 10px;
  272. padding:2px 10px 2px 10px;
  273. font-family:calibri;
  274. font-size:10px;
  275. color:{color:blockquote text};
  276. line-height:100%;
  277. text-align:justify;
  278. text-transform:auto;
  279. letter-spacing:0;
  280. word-spacing:0;
  281. }
  282.  
  283.  
  284. blockquote img,
  285. blockquote blockquote img {
  286. border:1px solid transparent;
  287. padding:0px;
  288. max-width:100%;
  289. {block:ifMonochrome}
  290. -moz-transition:all 0.5s ease-in-out;
  291. -webkit-transition:all 0.5s ease-in-out;
  292. -o-transition:all 0.5s ease-in-out;
  293. transition:all 0.5s ease-in-out;
  294. -webkit-filter: grayscale(100%);
  295. {/block:ifMonochrome}
  296. {block:ifImageFade}
  297. opacity: .5;
  298. -moz-transition:all 0.5s ease-in-out;
  299. -webkit-transition:all 0.5s ease-in-out;
  300. -o-transition:all 0.5s ease-in-out;
  301. transition:all 0.5s ease-in-out;
  302. {/block:ifImageFade}
  303. }
  304.  
  305. blockquote img:hover,
  306. blockquote blockquote img:hover {
  307. border:1px solid {color:accent};
  308. padding:4px;
  309. {block:ifMonochrome}
  310. -moz-transition:all 0.5s ease-in-out;
  311. -webkit-transition:all 0.5s ease-in-out;
  312. -o-transition:all 0.5s ease-in-out;
  313. transition:all 0.5s ease-in-out;
  314. -webkit-filter: grayscale(0%);
  315. {/block:ifMonochrome}
  316. {block:ifImageFade}
  317. opacity: 1;
  318. -moz-transition:all 0.5s ease-in-out;
  319. -webkit-transition:all 0.5s ease-in-out;
  320. -o-transition:all 0.5s ease-in-out;
  321. transition:all 0.5s ease-in-out;
  322. {/block:ifImageFade}
  323. }
  324.  
  325.  
  326.  
  327. blockquote blockquote {
  328. width:auto !important;
  329. height:auto!important;
  330. background-color:{color:blockquote blockquote background};
  331. border-left:2px solid {color:blockquote blockquote border};
  332. margin:auto;
  333. margin-bottom:5px;
  334. margin-top:5px;
  335. padding:2px 10px 2px 10px;
  336. font-family:calibri;
  337. font-size:10px;
  338. color:{color:blockquote text};
  339. line-height:100%;
  340. text-align:justify;
  341. text-transform:auto;
  342. letter-spacing:0;
  343. word-spacing:0;
  344. }
  345.  
  346. .posts:hover blockquote {
  347. border-left:2px solid {color:link hover};
  348. }
  349.  
  350. pre {
  351. width:auto;
  352. height:auto;
  353. background-color:{color:blockquote background};
  354. border:1px solid {color:posts};
  355. font-family:wendy;
  356. font-size:10px;
  357. line-height:100%;
  358. color:{color:blockquote text};
  359. text-transform:auto;
  360. text-align:center;
  361. word-spacing:0;
  362. letter-spacing:0;
  363. }
  364.  
  365. small, big {
  366. font-family:'arial narrow';
  367. }
  368.  
  369. b, strong {
  370. color:{color:Bold};
  371. }
  372. i, em {
  373. color:{color:Italic};
  374. }
  375. ul {
  376. color:{color:body text};
  377. font-family:'wendy';
  378. font-size:10px;
  379. line-height:100%;
  380. text-transform:auto;
  381. margin-left:-25px;
  382. list-style-type:square;
  383. }
  384. ol {
  385. color:{color:body Text};
  386. font-family:'wendy';
  387. font-size:10px;
  388. line-height:100%;
  389. text-transform:auto;
  390. margin-left:-25px;
  391. list-style-type: upper-roman;
  392. }
  393.  
  394. li {
  395. color:{color:body Text};
  396. font-family:'wendy';
  397. font-size:10px;
  398. line-height:100%;
  399. text-transform:auto;
  400. }
  401.  
  402.  
  403.  
  404.  
  405. /* posts */
  406.  
  407. .post_title {
  408. margin:5px 0 5px 0;
  409. width:auto;
  410. height:auto;
  411. padding:2px;
  412. text-align:right;
  413. font-family:bebas_neue;
  414. font-size:30px;
  415. line-height:100%;
  416. text-transform:uppercase;
  417. color:{color:accent};
  418. border-bottom:2px solid {color:post border};
  419. word-spacing:2px;
  420. letter-spacing:-1px;
  421. text-shadow:1px 1px 1px #000;
  422. }
  423.  
  424. .posts:hover .post_title {
  425. color:{color:link hover};
  426. }
  427.  
  428. .posts {
  429. position:relative;
  430. {block:if250}
  431. width:250px;
  432. {/block:if250}
  433. {block:if400}
  434. width:400px;
  435. {/block:if400}
  436. {block:if500}
  437. width:500px;
  438. {/block:if500}
  439. padding:5.5px;
  440. word-wrap:break-word;
  441. background-color:{color:posts};
  442. border:2px solid {color:post border};
  443. margin-top:20px;
  444. margin-bottom:40px;
  445. font-family:calibri;
  446. font-size:10px;
  447. line-height:100%;
  448. text-align:justify;
  449. text-transform:auto;
  450. word-spacing:0;
  451. letter-spacing:0;
  452. color:{color:body text};
  453. -webkit-transition: all .6s ease-in-out;
  454. -moz-transition: all .6s ease-in-out;
  455. -o-transition: all .6s ease-in-out;
  456. -ms-transition: all .6s ease-in-out;
  457. transition: all .6s ease-in-out;
  458. }
  459.  
  460. .posts img {
  461. max-width:100%;
  462. {block:ifMonochrome}
  463. -moz-transition:all 0.5s ease-in-out;
  464. -webkit-transition:all 0.5s ease-in-out;
  465. -o-transition:all 0.5s ease-in-out;
  466. transition:all 0.5s ease-in-out;
  467. -webkit-filter: grayscale(100%);
  468. {/block:ifMonochrome}
  469. {block:ifImageFade}
  470. opacity: .5;
  471. -moz-transition:all 0.5s ease-in-out;
  472. -webkit-transition:all 0.5s ease-in-out;
  473. -o-transition:all 0.5s ease-in-out;
  474. transition:all 0.5s ease-in-out;
  475. {/block:ifImageFade}
  476. }
  477.  
  478. .posts img:hover {
  479. {block:ifMonochrome}
  480. -moz-transition:all 0.5s ease-in-out;
  481. -webkit-transition:all 0.5s ease-in-out;
  482. -o-transition:all 0.5s ease-in-out;
  483. transition:all 0.5s ease-in-out;
  484. -webkit-filter: grayscale(0%);
  485. {/block:ifMonochrome}
  486. {block:ifImageFade}
  487. opacity: 1;
  488. -moz-transition:all 0.5s ease-in-out;
  489. -webkit-transition:all 0.5s ease-in-out;
  490. -o-transition:all 0.5s ease-in-out;
  491. transition:all 0.5s ease-in-out;
  492. {/block:ifImageFade}
  493. }
  494.  
  495.  
  496. .photo {
  497. max-width:100%;
  498. {block:ifMonochrome}
  499. -moz-transition:all 0.5s ease-in-out;
  500. -webkit-transition:all 0.5s ease-in-out;
  501. -o-transition:all 0.5s ease-in-out;
  502. transition:all 0.5s ease-in-out;
  503. -webkit-filter: grayscale(100%);
  504. {/block:ifMonochrome}
  505. {block:ifImageFade}
  506. opacity: .5;
  507. -moz-transition:all 0.5s ease-in-out;
  508. -webkit-transition:all 0.5s ease-in-out;
  509. -o-transition:all 0.5s ease-in-out;
  510. transition:all 0.5s ease-in-out;
  511. {/block:ifImageFade}
  512. }
  513. .photoset {
  514. max-width:100%;
  515. {block:ifMonochrome}
  516. -moz-transition:all 0.5s ease-in-out;
  517. -webkit-transition:all 0.5s ease-in-out;
  518. -o-transition:all 0.5s ease-in-out;
  519. transition:all 0.5s ease-in-out;
  520. -webkit-filter: grayscale(100%);
  521. {/block:ifMonochrome}
  522. {block:ifImageFade}
  523. opacity: .5;
  524. -moz-transition:all 0.5s ease-in-out;
  525. -webkit-transition:all 0.5s ease-in-out;
  526. -o-transition:all 0.5s ease-in-out;
  527. transition:all 0.5s ease-in-out;
  528. {/block:ifImageFade}
  529. }
  530. .video {
  531. max-width:100%;
  532. {block:ifMonochrome}
  533. -moz-transition:all 0.5s ease-in-out;
  534. -webkit-transition:all 0.5s ease-in-out;
  535. -o-transition:all 0.5s ease-in-out;
  536. transition:all 0.5s ease-in-out;
  537. -webkit-filter: grayscale(100%);
  538. {/block:ifMonochrome}
  539. {block:ifImageFade}
  540. opacity: .5;
  541. -moz-transition:all 0.5s ease-in-out;
  542. -webkit-transition:all 0.5s ease-in-out;
  543. -o-transition:all 0.5s ease-in-out;
  544. transition:all 0.5s ease-in-out;
  545. {/block:ifImageFade}
  546. }
  547.  
  548. .photo:hover {
  549. {block:ifMonochrome}
  550. -moz-transition:all 0.5s ease-in-out;
  551. -webkit-transition:all 0.5s ease-in-out;
  552. -o-transition:all 0.5s ease-in-out;
  553. transition:all 0.5s ease-in-out;
  554. -webkit-filter: grayscale(0%);
  555. {/block:ifMonochrome}
  556. {block:ifImageFade}
  557. opacity: 1;
  558. -moz-transition:all 0.5s ease-in-out;
  559. -webkit-transition:all 0.5s ease-in-out;
  560. -o-transition:all 0.5s ease-in-out;
  561. transition:all 0.5s ease-in-out;
  562. {/block:ifImageFade}
  563. }
  564. .photoset:hover {
  565. {block:ifMonochrome}
  566. -moz-transition:all 0.5s ease-in-out;
  567. -webkit-transition:all 0.5s ease-in-out;
  568. -o-transition:all 0.5s ease-in-out;
  569. transition:all 0.5s ease-in-out;
  570. -webkit-filter: grayscale(0%);
  571. {/block:ifMonochrome}
  572. {block:ifImageFade}
  573. opacity: 1;
  574. -moz-transition:all 0.5s ease-in-out;
  575. -webkit-transition:all 0.5s ease-in-out;
  576. -o-transition:all 0.5s ease-in-out;
  577. transition:all 0.5s ease-in-out;
  578. {/block:ifImageFade}
  579. }
  580. .video:hover {
  581. {block:ifMonochrome}
  582. -moz-transition:all 0.5s ease-in-out;
  583. -webkit-transition:all 0.5s ease-in-out;
  584. -o-transition:all 0.5s ease-in-out;
  585. transition:all 0.5s ease-in-out;
  586. -webkit-filter: grayscale(0%);
  587. {/block:ifMonochrome}
  588. {block:ifImageFade}
  589. opacity: .1;
  590. -moz-transition:all 0.5s ease-in-out;
  591. -webkit-transition:all 0.5s ease-in-out;
  592. -o-transition:all 0.5s ease-in-out;
  593. transition:all 0.5s ease-in-out;
  594. {/block:ifImageFade}
  595. }
  596.  
  597. .permafull {
  598. position:absolute;
  599. width:412px;
  600. height:3px;
  601. margin:15px 0px -10px -3px;
  602. margin-left:-6px;
  603. font-family:wendy;
  604. font-size:10px;
  605. text-align:center;
  606. color:{color:body text};
  607. background-color:{color:post border};
  608. z-index:1000000;
  609. }
  610.  
  611. .permacon {
  612. display:inline-block;
  613. width:auto;
  614. height:auto;
  615. padding:2px 2px 2px 5px;
  616. float:right;
  617. margin:-7px 0;
  618. font-family:icons_b;
  619. font-size:15px;
  620. line-height:100%;
  621. color:{color:italic};
  622. letter-spacing:0;
  623. text-shadow:0 0 2px #fff;
  624. word-spacing:0;
  625. text-transform:auto;
  626. text-align:center;
  627. background-color:{color:background color};
  628. }
  629.  
  630. .permacon a:hover {
  631. text-shadow:0 0 2px #000;
  632. }
  633.  
  634. .permapage {
  635. margin-top:-36px;
  636. padding:3px;
  637. {block:if250}
  638. width:259px;
  639. {/block:if250}
  640. {block:if400}
  641. width:409px;
  642. {/block:if400}
  643. {block:if500}
  644. width:509px;
  645. {/block:if500}
  646. height:auto;
  647. background-color:{color:posts};
  648. font-family:wendy;
  649. font-size:10px;
  650. line-height:100%;
  651. color:#777;
  652. letter-spacing:0;
  653. word-spacing:0;
  654. text-transform:uppercase;
  655. text-align:center;
  656. -webkit-transition: all .6s ease-in-out;
  657. -moz-transition: all .6s ease-in-out;
  658. -o-transition: all .6s ease-in-out;
  659. -ms-transition: all .6s ease-in-out;
  660. transition: all .6s ease-in-out;
  661. }
  662.  
  663. .permapage a {
  664. color:#f3f3f3;
  665. text-shadow:1px 0px 0px #000, 0px 1px 0px #000, 0px 0px 1px #000;
  666. }
  667.  
  668. .permapage a:hover {
  669. color:{color:link hover};
  670. }
  671.  
  672. .notes {
  673. {block:if500}
  674. width:500px !important;
  675. {/block:if500}
  676. {block:if400}
  677. width:400px !important;
  678. {/block:if400}
  679. {block:if250}
  680. width:250px !important;
  681. {/block:if250}
  682. margin:5px 0px 20px -27px;
  683. word-wrap:break-word;
  684. display:inline-block;
  685. line-height:100%;
  686. color:{color:Post Text};
  687. background-color:transparent;
  688. text-align:justify;
  689. text-transform:uppercase;
  690. font-family:wendy;
  691. font-size:10px;
  692. letter-spacing:0;
  693. word-spacing:0;
  694. list-style-type:none;
  695. -webkit-transition: all .6s ease-in-out;
  696. -moz-transition: all .6s ease-in-out;
  697. -o-transition: all .6s ease-in-out;
  698. -ms-transition: all .6s ease-in-out;
  699. transition: all .6s ease-in-out;
  700. animation:pop 0.4s;
  701. -webkit-animation:pop 0.6s;
  702. -moz-animation:pop 0.6s;
  703. -ms-animation:pop 0.6s;
  704. -o-animation:pop 0.6s;
  705. }
  706.  
  707. .notes img {
  708. display:;
  709. margin-bottom:5px;
  710. float:left;
  711. margin-right:5px;
  712. border:1px solid {color:accent 3};
  713. {block:ifMonochrome}
  714. -moz-transition:all 0.5s ease-in-out;
  715. -webkit-transition:all 0.5s ease-in-out;
  716. -o-transition:all 0.5s ease-in-out;
  717. transition:all 0.5s ease-in-out;
  718. -webkit-filter: grayscale(100%);
  719. {/block:ifMonochrome}
  720. {block:ifImageFade}
  721. opacity: .5;
  722. -moz-transition:all 0.5s ease-in-out;
  723. -webkit-transition:all 0.5s ease-in-out;
  724. -o-transition:all 0.5s ease-in-out;
  725. transition:all 0.5s ease-in-out;
  726. {/block:ifImageFade}
  727. }
  728.  
  729. .notes img:hover {
  730. {block:ifMonochrome}
  731. -moz-transition:all 0.5s ease-in-out;
  732. -webkit-transition:all 0.5s ease-in-out;
  733. -o-transition:all 0.5s ease-in-out;
  734. transition:all 0.5s ease-in-out;
  735. -webkit-filter: grayscale(0%);
  736. {/block:ifMonochrome}
  737. {block:ifImageFade}
  738. opacity: 1;
  739. -moz-transition:all 0.5s ease-in-out;
  740. -webkit-transition:all 0.5s ease-in-out;
  741. -o-transition:all 0.5s ease-in-out;
  742. transition:all 0.5s ease-in-out;
  743. {/block:ifImageFade}
  744. }
  745.  
  746. .notes blockquote {
  747. margin:5px 5px 5px 5px;
  748. text-align:justify;
  749. text-transform:uppercase;
  750. font-family:wendy;
  751. font-size:10px;
  752. letter-spacing:0;
  753. word-spacing:0;
  754. }
  755.  
  756. .notes ul {
  757. list-style-type:none;
  758. font-family:wendy;
  759. font-size:10px;
  760. }
  761. .notes ol {
  762. list-style-type:none;
  763. font-family:wendy;
  764. font-size:10px;
  765. }
  766. .notes li {
  767. {block:if500}
  768. width:510px !important;
  769. {/block:if500}
  770. {block:if400}
  771. width:410px !important;
  772. {/block:if400}
  773. {block:if250}
  774. width:260px !important;
  775. {/block:if250}
  776. margin-top:3px;
  777. padding:3px;
  778. min-height:18px;
  779. line-height:18px;
  780. font-family:wendy;
  781. font-size:10px;
  782. height:auto;
  783. max-height:auto;
  784. }
  785.  
  786. .notes li:nth-of-type(odd) {
  787. background-color:{color:chat even};
  788. border-bottom:1px solid {color:accent};
  789. }
  790. .notes li:nth-of-type(even) {
  791. background-color:{color:chat odd};
  792. border-bottom:1px solid {color:accent};
  793. }
  794.  
  795.  
  796. /* Asks */
  797. .asks {
  798. min-height:auto !important;
  799. max-height:auto !important;
  800. height:auto !important;
  801. background-color:{color:ask background};
  802. border:1px solid {color:accent};
  803. margin-top:-6px;
  804. padding:5px;
  805. font-family:wendy;
  806. font-size:10px;
  807. color:{color:Post Text};
  808. line-height:100%;
  809. text-transform:uppercase;
  810. text-align:center;
  811. word-spacing:0;
  812. letter-spacing:0;
  813. }
  814.  
  815. .askers {
  816. margin:0px 0px 5px 0px;
  817. padding:3px;
  818. height:14px;
  819. background-color:{color:accent};
  820. font-family:wendy;
  821. font-size:10px;
  822. color:#000;
  823. line-height:14px;
  824. text-transform:uppercase;
  825. text-align:center;
  826. letter-spacing:0px;
  827. }
  828.  
  829. .askers a {
  830. color:#000;
  831. }
  832. .askers a:hover {
  833. color:{color:link hover};
  834. text-shadow:1px 0px 0px #000, 0px 1px 0px #000, 0px 0px 1px #000;
  835. }
  836.  
  837. .posts:hover .askers, .posts:hover .askers a {
  838. letter-spacing:2px;
  839. }
  840.  
  841. .ask_icon {
  842. float:left;
  843. width:16px;
  844. height:16px;
  845. margin: -3px 3px 0 -3px;
  846. padding: 1px;
  847. background-color:{color:background color};
  848. border:1px solid {color:accent};
  849. }
  850. .posts:hover .ask_icon {
  851. border:1px solid {color:link hover};
  852. box-shadow:0 0 2px #000;
  853. }
  854.  
  855. .ask_icon img {
  856. width:100%;
  857. {block:ifMonochrome}
  858. -moz-transition:all 0.5s ease-in-out;
  859. -webkit-transition:all 0.5s ease-in-out;
  860. -o-transition:all 0.5s ease-in-out;
  861. transition:all 0.5s ease-in-out;
  862. -webkit-filter: grayscale(100%);
  863. {/block:ifMonochrome}
  864. {block:ifImageFade}
  865. opacity: .5;
  866. -moz-transition:all 0.5s ease-in-out;
  867. -webkit-transition:all 0.5s ease-in-out;
  868. -o-transition:all 0.5s ease-in-out;
  869. transition:all 0.5s ease-in-out;
  870. {/block:ifImageFade}
  871. }
  872.  
  873. .ask_icon img:hover {
  874. {block:ifMonochrome}
  875. -moz-transition:all 0.5s ease-in-out;
  876. -webkit-transition:all 0.5s ease-in-out;
  877. -o-transition:all 0.5s ease-in-out;
  878. transition:all 0.5s ease-in-out;
  879. -webkit-filter: grayscale(0%);
  880. {/block:ifMonochrome}
  881. {block:ifImageFade}
  882. opacity: 1;
  883. -moz-transition:all 0.5s ease-in-out;
  884. -webkit-transition:all 0.5s ease-in-out;
  885. -o-transition:all 0.5s ease-in-out;
  886. transition:all 0.5s ease-in-out;
  887. {/block:ifImageFade}
  888. }
  889.  
  890. /* Chat */
  891.  
  892. .chat {
  893. width:auto !important;
  894. padding:3px;
  895. border:1px solid {color:accent};
  896. }
  897.  
  898. .even {
  899. background-color:{color:Chat Even};
  900. margin:1px 1px 1px 1px;
  901. color:{color:even Text};
  902. padding:3px;
  903. font-family:wendy;
  904. font-size:10px;
  905. letter-spacing:1px;
  906. word-spacing:0;
  907. line-height:100%;
  908. text-transform:uppercase;
  909. text-align:justify;
  910. }
  911.  
  912. .odd {
  913. background-color:{color:Chat Odd};
  914. margin:1px 1px 1px 1px;
  915. color:{color:odd Text};
  916. padding:3px;
  917. font-family:wendy;
  918. font-size:10px;
  919. letter-spacing:1px;
  920. word-spacing:0;
  921. line-height:100%;
  922. text-transform:uppercase;
  923. text-align:justify;
  924. }
  925.  
  926.  
  927.  
  928. /* Audio */
  929. .player {
  930. width: 30px;
  931. height: 30px;
  932. overflow: hidden;
  933. padding:0;
  934. margin-top:auto !important;
  935. margin-left:auto !important;
  936. position: absolute;
  937. background-color:#ddd;
  938. border:2px solid {color:accent};
  939. z-index: 10;
  940. -moz-transition:all 0.5s linear;
  941. -webkit-transition:all 0.5s linear;
  942. -o-transition:all 0.5s linear;
  943. transition:all 0.5s linear;
  944. }
  945.  
  946. .posts:hover .player {
  947. border:2px solid {color:link hover};
  948. box-shadow:0 0 2px #000;
  949. }
  950.  
  951. .track {
  952. margin-left: 34px;
  953. height:auto;
  954. font-family:wendy;
  955. line-height:100%;
  956. overflow-x:scroll;
  957. overflow-y:hidden;
  958. font-size: 10px;
  959. padding: 3px;
  960. text-align:center;
  961. color:{color:body text};
  962. text-transform: uppercase;kkk
  963. letter-spacing:0;
  964. border-top:2px solid {color:accent};
  965. border-left:1px solid {color:accent};
  966. border-right:2px solid {color:accent};
  967. background-color:{color:posts};
  968. }
  969.  
  970. .tracks {
  971. margin-left:29px;
  972. overflow-x:auto;
  973. height:10px !important;
  974. border-top:1px solid #666;
  975. border-right:2px solid {color:accent};
  976. background-color:{color:accent};
  977. margin-top:-9px;
  978. padding:3px;
  979. font-family:wendy;
  980. font-size:10px;
  981. color:#000;
  982. line-height:100%;
  983. text-transform:uppercase;
  984. text-align:center;
  985. word-spacing:0;
  986. letter-spacing:0;
  987. }
  988.  
  989. /* Quotes */
  990. .quotes {
  991. margin:0 0;
  992. padding:10px;
  993. background-color:transparent;
  994. font-family:'arial narrow';
  995. font-size:15px;
  996. color:{color:body text};
  997. line-height:100%;
  998. text-align:justify;
  999. text-transform:uppercase;
  1000. word-spacing:0;
  1001. letter-spacing:0;
  1002. }
  1003.  
  1004. .source {
  1005. margin:5px 0;
  1006. width:auto;
  1007. height:auto;
  1008. font-family:wendy;
  1009. font-size:10px;
  1010. text-align:right;
  1011. color:#000;
  1012. background-color:{color:post border};
  1013. padding:2px;
  1014. }
  1015. .source a {
  1016. text-shadow:1px 0px 0px #000, 0px 1px 0px #000, 0px 0px 1px #000;
  1017. }
  1018. /* Pagination */
  1019.  
  1020. #pagination {
  1021. display:;
  1022. position:fixed;
  1023. width:105px;
  1024. height:auto;
  1025. margin-left:110px;
  1026. margin-top:198px;
  1027. background-color:transparent;
  1028. text-shadow:1px 0px 0px #000, 0px 1px 0px #000, 0px 0px 1px #000;
  1029. font-family:wendy;
  1030. font-size:10px;
  1031. padding:4px;
  1032. line-height:100%;
  1033. text-transform:uppercase;
  1034. letter-spacing:0px;
  1035. text-align:center;
  1036. z-index:10000000000000000000000000000000000000000000000000000000000;
  1037. }
  1038.  
  1039. #pagination a {
  1040. padding: 2px 4px;
  1041. }
  1042.  
  1043. .jump_page {
  1044.  
  1045. padding: 2px 4px;
  1046. color:#fff;
  1047. font-family:wendy;
  1048. font-size:10px;
  1049. word-spacing:-2px;
  1050. text-decoration:none;
  1051. }
  1052.  
  1053. .jump_page a{
  1054. color:#fff;
  1055. }
  1056.  
  1057. .current_page, .jump_page:hover {
  1058.  
  1059. padding: 2px 4px;
  1060. color:{color:link hover};
  1061. font-family:wendy;
  1062. font-size:10px;
  1063. word-spacing:-2px;
  1064. text-decoration:none;
  1065. }
  1066.  
  1067. /* wrappers */
  1068.  
  1069. .contentwrap {
  1070. position:relative;
  1071. width:425px;
  1072. height:100%;
  1073. background-color:transparent;
  1074. padding:10px;
  1075. margin-top:0px;
  1076. margin-left:840px;
  1077. }
  1078.  
  1079. .postwrap {
  1080. display:;
  1081. position:relative;
  1082. height:100%;
  1083. {block:if250}
  1084. width:250px;
  1085. {/block:if250}
  1086. {block:if400}
  1087. width:400px;
  1088. {/block:if400}
  1089. {block:if500}
  1090. width:500px;
  1091. {/block:if500}
  1092. padding:5px;
  1093. margin-top:10px;
  1094. margin-bottom:0px;
  1095. }
  1096.  
  1097. /*sidebar wrapper*/
  1098.  
  1099. #center {
  1100. position:absolute;
  1101. margin-top:0px;
  1102. margin-bottom:0px;
  1103. background-color:transparent;
  1104. width:auto;
  1105. height:auto;
  1106. margin-left:auto;
  1107. margin-right:auto;
  1108. }
  1109.  
  1110. #sidebar {
  1111. display:;
  1112. position:fixed;
  1113. margin-left:570px;
  1114. margin-top:130px;
  1115. width:auto;
  1116. height:auto;
  1117. padding:0px;
  1118. background-color:#000;
  1119. z-index:99999999999999999999;
  1120. }
  1121.  
  1122.  
  1123.  
  1124. /* sidebar new */
  1125.  
  1126. .sbtit {
  1127. position:fixed;
  1128. width:145px;
  1129. height:auto;
  1130. margin:15px 60px;
  1131. font-family:mars;
  1132. font-size:80px;
  1133. color:{color:accent};
  1134. text-shadow:1px 0px 0px #000, 0px 1px 0px #000, 0px 0px 1px #000;
  1135. line-height:100%;
  1136. text-align:left;
  1137. text-transform:auto;
  1138. word-spacing:0;
  1139. letter-spacing:0;
  1140. }
  1141.  
  1142. .sbtit:first-letter {
  1143. font-size:100px;
  1144. }
  1145.  
  1146. .sbdescbg {
  1147. position:fixed;
  1148. margin:75px 110px;
  1149. box-shadow:inset 0px 0px 10px #999;
  1150. width:100px;
  1151. height:100px;
  1152. padding:5px;
  1153. background-color:{color:sidebar background};
  1154. border:1px solid #959595;
  1155. }
  1156.  
  1157. .sbdesc {
  1158. position:fixed;
  1159. margin:75px 110px;
  1160. width:101px;
  1161. height:101px;
  1162. padding:5px;
  1163. background-color:transparent;
  1164. font-family:wendy;
  1165. font-size:10px;
  1166. color:#ccc;
  1167. text-shadow:1px 0px 0px #000, 0px 1px 0px #000, 0px 0px 1px #000;
  1168. line-height:100%;
  1169. word-spacing:0;
  1170. letter-spacing:0;
  1171. text-align:center;
  1172. text-transform:uppercase;
  1173. z-index:1000000000000000000000000000000000000000000000;
  1174. }
  1175.  
  1176. .hovers {
  1177. position:fixed;
  1178. margin:180px 117px;
  1179. background-color:transparent;
  1180. padding:1px;
  1181. width:100px;
  1182. height:auto;
  1183. }
  1184.  
  1185. .hovers span {
  1186. display:inline-block;
  1187. margin:0 2px;
  1188. width:1px;
  1189. height:1px;
  1190. border-left:4px solid transparent;
  1191. border-right:4px solid transparent;
  1192. border-top:6px solid #666;
  1193. }
  1194.  
  1195. .hovers span:hover {
  1196. border-left:4px solid transparent;
  1197. border-right:4px solid transparent;
  1198. border-top:6px solid {color:link hover};
  1199. }
  1200.  
  1201. .lnz {
  1202. position:fixed;
  1203. margin:110px 90px;
  1204. padding:2px;
  1205. width:10px;
  1206. height:auto;
  1207. }
  1208.  
  1209. .lnzk {
  1210. display:block;
  1211. margin:4px 0;
  1212. padding:1px;
  1213. width:10px;
  1214. height:auto;
  1215. background-color:{color:posts};
  1216. border:1px solid {color:accent};
  1217. font-family:wendy;
  1218. font-size:10px;
  1219. color:transparent;
  1220. line-height:100%;
  1221. word-spacing:0;
  1222. letter-spacing:0;
  1223. text-align:center;
  1224. text-transform:uppercase;
  1225. overflow:hidden;
  1226. }
  1227.  
  1228. .lnzk:hover {
  1229. margin-left:-40px;
  1230. width:50px;
  1231. background-color:{color:link hover};
  1232. border:1px solid #444;
  1233. color:#222;
  1234. }
  1235.  
  1236. .lnz2 {
  1237. position:fixed;
  1238. margin:110px 223px;
  1239. padding:2px;
  1240. width:10px;
  1241. height:auto;
  1242. }
  1243.  
  1244. .lnzk2 {
  1245. display:block;
  1246. margin:4px 0;
  1247. padding:1px;
  1248. width:10px;
  1249. height:auto;
  1250. background-color:{color:posts};
  1251. border:1px solid {color:accent};
  1252. font-family:wendy;
  1253. font-size:10px;
  1254. color:transparent;
  1255. line-height:100%;
  1256. word-spacing:0;
  1257. letter-spacing:0;
  1258. text-align:center;
  1259. text-transform:uppercase;
  1260. overflow:hidden;
  1261. }
  1262.  
  1263. .lnzk2:hover {
  1264. width:50px;
  1265. background-color:{color:link hover};
  1266. border:1px solid #444;
  1267. color:#222;
  1268. }
  1269.  
  1270. /* Friends */
  1271.  
  1272. .frnd {
  1273. position:fixed;
  1274. width:auto;
  1275. height:auto;
  1276. margin:194px 60px;
  1277. padding:4px;
  1278. background-color:;
  1279. }
  1280.  
  1281. .frnd2 {
  1282. position:fixed;
  1283. width:auto;
  1284. height:auto;
  1285. margin:194px 225px;
  1286. padding:4px;
  1287. background-color:;
  1288. }
  1289.  
  1290.  
  1291. #frnds{
  1292. width:25px;
  1293. height:25px;
  1294. margin-top:0px;
  1295. margin-bottom:10px;
  1296. margin-left:3px;
  1297. margin-right:3px;
  1298. display:inline-block;
  1299. background-color:{color:posts};
  1300. border:2px solid {color:background color};
  1301. padding:2px;
  1302. -webkit-transition: all 0.7s ease-in-out;
  1303. -moz-transition: all 0.7s ease-in-out;
  1304. transition: all 0.7s ease-in-out;
  1305. }
  1306.  
  1307. #frnds img{
  1308. max-width:25px;
  1309. max-height:25px;
  1310. opacity:.5;
  1311. }
  1312.  
  1313. #frnds:hover {
  1314. border:2px solid {color:Accent};
  1315. -webkit-transition: all 0.7s ease-in-out;
  1316. -moz-transition: all 0.7s ease-in-out;
  1317. transition: all 0.7s ease-in-out;
  1318. }
  1319.  
  1320. #topborder {
  1321. position:fixed;
  1322. top:0px;
  1323. left:31px;
  1324. width:100%;
  1325. height:30px;
  1326. background-color:{color:sidebar background};
  1327. border-bottom:2px solid {color:sidebar border};
  1328. box-shadow:0 0 2px {color:posts};
  1329. z-index:10000000000000000000000000000000000000000000000000000000000;
  1330. }
  1331.  
  1332. #sideborder {
  1333. position:fixed;
  1334. top:29px;
  1335. left:30px;
  1336. width:30;
  1337. height:100%;
  1338. background-color:{color:sidebar background};
  1339. border-right:2px solid {color:sidebar border};
  1340. box-shadow:0 0 3px {color:posts};
  1341. }
  1342.  
  1343. #square {
  1344. position:fixed;
  1345. top:0px;
  1346. left:0px;
  1347. width:33px;
  1348. height:30px;
  1349. background-color:{color:sidebar background};
  1350. }
  1351.  
  1352.  
  1353.  
  1354.  
  1355. /* Music Player */
  1356.  
  1357. #musicplayer{
  1358. overflow:hidden;
  1359. position:fixed;
  1360. width:7px;
  1361. height:7px;
  1362. padding:5px;
  1363. margin-top:29px;
  1364. margin-left:103px;
  1365. background:{color:background color}; /* This is the background color */
  1366. z-index:9999;
  1367. -webkit-transition: all 1s ease-in-out;
  1368. -moz-transition: all 1s ease-in-out;
  1369. transition: all 1s ease-in-out;
  1370. }
  1371.  
  1372.  
  1373. #musicbox{
  1374. width:8px;
  1375. height:8px;
  1376. overflow:hidden;
  1377. /* This is for the positioning of the music player: */
  1378. margin-top:0px;
  1379. margin-left:0px;
  1380. }
  1381.  
  1382. #music2{
  1383. margin-top:-6px;
  1384. margin-left:-35px;
  1385. }
  1386.  
  1387.  
  1388.  
  1389. /* lines */
  1390.  
  1391. .l1 {
  1392. position:fixed;
  1393. width:2px;
  1394. height:50px;
  1395. background-color:#9a9a9a;
  1396. margin:165px 115px;
  1397. }
  1398. .l2 {
  1399. position:fixed;
  1400. width:2px;
  1401. height:50px;
  1402. background-color:#9a9a9a;
  1403. margin:165px 216px;
  1404. }
  1405.  
  1406. .l3 {
  1407. position:fixed;
  1408. width:30px;
  1409. height:2px;
  1410. background-color:#9a9a9a;
  1411. margin:215px 87px;
  1412. }
  1413. .l4 {
  1414. position:fixed;
  1415. width:30px;
  1416. height:2px;
  1417. background-color:#9a9a9a;
  1418. margin:215px 216px;
  1419. }
  1420.  
  1421. .l5 {
  1422. position:fixed;
  1423. width:35px;
  1424. height:2px;
  1425. background-color:#9a9a9a;
  1426. margin:105px 82px;
  1427. }
  1428. .l6 {
  1429. position:fixed;
  1430. width:35px;
  1431. height:2px;
  1432. background-color:#9a9a9a;
  1433. margin:105px 213px;
  1434. }
  1435.  
  1436. .l7 {
  1437. position:fixed;
  1438. width:2px;
  1439. height:100px;
  1440. background-color:#9a9a9a;
  1441. margin:105px 82px;
  1442. }
  1443. .l8 {
  1444. position:fixed;
  1445. width:2px;
  1446. height:100px;
  1447. background-color:#9a9a9a;
  1448. margin:105px 247px;
  1449. }
  1450.  
  1451. /* Tooltip */
  1452. #s-m-t-tooltip{
  1453. /* basic */
  1454. max-width:200px;
  1455. z-index:9999999999999999999999999999999999999999999999;
  1456. margin:12px -10px;
  1457. /* style and design */
  1458. padding:2px;
  1459. background-color:{color:Tooltip Background};
  1460. border:1px solid {color:tooltip border};
  1461. color:{color:Tooltip Text};
  1462. font-family:wendy;
  1463. letter-spacing:0px;
  1464. text-transform:uppercase;
  1465. font-size:10px;
  1466. line-height:100%;
  1467. -webkit-transition: all 0.8s ease;
  1468. -moz-transition: all 0.8s ease;
  1469. -o-transition: all 0.8s ease;
  1470. box-shadow:0px 0px 5px rgba(0,0,0,0.15);
  1471. -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.15);
  1472. -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.15);
  1473. -webkit-transition: all 0.2s ease;
  1474. -moz-transition: all 0.2s ease;
  1475. -o-transition: all 0.2s ease;
  1476. -webkit-animation:HOVER 600ms;
  1477. }
  1478.  
  1479.  
  1480. /* Popup */
  1481.  
  1482. .popup_block{
  1483. display: none;
  1484. background-color: {color:posts};
  1485. border:3px solid {color:background color};
  1486. box-shadow:0 0 5px {color:posts};
  1487. padding: 10px;
  1488. font-family: wendy;
  1489. color:{color:body text};
  1490. line-height:100%;
  1491. float: left;
  1492. font-size: 10px;
  1493. position: fixed;
  1494. min-height:100px;
  1495. max-height:400px;
  1496. top:55%; left:50%;
  1497. overflow:auto;
  1498. z-index: 99999999999999999999999999999999999999999999999999999;
  1499. -webkit-transition: all 0.8s linear;
  1500. -moz-transition: all 0.8s linear;
  1501. transition: all 0.8s linear;
  1502. -webkit-border-radius: 0px;
  1503. -moz-border-radius: 0px;
  1504. border-radius: 0px;
  1505. -webkit-animation:pop 0.6s;
  1506. -moz-animation:pop 0.6s;
  1507. -ms-animation:pop 0.6s;
  1508. -o-animation:pop 0.6s;
  1509. }
  1510.  
  1511. .popup_block pre {
  1512. color:{color:Blockquote Blockquote text};
  1513. text-shadow:-1px 0px 2px #000, 0px 2px 0px #000, 2px 0px 0px #000, -2px 0px 0px #000;
  1514. background-color:{color:Blockquote Blockquote Background};
  1515. border:5px double {color:background color};
  1516. padding:4px;
  1517. font-family:wendy;
  1518. font-size:10px;
  1519. letter-spacing:0;
  1520. word-spacing:0;
  1521. text-align:center;
  1522. text-transform:auto;
  1523. line-height: 100%;
  1524. }
  1525.  
  1526. .popup_block blockquote {
  1527. padding:5px;
  1528. padding-left:10px;
  1529. padding-right:10px;
  1530. margin:5px 10px 0px 10px;
  1531. width:auto !important;
  1532. background-color:{color:posts};
  1533. border-left:solid 2px {color:Blockquote Border};
  1534. color:{color:Blockquote Text};
  1535. font-family:wendy;
  1536. font-size:10px;
  1537. text-transform:uppercase;
  1538. line-height:100%;
  1539. border-radius:0px;
  1540. }
  1541.  
  1542. .popup_border {
  1543. margin:5px 0px 5px 0px;
  1544. width:auto !important;
  1545. height:2px;
  1546. background-color:{color:accent};
  1547. }
  1548.  
  1549.  
  1550. .popup_links {
  1551. margin:auto;
  1552. margin-left:3px;
  1553. width:auto !important;
  1554. height:auto !important;
  1555. padding:2px;
  1556. background-color:{color:background color};
  1557. border:7px double {color:posts};
  1558. }
  1559.  
  1560. .popup_links a {
  1561. margin-top:1px;
  1562. margin-bottom:1px;
  1563. display:inline-block;
  1564. padding:2px;
  1565. width:145px;
  1566. height:auto;
  1567. background-color:{color:posts};
  1568. font-family:'wendy';
  1569. font-size:10px;
  1570. text-shadow:1px 0px 0px #000, 0px 1px 0px #000, 0px 0px 1px #000;
  1571. color:#fff;
  1572. line-height:100%;
  1573. text-transform:uppercase;
  1574. text-align:center;
  1575. }
  1576.  
  1577. .popup_links a:hover {
  1578. background-color:{color:link hover};
  1579. color:#101010;
  1580. }
  1581.  
  1582. /* Let's get this party started */
  1583. .popup_block::-webkit-scrollbar {
  1584. width:3px;
  1585. max-height:5px;
  1586. min-height:1px;
  1587. }
  1588.  
  1589. /* Track */
  1590. .popup_block::-webkit-scrollbar-track {
  1591. background-color:{color:Scrollbar Background};
  1592. }
  1593. /* Handle */
  1594. .popup_block::-webkit-scrollbar-thumb {
  1595. background-color:{color:Scrollbar Thumb};
  1596. }
  1597.  
  1598.  
  1599. *html .popup_block {position: absolute;}
  1600.  
  1601. img.btn_close {
  1602. position:fixed;
  1603. opacity:.5;
  1604. float: right;
  1605. margin: -30px -12px;
  1606. z-index:99999999999999999999999999999999999999999999999999999999999;
  1607. }
  1608.  
  1609.  
  1610.  
  1611. .mi {
  1612. position:relative;
  1613. margin:0px 0 5px 0;
  1614. width:100%;
  1615. height:auto;
  1616. padding:4px;
  1617. z-index:-99;
  1618. }
  1619.  
  1620. .mi img {
  1621. {block:ifMonochrome}
  1622. -moz-transition:all 0.5s ease-in-out;
  1623. -webkit-transition:all 0.5s ease-in-out;
  1624. -o-transition:all 0.5s ease-in-out;
  1625. transition:all 0.5s ease-in-out;
  1626. -webkit-filter: grayscale(100%);
  1627. {/block:ifMonochrome}
  1628. {block:ifImageFade}
  1629. opacity: .5;
  1630. -moz-transition:all 0.5s ease-in-out;
  1631. -webkit-transition:all 0.5s ease-in-out;
  1632. -o-transition:all 0.5s ease-in-out;
  1633. transition:all 0.5s ease-in-out;
  1634. {/block:ifImageFade}
  1635. }
  1636.  
  1637. .mi img:hover {
  1638. {block:ifMonochrome}
  1639. -moz-transition:all 0.5s ease-in-out;
  1640. -webkit-transition:all 0.5s ease-in-out;
  1641. -o-transition:all 0.5s ease-in-out;
  1642. transition:all 0.5s ease-in-out;
  1643. -webkit-filter: grayscale(0%);
  1644. {/block:ifMonochrome}
  1645. {block:ifImageFade}
  1646. opacity: 1;
  1647. -moz-transition:all 0.5s ease-in-out;
  1648. -webkit-transition:all 0.5s ease-in-out;
  1649. -o-transition:all 0.5s ease-in-out;
  1650. transition:all 0.5s ease-in-out;
  1651. {/block:ifImageFade}
  1652. }
  1653.  
  1654.  
  1655.  
  1656. </style>
  1657. </head>
  1658.  
  1659. <script type="text/javascript"
  1660. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1661. <script>
  1662. $(document).ready(function() {
  1663. //
  1664. $('a.poplight[href^=#]').click(function() {
  1665. var popID = $(this).attr('rel'); //Get Popup Name
  1666. var popURL = $(this).attr('href'); //Get Popup href to define size
  1667. var query= popURL.split('?');
  1668. var dim= query[1].split('&');
  1669. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  1670. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">close</a>');
  1671. var popMargTop = ($('#' + popID).height() + 80) / 2;
  1672. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  1673. //Apply Margin to Popup
  1674. $('#' + popID).css({
  1675. 'margin-top' : -popMargTop,
  1676. 'margin-left' : -popMargLeft
  1677. });
  1678. $('body').append('<div id="fade"></div>');
  1679. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  1680. return false;
  1681. });
  1682. $('a.close, #fade').live('click', function() {
  1683. $('#fade , .popup_block').fadeOut(function() {
  1684. $('#fade, a.close').remove(); //fade them both out
  1685. });
  1686. return false;
  1687. });
  1688. });
  1689. </script>
  1690.  
  1691. <body>
  1692.  
  1693. <div id="center">
  1694. <div id="sidebar">
  1695.  
  1696. <div class="l1"></div>
  1697. <div class="l2"></div>
  1698. <div class="l3"></div>
  1699. <div class="l4"></div>
  1700. <div class="l5"></div>
  1701. <div class="l6"></div>
  1702. <div class="l7"></div>
  1703. <div class="l8"></div>
  1704.  
  1705. <div class="sbdescbg"></div>
  1706. <div class="sbdesc">{description}</div>
  1707. <div class="sbtit">{text:title}</div>
  1708. <div class="hovers">
  1709. <a title="info"><span></span></a> <a title="info" ><span></span></a> <a title="info"><span></span></a> <a title="info"><span></span></a> <a title="info"><span></span></a> <a title="info"><span></span></a>
  1710. </div>
  1711. <div class="lnz">
  1712. <a href="/"><div class="lnzk">home</div></a> <a href="#?w=300" rel="04" class="poplight"><div class="lnzk">ask</div></a> <a href="#?w=300" rel="05" class="poplight"><div class="lnzk">submit</div></a> <a href="/archive"><div class="lnzk">archive</div></a>
  1713. </div>
  1714.  
  1715. <div class="lnz2">
  1716. <a href="/" title="{About} all necessary to know info"><div class="lnzk2">biography</div></a> <a href="/" title="album discographies"><div class="lnzk2">disco</div></a> <a href="#?w=170" rel="02" class="poplight" title="tags and links"><div class="lnzk2">other</div></a> <a href="/" title="CEO & Founder"><div class="lnzk2">crown</div></a>
  1717. </div>
  1718. <div id="musicplayer">
  1719. <div id="musicbox"><div id="music2">
  1720. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  1721. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1722. <param name="bgcolor" value="#a3a3a3" />
  1723. <param name="FlashVars" value="mp3=&amp;width=105&amp;height=20&amp;volume=50&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=a3a3a3&amp;bgcolor=a3a3a3&amp;bgcolor1=a3a3a3&amp;bgcolor2=a3a3a3&amp;buttoncolor=888888&amp;buttonovercolor=c9b885&amp;showlist=0" />
  1724. </object>
  1725. </div></div></div>
  1726.  
  1727. <div class="frnd">
  1728. <div id="frnds"><a href="#?w=370" rel="06" class="poplight" title="loved ones"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png"></a></div></div>
  1729. <div class="frnd2">
  1730. <div id="frnds"><a href="#?w=300" rel="07" class="poplight" title="my main"><img src="http://media.tumblr.com/b9b6299167287f43fcd800a98a797675/tumblr_inline_mpbyc4gnyA1qz4rgp.png" ></a></div>
  1731. </div>
  1732.  
  1733. <div id="pagination">
  1734.  
  1735. {block:ifinfinitescroll}
  1736. <a href="#top">back to the top</a>
  1737. {/block:ifinfinitescroll}
  1738.  
  1739.  
  1740. {block:ifpagination}
  1741. {block:PreviousPage}
  1742. <a href="{PreviousPage}">&laquo;</a>
  1743. {/block:PreviousPage}
  1744.  
  1745. {block:JumpPagination length="5"}
  1746. {block:CurrentPage}
  1747. <span class="current_page">{PageNumber}</span>
  1748. {/block:CurrentPage}
  1749.  
  1750. {block:JumpPage}
  1751. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1752. {/block:JumpPage}
  1753. {/block:JumpPagination}
  1754.  
  1755. {block:NextPage}
  1756. <a href="{NextPage}">&raquo;</a>
  1757. {/block:NextPage}
  1758. {/block:ifpagination}
  1759. </div>
  1760.  
  1761.  
  1762. </div>
  1763. </div>
  1764.  
  1765.  
  1766.  
  1767.  
  1768.  
  1769.  
  1770. <div class="contentwrap">
  1771.  
  1772.  
  1773.  
  1774. <div class="postwrap">
  1775. <center>
  1776. <div class="autopagerize_page_element">
  1777. {block:Posts}
  1778.  
  1779. {block:ContentSource}
  1780. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1781. {/block:SourceLogo}
  1782. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1783. {/block:ContentSource}
  1784.  
  1785.  
  1786.  
  1787. <div class="posts">
  1788.  
  1789. <!----- Images ----->
  1790.  
  1791.  
  1792. {block:If250}
  1793.  
  1794. {block:Photo}
  1795.  
  1796.  
  1797.  
  1798. {LinkOpenTag}
  1799.  
  1800. <div class="photo">
  1801. <img src="{PhotoURL-250}" />
  1802. </div>
  1803.  
  1804. {LinkCloseTag}
  1805.  
  1806. {block:ifshowcaptions}
  1807. {block:indexpage}
  1808. {block:Caption}
  1809. {Caption}
  1810. {/block:Caption}
  1811. {/block:indexpage}
  1812. {/block:ifshowcaptions}
  1813.  
  1814. {block:permalinkpage}
  1815. {block:Caption}
  1816. {Caption}
  1817. {/block:Caption}
  1818. {/block:permalinkpage}
  1819.  
  1820. {/block:Photo}
  1821.  
  1822. {/block:If250}
  1823.  
  1824.  
  1825. {block:If400}
  1826.  
  1827. {block:Photo}
  1828.  
  1829.  
  1830. {LinkOpenTag}
  1831.  
  1832. <div class="photo">
  1833. <img src="{PhotoURL-400}" />
  1834. </div>
  1835.  
  1836. {LinkCloseTag}
  1837.  
  1838. {block:ifshowcaptions}
  1839. {block:indexpage}
  1840. {block:Caption}
  1841. {Caption}
  1842. {/block:Caption}
  1843. {/block:indexpage}
  1844. {/block:ifshowcaptions}
  1845.  
  1846. {block:permalinkpage}
  1847. {block:Caption}
  1848. {Caption}
  1849. {/block:Caption}
  1850. {/block:permalinkpage}
  1851.  
  1852. {/block:Photo}
  1853.  
  1854. {/block:If400}
  1855.  
  1856.  
  1857. {block:If500}
  1858.  
  1859. {block:Photo}
  1860.  
  1861.  
  1862. {LinkOpenTag}
  1863.  
  1864. <div class="photo">
  1865. <img src="{PhotoURL-500}" />
  1866. </div>
  1867.  
  1868. {LinkCloseTag}
  1869.  
  1870. {block:ifshowcaptions}
  1871. {block:indexpage}
  1872. {block:Caption}
  1873. {Caption}
  1874. {/block:Caption}
  1875. {/block:indexpage}
  1876. {/block:ifshowcaptions}
  1877. {block:permalinkpage}
  1878. {block:Caption}
  1879. {Caption}
  1880. {/block:Caption}
  1881. {/block:permalinkpage}
  1882.  
  1883. {/block:Photo}
  1884.  
  1885. {/block:If500}
  1886. <!----- Photosets ----->
  1887.  
  1888.  
  1889. {block:If250}
  1890.  
  1891. {block:Photoset}
  1892.  
  1893.  
  1894.  
  1895. <div class="photoset">
  1896. {Photoset-250}
  1897. </div>
  1898.  
  1899. {block:ifshowcaptions}
  1900. {block:indexpage}
  1901. {block:Caption}
  1902. {Caption}
  1903. {/block:Caption}
  1904. {/block:indexpage}
  1905. {/block:ifshowcaptions}
  1906.  
  1907. {block:permalinkpage}
  1908. {block:Caption}
  1909. {Caption}
  1910. {/block:Caption}
  1911. {/block:permalinkpage}
  1912.  
  1913. {/block:Photoset}
  1914.  
  1915. {/block:If250}
  1916.  
  1917. {block:If400}
  1918.  
  1919. {block:Photoset}
  1920.  
  1921.  
  1922.  
  1923. <div class="photoset">
  1924. {Photoset-400}
  1925. </div>
  1926.  
  1927. {block:ifshowcaptions}
  1928. {block:indexpage}
  1929. {block:Caption}
  1930. {Caption}
  1931. {/block:Caption}
  1932. {/block:indexpage}
  1933. {/block:ifshowcaptions}
  1934.  
  1935. {block:permalinkpage}
  1936. {block:Caption}
  1937. {Caption}
  1938. {/block:Caption}
  1939. {/block:permalinkpage}
  1940.  
  1941. {/block:Photoset}
  1942.  
  1943. {/block:If400}
  1944.  
  1945. {block:If500}
  1946.  
  1947. {block:Photoset}
  1948.  
  1949.  
  1950.  
  1951. <div class="photoset">
  1952. {Photoset-500}
  1953. </div>
  1954.  
  1955. {block:ifshowcaptions}
  1956. {block:indexpage}
  1957. {block:Caption}
  1958. {Caption}
  1959. {/block:Caption}
  1960. {/block:indexpage}
  1961. {/block:ifshowcaptions}
  1962.  
  1963. {block:permalinkpage}
  1964. {block:Caption}
  1965. {Caption}
  1966. {/block:Caption}
  1967. {/block:permalinkpage}
  1968.  
  1969. {/block:Photoset}
  1970.  
  1971. {/block:If500}
  1972. <!----- Videos ----->
  1973.  
  1974.  
  1975. {block:If250}
  1976.  
  1977. {block:Video}
  1978.  
  1979.  
  1980.  
  1981. <div class="video">
  1982. {Video-250}
  1983. </div>
  1984. {block:ifshowcaptions}
  1985. {block:indexpage}
  1986. {block:Caption}
  1987. {Caption}
  1988. {/block:Caption}
  1989. {/block:indexpage}
  1990. {/block:ifshowcaptions}
  1991.  
  1992. {block:permalinkpage}
  1993. {block:Caption}
  1994. {Caption}
  1995. {/block:Caption}
  1996. {/block:permalinkpage}
  1997.  
  1998. {/block:Video}
  1999.  
  2000. {/block:If250}
  2001.  
  2002. {block:If400}
  2003.  
  2004. {block:Video}
  2005.  
  2006.  
  2007.  
  2008. <div class="video">
  2009. {Video-400}
  2010. </div>
  2011. {block:ifshowcaptions}
  2012. {block:indexpage}
  2013. {block:Caption}
  2014. {Caption}
  2015. {/block:Caption}
  2016. {/block:indexpage}
  2017. {/block:ifshowcaptions}
  2018.  
  2019. {block:permalinkpage}
  2020. {block:Caption}
  2021. {Caption}
  2022. {/block:Caption}
  2023. {/block:permalinkpage}
  2024.  
  2025. {/block:Video}
  2026.  
  2027. {/block:If400}
  2028.  
  2029. {block:If500}
  2030.  
  2031. {block:Video}
  2032.  
  2033.  
  2034. <div class="video">
  2035. {Video-500}
  2036. </div>
  2037.  
  2038. {block:ifshowcaptions}
  2039. {block:indexpage}
  2040. {block:Caption}
  2041. {Caption}
  2042. {/block:Caption}
  2043. {/block:indexpage}
  2044. {/block:ifshowcaptions}
  2045.  
  2046. {block:permalinkpage}
  2047. {block:Caption}
  2048. {Caption}
  2049. {/block:Caption}
  2050. {/block:permalinkpage}
  2051.  
  2052. {/block:Video}
  2053.  
  2054. {/block:If500}
  2055. <!----- Chat ----->
  2056. {block:Chat}
  2057.  
  2058.  
  2059.  
  2060. {block:Title}<div class="post_title"> {Title}</div> {/block:Title}
  2061. <div class="chat">
  2062. {block:Lines}
  2063. <div class="{Alt}">
  2064. {block:Label}<span style="color:{color:link hover}; text-shadow:1px 0px 0px #000, 0px 1px 0px #000, 0px 0px 1px #000;">{Label}</span>{/block:Label} {Line}</div>
  2065. {/block:Lines}</div>
  2066. {/block:Chat}
  2067. <!----- Quote ----->
  2068. {block:Quote}
  2069.  
  2070.  
  2071.  
  2072. <div class="quotes">
  2073. {Quote}
  2074. </div>
  2075. {block:Source}
  2076. <div class="source">
  2077. {Source}
  2078. </div>
  2079. {/block:Source}
  2080. {/block:Quote}
  2081. <!----- Link ----->
  2082.  
  2083. {block:Link}
  2084.  
  2085. <div class="post_title">
  2086. <a href="{URL}" target="_blank">{Name}</a>
  2087. </div>
  2088. {block:Description}
  2089.  
  2090. {Description}
  2091.  
  2092. {/block:Description}
  2093.  
  2094. {/block:Link}
  2095.  
  2096. <!----- Text ----->
  2097.  
  2098. {block:Text}
  2099.  
  2100. {block:Title}
  2101. <div class="post_title">
  2102. {Title}
  2103. </div>
  2104. {/block:Title}
  2105.  
  2106. {Body}
  2107.  
  2108.  
  2109. {/block:Text}
  2110.  
  2111. <!----- Asks ----->
  2112. {block:Answer}
  2113.  
  2114.  
  2115.  
  2116. <div class="askers">
  2117. <div class="ask_icon"><img src="{AskerPortraitURL-16}"></div>
  2118. {Asker} would like to know:</div>
  2119. <div class="asks">{Question}</div>
  2120. {Answer}
  2121. {/block:Answer}
  2122. <!----- Audio ----->
  2123. {block:Audio}
  2124.  
  2125.  
  2126. {block:AudioPlayer}
  2127. <div class="player">
  2128. {AudioPlayerGrey}
  2129. </div>
  2130. {/block:AudioPlayer}
  2131. <div class="track">
  2132. {block:TrackName}{TrackName}{/block:TrackName} by {block:Artist}{Artist}{/block:Artist}</div>
  2133. <div class="tracks">
  2134. {block:Album}from {Album}{/block:Album} with {PlayCountWithLabel}</div>
  2135. {block:ifshowcaptions}
  2136. {block:indexpage}
  2137. {block:Caption}
  2138. {Caption}
  2139. {/block:Caption}
  2140. {/block:indexpage}
  2141. {/block:ifshowcaptions}
  2142. {block:permalinkpage}
  2143. {block:Caption}
  2144. {Caption}
  2145. {/block:Caption}
  2146. {/block:permalinkpage}
  2147. {/block:Audio}
  2148.  
  2149. {block:indexpage}
  2150. <div class="permafull">
  2151. <div class="permacon"> <a href="{Permalink}" title="permalink: {NoteCountwithLabel}">l</a>
  2152. <a title="@ {12Hour}:{Minutes}{AmPm}">c</a>
  2153. {block:hastags}<a title="{block:tags}#{tag}{/block:tags}">F</a>{/block:hastags}
  2154. <a href="{ReblogURL}" title="Reblog?">R</a></div>
  2155. </div>
  2156. {/block:indexpage}
  2157.  
  2158. </div>
  2159.  
  2160.  
  2161.  
  2162. {block:permalinkpage}
  2163. <div class="permapage">
  2164. {block:Date}{DayOfWeek}, {DayOfMonth} {Month} {Year}.{/block:Date}</br>
  2165. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> (<a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>)</br>
  2166. {/block:RebloggedFrom}
  2167. <span style="text-align:center; width:auto;font-family:wendy; font-size:10px;">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </span>
  2168. </div>
  2169. {/block:permalinkpage}
  2170.  
  2171. {block:PostNotes}
  2172. <div class="notes">
  2173. {PostNotes}
  2174. </div>
  2175. {/block:PostNotes}
  2176. {/block:PermalinkPage}
  2177.  
  2178. {/block:posts}
  2179. </center>
  2180. </div>
  2181.  
  2182.  
  2183. <div id="topborder" style="display:none;">
  2184. <div class="msc">
  2185. <center><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="100" height="20">
  2186. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  2187. <param name="bgcolor" value="#0e0e0e" />
  2188. <param name="FlashVars" value="mp3=http%3A//k003.kiwi6.com/hotlink/0xo1zal5t9/HONNE_-_The_Night.mp3%20%7C%20http%3A//k003.kiwi6.com/hotlink/dg7my8aba1/Sir_Sly_-_You_Haunt_Me_AMTRAC_Remix_.mp3%7C%20http%3A//k003.kiwi6.com/hotlink/xujfl328ak/Sam_Smith_-_Lay_Me_Down_Epique_Remix_.mp3%20%7C%20http%3A//k003.kiwi6.com/hotlink/g0qyxrv7zi/Jaymes_Young_-_Habits_Of_My_Heart_Sufjan_Stevens_Remake_.mp3%20%7C%20http%3A//k003.kiwi6.com/hotlink/dzjb0anny6/AlunaGeorge_-_Supernatural_Pomo_Remix_.mp3&amp;width=100&amp;height=20&amp;autoplay=1&amp;showslider=0&amp;bgcolor1=0e0e0e&amp;bgcolor2=0e0e0e&amp;buttoncolor=202020&amp;buttonovercolor=75b1d6&amp;showlist=0" />
  2189. </object></center> </div>
  2190. </div>
  2191.  
  2192. </div>
  2193.  
  2194.  
  2195. <!------ END OF CONTENT WRAPPER ----->
  2196. </div>
  2197.  
  2198.  
  2199. <div id="02" class="popup_block">
  2200. <p>
  2201.  
  2202. <div class="popup_links">
  2203. <a href="/">link</a>
  2204. <a href="/">link</a>
  2205. <a href="/">link</a>
  2206. <a href="/">link</a>
  2207. <a href="/">link</a>
  2208. <a href="/">link</a>
  2209. <a href="/">link</a>
  2210. <a href="/">link</a>
  2211. <a href="/">link</a>
  2212. <a href="/">link</a>
  2213. <a href="/">link</a>
  2214. <a href="/">link</a>
  2215. </div>
  2216.  
  2217.  
  2218.  
  2219. </div>
  2220.  
  2221.  
  2222. <div id="04" class="popup_block">
  2223.  
  2224. <p><iframe frameborder="0" scrolling="no" width="100%" height="260" src="http://www.tumblr.com/ask_form/basetest.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  2225.  
  2226. </div>
  2227.  
  2228.  
  2229. <div id="05" class="popup_block">
  2230.  
  2231. <p><iframe frameborder="0" scrolling="no" width="100%" height="400" id="submit_form" src="http://www.tumblr.com/submit_form/basetest.tumblr.com" style="background-color:transparent; overflow:hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('submit_form').allowTransparency=true;</script><![endif]--></p>
  2232.  
  2233. </div>
  2234.  
  2235.  
  2236.  
  2237.  
  2238.  
  2239. <div id="06" class="popup_block">
  2240. <br><br>
  2241. <center>
  2242.  
  2243.  
  2244. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2245. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2246. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2247. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2248. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2249. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2250. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2251. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2252. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2253. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2254. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2255. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2256. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2257. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2258. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2259. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2260. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2261. <div id="frnds"><a title="--"><img src="https://24.media.tumblr.com/ca920cb4d79ca05eca07d43d8d81efef/tumblr_mk5t95cqrE1r2q9x9o1_500.png" ></a></div>
  2262.  
  2263. </center>
  2264. </div>
  2265.  
  2266.  
  2267. <div id="07" class="popup_block">
  2268. <p>
  2269. <div style="color:{color:link hover};font-family:mars;font-size:60px;text-align:center;text-shadow:1px 0px 0px #000, 0px 1px 0px #000, 0px 0px 1px #000;z-index:1000000000000000000000000000000000000;">Jia Meng.</div>
  2270. <p>
  2271. <div class="mi">
  2272. <center><img src="https://missanewsss.files.wordpress.com/2013/11/jia.png" width=250></center> </div>
  2273. <p>
  2274. <div style="overflow:auto; height:70px; font-size:10px;">
  2275. <center> This is where you'll put your text.</center>
  2276.  
  2277. </div>
  2278.  
  2279. </div>
  2280.  
  2281.  
  2282.  
  2283.  
  2284.  
  2285. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  2286. <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  2287. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  2288. //** v1.1 (April 7th, 10'):
  2289. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  2290. //** 2) Fixes scroll animation not working in Opera.
  2291.  
  2292.  
  2293. var scrolltotop={
  2294. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  2295. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  2296. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  2297. controlHTML: '', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  2298. controlattrs: {offsetx:10, offsety:10}, //offset of control relative to right/ bottom of window corner
  2299. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  2300.  
  2301. state: {isvisible:false, shouldvisible:false},
  2302.  
  2303. scrollup:function(){
  2304. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  2305. this.$control.css({opacity:0}) //hide control immediately after clicking it
  2306. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  2307. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  2308. dest=jQuery('#'+dest).offset().top
  2309. else
  2310. dest=0
  2311. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  2312. },
  2313.  
  2314. keepfixed:function(){
  2315. var $window=jQuery(window)
  2316. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  2317. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  2318. this.$control.css({left:controlx+'px', top:controly+'px'})
  2319. },
  2320.  
  2321. togglecontrol:function(){
  2322. var scrolltop=jQuery(window).scrollTop()
  2323. if (!this.cssfixedsupport)
  2324. this.keepfixed()
  2325. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  2326. if (this.state.shouldvisible && !this.state.isvisible){
  2327. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  2328. this.state.isvisible=true
  2329. }
  2330. else if (this.state.shouldvisible==false && this.state.isvisible){
  2331. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  2332. this.state.isvisible=false
  2333. }
  2334. },
  2335.  
  2336. init:function(){
  2337. jQuery(document).ready(function($){
  2338. var mainobj=scrolltotop
  2339. var iebrws=document.all
  2340. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  2341. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  2342. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  2343. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  2344. .attr()
  2345. .click(function(){mainobj.scrollup(); return false})
  2346. .appendTo('body')
  2347. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  2348. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  2349. mainobj.togglecontrol()
  2350. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  2351. mainobj.scrollup()
  2352. return false
  2353. })
  2354. $(window).bind('scroll resize', function(e){
  2355. mainobj.togglecontrol()
  2356. })
  2357. })
  2358. }
  2359. }
  2360.  
  2361. scrolltotop.init()</script>
  2362.  
  2363.  
  2364.  
  2365.  
  2366. <div style="position:fixed; bottom:3px; left:5px; font-family:wendy; font-size:10px;"><a title="theme made by jvnyin for bvni's personal use only. do not steal, copy, replicate, skim through the codes, etc. optimized for chrome/opera 1366x768." href="http://jvnyin.tumblr.com/">credit</a></div>
  2367.  
  2368. </body>
  2369. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!