sasorisbutt

Durarara!! (Dollars) - BakaThemes

Feb 8th, 2014
8,043
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.68 KB | None | 0 0
  1. <!--
  2.  
  3. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  4. THEME BASE 01 BY SUPPISUN @ TUMBLR
  5. Edit/tweak as much as you like but pleeeeaaaase
  6. DO NOT remove the credits, copy and
  7. redistribute the theme as your own.
  8. Or else... I'll throw a refrigerator at you >:D
  9.  
  10. -->
  11.  
  12.  
  13.  
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <meta name="color:Background" content="#000" />
  24. <meta name="color:Body" content="#fff" />
  25. <meta name="color:Chat Border" content="#fff" />
  26. <meta name="color:Description" content="#737373" />
  27. <meta name="color:Description Background" content="#fff" />
  28. <meta name="color:Links" content="#999" />
  29. <meta name="color:Links Hover" content="#ccc" />
  30. <meta name="color:Links Button BG" content="#fff" />
  31. <meta name="color:Links Button Border" content="#000" />
  32. <meta name="color:Sidelinks" content="#fff" />
  33. <meta name="color:Sidelinks Background" content="#4a4a4a" />
  34. <meta name="color:Sidelinks Background Hover" content="#a2a2a2" />
  35. <meta name="color:Title" content="#fff" />
  36. <meta name="color:Title Background" content="#000" />
  37. <meta name="color:Topbar" content="#f3f3f3" />
  38.  
  39. <meta name="image:Background" content="" />
  40. <meta name="image:Chat Icon 1" content="http://static.tumblr.com/fsavqrf/VxHmwd2qx/setton.png" />
  41. <meta name="image:Chat Icon 2" content="http://static.tumblr.com/fsavqrf/Tt5mwd2qv/saika.png" />
  42. <meta name="image:Chat Icon 3" content="http://static.tumblr.com/fsavqrf/ajDmwd3l8/tanaka.png" />
  43. <meta name="image:Chat Icon 4" content="http://static.tumblr.com/fsavqrf/gXMmwd2qt/kanra.png" />
  44. <meta name="image:Topbar Image" content="http://static.tumblr.com/fsavqrf/VxHmwd2qx/setton.png" />
  45.  
  46. <meta name="if:Infinite Scroll" content="0" />
  47. <meta name="if:Dollars Chat Icons" content="1" />
  48.  
  49. <meta name="text:Link1" content="Home" />
  50. <meta name="text:Link1 URL" content="/" />
  51. <meta name="text:Link2" content="Chat me up" />
  52. <meta name="text:Link2 URL" content="/ask" />
  53. <meta name="text:Link3" content="Random post" />
  54. <meta name="text:Link3 URL" content="/random" />
  55. <meta name="text:Link4" content="" />
  56. <meta name="text:Link4 URL" content="" />
  57. <meta name="text:Link5" content="" />
  58. <meta name="text:Link5 URL" content="" />
  59. <meta name="text:Link6" content="" />
  60. <meta name="text:Link6 URL" content="" />
  61. <meta name="text:Link7" content="" />
  62. <meta name="text:Link7 URL" content="" />
  63. <meta name="text:Link8" content="" />
  64. <meta name="text:Link8 URL" content="" />
  65. <meta name="text:Link9" content="" />
  66. <meta name="text:Link9 URL" content="" />
  67. <meta name="text:Link10" content="" />
  68. <meta name="text:Link10 URL" content="" />
  69. <meta name="text:Links Button" content="LINKS" />
  70. <meta name="text:Password Note" content="type anything or leave this blank" />
  71.  
  72. <head>
  73.  
  74. <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  75. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  76. <script src="http://static.tumblr.com/fsavqrf/Ga4n0ovbz/jquery.style-my-tooltips-durarara.js"></script>
  77.  
  78. <style type="text/css">
  79.  
  80. ::-webkit-scrollbar {
  81. background:{color:Chat Border};
  82. border:2px solid {color:Background};
  83. width:5px;
  84. height:3px;
  85. }
  86.  
  87. ::-webkit-scrollbar-thumb {
  88. background:{color:Chat Border};
  89. -webkit-border-radius:10px;
  90. -moz-border-radius:10px;
  91. border-radius:10px;
  92. }
  93.  
  94. body {
  95. background:{color:Background} url('{image:Background}');
  96. background-attachment:fixed;
  97. color:{color:Body};
  98. font-family:Lucida Console;
  99. font-size:10px;
  100. margin:0;
  101. padding:0;
  102. }
  103.  
  104. a {
  105. color:{color:Links};
  106. text-decoration:none;
  107. transition:all 0.5s ease;
  108. -webkit-transition:all 0.5s ease;
  109. -moz-transition:all 0.5s ease;
  110. -o-transition:all 0.5s ease;
  111. -ms-transition:all 0.5s ease;
  112. }
  113.  
  114. a:hover {
  115. color:{color:Links Hover};
  116. text-decoration:underline;
  117. }
  118.  
  119. blockquote {
  120. border-left:3px solid #ccc;
  121. margin:0 0 0 15px;
  122. padding-left:10px;
  123. font-family:Arial;
  124. overflow-x:auto;
  125. }
  126.  
  127. p {
  128. width:470px;
  129. margin:10px auto;
  130. }
  131.  
  132. ol.notes {
  133. list-style-type:none;
  134. }
  135.  
  136. ol notes a {
  137. color:{color:Links Hover};
  138. }
  139.  
  140. ol.notes li.note:before {
  141. content:"-- ";
  142. position:absolute;
  143. margin-left:10px;
  144. }
  145.  
  146. ol.notes li.note {
  147. width:530px;
  148. margin-left:-50px;
  149. overflow:hidden;
  150. white-space:nowrap;
  151. }
  152.  
  153. ol.notes li.note blockquote {
  154. margin:5px 5px 5px 30px;
  155. padding:5px;
  156. overflow:hidden;
  157. }
  158.  
  159. ol.notes li.note img.avatar {
  160. display:none;
  161. }
  162.  
  163. #all {
  164. width:650px;
  165. height:auto;
  166. margin:0 auto;
  167. position:relative;
  168. }
  169.  
  170. #posts {
  171. width:650px;
  172. position:fixed;
  173. top:130px;
  174. bottom:12px;
  175. overflow-y:auto;
  176. overflow-x:hidden;
  177. }
  178.  
  179. #post {
  180. width:520px;
  181. margin-left:100px;
  182. }
  183.  
  184. #chat:before {
  185. content:"";
  186. display:block;
  187. width:0;
  188. position:absolute;
  189. top:13px;
  190. left:-18px;
  191. border-style:solid;
  192. border-width:10px 16px 10px 0;
  193. border-color:transparent {color:Chat Border};
  194. z-index:0;
  195. }
  196.  
  197. #chat {
  198. border:3px solid {color:Chat Border};
  199. width:500px;
  200. min-height:55px;
  201. padding:10px;
  202. position:relative;
  203. margin-bottom:10px;
  204. -webkit-border-radius:20px;
  205. -moz-border-radius:20px;
  206. border-radius:20px;
  207. }
  208.  
  209. #chat:after {
  210. content:"";
  211. display:block;
  212. border-style:solid;
  213. border-width:8px 15px 8px 0;
  214. width:0;
  215. position:absolute;
  216. top:15px;
  217. left:-15px;
  218. z-index:1;
  219. }
  220.  
  221. .red {
  222. background:#a6282b;
  223. background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNhNjI4MmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MyUiIHN0b3AtY29sb3I9IiM5YzA5MDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  224. background:-moz-linear-gradient(top, #a6282b 50%, #9c0901 53%);
  225. background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#a6282b), color-stop(53%,#9c0901));
  226. background:-webkit-linear-gradient(top, #a6282b 50%,#9c0901 53%);
  227. background:-o-linear-gradient(top, #a6282b 50%,#9c0901 53%);
  228. background:-ms-linear-gradient(top, #a6282b 50%,#9c0901 53%);
  229. background:linear-gradient(to bottom, #a6282b 50%,#9c0901 53%);
  230. filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6282b', endColorstr='#9c0901',GradientType=0 );
  231. }
  232.  
  233. .red:after {
  234. border-color:transparent #a6282b;
  235. }
  236.  
  237. .blue {
  238. background:#80b0d6;
  239. background:url(data:image/svgxml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiM4MGIwZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NiUiIHN0b3AtY29sb3I9IiM1NDkzYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  240. background:-moz-linear-gradient(top, #80b0d6 50%, #5493c4 56%);
  241. background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#80b0d6), color-stop(56%,#5493c4));
  242. background:-webkit-linear-gradient(top, #80b0d6 50%,#5493c4 56%);
  243. background:-o-linear-gradient(top, #80b0d6 50%,#5493c4 56%);
  244. background:-ms-linear-gradient(top, #80b0d6 50%,#5493c4 56%);
  245. background:linear-gradient(to bottom, #80b0d6 50%,#5493c4 56%);
  246. filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80b0d6', endColorstr='#5493c4',GradientType=0 );
  247. }
  248.  
  249. .blue:after {
  250. border-color:transparent #80b0d6;
  251. }
  252.  
  253. .yellow {
  254. background:#f7c349;
  255. background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmN2MzNDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NiUiIHN0b3AtY29sb3I9IiNmNTlmM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  256. background:-moz-linear-gradient(top, #f7c349 50%, #f59f3a 56%);
  257. background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#f7c349), color-stop(56%,#f59f3a));
  258. background:-webkit-linear-gradient(top, #f7c349 50%,#f59f3a 56%);
  259. background:-o-linear-gradient(top, #f7c349 50%,#f59f3a 56%);
  260. background:-ms-linear-gradient(top, #f7c349 50%,#f59f3a 56%);
  261. background:linear-gradient(to bottom, #f7c349 50%,#f59f3a 56%);
  262. filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c349', endColorstr='#f59f3a',GradientType=0 );
  263. }
  264.  
  265. .yellow:after {
  266. border-color:transparent #f7c349;
  267. }
  268.  
  269. .black {
  270. background:#a5a5a5;
  271. background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNhNWE1YTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NiUiIHN0b3AtY29sb3I9IiM4MjgyODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  272. background:-moz-linear-gradient(top, #a5a5a5 51%, #828282 56%);
  273. background:-webkit-gradient(linear, left top, left bottom, color-stop(51%,#a5a5a5), color-stop(56%,#828282));
  274. background:-webkit-linear-gradient(top, #a5a5a5 51%,#828282 56%);
  275. background:-o-linear-gradient(top, #a5a5a5 51%,#828282 56%);
  276. background:-ms-linear-gradient(top, #a5a5a5 51%,#828282 56%);
  277. background:linear-gradient(to bottom, #a5a5a5 51%,#828282 56%);
  278. filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#828282',GradientType=0 );
  279. }
  280.  
  281. .black:after {
  282. border-color:transparent #a5a5a5;
  283. }
  284.  
  285. #top {
  286. background:{color:Topbar};
  287. width:100%;
  288. height:100px;
  289. position:fixed;
  290. top:0;
  291. }
  292.  
  293. #user {
  294. width:740px;
  295. height:90px;
  296. margin:5px auto;
  297. }
  298.  
  299. #userpic, #userpic img {
  300. border:3px solid {color:Chat Border};
  301. width:80px;
  302. margin:2px 0 0 60px;
  303. }
  304.  
  305. #desc {
  306. background:{color:Description Background};
  307. border:1px solid #ccc;
  308. position:fixed;
  309. width:400px;
  310. height:70px;
  311. margin:-84px 0 0 180px;
  312. padding:3px 5px;
  313. color:{color:Description};
  314. overflow-y:auto;
  315. }
  316.  
  317. #desc::-webkit-scrollbar {
  318. background:{color:Background};
  319. border:2px solid {color:Chat Border};
  320. width:5px;
  321. height:3px;
  322. }
  323.  
  324. #desc::-webkit-scrollbar-thumb {
  325. background:{color:Background};
  326. -webkit-border-radius:10px;
  327. -moz-border-radius:10px;
  328. border-radius:10px;
  329. }
  330.  
  331. #linksbutton {
  332. background:{color:Title};
  333. border:2px solid {color:Title Background};
  334. width:80px;
  335. height:30px;
  336. padding:5px;
  337. margin:25px 30px 0 0;
  338. float:right;
  339. color:{color:Title Background};
  340. text-align:center;
  341. line-height:30px;
  342. border-radius:15px;
  343. -webkit-border-radius:15px;
  344. -moz-border-radius:15px;
  345. cursor:pointer;
  346. }
  347.  
  348. #title {
  349. background:{color:Title Background};
  350. border-bottom:1px solid {color:Title};
  351. width:100%;
  352. height:20px;
  353. position:fixed;
  354. top:100px;
  355. font-size:12px;
  356. text-align:center;
  357. letter-spacing:1px;
  358. line-height:22px;
  359. }
  360.  
  361. #title a {
  362. color:{color:Title};
  363. }
  364.  
  365. #sidelinks {
  366. display:none;
  367. margin:20px 0 0 680px;
  368. position:fixed;
  369. }
  370.  
  371. #sidelinks a {
  372. display:block;
  373. background:{color:Sidelinks Background};
  374. border:2px solid {color:Sidelinks};
  375. width:120px;
  376. padding:8px;
  377. margin-bottom:8px;
  378. color:{color:Sidelinks};
  379. text-align:center;
  380. border-radius:20px;
  381. -webkit-border-radius:20px;
  382. -moz-border-radius:20px;
  383. }
  384.  
  385. #sidelinks a:hover {
  386. background:{color:Sidelinks Background Hover};
  387. }
  388.  
  389. #container {
  390. width:66px;
  391. margin:8px 0 0 -87px;
  392. float:left;
  393. text-align:center;
  394. cursor:pointer;
  395. }
  396.  
  397. #ava {
  398. width:60px;
  399. height:60px;
  400. border:3px solid {color:Chat Border};
  401. }
  402.  
  403. #via, #via a {
  404. display:block;
  405. width:66px;
  406. margin-top:8px;
  407. color:{color:Chat Border};
  408. text-align:center;
  409. overflow:hidden;
  410. }
  411.  
  412. #info {
  413. background:{color:Chat Border};
  414. border:3px solid {color:Chat Border};
  415. width:60px;
  416. height:60px;
  417. position:relative;
  418. margin-top:-68px;
  419. color:{color:Links};
  420. text-align:center;
  421. line-height:60px;
  422. opacity:0;
  423. z-index:9999;
  424. }
  425.  
  426. #chaat:hover #info {
  427. opacity:1;
  428. }
  429.  
  430. #pagi, #pagi a {
  431. padding:10px;
  432. color:{color:Title};
  433. font-size:12px;
  434. letter-spacing:1px;
  435. }
  436.  
  437. #audio {
  438. background:{color:Background};
  439. width:80px;
  440. height:80px;
  441. margin-left:80px;
  442. }
  443.  
  444. #music {
  445. width:30px;
  446. margin:25px 0 0 25px;
  447. position:absolute;
  448. overflow:hidden;
  449. }
  450.  
  451. #plays {
  452. width:390px;
  453. height:50px;
  454. margin:-80px 0 0 80px;
  455. padding:15px;
  456. text-align:center;
  457. }
  458.  
  459. #start {
  460. display:none;
  461. z-index:999;
  462. background:#000;
  463. width:100%;
  464. height:100%;
  465. position:fixed;
  466. }
  467.  
  468. #staart {
  469. width:400px;
  470. height:auto;
  471. margin:100px auto;
  472. }
  473.  
  474. #pass {
  475. padding:20px;
  476. }
  477.  
  478. #password {
  479. background-image:url('http://static.tumblr.com/fsavqrf/jvSn07tfu/textfield.png');
  480. background-repeat:no-repeat;
  481. background-position:50% 0%;
  482. text-align:center;
  483. }
  484.  
  485. #type {
  486. color:#fff;
  487. text-align:center;
  488. transition:all 0.5s ease;
  489. -webkit-transition:all 0.5s ease;
  490. -moz-transition:all 0.5s ease;
  491. -o-transition:all 0.5s ease;
  492. -ms-transition:all 0.5s ease;
  493. opacity:0;
  494. }
  495.  
  496. #pass:hover #type {
  497. opacity:0.5;
  498. }
  499.  
  500. #textfield {
  501. border:0;
  502. width:170px;
  503. margin:5px 0 0 110px;
  504. }
  505.  
  506. #enter {
  507. cursor:pointer;
  508. }
  509.  
  510. {CustomCSS}
  511.  
  512. </style>
  513.  
  514. {block:IfInfiniteScroll}
  515. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  516. {/block:IfInfiniteScroll}
  517.  
  518. </head>
  519.  
  520.  
  521.  
  522. <body>
  523.  
  524.  
  525.  
  526. <div id="start">
  527. <div id="staart">
  528. <img src="http://static.tumblr.com/fsavqrf/8jpn07rax/dollars.jpg">
  529. <div id="pass">
  530. <div id="type">{text:Password Note}</div><br>
  531. <form id="password">
  532. <input name="pw" id="textfield" maxlength="21">
  533. <br><br><br><br>
  534. <div id="enter">
  535. <img src="http://static.tumblr.com/fsavqrf/C7mn07tcs/enter.png" onMouseOver="this.src='http://static.tumblr.com/fsavqrf/LrTn07tcz/enter_hover.png'" onMouseOut="this.src='http://static.tumblr.com/fsavqrf/C7mn07tcs/enter.png'">
  536. </div>
  537. </form>
  538. </div>
  539. </div>
  540. </div>
  541.  
  542. <div id="top">
  543. <div id="user">
  544. <a href="/"><img src="{image:Topbar Image}" id="userpic"></a>
  545. <div id="desc">{Description}</div>
  546. <div id="linksbutton">{text:Links Button}</div>
  547. </div>
  548. </div>
  549.  
  550. <div id="title"><a href="/">-- {Title} --</a></div>
  551.  
  552. <div id="all">
  553.  
  554. <div id="posts">
  555. <div id="sidelinks">
  556. {block:IfLink1}<a href="{text:Link1 URL}">{text:Link1}</a>{/block:IfLink1}
  557. {block:IfLink2}<a href="{text:Link2 URL}">{text:Link2}</a>{/block:IfLink2}
  558. {block:IfLink3}<a href="{text:Link3 URL}">{text:Link3}</a>{/block:IfLink3}
  559. {block:IfLink4}<a href="{text:Link4 URL}">{text:Link4}</a>{/block:IfLink4}
  560. {block:IfLink5}<a href="{text:Link5 URL}">{text:Link5}</a>{/block:IfLink5}
  561. {block:IfLink6}<a href="{text:Link6 URL}">{text:Link6}</a>{/block:IfLink6}
  562. {block:IfLink7}<a href="{text:Link7 URL}">{text:Link7}</a>{/block:IfLink7}
  563. {block:IfLink8}<a href="{text:Link8 URL}">{text:Link8}</a>{/block:IfLink8}
  564. {block:IfLink9}<a href="{text:Link9 URL}">{text:Link9}</a>{/block:IfLink9}
  565. {block:IfLink10}<a href="{text:Link10 URL}">{text:Link10}</a>{/block:IfLink10}
  566. </div>
  567. <div id="post">
  568.  
  569. {block:IfNotInfiniteScroll}
  570. {block:Pagination}{block:PreviousPage}
  571. <div id="pagi"><a href="{PreviousPage}">-- Previous chat.</a></div>
  572. {/block:PreviousPage}{/block:Pagination}
  573. {/block:IfNotInfiniteScroll}
  574.  
  575. <div class = "autopagerize_page_element" >
  576.  
  577.  
  578.  
  579. {block:Posts}
  580.  
  581.  
  582. <div id="chaat">
  583.  
  584. {block:Answer}
  585. <div id="container">
  586. <img src="{image:Chat Icon 1}" id="ava">
  587. <a id="via">{Asker}</a></div>
  588. <div id="chat" class="black"><p>{Question}</p></div>
  589.  
  590. <div id="container">
  591. <img src="{image:Chat Icon 2}" id="ava">
  592. {block:IndexPage}<div id="info"><a href="{Permalink}">info</a></div>{block:IndexPage}
  593. <a id="via" href="/">{Name}</a></div>
  594. <div id="chat" class="red">{Answer}</div>
  595. {/block:Answer}
  596.  
  597. {block:Text}
  598. <div id="container">
  599. {block:IfDollarsChatIcons}
  600. <img src="{image:Chat Icon 2}" id="ava">
  601. {/block:IfDollarsChatIcons}
  602. {block:IfNotDollarsChatIcons}
  603. {block:RebloggedFrom}
  604. <img src="{ReblogParentPortraitURL-64}" id="ava">
  605. {/block:RebloggedFrom}
  606. {block:NotReblog}
  607. <img src="{PortraitURL-64}" id="ava">
  608. {/block:NotReblog}
  609. {/block:IfNotDollarsChatIcons}
  610. {block:IndexPage}<div id="info"><a href="{Permalink}">info</a></div>{/block:IndexPage}
  611. {block:RebloggedFrom}
  612. <a href="{ReblogParentURL}" id="via" title="via">{ReblogParentName}</a>
  613. {/block:RebloggedFrom}
  614. {block:NotReblog}<a href="/" id="via">{Name}</a>{/block:NotReblog}</div>
  615. <div id="chat" class="red">
  616. {block:Title}<h4>{Title}</h4>{/block:Title}{Body}</div>
  617. {/block:Text}
  618.  
  619. {block:Photo}
  620. <div id="container">
  621. {block:IfDollarsChatIcons}
  622. <img src="{image:Chat Icon 2}" id="ava">
  623. {/block:IfDollarsChatIcons}
  624. {block:IfNotDollarsChatIcons}
  625. {block:RebloggedFrom}
  626. <img src="{ReblogParentPortraitURL-64}" id="ava">
  627. {/block:RebloggedFrom}
  628. {block:NotReblog}
  629. <img src="{PortraitURL-64}" id="ava">
  630. {/block:NotReblog}
  631. {/block:IfNotDollarsChatIcons}
  632. {block:IndexPage}<div id="info"><a href="{Permalink}">info</a></div>{/block:IndexPage}
  633. {block:RebloggedFrom}
  634. <a href="{ReblogParentURL}" id="via" title="via">{ReblogParentName}</a>
  635. {/block:RebloggedFrom}
  636. {block:NotReblog}<a href="/" id="via">{Name}</a>{/block:NotReblog}</div>
  637. <div id="chat" class="red">
  638. {LinkOpenTag}
  639. <div style="-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;overflow:hidden;"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>{LinkCloseTag}
  640. {block:Caption}<p>{Caption}</p>{/block:Caption}</div>
  641. {/block:Photo}
  642.  
  643. {block:Photoset}
  644. <div id="container">
  645. {block:IfDollarsChatIcons}
  646. <img src="{image:Chat Icon 3}" id="ava">
  647. {/block:IfDollarsChatIcons}
  648. {block:IfNotDollarsChatIcons}
  649. {block:RebloggedFrom}
  650. <img src="{ReblogParentPortraitURL-64}" id="ava">
  651. {/block:RebloggedFrom}
  652. {block:NotReblog}
  653. <img src="{PortraitURL-64}" id="ava">
  654. {/block:NotReblog}
  655. {/block:IfNotDollarsChatIcons}
  656. {block:IndexPage}<div id="info"><a href="{Permalink}">info</a></div>
  657. {/block:IndexPage}
  658. {block:RebloggedFrom}
  659. <a href="{ReblogParentURL}" id="via" title="via">{ReblogParentName}</a>
  660. {/block:RebloggedFrom}
  661. {block:NotReblog}<a href="/" id="via">{Name}</a>{/block:NotReblog}</div>
  662. <div id="chat" class="blue">
  663. <div style="-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;overflow:hidden;">{Photoset-500}</div>
  664. {block:Caption}<p>{Caption}</p>{/block:Caption}</div>
  665. {/block:Photoset}
  666.  
  667. {block:Quote}
  668. <div id="container">
  669. {block:IfDollarsChatIcons}
  670. <img src="{image:Chat Icon 1}" id="ava">
  671. {/block:IfDollarsChatIcons}
  672. {block:IfNotDollarsChatIcons}
  673. {block:RebloggedFrom}
  674. <img src="{ReblogParentPortraitURL-64}" id="ava">
  675. {/block:RebloggedFrom}
  676. {block:NotReblog}
  677. <img src="{PortraitURL-64}" id="ava">
  678. {/block:NotReblog}
  679. {/block:IfNotDollarsChatIcons}
  680. {block:IndexPage}<div id="info"><a href="{Permalink}">info</a></div>{/block:IndexPage}
  681. {block:RebloggedFrom}
  682. <a href="{ReblogParentURL}" id="via" title="via">{ReblogParentName}</a>
  683. {/block:RebloggedFrom}
  684. {block:NotReblog}<a href="/" id="via">{Name}</a>{/block:NotReblog}</div>
  685. <div id="chat" class="black">
  686. <h4 style="font-size:12px;">"{Quote}"</h4>
  687. {block:Source}<p id="pagi" style="padding:3px;text-align:right;">--{Source}</p>{/block:Source}
  688. </div>
  689. {/block:Quote}
  690.  
  691. {block:Link}
  692. <div id="container">
  693. {block:IfDollarsChatIcons}
  694. <img src="{image:Chat Icon 4}" id="ava">
  695. {/block:IfDollarsChatIcons}
  696. {block:IfNotDollarsChatIcons}
  697. {block:RebloggedFrom}
  698. <img src="{ReblogParentPortraitURL-64}" id="ava">
  699. {/block:RebloggedFrom}
  700. {block:NotReblog}
  701. <img src="{PortraitURL-64}" id="ava">
  702. {/block:NotReblog}
  703. {/block:IfNotDollarsChatIcons}
  704. {block:IndexPage}<div id="info"><a href="{Permalink}">info</a></div>{/block:IndexPage}
  705. {block:RebloggedFrom}
  706. <a href="{ReblogParentURL}" id="via" title="via">{ReblogParentName}</a>
  707. {/block:RebloggedFrom}
  708. {block:NotReblog}<a href="/" id="via">{Name}</a>{/block:NotReblog}</div>
  709. <div id="chat" class="yellow">
  710. <h3><a href="{URL}" target="_blank">{Name}</a></h3>
  711. {block:Description}<p>{Description}</p>{/block:Description}</div>
  712. {/block:Link}
  713.  
  714. {block:Chat}
  715. <div id="container">
  716. {block:IfDollarsChatIcons}
  717. <img src="{image:Chat Icon 3}" id="ava">
  718. {/block:IfDollarsChatIcons}
  719. {block:IfNotDollarsChatIcons}
  720. {block:RebloggedFrom}
  721. <img src="{ReblogParentPortraitURL-64}" id="ava">
  722. {/block:RebloggedFrom}
  723. {block:NotReblog}
  724. <img src="{PortraitURL-64}" id="ava">
  725. {/block:NotReblog}
  726. {/block:IfNotDollarsChatIcons}
  727. {block:IndexPage}<div id="info"><a href="{Permalink}">info</a></div>{/block:IndexPage}
  728. {block:RebloggedFrom}
  729. <a href="{ReblogParentURL}" id="via" title="via">{ReblogParentName}</a>
  730. {/block:RebloggedFrom}
  731. {block:NotReblog}<a href="/" id="via">{Name}</a>{/block:NotReblog}</div>
  732. <div id="chat" class="blue">
  733. {block:Title}<h4>{Title}</h4>{/block:Title}
  734. {block:Lines}
  735. <div style="text-align:center;">
  736. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  737. {/block:Lines}</div>
  738. {/block:Chat}
  739.  
  740. {block:Audio}
  741. <div id="container">
  742. {block:IfDollarsChatIcons}
  743. <img src="{image:Chat Icon 4}" id="ava">
  744. {/block:IfDollarsChatIcons}
  745. {block:IfNotDollarsChatIcons}
  746. {block:RebloggedFrom}
  747. <img src="{ReblogParentPortraitURL-64}" id="ava">
  748. {/block:RebloggedFrom}
  749. {block:NotReblog}
  750. <img src="{PortraitURL-64}" id="ava">
  751. {/block:NotReblog}
  752. {/block:IfNotDollarsChatIcons}
  753. {block:IndexPage}<div id="info"><a href="{Permalink}">info</a></div>{/block:IndexPage}
  754. {block:RebloggedFrom}
  755. <a href="{ReblogParentURL}" id="via" title="via">{ReblogParentName}</a>
  756. {/block:RebloggedFrom}
  757. {block:NotReblog}<a href="/" id="via">{Name}</a>{/block:NotReblog}</div>
  758. <div id="chat" class="yellow">
  759. <div id="audio"><div id="music">{AudioPlayerBlack}</div></div>
  760. <div id="plays">
  761. {block:TrackName}<b>Song:</b> {TrackName}<br />{/block:TrackName}
  762. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  763. {block:Album}<b>Album:</b> {Album}{/block:Album}
  764. <br /><b>Plays:</b> {FormattedPlayCount}</div>
  765. {block:Caption}{Caption}{/block:Caption}</div>
  766. {/block:Audio}
  767.  
  768. {block:Video}
  769. <div id="container">
  770. {block:IfDollarsChatIcons}
  771. <img src="{image:Chat Icon 1}" id="ava">
  772. {/block:IfDollarsChatIcons}
  773. {block:IfNotDollarsChatIcons}
  774. {block:RebloggedFrom}
  775. <img src="{ReblogParentPortraitURL-64}" id="ava">
  776. {/block:RebloggedFrom}
  777. {block:NotReblog}
  778. <img src="{PortraitURL-64}" id="ava">
  779. {/block:NotReblog}
  780. {/block:IfNotDollarsChatIcons}
  781. {block:IndexPage}<div id="info"><a href="{Permalink}">info</a></div>{/block:IndexPage}
  782. {block:RebloggedFrom}
  783. <a href="{ReblogParentURL}" id="via" title="via">{ReblogParentName}</a>
  784. {/block:RebloggedFrom}
  785. {block:NotReblog}<a href="/" id="via">{Name}</a>{/block:NotReblog}</div>
  786. <div id="chat" class="black">
  787. {Video-500}{block:Caption}{Caption}{/block:Caption}</div>
  788. {/block:Video}
  789.  
  790. {block:PermalinkPage}
  791. <div id="pagi">
  792. <div style="text-align:center;">
  793. {block:Date}
  794. {Month}. {DayOfMonth}, '{ShortYear}.
  795. {/block:Date}
  796. {block:NoteCount}
  797. {NoteCountWithLabel}.
  798. {/block:NoteCount}
  799. {block:HasTags}<br />
  800. {block:Tags}<a href="{TagURL}"># {Tag}</a>{/block:Tags}
  801. {/block:HasTags}
  802. </div>
  803. {block:PostNotes}
  804. {PostNotes}
  805. </div>
  806. {/block:PostNotes}
  807. {/block:PermalinkPage}
  808.  
  809. <!-- Other -->
  810. {block:ContentSource}
  811. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  812. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  813. {/block:SourceLogo}
  814. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  815. {/block:ContentSource}
  816. </div>
  817. {/block:Posts}
  818.  
  819. {block:IfNotInfiniteScroll}
  820. {block:Pagination}{block:NextPage}
  821. <div id="pagi"><a href="{NextPage}">-- Load more.</a></div>
  822. {/block:NextPage}{/block:Pagination}
  823. {/block:IfNotInfiniteScroll}
  824.  
  825. </div></div></div></div>
  826.  
  827.  
  828. <script>
  829. $( "#linksbutton" ).click(function() {
  830. $( "#sidelinks" ).show( "slow" );
  831. });
  832. </script>
  833.  
  834. <script>
  835. $(document).ready(function() {
  836. if (!readCookie('hide')) {
  837. $('#start').show();
  838. }
  839. $('#enter').click(function() {
  840. $('#start').hide( "drop", { direction: "down" }, "slow" );
  841. createCookie('hide', true, 1)
  842. return false;
  843. });
  844. });
  845.  
  846. function createCookie(name,value,days) {
  847. if (days) {
  848. var date = new Date();
  849. date.setTime(date.getTime()+(days*24*60*60*1000));
  850. var expires = "; expires="+date.toGMTString();
  851. }
  852. else var expires = "";
  853. document.cookie = name+"="+value+expires+"; path=/";
  854. }
  855.  
  856. function readCookie(name) {
  857. var nameEQ = name + "=";
  858. var ca = document.cookie.split(';');
  859. for(var i=0;i < ca.length;i++) {
  860. var c = ca[i];
  861. while (c.charAt(0)==' ') c = c.substring(1,c.length);
  862. if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
  863. }
  864. return null;
  865. }
  866.  
  867. function eraseCookie(name) {
  868. createCookie(name,"",-1);
  869. }
  870. </script>
  871.  
  872. </body>
  873.  
  874.  
  875. </html>
  876.  
  877.  
  878. <!--
  879.  
  880. THEME MADE BY BAKATHEMES OR AKATSUKII @ TUMBLR
  881. THEME BASE 01 BY SUPPISUN @ TUMBLR
  882. Edit/tweak as much as you like but pleeeeaaaase
  883. DO NOT remove the credits, copy and
  884. redistribute the theme as your own.
  885. Or else... I'll throw a refrigerator at you >:D
  886.  
  887. -->
Add Comment
Please, Sign In to add comment