Advertisement
choding

Theme1

Oct 20th, 2014
203
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.49 KB | None | 0 0
  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. <!---- ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ!
  5. ᴛʜᴇᴍᴇ ʙʏ ɢᴀʟᴀxɪᴀs-ᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  6. ʙᴀsᴇ ʙʏ ᴀɴᴢᴇʟɪᴄ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ---->
  7.  
  8. <meta name="color:Background Color" content="#f3f3f3"/>
  9.  
  10. <meta name="color:Blockquote Border" content="#5e5e5e"/>
  11. <meta name="color:Odd Text" content="#525252"/>
  12. <meta name="color:Odd Background" content="#f3f3f3"/>
  13. <meta name="color:Even Text" content="#6f6f6f"/>
  14. <meta name="color:Even Background" content="#ffffff"/>
  15.  
  16. <meta name="color:Bolded Text" content="#8b8b8b"/>
  17. <meta name="color:Italicised Text" content="#8b8b8b"/>
  18.  
  19. <meta name="color:Post Text" content="#6b6b6b"/>
  20. <meta name="color:Post Background" content="#ffffff"/>
  21. <meta name="color:Sidebar Background" content="#ffffff"/>
  22. <meta name="color:Nav Background" content="#f3f3f3"/>
  23. <meta name="color:Desc Text" content="#d7d7d7"/>
  24. <meta name="color:Asker Text" content="#6b6b6b"/>
  25. <meta name="color:Asker Hover" content="#000000"/>
  26. <meta name="color:Ask Background" content="#f3f3f3"/>
  27. <meta name="color:Track Text" content="#6b6b6b"/>
  28. <meta name="color:Track Background" content="#ffffff"/>
  29. <meta name="color:Tooltip Background" content="#ffffff"/>
  30. <meta name="color:Tooltip Text" content="#d7d7d7"/>
  31. <meta name="color:Tooltip Border" content="#00b2e2"/>
  32.  
  33. <meta name="color:Permalink Text Color" content="#7c7c7c"/>
  34. <meta name="color:Permalink Link" content="#00b2e2"/>
  35. <meta name="color:Title Text" content="#000000"/>
  36. <meta name="color:Title Link" content="#000000"/>
  37.  
  38. <meta name="color:Links" content="#00b2e2"/>
  39. <meta name="color:Hover Link" content="#000000"/>
  40.  
  41. <meta name="text:Link1" content="Link1"/>
  42. <meta name="text:Url1" content="/"/>
  43. <meta name="text:Link2" content="Link2"/>
  44. <meta name="text:Url2" content="/"/>
  45. <meta name="text:Link3" content="Link3"/>
  46. <meta name="text:Url3" content="/"/>
  47. <meta name="text:Link4" content="Link4"/>
  48. <meta name="text:Url4" content="/"/>
  49. <meta name="text:Link5" content="Link5"/>
  50. <meta name="text:Url5" content="/"/>
  51. <meta name="text:Link6" content="Link6"/>
  52. <meta name="text:Url6" content="/"/>
  53.  
  54. <meta name="text:Title" content="One More"/>
  55. <meta name="text:Quote" content="It don’t matter if you don’t like me. If you think I’m yours, ya wrong, bite me. It don’t matter if you don’t like me. If you think I’m yours, ya wrong, bite me. Hey what you say? What you wanna do?"/>
  56.  
  57. <meta name="text:Sidebar Image2" content="Title2"/>
  58. <meta name="text:Sidebar Image2 URL" content="/"/>
  59. <meta name="text:Sidebar Image3" content="Title3"/>
  60. <meta name="text:Sidebar Image3 URL" content="/"/>
  61. <meta name="text:Sidebar Image4" content="Title4"/>
  62. <meta name="text:Sidebar Image4 URL" content="/"/>
  63. <meta name="text:Sidebar Image5" content="Title5"/>
  64. <meta name="text:Sidebar Image5 URL" content="/"/>
  65. <meta name="text:Sidebar Image6" content="Title6"/>
  66. <meta name="text:Sidebar Image6 URL" content="/"/>
  67. <meta name="text:Sidebar Image7" content="Title7"/>
  68. <meta name="text:Sidebar Image7 URL" content="/"/>
  69. <meta name="text:Sidebar Image8" content="Title8"/>
  70. <meta name="text:Sidebar Image8 URL" content="/"/>
  71.  
  72. <meta name="text:Hovers1 Title" content="HOVERS 1"/>
  73. <meta name="text:Hovers2 Title" content="HOVERS 2"/>
  74. <meta name="text:Hovers3 Title" content="HOVERS 3"/>
  75. <meta name="text:Hovers4 Title" content="HOVERS 4"/>
  76. <meta name="text:Hovers5 Title" content="HOVERS 5"/>
  77. <meta name="text:MP3 Link" content=""/>
  78.  
  79. <meta name="color:Selected Text" content="#6b6a6a"/>
  80. <meta name="color:Scrollbar Background" content="#f3f3f3"/>
  81. <meta name="color:Scrollbar Trackbar" content="#00b2e2"/>
  82. <meta name="color:Desc Scrollbar Background" content="#ffffff"/>
  83. <meta name="color:Desc Scrollbar Trackbar" content="#00b2e2"/>
  84.  
  85. <meta name="Backround"content="http://i57.tinypic.com/2i6me.png"/>
  86. <meta name="image:Sidebar Image" content="http://static.tumblr.com/ssbhuug/Celn8xzw2/300x200.gif"/>
  87. <meta name="image:Sidebar Image2" content="http://static.tumblr.com/ssbhuug/r2Yn8xye9/fiestar-one-more-comeback-jei-hyemi-linzy-caolu-yezi-cheska-2014sevpoots-11.png"/>
  88. <meta name="image:Sidebar Image3" content="https://31.media.tumblr.com/b167bdcc9b4a2e60a5fba9960993ed0e/tumblr_inline_n82g6lpoHr1sbajjt.jpg"/>
  89. <meta name="image:Sidebar Image4" content="https://31.media.tumblr.com/ab660a52ceee02dc10caa0ec76c397cf/tumblr_inline_n82g6q1QsH1sbajjt.jpg"/>
  90. <meta name="image:Sidebar Image5" content="https://31.media.tumblr.com/7b782075f5a602f335972d2ab44259ce/tumblr_inline_n82g6vmlPp1sbajjt.jpg"/>
  91. <meta name="image:Sidebar Image6" content="https://31.media.tumblr.com/52113d924f1a2aa2b92be59a3eb5eb47/tumblr_inline_n82g70VjYt1sbajjt.jpg"/>
  92. <meta name="image:Sidebar Image7" content="https://31.media.tumblr.com/8b1907d513a970f3ab08a74e432a57a5/tumblr_inline_n82g774DsC1sbajjt.jpg"/>
  93. <meta name="image:Sidebar Image8" content="http://static.tumblr.com/ssbhuug/XcKn8xy2d/fiestar-one-more-comeback-jei-hyemi-linzy-caolu-yezi-cheska-2014sevpoots-10.png"/>
  94.  
  95. <meta name="image:Sidebar Image9" content=""/>
  96.  
  97. <meta name="if:ShowCaptions" content="1"/>
  98. <meta name="if:ShowTags" content="1"/>
  99. <meta name="if:Monochrome" content="0">
  100. <meta name="if:Fade" content="0">
  101.  
  102. <meta name="if:250" content="1">
  103. <meta name="if:400" content="0">
  104. <meta name="if:500" content="0">
  105.  
  106. <meta name="if:Pagination" content="0"/>
  107. <head>
  108.  
  109. <title>{Title}</title>
  110. {block:Description}
  111. <meta name="description" content="{MetaDescription}" />
  112. {/block:Description}
  113. <link rel="shortcut icon" href="{Favicon}" />
  114. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  115.  
  116. <style type="text/css">
  117.  
  118. @font-face { font-family: "tinytots"; src: url('https://dl.dropboxusercontent.com/u/67800931/tinytots.ttf'); }
  119. @import url(http://fonts.googleapis.com/css?family=Raleway:200);
  120.  
  121. @font-face { font-family: "ronda"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_ronda_seven.ttf'); }
  122.  
  123. @font-face {font-family: "vdj";src: url('https://dl.dropboxusercontent.com/u/67800931/vdj.ttf'); format("truetype");}
  124.  
  125. @font-face { font-family: "belle"; src: url('https://dl.dropboxusercontent.com/u/67800931/neou-bold.otf'); }
  126.  
  127. @font-face {font-family: "pxl"; src: url(https://dl.dropboxusercontent.com/u/67800931/pxl.ttf);}
  128.  
  129. @font-face {font-family: "gasara";src: url('https://dl.dropboxusercontent.com/u/67800931/gasara.ttf'); format("truetype");}
  130.  
  131. @font-face { font-family: "Tiny"; src: url('https://dl.dropboxusercontent.com/u/67800931/04b_03___1_.ttf'); }
  132.  
  133. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  134.  
  135. @font-face { font-family:"dixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/pf_arma_five_1_.ttf'); }
  136.  
  137. @font-face { font-family: "muli"; src: url('https://dl.dropboxusercontent.com/u/67800931/muli-light.ttf'); }
  138.  
  139. @font-face {font-family:"type_writer";src: url('https://dl.dropboxusercontent.com/u/67800931/type_writer.ttf');}
  140.  
  141. @font-face { font-family: "ppixel"; src: url('https://dl.dropboxusercontent.com/u/67800931/ppixel.ttf'); }
  142.  
  143. @font-face {font-family:"lisbon";src: url('https://dl.dropboxusercontent.com/u/67800931/lisbon-script.otf');}
  144.  
  145. @font-face {font-family: 'pixel'; src: local('04b24'), url('https://dl.dropboxusercontent.com/u/67800931/04b_24__.ttf') format('woff'); }
  146.  
  147. *, body, a {cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
  148.  
  149. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  150.  
  151. ::selection {
  152. background:transparent;
  153. color:#000000;
  154. text-shadow: 0px 0px 1px {color:Selected Text};
  155. }
  156.  
  157. ::-moz-selection {
  158. background:transparent;
  159. color:#000000;
  160. text-shadow: 0px 0px 1px {color:Selected Text};
  161. }
  162.  
  163. ::-webkit-selection {
  164. background:transparent;
  165. color:#000000;
  166. text-shadow: 0px 0px 1px {color:Selected Text};
  167. }
  168.  
  169.  
  170.  
  171. /* THEME SPECIALS */
  172.  
  173. ::-webkit-scrollbar-thumb {
  174. background-color:{color:Scrollbar Trackbar};
  175. border: 3px solid {color:Scrollbar Background};
  176. height:auto;
  177. border-bottom:none;
  178. }
  179.  
  180. ::-webkit-scrollbar {
  181. height:9px;
  182. width:9px;
  183. background-color:{color:Scrollbar Trackbar};
  184. border:4px solid {color:Scrollbar Background};
  185. }
  186.  
  187. /* BODY */
  188. body {
  189. background-image:url(http://i57.tinypic.com/2i6me.png);
  190. background-repeat:no-repeat;
  191. background-attachment: fixed;
  192. background-color: {color:background color};
  193. background-position: bottom right;
  194. margin: 0;
  195. }
  196.  
  197. a:link, a:visited, a:active {
  198. text-decoration: none;
  199. color: {color:Links};
  200. -moz-transition:all ease-in-out 0.7s;
  201. -webkit-transition:all ease-in-out 0.7s;
  202. -o-transition:all ease-in-out 0.7s;
  203. transition:all ease-in-out 0.7s;
  204. }
  205.  
  206. a:hover {
  207. color: {color:hover link};
  208. }
  209.  
  210. b, strong {
  211. color: {color:bolded text};
  212. }
  213.  
  214. i, em {
  215. color: {color:italicised text};
  216. }
  217.  
  218. small, sub, sup, code {
  219. font-family:trebuchet ms;
  220. font-size:9px;
  221. letter-spacing: 1;
  222. line-height: 100%;
  223. margin-top: 10px !important;
  224. line-height: 90%;
  225. }
  226.  
  227. pre {
  228. width:100%;
  229. font-family: 'tinytots';
  230. font-size: 8px;
  231. text-align:center;
  232. text-transform: uppercase;
  233. white-space:pre-wrap;
  234. word-wrap:break-word;
  235. padding:3px;
  236. }
  237.  
  238. code {
  239. font-family: 'tinytots';
  240. font-size: 8px;
  241. text-transform: uppercase;
  242. letter-spacing: 1;
  243. line-height: 100%;
  244. }
  245.  
  246. blockquote {
  247. margin-left:5px;
  248. width:90%;
  249. padding-left:5px;
  250. border-left: solid 1px #5e5e5e;
  251. overflow:hidden;
  252. }
  253.  
  254. blockquote blockquote {
  255. margin-left: 10px;
  256. width: 85%;
  257. text-align: justify;
  258. border-left: solid 1px #5e5e5e ;
  259. padding: 5px;
  260. overflow:hidden;
  261. }
  262.  
  263. blockquote img {
  264. {block:if250}max-width:210px !important;{/block:if250}
  265. {block:if400}max-width:330px !important;{/block:if400}
  266. {block:if500}max-width:420px !important;{/block:if500}
  267. {block:ifFade}opacity: .5;{/block:ifFade}
  268. overflow:hidden;
  269. }
  270.  
  271. blockquote blockquote img {
  272. {block:if250}max-width:180px !important;{/block:if250}
  273. {block:if400}max-width:285px !important;{/block:if400}
  274. {block:if500}max-width:355px !important;{/block:if500}
  275. {block:ifFade}opacity: .5;{/block:ifFade}
  276. overflow:hidden;
  277. }
  278.  
  279. blockquote img:hover {
  280. {block:ifFade}opacity: 1;{/block:ifFade}
  281.  
  282. }
  283.  
  284. blockquote blockquote img:hover {
  285. {block:ifFade}opacity: 1;{/block:ifFade}
  286. }
  287.  
  288. .alignment {
  289. position: relative;
  290. margin-left: 150px;
  291. margin-top: 10px;
  292. height: 100%;
  293. height: auto !important;
  294. min-height: 100%;
  295. {block:if250}width:250px;{/block:if250}
  296. {block:if400}width:400px;{/block:if400}
  297. {block:if500}width:500px;{/block:if500}
  298. }
  299.  
  300. /* QUOTES */
  301.  
  302. #quote {
  303. color: #d7d7d7;
  304. font-family:'trebuchet ms';
  305. font-size:11px;
  306. font-style:italic;
  307. }
  308.  
  309. #source {
  310. font-family:'pxl';
  311. font-size:10px;
  312. letter-spacing:1px;
  313. text-align:right;
  314. text-transform:uppercase;
  315. }
  316.  
  317. /* CONTENT WRAPPER */
  318.  
  319. #wrapper {
  320. width:270px;
  321. height:auto;
  322. margin-left:-25px;
  323. margin-right:auto;
  324. margin-top:40px;
  325. margin-bottom:40px;
  326. position:relative;
  327. }
  328.  
  329. /* SB WRAPPER */
  330.  
  331. #sidebar {
  332. width: 500px;
  333. margin: 0 auto;
  334. margin-left:890px;
  335. margin-top:450px;
  336. position:fixed;
  337. -webkit-transition:all 0.7s ease-in-out;
  338. -moz-transition:all 0.7s ease-in-out;
  339. -o-transition:all 0.7s ease-in-out;
  340. -ms-transition:all 0.7s ease-in-out;
  341. transition:all 0.7s ease-in-out;
  342. }
  343.  
  344. /* BLOG POSTS */
  345.  
  346. .posts {
  347. {block:if250}width:250px;{/block:if250}
  348. {block:if400}width:400px;{/block:if400}
  349. {block:if500}width:500px;{/block:if500}
  350. font-family:'trebuchet ms';
  351. font-size:9px;
  352. letter-spacing: 1;
  353. line-height: 100%;
  354. color: #a2a2a2;
  355. text-align: justify;
  356. word-wrap:break-word;
  357. background-color: #525252;
  358. padding: 10px;
  359. margin-bottom: 20px;
  360. -moz-transition:all ease-in-out 0.7s;
  361. -webkit-transition:all ease-in-out 0.7s;
  362. -o-transition:all ease-in-out 0.7s;
  363. transition:all ease-in-out 0.7s;
  364. }
  365.  
  366. .postinfo {
  367. {block:if250}width:250px;{/block:if250}
  368. {block:if400}width:400px;{/block:if400}
  369. {block:if500}width:500px;{/block:if500}
  370. font-family:'trebuchet ms';
  371. font-size:9px;
  372. letter-spacing: 1;
  373. line-height: 100%;
  374. color: #a2a2a2;
  375. text-align: justify;
  376. word-wrap:break-word;
  377. margin-top: -15px;
  378. background-color: #525252;
  379. padding: 10px;
  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. }
  385.  
  386. .postcontainer img:hover, #photoset:hover {
  387. -moz-transition:all ease-in-out 0.7s;
  388. -webkit-transition:all ease-in-out 0.7s;
  389. -o-transition:all ease-in-out 0.7s;
  390. transition:all ease-in-out 0.7s;
  391. -webkit-filter: grayscale(0%) !important;
  392. opacity: 1;
  393. }
  394.  
  395. .postcontainer img, #photoset {
  396. {block:if250}max-width:250px;{/block:if250}
  397. {block:if400}max-width:400px;{/block:if400}
  398. {block:if500}max-width:500px;{/block:if500}
  399. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  400. {/block:ifMonochrome}
  401. {block:ifFade}opacity: .5;{/block:ifFade}
  402. -moz-transition:all ease-in-out 0.7s;
  403. -webkit-transition:all ease-in-out 0.7s;
  404. -o-transition:all ease-in-out 0.7s;
  405. transition:all ease-in-out 0.7s;
  406. }
  407.  
  408. .photopost img {
  409. {block:if250}max-width: 250px !important; {/block:if250}
  410. {block:if400}max-width: 400px !important; {/block:if400}
  411. {block:if500}max-width: 500px !important; {/block:if500}
  412. {block:ifFade}opacity: .5;{/block:ifFade}
  413. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  414. {/block:ifMonochrome}
  415. -moz-transition:all ease-in-out 0.7s;
  416. -webkit-transition:all ease-in-out 0.7s;
  417. -o-transition:all ease-in-out 0.7s;
  418. transition:all ease-in-out 0.7s;
  419. }
  420.  
  421. .photopost img:hover {
  422. {block:ifFade}opacity: 1;{/block:ifFade}
  423. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  424. {/block:ifMonochrome}
  425. -moz-transition:all ease-in-out 0.7s;
  426. -webkit-transition:all ease-in-out 0.7s;
  427. -o-transition:all ease-in-out 0.7s;
  428. transition:all ease-in-out 0.7s;
  429. }
  430.  
  431. .posts img, #photoset {
  432. {block:if250}max-width: 250px !important; {/block:if250}
  433. {block:if400}max-width: 400px !important; {/block:if400}
  434. {block:if500}max-width: 500px !important; {/block:if500}
  435. {block:ifFade}opacity: .5;{/block:ifFade}
  436. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  437. {/block:ifMonochrome}
  438. -moz-transition:all ease-in-out 0.7s;
  439. -webkit-transition:all ease-in-out 0.7s;
  440. -o-transition:all ease-in-out 0.7s;
  441. transition:all ease-in-out 0.7s;
  442. }
  443.  
  444. .posts img:hover {
  445. {block:ifFade}opacity: 1;{/block:ifFade}
  446. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  447. {/block:ifMonochrome}
  448. -moz-transition:all ease-in-out 0.7s;
  449. -webkit-transition:all ease-in-out 0.7s;
  450. -o-transition:all ease-in-out 0.7s;
  451. transition:all ease-in-out 0.7s;
  452. }
  453.  
  454. .video {
  455. {block:if250}max-width: 250px !important; {/block:if250}
  456. {block:if400}max-width: 400px !important; {/block:if400}
  457. {block:if500}max-width: 500px !important; {/block:if500}
  458. {block:ifFade}opacity: .5;{/block:ifFade}
  459. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  460. {/block:ifMonochrome}
  461. -moz-transition:all ease-in-out 0.7s;
  462. -webkit-transition:all ease-in-out 0.7s;
  463. -o-transition:all ease-in-out 0.7s;
  464. transition:all ease-in-out 0.7s;
  465. }
  466.  
  467. .video:hover {
  468. {block:ifFade}opacity: 1;{/block:ifFade}
  469. {block:ifMonochrome}-webkit-filter: grayscale(0%);
  470. {/block:ifMonochrome}
  471. -moz-transition:all ease-in-out 0.7s;
  472. -webkit-transition:all ease-in-out 0.7s;
  473. -o-transition:all ease-in-out 0.7s;
  474. transition:all ease-in-out 0.7s;
  475. }
  476.  
  477.  
  478. .postnotes {
  479. {block:if250}width:250px;{/block:if250}
  480. {block:if400}width:400px;{/block:if400}
  481. {block:if500}width:500px;{/block:if500}
  482. font-family: 'tinytots';
  483. font-size: 8px;
  484. letter-spacing: 1;
  485. line-height: 100%;
  486. color: #848484;
  487. text-align: left;
  488. text-transform: uppercase;
  489. word-wrap:break-word;
  490. background-color:#d7d7d7;
  491. padding: 10px;
  492. -moz-transition:all ease-in-out 0.7s;
  493. -webkit-transition:all ease-in-out 0.7s;
  494. -o-transition:all ease-in-out 0.7s;
  495. transition:all ease-in-out 0.7s;
  496. }
  497.  
  498. .postnotes img {
  499. display:none;
  500.  
  501. }
  502.  
  503. .postperma {
  504. {block:if250}width:268px;{/block:if250}
  505. {block:if400}width:418px;{/block:if400}
  506. {block:if500}width:518px;{/block:if500}
  507. margin-top: -18px;
  508. margin-bottom: 20px;
  509. font-family: dixel;
  510. font-size: 8px;
  511. color: #471b1b;
  512. text-transform: uppercase;
  513. text-align:center;
  514. line-height:100%;
  515. background-color: #525252;
  516. padding:1px;
  517. -moz-transition:all ease-in-out 0.7s;
  518. -webkit-transition:all ease-in-out 0.7s;
  519. -o-transition:all ease-in-out 0.7s;
  520. transition:all ease-in-out 0.7s;
  521.  
  522. }
  523.  
  524. .postperma a {
  525. color: #471b1b;
  526. -moz-transition:all ease-in-out 0.7s;
  527. -webkit-transition:all ease-in-out 0.7s;
  528. -o-transition:all ease-in-out 0.7s;
  529. transition:all ease-in-out 0.7s;
  530.  
  531. }
  532.  
  533. .postperma a:hover {
  534. color: #471b1b;
  535. -moz-transition:all ease-in-out 0.7s;
  536. -webkit-transition:all ease-in-out 0.7s;
  537. -o-transition:all ease-in-out 0.7s;
  538. transition:all ease-in-out 0.7s;
  539.  
  540. }
  541.  
  542. #posttitle {
  543. font-family:'bebas neue';
  544. font-size:20px;
  545. letter-spacing:1px;
  546. line-height:16px;
  547. text-transform:uppercase;
  548. text-align:center;
  549. }
  550.  
  551. #permtitle {
  552. font-family: 'vdj';
  553. color: #471b1b;
  554. font-size: 8px;
  555. padding: 5px;
  556. margin-top: 5px;
  557. text-align: center;
  558. text-transform: uppercase;
  559. }
  560.  
  561. #odd {
  562. padding:2px;
  563. font-family:'trebuchet ms';
  564. font-size:9px;
  565. color:{color:Odd Text};
  566. background-color: {color:Odd Background};
  567. }
  568.  
  569. #even {
  570. padding:2px;
  571. font-family:trebuchet ms;
  572. font-size:9px;
  573. color:{color:Even Text};
  574. background-color: {color:Even Background};
  575. }
  576.  
  577. #tags {
  578. font-family: 'tinytots';
  579. font-size: 8px;
  580. text-transform: uppercase;
  581. letter-spacing: 1;
  582. line-height: 100%;
  583. }
  584.  
  585.  
  586. /* AUDIO */
  587.  
  588. .album {
  589. background-repeat: no-repeat;
  590. background-position: center;
  591. position: absolute;
  592. width: 86px;
  593. height: 86px;
  594. background-size: 60px;
  595. overflow: hidden;
  596. background-color: {color:Track Background};
  597. -moz-transition:all ease-in-out 0.7s;
  598. -webkit-transition:all ease-in-out 0.7s;
  599. -o-transition:all ease-in-out 0.7s;
  600. transition:all ease-in-out 0.7s;
  601. }
  602.  
  603. .album img {
  604. width: 86px;
  605. height: 86px;
  606. overflow: hidden;
  607. -moz-transition:all ease-in-out 0.7s;
  608. -webkit-transition:all ease-in-out 0.7s;
  609. -o-transition:all ease-in-out 0.7s;
  610. transition:all ease-in-out 0.7s;
  611. {block:ifMonochrome}-webkit-filter: grayscale(100%);
  612. {/block:ifMonochrome}
  613. {block:ifFade}opacity:.5;{/block:ifFade}
  614. }
  615.  
  616. .album img:hover {
  617. -moz-transition:all ease-in-out 0.7s;
  618. -webkit-transition:all ease-in-out 0.7s;
  619. -o-transition:all ease-in-out 0.7s;
  620. transition:all ease-in-out 0.7s;
  621. {block:ifMonochrome}-webkit-filter: grayscale(0%) !important;
  622. {/block:ifMonochrome}
  623. {block:ifFade}opacity:1;{/block:ifFade}
  624. }
  625.  
  626. .player {
  627. width: 10px;
  628. height: 11px;
  629. overflow: hidden;
  630. padding: 4px 21px 21px 4px;
  631. margin-top: 27px;
  632. margin-left: 26px;
  633. position: absolute;
  634. background-color: #fff;
  635. opacity: 0.5;
  636. z-index: 10;
  637. -webkit-transition: all 0.4s linear;
  638. -moz-transition: all 0.4s linear;
  639. -o-transition: all 0.4s linear;
  640. -moz-border-radius: 30px;
  641. -webkit-border-radius: 30px;
  642. border-radius: 30px;
  643. }
  644.  
  645. .album:hover .player {
  646. {block:ifMonochrome}opacity: 0.5;{/block:ifMonochrome}
  647. }
  648.  
  649. .track {
  650. margin-left: 90px;
  651. min-height: 80px;
  652. max-height: 100px;
  653. overflow: auto;
  654. font-family:dixel;
  655. font-size: 8px;
  656. padding: 3px;
  657. color: {color:Track Text};
  658. text-transform: uppercase;
  659. letter-spacing: 1px;
  660. background: {color:Track Background};
  661. }
  662.  
  663.  
  664. /* QUESTION */
  665.  
  666. #ask {
  667. {block:if250}max-width:250px;{/block:if250}
  668. {block:if400}max-width:400px;{/block:if400}
  669. {block:if500}max-width:500px;{/block:if500}
  670. background-color: {color:Ask Background};
  671. }
  672.  
  673. .as {
  674. min-height: auto;
  675. padding: 5px;
  676. padding-bottom:8px;
  677. background-color: {color:Ask Background};
  678. }
  679.  
  680. .aske {
  681. margin-top:5px;
  682. font-family:'bebas neue';
  683. font-size:18px;
  684. line-height:13px;
  685. text-align:center;
  686. border-bottom:solid 1px {color:Tooltip Border};
  687. text-transform:none;
  688. color: {color:asker text};
  689. background-color: {color:Ask Background};
  690. -moz-transition:all ease-in-out 0.7s;
  691. -webkit-transition:all ease-in-out 0.7s;
  692. -o-transition:all ease-in-out 0.7s;
  693. transition:all ease-in-out 0.7s;
  694. }
  695.  
  696. .aske:hover {
  697. -moz-transition:all ease-in-out 0.7s;
  698. -webkit-transition:all ease-in-out 0.7s;
  699. -o-transition:all ease-in-out 0.7s;
  700. transition:all ease-in-out 0.7s;
  701. }
  702.  
  703. .que {
  704. font-family: ppixel;
  705. font-size: 8px;
  706. text-align:center;
  707. text-transform:uppercase;
  708. color: {color:ask text};
  709. }
  710.  
  711. .ans {
  712. font-family:trebuchet ms;
  713. font-size:9px;
  714. color: {color:ask text};
  715. }
  716.  
  717. /* Hover Title Style */
  718.  
  719. #s-m-t-tooltip{
  720. max-width:250px;
  721. margin-top:25px;
  722. margin-left:15px;
  723. padding-left:4px;
  724. padding-right:4px;
  725. z-index:9999999;
  726. background-color: {color:Tooltip Background};
  727. color:#602323;
  728. font-family:'dixel';
  729. font-size:8px;
  730. letter-spacing:0px;
  731. text-transform:uppercase;
  732. text-align:center;
  733. line-height:14px;
  734. border-left: 3px solid {color:Tooltip Border};
  735. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  736. }
  737.  
  738.  
  739. /* IMAGES */
  740.  
  741. #sidepic {
  742. position:absolute;
  743. margin-top: -215px;
  744. margin-left: -381px;
  745. width:200px;
  746. height:300px;
  747. padding:3px;
  748. background: #444444;
  749. }
  750.  
  751. #sidepic img {
  752. width:200px;
  753. height:300px;
  754. {block:ifMonochrome}opacity:.5;
  755. -webkit-filter: grayscale(100%);
  756. {/block:ifMonochrome}
  757. -webkit-transition: all 0.7s ease-in-out;
  758. -moz-transition: all 0.7s ease-in-out;
  759. -o-transition: all 0.7s ease-in-out;
  760. -ms-transition: all 0.7s ease-in-out;
  761. transition: all 0.7s ease-in-out;
  762. }
  763.  
  764. #sidepic img:hover {
  765. {block:ifMonochrome}opacity:1;
  766. -webkit-filter: grayscale(0%) !important;
  767. {/block:ifMonochrome}
  768. -webkit-transition: all 0.7s ease-in-out;
  769. -moz-transition: all 0.7s ease-in-out;
  770. -o-transition: all 0.7s ease-in-out;
  771. -ms-transition: all 0.7s ease-in-out;
  772. transition: all 0.7s ease-in-out;
  773. }
  774.  
  775. /* DESCRIPTION */
  776.  
  777. .desc {
  778. position:absolute;
  779. overflow:auto;
  780. margin-top: -19px;
  781. margin-left: -371px;
  782. width:180px;
  783. height:86px;
  784. font-family: 'dixel';
  785. font-size: 8px;
  786. color:#d7d7d7;
  787. border-top:3px double #471b1b;
  788. border-bottom:3px double #471b1b;
  789. text-transform: uppercase;
  790. padding:3px;
  791. opacity:0;
  792. background: #444444;
  793. text-align: center;
  794. -webkit-transition:all 0.7s ease-in-out;
  795. -moz-transition:all 0.7s ease-in-out;
  796. -o-transition:all 0.7s ease-in-out;
  797. -ms-transition:all 0.7s ease-in-out;
  798. transition:all 0.7s ease-in-out;
  799. }
  800.  
  801. .desc a {
  802. color:#b6b5b5;
  803. -moz-transition:all ease-in-out 0.7s;
  804. -webkit-transition:all ease-in-out 0.7s;
  805. -o-transition:all ease-in-out 0.7s;
  806. transition:all ease-in-out 0.7s;
  807. }
  808.  
  809. .desc a:hover {
  810. color:#b6b5b5;
  811. -moz-transition:all ease-in-out 0.7s;
  812. -webkit-transition:all ease-in-out 0.7s;
  813. -o-transition:all ease-in-out 0.7s;
  814. transition:all ease-in-out 0.7s;
  815. }
  816.  
  817. .desc::-webkit-scrollbar-thumb {
  818. background-color:{color:Desc Scrollbar Trackbar};
  819. border: 3px solid {color:Desc Scrollbar Background};
  820. height:auto;
  821. border-bottom:none;
  822. }
  823.  
  824. .desc::-webkit-scrollbar {
  825. height:9px;
  826. width:9px;
  827. background-color:{color:Desc Scrollbar Trackbar};
  828. border:4px solid {color:Desc Scrollbar Background};
  829. }
  830.  
  831. #sidebar:hover .desc {
  832. margin-top:-121px;
  833. color:#b6b5b5;
  834. opacity:0.9;
  835. background: #444444;
  836. -webkit-transition:all 0.7s ease-in-out;
  837. -moz-transition:all 0.7s ease-in-out;
  838. -o-transition:all 0.7s ease-in-out;
  839. -ms-transition:all 0.7s ease-in-out;
  840. transition:all 0.7s ease-in-out;
  841. }
  842.  
  843. /* DESCRIPTION */
  844.  
  845. .titleu {
  846. position:absolute;
  847. margin-top: -50px;
  848. margin-left: -251px;
  849. width:300px;
  850. height:auto;
  851. font-family: 'bebas neue';
  852. font-size: 48px;
  853. z-index:-1;
  854. word-spacing:6px;
  855. color:#602323;
  856. text-transform: none;
  857. letter-spacing: 0px;
  858. padding:3px;
  859. text-shadow: 0px 0px 1px {color:Selected Text};
  860. background: transparent;
  861. text-align: center;
  862. -webkit-transition:all 0.7s ease-in-out;
  863. -moz-transition:all 0.7s ease-in-out;
  864. -o-transition:all 0.7s ease-in-out;
  865. -ms-transition:all 0.7s ease-in-out;
  866. transition:all 0.7s ease-in-out;
  867. }
  868.  
  869. .titleu a {
  870. color: #4f1e1e;
  871. -moz-transition:all ease-in-out 0.7s;
  872. -webkit-transition:all ease-in-out 0.7s;
  873. -o-transition:all ease-in-out 0.7s;
  874. transition:all ease-in-out 0.7s;
  875. }
  876.  
  877. .titleu a:hover {
  878. color: #4f1e1e;
  879. -moz-transition:all ease-in-out 0.7s;
  880. -webkit-transition:all ease-in-out 0.7s;
  881. -o-transition:all ease-in-out 0.7s;
  882. transition:all ease-in-out 0.7s;
  883. }
  884.  
  885. #titleu:hover {
  886. width:200px;
  887.  
  888. }
  889.  
  890. /* MUSIC */
  891.  
  892. .music {
  893. position:absolute;
  894. margin-top: 68px;
  895. margin-left: -37px;
  896. width: 108px;
  897. height: 22px;
  898. font-family: 'ms gothic';
  899. font-size: 10px;
  900. color: #5d5b5b;
  901. opacity:100;
  902. text-transform: uppercase;
  903. letter-spacing: 0px;
  904. text-align: center;
  905. background:#444444;
  906. -webkit-transition:all 0.7s ease-in-out;
  907. -moz-transition:all 0.7s ease-in-out;
  908. -o-transition:all 0.7s ease-in-out;
  909. -ms-transition:all 0.7s ease-in-out;
  910. transition:all 0.7s ease-in-out;
  911. }
  912.  
  913. #music:hover {
  914. opacity:1;
  915.  
  916. }
  917.  
  918. /* NAVIGATION*/
  919.  
  920. .sidenav {
  921. position:absolute;
  922. margin-top: 1px;
  923. margin-left: -132px;
  924. width:89px;
  925. height:85px;
  926. padding:2px;
  927. font-family: 'pxl';
  928. font-size: 10px;
  929. text-transform:uppercase;
  930. text-align: center;
  931. background: #444444;
  932.  
  933. }
  934.  
  935. .sidenav a {
  936. display: inline-block;
  937. margin-top:1px;
  938. margin-right:1px;
  939. margin-left:1px;
  940. width: 83px;
  941. padding:2px;
  942. height: auto;
  943. color: #471b1b;
  944. background: #575656};
  945. -webkit-transition:all 0.7s ease-in-out;
  946. -moz-transition:all 0.7s ease-in-out;
  947. -o-transition:all 0.7s ease-in-out;
  948. -ms-transition:all 0.7s ease-in-out;
  949. transition:all 0.7s ease-in-out;
  950. }
  951.  
  952.  
  953. .sidenav a:hover {
  954. color: #444444;
  955. background: #682e2e;
  956. -webkit-transition:all 0.7s ease-in-out;
  957. -moz-transition:all 0.7s ease-in-out;
  958. -o-transition:all 0.7s ease-in-out;
  959. -ms-transition:all 0.7s ease-in-out;
  960. transition:all 0.7s ease-in-out;
  961. }
  962.  
  963. /* QUOTEZ */
  964.  
  965. .quotz {
  966. position:absolute;
  967. overflow:auto;
  968. margin-top: -137px;
  969. margin-left: -170px;
  970. width:126px;
  971. height:88px;
  972. font-family: 'pixel';
  973. font-size: 8px;
  974. color:#9a9a9a;
  975. text-transform: uppercase;
  976. padding:3px;
  977. background: #444444;
  978. text-align: center;
  979. -webkit-transition:all 0.7s ease-in-out;
  980. -moz-transition:all 0.7s ease-in-out;
  981. -o-transition:all 0.7s ease-in-out;
  982. -ms-transition:all 0.7s ease-in-out;
  983. transition:all 0.7s ease-in-out;
  984. }
  985.  
  986. .quotz a {
  987. color: {color:Links};
  988. -moz-transition:all ease-in-out 0.7s;
  989. -webkit-transition:all ease-in-out 0.7s;
  990. -o-transition:all ease-in-out 0.7s;
  991. transition:all ease-in-out 0.7s;
  992. }
  993.  
  994. .quotz a:hover {
  995. color: {color:hover link};
  996. -moz-transition:all ease-in-out 0.7s;
  997. -webkit-transition:all ease-in-out 0.7s;
  998. -o-transition:all ease-in-out 0.7s;
  999. transition:all ease-in-out 0.7s;
  1000. }
  1001.  
  1002. .quotz::-webkit-scrollbar-thumb {
  1003. background-color:{color:Desc Scrollbar Trackbar};
  1004. border: 3px solid {color:Desc Scrollbar Background};
  1005. height:auto;
  1006. border-bottom:none;
  1007. }
  1008.  
  1009. .quotz::-webkit-scrollbar {
  1010. height:9px;
  1011. width:9px;
  1012. background-color:{color:Desc Scrollbar Trackbar};
  1013. border:4px solid {color:Desc Scrollbar Background};
  1014. }
  1015.  
  1016. /* HOVERS */
  1017.  
  1018. .hovar {
  1019. position:absolute;
  1020. margin-top: 1px;
  1021. margin-left: -170px;
  1022. width:29px;
  1023. height:83px;
  1024. font-family: 'pixel';
  1025. font-size: 10px;
  1026. line-height:17px;
  1027. color: #5d2525;
  1028. text-transform: uppercase;
  1029. padding:3px;
  1030. background: #444444;
  1031. text-align: center;
  1032. -webkit-transition:all 0.7s ease-in-out;
  1033. -moz-transition:all 0.7s ease-in-out;
  1034. -o-transition:all 0.7s ease-in-out;
  1035. -ms-transition:all 0.7s ease-in-out;
  1036. transition:all 0.7s ease-in-out;
  1037. }
  1038.  
  1039. .hovar a {
  1040. color: #5d2525;
  1041. text-align: center;
  1042. -moz-transition:all ease-in-out 0.7s;
  1043. -webkit-transition:all ease-in-out 0.7s;
  1044. -o-transition:all ease-in-out 0.7s;
  1045. transition:all ease-in-out 0.7s;
  1046. }
  1047.  
  1048. .hovar a:hover {
  1049. text-align: center;
  1050. color: #5d2525;
  1051. -moz-transition:all ease-in-out 0.7s;
  1052. -webkit-transition:all ease-in-out 0.7s;
  1053. -o-transition:all ease-in-out 0.7s;
  1054. transition:all ease-in-out 0.7s;
  1055. }
  1056.  
  1057. .hovar::-webkit-scrollbar-thumb {
  1058. background-color:{color:Desc Scrollbar Trackbar};
  1059. border: 3px solid {color:Desc Scrollbar Background};
  1060. height:auto;
  1061. border-bottom:none;
  1062. }
  1063.  
  1064. .hovar::-webkit-scrollbar {
  1065. height:9px;
  1066. width:9px;
  1067. background-color:{color:Desc Scrollbar Trackbar};
  1068. border:4px solid {color:Desc Scrollbar Background};
  1069. }
  1070.  
  1071. /* IMAGES2 */
  1072.  
  1073. #otherpics {
  1074. position:absolute;
  1075. margin-top: -173px;
  1076. margin-left: -171px;
  1077. height:27px;
  1078. width:126px;
  1079. padding:3px;
  1080. background: #444444;
  1081. }
  1082.  
  1083. #otherpics img {
  1084. width:27px;
  1085. height:27px;
  1086. opacity:0.50;
  1087. -webkit-transition: all 0.7s ease-in-out;
  1088. -moz-transition: all 0.7s ease-in-out;
  1089. -o-transition: all 0.7s ease-in-out;
  1090. -ms-transition: all 0.7s ease-in-out;
  1091. transition: all 0.7s ease-in-out;
  1092. }
  1093.  
  1094. #otherpics img:hover {
  1095. -webkit-transition: all 0.7s ease-in-out;
  1096. -moz-transition: all 0.7s ease-in-out;
  1097. -o-transition: all 0.7s ease-in-out;
  1098. -ms-transition: all 0.7s ease-in-out;
  1099. transition: all 0.7s ease-in-out;
  1100. }
  1101.  
  1102. /* BORDER */
  1103.  
  1104. .border1 {
  1105. position:absolute;
  1106. margin-top: -265px;
  1107. margin-left: -381px;
  1108. z-index:-1;
  1109. background: transparent;
  1110. width:306px;
  1111. height:356px;
  1112. }
  1113.  
  1114. .border2 {
  1115. position:fixed;
  1116. margin-top: -490px;
  1117. margin-left: -867px;
  1118. z-index:-1;
  1119. background: #444444;
  1120. width:70px;
  1121. height:100%;
  1122. }
  1123. .border3 {
  1124. position:fixed;
  1125. margin-top: -490px;
  1126. margin-left: -790px;
  1127. z-index:-1;
  1128. background:#444444;
  1129. width:5px;
  1130. height:100%;
  1131. }
  1132. /* PAGINATION */
  1133.  
  1134. .pagination {
  1135. position:absolute;
  1136. height:5px;
  1137. margin-top:84px;
  1138. margin-left: -381px;
  1139. width:300px;
  1140. padding:3px;
  1141. color: {color:desc text};
  1142. background:transparent;
  1143. text-align:center;
  1144. font-size:8px;
  1145. font-family: ppixel;
  1146. z-index:9999;
  1147. }
  1148.  
  1149. .pagination a{
  1150. color: {color:links};
  1151. -webkit-transition:all 0.7s ease-in-out;
  1152. -moz-transition:all 0.7s ease-in-out;
  1153. -o-transition:all 0.7s ease-in-out;
  1154. -ms-transition:all 0.7s ease-in-out;
  1155. transition:all 0.7s ease-in-out;
  1156. }
  1157. #sidepic9 {
  1158. position:absolute;
  1159. margin-top: -174px;
  1160. margin-left: -37px;
  1161. width:100px;
  1162. height:235px;
  1163. padding:3px;
  1164. background: #525252;
  1165. }
  1166.  
  1167. #sidepic img9 {
  1168. width:100px;
  1169. height:235px;
  1170. {block:ifMonochrome}opacity:.5;
  1171. -webkit-filter: grayscale(100%);
  1172. {/block:ifMonochrome}
  1173. -webkit-transition: all 0.7s ease-in-out;
  1174. -moz-transition: all 0.7s ease-in-out;
  1175. -o-transition: all 0.7s ease-in-out;
  1176. -ms-transition: all 0.7s ease-in-out;
  1177. transition: all 0.7s ease-in-out;
  1178. }
  1179.  
  1180. #sidepic img9:hover {
  1181. {block:ifMonochrome}opacity:1;
  1182. -webkit-filter: grayscale(0%) !important;
  1183. {/block:ifMonochrome}
  1184. -webkit-transition: all 0.7s ease-in-out;
  1185. -moz-transition: all 0.7s ease-in-out;
  1186. -o-transition: all 0.7s ease-in-out;
  1187. -ms-transition: all 0.7s ease-in-out;
  1188. transition: all 0.7s ease-in-out; }
  1189.  
  1190. #image-bottom-right{
  1191. width:280px;
  1192. height:200px;
  1193. position:fixed;
  1194. margin-top:-340px;
  1195. margin-left:-200px;}
  1196.  
  1197. </style>
  1198. <style type="text/css">{CustomCSS}</style>
  1199.  
  1200. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  1201.  
  1202. {block:ifnotPagination}
  1203. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  1204. {block:ifnotPagination}
  1205.  
  1206.  
  1207. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1208. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  1209. <script>
  1210. (function($){
  1211. $(document).ready(function(){
  1212. $("[title],a[title],img[title]").style_my_tooltips({
  1213. tip_follows_cursor:true,
  1214. tip_delay_time:100,
  1215. tip_fade_speed:300,
  1216. attribute:"title"
  1217. });
  1218. });
  1219. })(jQuery);
  1220. </script>
  1221. </head>
  1222.  
  1223. <body>
  1224.  
  1225. <div id="wrapper">
  1226.  
  1227. <div id="sidebar">
  1228.  
  1229. <div id="sidepic"><img src="{image:Sidebar Image}"/></div>
  1230. <div id="sidepic9"><img src="{image:Sidebar Image9}"/></div>
  1231. <div class="desc">
  1232. {description}
  1233. </div>
  1234.  
  1235. <div id="image-bottom-right">
  1236. <img src="http://fc05.deviantart.net/fs71/f/2014/039/5/1/birds_png_by_milkyanunnie-d75kvwm.png
  1237. "width="300" height="290">
  1238. </div>
  1239.  
  1240. <div class="titleu">
  1241. {text:title}
  1242. </div>
  1243.  
  1244. <!--- You can change the color of the music player and its buttons or hovers here --->
  1245.  
  1246. <div class="music">
  1247. <center>
  1248. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="100" height="19">
  1249. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
  1250. <param name="bgcolor" value="#444444" />
  1251. <param name="FlashVars" value="mp3={text:MP3 Link}&amp;width=100&amp;volume=50&amp;autoplay=1&amp;loop=1&amp;showslider=0&amp;sliderwidth=0&amp;sliderheight=0&amp;volumewidth=0&amp;volumeheight=0&amp;loadingcolor=5d5b5b&amp;bgcolor1=444444&amp;bgcolor2=444444&amp;slidercolor1=&amp;slidercolor2=&amp;sliderovercolor=&amp;buttoncolor=5d5b5b&amp;buttonovercolor=5d5b5b&amp;textcolor=&amp;showlist=0&amp;playlistcolor=&amp;playlistalpha=0&amp;currentmp3color=&amp;scrollbarcolor=&amp;scrollbarovercolor=&amp;showplaylistnumbers=0" />
  1252. </object>
  1253. </div>
  1254.  
  1255. <div class="sidenav">
  1256. <center><a href="{text:Url1}">{text:Link1}</a>
  1257. <a href="{text:Url2}">{text:Link2}</a>
  1258. <a href="{text:Url3}">{text:Link3}</a>
  1259. <a href="{text:Url4}">{text:Link4}</a>
  1260. <a href="{text:Url5}">{text:Link5}</a>
  1261. <a href="{text:Url6}">{text:Link6}</a></center>
  1262. </div>
  1263.  
  1264. <div class="quotz">
  1265. {text:quote}
  1266. </div>
  1267.  
  1268. <div class="hovar">
  1269. <a title="{text:Hovers1 title}">●</a><br>
  1270. <a title="{text:Hovers2 title}">●</a><br>
  1271. <a title="{text:Hovers3 title}">●</a><br>
  1272. <a title="{text:Hovers4 title}">●</a><br>
  1273. <a title="{text:Hovers5 title}">●</a>
  1274. </div>
  1275.  
  1276. <div id="otherpics">
  1277. <marquee scrollamount="2" behavior="alternate" direction="left" onmouseover="this.scrollAmount = 0" onmouseout="this.scrollAmount = 2">
  1278. <a href="{text:Sidebar Image2 URL}" title="{text:Sidebar Image2}">
  1279. <img src="{image:Sidebar Image2}"/></a>
  1280. <a href="{text:Sidebar Image3 URL}" title="{text:Sidebar Image3}">
  1281. <img src="{image:Sidebar Image3}"/></a>
  1282. <a href="{text:Sidebar Image4 URL}" title="{text:Sidebar Image4}">
  1283. <img src="{image:Sidebar Image4}"/></a>
  1284. <a href="{text:Sidebar Image5 URL}" title="{text:Sidebar Image5}">
  1285. <img src="{image:Sidebar Image5}"/></a>
  1286. <a href="{text:Sidebar Image6 URL}" title="{text:Sidebar Image6}">
  1287. <img src="{image:Sidebar Image6}"/></a>
  1288. <a href="{text:Sidebar Image7 URL}" title="{text:Sidebar Image7}">
  1289. <img src="{image:Sidebar Image7}"/></a>
  1290. <a href="{text:Sidebar Image8 URL}" title="{text:Sidebar Image8}">
  1291. <img src="{image:Sidebar Image8}"/></a>
  1292. </marquee>
  1293. </div>
  1294.  
  1295. <div class="border1"></div>
  1296. <div class="border2"></div>
  1297. <div class="border3"></div>
  1298.  
  1299. {block:ifPagination}
  1300. <div class="pagination">
  1301. {block:IndexPage}
  1302. {block:Pagination}
  1303. {block:PreviousPage}
  1304. <a href="{PreviousPage}">
  1305. prev
  1306. </a>
  1307. {/block:PreviousPage}
  1308. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
  1309. {block:NextPage}
  1310. <a href="{NextPage}">
  1311. next
  1312. </a>
  1313. {/block:NextPage}
  1314. {/block:Pagination}
  1315. {/block:IndexPage}
  1316. </div>
  1317. {/block:ifPagination}
  1318.  
  1319. </div>
  1320.  
  1321. <div class="alignment">
  1322. <div class="autopagerize_page_element" >
  1323.  
  1324. {block:Posts}
  1325. <div class="posts">
  1326.  
  1327. {block:ContentSource}
  1328. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1329. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1330. {/block:SourceLogo}
  1331. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1332.  
  1333. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  1334. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  1335. {/block:ReblogParentLogo}
  1336. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  1337. {/block:ContentSource}
  1338.  
  1339.  
  1340. <!-- PHOTO POSTS -->
  1341.  
  1342. {block:if250}
  1343. {block:Photo}
  1344. {LinkOpenTag}
  1345. <div class="photopost">
  1346. <img src="{PhotoURL-250}">
  1347. </div>
  1348. {LinkCloseTag}
  1349. {block:ifShowCaptions}
  1350. {block:Caption}
  1351. {Caption}
  1352. {/block:Caption}
  1353. {/block:ifShowCaptions}
  1354. {/block:photo}
  1355. {/block:if250}
  1356.  
  1357.  
  1358. {block:if400}
  1359. {block:Photo}
  1360. {LinkOpenTag}
  1361. <div class="photopost">
  1362. <img src="{PhotoURL-400}">
  1363. </div>
  1364. {LinkCloseTag}
  1365. {block:ifShowCaptions}
  1366. {block:Caption}
  1367. {Caption}
  1368. {/block:Caption}
  1369. {/block:ifShowCaptions}
  1370. {/block:photo}
  1371. {/block:if400}
  1372.  
  1373. {block:if500}
  1374. {block:Photo}
  1375. {LinkOpenTag}
  1376. <div class="photopost">
  1377. <img src="{PhotoURL-500}">
  1378. </div>
  1379. {LinkCloseTag}
  1380. {block:ifShowCaptions}
  1381. {block:Caption}
  1382. {Caption}
  1383. {/block:Caption}
  1384. {/block:ifShowCaptions}
  1385. {/block:photo}
  1386. {/block:if500}
  1387.  
  1388.  
  1389.  
  1390. <!-- PHOTOSET POSTS -->
  1391. {block:if250}
  1392. {block:Photoset}
  1393. <div id="photoset">
  1394. {Photoset-250}
  1395. </div>
  1396. {block:ifShowCaptions}
  1397. {block:Caption}
  1398. {Caption}
  1399. {/block:Caption}
  1400. {/block:ifShowCaptions}
  1401. {/block:Photoset}
  1402. {/block:if250}
  1403.  
  1404. {block:if400}
  1405. {block:Photoset}
  1406. <div id="photoset">
  1407. {Photoset-400}
  1408. </div>
  1409. {block:ifShowCaptions}
  1410. {block:Caption}
  1411. {Caption}
  1412. {/block:Caption}
  1413. {/block:ifShowCaptions}
  1414. {/block:Photoset}
  1415. {/block:if400}
  1416.  
  1417. {block:if500}
  1418. {block:Photoset}
  1419. <div id="photoset">
  1420. {Photoset-500}
  1421. </div>
  1422. {block:ifShowCaptions}
  1423. {block:Caption}
  1424. {Caption}
  1425. {/block:Caption}
  1426. {/block:ifShowCaptions}
  1427. {/block:Photoset}
  1428. {/block:if500}
  1429.  
  1430.  
  1431. <!-- VIDEO POSTS -->
  1432. <div class="video">
  1433. {block:if250}
  1434. {block:Video}
  1435. {Video-250}
  1436. {block:ifShowCaptions}
  1437. {block:Caption}
  1438. {Caption}
  1439. {/block:Caption}
  1440. {/block:ifShowCaptions}
  1441. {/block:Video}
  1442. {/block:if250}
  1443.  
  1444. {block:if400}
  1445. {block:Video}
  1446. {Video-400}
  1447. {block:ifShowCaptions}
  1448. {block:Caption}
  1449. {Caption}
  1450. {/block:Caption}
  1451. {/block:ifShowCaptions}
  1452. {/block:Video}
  1453. {/block:if400}
  1454.  
  1455. {block:if500}
  1456. {block:Video}
  1457. {Video-500}
  1458. {block:ifShowCaptions}
  1459. {block:Caption}
  1460. {Caption}
  1461. {/block:Caption}
  1462. {/block:ifShowCaptions}
  1463. {/block:Video}
  1464. {/block:if500}
  1465. </div>
  1466.  
  1467. <!-- AUDIO POSTS -->
  1468. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1469.  
  1470. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1471.  
  1472. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  1473. {Album}{/block:Album}</div>
  1474.  
  1475. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  1476.  
  1477. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  1478. {/block:Audio}
  1479.  
  1480.  
  1481. <!-- QUOTE POSTS -->
  1482. {block:Quote}
  1483. <div id="quote">{Quote}</div>
  1484. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  1485. {/block:Quote}
  1486.  
  1487.  
  1488. <!-- TEXT POSTS -->
  1489. {block:Text}
  1490. {block:Title}
  1491. <div id="posttitle">{Title}</div>
  1492. {/block:Title}
  1493. {Body}
  1494. {/block:Text}
  1495.  
  1496.  
  1497. <!-- QUESTION POSTS -->
  1498. {block:Answer}
  1499. <div id="ask">
  1500. <div class="as">
  1501. <div class="aske">{Asker}</div>
  1502. <div class="que">{Question}</div>
  1503. </div>
  1504. </div>
  1505. <div class="ans">{Answer}</div>
  1506. {/block:Answer}
  1507.  
  1508. <!-- CHAT POSTS -->
  1509. {block:Chat}
  1510. {block:Title}
  1511. <div id="posttitle">{Title}</div><br />
  1512. {/block:Title}
  1513. {block:Lines}<div id="{Alt}">
  1514. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  1515. {/block:Lines}
  1516. {/block:Lines}
  1517. {/block:Chat}
  1518.  
  1519. <!-- LINK POSTS -->
  1520. {block:Link}
  1521. <a href="{URL}"> <div id="posttitle">{Name}</div></a>
  1522. {block:Description}
  1523. {Description}
  1524. {/block:Description}
  1525. {/block:Link}
  1526. </div>
  1527.  
  1528. {block:IndexPage}
  1529. <div class="postperma">
  1530. {block:Date}Posted <a href="{Permalink}">{TimeAgo}{/block:Date}</a> with
  1531. {NoteCountWithLabel}<br> {block:ifShowTags}{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>
  1532. {/block:IndexPage}
  1533.  
  1534. {block:PermaLinkPage}
  1535. <div class="postinfo">
  1536. <center>
  1537. <div id="permtitle">Posted on: {Month} {DayofMonth}, {Year}<br> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  1538. {block:RebloggedFrom}
  1539. <div id="tags">Via:
  1540. <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
  1541. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  1542. {/block:RebloggedFrom}
  1543. </center>
  1544. <br>
  1545. {block:HasTags}
  1546. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  1547. {/block:HasTags}
  1548. </div>
  1549.  
  1550. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  1551. {/block:PermalinkPage}
  1552.  
  1553. {/block:Posts}
  1554.  
  1555. </div>
  1556. </div>
  1557. </div>
  1558. </div>
  1559.  
  1560.  
  1561. <a href="http://galaxias-themes.tumblr.com/" title="theme by galaxias-themes and tweaked by ChodingxJieun" style="bottom:5px; left:5px; pading:2px; position:fixed; font-family: pxl; font-size:10px;"> © </a>
  1562. </body>
  1563. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement