API tools faq
paste
Advertisement
suhothemes

cries wcifto

suhothemes
Apr 14th, 2014
114
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 50.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11.  
  12. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  13.  
  14. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  15. <script>
  16. (function($){
  17. $(document).ready(function(){
  18. $("[title]").style_my_tooltips();
  19. });
  20. })(jQuery);
  21. </script>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Kristi|Clicker+Script|Meddon|Megrim|Ruthie|Raleway:300' rel='stylesheet' type='text/css'>
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27.  
  28. <meta name="color:Background Color" content=""/>
  29.  
  30. <meta name="color:Blockquote Background 1" content=""/>
  31. <meta name="color:Blockquote Background 2" content=""/>
  32. <meta name="color:Blockquote Border 1" content=""/>
  33. <meta name="color:Blockquote Border 2" content=""/>
  34. <meta name="color:Blockquote Text 1" content=""/>
  35. <meta name="color:Blockquote Text 2" content=""/>
  36.  
  37. <meta name="color:Header Text" content=""/>
  38.  
  39. <meta name="color:Bolded Text" content=""/>
  40. <meta name="color:Italicised Text" content=""/>
  41.  
  42. <meta name="color:Post Text" content=""/>
  43. <meta name="color:Post Background" content=""/>
  44. <meta name="color:Post Border" content=""/>
  45.  
  46. <meta name="color:Question Background" content=""/>
  47.  
  48. <meta name="color:Permalink Color" content=""/>
  49. <meta name="color:Permalink Link" content=""/>
  50.  
  51. <meta name="color:Active Link" content=""/>
  52. <meta name="color:Hover Link" content=""/>
  53. <meta name="color:Hovers" content=""/>
  54. <meta name="color:Hovers Hover" content=""/>
  55.  
  56. <meta name="color:Selected Text" content=""/>
  57. <meta name="color:Scrollbar Background" content=""/>
  58. <meta name="color:Scrollbar Trackbar" content=""/>
  59.  
  60. <meta name="color:Tag Color" content=""/>
  61.  
  62. <meta name="image:Background Image" content="">
  63. <meta name="image:Sidebar Image" content="">
  64. <meta name="image:Header Image" content="">
  65. <meta name="image:Kwon Image" content="">
  66.  
  67. <meta name="text:Link 1 URL" content="/">
  68. <meta name="text:Link 1" content="Link 1">
  69. <meta name="text:Link 1 Hover" content="Hover">
  70. <meta name="text:Link 2 URL" content="/">
  71. <meta name="text:Link 2" content="Link 2">
  72. <meta name="text:Link 2 Hover" content="Hover">
  73. <meta name="text:Link 3 URL" content="/">
  74. <meta name="text:Link 3" content="Link 3">
  75. <meta name="text:Link 3 Hover" content="Hover">
  76. <meta name="text:Link 4 URL" content="/">
  77. <meta name="text:Link 4" content="Link 4">
  78. <meta name="text:Link 4 Hover" content="Hover">
  79. <meta name="text:Link 5 URL" content="/">
  80. <meta name="text:Link 5" content="Link 5">
  81. <meta name="text:Link 5 Hover" content="Hover">
  82. <meta name="text:Link 6 URL" content="/">
  83. <meta name="text:Link 6" content="Link 6">
  84. <meta name="text:Link 6 Hover" content="Hover">
  85.  
  86.  
  87. <meta name="text:Background Attachment" content="Fixed">
  88. <meta name="text:Background Position" content="Top Left">
  89.  
  90. <meta name="if:ShowCaptions" content="1">
  91. <meta name="if:ShowTags" content="1">
  92.  
  93.  
  94. <meta name="if:ImageFade" content="1">
  95. <meta name="if:Monochrome" content="1">
  96. <meta name="if:desc" content="1">
  97. <meta name="if:hoverdesc" content="1">
  98. <meta name="if:sbtitle" content="1">
  99. <meta name="if:hovertitle" content"1">
  100.  
  101. <meta name="if:250" content="0">
  102. <meta name="if:400" content="1">
  103. <meta name="if:500" content="0">
  104.  
  105.  
  106.  
  107. <style type="text/css">
  108.  
  109. @font-face { font-family: "gasara";
  110. src: url('http://static.tumblr.com/5j0ikdx/125mn47dp/gasara.ttf'); format("truetype");}
  111. @font-face { font-family: "tinytots"; src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf'); }
  112. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  113. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  114. @font-face {font-family: "arsenale white";src: url('http://static.tumblr.com/nsunyax/msSm1cdko/arsenale_white.ttf');}
  115. @font-face {font-family: "pf tempesta seven";src: url('http://static.tumblr.com/8pcxx7s/MHam1m7zk/pf_tempesta_seven.ttf');}
  116. @font-face {font-family: "bebas neue";src: url('http://static.tumblr.com/rmj06l2/kPZlnkkrb/bebasneue.otf');}
  117. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  118. @font-face{font-family:Basic L;src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  119. @font-face{font-family:Hasteristico; src: url(http://slutpark-resources.webs.com/Hasteristico.ttf);}
  120. @font-face{font-family:Lala;src:url(http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff);}
  121. @font-face { font-family: "tempesta"; src: url('http://static.tumblr.com/oct6d4x/Wvalo56tg/pf_ronda_seven.ttf'); }
  122. @font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  123. @font-face{font-family: Color of Autumn; src: url(http://static.tumblr.com/9wzbixa/XDxmj2h3a/colors_of_autumn.ttf);}
  124. @font-face {font-family: “wendy”;src: url(‘http://static.tumblr.com/vzbl6rh/IGQmqeysm/wendy.ttf’);}
  125. @font-face {font-family: “eight one”;src: url(‘http://static.tumblr.com/pqtp5yx/LCAmyaa5d/eight_one-webfont.ttf’);}
  126. @font-face {font-family: “caviar dreams”;src: url(‘http://static.tumblr.com/pqtp5yx/inVmyail6/caviardreams.ttf’);}
  127. @font-face {font-family: "existence light";src: url('http://static.tumblr.com/pqtp5yx/zjamyairp/existence-light.otf');}
  128. @font-face {font-family: "jenna sue";src: url('http://static.tumblr.com/peyjdju/lafn0v00w/jennasue.ttf');}
  129. @font-face {font-family: "kristi";src: url('http://static.tumblr.com/peyjdju/YWZn0v01e/kristi.ttf');}
  130. @font-face {font-family: "yellowtail";src: url('http://static.tumblr.com/peyjdju/XdKn0v01q/yellowtail-regular.otf');}
  131. @font-face {font-family: "aaargh";src: url('http://static.tumblr.com/peyjdju/snwn0v0ky/aaargh.ttf');}
  132. @font-face {font-family: "alexbrush"; src: url('http://static.tumblr.com/bta9rzn/M6xn3xivw/alexbrush-regular.ttf');}
  133. @font-face {font-family: "arizona"; src: url('http://static.tumblr.com/bta9rzn/pSVn3xiwd/arizonia-regular.ttf');}
  134. @font-face { font-family: "black jack"; src: url('http://static.tumblr.com/bta9rzn/Nkbn3xiwr/black_jack.ttf');}
  135. @font-face { font-family: "qwigley"; src: url('http://static.tumblr.com/bta9rzn/SBmn3xix7/qwigley-regular.ttf');}
  136. @font-face { font-family: "tulpenone"; src: url('http://static.tumblr.com/bta9rzn/XRTn3xixm/tulpenone-regular.ttf');}
  137. @font-face { font-family: "windsong"; src: url('http://static.tumblr.com/bta9rzn/sdEn3xixz/windsong.ttf');}
  138. @font-face { font-family: "allura"; src: url('http://static.tumblr.com/bta9rzn/Vs9n3xiyb/allura-regular.otf');}
  139.  
  140.  
  141.  
  142.  
  143.  
  144.  
  145. ::selection {color: {color:Selected Text}; background-color:{color:Scrollbar Background};}
  146. ::-moz-selection {color: {color:Selected Text}; background-color:{color:Scrollbar Background};}
  147.  
  148. ::-webkit-scrollbar { width: 5px; height:1px; }
  149. ::-webkit-scrollbar-thumb:vertical {
  150. background-color: {color:Scrollbar Trackbar}; border: 1px solid {color:Scrollbar Background}; }
  151. ::-webkit-scrollbar-button:start:decrement,
  152. ::-webkit-scrollbar-button:end:increment { height: 90%; display: block;
  153. background-color: transparent; }
  154. ::-webkit-scrollbar-track-piece {
  155. background-color: {color:Scrollbar Background}; }
  156.  
  157. body { background-color: {color:background color}; background-position: {text:background position}; background-attachment: {text:background attachment}; background-image:url('http://i62.tinypic.com/nqpwm1.png'); background-repeat: no-repeat; background-size:contain;}
  158.  
  159. a:link, a:visited, a:active {text-decoration: none; color: {color:active link}; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  160. a:hover { color: {color:hover link}; }
  161.  
  162. b, strong { color: {color:bolded text}; }
  163. i, em { color: {color:italicised text}; }
  164.  
  165. small, sub { font-family: arial; font-size: 10px; letter-spacing: 1; line-height: 100%; margin-top: 10px !important; line-height: 90%;}
  166. pre { font-family: tinytots; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; background-color: {color:blockquote background 1}; color: {color:blockquote text 1}; padding: 3px; }
  167. code { font-family: tinytots; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; }
  168.  
  169. blockquote { margin-left: 10px; width: 85%; text-align: justify; background-color: {color:blockquote background 1}; color: {color:blockquote text 1}; border-left: solid 2px {color:blockquote border 1}; padding: 5px; -moz-border-radius: 0px 10px; border-radius: 0px 0px 0px 10px; padding-left: 10px;}
  170. blockquote blockquote { margin-left: 10px; width: 85%; text-align: justify; background-color: {color:blockquote background 2}; color: {color:blockquote text 2}; border-left: solid 2px {color:blockquote border 2}; padding: 5px; -moz-border-radius: 0px 10px; border-radius: 0px 0px 0px 10px; padding-left: 10px;}
  171.  
  172. blockquote img {
  173. {block:if250}max-width:210px !important; opacity: .5;{/block:if250}
  174. {block:if400}max-width:330px !important; opacity: .5;{/block:if400}
  175. {block:if500}max-width:420px !important; opacity: .5;{/block:if500}}
  176. blockquote blockquote img {
  177. {block:if250}max-width:180px !important; opacity: .5;{/block:if250}
  178. {block:if400}max-width:285px !important; opacity: .5;{/block:if400}
  179. {block:if500}max-width:355px !important; opacity: .5;{/block:if500}}
  180.  
  181. .alignment { position: relative; margin-left: 60px; margin-top: 90px; height: 100%; height: auto !important; min-height: 100%;
  182. {block:if250}width:250px;{/block:if250}
  183. {block:if400}width:400px;{/block:if400}
  184. {block:if500}width:500px;{/block:if500}}
  185.  
  186. #posttitle { font-family: 'Raleway', sans-serif; color: {color:header text}; font-size: 15px; padding: 5px; margin-top: 5px; text-align: center; text-transform: lowercase;}
  187. #posttitle:first-letter {font-family: 'Ruthie', cursive; color: {color:bolded text}; text-transform: uppercase; font-size: 35px; }
  188.  
  189. .quotation1 { position:absolute; font-size:30px; color: {color:bolded text}; opacity:0.1; font-family: georgia; margin-top: 5px; }
  190. .quotation2 { position:absolute; font-size:30px; color: {color:bolded text}; opacity:0.1; font-family: georgia; margin-top: 5px; }
  191.  
  192. .postcontainer {
  193. {block:if250}width:250px;{/block:if250}
  194. {block:if400}width:400px;{/block:if400}
  195. {block:if500}width:500px;{/block:if500}
  196. font-family: arial; font-size: 10px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: justify; word-wrap:break-word; background-color: {color:post background}; border: solid 5px {color:post border}; padding: 10px; margin-bottom: 20px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  197.  
  198. .postinfo {
  199. {block:if250}width:250px;{/block:if250}
  200. {block:if400}width:400px;{/block:if400}
  201. {block:if500}width:500px;{/block:if500}
  202. font-family: arial; font-size: 10px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: justify; word-wrap:break-word; margin-top: -15px; background-color: {color:post background}; border: solid 5px {color:post border}; padding: 10px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  203.  
  204. .postnotes {
  205. {block:if250}width:250px;{/block:if250}
  206. {block:if400}width:400px;{/block:if400}
  207. {block:if500}width:500px;{/block:if500}
  208. font-family: tinytots; font-size: 8px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: left; text-transform: uppercase; word-wrap:break-word; background-color: {color:post background}; border: solid 5px {color:post border}; padding: 10px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  209. .postnotes img { display:none;}
  210.  
  211. .postperma {
  212. {block:if250}width:270px;{/block:if250}
  213. {block:if400}width:420px;{/block:if400}
  214. {block:if500}width:520px;{/block:if500}
  215. margin-top: -17px; margin-bottom: 20px; text-align:center; font-family: tinytots; font-size: 8px; color: {color:permalink color}; text-transform: uppercase; letter-spacing: 1; line-height: 15px; background-color: {color:post border}; padding: 5px; height: 11px; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -border-radius: 0px 0px 10px 10px;}
  216. .postperma a {color: {color:permalink link}; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  217. .postperma a:hover {color: {color:post text}; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  218.  
  219. #odd { padding:2px; font-size: 10px; letter-spacing: 1px; font-family: arial; color:{color:Blockquote Text 1}; background-color: {color:Blockquote Background 1}; }
  220. #even { padding:2px; font-size: 10px; letter-spacing: 1px; font-family: arial; color:{color:Blockquote Text 2}; background-color: {color:Blockquote Background 2};}
  221.  
  222. #tags { font-family: tinytots; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; }
  223. #tags a, #permatags a {color: {color:tag color};}
  224. #permatags {
  225. {block:if250}width:270px;{/block:if250}
  226. {block:if400}width:420px;{/block:if400}
  227. {block:if500}width:520px;{/block:if500}
  228. margin-top: -20px; padding: 5px; margin-bottom: 10px; color: {color:post text}; font-family: tinytots; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; text-align: center; }
  229.  
  230. .postcontainer img:hover, #photoset:hover { {block:ifImageFade}-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;
  231. -webkit-filter: grayscale(0%) !important; opacity: 1;{/block:ifImageFade}}
  232.  
  233. .postcontainer img, #photoset {
  234. {block:if250}max-width:250px;{/block:if250}
  235. {block:if400}max-width:400px;{/block:if400}
  236. {block:if500}max-width:500px;{/block:if500}
  237. opacity: .5;
  238. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}}
  239.  
  240. .photopost img {
  241. {block:if250}max-width: 250px !important; {/block:if250}
  242. {block:if400}max-width: 400px !important; {/block:if400}
  243. {block:if500}max-width: 500px !important; {/block:if500}
  244. opacity: .5;
  245. {block:ifMonochrome}-webkit-filter: grayscale(100%); {/block:ifMonochrome}}
  246.  
  247. /* QUOTES */
  248. h2 {
  249. font-family: existence light;
  250. font-size: 11px;
  251. line-height:12px;
  252. color: {color:Title};
  253. font-weight: normal;
  254. letter-spacing: 1px;
  255. }
  256.  
  257. .quote {
  258. font-family: ms gothic;
  259. font-size: 24px;
  260. opacity:0.5;
  261. color: {color:Active Link};
  262. float: left;
  263. margin-top: 2px;
  264. }
  265.  
  266.  
  267. /* AUDIO */
  268. .audio img {
  269. max-width: 50px;
  270. float: left;
  271. margin-right: 5px;
  272. border: 5px solid {color:background color};
  273. }
  274.  
  275. .player {
  276. background-color: #000;
  277. height: 25px;
  278. width: 25px;
  279. padding: 5px;
  280. margin-left: 85px;
  281. margin-top: 10px;
  282. overflow: hidden;
  283. position: absolute;
  284. margin-left: 13px;
  285. margin-top: 13px;
  286. opacity: .2;
  287. transition: 0.5s;
  288. -moz-transition: 0.5s;
  289. -webkit-transition: 0.5s;
  290. -o-transition: 0.5s;
  291. }
  292.  
  293. .player:hover {
  294. opacity: .7;
  295. }
  296.  
  297. /* ASK */
  298. .question {
  299. background-color: {color:Question Background};
  300. padding: 5px;
  301. font-size: 10px;
  302. font-family:arial;
  303. text-transform: none;
  304. }
  305.  
  306. .asker {
  307. font-family:alexbrush;
  308. font-size:40px;
  309. font-style: normal;
  310. text-align:right;
  311. padding:3px;
  312. }
  313.  
  314. .asker a:hover {
  315. text-shadow: 0px 0px 6px #fff;
  316. color: #a2839f;
  317. opacity:.2;
  318. }
  319.  
  320. .answer {
  321. font-family:arial;
  322. }
  323.  
  324.  
  325. /* Tooltip */
  326.  
  327. #s-m-t-tooltip{
  328. max-width:250px;
  329. margin-top:25px;
  330. margin-left:15px;
  331. padding-left:5px;
  332. padding-right:5px;
  333. padding-top:3px;
  334. padding-bottom:3px;
  335. border:1px solid {color:post border};
  336. background-color:{color:post background};
  337. color:{color:post text};
  338. font-family:tinytots;
  339. font-size:8px;
  340. letter-spacing:1px;
  341. text-transform:uppercase;
  342. text-align:justify;
  343. line-height:10px;
  344. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  345. -webkit-border-radius: 2px;
  346. -moz-border-radius: 2px;
  347. border-radius: 2px;
  348. z-index:999999999999999;
  349. }
  350.  
  351. /* Music Player */
  352.  
  353. #musicplayer{
  354. overflow:hidden;
  355. position:fixed;
  356. width:18px;
  357. height:18px;
  358. margin-top:-195px; /* You can change the number or change it to bottom*/
  359. margin-left:-535px; /* You can change the number or change it to right*/
  360. background:#202020; /* This is the background color */
  361. z-index:10;
  362. }
  363.  
  364. #icon{
  365. /* This is for the positioning of the music gif: */
  366. margin-top:2px;
  367. margin-left:2px;
  368. -webkit-transition: all 0.5s linear;
  369. -moz-transition: all 0.5s linear;
  370. transition: all 0.5s linear;
  371. }
  372.  
  373. #musicplayer:hover #icon{
  374. margin-top:-20px;
  375. -webkit-transition: all 0.5s linear;
  376. -moz-transition: all 0.5s linear;
  377. transition: all 0.5s linear;
  378. }
  379.  
  380. #musicbox{
  381. width:8px;
  382. height:8px;
  383. overflow:hidden;
  384. /* This is for the positioning of the music player: */
  385. margin-top:6px;
  386. margin-left:5px;
  387. }
  388.  
  389. #music2{
  390. margin-top:-6px;
  391. margin-left:-35px;
  392. }
  393.  
  394. /* Center Wrapper*/
  395.  
  396.  
  397. #wrapper{
  398.  
  399. width:510px;
  400.  
  401. height:auto;
  402.  
  403. margin-left:auto;
  404.  
  405. margin-right:auto;
  406.  
  407. margin-top:-10px;
  408.  
  409. margin-bottom:60px;
  410.  
  411. padding:0;
  412.  
  413. border:0;
  414. position:fixed;
  415. z-index:10;
  416.  
  417. }
  418.  
  419.  
  420.  
  421. /* SIDEBAR Wrapper */
  422. .sb {
  423. margin-left:545px;
  424. margin-top:140px;
  425. position:fixed;
  426. width:350px;
  427. height:auto;
  428. padding:0px;
  429. float:left;
  430. background-color:transparent;
  431. z-index:99999999999;
  432. }
  433.  
  434. /* sidebar */
  435.  
  436. #ellinhvr {
  437. font-family: 'alexbrush';
  438. color: #888;
  439. text-shadow:.5px .5px .5px #6f5485;
  440. font-size: 30px;
  441. padding: 0px;
  442. margin-top: 15px;
  443. line-height:15px;
  444. text-align: center;
  445. text-transform: lowercase;}
  446.  
  447. #ellinhvr:first-letter{
  448. font-family: 'alexbrush';
  449. text-shadow:.5px .5px .5px #6f5485;
  450. color: #6f5485;
  451. text-transform: uppercase;
  452. font-size: 35px; }
  453.  
  454. #hvrs {
  455. font-family: arial;
  456. color: #888;
  457. font-size: 15px;
  458. padding: 2px;
  459. margin-top: 15px;
  460. line-height:15px;
  461. text-align: center;
  462. text-transform: auto;}
  463.  
  464. #hvrs a{
  465. color:{color:Hovers};
  466. }
  467.  
  468. #hvrs a:hover{
  469. color:{color:Hovers Hover};
  470. }
  471.  
  472. #yukwon{
  473. position:fixed;
  474. margin-top:5px;
  475. margin-left:10px;
  476. z-index:10;
  477. }
  478.  
  479. #dbg:hover #yukwon{
  480. z-index:10;
  481. }
  482.  
  483. #yukwonpic {
  484. background-color:{color:Background Color};
  485. border:3px double #292929;
  486. display:inline-block;
  487. width:120px;
  488. height:55px;
  489. font-family: arial;
  490. color: #888;
  491. font-size: 15px;
  492. padding: 3px;
  493. line-height:15px;
  494. text-align: center;
  495. text-transform: auto;
  496. z-index:10;
  497. }
  498.  
  499. #yukwonpic img{
  500. max-width:120px;
  501. max-height:55px;
  502. z-index:10;
  503. }
  504.  
  505.  
  506. #yukwon:hover #yukwonpic{
  507. opacity:1;
  508. z-index:10;
  509. }
  510.  
  511. #yukwondesc {
  512. background-color:{color:Background Color};
  513. width:100px;
  514. height:40px;
  515. font-family: tinytots;
  516. color: #888;
  517. font-size: 8px;
  518. padding: 2px;
  519. margin-top: -55px;
  520. overflow:auto;
  521. margin-left:15px;
  522. line-height:15px;
  523. text-align: center;
  524. text-transform: auto;
  525. opacity:0;
  526. z-index:9999999999999999999;
  527. }
  528. #yukwondesc:hover{
  529. opacity:1;
  530. z-index:9999999999999999999;
  531. -webkit-transition-duration:0.8s;
  532. -moz-transition-duration: 0.8s;
  533. }
  534.  
  535.  
  536. #yukwon img:hover #yukwondesc{
  537. opacity:1;
  538. z-index:10;
  539. -webkit-transition-duration:0.8s;
  540. -moz-transition-duration: 0.8s;
  541. }
  542.  
  543.  
  544. #mirror {
  545. position:fixed;
  546. left:465px;
  547. top:200px;
  548. background:#202020;
  549. border:3px double #292929;
  550. padding:2px;
  551. width:150px;
  552. height:300px;
  553. -webkit-transition-duration:0.8s;
  554. -moz-transition-duration: 0.8s;
  555. z-index:99999; }
  556.  
  557. #mirror img {
  558. width: 150px;
  559. height:300px;
  560. -webkit-transition-duration:0.8s;
  561. -moz-transition-duration: 0.8s;
  562. -webkit-filter:grayscale(100%); }
  563.  
  564. #dbg {
  565. position:fixed;
  566. width:150px;
  567. height:300px;
  568. left:470px;
  569. top:205px;
  570. font-family:tinytots;
  571. color:#999;
  572. font-size:8px;
  573. opacity:0;
  574. overflow:auto;
  575. text-transform:uppercase;
  576. text-align: center;
  577. background-color:#202020;
  578. z-index:5;
  579. -webkit-transition-duration:0.9s;
  580. -moz-transition-duration: 0.9s; }
  581.  
  582. #mirror:hover #dbg {
  583. opacity:1;
  584. -webkit-transition-duration:0.9s;
  585. -moz-transition-duration: 0.9s;
  586. }
  587.  
  588.  
  589.  
  590. #hvrparent{
  591. position:fixed;
  592. margin-top:115px;
  593. margin-left:78px;
  594. z-index:99999999999;
  595. }
  596.  
  597.  
  598.  
  599. #hvrhvr{
  600. position:fixed;
  601. background-color:transparent;
  602. margin-top:0px;
  603. width:100px;
  604. height:20px;
  605. padding:3px;
  606. font-family:arial;
  607. font-size:15px;
  608. text-align:center;
  609. text-transform:uppercase;
  610. color:#fff;
  611. line-height:12px;
  612. letter-spacing:3px;
  613. opacity: 0;
  614. z-index:999999999;
  615. -webkit-transition: all 0.7s ease-in-out;
  616. -moz-transition: all 0.7s ease-in-out;
  617. -o-transition: all 0.7s ease-in-out;
  618. -ms-transition: all 0.7s ease-in-out;
  619. transition: all 0.7s ease-in-out;
  620. }
  621.  
  622. #hvrhvr a{
  623. color:{color:Hovers};
  624. }
  625. #hvrhvr a:hover{
  626. color:{color:Hovers Hover};
  627. }
  628. #hvrparent:hover #hvrhvr{
  629. z-index: 99999;
  630. opacity:1;
  631. -webkit-transition: all 0.7s ease-in-out;
  632. -moz-transition: all 0.7s ease-in-out;
  633. -o-transition: all 0.7s ease-in-out;
  634. -ms-transition: all 0.7s ease-in-out;
  635. transition: all 0.7s ease-in-out;
  636. }
  637.  
  638. #hvrtitle{
  639. position:fixed;
  640. width:100px;
  641. height:20px;
  642. padding:3px;
  643. font-family:alexbrush;
  644. font-size:25px;
  645. text-align:center;
  646. text-transform:auto;
  647. color:#fff;
  648. line-height:12px;
  649. word-spacing:2px;
  650. -webkit-transition: all 0.7s ease-in-out;
  651. -moz-transition: all 0.7s ease-in-out;
  652. -o-transition: all 0.7s ease-in-out;
  653. -ms-transition: all 0.7s ease-in-out;
  654. transition: all 0.7s ease-in-out;
  655. opacity:0.5;
  656. }
  657.  
  658. #hvrparent:hover #hvrtitle{
  659. opacity:0;
  660. margin-top:30px;
  661. -webkit-transition: all 0.7s ease-in-out;
  662. -moz-transition: all 0.7s ease-in-out;
  663. -o-transition: all 0.7s ease-in-out;
  664. -ms-transition: all 0.7s ease-in-out;
  665. transition: all 0.7s ease-in-out;
  666. }
  667.  
  668.  
  669.  
  670. .image {
  671. width: 150px;
  672. height; 200px;
  673. opacity:.5;
  674. margin-left: -69px;
  675. margin-top: 0px;
  676. text-align:center;
  677. -webkit-filter: grayscale(85%);
  678. -moz-filter: grayscale(85%);
  679. -o-filter: grayscale(85%);
  680. transition:all ease-in-out 0.7s;
  681. }
  682.  
  683. .image:hover {
  684. text-shadow: 0 0 1px #fff;
  685. color: #c00f27;
  686. opacity:.8;
  687. -webkit-filter: grayscale(0%);
  688. -moz-filter: grayscale(0%);
  689. -o-filter: grayscale(0%);
  690. }
  691.  
  692.  
  693.  
  694. .links {
  695. margin-left:-357px;
  696. margin-top:-213px;
  697. margin-bottom:25px;
  698. position:fixed;
  699. background-color:transparent;
  700. padding:0px;
  701. width:73px;
  702. height:13px;
  703. font-family:"tinytots";
  704. color:#e20211;
  705. text-align:justify;
  706. font-size:8px;
  707. letter-spacing:-1px;
  708. line-height:15px;
  709. z-index:10;
  710. }
  711.  
  712. .links a {
  713. font-family:tinytots;
  714. background-color:#202020;
  715. border:1px solid #505050;
  716. color:#fff;
  717. display: inline-block;
  718. width: 70px;
  719. height:13px;
  720. padding:0px 0px 0px 0px;
  721. margin-top: 3px;
  722. text-align: center;
  723. font-size:6pt;
  724. letter-spacing:1px;
  725. -webkit-transition: all 0.45s linear;
  726. -moz-transition: all 0.45s linear;
  727. -o-transition: all 0.45s linear;}
  728.  
  729. .links a:hover {
  730. background-color:#353535;
  731. border:1px solid #6f5485;
  732. -moz-border-radius: 0px 15px 0px 15px;
  733. -webkit-border-radius: 0px 15px 0px 15px;}
  734.  
  735. .links2 {
  736. margin-left:-280px;
  737. margin-top:-213px;
  738. margin-bottom:25px;
  739. position:fixed;
  740. background-color:transparent;
  741. padding:0px;
  742. width:73px;
  743. height:13px;
  744. font-family:"tinytots";
  745. color:#e20211;
  746. text-align:justify;
  747. font-size:6px;
  748. letter-spacing:-1px;
  749. line-height:15px;
  750. z-index:10;
  751. }
  752.  
  753. .links2 a {
  754. font-family:tinytots;
  755. background-color:#202020;
  756. border:1px solid #505050;
  757. color:#fff;
  758. display: inline-block;
  759. width: 70px;
  760. height:13px;
  761. padding:0px 0px 0px 0px;
  762. margin-top:3px;
  763. text-align: center;
  764. font-size:6pt;
  765. letter-spacing:1px;
  766. -webkit-transition: all 0.45s linear;
  767. -moz-transition: all 0.45s linear;
  768. -o-transition: all 0.45s linear;}
  769.  
  770. .links2 a:hover {
  771. background-color:#353535;
  772. border:1px solid #6f5485;
  773. -moz-border-radius: 15px 0px 15px 0px;
  774. -webkit-border-radius: 15px 0px 15px 0px;}
  775.  
  776.  
  777. .border {
  778. position:fixed;
  779. margin-top:-500px;
  780. margin-left:-570px;
  781. width:70px;
  782. height:3500px;
  783. background-color: #202020;
  784. border-right:2px solid #505050;
  785. }
  786.  
  787. .topborder{
  788. position:fixed;
  789. width:315px;
  790. height:75px;
  791. margin-top:-225px;
  792. margin-left:-500px;
  793. background-color:#202020;
  794. border-right:2px solid #505050;
  795. border-bottom:2px solid #505050;
  796. border-radius:0px 0px 20px 0px;
  797. z-index:10;
  798. }
  799.  
  800. .xprez{
  801. position:fixed;
  802. font-family:alexbrush;
  803. font-size:70px;
  804. text-align:center;
  805. color:#303030;
  806.  
  807. }
  808.  
  809. .ellin{
  810. position:fixed;
  811. margin-top:-80px;
  812. margin-left:-80px;
  813. font-family:alexbrush;
  814. font-size:70px;
  815. text-align:center;
  816. color:#303030;
  817. z-index:99999999999999;
  818. text-shadow:-1px 0px 2px #6f5485, 0px 1px 0px #6f5485, 1px 0px 0px #6f5485, -1px 0px 0px #6f5485;
  819.  
  820. }
  821.  
  822.  
  823. .fwrapper{
  824. position:fixed;
  825. width:30px;
  826. height:auto;
  827. margin-top:-83px;
  828. margin-left:-2px;
  829. background:transparent;
  830. z-index:9999999999;
  831. }
  832.  
  833.  
  834.  
  835. .f1{
  836. position:fixed;
  837. width:35px;
  838. height:35px;
  839. margin-left:-546px;
  840. margin-top:-65px;
  841. background-color:#303030;
  842. border:3px double #505050;
  843. z-index:10;
  844. -webkit-filter: grayscale(100%);
  845. -moz-filter: grayscale(100%);
  846. -o-filter: grayscale(100%);
  847. transition:all ease-in-out 0.7s;
  848. -webkit-transition: all 0.5s ease-out;
  849. -moz-transition: all 0.5s ease-out;
  850. transition: all 0.2s ease-out;
  851. -webkit-transition-duration:.50s;
  852. }
  853. .f1:hover{
  854. -webkit-filter: grayscale(0%);
  855. -moz-filter: grayscale(0%);
  856. -o-filter: grayscale(0%);
  857. transition:all ease-in-out 0.7s;
  858. -webkit-animation: swing 1s;
  859. -moz-animation: swing 1s;
  860. -ms-animation swing 1s;
  861. -o-animation: swing 1s;
  862.  
  863. }
  864.  
  865.  
  866. .f2{
  867. position:fixed;
  868. width:35px;
  869. height:35px;
  870. margin-left:-546px;
  871. margin-top:-17px;
  872. background-color:#303030;
  873. border:3px double #505050;
  874. z-index:10;
  875. -webkit-filter: grayscale(100%);
  876. -moz-filter: grayscale(100%);
  877. -o-filter: grayscale(100%);
  878. transition:all ease-in-out 0.7s;
  879. -webkit-transition: all 0.5s ease-out;
  880. -moz-transition: all 0.5s ease-out;
  881. transition: all 0.2s ease-out;
  882. -webkit-transition-duration:.50s;
  883. }
  884. .f2:hover{
  885. -webkit-filter: grayscale(0%);
  886. -moz-filter: grayscale(0%);
  887. -o-filter: grayscale(0%);
  888. transition:all ease-in-out 0.7s;
  889. -webkit-animation: swing 1s;
  890. -moz-animation: swing 1s;
  891. -ms-animation swing 1s;
  892. -o-animation: swing 1s;
  893.  
  894. }
  895.  
  896.  
  897. .f3{
  898. position:fixed;
  899. width:35px;
  900. height:35px;
  901. margin-left:-546px;
  902. margin-top:33px;
  903. background-color:#303030;
  904. border:3px double #505050;
  905. z-index:10;
  906. -webkit-filter: grayscale(100%);
  907. -moz-filter: grayscale(100%);
  908. -o-filter: grayscale(100%);
  909. transition:all ease-in-out 0.7s;
  910. -webkit-transition: all 0.5s ease-out;
  911. -moz-transition: all 0.5s ease-out;
  912. transition: all 0.2s ease-out;
  913. -webkit-transition-duration:.50s;
  914. }
  915. .f3:hover{
  916. -webkit-filter: grayscale(0%);
  917. -moz-filter: grayscale(0%);
  918. -o-filter: grayscale(0%);
  919. transition:all ease-in-out 0.7s;
  920. -webkit-animation: swing 1s;
  921. -moz-animation: swing 1s;
  922. -ms-animation swing 1s;
  923. -o-animation: swing 1s;
  924.  
  925. }
  926.  
  927.  
  928. .f4{
  929. position:fixed;
  930. width:35px;
  931. height:35px;
  932. margin-left:-546px;
  933. margin-top:83px;
  934. background-color:#303030;
  935. border:3px double #505050;
  936. z-index:10;
  937. -webkit-filter: grayscale(100%);
  938. -moz-filter: grayscale(100%);
  939. -o-filter: grayscale(100%);
  940. transition:all ease-in-out 0.7s;
  941. -webkit-transition: all 0.5s ease-out;
  942. -moz-transition: all 0.5s ease-out;
  943. transition: all 0.2s ease-out;
  944. -webkit-transition-duration:.50s;
  945. }
  946. .f4:hover{
  947. -webkit-filter: grayscale(0%);
  948. -moz-filter: grayscale(0%);
  949. -o-filter: grayscale(0%);
  950. transition:all ease-in-out 0.7s;
  951. -webkit-animation: swing 1s;
  952. -moz-animation: swing 1s;
  953. -ms-animation swing 1s;
  954. -o-animation: swing 1s;
  955.  
  956. }
  957.  
  958. .f5{
  959. position:fixed;
  960. width:35px;
  961. height:35px;
  962. margin-left:-546px;
  963. margin-top:133px;
  964. background-color:#303030;
  965. border:3px double #505050;
  966. z-index:10;
  967. -webkit-filter: grayscale(100%);
  968. -moz-filter: grayscale(100%);
  969. -o-filter: grayscale(100%);
  970. transition:all ease-in-out 0.7s;
  971. -webkit-transition: all 0.5s ease-out;
  972. -moz-transition: all 0.5s ease-out;
  973. transition: all 0.2s ease-out;
  974. -webkit-transition-duration:.50s;
  975. }
  976. .f5:hover{
  977. -webkit-filter: grayscale(0%);
  978. -moz-filter: grayscale(0%);
  979. -o-filter: grayscale(0%);
  980. transition:all ease-in-out 0.7s;
  981. -webkit-animation: swing 1s;
  982. -moz-animation: swing 1s;
  983. -ms-animation swing 1s;
  984. -o-animation: swing 1s;
  985.  
  986. }
  987.  
  988.  
  989. .f6{
  990. position:fixed;
  991. width:35px;
  992. height:35px;
  993. margin-left:-546px;
  994. margin-top:183px;
  995. background-color:#303030;
  996. border:3px double #505050;
  997. z-index:10;
  998. -webkit-filter: grayscale(100%);
  999. -moz-filter: grayscale(100%);
  1000. -o-filter: grayscale(100%);
  1001. transition:all ease-in-out 0.7s;
  1002. -webkit-transition: all 0.5s ease-out;
  1003. -moz-transition: all 0.5s ease-out;
  1004. transition: all 0.2s ease-out;
  1005. -webkit-transition-duration:.50s;
  1006. }
  1007. .f6:hover{
  1008. -webkit-filter: grayscale(0%);
  1009. -moz-filter: grayscale(0%);
  1010. -o-filter: grayscale(0%);
  1011. transition:all ease-in-out 0.7s;
  1012. -webkit-animation: swing 1s;
  1013. -moz-animation: swing 1s;
  1014. -ms-animation swing 1s;
  1015. -o-animation: swing 1s;
  1016.  
  1017. }
  1018.  
  1019.  
  1020. .f7{
  1021. position:fixed;
  1022. width:35px;
  1023. height:35px;
  1024. margin-left:-546px;
  1025. margin-top:233px;
  1026. background-color:#303030;
  1027. border:3px double #505050;
  1028. z-index:10;
  1029. -webkit-filter: grayscale(100%);
  1030. -moz-filter: grayscale(100%);
  1031. -o-filter: grayscale(100%);
  1032. transition:all ease-in-out 0.7s;
  1033. -webkit-transition: all 0.5s ease-out;
  1034. -moz-transition: all 0.5s ease-out;
  1035. transition: all 0.2s ease-out;
  1036. -webkit-transition-duration:.50s;
  1037. }
  1038. .f7:hover{
  1039. -webkit-filter: grayscale(0%);
  1040. -moz-filter: grayscale(0%);
  1041. -o-filter: grayscale(0%);
  1042. transition:all ease-in-out 0.7s;
  1043. -webkit-animation: swing 1s;
  1044. -moz-animation: swing 1s;
  1045. -ms-animation swing 1s;
  1046. -o-animation: swing 1s;
  1047.  
  1048. }
  1049.  
  1050.  
  1051. .f8{
  1052. position:fixed;
  1053. width:35px;
  1054. height:35px;
  1055. margin-left:-546px;
  1056. margin-top:283px;
  1057. background-color:#303030;
  1058. border:3px double #505050;
  1059. z-index:10;
  1060. -webkit-filter: grayscale(100%);
  1061. -moz-filter: grayscale(100%);
  1062. -o-filter: grayscale(100%);
  1063. transition:all ease-in-out 0.7s;
  1064. -webkit-transition: all 0.5s ease-out;
  1065. -moz-transition: all 0.5s ease-out;
  1066. transition: all 0.2s ease-out;
  1067. -webkit-transition-duration:.50s;
  1068. }
  1069. .f8:hover{
  1070. -webkit-filter: grayscale(0%);
  1071. -moz-filter: grayscale(0%);
  1072. -o-filter: grayscale(0%);
  1073. transition:all ease-in-out 0.7s;
  1074. -webkit-animation: swing 1s;
  1075. -moz-animation: swing 1s;
  1076. -ms-animation swing 1s;
  1077. -o-animation: swing 1s;
  1078.  
  1079. }
  1080.  
  1081.  
  1082. .f9{
  1083. position:fixed;
  1084. width:35px;
  1085. height:35px;
  1086. margin-left:-546px;
  1087. margin-top:333px;
  1088. background-color:#303030;
  1089. border:3px double #505050;
  1090. z-index:10;
  1091. -webkit-filter: grayscale(100%);
  1092. -moz-filter: grayscale(100%);
  1093. -o-filter: grayscale(100%);
  1094. transition:all ease-in-out 0.7s;
  1095. -webkit-transition: all 0.5s ease-out;
  1096. -moz-transition: all 0.5s ease-out;
  1097. transition: all 0.2s ease-out;
  1098. -webkit-transition-duration:.50s;
  1099. }
  1100. .f9:hover{
  1101. -webkit-filter: grayscale(0%);
  1102. -moz-filter: grayscale(0%);
  1103. -o-filter: grayscale(0%);
  1104. transition:all ease-in-out 0.7s;
  1105. -webkit-animation: swing 1s;
  1106. -moz-animation: swing 1s;
  1107. -ms-animation swing 1s;
  1108. -o-animation: swing 1s;
  1109.  
  1110. }
  1111.  
  1112.  
  1113.  
  1114. .f10{
  1115. position:fixed;
  1116. width:35px;
  1117. height:35px;
  1118. margin-left:-546px;
  1119. margin-top:383px;
  1120. background-color:#303030;
  1121. border:3px double #505050;
  1122. z-index:10;
  1123. -webkit-filter: grayscale(100%);
  1124. -moz-filter: grayscale(100%);
  1125. -o-filter: grayscale(100%);
  1126. transition:all ease-in-out 0.7s;
  1127. -webkit-transition: all 0.5s ease-out;
  1128. -moz-transition: all 0.5s ease-out;
  1129. transition: all 0.2s ease-out;
  1130. -webkit-transition-duration:.50s;
  1131. }
  1132. .f10:hover{
  1133. -webkit-filter: grayscale(0%);
  1134. -moz-filter: grayscale(0%);
  1135. -o-filter: grayscale(0%);
  1136. transition:all ease-in-out 0.7s;
  1137. -webkit-animation: swing 1s;
  1138. -moz-animation: swing 1s;
  1139. -ms-animation swing 1s;
  1140. -o-animation: swing 1s;
  1141.  
  1142. }
  1143.  
  1144.  
  1145. .f11{
  1146. position:fixed;
  1147. width:35px;
  1148. height:35px;
  1149. margin-left:-546px;
  1150. margin-top:433px;
  1151. background-color:#303030;
  1152. border:3px double #505050;
  1153. z-index:10;
  1154. -webkit-filter: grayscale(100%);
  1155. -moz-filter: grayscale(100%);
  1156. -o-filter: grayscale(100%);
  1157. transition:all ease-in-out 0.7s;
  1158. -webkit-transition: all 0.5s ease-out;
  1159. -moz-transition: all 0.5s ease-out;
  1160. transition: all 0.2s ease-out;
  1161. -webkit-transition-duration:.50s;
  1162. }
  1163. .f11:hover{
  1164. -webkit-filter: grayscale(0%);
  1165. -moz-filter: grayscale(0%);
  1166. -o-filter: grayscale(0%);
  1167. transition:all ease-in-out 0.7s;
  1168. -webkit-animation: swing 1s;
  1169. -moz-animation: swing 1s;
  1170. -ms-animation swing 1s;
  1171. -o-animation: swing 1s;
  1172.  
  1173. }
  1174.  
  1175.  
  1176. .f12{
  1177. position:fixed;
  1178. width:35px;
  1179. height:35px;
  1180. margin-left:-546px;
  1181. margin-top:483px;
  1182. background-color:#303030;
  1183. border:3px double #505050;
  1184. z-index:10;
  1185. -webkit-filter: grayscale(100%);
  1186. -moz-filter: grayscale(100%);
  1187. -o-filter: grayscale(100%);
  1188. transition:all ease-in-out 0.7s;
  1189. -webkit-transition: all 0.5s ease-out;
  1190. -moz-transition: all 0.5s ease-out;
  1191. transition: all 0.2s ease-out;
  1192. -webkit-transition-duration:.50s;
  1193. }
  1194. .f12:hover{
  1195. -webkit-filter: grayscale(0%);
  1196. -moz-filter: grayscale(0%);
  1197. -o-filter: grayscale(0%);
  1198. transition:all ease-in-out 0.7s;
  1199. -webkit-animation: swing 1s;
  1200. -moz-animation: swing 1s;
  1201. -ms-animation swing 1s;
  1202. -o-animation: swing 1s;
  1203.  
  1204. }
  1205.  
  1206.  
  1207.  
  1208.  
  1209.  
  1210. .himimg {
  1211. width:150px;
  1212. height:75px;
  1213. max-width:100%;
  1214. opacity:.8;
  1215. margin-left:114px;
  1216. margin-top:0px;
  1217. padding:2px 2px 1px 2px;
  1218. border:2px solid #bfbfbf;
  1219. }
  1220.  
  1221.  
  1222. .himt {
  1223. background:#000;
  1224. color:#fff;
  1225. width:130px;
  1226. height:55px;
  1227. margin-left:125px;
  1228. margin-top:-73px;
  1229. overflow-y:auto;
  1230. overflow-x:hidden;
  1231. opacity:0;
  1232. font-family:tinytots;
  1233. font-size:8px;
  1234. letter-spacing:1px;
  1235. text-transform:uppercase;
  1236. text-align:justify;
  1237. line-height:9px;
  1238. padding:5px;
  1239. transition:all ease-in-out 0.7s;
  1240. z-index:9999;
  1241. }
  1242.  
  1243. .himt:hover {
  1244. opacity:.7;
  1245. transition:all ease-in-out 0.7s;
  1246. }
  1247.  
  1248.  
  1249. .desc{
  1250. position:fixed;
  1251. margin-top:129px;
  1252. margin-left:76px;
  1253. width:100px;
  1254. height:150px;
  1255. padding:5px;
  1256. font-family:tinytots;
  1257. font-size:8px;
  1258. text-align:center;
  1259. text-transform:uppercase;
  1260. overflow:auto;
  1261. color:#999;
  1262. background-color:#202020;
  1263. border-right:1px solid #292929;
  1264. border-bottom:1px solid #292929;
  1265. }
  1266.  
  1267. .sbhvrs{
  1268. position:fixed;
  1269. margin-top:107px;
  1270. margin-left:76px;
  1271. width:100px;
  1272. height:10px;
  1273. padding:5px;
  1274. font-family:arial;
  1275. font-size:15px;
  1276. line-height:10px;
  1277. letter-spacing:3px;
  1278. text-align:center;
  1279. text-transform:uppercase;
  1280. color:#999;
  1281. background-color:#202020;
  1282. border-right:1px solid #292929;
  1283. }
  1284. .sbhvrs a{
  1285. color:{color:Hovers};
  1286. }
  1287. .sbhvrs a:hover{
  1288. color:{color:Hovers Hover};
  1289. }
  1290.  
  1291.  
  1292.  
  1293.  
  1294.  
  1295. </style>
  1296. </head>
  1297.  
  1298. <script language=JavaScript>
  1299.  
  1300. <!--
  1301.  
  1302. //Disable right click script III- By Renigade (renigade@mediaone.net)
  1303.  
  1304. var message="";
  1305.  
  1306. ///////////////////////////////////
  1307.  
  1308. function clickIE() {if (document.all) {(message);return false;}}
  1309.  
  1310. function clickNS(e) {if
  1311.  
  1312. (document.layers||(document.getElementById&&!document.all)) {
  1313.  
  1314. if (e.which==2||e.which==3) {(message);return false;}}}
  1315.  
  1316. if (document.layers)
  1317.  
  1318. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  1319.  
  1320. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  1321.  
  1322. document.oncontextmenu=new Function("return false")
  1323.  
  1324. // -->
  1325.  
  1326. </script>
  1327.  
  1328.  
  1329.  
  1330.  
  1331. <body>
  1332.  
  1333.  
  1334.  
  1335.  
  1336.  
  1337.  
  1338. <div id="wrapper">
  1339.  
  1340. <div class="sb">
  1341. <div class="topborder">
  1342. <div class="xprez"><a title="XPREZ-RP: The place I call home." href="http://xprez-rp.tumblr.com"><img src="{image:Header Image}" width="135" height="70"></a></div>
  1343. </div>
  1344.  
  1345.  
  1346. <div class="links">
  1347. <a title="{text:Link 1 Hover}" href="{text:Link 1 URL}">{text:Link 1}</a>
  1348. <a title="{text:Link 2 Hover}" href="{text:Link 2 URL}">{text:Link 2}</a>
  1349. <a title="{text:Link 3 Hover}" href="{text:Link 3 URL}">{text:Link 3}</a>
  1350. </div>
  1351. <div class="links2">
  1352. <a title="{text:Link 4 Hover}" href="{text:Link 4 URL}">{text:Link 4}</a>
  1353. <a title="{text:Link 5 Hover}" href="{text:Link 5 URL}">{text:Link 5}</a>
  1354. <a title="{text:Link 6 Hover}" href="{text:Link 6 URL}">{text:Link 6}</a>
  1355. </div>
  1356.  
  1357. {block:ifsbtitle}
  1358. <div class="ellin">Ellin<font size="6px">★</font></div>
  1359. {/block:ifsbtitle}
  1360. <div id="mirror">
  1361. {block:ifhoverdesc}
  1362. <div id="dbg">
  1363. {block:ifhovertitle}
  1364. <br><div id="ellinhvr">Ellin</div></br>
  1365. {/block:ifhovertitle}
  1366. <br>
  1367. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  1368. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  1369.  
  1370. <div id="hvrs"><a href="">●</a><a href="">●</a><a href="">●</a><a href="">●</a><a href="">●</a><a href="">●</a><a href="">●</a><a href="">●</a></div>
  1371.  
  1372. <div id="yukwon">
  1373. <div id="yukwonpic"><img src="{image:Kwon Image}"></div>
  1374. <div id="yukwondesc">
  1375. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
  1376. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  1377. </div>
  1378. </div>
  1379. </div>
  1380. {/block:ifhoverdesc}
  1381. <img src="{image:Sidebar Image}">
  1382. </div>
  1383. {block:ifdesc}
  1384. <div id="hvrparent">
  1385. <div id="hvrtitle">ehhhhh</div>
  1386. <div id="hvrhvr"><a href="">●</a><a href="">●</a><a href="">●</a><a href="">●</a><a href="">●</a><a href="">●</a><a href="">●</a><a href="">●</a></div>
  1387. </div>
  1388.  
  1389. <div class="desc">
  1390. {Description}
  1391. </div>
  1392. {/block:ifdesc}
  1393.  
  1394. <div class="fwrapper">
  1395. <div class="f1"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1396. <div class="f2"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1397. <div class="f3"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1398. <div class="f4"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1399. <div class="f5"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1400. <div class="f6"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1401. <div class="f7"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1402. <div class="f8"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1403. <div class="f9"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1404. <div class="f10"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1405. <div class="f11"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1406. <div class="f12"><a title="--" href="/"><img src="http://i61.tinypic.com/ivdb3t.jpg" width="35" height="35"></a></div>
  1407. </div>
  1408. <div class="border"></div>
  1409.  
  1410. <div id="musicplayer"><div id="icon">
  1411. <img src="https://31.media.tumblr.com/tumblr_m7w2n46Pdl1r6o8v2.gif"/>
  1412. </div>
  1413. <div id="musicbox"><div id="music2">
  1414.  
  1415. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  1416. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1417. <param name="bgcolor" value="#202020" />
  1418. <param name="FlashVars" value="mp3=http%3A//a.tumblr.com/tumblr_myhqmf1kXp1qm1r0ro1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mngtn8iWjD1sr2sg9o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mwr11caVo21t2casio1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mlr5utRp041qhnjc2o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mr3v8hrFT61qhnjc2o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mv4e2o0oRL1qhnjc2o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mc734aGBt61qhnjc2o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mi92iy4xoG1renyh5o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mz4z7zeltc1qhnjc2o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mz5xdfgAYE1suayojo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mxuy3iVjDe1suayojo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mqavq90hoJ1qh6wkwo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mz07kqHKb51qbt9lgo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mqdls2Bbnh1ratgxfo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_ln96u9A2qC1qlv2q8o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mzrmopWxEI1sdrqk1o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mqdls2Bbnh1ratgxfo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mw6sgl8gFW1r7facgo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mzmut0sSe61r7facgo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_myg6l11QBU1qcuah9o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mw413lerpI1qi4zmno1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mzga8bPZuP1qi4zmno1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_n0ekm6hvfO1qzjalvo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_mzokt49s8J1todnsao1_r1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_n0ukek1IAe1sukbp6o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_me8cbqWKUz1r7vy0oo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_n39p5hdk4a1rxh7oio1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_n1f7edV92i1rlwbhao1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_md4yqevMq41qcygo7o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_n1a2uj7xhG1szrmylo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_n0nhi7yJJU1toj0gmo1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_m1m9msA7lv1qjv202o1.mp3%20%7C%20http%3A//a.tumblr.com/tumblr_n2ge7x5QWf1rxh7oio1.mp3&amp;width=105&amp;height=20&amp;volume=50&amp;autoplay=0&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=202020&amp;bgcolor=202020&amp;bgcolor1=202020&amp;bgcolor2=202020&amp;buttoncolor=505050&amp;buttonovercolor=6f5485&amp;showlist=0" />
  1419. </object>
  1420.  
  1421. </div></div></div>
  1422. </div>
  1423. </div>
  1424.  
  1425.  
  1426.  
  1427.  
  1428.  
  1429.  
  1430.  
  1431.  
  1432.  
  1433. <div class="alignment">
  1434. <div class="autopagerize_page_element">
  1435.  
  1436. {block:Posts}
  1437. <div class="postcontainer">
  1438.  
  1439. {block:ContentSource}
  1440. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1441. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1442. {/block:SourceLogo}
  1443. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1444.  
  1445. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  1446. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  1447. {/block:ReblogParentLogo}
  1448. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  1449. {/block:ContentSource}
  1450.  
  1451.  
  1452. <!-- PHOTO POSTS -->
  1453. {block:Photo}{LinkOpenTag}
  1454. <div class="photopost">
  1455. <img src="{PhotoURL-500}">
  1456. </div>
  1457. {LinkCloseTag}
  1458. {block:ifShowCaptions}
  1459. {block:Caption}
  1460. {Caption}
  1461. {/block:Caption}
  1462. {/block:ifShowCaptions}
  1463. {block:permalinkpage}
  1464. {block:Caption}
  1465. {Caption}
  1466. {/block:Caption}
  1467. {/block:permalinkpage}
  1468. {/block:photo}
  1469.  
  1470. <!-- PHOTOSET POSTS -->
  1471. {block:if250}
  1472. {block:Photoset}
  1473. <div id="photoset">
  1474. {Photoset-250}
  1475. </div>
  1476. {block:ifShowCaptions}
  1477. {block:Caption}
  1478. {Caption}
  1479. {/block:Caption}
  1480. {/block:ifShowCaptions}
  1481. {block:permalinkpage}
  1482. {block:Caption}
  1483. {Caption}
  1484. {/block:Caption}
  1485. {/block:permalinkpage}
  1486. {/block:Photoset}
  1487. {/block:if250}
  1488.  
  1489. {block:if400}
  1490. {block:Photoset}
  1491. <div id="photoset">
  1492. {Photoset-400}
  1493. </div>
  1494. {block:ifShowCaptions}
  1495. {block:Caption}
  1496. {Caption}
  1497. {/block:Caption}
  1498. {/block:ifShowCaptions}
  1499. {block:permalinkpage}
  1500. {block:Caption}
  1501. {Caption}
  1502. {/block:Caption}
  1503. {/block:permalinkpage}
  1504. {/block:Photoset}
  1505. {/block:if400}
  1506.  
  1507. {block:if500}
  1508. {block:Photoset}
  1509. <div id="photoset">
  1510. {Photoset-500}
  1511. </div>
  1512. {block:ifShowCaptions}
  1513. {block:Caption}
  1514. {Caption}
  1515. {/block:Caption}
  1516. {/block:ifShowCaptions}
  1517. {block:permalinkpage}
  1518. {block:Caption}
  1519. {Caption}
  1520. {/block:Caption}
  1521. {/block:permalinkpage}
  1522. {/block:Photoset}{/block:if500}
  1523.  
  1524.  
  1525. <!-- VIDEO POSTS -->
  1526. {block:Video}
  1527. {Video-250}
  1528. {block:ifShowCaptions}
  1529. {block:Caption}
  1530. {Caption}
  1531. {/block:Caption}
  1532. {/block:ifShowCaptions}
  1533. {block:permalinkpage}
  1534. {block:Caption}
  1535. {Caption}
  1536. {/block:Caption}
  1537. {/block:permalinkpage}
  1538. {/block:Video}
  1539.  
  1540. <!-- AUDIO POSTS -->
  1541. {block:Audio}
  1542. {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}" alt=""></div>{/block:AlbumArt}
  1543. <div class="player">{AudioPlayerBlack}</div>
  1544. <div style="font-size: 9px; margin-top: 8px; margin-left: 10px; text-transform: uppercase; line-height: 11px;">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}<br /><b>Plays:</b> {FormattedPlayCount}</div>
  1545. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  1546. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  1547. {Caption}
  1548. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  1549. {block:IfNotShowCaptions}<div style="padding: 4px;"></div>{/block:IfNotShowCaptions}
  1550. {/block:Audio}
  1551.  
  1552.  
  1553. <!-- QUOTE POSTS -->
  1554. {block:Quote}
  1555. <div class="quote">&#10077;</div>
  1556. <h2>{Quote}</h2>
  1557. {block:Source}<p align="right">{Source} <b>&mdash;</b></p>{/block:Source}
  1558. {/block:Quote}
  1559.  
  1560.  
  1561. <!-- TEXT POSTS -->
  1562. {block:Text}
  1563. {block:Title}
  1564. <div id="posttitle">{Title}</div>
  1565. {/block:Title}
  1566. {Body}
  1567. {/block:Text}
  1568.  
  1569.  
  1570. <!-- QUESTION POSTS -->
  1571. {block:Answer}
  1572. <div class="question">{Question}</div>
  1573. <div class="asker">{Asker}</div>
  1574. <div class="answer">{Answer}</div>
  1575. {/block:Answer}
  1576.  
  1577. <!-- CHAT POSTS -->
  1578. {block:Chat}
  1579. {block:Title}
  1580. <div id="posttitle">{Title}</div><br />
  1581. {/block:Title}
  1582. {block:Lines}<div id="{Alt}">
  1583. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  1584. {/block:Lines}
  1585. {/block:Lines}
  1586. {/block:Chat}
  1587.  
  1588. <!-- LINK POSTS -->
  1589. {block:Link}
  1590. <a href="{URL}"> <div id="posttitle">{Name}→</div></a>
  1591. {block:Description}
  1592. {Description}
  1593. {/block:Description}
  1594. {/block:Link}
  1595. </div>
  1596.  
  1597. {block:IndexPage}
  1598. <div class="postperma">
  1599. <a href="{Permalink}">{TimeAgo}</a>{block:NoteCount} &middot; {NoteCount}{/block:NoteCount} {block:RebloggedFrom}&middot; <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> &middot; <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom} &middot; <a title="Reblog" href="{ReblogURL}" >reblog</a> {block:HasTags}&middot; <a title="{block:Tags} #{Tag}{/block:Tags}">x</a>{/block:HasTags}
  1600. </div>
  1601.  
  1602.  
  1603. {/block:IndexPage}
  1604.  
  1605. {Block:PermaLinkPage}
  1606. <div class="postinfo">
  1607. <center>
  1608. <div id="posttitle">Posted on: {Month} {DayofMonth}, {Year}.</div>
  1609. {block:RebloggedFrom}
  1610. <strong>Via:</strong>
  1611. <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
  1612. <strong>Source:</strong> <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1613. {/block:RebloggedFrom}
  1614. </center>
  1615. <br>
  1616. {block:HasTags}
  1617. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  1618. {/block:HasTags}
  1619. </div>
  1620.  
  1621. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1622.  
  1623. {/block:PermalinkPage}
  1624. {/block:Posts}
  1625. </div>
  1626.  
  1627. <div style="position:fixed; bottom:5px; right:5px; font-size:10px; color:#ffffff;">
  1628. <a title="Credit info goes here, credit however you wish.">©</a>
  1629. </div>
  1630.  
  1631.  
  1632. </div> </div>
  1633. </body> </html>
  1634.  
  1635. <!-------------------------------------------------------------------------
  1636. ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░Post base code by anzelic.tumblr.com though heavily heavily modified, everything else coded 100% by rsxra & tisellxn.░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
  1637. -------------------------------------------------------------------------->
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!