Advertisement
galaxias-themes

[ theme ] → #12 DARLING

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