Advertisement
suhothemes

damien {tao} theme

Jul 25th, 2016
103
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.96 KB | None | 0 0
  1.  
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6.  
  7. <head>
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14.  
  15. {block:ifinfinitescroll}
  16. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  17. {/block:ifinfinitescroll}
  18.  
  19.  
  20.  
  21.  
  22.  
  23. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  24. <script>
  25. (function($){
  26. $(document).ready(function(){
  27. $("[title]").style_my_tooltips();
  28. });
  29. })(jQuery);
  30. </script>
  31.  
  32.  
  33.  
  34.  
  35. <link href='http://fonts.googleapis.com/css?family=Kristi|Clicker+Script|Meddon|Megrim|Ruthie|Raleway:300' rel='stylesheet' type='text/css'>
  36. {block:Description}
  37. <meta name="description" content="{MetaDescription}" />
  38. {/block:Description}
  39.  
  40. <meta name="color:Background Color" content="#f2f2f2"/>
  41.  
  42. <meta name="color:Blockquote Background 1" content="#f8f8f8"/>
  43. <meta name="color:Blockquote Background 2" content="#efefef"/>
  44. <meta name="color:Blockquote Border 1" content="#ce294d"/>
  45. <meta name="color:Blockquote Border 2" content="#1c1c1c"/>
  46. <meta name="color:Blockquote Text 1" content="777777"/>
  47. <meta name="color:Blockquote Text 2" content="777777"/>
  48.  
  49. <meta name="color:Header Text" content="#000000"/>
  50.  
  51. <meta name="color:Bolded Text" content="#ce294d"/>
  52. <meta name="color:Italicised Text" content="#ce294d"/>
  53.  
  54. <meta name="color:Post Text" content="#999999"/>
  55. <meta name="color:Post Background" content="#e9e9e9"/>
  56. <meta name="color:Post Border" content="#e1e1e1"/>
  57.  
  58. <meta name="color:Permalink Color" content="#737373 "/>
  59. <meta name="color:Permalink Link" content="#ce294d"/>
  60.  
  61. <meta name="color:Active Link" content="#ce294d"/>
  62. <meta name="color:Hover Link" content="#303030"/>
  63.  
  64. <meta name="color:Selected Text" content="#ce294d"/>
  65. <meta name="color:Scrollbar Background" content="#dbdbdb"/>
  66. <meta name="color:Scrollbar Trackbar" content="#ce294d"/>
  67.  
  68. <meta name="color:Sidebar Image Background" content="#f8f8f8"/>
  69. <meta name="color:Sidebar Background" content="#eeeeee"/>
  70. <meta name="color:Title Shadow" content="#ce294d"/>
  71.  
  72. <meta name="color:Accent" content="#ce294d"/>
  73. <meta name="color:Tag Color" content="#ce294d"/>
  74.  
  75. <meta name="image:Background Image" content="">
  76. <meta name="image:sidebar image" content="http://static.tumblr.com/ssbhuug/398na9kca/852.png">
  77. <meta name="image:Sidebar Background Image" content="http://static.tumblr.com/ssbhuug/D6yna9ghk/lipsbg_2_.png"/>
  78.  
  79.  
  80. <meta name="text:Sidebar Title" content="Title"/>
  81. <meta name="text:Background Attachment" content="Fixed">
  82. <meta name="text:Background Position" content="bottom right">
  83. <meta name="text:tracker" content=""/>
  84. <meta name="text:updates" content=""/>
  85.  
  86. <meta name="if:ShowCaptions" content="1">
  87. <meta name="if:ShowTags" content="1">
  88.  
  89. <meta name="if:BlackPlayer" content="0">
  90. <meta name="if:WhitePlayer" content="0">
  91. <meta name="if:GrayPlayer" content="1">
  92.  
  93. <meta name="if:Sidebar Background Image" content="1"/>
  94. <meta name="if:Friends" content="1">
  95. <meta name="if:Quote" content="0">
  96. <meta name="if:Counter" content="1">
  97.  
  98. <meta name="if:Infinite Scroll" content="0">
  99. <meta name="if:Pagination" content="1">
  100. <meta name="if:ImageFade" content="1">
  101. <meta name="if:Monochrome" content="1">
  102.  
  103. <meta name="if:250" content="1">
  104. <meta name="if:400" content="0">
  105. <meta name="if:500" content="0">
  106.  
  107. <link href='http://fonts.googleapis.com/css?family=Monoton' rel='stylesheet' type='text/css'>
  108. <link href='http://fonts.googleapis.com/css?family=Kristi' rel='stylesheet' type='text/css'>
  109. <link href='http://fonts.googleapis.com/css?family=Italianno' rel='stylesheet' type='text/css'>
  110. <link href='http://fonts.googleapis.com/css?family=Exo:100,400' rel='stylesheet' type='text/css'>
  111. <link href='http://fonts.googleapis.com/css?family=Lato:100,400' rel='stylesheet' type='text/css'>
  112.  
  113.  
  114.  
  115. <style type="text/css">
  116. @font-face {font-family: "sick capital vice"; src: url('http://static.tumblr.com/pwgdr2n/bIKm3isru/sickcapital-vice.ttf'); }
  117. @font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  118. @font-face { font-family: "gasara";
  119. src: url('http://static.tumblr.com/5j0ikdx/125mn47dp/gasara.ttf'); format("truetype");}
  120. @font-face { font-family: "ppixel"; src: url('http://static.tumblr.com/ssbhuug/6Ben6rmb6/ppixel.ttf'); }
  121. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  122. @font-face { font-family: "muli"; src: url('http://static.tumblr.com/xrexai1/Bv0n3oa2w/muli-light.ttf'); }
  123.  
  124. @font-face { font-family: "hacjiuza"; src: url('http://static.tumblr.com/pwgdr2n/htQm9jpsq/hacjiuza.otf'); }
  125.  
  126. @font-face { font-family: "Matey"; src: url('http://static.tumblr.com/pwgdr2n/Ld7m3j53w/arrrmb__.ttf'); }
  127.  
  128. @font-face {font-family: "sick capital vice"; src: url('http://static.tumblr.com/pwgdr2n/bIKm3isru/sickcapital-vice.ttf'); }
  129.  
  130. @font-face { font-family: "baltimore g"; src: url('http://static.tumblr.com/pwgdr2n/1TNm3j1yf/baltimoregoth.ttf'); }
  131.  
  132. @font-face{font-family:Edosz;src:url(http://static.tumblr.com/9wzbixa/yRZmj2htw/edosz.ttf);}
  133.  
  134. @font-face{font-family:Face Your Fears; src: url(http://static.tumblr.com/9wzbixa/jfnmj2ibi/face_your_fears.ttf);}
  135.  
  136. @font-face {font-family:"AquilineTwo";src:url("AquilineTwo.eot?") format("eot"),url("AquilineTwo.woff") format("woff"),url("AquilineTwo.ttf") format("truetype"),url("AquilineTwo.svg#AquilineTwo") format("svg");font-weight:normal;font-style:normal;}
  137.  
  138. @font-face {font-family:"Faith Collapsing";src:url("Faith_Collapsing.eot?") format("eot"),url("Faith_Collapsing.woff") format("woff"),url("Faith_Collapsing.ttf") format("truetype"),url("Faith_Collapsing.svg#FaithCollapsing") format("svg");font-weight:normal;font-style:normal;}
  139.  
  140. @font-face {font-family:"BIRTH OF A HERO";src:url("BIRTH_OF_A_HERO.eot?") format("eot"),url("BIRTH_OF_A_HERO.woff") format("woff"),url("BIRTH_OF_A_HERO.ttf") format("truetype"),url("BIRTH_OF_A_HERO.svg#BIRTHOFAHERO") format("svg");font-weight:normal;font-style:normal;}
  141.  
  142. @font-face {font-family:"THE MAPLE ORIGINS";src:url("THE_MAPLE_ORIGINS.eot?") format("eot"),url("THE_MAPLE_ORIGINS.woff") format("woff"),url("THE_MAPLE_ORIGINS.ttf") format("truetype"),url("THE_MAPLE_ORIGINS.svg#THEMAPLEORIGINS") format("svg");font-weight:normal;font-style:normal;}
  143.  
  144. @font-face { font-family: "baltimore g"; src: url('http://static.tumblr.com/pwgdr2n/1TNm3j1yf/baltimoregoth.ttf'); }
  145.  
  146. @font-face {font-family: "benighted"; src: url('http://static.tumblr.com/pwgdr2n/UMrm3itgq/benighte.ttf'); }
  147.  
  148. @font-face { font-family: "aeiou"; src: url('http://static.tumblr.com/pwgdr2n/7Fcm3j2qw/_aeiou2u.ttf'); }
  149. @font-face {font-family: "sick capital vice"; src: url('https:/dl.dropboxusercontent.com/s/5llqxwq9ja99nc9/sickcapital-vice.ttf?dl=1'); format(“truetype”);}
  150. @font-face {font-family: "jellyka princess"; src: url('http://static.tumblr.com/pwgdr2n/9jum3isxw/jellyka_western_princess.ttf'); }
  151. @font-face { font-family: "kingthings"; src: url('http://static.tumblr.com/pwgdr2n/Q2Slvps8w/kingthings_petrock_1_.ttf'); }
  152. @font-face {font-family:"Painted" src:url('http://static.tumblr.com/9wzbixa/7vNm26po9/painted.ttf');}
  153.  
  154. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format(“truetype”);}
  155.  
  156.  
  157. ::selection {color: {color:Selected Text};}
  158. ::-moz-selection {color: {color:Selected Text};}
  159.  
  160. ::-webkit-scrollbar { width: 5px; height:1px; }
  161. ::-webkit-scrollbar-thumb:vertical {
  162. background-color: {color:Scrollbar Trackbar}; }
  163. ::-webkit-scrollbar-button:start:decrement,
  164. ::-webkit-scrollbar-button:end:increment { height: 90%; display: block;
  165. background-color: transparent; }
  166. ::-webkit-scrollbar-track-piece {
  167. background-color: {color:Scrollbar Background}; }
  168.  
  169.  
  170. *, body, a{cursor:url('http://i.imgur.com/2qleX.jpg'), auto;
  171. }
  172. body { background-color: {color:background color}; background-position: {text:background position}; background-attachment: {text:background attachment}; background-image:url({image:background image}); background-repeat: no-repeat;background-size:contain;}
  173.  
  174. 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;}
  175. a:hover { color: {color:hover link}; }
  176.  
  177. b, strong { color: {color:bolded text}; }
  178. i, em { color: {color:italicised text}; }
  179. ul, li{
  180. color: {color:post text};
  181. font-family:tinytots;
  182. font-size:8px;
  183. text-transform:uppercase;
  184. }
  185.  
  186. small, sub { font-family: tinytots; text-transform:uppercase; font-size: 8px; letter-spacing: 1; line-height: 100%; margin-top: 10px !important; line-height: 90%;}
  187. 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; }
  188. code { font-family: tinytots; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; }
  189. h1 { font-family: tinytots; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; font-weight:normal; text-align:center; background-color: {color:accent}; color: #101010; padding: 4px; }
  190. blockquote pre { font-family: tinytots; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 100%; font-weight:normal; text-align:center; background-color: {color:accent}; color: #101010; padding: 4px; text-shadow:1px 1px 2px #000; }
  191.  
  192.  
  193. blockquote { font-family: arial; font-size: 10px;margin-left: 10px; width: 90%; 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 0px; border-radius: 0px 0px 0px 0px; padding-left: 10px;}
  194. blockquote blockquote { font-family: arial; font-size: 10px;margin-left: 5px; 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 0px; border-radius: 0px 0px 0px 0px; padding-left: 10px;}
  195.  
  196. blockquote img {
  197. {block:if250}max-width:210px !important; opacity: .5;{/block:if250}
  198. {block:if400}max-width:330px !important; opacity: .5;{/block:if400}
  199. {block:if500}max-width:420px !important; opacity: .5;{/block:if500}}
  200. blockquote blockquote img {
  201. {block:if250}max-width:180px !important; opacity: .5;{/block:if250}
  202. {block:if400}max-width:285px !important; opacity: .5;{/block:if400}
  203. {block:if500}max-width:355px !important; opacity: .5;{/block:if500}}
  204.  
  205. .alignment { position: relative; margin-top: 20px; margin-bottom:10px; height: 100%; height: auto !important; min-height: 100%;
  206. {block:if250}width:250px;margin-left: 450px;{/block:if250}
  207. {block:if400}width:400px;margin-left: 450px;{/block:if400}
  208. {block:if500}width:500px;margin-left: 450px;{/block:if500}}
  209.  
  210. #posttitle { font-family: 'lato', sans-serif; font-weight:100; line-height:100%; color: {color:accent}; font-size: 20px; padding: 5px 5px 10px 5px; margin-top: -5px; margin-bottom:5px; margin-left:-10px; width:260px; text-align: center; text-transform: uppercase;border-bottom:2px solid {color:post border}; -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;}
  211.  
  212. .postcontainer:hover #posttitle{
  213. border-bottom:2px solid {color:accent};
  214. -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;
  215. }
  216.  
  217.  
  218.  
  219. #quotetitle { font-family: 'Lato', sans-serif; font-weight: 100; line-height:100%; color: {color:header text}; font-size: 15px; padding: 5px; margin-top: 0px; margin-bottom:5px; text-align: center; text-transform: auto; z-index:9999999999999999999999999999999999999999;}
  220.  
  221. .quotation1 { position:absolute; font-size:100px; color: {color:bolded text}; opacity:0.2; font-family: georgia; margin-top: 25px; text-shadow:-1px 0px 2px {color:title shadow}, 0px 1px 0px {color:title shadow}, 1px 0px 0px {color:title shadow}, -1px 0px 0px {color:title shadow}, 2px 3px 2px {color:title shadow};}
  222.  
  223. #datetitle { font-family: 'muli', sans-serif; color: {color:header text}; font-size: 15px; padding: 5px; margin-top: 5px; text-align: center; text-transform: uppercase;}
  224.  
  225. @font-face {font-family:Neou; src:url(http://static.tumblr.com/9wzbixa/iozmj3lzw/neou-thin.otf);}
  226. @font-face{font-family:Ginette;src:url(http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf);}
  227.  
  228.  
  229.  
  230. #asktitle { font-family: 'Neou'; color: #303030; font-size: 20px; width:234px;padding: 5px; text-align: center; margin-bottom:5px;margin-left:-10px; text-transform: uppercase; border-bottom:1px solid {color:blockquote border 1}; line-height:18px; text-shadow:-1px 0px 2px {color:title shadow}, 0px 1px 0px {color:title shadow}, 1px 0px 0px {color:title shadow}, -1px 0px 0px {color:title shadow}, 2px 3px 2px {color:title shadow}; -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. #asktitle:first-letter {font-family: 'Ginette', cursive; color: {color:accent}; text-transform: uppercase; letter-spacing:3px; font-size: 30px; }
  232. #asktitle a{
  233. color:{color:Hover link};
  234. }
  235. #asktitle a:hover{
  236. color:{color:permalink link};
  237. }
  238. .postcontainer:hover #asktitle{
  239. border-bottom:1px solid {color:blockquote background 1}; -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;
  240. }
  241.  
  242. .postcontainer {
  243. position:relative;
  244. {block:if250}width:250px;{/block:if250}
  245. {block:if400}width:400px;{/block:if400}
  246. {block:if500}width:500px;{/block:if500}
  247. 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: double 10px {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;}
  248.  
  249.  
  250. .postinfo {
  251. {block:if250}width:250px;{/block:if250}
  252. {block:if400}width:400px;{/block:if400}
  253. {block:if500}width:500px;{/block:if500}
  254. font-family: tinytots; font-size: 8px; letter-spacing: 1; line-height: 100%; color: {color:post text}; text-align: justify; word-wrap:break-word; margin-top: -10px; background-color: {color:post background}; border: double 10px {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;}
  255.  
  256. .postnotes {
  257. {block:if250}width:250px;{/block:if250}
  258. {block:if400}width:400px;{/block:if400}
  259. {block:if500}width:500px;{/block:if500}
  260. 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:transparent; 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;}
  261. .postnotes img { display:none;}
  262.  
  263. .postperma {
  264. {block:if250}width:260px !important;{/block:if250}
  265. {block:if400}width:auto !important;{/block:if400}
  266. {block:if500}width:auto !important;{/block:if500}
  267. margin-top: 10px;
  268. margin-left:-10px;
  269. font-family: lato;
  270. font-size: 15px;
  271. color: {color:Permalink Color};
  272. text-shadow:-1px 0px 2px {color:title shadow}, 0px 1px 0px {color:title shadow}, 1px 0px 0px {color:title shadow}, -1px 0px 0px {color:title shadow}, 0px 0px 4px {color:title shadow};
  273. text-transform: uppercase;
  274. text-align:center;
  275. line-height:100%;
  276. border-top:2px solid {color:post border};
  277. background-color: transparent;
  278. padding:5px;
  279. margin-bottom:-10px;
  280. -moz-transition:all ease-in-out 0.7s;
  281. -webkit-transition:all ease-in-out 0.7s;
  282. -o-transition:all ease-in-out 0.7s;
  283. transition:all ease-in-out 0.7s;}
  284.  
  285. .postperma a {
  286. color: {color:permalink link};
  287. -moz-transition:all ease-in-out 0.7s;
  288. -webkit-transition:all ease-in-out 0.7s;
  289. -o-transition:all ease-in-out 0.7s;
  290. transition:all ease-in-out 0.7s;
  291.  
  292. }
  293.  
  294. .postperma a:hover {
  295. color: {color:hover link};
  296. -moz-transition:all ease-in-out 0.7s;
  297. -webkit-transition:all ease-in-out 0.7s;
  298. -o-transition:all ease-in-out 0.7s;
  299. transition:all ease-in-out 0.7s;
  300.  
  301. }
  302.  
  303. .postcontainer:hover .postperma {
  304. border-top:2px solid {color:accent};
  305. }
  306.  
  307.  
  308. #odd { text-transform:uppercase;padding:2px; font-size: 8px; letter-spacing: 1px; font-family: tinytots; color:{color:Blockquote Text 1}; background-color: {color:Blockquote Background 1}; }
  309. #even {text-transform:uppercase; padding:2px; font-size: 8px; letter-spacing: 1px; font-family: tinytots; color:{color:Blockquote Text 2}; background-color: {color:Blockquote Background 2};}
  310.  
  311. #tags { font-family: ppixel; font-size: 8px; text-transform: uppercase; letter-spacing: 1; line-height: 10px; word-spacing:1px; }
  312. #tags a {color: {color:tag color}; text-shadow:1.2px 1px 1.2px {color:post border};} #tags a:hover { color:{color:hover link};}
  313.  
  314.  
  315. .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;
  316. -webkit-filter: grayscale(0%) !important; opacity: 1;{/block:ifImageFade}
  317. {block:ifMonochrome}-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-filter: grayscale(0%); {/block:ifMonochrome}
  318. }
  319.  
  320. .postcontainer img, #photoset {
  321. {block:if250}max-width:250px;{/block:if250}
  322. {block:if400}max-width:400px;{/block:if400}
  323. {block:if500}max-width:500px;{/block:if500}
  324. {block:ifMonochrome}-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-filter: grayscale(100%); {/block:ifMonochrome}
  325. {block:ifImageFade}opacity: .5; -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;{/block:ifImageFade}
  326. }
  327.  
  328. .photopost img {
  329. {block:if250}max-width: 250px !important; {/block:if250}
  330. {block:if400}max-width: 400px !important; {/block:if400}
  331. {block:if500}max-width: 500px !important; {/block:if500}
  332. {block:ifMonochrome}-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-filter: grayscale(100%); {/block:ifMonochrome}
  333. {block:ifImageFade}opacity: .5; -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;{/block:ifImageFade}
  334. }
  335.  
  336. .video {
  337. {block:if250}max-width: 250px !important; {/block:if250}
  338. {block:if400}max-width: 400px !important; {/block:if400}
  339. {block:if500}max-width: 500px !important; {/block:if500}
  340. {block:ifMonochrome}-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-filter: grayscale(100%);
  341. {/block:ifMonochrome}
  342. {block:ifImageFade}opacity: .5; -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;{/block:ifImageFade}
  343. }
  344.  
  345. .video:hover {
  346. {block:ifFade}opacity: 1;{/block:ifFade}
  347. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  348. {/block:ifMonochrome}
  349. {block:ifImageFade}opacity: 1; -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;{/block:ifImageFade}
  350. }
  351.  
  352. /* AUDIO */
  353. .album {
  354. background-repeat: no-repeat;
  355. background-position: center;
  356. position: absolute;
  357. width: 64px;
  358. height: 64px;
  359. padding:1px;
  360. background-size: 60px;
  361. overflow: hidden;
  362. border-radius:10em;
  363. background-color: {color:post border};
  364. border-left:2px solid {color:accent};
  365. border-right:2px solid {color:post border};
  366. border-bottom:2px solid {color:accent};
  367. border-top:2px solid {color:post border};
  368. box-shadow:3px 3px 15px #1a1a1a;
  369. -moz-transition:all ease-in-out 0.7s;
  370. -webkit-transition:all ease-in-out 0.7s;
  371. -o-transition:all ease-in-out 0.7s;
  372. transition:all ease-in-out 0.7s;
  373. }
  374.  
  375. .album img {
  376. width: 64px;
  377. height: 64px;
  378. overflow: hidden;
  379. border-radius:10em;
  380. -moz-transition:all ease-in-out 0.7s;
  381. -webkit-transition:all ease-in-out 0.7s;
  382. -o-transition:all ease-in-out 0.7s;
  383. transition:all ease-in-out 0.7s;
  384. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  385. {/block:ifMonochrome}
  386. {block:ifImageFade}opacity:.5;{/block:ifImageFade}
  387. }
  388.  
  389. .album img:hover {
  390. -moz-transition:all ease-in-out 0.7s;
  391. -webkit-transition:all ease-in-out 0.7s;
  392. -o-transition:all ease-in-out 0.7s;
  393. transition:all ease-in-out 0.7s;
  394. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  395. {/block:ifMonochrome}
  396. {block:ifImageFade}opacity:1;{/block:ifImageFade}
  397. }
  398.  
  399. .player {
  400. width: 10px;
  401. height: 11px;
  402. overflow: hidden;
  403. padding: 4px 21px 21px 4px;
  404. margin-top: 15px;
  405. margin-left: 15px;
  406. position: absolute;
  407. background-color: #000;
  408. border-radius:10em;
  409. opacity: 0;
  410. z-index: 10;
  411. -webkit-transition: all 0.4s linear;
  412. -moz-transition: all 0.4s linear;
  413. -o-transition: all 0.4s linear;
  414. }
  415.  
  416. .album:hover .player {
  417. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  418. }
  419.  
  420.  
  421. .track {
  422. margin-left: 35px;
  423. min-height: 60px;
  424. max-height: 100px;
  425. overflow: auto;
  426. font-family:tinytots;
  427. font-size: 8px;
  428. padding: 3px 3px 3px 35px;
  429. text-align:center;
  430. color: {color:post text};
  431. text-transform: uppercase;
  432. letter-spacing: 1px;
  433. background: {color:blockquote background 1};
  434. border-right:2px solid {color:accent};
  435. }
  436.  
  437.  
  438. .question {
  439. {block:if250}min-height:40px;{/block:if250}
  440. {block:if400}min-height:40px;{/block:if400}
  441. {block:if500}min-height:40px;{/block:if500}
  442. font-family:tinytots;text-transform:uppercase;font-size: 8px;line-height:10px; padding: 10px; background-color: {color:post background};height:auto; text-align:center; border: solid 3px {color:blockquote background 1};box-shadow:0px 0px 10px #1c1c1c; -webkit-border-radius: 0px; -moz-border-radius: 0px; -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; }
  443.  
  444. .postcontainer:hover .question{
  445. border: solid 3px {color:accent};
  446. -moz-transition:all ease-in-out 0.7s;
  447. -webkit-transition:all ease-in-out 0.7s;
  448. -o-transition:all ease-in-out 0.7s;
  449. transition:all ease-in-out 0.7s;
  450. }
  451.  
  452. /* Tooltip */
  453.  
  454. #s-m-t-tooltip { position:absolute; z-index:999999999999999999999999999999999999999999999999999999999; display:none; border-radius: 0px; max-width: 200px; margin-top: 10px; margin-left: 10px; font-family: tinytots; font-size: 8px; color: {color:post text}; text-transform: uppercase; letter-spacing: 1; line-height: 100%; box-shadow:0px 0px 5px #1c1c1c; background-color: {color:post background}; border: solid 1px {color:post border};padding: 2px; -moz-transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -o-transition:all ease 0.7s; transition:all ease 0.7s;}
  455.  
  456.  
  457.  
  458. /* Pagination */
  459.  
  460. #pagination {
  461. position:fixed;
  462. width:175px;
  463. height:auto;
  464. bottom:75px;
  465. right:5px;
  466. font-family:arial;
  467. font-size:18px;
  468. font-weight:bold;
  469. color:{color:post text};
  470. padding:1px;
  471. text-transform:uppercase;
  472. background-color:transparent;
  473. letter-spacing:0px;
  474. text-align:right;
  475. }
  476.  
  477.  
  478.  
  479.  
  480.  
  481. /*sidebar wrapper*/
  482. #sidebar {
  483. position:fixed;
  484. margin-left:70px;
  485. margin-top:-50px;
  486. width:150px;
  487. height:auto;
  488. padding:0px;
  489. background-color:transparent;
  490. z-index:99999999999999999999999999999999999999999999999999999;
  491. }
  492.  
  493.  
  494.  
  495. /*wrapper*/
  496. #wrapper{
  497. position:absolute;
  498. margin-top:60px;
  499. margin-bottom:60px;
  500. background-color:transparent;
  501. width:300px;
  502. height:auto;
  503. margin-left:auto;
  504. margin-right:auto;}
  505.  
  506.  
  507. /*Sidebar*/
  508. #sbbg{
  509. position:fixed;
  510. width:200px;
  511. height:150px;
  512. left:90px;
  513. bottom:20px;
  514. background-color:#202020;
  515. border:10px double {color:background color};
  516. padding:5px;
  517. z-index:999999999999999999999999999999999999999999999999999;
  518. }
  519.  
  520. #sbbgimg{
  521. position:fixed;
  522. width:300px;
  523. height:300px;
  524. bottom:180px;
  525. left:50px;
  526. background-color:transparent;
  527. z-index:-10;
  528. }
  529.  
  530. #sbbgimg img{
  531. max-width:300px !important;
  532. max-height:300px !important;
  533. }
  534.  
  535. #sbtitle{
  536. position:fixed;
  537. width:300px;
  538. height:50px;
  539. margin-left:-55px;
  540. margin-top:-67px;
  541. background-color:transparent;
  542. font-family:sick capital vice;
  543. font-size:95px;
  544. color:{color:post border};
  545. text-shadow:-1px 0px 2px #171717, 0px 1px 0px #171717, 1px 0px 0px #171717, -1px 0px 0px #171717, 3px 4px 3px #171717;
  546. text-align:center;
  547. text-transform:auto;
  548. line-height:45px;
  549. letter-spacing:2px;
  550. z-index:9999999999;
  551. }
  552.  
  553. #sbimg{
  554. position:fixed;
  555. width:100px;
  556. height:200px;
  557. margin-top:-135px;
  558. margin-left:150px;
  559. padding:3px;
  560. background-color:{color:sidebar background};
  561. border:2px solid {color:accent};
  562. z-index:9999;
  563. }
  564.  
  565. #sbimg img{
  566. max-width:100px;
  567. max-height:200px;
  568. opacity:0.7;
  569. -webkit-transition: all 0.7s ease-in-out;
  570. -moz-transition: all 0.7s ease-in-out;
  571. transition: all 0.7s ease-in-out;
  572. }
  573. #sbbg:hover #sbimg img{
  574. opacity:1;
  575. -webkit-transition: all 0.7s ease-in-out;
  576. -moz-transition: all 0.7s ease-in-out;
  577. transition: all 0.7s ease-in-out;
  578. }
  579. @font-face { font-family: "arsenale_white"; src: url('https://dl.dropboxusercontent.com/s/oc3wniwrdsr91ne/freebsc_.ttf?dl=1'); format(“truetype”);}
  580.  
  581. #intit { position:fixed;font-family:'arsenale_white'; line-height:120%; color: {color:background color}; text-shadow:-1px 0px 2px #171717, 0px 1px 0px #171717, 1px 0px 0px #171717, -1px 0px 0px #171717, 1px 2px 1px #171717; font-size: 30px;letter-spacing:2px; padding:5px 5px 0px 5px;margin-top:-5px; margin-left:-6px; width:194px; text-align: center; text-transform: auto;border:4px double {color:post border}; -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;}
  582.  
  583.  
  584. #sbdesc{
  585. position:fixed;
  586. width:190px;
  587. height:40px;
  588. padding:5px;
  589. margin-top:100px;
  590. margin-left:0px;
  591. background-color:#222222;
  592. font-family:tinytots;
  593. font-size:8px;
  594. color:{color:post text};
  595. text-transform:uppercase;
  596. text-align:center;
  597. line-height:100%;
  598. overflow:auto;
  599. }
  600.  
  601. #sbdesc::-webkit-scrollbar { width: 4px; height:1px; }
  602. #sbdesc::-webkit-scrollbar-thumb:vertical {
  603. background-color: {color:accent};}
  604. #sbdesc::-webkit-scrollbar-button:start:decrement,
  605. #sbdesc::-webkit-scrollbar-button:end:increment { height: 90%; display: block;
  606. background-color: transparent; }
  607. #sbdesc::-webkit-scrollbar-track-piece {
  608. background-color: #222222; }
  609.  
  610.  
  611.  
  612. #sblinks{
  613. position:fixed;
  614. width:auto;
  615. height:auto;
  616. padding:5px;
  617. margin-left:1px;
  618. margin-top:50px;
  619. line-height:2px;
  620. background-color:#222222;
  621. }
  622.  
  623. #sblinks a{
  624. display:inline-block;
  625. background-color:{color:sidebar background};
  626. color:{color:accent};
  627. padding:2px;
  628. width:40px;
  629. height:5px;
  630. font-family:tinytots;
  631. font-size:8px;
  632. text-transform:uppercase;
  633. text-align:center;
  634. line-height:80%;
  635. z-index:999999;
  636. -webkit-transition: all 0.8s linear;
  637. -moz-transition: all 0.8s linear;
  638. transition: all 0.8s linear;
  639. }
  640. #sblinks a:hover{
  641. background-color:{color:accent};
  642. color:{color:post border};
  643. -webkit-transition: all 0.8s linear;
  644. -moz-transition: all 0.8s linear;
  645. transition: all 0.8s linear;
  646. }
  647.  
  648. #sbcounter{
  649. position:fixed;
  650. width:auto !important;
  651. height:7px;
  652. padding:3px;
  653. margin-top:160px;
  654. margin-left:90px;
  655. background-color:transparent;
  656. text-align:center;
  657. text-transform:uppercase;
  658. font-family:tinytots;
  659. font-size:8px;
  660. color:#ccc;
  661. line-height:100%;
  662. z-index:9999999999999999;
  663. }
  664.  
  665. #sbcounter a{
  666. color:{color:accent};
  667. -webkit-transition: all 0.8s linear;
  668. -moz-transition: all 0.8s linear;
  669. transition: all 0.8s linear;
  670. }
  671.  
  672. #sbcounter a:hover{
  673. color:{color:hover link};
  674. -webkit-transition: all 0.8s linear;
  675. -moz-transition: all 0.8s linear;
  676. transition: all 0.8s linear;
  677. }
  678.  
  679.  
  680. #sbhovers{
  681. position:fixed;
  682. margin-top:75px;
  683. margin-left:-5px;
  684. width:207px;
  685. height:auto;
  686. background-color:transparent;
  687. border-top:2px solid {color:post border};
  688. border-bottom:2px solid {color:post border};
  689. line-height:10px;
  690. padding:2px;
  691. font-family:tinytots;
  692. font-size:8px;
  693. color:{color:post text};
  694. text-align:center;
  695. letter-spacing:5px;
  696. }
  697.  
  698. #sbhovers a{
  699. color:{color:accent};
  700. -webkit-transition: all 0.8s linear;
  701. -moz-transition: all 0.8s linear;
  702. transition: all 0.8s linear;
  703. }
  704.  
  705. #sbhovers a:hover{
  706. color:{color:post text};
  707. -webkit-transition: all 0.8s linear;
  708. -moz-transition: all 0.8s linear;
  709. transition: all 0.8s linear;
  710. }
  711.  
  712. #friendwrap{
  713. position:fixed;
  714. background-color:transparent;
  715. margin-top:0px;
  716. margin-left:1065px;
  717. width:280px;
  718. height:20px;
  719. text-align:center;
  720. opacity:1;
  721. -o-transition-transition: all 1s ease-in-out;
  722. -webkit-transition: all 1s ease-in-out;
  723. -moz-transition: all 1s ease-in-out;
  724. }
  725.  
  726. #friendquote{
  727. position:fixed;
  728. background-color:transparent;
  729. margin-top:33px;
  730. margin-left:1065px;
  731. width:280px;
  732. height:20px;
  733. font-family:Italianno;
  734. font-size:20px;
  735. color:{color:hover link};
  736. text-align:center;
  737. -o-transition-transition: all 1s ease-in-out;
  738. -webkit-transition: all 1s ease-in-out;
  739. -moz-transition: all 1s ease-in-out;
  740. }
  741.  
  742.  
  743. #sbquote{
  744. position:fixed;
  745. background-color:transparent;
  746. margin-top:0px;
  747. margin-left:1080px;
  748. width:250px;
  749. height:20px;
  750. font-family:Italianno;
  751. font-size:20px;
  752. line-height:12px;
  753. color:{color:hover link};
  754. text-align:center;
  755. -o-transition-transition: all 1s ease-in-out;
  756. -webkit-transition: all 1s ease-in-out;
  757. -moz-transition: all 1s ease-in-out;
  758. }
  759.  
  760.  
  761. /* Music Player */
  762.  
  763. #musicplayer{
  764. overflow:hidden;
  765. position:fixed;
  766. width:5px;
  767. height:5px;
  768. padding:5px;
  769. margin-top:0px;
  770. margin-left:185px;
  771. background:#202020; /* This is the background color */
  772. z-index:999999999999999999999999999999999999999999999999999999999;
  773. -webkit-transition: all 1s ease-in-out;
  774. -moz-transition: all 1s ease-in-out;
  775. transition: all 1s ease-in-out;
  776. }
  777.  
  778.  
  779. #musicbox{
  780. width:8px;
  781. height:8px;
  782. overflow:hidden;
  783. /* This is for the positioning of the music player: */
  784. margin-top:-1px;
  785. margin-left:-1px;
  786. }
  787.  
  788. #music2{
  789. margin-top:-6px;
  790. margin-left:-35px;
  791. }
  792.  
  793.  
  794. /* Updates Tab */
  795.  
  796. #tab1{
  797. position:fixed;
  798. margin-left:-90px;
  799. margin-top:60px;
  800. width:auto !important;
  801. height:auto !important;
  802. padding:5px;
  803. font-family:lato;
  804. font-size:40px;
  805. text-transform:uppercase;
  806. display:block;
  807. text-align:center;
  808. line-height:12px;
  809. color:{color:accent};
  810. background-color:transparent;
  811. }
  812.  
  813. #updates{
  814. position:fixed;
  815. margin-left:40px;
  816. margin-top:-60px;
  817. width:150px;
  818. height:50px;
  819. padding:5px;
  820. background-color:#202020;
  821. border:5px double {color:background color};
  822. overflow:auto;
  823. vertical-align:middle;
  824. font-family:tinytots;
  825. font-size:8px;
  826. color:#ccc;
  827. line-height:10px;
  828. text-transform:uppercase;
  829. opacity:0;
  830. -webkit-transition: all 1s ease-in-out;
  831. -moz-transition: all 1s ease-in-out;
  832. transition: all 1s ease-in-out;
  833. }
  834.  
  835. #tab1:hover #updates{
  836. opacity:1;
  837. z-index:999999999999999999999999999999999999999999999999999;
  838. -webkit-transition: all 1s ease-in-out;
  839. -moz-transition: all 1s ease-in-out;
  840. transition: all 1s ease-in-out;
  841. }
  842.  
  843. #updates::-webkit-scrollbar { width: 3px; height:1px; }
  844. #updates::-webkit-scrollbar-thumb:vertical {
  845. background-color: {color:Scrollbar Trackbar}; }
  846. #updates::-webkit-scrollbar-button:start:decrement,
  847. #updates::-webkit-scrollbar-button:end:increment { height: 90%; display: block;
  848. background-color: transparent; }
  849. #updates::-webkit-scrollbar-track-piece {
  850. background-color: {color:Scrollbar Background}; }
  851.  
  852.  
  853. #tab2{
  854. position:fixed;
  855. margin-left:-90px;
  856. margin-top:95px;
  857. width:auto !important;
  858. height:auto !important;
  859. padding:5px;
  860. font-family:lato;
  861. font-size:40px;
  862. text-transform:uppercase;
  863. display:block;
  864. text-align:center;
  865. line-height:12px;
  866. color:{color:accent};
  867. background-color:transparent;
  868. }
  869.  
  870. #updates2{
  871. position:fixed;
  872. margin-left:40px;
  873. margin-top:-20px;
  874. width:150px;
  875. height:40px;
  876. padding:5px;
  877. background-color:#202020;
  878. border:5px double {color:background color};
  879. overflow:hidden;
  880. vertical-align:middle;
  881. font-family:tinytots;
  882. font-size:8px;
  883. color:#ccc;
  884. line-height:10px;
  885. text-transform:uppercase;
  886. opacity:0;
  887. -webkit-transition: all 1s ease-in-out;
  888. -moz-transition: all 1s ease-in-out;
  889. transition: all 1s ease-in-out;
  890. }
  891.  
  892. #tab2:hover #updates2{
  893. opacity:1;
  894. z-index:999999999999999999999999999999999999999999999999999;
  895. -webkit-transition: all 1s ease-in-out;
  896. -moz-transition: all 1s ease-in-out;
  897. transition: all 1s ease-in-out;
  898. }
  899.  
  900.  
  901.  
  902.  
  903. </style>
  904.  
  905.  
  906.  
  907. </head>
  908. <body>
  909.  
  910. <div id="wrapper">
  911. <div id="sidebar">
  912. {block:ifsidebarbackgroundimage}
  913. <div id="sbbgimg"><img src="{image:Sidebar Background Image}"></div>
  914. {/block:ifsidebarbackgroundimage}
  915. <div id="sbbg">
  916. <div id="sbtitle">Cursed</div>
  917. <div id="intit">Damien Carr</div>
  918. <div id="sbdesc">{Description}</div>
  919. <div id="sblinks"><a title="Refresh" href="/">Home</a> <a title="Inquiries and Attachments" href="/word">Talk</a> <a title="Please read to learn more." href="/file">About</a> <a title="Navigation" href="/lithium">Map</a></div>
  920. <div id="sbhovers"><a title="My soul belongs to a demon, so what can I give to you?">Ⅰ</a> <a title="My literary skills depend entirely on my partners, therefore I mirror literacy and when I am not doing so, I am 100% literate.">Ⅱ</a> <a title="Para &rarr; novella &rarr; action &rarr; script are all welcome. Plotting is more than encouraged and if you have further questions about muse (aside from what is answered in his bio) then ask away. All plots are welcome, rated G to rated R.">Ⅲ</a> <a title="AIM: Ask kindly and you shall receive.">Ⅳ</a> <a title="OC muse: His name, background, and profile are all of muns creation (unless stated otherwise). All verses welcome, as well as twins (though too many twins will not only be overwhelming for muse, but confusing for him as well). I am not the real Huang Zitao nor am I affiliated with SM Ent or EXO.">Ⅴ</a> <a title="Muse and Mun are 18+. Mature content will be present as well as gore, horror, etc. Everything is tagged accordingly. Please follow at your own risk." href="/!!!">Ⅵ</a> <a title="Tracking url">Ⅶ</a></div>
  921.  
  922.  
  923. <div id="musicplayer">
  924. <div id="musicbox"><div id="music2">
  925. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="105" height="20">
  926. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  927. <param name="bgcolor" value="#202020" />
  928. <param name="FlashVars" value="mp3=http://k007.kiwi6.com/hotlink/o0zhawrexp/Roydo_-_Celebration_feat._MINO_Taewoon_Scotch_VIP.-high.mp3|http://k004.kiwi6.com/hotlink/bs85pud035/nerd_-_god_bless_us_all.mp3|http://k002.kiwi6.com/hotlink/53k162ag3o/simon_dominic_feat._zion.t_-_stay_cool.mp3|http://k003.kiwi6.com/hotlink/9vo4100nn0/giriboy_-_you_re_a_chemical_feat._beenzino_.mp3|http://k002.kiwi6.com/hotlink/sgl9ny044z/microdot_-_for_the_road_to_riches.mp3|http://k002.kiwi6.com/hotlink/gf075f149i/yano_snoopy_swaggy_of_topp_dogg_-_go.mp3&amp;width=105&amp;height=20&amp;volume=50&amp;autoplay=1&amp;loop=1&amp;shuffle=1&amp;showslider=0&amp;loadingcolor=202020&amp;bgcolor=202020&amp;bgcolor1=202020&amp;bgcolor2=202020&amp;buttoncolor=7097a9&amp;buttonovercolor=303030&amp;showlist=0" />
  929. </object>
  930. </div></div></div>
  931. <div id="sbcounter"><script language="JavaScript">
  932. var ref = (''+document.referrer+'');
  933. var w_h = window.screen.width + " x " + window.screen.height;
  934. document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID4391617&e1=&e2=&r=' + ref + '&wh=' + w_h + '"><\/script>');
  935. </script> &rarr; <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2683057&name="></script></div>
  936.  
  937. <div style="position:fixed; bottom:15px; left:65px; text-align:center; font-size:8px; font-family:tinytots; ">
  938. <a href="http://elysivm.co.vu/" title="A PLACE OR CONDITION OF I D E A L H A P P I N E S S"><img src="http://static.tumblr.com/tosyomm/0iTnaywto/hjbhvb.png" width="50px" height="50px"></a>
  939. </div>
  940.  
  941. </div>
  942.  
  943. <div id="tab1">▶
  944. <div id="updates">
  945. <h1>Tracker</h1>
  946. {text:tracker}
  947.  
  948. </div>
  949. </div>
  950. <div id="tab2">▶
  951. <div id="updates2">
  952. <h1>updates</h1>
  953. <marquee scrollamount="3" direction="up" onmouseover="this.scrollAmount = 0" onmouseout="this.scrollAmount = 1">
  954. {text:updates}
  955. </marquee>
  956. </div>
  957. </div>
  958.  
  959.  
  960. </div>
  961. </div>
  962.  
  963.  
  964.  
  965.  
  966.  
  967.  
  968. <div class="alignment">
  969. <div class="autopagerize_page_element">
  970.  
  971. {block:Posts}
  972. <div class="postcontainer">
  973.  
  974. {block:ContentSource}
  975. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  976. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  977. {/block:SourceLogo}
  978. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  979.  
  980. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  981. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  982. {/block:ReblogParentLogo}
  983. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  984. {/block:ContentSource}
  985.  
  986.  
  987. <!-- PHOTO POSTS -->
  988.  
  989. {block:if250}
  990. {block:Photo}{LinkOpenTag}
  991. <div class="photopost">
  992. <img src="{PhotoURL-250}">
  993. </div>
  994. {LinkCloseTag}
  995. {block:ifShowCaptions}
  996. {block:Caption}
  997. {Caption}
  998. {/block:Caption}
  999. {/block:ifShowCaptions}
  1000. {/block:photo}
  1001. {/block:if250}
  1002.  
  1003. {block:if400}
  1004. {block:Photo}{LinkOpenTag}
  1005. <div class="photopost">
  1006. <img src="{PhotoURL-400}">
  1007. </div>
  1008. {LinkCloseTag}
  1009. {block:ifShowCaptions}
  1010. {block:Caption}
  1011. {Caption}
  1012. {/block:Caption}
  1013. {/block:ifShowCaptions}
  1014. {/block:photo}
  1015. {/block:if400}
  1016.  
  1017. {block:if500}
  1018. {block:Photo}{LinkOpenTag}
  1019. <div class="photopost">
  1020. <img src="{PhotoURL-500}">
  1021. </div>
  1022. {LinkCloseTag}
  1023. {block:ifShowCaptions}
  1024. {block:Caption}
  1025. {Caption}
  1026. {/block:Caption}
  1027. {/block:ifShowCaptions}
  1028. {/block:photo}
  1029. {/block:if500}
  1030.  
  1031. <!-- PHOTOSET POSTS -->
  1032. {block:if250}
  1033. {block:Photoset}
  1034. <div id="photoset">
  1035. {Photoset-250}
  1036. </div>
  1037. {block:ifShowCaptions}
  1038. {block:Caption}
  1039. {Caption}
  1040. {/block:Caption}
  1041. {/block:ifShowCaptions}
  1042. {/block:Photoset}
  1043. {/block:if250}
  1044.  
  1045. {block:if400}
  1046. {block:Photoset}
  1047. <div id="photoset">
  1048. {Photoset-400}
  1049. </div>
  1050. {block:ifShowCaptions}
  1051. {block:Caption}
  1052. {Caption}
  1053. {/block:Caption}
  1054. {/block:ifShowCaptions}
  1055. {/block:Photoset}
  1056. {/block:if400}
  1057.  
  1058. {block:if500}
  1059. {block:Photoset}
  1060. <div id="photoset">
  1061. {Photoset-500}
  1062. </div>
  1063. {block:ifShowCaptions}
  1064. {block:Caption}
  1065. {Caption}
  1066. {/block:Caption}
  1067. {/block:ifShowCaptions}
  1068. {/block:Photoset}{/block:if500}
  1069.  
  1070.  
  1071. <!-- VIDEO POSTS -->
  1072. <div class="video">
  1073. {block:if250}
  1074. {block:Video}
  1075. {Video-250}
  1076. {block:ifShowCaptions}
  1077. {block:Caption}
  1078. {Caption}
  1079. {/block:Caption}
  1080. {/block:ifShowCaptions}
  1081. {/block:Video}
  1082. {/block:if250}
  1083.  
  1084. {block:if400}
  1085. {block:Video}
  1086. {Video-400}
  1087. {block:ifShowCaptions}
  1088. {block:Caption}
  1089. {Caption}
  1090. {/block:Caption}
  1091. {/block:ifShowCaptions}
  1092. {/block:Video}
  1093. {/block:if400}
  1094.  
  1095. {block:if500}
  1096. {block:Video}
  1097. {Video-500}
  1098. {block:ifShowCaptions}
  1099. {block:Caption}
  1100. {Caption}
  1101. {/block:Caption}
  1102. {/block:ifShowCaptions}
  1103. {/block:Video}
  1104. {/block:if500}
  1105. </div>
  1106.  
  1107.  
  1108. <!-- AUDIO POSTS -->
  1109. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{block:ifWhitePlayer}
  1110. {AudioPlayerWhite}
  1111. {/block:ifWhitePlayer}
  1112. {block:ifBlackPlayer}
  1113. {AudioPlayerBlack}
  1114. {/block:ifBlackPlayer}
  1115. {block:ifGrayPlayer}
  1116. {AudioPlayerGrey}
  1117. {/block:ifGrayPlayer}</div>{/block:AudioPlayer}
  1118.  
  1119. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1120.  
  1121. <div class="track"></br>{block:TrackName}<span style="color:{color:Accent};">Title:</span> {TrackName}<br>{/block:TrackName}{block:Artist}<span style="color:{color:Accent};">Artist:</span> {Artist}<br>{/block:Artist}{block:Album}<span style="color:{color:Accent};">Album:</span>
  1122. {Album}<br>{/block:Album}<span style="color:{color:Accent};">Played:</span> {PlayCountWithLabel}</div>
  1123.  
  1124. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1125.  
  1126. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1127. {/block:Audio}
  1128.  
  1129.  
  1130.  
  1131. <!-- QUOTE POSTS -->
  1132. {block:Quote}
  1133. <div class="quotation1">❝</div>
  1134. <div id="quotetitle">{Quote}</div>
  1135. {block:Source}<div id="tags" style="font-family:tinytots; text-align:center !important; padding:2px; background-color:{color:accent}; color:#303030;"> &rarr; {Source} </div>{/block:Source}
  1136. {/block:Quote}
  1137.  
  1138.  
  1139. <!-- TEXT POSTS -->
  1140. {block:Text}
  1141. {block:Title}
  1142. <div id="posttitle">{Title}</div>
  1143. {/block:Title}
  1144. {Body}
  1145. {/block:Text}
  1146.  
  1147.  
  1148. <!-- QUESTION POSTS -->
  1149. {block:Answer}
  1150. <div class="question"><div id="asktitle">{asker}</div><span style="margin-top:10px; "> {question}</span></div>
  1151. {answer}
  1152. {/block:Answer}
  1153.  
  1154. <!-- CHAT POSTS -->
  1155. {block:Chat}
  1156. {block:Title}
  1157. <div id="posttitle">{Title}</div><br />
  1158. {/block:Title}
  1159. {block:Lines}<div id="{Alt}">
  1160. {block:Label}<span style="color:{color:accent};">{Label}</span>{/block:Label} {Line}</br></div>
  1161. {/block:Lines}
  1162. {/block:Lines}
  1163. {/block:Chat}
  1164.  
  1165. <!-- LINK POSTS -->
  1166. {block:Link}
  1167. <a href="{URL}"> <div id="posttitle">{Name}→</div></a>
  1168. {block:Description}
  1169. {Description}
  1170. {/block:Description}
  1171. {/block:Link}
  1172.  
  1173.  
  1174.  
  1175. {block:IndexPage}
  1176. <div class="postperma">
  1177. {block:Date}<a href="{Permalink}" title="{TimeAgo} @ {12Hour}:{Minutes}{AmPm} with {NoteCountwithLabel}" >✛</a>{/block:Date} {block:RebloggedFrom} &times; <a href="{ReblogParentURL}" title="via &rarr; {ReblogParentTitle}">✛</a> &times; <a href="{ReblogRootURL}" title="src &rarr; {ReblogRoottitle}">✛</a> {/block:RebloggedFrom} &times; <a href="{ReblogURL}" title="Reblog?">✛</a> {block:ifShowTags}{block:HasTags} &times; <a title="{block:Tags} #{Tag}{/block:Tags}">✛</a>{/block:HasTags}{/block:ifShowTags} </div>
  1178.  
  1179. {/block:IndexPage}
  1180.  
  1181.  
  1182. </div>
  1183.  
  1184. {block:PermaLinkPage}
  1185. <div class="postinfo">
  1186. <center>
  1187. <div id="datetitle">{DayOfWeek}, {DayOfMonth} {Month} {Year}.</div>
  1188. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  1189. {/block:RebloggedFrom}
  1190. </center>
  1191. <br>
  1192. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  1193.  
  1194. </div>
  1195. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1196.  
  1197. {/block:PermalinkPage}
  1198. {/block:Posts}
  1199. </div>
  1200.  
  1201. <div style="position:fixed; bottom:1px; left:1px; text-align:center; z-index:9999999999999999999999999999999999999999999999999999999999999999;">
  1202. <a href="/crds" title="credits">c</a>
  1203. </div>
  1204.  
  1205.  
  1206.  
  1207. </div> </div>
  1208.  
  1209. </body> </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement