Advertisement
Guest User

old theme.

a guest
Nov 28th, 2014
149
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.52 KB | None | 0 0
  1. <style type="text/css">
  2. a.btn{position:absolute;z-index:999999999999;white-space:nowrap;outline:0;text-decoration:none;cursor:pointer;overflow:hidden;font:600 12px/18px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;height:20px;padding:0 5px;-webkit-font-smoothing:antialiased;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition-property:padding;-moz-transition-property:padding;-ms-transition-property:padding;-o-transition-property:padding;transition-property:padding;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-ms-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-ms-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.btn{color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08)}a.btn,a.btn:hover{color:white!important}.btn{margin-bottom:5px;color:#fff;border:1px solid rgba(0,0,0,0.18);background:rgba(0,0,0,0.38);text-shadow:1px 1px 0 rgba(0,0,0,0.08);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.btn:hover::after,.btn:focus::after{background:rgba(255,255,255,0.09);color:white}.btn:active::after{background:rgba(255,255,255,0.18) color:white}.btn_label.show{display:block}.btn::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-webkit-border-radius:inherit;-moz-border-radius:inherit;border-radius:inherit}.btn.icon::before{display:block;content:'';position:absolute;top:0;left:0;bottom:0;width:20px;border-radius:inherit;background:url('http://static.tumblr.com/tpqedpr/cQ1mbwb60/de.png') 0 0 no-repeat}.btn.theme::before{background-position:0 -0px}.btn img{width:15px}.btn.icon{padding-left:20px}.btn:active::after {background:rgba(255,255,255,0.18)}.clear {clear: both;} #pagination {display: all;}
  3. </style>
  4.  
  5. <script language="JavaScript">
  6. // FHS Tumblr Online Counter
  7. var height = '28';
  8. var ref = (''+document.referrer+'');
  9. var w_h = window.screen.width + " x " + window.screen.height;
  10. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID3797911&s=1&h=' + height + '&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  11. </script>
  12.  
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15.  
  16. <!--
  17. ,---------..---. .---. .-''-. ,---. ,---. .-''-. .-'''-.
  18. \ | | |_ _| .'_ _ \| \ / | .'_ _ \ / _ \
  19. `--. ,---| | ( ' ) / ( ` ) | , \/ , |/ ( ` ) '(`' )/`--'
  20. | \ | '-(_{;}_. (_ o _) | |\_ /| . (_ o _) (_ o _).
  21. :_ _: | (_,_)| (_,_)___| _( )_/ | | (_,_)___|(_,_). '.
  22. (_I_) | _ _--. |' \ .---| (_ o _) | ' \ .---.---. \ :
  23. (_(=)_) |( ' ) | | \ `-' | (_,_) | |\ `-' \ `-' |
  24. (_I_) (_{;}_)| | \ /| | | | \ / \ /
  25. '---' '(_,_) '---' `'-..-' '--' '--' `'-..-' `-...-'
  26.  
  27. ,-----. ________ .-------. .-------.
  28. .' .-, '. | | | _ _ \ \ _(`)_ \
  29. / ,-.| \ _ \| .----' | ( ' ) | | (_ o._)|
  30. ; \ '_ / | | _|____ |(_ o _) / | (_,_) /
  31. | _`,/ \ _/ |_( )_ | | (_,_).' __| '-.-'
  32. : ( '\_/ \ (_ o._)__| | |\ \ | | |
  33. \ `"/ \ ) /|(_,_) | | \ `' | |
  34. '. \_/``".' | | | | \ // )
  35. '-----' '---' ''-' `'-' `---'
  36.  
  37.  
  38. +DONT REPOST/REDISTRIBUTE AS AN EDITED THEME
  39. +OFC YOU CAN EDIT JUST DONT MOVE THE CREDIT OR MOVE TO A SECON PAGE THX
  40. +dont steal come on
  41. +if you do i seriously will know im not dumb wtf
  42. +i know everyone whos done it tbh even if i dont say anything to them
  43.  
  44. this bear gon watch u
  45. ───▄▀▀▀▄▄▄▄▄▄▄▀▀▀▄───
  46. ───█▒▒░░░░░░░░░▒▒█───
  47. ────█░░█░░░░░█░░█────
  48. ─▄▄──█░░░▀█▀░░░█──▄▄─
  49. █░░█─▀▄░░░░░░░▄▀─█░░█
  50. dont fncking steal ok jsut dont thankyou
  51. (aly)
  52.  
  53. -->
  54.  
  55. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  56.  
  57. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  58.  
  59. <script>
  60.  
  61. (function($){
  62.  
  63. $(document).ready(function(){
  64.  
  65. $("a[title]").style_my_tooltips({
  66.  
  67. tip_follows_cursor:true,
  68.  
  69. tip_delay_time:90,
  70.  
  71. tip_fade_speed:600,
  72.  
  73. attribute:"title"
  74.  
  75. });
  76.  
  77. });
  78.  
  79. })(jQuery);
  80.  
  81. </script>
  82. <head><style> a, a:active, a:visited {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;} body {cursor:url("http://static.tumblr.com/hqb6dzr/ByNmls8gm/3.png"),default}</style>
  83. <link href='http://fonts.googleapis.com/css?family=Expletus+Sans' rel='stylesheet' type='text/css'>
  84.  
  85. <meta name="color:bg" content="#FFFFFF">
  86. <meta name="color:link" content="#000000">
  87. <meta name="color:hover" content="#9e9b9b">
  88. <meta name="color:infobg" content="#000000">
  89. <meta name="color:info text" content="#FFFFFF">
  90. <meta name="color:text" content="#9e9b9b">
  91. <meta name="color:post" content="#000000">
  92. <meta name="color:scrollbar" content="#000000">
  93. <meta name="color:pagi" content="#000000">
  94. <meta name="color:border1" content="#008cff">
  95. <meta name="color:border2" content="#ff0059">
  96.  
  97. <meta name="image:sidebar" content="http://static.tumblr.com/502f674e21aee76d078e4778441c84a9/d5muzyw/OjBmw8cja/tumblr_static_2.png"/>
  98. <meta name="image:bg" content=""/>
  99. <meta name="image:banner" content="http://static.tumblr.com/eabdf2c2b72cc5d070b87277ce944631/d5muzyw/ES2mvm9io/tumblr_static_1.jpg"/>
  100. <meta name="image:title" content="http://static.tumblr.com/0feb23d2d4198049e98f8d6c62dc7f4b/d5muzyw/VUlmvlsyh/tumblr_static_1.png"/>
  101. <meta name="image:title2" content="http://static.tumblr.com/0feb23d2d4198049e98f8d6c62dc7f4b/d5muzyw/VUlmvlsyh/tumblr_static_1.png"/>
  102. <meta name="image:title3" content="http://static.tumblr.com/0feb23d2d4198049e98f8d6c62dc7f4b/d5muzyw/VUlmvlsyh/tumblr_static_1.png"/>
  103.  
  104. <meta name="image:square" content="http://static.tumblr.com/1ed75b15ed7edf9488a8204a2ba3a644/d5muzyw/Ijfmw8cem/tumblr_static_1.png"/>
  105. <meta name="image:ask link" content=" "/>
  106. <meta name="image:refresh link" content=" "/>
  107. <meta name="if:PixelText" content="1">
  108. <meta name="if:TopBanner" content="1">
  109. <meta name="text:linkA" content="">
  110. <meta name="text:ask link" content="/">
  111. <meta name="text:linkA url" content="/">
  112. <meta name="text:linkB" content="">
  113. <meta name="text:linkB url" content="/">
  114. <meta name="text:linkC" content="">
  115. <meta name="text:linkC url" content="/">
  116. <meta name="text:linkD" content="">
  117. <meta name="text:linkD url" content="/">
  118. <meta name="text:linkE" content="">
  119. <meta name="text:linkE url" content="/">
  120. <meta name="text:linkf" content="">
  121. <meta name="text:linkf url" content="/">
  122. <meta name="text:linkg" content="">
  123. <meta name="text:linkg url" content="/">
  124. <meta name="text:linkh" content="">
  125. <meta name="text:linkh url" content="/">
  126. <meta name="text:linki" content="">
  127. <meta name="text:linki url" content="/">
  128. <meta name="text:linkj" content="">
  129. <meta name="text:linkj url" content="/">
  130. <meta name="text:wid" content="/">
  131. <meta name="text:to do" content="/">
  132.  
  133.  
  134. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  135. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  136. <link rel="shortcut icon" href="{Favicon}" />
  137. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  138.  
  139. <style type="text/css">
  140.  
  141. a {
  142. color:{color:link};text-shadow:1px 1px 2px #transparent, -1px -1px 2px #transparent;
  143. text-decoration:none;
  144. -moz-transition-duration:0.5s;
  145. -webkit-transition-duration:0.5s;
  146. -o-transition-duration:0.5s;
  147. }
  148.  
  149. a:hover {
  150. color:{color:hover};
  151. text-decoration:none;
  152. -moz-transition-duration:0.5s;
  153. -webkit-transition-duration:0.5s;
  154. -o-transition-duration:0.5s;
  155. }
  156.  
  157.  
  158. ::-webkit-scrollbar {background-color:{color:scrollbar}; border:3px solid {color:infobg};height:0px; width:7px}
  159. ::-webkit-scrollbar-thumb:vertical {border:1px solid {color:infobg};background-color:{color:scrollbar}; height:0px}
  160. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:0px!important}
  161.  
  162. body {
  163. background:{color:bg} url('{image:bg}') fixed; cursor:url("http://static.tumblr.com/hqb6dzr/ByNmls8gm/3.png"),progress;font-family:arial;font-size:10px;
  164. {block:ifPixelText}font-family:silk;font-size:9px;{/block:ifPixelText}
  165.  
  166. }
  167.  
  168. h1 {
  169. font-weight:normal;
  170. font-size:9px;
  171. text-align:center;
  172. font-style:normal;
  173. line-height:80%;
  174. letter-spacing:1px;
  175. text-transform:uppercase;
  176. color:{color:text};
  177. }
  178.  
  179. h2 {
  180. font-size:15px;
  181. text-align:center;
  182. line-height:100%;
  183. letter-spacing:-0.5px;
  184. color:{color:text};
  185. font-weight:normal;
  186. padding:5px;font-family:arial black;
  187. padding-bottom:2px;
  188. }
  189. b {color:{color:link};font-family:arial;text-shadow:1px 1px 0px {color:border2};}
  190. i {color:{color:border2};}
  191. #wang .desc b {color:{color:info text};text-transform:uppercase;font-family:arial;text-shadow:1px 1px 0px {color:border2};}
  192. #wang desc i {color:{color:info text};font-family:arial;}
  193. blockquote {
  194. border-left:2px solid {color:border1};
  195. padding-left:5px;
  196. margin:5px;
  197. } #s-m-t-tooltip{
  198. position:absolute;
  199. background-color:{color:infobg};
  200. padding:3px;
  201. z-index:9999999999999999999999999999999999999;border-top:1px solid {color:border1};border-left:1px solid {color:border1};border-right:1px solid {color:border2};border-bottom:1px solid {color:border2};outline-offset:-3px;
  202. margin-top:10px;
  203. margin-left:5px;font-family:silk;
  204. display:block;font-style:normal;
  205. text-transform:uppercase;
  206. font-size:9px;
  207. color:{color:info text};
  208. }
  209. .bubbles {
  210. position:relative;
  211. padding:10px;
  212. left:45px;
  213. background:{color:infobg};
  214. text-align:left;
  215. width:200px;color:{color:info text};
  216. -moz-border-radius:10px;
  217. -webkit-border-radius:10px;
  218. border-radius:10px;
  219. }
  220.  
  221. .bubbles:after {
  222. content:"\00a0";
  223. display:block;
  224. position:absolute;
  225. left:-15px;
  226. top:10px;
  227. width:0;
  228. height:0;
  229. border-width:15px 15px 0px;
  230. border-style:solid;
  231. border-color:{color:infobg} transparent;
  232. }
  233. #theme {
  234. background-color:{color:bg};
  235. width:700px;
  236. margin: 0 auto -12px auto;
  237. text-align: center;
  238. }
  239. a, a:active, a:visited {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;} body {cursor:url("http://static.tumblr.com/hqb6dzr/ByNmls8gm/3.png"),default}
  240. /*-----sidebar-----*/
  241.  
  242. #wang .side {
  243. color:{color:text};
  244. position:fixed;
  245. width:200px;z-index:99999999;opacity:0;
  246. height:300px;
  247. margin-top:65px; -moz-transition-duration:0.5s;
  248. -webkit-transition-duration:0.5s;
  249. -o-transition-duration:0.5s;
  250. margin-left:20px;-webkit-transform:rotate(0deg);
  251. }
  252. #wang:hover .side {
  253. color:{color:text};
  254. position:fixed;
  255. width:200px;z-index:999999999;opacity:1;
  256. height:300px;
  257. margin-top:65px; -moz-transition-duration:0.5s;
  258. -webkit-transition-duration:0.5s;
  259. -o-transition-duration:0.5s;
  260. margin-left:20px;-webkit-transform:rotate(0deg);
  261. }
  262.  
  263. .stop{
  264. opacity:1;
  265. z-index:9999;
  266. position:fixed;
  267. margin-top:-15px; margin-left:-40px;
  268. -webkit-transition: opacity 0.6s linear;
  269. -webkit-transition: all 0.5s ease-out;
  270. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  271. }
  272. .stop img{ box-shadow:5px 5px 0px {color:border1},7px 7px 0px {color:border2};}
  273. /*
  274. ───▄▀▀▀▄▄▄▄▄▄▄▀▀▀▄───
  275. ───█▒▒░░░░░░░░░▒▒█───
  276. ────█░░█░░░░░█░░█────
  277. ─▄▄──█░░░▀█▀░░░█──▄▄─
  278. █░░█─▀▄░░░░░░░▄▀─█░░█
  279. dont fncking steal ok jsut dont thankyou
  280. */
  281.  
  282. #wang .stops{
  283. opacity:0;
  284. width:190px;
  285. padding:0px;z-index:2;
  286. position:fixed;
  287. height:190px;
  288. margin-top:244px; margin-left:20px;
  289.  
  290. -webkit-transition: all 0.4s ease-out;-webkit-transform:rotate(-2deg);
  291. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  292. }
  293.  
  294. #wang:hover .stops{
  295. opacity:.8;
  296. width:190px;
  297. padding:0px;z-index:2;
  298. position:fixed;
  299. height:190px;
  300. margin-top:534px; margin-left:20px;
  301.  
  302. -webkit-transition: all 0.4s ease-out;-webkit-transform:rotate(-2deg);
  303. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  304. }
  305.  
  306.  
  307. #sidebarimage {
  308. -webkit-transition: opacity 0.6s linear;
  309. -webkit-transition: all 0.5s ease-out;
  310. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  311. }
  312.  
  313. /*---links---*/
  314.  
  315. .links {
  316. margin-left:40px;
  317. margin-top:-5px;
  318. width:163px;
  319. opacity:1;z-index:999999999;
  320. font-family:arial black;
  321. font-size:13px;
  322. text-transform:none;
  323. text-align:center;
  324. position:fixed;
  325. letter-spacing:2px;
  326. line-height:170%;
  327. -moz-transition-duration:.5s;
  328. -webkit-transition-duration:.5s;
  329. -o-transition-duration:.5s;
  330. }
  331.  
  332. .links a{
  333. padding:3px;padding-top:0px;padding-bottom:0px;
  334. position:justify;display:inline-block;margin-top:5px;
  335. color:{color:info text};background-color:{color:infobg};
  336. letter-spacing:0px;
  337. text-decoration:none;
  338. -moz-transition-duration:.5s;
  339. -webkit-transition-duration:.5s;
  340. -o-transition-duration:.5s;
  341. }
  342. name {font-family:arial black; font-size:13px; letter-spacing:.5px;color:{color:info text};}
  343. .links a:hover{font-style:italic;
  344. color:{color:link};text-shadow:1px 1px 10px {color:border2}, -1px -1px 10px {color:border1};
  345. -moz-transition-duration:.5s;
  346. -webkit-transition-duration:.5s;
  347. -o-transition-duration:.5s;
  348. }
  349.  
  350. /*---description---*/
  351.  
  352.  
  353. .desc {
  354. margin-top:193px;
  355. margin-left: 227px;
  356. width:125px;border:3px solid {color:border1};
  357. height:70px;
  358. opacity:1;z-index:999999;
  359. overflow-y:scroll;
  360. text-align:justify;{block:ifPixelText}font-family:silk;{/block:ifPixelText}
  361. font-size:9px;
  362. color:{color:info text};
  363. padding:10px;
  364.  
  365. letter-spacing:1px;background-color:{color:infobg};
  366. line-height:120%;
  367. position:absolute;
  368. -webkit-transition: .5s;
  369. -moz-transition: .5s;
  370. }
  371. .doubleueyedee {
  372. margin-top:363px;
  373. margin-left: 227px;
  374. width:125px;
  375. height:70px;border:3px solid {color:border1};
  376. opacity:1;z-index:999999;
  377. overflow-y:scroll;
  378. text-align:justify;{block:ifPixelText}font-family:silk;{/block:ifPixelText}
  379. font-size:9px;
  380. color:{color:info text};
  381. padding:10px;
  382.  
  383. letter-spacing:1px;background-color:{color:infobg};
  384. line-height:120%;
  385. position:absolute;
  386. -webkit-transition: .5s;
  387. -moz-transition: .5s;
  388. }
  389.  
  390. .tedeel {
  391. margin-top:525px;
  392. margin-left: 227px;
  393. width:125px;
  394. height:70px;border:3px solid {color:border1};
  395. opacity:1;z-index:999999;
  396. overflow-y:scroll;
  397. text-align:justify;{block:ifPixelText}font-family:silk;{/block:ifPixelText}
  398. font-size:9px;
  399. color:{color:info text};
  400. padding:10px;
  401.  
  402. letter-spacing:1px;background-color:{color:infobg};
  403. line-height:120%;
  404. position:absolute;
  405. -webkit-transition: .5s;
  406. -moz-transition: .5s;
  407. }
  408. .upd8 {
  409. margin-top:685px;border:3px solid {color:border1};
  410. margin-left: 227px;
  411. width:125px;
  412. height:70px;
  413. opacity:1;z-index:999999;
  414. overflow-y:scroll;
  415. text-align:justify;{block:ifPixelText}font-family:silk;{/block:ifPixelText}
  416. font-size:9px;
  417. color:{color:info text};
  418. padding:10px;
  419.  
  420. letter-spacing:1px;background-color:{color:infobg};
  421. line-height:120%;
  422. position:absolute;
  423. -webkit-transition: .5s;
  424. -moz-transition: .5s;
  425. }
  426.  
  427. .tit {font-size:25px; font-family:arial black;letter-spacing:.5px; line-height:75%; width:210px; position:absolute; margin-top:302px; margin-left: 227px;z-index:99999999999999999999999999999999999999999999999999; -webkit-transition: .5s;
  428. -moz-transition: .5s;}
  429. .tit2 {font-size:25px; font-family:arial black;letter-spacing:.5px; line-height:75%; width:210px; position:absolute; margin-top:465px; margin-left: 227px;z-index:99999999999999999999999999999999999999999999999999; -webkit-transition: .5s;
  430. -moz-transition: .5s;}
  431. .tit3 {font-size:25px; font-family:arial black;letter-spacing:.5px; line-height:75%; width:210px; position:absolute; margin-top:135px; margin-left: 227px;z-index:99999999999999999999999999999999999999999999999999; -webkit-transition: .5s;
  432. -moz-transition: .5s;}
  433. .tit4 {font-size:25px; font-family:arial black;letter-spacing:.5px; line-height:75%; width:210px; position:absolute; margin-top:625px; margin-left: 227px;z-index:99999999999999999999999999999999999999999999999999; -webkit-transition: .5s;
  434. -moz-transition: .5s;}
  435.  
  436. .desc a {
  437. color:{color:link};
  438. }
  439.  
  440.  
  441.  
  442.  
  443. .pagi a {display:inline-block; padding-top:0px; color:{color:text};padding-bottom:0px;background-color:{color:bg}; padding:2px;}
  444.  
  445.  
  446. .pagi {
  447. font-size:11px;
  448. margin-left:380px;
  449. margin-top:-20px;
  450. width:460px;z-index:9999999999999999999999999999999999999999;
  451. position:fixed;font-family:times;
  452. opacity:1;background-color:{color:bg};padding:5px;
  453. color:{color:pagi};
  454. letter-spacing:0px;padding-top:30px;
  455. font-style:italic;
  456. text-align:center;
  457. -moz-transition-duration:.5s;
  458. -webkit-transition-duration:.5s;
  459. -o-transition-duration:.5s;
  460. }
  461.  
  462.  
  463. .ask {
  464. padding:10px;
  465. font-family:trebuchet ms;
  466. text-align:left;
  467. color:{color:text};
  468. font-style:italic;
  469. background:{color:askbg};
  470. }
  471.  
  472. .ans {
  473. text-align:right;
  474. font-family:trebuchet ms;
  475. padding:10px;
  476. color:{color:text};
  477. }
  478.  
  479.  
  480.  
  481. #stuffcontainer {
  482. z-index:1;padding:20px;position:absolute;
  483. margin-left:380px;padding-top:60px;
  484. margin-top:-30px;{block:ifTopBanner}margin-top:58px;{/block:ifTopBanner}width:430px;
  485. text-align:justify;border-right:3px solid {color:border1};box-shadow: 5px 0px 0px {color:border2};
  486. background-color:{color:bg};
  487. color:{color:text};
  488.  
  489. }
  490. @font-face { font-family: "silk"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  491. #stuff {
  492. width:400px;
  493. margin-top:30px;z-index:1;
  494. padding:15px;
  495. text-align:justify;outline:1px solid {color:border2};outline-offset:5px;background-color:{color:post};
  496.  
  497. line-height:95%;
  498. letter-spacing:0x;
  499. color:{color:text};
  500. }
  501.  
  502. .caption {
  503. width:500px;
  504. font-family:trebuchet ms;
  505. text-align:justify;
  506. line-height:120%;
  507. }
  508.  
  509. .audio {
  510. width:500px;
  511. padding-bottom:10px;
  512. background-color:{color:infobg};
  513. }
  514.  
  515. .albumart {
  516. float:left;
  517. padding:0px 10px 10px 0px;
  518. }
  519.  
  520. .albumart img {
  521. width:45px;
  522. height:45px;
  523. }
  524.  
  525. .playercontainer {
  526. text-align:center;
  527. padding:10px;
  528. background-color:#ffffff;
  529. width:480px;
  530. }
  531.  
  532. .audioinfo {
  533. padding:10px;
  534. color:{color:text};
  535. }
  536.  
  537. #postinfo {
  538. width:auto;
  539. padding:6px;
  540. font-size:9px;border-top:1px solid {color:border1};background-color:{color:infobg};
  541. color:{color:info text};
  542. font-family:arial;
  543. font-style:uppercase;margin-top:11px;
  544. letter-spacing:2px;
  545. text-align:center;
  546. -moz-transition-duration:0.5s;
  547. -webkit-transition-duration:0.5s;
  548. -o-transition-duration:0.5s;
  549. }
  550.  
  551. #postinfo a {
  552. color:{color:info text};
  553. text-align:center;
  554. letter-spacing:1px;
  555. }
  556.  
  557. #postinfo a:hover {
  558. color:{color:info text};text-shadow:1px 1px 0px {color:border2};
  559. }
  560.  
  561. .note {
  562. text-transform:uppercase;
  563. font-family:trebuchet ms;
  564. font-style:normal;
  565. letter-spacing:0px;
  566. font-size: 9px;
  567. text-align:left;
  568. line-height:90%;
  569. margin-left:-40px;
  570. }
  571.  
  572. .note li {
  573. list-style-type:decimal;
  574. padding:10px 25px 10px 25px;
  575. font-size:8px;
  576. text-align:left;
  577. margin:0px;
  578. -moz-transition-duration:0.5s;
  579. -webkit-transition-duration:0.5s;
  580. -o-transition-duration:0.5s;
  581. }
  582.  
  583. .tags {
  584. font-style:normal;/*
  585. ───▄▀▀▀▄▄▄▄▄▄▄▀▀▀▄───
  586. ───█▒▒░░░░░░░░░▒▒█───
  587. ────█░░█░░░░░█░░█────
  588. ─▄▄──█░░░▀█▀░░░█──▄▄─
  589. █░░█─▀▄░░░░░░░▄▀─█░░█
  590. dont fncking steal ok jsut dont thankyou
  591. */
  592. width:500px;
  593. opacity:1;
  594. font-family:silk;
  595. text-transform:lowercase;
  596. font-style:italic;
  597. color:{color:tags};
  598. letter-spacing:2px;
  599. line-height:100%;
  600. font-size:9px;
  601. text-align:center;
  602. padding:4px;
  603. -moz-transition-duration:0.5s;
  604. -webkit-transition-duration:0.5s;
  605. -o-transition-duration:0.5s;
  606. }
  607.  
  608. .tags a {
  609. color:{color:tags};
  610. letter-spacing:1px;text-shadow:1px 1px 2px {color:border2}, -1px -1px 2px {color:border1};
  611. padding:3px;
  612. }
  613.  
  614. .tags a:hover {
  615. color:{color:link};text-shadow:1px 1px 2px {color:bg}, -1px -1px 2px {color:bg};
  616. }
  617.  
  618. ul.chat, .chat ol, .chat li {
  619. list-style:none;
  620. margin:0px;
  621. padding:2px;
  622. }/*
  623. ───▄▀▀▀▄▄▄▄▄▄▄▀▀▀▄───
  624. ───█▒▒░░░░░░░░░▒▒█───
  625. ────█░░█░░░░░█░░█────
  626. ─▄▄──█░░░▀█▀░░░█──▄▄─
  627. █░░█─▀▄░░░░░░░▄▀─█░░█
  628. dont fncking steal ok jsut dont thankyou
  629. */
  630.  
  631. .label {
  632. text-decoration:underline;
  633. font-weight:700;
  634. background-color:{color:infobg};
  635. margin-right:5px;
  636. }
  637. #wang .donut { position:fixed; z-index:999;width:130px; height:130px;margin-top:220px; margin-left:0px;}
  638.  
  639.  
  640. #wang:hover {position:fixed; margin-top:-50px; margin-left:100px; width:335px; height:280px;-moz-transition-duration:0.5s;
  641. -webkit-transition-duration:0.5s;
  642. -o-transition-duration:0.5s;}
  643.  
  644.  
  645. #wang {position:fixed; z-index:9999;margin-top:-50px; margin-left:110px; width:335px; height:280px;-moz-transition-duration:0.5s;
  646. -webkit-transition-duration:0.5s;
  647. -o-transition-duration:0.5s;}
  648. #bite {position:fixed; margin-top:0px; margin-left:0px;z-index:9999999999999999999999999999999999}
  649. #bite a {display:block}
  650.  
  651. #bite .death {margin-top:0px;z-index;9999999999999999999999999999999999999999999999999999999;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  652.  
  653. #bite:hover .death {margin-top:0px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  654.  
  655. #shit {font-family:'silk';font-size:9px;color:{color:bg};width:100px;height:auto;padding:5px;border-top:2px solid {color:border1};border-left:2px solid {color:border1};background-color:{color:infobg};border-bottom:2px solid {color:border2};border-right:2px solid {color:border2};margin-left:85px;margin-top:5px;text-align:center;position:fixed;}
  656.  
  657.  
  658.  
  659. #nopee img{width:90px;margin-top: -11px;opacity:.8;margin-left:-8px;position:fixed;-webkit-filter: grayscale(90%);-webkit-transition: all .25s;}
  660. #wang:hover .donuts { position:fixed; opacity:1;z-index:999;width:230px; height:275px;margin-top:510px; margin-left:0px;-moz-transition-duration:0.5s;
  661. -webkit-transition-duration:0.5s;
  662. -o-transition-duration:0.5s;}
  663. #wang .donuts { position:fixed;opacity:0; z-index:999;width:230px; height:275px;margin-top:220px; margin-left:0px;-moz-transition-duration:0.5s;
  664. -webkit-transition-duration:0.5s;
  665. -o-transition-duration:0.5s;}
  666. smalll {font-size:17px;}
  667. #pot {position:fixed; background-color:{color:bg}; opacity:.95; margin-top:-10px; margin-left:0px; z-index:4; height:37px; width:1000%;}
  668. #player {
  669. width:30px;z-index:9999;
  670. height:30px; opacity:.8;
  671. overflow:hidden;
  672. position:absolute;
  673. margin-top:35px;margin-left:35px;
  674.  
  675. }
  676.  
  677. #cred {
  678. position:fixed;
  679. padding:3px;
  680. opacity: .9;-webkit-transform:perspective(400px) rotate3d(1,0,1,0deg);-webkit-transform:perspective(400px) rotate3d(1,1,0,-30deg);
  681. bottom:5px;/*
  682. ───▄▀▀▀▄▄▄▄▄▄▄▀▀▀▄───
  683. ───█▒▒░░░░░░░░░▒▒█───
  684. ────█░░█░░░░░█░░█────
  685. ─▄▄──█░░░▀█▀░░░█──▄▄─
  686. █░░█─▀▄░░░░░░░▄▀─█░░█
  687. dont fncking steal ok jsut dont thankyou
  688. */
  689. right:5px;
  690. z-index:999999999999999999999999999999999999999999;
  691. }
  692.  
  693.  
  694.  
  695. #ye
  696. {position:fixed;
  697. margin-top:60px;z-index:9999999999;
  698. margin-left:170px;}
  699.  
  700. .transition
  701. {-webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  702.  
  703. #picture
  704. {height:240px;
  705. }
  706.  
  707. #left
  708. {float:bottom;
  709. overflow:hidden;
  710. height:120px;
  711. width: 240px;}
  712.  
  713. #right
  714. {overflow:hidden;
  715. height:120px;
  716. width: 240px;}
  717.  
  718. #about
  719. {float:top;
  720. font-size: 10px;
  721. text-align: justify;
  722. width:93px;
  723. height:0px;
  724. margin-left:3px;
  725. opacity:0;
  726. font-family:cambria italic;}
  727.  
  728.  
  729.  
  730. #picture:hover #about
  731. {height:50px;
  732. width: 93px;
  733. padding:10px 0px 10px 0px;
  734. opacity:1;}
  735.  
  736. #picture:hover #left
  737. {margin-top:-25px;}
  738. #idont {position:fixed;z-index:99999999; margin-top:100px; margin-left:740px;}
  739. .l1{-webkit-transform:perspective(400px) rotate3d(1,0,0,0deg);
  740. -moz-transform:perspective(400px) rotate3d(1,0,0,0deg);
  741. -0-transform:perspective(400px) rotate3d(1,0,0,0deg);
  742. position:fixed;z-index:99999999999;margin-top:0px; margin-left:0px;
  743. -moz-transition-duration:0.4s;
  744. -webkit-transition-duration:0.4s;
  745. -o-transition-duration:0.4s;}
  746.  
  747. .l1:hover {-webkit-transform:perspective(400px) rotate3d(1,0,1,50deg);
  748. -moz-transform:perspective(400px) rotate3d(1,0,1,50deg);
  749. -0-transform:perspective(400px) rotate3d(1,0,1,50deg);}
  750.  
  751. .l2{-webkit-transform:perspective(400px) rotate3d(1,0,0,0deg);
  752. -moz-transform:perspective(400px) rotate3d(1,0,0,0deg);
  753. -0-transform:perspective(400px) rotate3d(1,0,0,0deg);
  754. position:fixed; margin-top:60px; z-index:99999999999;margin-left:0px;
  755. -moz-transition-duration:0.4s;
  756. -webkit-transition-duration:0.4s;
  757. -o-transition-duration:0.4s;}
  758. .l2:hover {-webkit-transform:perspective(400px) rotate3d(1,0,1,-50deg);
  759. -moz-transform:perspective(400px) rotate3d(1,0,1,-50deg);
  760. -0-transform:perspective(400px) rotate3d(1,0,1,-50deg);}
  761. #omfg {position:fixed;z-index:99999999; margin-top:220px; margin-left:850px;}
  762. #barr {position:fixed; margin-top:-8px; margin-left:200px;width:650px; height:1000%; background-color:{color:bg};border-right:3px solid {color:border1};box-shadow: 5px 0px 0px {color:border2};}
  763. .boxes {position:fixed; margin-top:-100px;margin-left:0px;}
  764. .rightt {position:fixed; margin-top:0px; margin-left:20px;}
  765. .ban{position:absolute; margin-top:28px;box-shadow:-5px 0px 0px {color:bg},5px 0px 0px {color:bg},-6px 0px 0px {color:border2},6px 0px 0px {color:border2},0px -5px 0px {color:bg},0px -6px 0px {color:border2};border:15px solid {color:post};margin-left:400px;z-index:999999999999;}
  766.  
  767. {CustomCSS}
  768.  
  769. </style></head>
  770.  
  771. <body>
  772. {block:ifTopBanner}<div class="ban"><img src="{image:banner}"></div>{/block:ifTopBanner}
  773. <div id="barr"></div>
  774.  
  775. <div class="rightt">
  776. <div id ="omfg">
  777. <div class="l1"><a href="/" title="refresh"><img src="{image:refresh link}" style="border-radius:100%;padding:2px; box-shadow:1px 1px 0px {color:border1}, -1px -1px 0px {color:border2};"></a></div>
  778. <div class="l2"><a href="{text:ask link}" title="navigate"><img src="{image:ask link}" style="border-radius:100%;padding:2px; box-shadow:1px 1px 0px {color:border1}, -1px -1px 0px {color:border2};"></a></div>
  779. </div>
  780. <div id="idont">
  781. <div id="ye">
  782. <div id="picture" class="transition">
  783. <div id="left" class="transition">
  784. <img height="240px" src="{image:square}" style=" border-radius:100%;">
  785. </div>
  786. <div id="about" class="transition">
  787. <div class="links">
  788. {block:IfLinkA}
  789. <a href="{text:linkA url}"title="{text:linkA}">I.</a>
  790. {/block:IfLinkA}
  791. {block:IfLinkB}
  792. <a href="{text:linkB url}"title="{text:linkB}">II.</a>
  793. {/block:IfLinkB}
  794. {block:IfLinkC}
  795. <a href="{text:linkC url}"title="{text:linkC}">III.</a>
  796. {/block:IfLinkC}
  797. {block:IfLinkD}
  798. <a href="{text:linkD url}"title="{text:linkD}">IV.</a>
  799. {/block:IfLinkD}
  800. {block:IfLinkE}
  801. <a href="{text:linkE url}"title="{text:linkE}">V.</a>
  802. {/block:IfLinkE}
  803. {block:IfLinkF}
  804. <a href="{text:linkF url}"title="{text:linkF}">VI.</a>
  805. {/block:IfLinkF}
  806. {block:IfLinkG}
  807. <a href="{text:linkG url}"title="{text:linkG}">VII.</a>
  808. {/block:IfLinkG}
  809. {block:IfLinkH}
  810. <a href="{text:linkH url}"title="{text:linkH}">VIII.</a>
  811. {/block:IfLinkH}
  812. {block:IfLinkI}
  813. <a href="{text:linkI url}"title="{text:linkI}">IX.</a>
  814. {/block:IfLinkI}
  815. {block:IfLinkJ}
  816. <a href="{text:linkJ url}"title="{text:linkJ}">X.</a>
  817. {/block:IfLinkJ}
  818. </div>
  819.  
  820. </div>
  821. <div id="right" class="transition">
  822. <img height="240px" style=" margin-top:-120px;border-radius:100%;" src="{image:square}">
  823. </div>
  824. </div></div>
  825. </div>
  826. </div>
  827.  
  828. <div class="stop"><img src="{image:sidebar}"></div>
  829.  
  830.  
  831. {block:Pagination}<div class="pagi">
  832. {block:PreviousPage}
  833. <a href="{PreviousPage}">back</a>
  834. {/block:PreviousPage}
  835. {block:NextPage}
  836. <a href="{NextPage}">/next</a>
  837. {/block:NextPage}
  838. </div>
  839. {/block:Pagination}
  840.  
  841. <div class="boxes">
  842. <div class="tit"><img src="{image:title2}"></div>
  843. <div class="tit2"><img src="{image:title3}"></div>
  844. <div class="tit3"><img src="{image:title}"></div>
  845. <div class="tit4"><img src="{image:title4}"></div>
  846. <div class="desc">
  847. {Description}
  848. </div>
  849. <div class="doubleueyedee">
  850. {text:wid}
  851. </div>
  852.  
  853. <div class="tedeel">
  854. {text:to do}
  855. </div>
  856.  
  857.  
  858. </div>
  859. </div>
  860. </div>
  861. </div>
  862.  
  863. <div id="stuffcontainer">
  864.  
  865. {block:Posts}
  866.  
  867. <div id="stuff">
  868.  
  869. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  870.  
  871. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  872.  
  873. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  874. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  875.  
  876. {block:Photo}<center><img src="{PhotoURL-400}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  877.  
  878. {block:Photoset}<center>{Photoset-400}</center>
  879. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  880.  
  881. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  882.  
  883. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  884.  
  885. {block:Answer}<img src="{AskerPortraitURL-24}" align="left" style="padding:2px; border-radius:100px;border:1px solid {color:background}"/><div class="bubbles">{Asker} whispered-- <b>{Question}</b></div>
  886. {Answer}{/block:Answer}
  887.  
  888. {block:Audio}
  889. <div id= "player">{AudioPlayerWhite}</div>
  890. {block:AlbumArt}
  891. <img src="{AlbumArtURL}" width="100">
  892. {/block:AlbumArt}
  893. {/block:Audio}
  894. <!--
  895. ───▄▀▀▀▄▄▄▄▄▄▄▀▀▀▄───
  896. ───█▒▒░░░░░░░░░▒▒█───
  897. ────█░░█░░░░░█░░█────
  898. ─▄▄──█░░░▀█▀░░░█──▄▄─
  899. █░░█─▀▄░░░░░░░▄▀─█░░█
  900. dont fncking steal ok jsut dont thankyou
  901. -->
  902.  
  903.  
  904. {block:Date}<div id="postinfo"> <a href="{Permalink}">{timeago}.</a>{block:NoteCount} - <a href="{Permalink}">{NoteCount} notes.</a> {/block:NoteCount}{block:RebloggedFrom} <a href="{ReblogParentURL}">via.</a>{/block:RebloggedFrom}
  905. {block:ContentSource} (<a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource} </div>{/block:Date}
  906.  
  907. <div class="note">
  908. {block:PostNotes}{PostNotes}{/block:PostNotes}
  909. </div>
  910. </div>
  911. {/block:Posts}
  912.  
  913.  
  914. </div>
  915. <div id="cred"><a href="http://themesofrp.tumblr.com">ALYCAT</a></div>
  916.  
  917. </div>
  918. </div>
  919. <!--
  920. ───▄▀▀▀▄▄▄▄▄▄▄▀▀▀▄───
  921. ───█▒▒░░░░░░░░░▒▒█───
  922. ────█░░█░░░░░█░░█────
  923. ─▄▄──█░░░▀█▀░░░█──▄▄─
  924. █░░█─▀▄░░░░░░░▄▀─█░░█
  925. dont fncking steal ok jsut dont thankyou
  926.  
  927. █▀▀█ █░█   ▀▀█▀▀ █░░█ █▀▀█ █▀▀▄ █░█   █░░█
  928. █░░█ █▀▄   ░░█░░ █▀▀█ █▄▄█ █░░█ █▀▄   █░░█
  929. ▀▀▀▀ ▀░▀   ░░▀░░ ▀░░▀ ▀░░▀ ▀░░▀ ▀░▀   ░▀▀▀
  930. -->
  931. </body>
  932. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement