Advertisement
spacethemes

Spacetheme12 - Halo

Feb 6th, 2014
6,111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.10 KB | None | 0 0
  1. <!--*********************************************************************
  2.  
  3. 88888888888 888888888888 8888 88888888888 88888888888
  4. 88888888888 8888 8888 888888 88888888888 88888888888
  5. 8888 8888 8888 88 88 8888 8888
  6. 8888 8888 8888 888 888 8888 8888
  7. 88888888888 888888888888 888888888888 8888 88888888888
  8. 8888 8888 88888888888888 8888 8888
  9. 8888 8888 8888 8888 8888 8888
  10. 88888888888 8888 8888 8888 88888888888 88888888888
  11. 88888888888 8888 88888 88888 88888888888 88888888888
  12.  
  13.  
  14. SPACETHEMES - BY HOXTONHEROS & ALIENSFROMHELL
  15. HTTP://SPACETHEMES.TUMBLR.COM
  16. HTTP://HOXTONHEROS.TUMBLR.COM & HTTP://ALIENSFROMHELL.TUMBLR.COM
  17.  
  18. DON'T REMOVE CREDIT!
  19. **********************************************************************-->
  20. <!DOCTYPE html>
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head>
  23.  
  24. <meta charset="UTF-8">
  25. <meta name="description" content="This is a theme from spacethemes">
  26. <meta name="keywords" content="theme, themes, blog, blogs, tumblr,tumblrblog, teenagers, aliensfromhell, hoxtonheros, column, column,thememaker, spacethemes, space, cool">
  27.  
  28. <title>{title}</title>
  29.  
  30. <link rel="shortcut icon" href="{Favicon}">
  31. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  32. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  33.  
  34. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  35.  
  36. <link href='http://static.tumblr.com/7u4rsen/P93mywnog/style-my-tooltips.css' rel='stylesheet' type='text/css'/>
  37.  
  38. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  39.  
  40. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  41.  
  42. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
  43.  
  44. <meta name="color:Background" content="#FFFFFF"/>
  45. <meta name="color:Text" content="#000000"/>
  46. <meta name="color:Title" content="#000000"/>
  47. <meta name="color:Link" content="#555555"/>
  48. <meta name="color:Hover" content="#000000"/>
  49. <meta name="color:Active" content="#000000"/>
  50. <meta name="color:Scrollbar" content="#FFFFFF"/>
  51. <meta name="color:ScrollbarBackground" content="#EEEEEE"/>
  52. <meta name="image:Background" content=""/>
  53. <meta name="image:Sidebar" content=""/>
  54. <meta name="if:1 Column" content="0">
  55. <meta name="if:2 Column" content="1">
  56. <meta name="if:Small Posts" content="1">
  57. <meta name="if:Gray Link Icons" content="0">
  58. <meta name="if:Link Icons Gray On Hover" content="0">
  59. <meta name="if:Gold Hover Buttons" content="0"/>
  60. <meta name="if:Round Borders" content="1"/>
  61. <meta name="if:Cover Background" content="0"/>
  62. <meta name="if:Inverted Tumblr Controls" content="1"/>
  63. <meta name="if:Tiny Cursor" content="1"/>
  64. <meta name="if:Tiny Scrollbar" content="1"/>
  65. <meta name="if:Use Scroll To Top" content="1"/>
  66. <meta name="text:Description Height" content="38px" >
  67. <meta name="text:Link One Title" content= >
  68. <meta name="text:Link One" content="" />
  69. <meta name="text:Link Two Title" content= >
  70. <meta name="text:Link Two" content="" />
  71. <meta name="text:Link Three Title" content= >
  72. <meta name="text:Link Three" content="" />
  73. <meta name="text:Link Four Title" content= >
  74. <meta name="text:Link Four" content="" />
  75. <meta name="text:Link Five Title" content= >
  76. <meta name="text:Link Five" content="" />
  77. <meta name="text:Link Six Title" content= >
  78. <meta name="text:Link Six" content="" />
  79. <meta name="text:Link Seven Title" content= >
  80. <meta name="text:Link Seven" content="" />
  81. <meta name="text:Link Eight Title" content= >
  82. <meta name="text:Link Eight" content="" />
  83.  
  84. <style type="text/css">
  85.  
  86. .wrapper {
  87. margin: auto;
  88. position: relative;
  89. width:1000px;
  90. }
  91.  
  92. #tumblr_controls {
  93. position:fixed !important;
  94. top: 3px;
  95. right: 3px;
  96. {block:ifInvertedTumblrControls}
  97. white-space :nowrap;
  98. -webkit-filter: invert(100%);
  99. -moz-filter: invert(100%);
  100. -o-filter: invert(100%);
  101. -ms-filter: invert(100%);
  102. filter: invert(100%);
  103. opacity:0.7; ;
  104. transition: all 0.5s ease-out;
  105. {/block:ifInvertedTumblrControls}
  106. }
  107.  
  108. #infscr-loading {
  109. bottom: -70px;
  110. position: fixed;
  111. left: 50%;
  112. margin-left:-8px;
  113. width:16px;
  114. height:11px;
  115. overflow:hidden;
  116. margin-bottom: 50px;
  117. }
  118.  
  119. ::selection {
  120. background:#EEEEEE;
  121. color: #29A6FF;
  122. }
  123.  
  124. ::-moz-selection {
  125. background:#EEEEEE;
  126. color: #29A6FF;
  127. }
  128.  
  129. {block:iftinyscrollbar}
  130.  
  131. ::-webkit-scrollbar {
  132. width: 5px;
  133. height: 4px;
  134. background: {color:ScrollbarBackground};
  135. }
  136.  
  137. ::-webkit-scrollbar-thumb {
  138. background: {color:scrollbar};
  139. border-radius:5px;
  140. }
  141.  
  142. {/block:iftinyscrollbar}
  143.  
  144. body {
  145. color:{color:text};
  146. background-color: {color:Background};
  147. background-image:url({image:Background});
  148. background-attachment: fixed;
  149. {block:ifNotCoverBackground}
  150. background-size: repeat;
  151. {/block:ifNotCoverBackground}
  152. {block:ifCoverBackground}
  153. background-size:cover;
  154. {/block:ifCoverBackground}
  155. overflow-x:hidden;
  156. font-family:Alegreya Sans SC;
  157. font-size: 10px;
  158. line-height:11px;
  159. padding: 0px;
  160. margin: 0px;
  161. {block:iftinycursor}
  162. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png), auto;
  163. {/block:iftinycursor}
  164. }
  165.  
  166. p {
  167. margin:0px;
  168. margin-top:0px;
  169. }
  170.  
  171. a:link, a:visited {
  172. color: {color:Link};
  173. text-decoration: none;
  174. -webkit-transition: all 0.4s ease-out;
  175. -moz-transition: all 0.4s ease-out;
  176. -o-transition:all 0.4s ease-out;
  177. transition: all 0.4s ease-out;
  178. {block:iftinycursor}
  179. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png), progress;
  180. {/block:iftinycursor}
  181. }
  182.  
  183. a:hover {
  184. color:{color:Hover};
  185. -webkit-transition: all 0.4s ease-out;
  186. -moz-transition: all 0.4s ease-out;
  187. -o-transition: all 0.4s ease-out;
  188. transition: all 0.4s ease-out;
  189. text-decoration:none;
  190. {block:iftinycursor}
  191. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png), progress;
  192. {/block:iftinycursor}
  193. }
  194.  
  195. a:active {
  196. color: {color:Active};
  197. -webkit-transition:all 0.2s ease-in-out;
  198. -moz-transition:all 0.2s ease-in-out;
  199. -o-transition:all 0.2s ease-in-out;
  200. transition:all 0.2s ease-in-out;
  201. text-decoration:none;
  202. {block:iftinycursor}
  203. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png), progress;
  204. {/block:iftinycursor}
  205. }
  206.  
  207. {block:if1column}
  208. #posts {
  209. width:500px;
  210. top:10px;
  211. margin-left:370px;
  212. {block:ifsmallposts}
  213. width: 300px;
  214. margin-left:450px;
  215. {block:ifsmallposts}
  216. }
  217. {block:if1column}
  218.  
  219. {block:if2column}
  220. #posts {
  221. width:600px;
  222. top:10px;
  223. margin-left:320px;
  224. {block:ifsmallposts}
  225. width: 452px;
  226. margin-left:400px;
  227. {block:ifsmallposts}
  228. }
  229. {block:if2column}
  230.  
  231. .entry .photo {
  232. opacity:0.9;
  233. -webkit-transition:all .9s ease-in-out;
  234. -moz-transition:all .9s ease-in-out;
  235. -o-transition:all .9s ease-in-out;
  236. transition:all .9s ease-in-out;
  237. }
  238.  
  239. .entry:hover .photo {
  240. opacity:1;
  241. -webkit-transition:all .9s ease-in-out;
  242. -moz-transition:all .9s ease-in-out;
  243. -o-transition:all .9s ease-in-out;
  244. transition:all .9s ease-in-out;
  245. }
  246.  
  247. .entry .photo2 {
  248. opacity:0.8;
  249. -webkit-transition:all .9s ease-in-out;
  250. -moz-transition:all .9s ease-in-out;
  251. -o-transition:all .9s ease-in-out;
  252. transition:all .9s ease-in-out;
  253. }
  254.  
  255. .entry:hover .photo2 {
  256. opacity:1;
  257. -webkit-transition:all .9s ease-in-out;
  258. -moz-transition:all .9s ease-in-out;
  259. -o-transition:all .9s ease-in-out;
  260. transition:all .9s ease-in-out;
  261. }
  262.  
  263. .entry {
  264. margin:5px;
  265. margin-top:10px;
  266. padding:7px;
  267. padding-bottom: 5px;
  268. float:left;
  269. line-height:10px;
  270. background-color:#FFF;
  271. opacity: 1;
  272. border: solid 1px #ddd;
  273. -webkit-border-top-left-radius: 10px;
  274. -moz-border-top-left-radius: 10px;
  275. border-top-left-radius: 10px;
  276. -webkit-border-top-right-radius: 10px;
  277. -moz-border-top-right-radius: 10px;
  278. border-top-right-radius: 10px;
  279. {block:ifroundborders}
  280. border-bottom-left-radius: 5px;
  281. border-bottom-right-radius: 5px;
  282. {/block:ifroundborders}
  283. font-size: 12px;
  284. {block:IndexPage}
  285. {block:if1column}
  286. width:350px;
  287. {block:ifsmallposts}
  288. width:250px;
  289. {/block:ifsmallposts}
  290. {/block:if1column}
  291. {block:if2column}
  292. width:250px;
  293. {block:ifsmallposts}
  294. width:200px;
  295. {/block:ifsmallposts}
  296. {/block:if2column}
  297. {/block:IndexPage}
  298. {block:PermalinkPage}
  299. width:400px;
  300. {/block:PermalinkPage}
  301. }
  302.  
  303. #blogtitle {
  304. font-family:arial;
  305. font-size:13px;
  306. line-height:22px;
  307. text-align:left;
  308. margin-left: 3px;
  309. height:20px;
  310. width:200px;
  311. z-index:999999999999999999;
  312. }
  313.  
  314. #blogtitle a {
  315. color:{color:Title};
  316. }
  317.  
  318. #arrow {
  319. float:right;
  320. margin-top:-16px;
  321. margin-right:5px;"
  322. }
  323.  
  324. #arrow:hover img {
  325. transform:rotate(360deg);
  326. -webkit-transform:rotate(360deg);
  327. -moz-transform:rotate(360deg);
  328. -o-transform:rotate(360deg);
  329. transition: .4s linear;
  330. -webkit-transition: .4s linear;
  331. -moz-transition: .4s linear;
  332. -o-transition: .4s linear;
  333. }
  334.  
  335. #s-m-t-tooltip {
  336. max-width:200px;
  337. z-index:99999999999999;
  338. padding:3px;
  339. font-size:9px;
  340. color:gray;
  341. line-height:10px;
  342. margin:10px 14px 7px 17px;
  343. background:white;
  344. -moz-border-radius:0px;
  345. -webkit-border-radius:0px;
  346. border-radius:0px;
  347. -moz-box-shadow:1pxx 1px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255 ,0.3);
  348. -webkit-box-shadow:1px 1px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255 ,255,0.3);
  349. box-shadow:1px 1px 0 rgba(0,0,0,0.15),-1px -1px 0 rgba(255,255,255,0.3 );
  350. }
  351.  
  352. .title {
  353. opacity:.8;
  354. font-size:10px;
  355. text-transform:uppercase;
  356. }
  357.  
  358. .text {
  359. font-size:10px;
  360. letter-spacing:1px;
  361. margin-bottom:5px;
  362. }
  363.  
  364. .line {
  365. border-top: solid 2px #ddd;
  366. margin-bottom:5px;
  367. margin-top:5px;
  368. border-bottom: solid 2px #ddd;
  369. }
  370.  
  371. .notez {
  372. text-align:right;
  373. text-transform:capitalize;
  374. letter-spacing:1px;
  375. font-size:9px;
  376. }
  377.  
  378. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label, .user_7 .label, .user_8 .label, .user_9 .label {
  379. font-weight:bold;
  380. }
  381.  
  382. .entry img {
  383. max-width:100%;
  384. }
  385.  
  386. .caption {
  387. margin-bottom:5px;
  388. text-align:center;
  389. padding-top:10px;
  390. border-top:solid 2px #ccc;
  391. }
  392.  
  393. .caption img {
  394. max-width: 100%;
  395. }
  396.  
  397. .notes {
  398. list-style-type:decimal;
  399. margin-bottom:1px;
  400. font-size:11px;
  401. }
  402.  
  403. .avatar_frame {
  404. display: none;
  405. visibility: hidden;
  406. }
  407.  
  408. #ask {
  409. text-align:center;
  410. line-height:20px;
  411. font-size:11px;
  412. height:auto;
  413. padding:5px;
  414. border-radius:2px;
  415.  
  416. }
  417.  
  418. #sidebar {
  419. margin-top:100px;
  420. {block:if1column}
  421. margin-left:110px;
  422. {block:ifsmallposts}
  423. margin-left:190px;
  424. {/block:ifsmallposts}
  425. {block:if1column}
  426. {block:if2column}
  427. margin-left:60px;
  428. {block:ifsmallposts}
  429. margin-left:140px;
  430. {/block:ifsmallposts}
  431. {/block:if2column}
  432. position:fixed;
  433. background-color:white;
  434. width:230px;
  435. height:auto;
  436. padding:1px;
  437. padding-top:5px;
  438. padding-bottom:3px;
  439. border:1px solid #DDD;
  440. -webkit-border-top-right-radius: 5px;
  441. -moz-border-top-right-radius: 5px;
  442. border-top-right-radius: 5px;
  443. -webkit-border-top-left-radius: 5px;
  444. -moz-border-top-left-radius: 5px;
  445. border-top-left-radius: 5px;
  446. {block:ifroundborders}
  447. border-bottom-left-radius: 5px;
  448. border-bottom-right-radius: 5px;
  449. {/block:ifroundborders}
  450. }
  451.  
  452. #sidebar #sidebarpic {
  453. background:white;
  454. opacity:0.8;
  455. position:relative;
  456. -webkit-transition:all .9s ease-in-out;
  457. -moz-transition:all .9s ease-in-out;
  458. -o-transition:all .9s ease-in-out;
  459. transition:all .9s ease-in-out;
  460. }
  461.  
  462. #sidebar:hover #sidebarpic {
  463. background:white;
  464. opacity:1;
  465. -webkit-transition:all .9s ease-in-out;
  466. -moz-transition:all .9s ease-in-out;
  467. -o-transition:all .9s ease-in-out;
  468. transition:all .9s ease-in-out;
  469. }
  470.  
  471. #sidebar #description{
  472. font-size:11px;
  473. line-height:110%;
  474. position:relative;
  475. height:0px;
  476. margin-top:0px;
  477. padding:0px 5px 0px 5px;
  478. overflow:hidden;
  479. -webkit-transition:height .6s linear, margin-top .6s linear;
  480. -moz-transition: height .6s linear, margin-top .6s linear;
  481. -o-transition: height .6s linear, margin-top .6s linear;
  482. transition:height .6s linear, margin-top .6s linear;
  483. }
  484.  
  485. #sidebar:hover #description {
  486. height:{text:Description Height};
  487. overflow:hidden;
  488. margin-top:-10px;
  489. padding:0px 5px 0px 5px;
  490. -webkit-transition:height .6s linear;
  491. -moz-transition: height .6s linear;
  492. -o-transition:height .6s linear;
  493. transition:height .6s linear;
  494. }
  495.  
  496. #sidebar #linkblock {
  497. width:230px;
  498. height:0px;
  499. overflow:hidden;
  500. -webkit-transition:all .3s linear;
  501. -moz-transition: all .3s linear;
  502. -o-transition:all .3s linear;
  503. transition:all .3s linear;
  504. }
  505.  
  506. #sidebar:hover #linkblock {
  507. height:25px;
  508. margin-top:5px;
  509. -webkit-transition:all .6s linear;
  510. -moz-transition: all .6s linear;
  511. -o-transition:all .6s linear;
  512. transition:all .6s linear;
  513. }
  514.  
  515. .links img {
  516. position: relative;
  517. display:inline-block;
  518. margin:1px;
  519. -webkit-transition: all .4s ;
  520. -moz-transition: all .4s ease-in-out;
  521. -o-transition: all .4s ease-in-out;
  522. transition: all .4s ease-in-out;
  523. }
  524.  
  525. {block:ifGrayLinkIcons}
  526. .links img {
  527. filter:gray;
  528. -webkit-filter: grayscale(100%);
  529. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  530. -o-filter: grayscale(100%);
  531. }
  532. {/block:ifGrayLinkIcons}
  533.  
  534. {block:ifLinkIconsGrayOnHover}
  535. .links img:hover {
  536. -webkit-transition: all .6s ;
  537. -moz-transition: all .6s ease-in-out;
  538. -o-transition: all .6s ease-in-out;
  539. transition: all .6s ease-in-out;
  540. filter:gray;
  541. -webkit-filter: grayscale(100%);
  542. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  543. -o-filter: grayscale(100%);
  544. }
  545. {/block:ifLinkIconsGrayOnHover}
  546.  
  547. {block:IndexPage}
  548. .sperma {
  549. background-image:url(https://31.media.tumblr.com/f9dcceac8c7e89af3f0c08ba8ca4a7aa/tumblr_n0akgfPkff1rit4nto4_400.png);
  550. -webkit-border-top-left-radius: 5px;
  551. -moz-border-top-left-radius: 5px;
  552. border-top-left-radius: 5px;
  553. border: none;
  554. -webkit-border-top-right-radius: 5px;
  555. -moz-border-top-right-radius: 5px;
  556. border-top-right-radius: 5px;
  557. {block:if1column}
  558. width:366px;
  559. {block:ifsmallposts}
  560. width:266px;
  561. {block:ifsmallposts}
  562. {/block:if1column}
  563. {block:if2column}
  564. width:266px;
  565. {block:ifsmallposts}
  566. width:216px;
  567. {block:ifsmallposts}
  568. {/block:if2column}
  569. margin-top:-8px;
  570. margin-left:-8px;
  571. margin-bottom:7px;
  572. height: 20px;
  573. }
  574. {/block:IndexPage}
  575.  
  576. #vakje {
  577. background:white;
  578. width:224px;
  579. margin-top:-30px;
  580. margin-left:-2px;
  581. border-left:solid 5px #ddd;
  582. border-right:solid 5px #ddd;
  583. border-bottom:solid 5px #ddd;
  584. margin-bottom:6px;
  585. height: 21px;
  586. }
  587.  
  588. .spermas {
  589. background-image:url(https://31.media.tumblr.com/a994953c53837fc7c00d3a3de64c83c5/tumblr_n0f7dfoE4G1rit4nto1_250.png);
  590. -webkit-border-top-left-radius: 5px;
  591. -moz-border-top-left-radius: 5px;
  592. border-top-left-radius: 5px;
  593. border:none;
  594. -webkit-border-top-right-radius: 5px;
  595. -moz-border-top-right-radius: 5px;
  596. border-top-right-radius: 5px;
  597. width:234px;
  598. margin-top:-8px;
  599. margin-left:-2px;
  600. margin-bottom:7px;
  601. height: 45px;
  602. }
  603.  
  604. {block:IndexPage}
  605. .red {
  606. -webkit-transition: all .4s ;
  607. -moz-transition: all .4s ease-in-out;
  608. -o-transition: all .4s ease-in-out;
  609. transition: all .4s ease-in-out;
  610. }
  611.  
  612. .red:hover {
  613. filter:gray;
  614. -webkit-filter: grayscale(100%);
  615. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  616. -o-filter: grayscale(100%);
  617. {block:ifgoldhoverbuttons}
  618. filter:sepia;
  619. -webkit-filter: sepia(100%);
  620. -moz-filter: sepia(100%);
  621. -o-filter: sepia(100%);
  622. {/block:ifgoldhoverbuttons}
  623. -webkit-transition: all .4s ;
  624. -moz-transition: all .4s ease-in-out;
  625. -o-transition: all .4s ease-in-out;
  626. transition: all .4s ease-in-out;
  627. }
  628.  
  629. .yellow {
  630. -webkit-transition: all .4s ;
  631. -moz-transition: all .4s ease-in-out;
  632. -o-transition: all .4s ease-in-out;
  633. transition: all .4s ease-in-out;
  634. }
  635.  
  636. .yellow:hover {
  637. filter:gray;
  638. -webkit-filter: grayscale(100%);
  639. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  640. -o-filter: grayscale(100%);
  641. {block:ifgoldhoverbuttons}
  642. filter:sepia;
  643. -webkit-filter: sepia(100%);
  644. -moz-filter: sepia(100%);
  645. -o-filter: sepia(100%);
  646. {/block:ifgoldhoverbuttons}
  647. -webkit-transition: all .4s ;
  648. -moz-transition: all .4s ease-in-out;
  649. -o-transition: all .4s ease-in-out;
  650. transition: all .4s ease-in-out;
  651. }
  652.  
  653. .green {
  654. -webkit-transition: all .4s ;
  655. -moz-transition: all .4s ease-in-out;
  656. -o-transition: all .4s ease-in-out;
  657. transition: all .4s ease-in-out;
  658. }
  659.  
  660. .green:hover {
  661. filter:gray;
  662. -webkit-filter: grayscale(100%);
  663. filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  664. -o-filter: grayscale(100%);
  665. {block:ifgoldhoverbuttons}
  666. filter:sepia;
  667. -webkit-filter: sepia(100%);
  668. -moz-filter: sepia(100%);
  669. -o-filter: sepia(100%);
  670. {/block:ifgoldhoverbuttons}
  671. -webkit-transition: all .4s ;
  672. -moz-transition: all .4s ease-in-out;
  673. -o-transition: all .4s ease-in-out;
  674. transition: all .4s ease-in-out;
  675. }
  676. {/block:IndexPage}
  677.  
  678. .audioplayer {
  679. width:200px;
  680. height:87px;
  681. }
  682.  
  683. .album {
  684. position:absolute;
  685. z-index:1;
  686. width:80px;
  687. height:80px;
  688. }
  689.  
  690. .album img {
  691. float:left;
  692. width:80px;
  693. height:80px;
  694. }
  695.  
  696. .playbutton {
  697. margin-left:27px;
  698. margin-top:27px;
  699. opacity:0.5;
  700. width:27px;
  701. height:30px;
  702. overflow:hidden;
  703. position:absolute;
  704. z-index:999999;
  705. }
  706.  
  707. .song {
  708. text-transform:capitalize;
  709. letter-spacing:1px;
  710. margin-left:100px;
  711. margin-top:5px;
  712. line-height:13px;
  713. font-size:9px;
  714. }
  715.  
  716. {CustomCSS}
  717.  
  718. </style>
  719.  
  720. <script src="http://static.tumblr.com/7u4rsen/zyLmzgpre/jqueryinfintescroll.js"></script>
  721. <script type="text/javascript"
  722. src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  723. <script type="text/javascript"
  724. src="http://static.tumblr.com/djruq1a/5S7mz7lhw/jqueryinfintescroll.js"></script>
  725.  
  726. <script type="text/javascript">
  727. $(window).load(function () {
  728. var $content = $('#posts');
  729. $content.masonry({itemSelector: '.entry'}),
  730. $content.infinitescroll({
  731. navSelector : 'div#pagination',
  732. nextSelector : 'div#pagination a#nextPage',
  733. itemSelector : '.entry',
  734. loading: {
  735. finishedMsg: '',
  736. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  737. },
  738. bufferPx : 600,
  739. debug : false,
  740. },
  741. // call masonry as a callback.
  742. function( newElements ) {
  743. var $newElems = $( newElements );
  744. $newElems.hide();
  745. // ensure that images load before adding to masonry layout
  746. $newElems.imagesLoaded(function(){
  747. $content.masonry( 'appended', $newElems, true,
  748. function(){$newElems.fadeIn(300);} );
  749.  
  750. });
  751. });
  752. });
  753. </script>
  754.  
  755. <script type="text/javascript">
  756. (function($){
  757. $(document).ready(function(){
  758. $("[title],a[title],img[title]").style_my_tooltips({
  759. tip_follows_cursor:true,
  760. tip_delay_time:100,
  761. tip_fade_speed:500,
  762. attribute:"title"
  763. });
  764. });
  765. })(jQuery);
  766. </script>
  767.  
  768. {block:ifUseScrollToTop}
  769. <script src="http://static.tumblr.com/7u4rsen/doXmzlogf/scrolltotop.js"></script>
  770. {/block:ifUseScrollToTop}
  771.  
  772. <script src="http://static.tumblr.com/7u4rsen/ty1mywnp2/jquery.style-my-tooltips.js"></script>
  773.  
  774. </head>
  775.  
  776. <body ondragstart="return false;">
  777.  
  778. <div class="wrapper">
  779.  
  780. <div id="sidebar">
  781. <div class=spermas>
  782. <img src="https://24.media.tumblr.com/0ee5ac7dff5004da2e1c28521d72e8cb/tumblr_n0am14Eq391rit4nto1_75sq.png" width="11" style="margin-top:5px; margin-left:7px;" class="red0"/>
  783. <img src="https://24.media.tumblr.com/997b450761551b5700e418c46bfa887c/tumblr_n0am14Eq391rit4nto2_75sq.png" width="11" style="margin-left:3px;" class="yellow0"/>
  784. <img src="https://24.media.tumblr.com/80cffc032951623cf1aaae411bd4569e/tumblr_n0am14Eq391rit4nto3_75sq.png" width="11" style="margin-left:3px;" class="green0"/>
  785. </div>
  786. <div id="vakje">
  787. <div id="blogtitle"><a href="/">{Title}</a></div>
  788. <div id="arrow"><a href="/"><img src="https://31.media.tumblr.com/a27c7375dbb23c866dc4a92f4e47e99a/tumblr_n0g4tyJfgO1rit4nto2_75sq.png" width="12" alt="/" title="Refresh"></a></div></div>
  789. <div id="sidebarpic">
  790. <center>
  791. <a href="/"><img src="{image:sidebar}" width="220" alt="Sidebarpic"/></a>
  792. </center>
  793. </div>
  794. <div id="description">
  795. <br>
  796. <center>
  797. {description}
  798. </center>
  799. </div>
  800. <div id="linkblock">
  801. <center>
  802. {block:iflinkonetitle}<a href="{text:link one}" class="links" title="{text:link one title}"><img src="https://24.media.tumblr.com/0e6bb670ff040dd672ab6a2bc8e1911c/tumblr_n0hyu11JOp1rit4nto1_250.png" width="16" height="19" style="opacity:0.9;"/></a>{/block:iflinkonetitle}
  803.  
  804. {block:iflinktwotitle}<a href="{text:link two}" class="links" title="{text:link two title}"><img src="https://31.media.tumblr.com/60ebe7ea2c3f7fe06ad4bc98e6ad4c59/tumblr_n0hyu11JOp1rit4nto2_250.png" width="19" style="opacity:0.9;"/></a>{/block:iflinktwotitle}
  805.  
  806. {block:iflinkthreetitle}<a href="{text:link three}" class="links" title="{text:link three title}"><img src="https://24.media.tumblr.com/b483c52511d9b64c047ab9c202da0cf3/tumblr_n0hyu11JOp1rit4nto3_250.png" width="19" style="opacity:0.9;"/></a>{/block:iflinkthreetitle}
  807.  
  808. {block:iflinkfourtitle}<a href="{text:link four}" class="links" title="{text:link four title}"><img src="https://24.media.tumblr.com/0d6dc11761133f86d9be349a1f17066f/tumblr_n0hyu11JOp1rit4nto5_250.png" width="19" style="opacity:0.9;"/></a>{/block:iflinkfourtitle}
  809.  
  810. {block:iflinkfivetitle}<a href="{text:link five}" class="links" title="{text:link five title}"><img src="https://31.media.tumblr.com/5a7f87eec061cd1879b8be57b774a650/tumblr_n0hyu11JOp1rit4nto8_250.png" width="19" style="opacity:0.9;"/></a>{/block:iflinkfivetitle}
  811.  
  812. {block:iflinksixtitle}<a href="{text:link six}" class="links" title="{text:link six title}"><img src="https://31.media.tumblr.com/c740bc1fea8fc9e5ab7393ec5018b66b/tumblr_n0hyu11JOp1rit4nto6_250.png" width="19" style="opacity:0.9;"/></a>{/block:iflinksixtitle}
  813.  
  814. {block:iflinkseventitle}<a href="{text:link seven}" class="links" title="{text:link seven title}"><img src="https://24.media.tumblr.com/2040c9c98f2a3cddb45a58871cb143ec/tumblr_n0hyu11JOp1rit4nto7_250.png" width="19" style="opacity:0.9;"/></a>{/block:iflinkseventitle}
  815.  
  816. {block:iflinkeighttitle}<a href="{text:link eight}" class="links" title="{text:link eight title}"><img src="https://24.media.tumblr.com/7ce56f41d47e8abb210be5b36994fbbc/tumblr_n0hyu11JOp1rit4nto4_250.png" width="19" style="opacity:0.9;"/></a>{/block:iflinkeighttitle}
  817. </center>
  818. </div>
  819. </div>
  820.  
  821. <div id="posts">
  822.  
  823. {block:Posts}
  824.  
  825. {block:ContentSource}
  826. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  827. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  828. {/block:SourceLogo}
  829. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  830. {/block:ContentSource}
  831.  
  832. <div class="entry">
  833.  
  834. {block:Text}
  835. {block:IndexPage}
  836. <div class=sperma>
  837. <a href="{ReblogURL}"><img src="https://24.media.tumblr.com/0ee5ac7dff5004da2e1c28521d72e8cb/tumblr_n0am14Eq391rit4nto1_75sq.png" width="11" style="margin-top:5px; margin-left:7px;" class="red" title="Reblog"/></a>
  838. <a href="{Permalink}"><img src="https://24.media.tumblr.com/997b450761551b5700e418c46bfa887c/tumblr_n0am14Eq391rit4nto2_75sq.png" width="11" style="margin-left:3px;" class="yellow" title="{NoteCountwithlabel}"/></a>
  839. <img src="https://24.media.tumblr.com/80cffc032951623cf1aaae411bd4569e/tumblr_n0am14Eq391rit4nto3_75sq.png" width="11" style="margin-left:3px;" class="green" title="{FormattedTime}"/>
  840. </div>
  841. {block:IndexPage}
  842. {block:Title}<span class="title">{Title}</span>{/block:Title}<br><br><div class="text">{Body}</div>
  843. {/block:Text}
  844.  
  845. {block:Link}
  846. {block:IndexPage}<div class=sperma>
  847. <a href="{ReblogURL}"><img src="https://24.media.tumblr.com/0ee5ac7dff5004da2e1c28521d72e8cb/tumblr_n0am14Eq391rit4nto1_75sq.png" width="11" style="margin-top:5px; margin-left:7px;" class="red" title="Reblog"/></a>
  848. <a href="{Permalink}"><img src="https://24.media.tumblr.com/997b450761551b5700e418c46bfa887c/tumblr_n0am14Eq391rit4nto2_75sq.png" width="11" style="margin-left:3px;" class="yellow" title="{NoteCountwithlabel}"/></a>
  849. <img src="https://24.media.tumblr.com/80cffc032951623cf1aaae411bd4569e/tumblr_n0am14Eq391rit4nto3_75sq.png" width="11" style="margin-left:3px;" class="green" title="{FormattedTime}"/>
  850. </div>{/block:IndexPage}
  851. <a href="{URL}" class="title">{Name}</a><br><br>
  852. {block:Description}<div class="text">{Description}</div>{/block:Description}
  853. {block:Link}
  854.  
  855. {block:Photo}
  856. {block:IndexPage}
  857. <div class=sperma>
  858. <a href="{ReblogURL}"><img src="https://24.media.tumblr.com/0ee5ac7dff5004da2e1c28521d72e8cb/tumblr_n0am14Eq391rit4nto1_75sq.png" width="11" style="margin-top:5px; margin-left:7px;" class="red" title="Reblog"/></a>
  859. <a href="{Permalink}"><img src="https://24.media.tumblr.com/997b450761551b5700e418c46bfa887c/tumblr_n0am14Eq391rit4nto2_75sq.png" width="11" style="margin-left:3px;" class="yellow" title="{NoteCountwithlabel}"/></a>
  860. <img src="https://24.media.tumblr.com/80cffc032951623cf1aaae411bd4569e/tumblr_n0am14Eq391rit4nto3_75sq.png" width="11" style="margin-left:3px;" class="green" title="{TimeAgo}"/>
  861. </div>
  862. {/block:IndexPage}{block:IndexPage}{LinkOpenTag}
  863. {block:if1column}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="350" {block:ifsmallposts}width="250"{/block:ifsmallposts}/></a></div>{block:if1column}
  864. {block:if2column}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250" {block:ifsmallposts}width="200"{/block:ifsmallposts}/></a></div>{block:if2column}
  865. {LinkCloseTag}{/block:IndexPage}
  866. {block:PermalinkPage}<center>{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}</center>
  867. {/block:Photo}
  868.  
  869. {block:Photoset}
  870. {block:IndexPage}
  871. <div class=sperma>
  872. <a href="{ReblogURL}"><img src="https://24.media.tumblr.com/0ee5ac7dff5004da2e1c28521d72e8cb/tumblr_n0am14Eq391rit4nto1_75sq.png" width="11" style="margin-top:5px; margin-left:7px;" class="red" title="Reblog"/></a>
  873. <a href="{Permalink}"><img src="https://24.media.tumblr.com/997b450761551b5700e418c46bfa887c/tumblr_n0am14Eq391rit4nto2_75sq.png" width="11" style="margin-left:3px;" class="yellow" title="{NoteCountwithlabel}"/></a>
  874. <img src="https://24.media.tumblr.com/80cffc032951623cf1aaae411bd4569e/tumblr_n0am14Eq391rit4nto3_75sq.png" width="11" style="margin-left:3px;" class="green" title="{TimeAgo}"/>
  875. </div>
  876.  
  877.  
  878. {block:if1column}
  879. {block:ifnotsmallposts}
  880. <div class="photo2" style="width=100%; overflow-x:hidden; overflow-y:hidden;">{Photoset-400}</div>
  881. {/block:ifnotsmallposts}
  882. {block:ifsmallposts}
  883. <div class="photo2" style="width=100%; overflow-x:hidden; overflow-y:hidden;">{Photoset-250}</div>
  884. {/block:ifsmallposts}
  885. {/block:if1column}
  886.  
  887.  
  888. {block:if2column}
  889. {block:ifnotsmallposts}
  890. <div class="photo2" style="width=100%;">{Photoset-250}</div>
  891. {/block:ifnotsmallposts}
  892. {block:ifsmallposts}
  893. <div class="photo2" style="width=100%; overflow-x:hidden; overflow-y:hidden;">{Photoset-250}</div>
  894. {/block:ifsmallposts}
  895. {/block:if2column}
  896. {/block:IndexPage}
  897. {block:permalinkpage}<div class="photo">{Photoset-400}</div>{/block:permalinkpage}
  898. {/block:Photoset}
  899.  
  900. {block:Quote}
  901. {block:IndexPage}<div class=sperma>
  902. <a href="{ReblogURL}"><img src="https://24.media.tumblr.com/0ee5ac7dff5004da2e1c28521d72e8cb/tumblr_n0am14Eq391rit4nto1_75sq.png" width="11" style="margin-top:5px; margin-left:7px;" class="red" title="Reblog"/></a>
  903. <a href="{Permalink}"><img src="https://24.media.tumblr.com/997b450761551b5700e418c46bfa887c/tumblr_n0am14Eq391rit4nto2_75sq.png" width="11" style="margin-left:3px;" class="yellow" title="{NoteCountwithlabel}"/></a>
  904. <img src="https://24.media.tumblr.com/80cffc032951623cf1aaae411bd4569e/tumblr_n0am14Eq391rit4nto3_75sq.png" width="11" style="margin-left:3px;" class="green" title="{FormattedTime}"/>
  905. </div>{/block:IndexPage}<span style="letter-spacing:1px; font-style:italic; color:{color:Text}">{Quote}</span>{block:Source}<div style="text-align:right;font-weight:bold; margin= -10px; text-transform:capitalize;color:{color:Text}; margin-bottom:5px;">{Source}</div>{/block:Source}
  906. {/block:Quote}
  907.  
  908. {block:Chat}
  909. {block:IndexPage}<div class=sperma>
  910. <a href="{ReblogURL}"><img src="https://24.media.tumblr.com/0ee5ac7dff5004da2e1c28521d72e8cb/tumblr_n0am14Eq391rit4nto1_75sq.png" width="11" style="margin-top:5px; margin-left:7px;" class="red" title="Reblog"/></a>
  911. <a href="{Permalink}"><img src="https://24.media.tumblr.com/997b450761551b5700e418c46bfa887c/tumblr_n0am14Eq391rit4nto2_75sq.png" width="11" style="margin-left:3px;" class="yellow" title="{NoteCountwithlabel}"/></a>
  912. <img src="https://24.media.tumblr.com/80cffc032951623cf1aaae411bd4569e/tumblr_n0am14Eq391rit4nto3_75sq.png" width="11" style="margin-left:3px;" class="green" title="{FormattedTime}"/>
  913. </div>{/block:IndexPage}
  914. {block:Title}<span class="title">{title}</span>{/block:Title}
  915. <ul class="chat" style="list-style-type:none;">
  916. {block:Lines}
  917. <li class="user_{UserNumber}">
  918. {block:Label}
  919. <span class="label">{Label}</span>
  920. {/block:Label}
  921. {Line}
  922. </li>
  923. {/block:Lines}
  924. </ul>
  925. {/block:Chat}
  926.  
  927. {block:Audio}
  928. {block:IndexPage}<div class=sperma>
  929. <a href="{ReblogURL}"><img src="https://24.media.tumblr.com/0ee5ac7dff5004da2e1c28521d72e8cb/tumblr_n0am14Eq391rit4nto1_75sq.png" width="11" style="margin-top:5px; margin-left:7px;" class="red" title="Reblog"/></a>
  930. <a href="{Permalink}"><img src="https://24.media.tumblr.com/997b450761551b5700e418c46bfa887c/tumblr_n0am14Eq391rit4nto2_75sq.png" width="11" style="margin-left:3px;" class="yellow" title="{NoteCountwithlabel}"/></a>
  931. <img src="https://24.media.tumblr.com/80cffc032951623cf1aaae411bd4569e/tumblr_n0am14Eq391rit4nto3_75sq.png" width="11" style="margin-left:3px;" class="green" title="{FormattedTime}"/>
  932. </div>{/block:IndexPage}
  933. <!-- Credit to fuckinq.tumblr.com for audioplayer-->
  934. <div class="audioplayer">
  935. <div class="album">
  936. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  937. <div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="song"><strong>Artist:</strong><span {block:Artist} style="display:none;" {/block:Artist}> Unknown</span>
  938. {block:Artist}{Artist}{/block:Artist}<br><strong>Title:</strong><span {block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><strong>Album:</strong> <span {block:Album} style="display:none;"{/block:Album}> Unknown </span>{block:Album}{Album}{/block:Album}<br>{block:PlayCount}<strong>Plays:</strong> {FormattedPlayCount}{/block:PlayCount}</div></div>
  939. {/block:Audio}
  940.  
  941. {block:Video}
  942. {block:IndexPage}<div class=sperma>
  943. <a href="{ReblogURL}"><img src="https://24.media.tumblr.com/0ee5ac7dff5004da2e1c28521d72e8cb/tumblr_n0am14Eq391rit4nto1_75sq.png" width="11" style="margin-top:5px; margin-left:7px;" class="red" title="Reblog"/></a>
  944. <a href="{Permalink}"><img src="https://24.media.tumblr.com/997b450761551b5700e418c46bfa887c/tumblr_n0am14Eq391rit4nto2_75sq.png" width="11" style="margin-left:3px;" class="yellow" title="{NoteCountwithlabel}"/></a>
  945. <img src="https://24.media.tumblr.com/80cffc032951623cf1aaae411bd4569e/tumblr_n0am14Eq391rit4nto3_75sq.png" width="11" style="margin-left:3px;" class="green" title="{FormattedTime}"/>
  946. </div>{/block:IndexPage}
  947. {block:IndexPage}
  948.  
  949. {block:if1column}
  950. {block:ifnotsmallposts}
  951. <div style="width=100%; overflow-x:hidden; overflow-y:hidden;">{Video-400}</div>
  952. {/block:ifnotsmallposts}
  953. {block:ifsmallposts}
  954. {video-250}
  955. {/block:ifsmallposts}
  956. {/block:if1column}
  957. {block:if2column}
  958. {block:ifnotsmallposts}
  959. {video-250}
  960. {/block:ifnotsmallposts}
  961. {block:ifsmallposts}
  962. <div class="video" style="font-style:italic; margin-bottom:5px;">
  963. <a href="{Permalink}">Click for video</a>
  964. </div>
  965. {/block:ifsmallposts}
  966. {/block:if2column}
  967. {/block:IndexPage}
  968. {block:PermalinkPage}
  969. {Video-400}
  970. {/block:PermalinkPage}
  971. {block:ifCaptions}
  972. {block:Caption}{Caption}{/block:Caption}
  973. {/block:ifCaptions}
  974. {block:Video}
  975.  
  976. {block:Answer}
  977. {block:IndexPage}<div class=sperma>
  978. <a href="{ReblogURL}"><img src="https://24.media.tumblr.com/0ee5ac7dff5004da2e1c28521d72e8cb/tumblr_n0am14Eq391rit4nto1_75sq.png" width="11" style="margin-top:5px; margin-left:7px;" class="red" title="Reblog"/></a>
  979. <a href="{Permalink}"><img src="https://24.media.tumblr.com/997b450761551b5700e418c46bfa887c/tumblr_n0am14Eq391rit4nto2_75sq.png" width="11" style="margin-left:3px;" class="yellow" title="{NoteCountwithlabel}"/></a>
  980. <img src="https://24.media.tumblr.com/80cffc032951623cf1aaae411bd4569e/tumblr_n0am14Eq391rit4nto3_75sq.png" width="11" style="margin-left:3px;" class="green" title="{FormattedTime}"/>
  981. </div>{/block:IndexPage}
  982. <div id="ask"><span style="font-size:12px;"><i>{Asker} said: </i></span>{Question}</div>
  983. <div class="caption"><i>{Answer}</i></div>
  984. {/block:Answer}
  985.  
  986. {block:IndexPage}<div style="display:none;">{block:ContentSource}<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:ContentSource}</div>{/block:IndexPage}
  987.  
  988. {block:PermalinkPage}
  989. <div class="line">
  990. <br>{block:Caption}<div style="margin-left:20px; width:90%;;">{Caption}</div>{/block:Caption}
  991. <center>{block:Date}{TimeAgo} | {12Hour}:{Minutes}{AmPm} \\ {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{/block:Date}</center><br></div>
  992. {/block:Date}
  993. {/block:PermalinkPage}
  994.  
  995. {block:PostNotes}
  996.  
  997. {PostNotes}
  998.  
  999. {/block:PostNotes}
  1000. </div>
  1001.  
  1002. {/block:Posts}
  1003.  
  1004. </div>
  1005. </div>
  1006. {block:IndexPage}<br>
  1007. {block:Pagination}
  1008. <div id="pagination">
  1009. {block:NextPage}
  1010. <a id="nextPage" href="{NextPage}"></a>
  1011. {/block:NextPage}
  1012. {block:PreviousPage}
  1013. <a href="{PreviousPage}"></a>
  1014. {/block:PreviousPage}
  1015. </div>
  1016. {/block:Pagination}
  1017. {/block:IndexPage}
  1018. </div>
  1019.  
  1020. </body>
  1021.  
  1022. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement