Advertisement
spacethemes

Spacetheme2 - Hero

Jan 5th, 2014
3,749
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.04 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. <script type="text/javascript"
  29. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  30.  
  31. <script language="JavaScript" src="http://static.tumblr.com/bkd4m5b/FB3m42m9e/norightclick.js"></script>
  32.  
  33. <link rel="shortcut icon" href="{Favicon}">
  34. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  35. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  36.  
  37. <link href='http://static.tumblr.com/7u4rsen/P93mywnog/style-my-tooltips.css' rel='stylesheet' type='text/css'/>
  38.  
  39. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  40.  
  41.  
  42. <meta name="image:Background" content=""/>
  43. <meta name="image:Sidebar" content=""/>
  44. <meta name="color:Background" content="#FFFFFF"/>
  45. <meta name="color:Links" content="#C0C0C0"/>
  46. <meta name="color:Hover" content="#000000"/>
  47. <meta name="color:Text" content="#000000"/>
  48. <meta name="color:Blog Title" content="#C0C0C0"/>
  49. <meta name="color:Text Title" content="#000000"/>
  50. <meta name="color:Borders" content="#C0C0C0"/>
  51. <meta name="color:Sidebar" content="#FFFFFF"/>
  52. <meta name="color:Header" content="#FFFFFF"/>
  53. <meta name="color:Appearing Header" content="#FFFFFF"/>
  54. <meta name="color:Posts" content="#FFFFFF"/>
  55. <meta name="color:Permalink Text" content="#FAFAFA"/>
  56. <meta name="color:Permalink Text Hover" content=" #888888"/>
  57. <meta name="color:Background Links" content="#DDDDDD"/>
  58. <meta name="color:Tooltips Background" content="#FFFFFF"/>
  59. <meta name="color:Scrollbar" content="#DDDDDD"/>
  60. <meta name="color:Scrollbar Background" content="#FFFFFF"/>
  61. <meta name="if:Use Header" content="0"/>
  62. <meta name="if:Header Border" content="0"/>
  63. <meta name="if:Appearing Header" content="1"/>
  64. <meta name="if:Transparent Header" content="0"/>
  65. <meta name="if:Header Shadow" content="0"/>
  66. <meta name="if:Use Title" content="0"/>
  67. <meta name="if:Use Description" content="1"/>
  68. <meta name="if:Show Sidebar Image" content="1"/>
  69. <meta name="if:Sidebar Border" content="1"/>
  70. <meta name="if:Small Sidebar" content="0"/>
  71. <meta name="if:Sidebar Shadow" content="0"/>
  72. <meta name="if:Transparent Sidebar" content="0"/>
  73. <meta name="if:1 Column" content="0"/>
  74. <meta name="if:2 Column" content="1"/>
  75. <meta name="if:3 Column" content="0"/>
  76. <meta name="if:Small Posts" content="0"/>
  77. <meta name="if:Post Borders" content="1"/>
  78. <meta name="if:Post Padding" content="1"/>
  79. <meta name="if:Post Shadow" content="1"/>
  80. <meta name="if:Transparent Posts" content="0"/>
  81. <meta name="if:American Date" content="1"/>
  82. <meta name="if:Uppercase Permalinks" content="0"/>
  83. <meta name="if:Link Borders" content="0"/>
  84. <meta name="if:Other Link Style" content="0"/>
  85. <meta name="if:Cover Background" content="0"/>
  86. <meta name="if:Inverted Tumblr Controls" content="1"/>
  87. <meta name="if:Tiny Scrollbar" content="1"/>
  88. <meta name="if:Tiny Cursor" content="1"/>
  89. <meta name="if:Use Scroll To Top" content="0"/>
  90. <meta name="text:Photo Opacity" content="0.90" />
  91. <meta name="text:Permalink" content="50,50,50" />
  92. <meta name="text:Permalink Opacity" content="0.60" />
  93. <meta name="text:Title Sidebar BG" content="0,0,0" />
  94. <meta name="text:Title Sidebar BG Opacity" content="0.40" />
  95. <meta name="text:Header Border Style" content="Dashed" />
  96. <meta name="text:Link One Title" content= >
  97. <meta name="text:Link One" content="" />
  98. <meta name="text:Link Two Title" content= >
  99. <meta name="text:Link Two" content="" />
  100. <meta name="text:Link Three Title" content= >
  101. <meta name="text:Link Three" content="" />
  102. <meta name="text:Link Four Title" content= >
  103. <meta name="text:Link Four" content="" />
  104. <meta name="text:Link Five Title" content= >
  105. <meta name="text:Link Five" content="" />
  106. <meta name="text:Link Six Title" content= >
  107. <meta name="text:Link Six" content="" />
  108. <meta name="text:Link Seven Title" content= >
  109. <meta name="text:Link Seven" content="" />
  110. <meta name="text:Link Eight Title" content= >
  111. <meta name="text:Link Eight" content="" />
  112.  
  113. <title>{title}</title>
  114.  
  115. <style type="text/css">
  116.  
  117. #tumblr_controls {
  118. position:fixed !important;
  119. top: 3px;
  120. right: 3px;
  121. {block:ifInvertedTumblrControls}
  122. white-space :nowrap;
  123. -webkit-filter: invert(100%);
  124. -moz-filter: invert(100%);
  125. -o-filter: invert(100%);
  126. -ms-filter: invert(100%);
  127. filter: invert(100%);
  128. opacity:0.9;
  129. {/block:ifInvertedTumblrControls}
  130. }
  131.  
  132. {block:iftinyscrollbar}
  133.  
  134. ::-webkit-scrollbar {
  135. width: 5px;
  136. height: 4px;
  137. background: {color:Scrollbar Background};
  138. }
  139.  
  140. ::-webkit-scrollbar-thumb {
  141. background: {color:Scrollbar};
  142. }
  143.  
  144. {/block:iftinyscrollbar}
  145.  
  146. .wrapper {
  147. margin: 0px auto;
  148. {block:ifuseheader}
  149. {block:if1column}
  150. {block:ifnotsmallposts}
  151. {block:ifnotPostPadding}
  152. width:615px;
  153. {/block:ifnotPostPadding}
  154. {block:ifPostPadding}
  155. width:640px;
  156. {/block:ifPostPadding}
  157. {/block:ifnotsmallposts}
  158. {block:ifsmallposts}
  159. {block:ifnotPostPadding}
  160. width:520px;
  161. {/block:ifnotPostPadding}
  162. {block:ifPostPadding}
  163. width:540px;
  164. {/block:ifPostPadding}
  165. {block:ifsmallposts}
  166. {/block:if1column}
  167. {block:if2column}
  168. {block:ifnotsmallposts}
  169. {block:ifnotPostPadding}
  170. width:615px;
  171. {/block:ifnotPostPadding}
  172. {block:ifPostPadding}
  173. width:640px;
  174. {/block:ifPostPadding}
  175. {/block:ifnotsmallposts}
  176. {block:ifsmallposts}
  177. {block:ifnotPostPadding}
  178. width:553px;
  179. {/block:ifnotPostPadding}
  180. {block:ifPostPadding}
  181. width:580px;
  182. {/block:ifPostPadding}
  183. {block:ifsmallposts}
  184. {/block:if2column}
  185. {block:if3column}
  186. {block:ifnotsmallposts}
  187. {block:ifnotPostPadding}
  188. width:895px;
  189. {/block:ifnotPostPadding}
  190. {block:ifPostPadding}
  191. width:930px;
  192. {/block:ifPostPadding}
  193. {/block:ifnotsmallposts}
  194. {block:ifsmallposts}
  195. {block:ifnotPostPadding}
  196. width:805px;
  197. {/block:ifnotPostPadding}
  198. {block:ifPostPadding}
  199. width:830px;
  200. {/block:ifPostPadding}
  201. {block:ifsmallposts}
  202. {/block:if3column}
  203. {/block:ifuseheader}
  204. {block:ifnotuseheader}
  205. {block:if1column}
  206. {block:ifnotsmallposts}
  207. width:800px;
  208. {/block:ifnotsmallposts}
  209. {block:ifsmallposts}
  210. width:700px;
  211. {block:ifsmallposts}
  212. {/block:if1column}
  213. {block:if2column}
  214. {block:ifnotsmallposts}
  215. width:960px;
  216. {/block:ifnotsmallposts}
  217. {block:ifsmallposts}
  218. width:890px;
  219. {block:ifsmallposts}
  220. {/block:if2column}
  221. {block:if3column}
  222. {block:ifnotsmallposts}
  223. width:1150px;
  224. {/block:ifnotsmallposts}
  225. {block:ifsmallposts}
  226. width:1080px;
  227. {block:ifsmallposts}
  228. {/block:if3column}
  229. {/block:ifnotuseheader}
  230. {block:permalinkpage}
  231. {block:ifuseheader}
  232. {block:if1column}
  233. {block:ifnotsmallposts}
  234. {block:ifnotPostPadding}
  235. width:615px;
  236. {/block:ifnotPostPadding}
  237. {block:ifPostPadding}
  238. width:640px;
  239. {/block:ifPostPadding}
  240. {/block:ifnotsmallposts}
  241. {block:ifsmallposts}
  242. {block:ifnotPostPadding}
  243. width:520px;
  244. {/block:ifnotPostPadding}
  245. {block:ifPostPadding}
  246. width:540px;
  247. {/block:ifPostPadding}
  248. {block:ifsmallposts}
  249. {/block:if1column}
  250. {block:if2column}
  251. {block:ifnotsmallposts}
  252. {block:ifnotPostPadding}
  253. width:615px;
  254. {/block:ifnotPostPadding}
  255. {block:ifPostPadding}
  256. width:640px;
  257. {/block:ifPostPadding}
  258. {/block:ifnotsmallposts}
  259. {block:ifsmallposts}
  260. {block:ifnotPostPadding}
  261. width:553px;
  262. {/block:ifnotPostPadding}
  263. {block:ifPostPadding}
  264. width:580px;
  265. {/block:ifPostPadding}
  266. {block:ifsmallposts}
  267. {/block:if2column}
  268. {block:if3column}
  269. {block:ifnotsmallposts}
  270. {block:ifnotPostPadding}
  271. width:895px;
  272. {/block:ifnotPostPadding}
  273. {block:ifPostPadding}
  274. width:930px;
  275. {/block:ifPostPadding}
  276. {/block:ifnotsmallposts}
  277. {block:ifsmallposts}
  278. {block:ifnotPostPadding}
  279. width:805px;
  280. {/block:ifnotPostPadding}
  281. {block:ifPostPadding}
  282. width:830px;
  283. {/block:ifPostPadding}
  284. {block:ifsmallposts}
  285. {/block:if3column}
  286. {/block:ifuseheader}
  287. {block:ifnotuseheader}
  288. {block:if1column}
  289. {block:ifnotsmallposts}
  290. width:900px;
  291. {/block:ifnotsmallposts}
  292. {block:ifsmallposts}
  293. width:900px;
  294. {block:ifsmallposts}
  295. {/block:if1column}
  296. {block:if2column}
  297. {block:ifnotsmallposts}
  298. width:900px;
  299. {/block:ifnotsmallposts}
  300. {block:ifsmallposts}
  301. width:900px;
  302. {block:ifsmallposts}
  303. {/block:if2column}
  304. {block:if3column}
  305. {block:ifnotsmallposts}
  306. width:900px;
  307. {/block:ifnotsmallposts}
  308. {block:ifsmallposts}
  309. width:900px;
  310. {block:ifsmallposts}
  311. {/block:if3column}
  312. {/block:ifnotuseheader}
  313. {/block:permalinkpage}
  314. }
  315.  
  316. body {
  317. padding:0px;
  318. margin:0px;
  319. font-family:Helvetica;
  320. font-size:11px;
  321. overflow-x:hidden;
  322. color:{color:Text};
  323. background-color: {color:Background};
  324. background-image: url({image:Background});
  325. background-attachment:fixed;
  326. {block:ifcoverBackground}
  327. background-size:cover;
  328. {/block:ifcoverBackground}
  329. {block:ifNotcoverBackground}
  330. background-size: repeat;
  331. {/block:ifNotcoverBackground}
  332. {block:iftinycursor}
  333. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),auto;
  334. {/block:iftinycursor}
  335. }
  336.  
  337. a:link, a:active, a:visited{
  338. text-decoration:none;
  339. color: {color:Links};
  340. -webkit-transition: all 0.4s ease-out;
  341. -moz-transition: all 0.4s ease-out;
  342. -o-transition:all 0.4s ease-out;
  343. transition: all 0.4s ease-out;
  344. {block:iftinycursor}
  345. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  346. {/block:iftinycursor}
  347. }
  348.  
  349. a:hover{
  350. color:{color:Hover};
  351. text-decoration:none;
  352. -webkit-transition: all 0.4s ease-out;
  353. -moz-transition: all 0.4s ease-out;
  354. -o-transition: all 0.4s ease-out;
  355. transition: all 0.4s ease-out;
  356. text-decoration:none;
  357. {block:iftinycursor}
  358. cursor: url(http://s26.postimg.org/eag1iaw6t/tinycursor.png),progress;
  359. {/block:iftinycursor}
  360. }
  361.  
  362. #infscr-loading {
  363. bottom: -70px;
  364. position: absolute;
  365. left: 50%;
  366. margin-left:-8px;
  367. width:16px;
  368. height:11px;
  369. overflow:hidden;
  370. margin-bottom: 50px;
  371. }
  372.  
  373. .entry img{
  374. max-width:100%;
  375. }
  376.  
  377. .entry {
  378. {block:IndexPage}
  379. {block:ifnot1column}
  380. {block:ifnotsmallposts}
  381. width: 250px;
  382. {/block:ifnotsmallposts}
  383. {block:ifsmallposts}
  384. width: 220px;
  385. {block:ifsmallposts}
  386. {/block:ifnot1column}
  387. {block:if1column}
  388. {block:ifnotsmallposts}
  389. width: 400px;
  390. {/block:ifnotsmallposts}
  391. {block:ifsmallposts}
  392. width: 220px; /*Change this to 250px to have the full photoset on*/
  393. {block:ifsmallposts}
  394. {/block:if1column}
  395. {block:ifnotPostPadding}
  396. margin:16px;
  397. {/block:ifnotPostPadding}
  398. {block:ifPostPadding}
  399. margin:13px;
  400. {/block:ifPostPadding}
  401. {/block:IndexPage}
  402. {block:PermalinkPage}
  403. width:500px;
  404. padding:6px;
  405. border: 1px solid {color:Borders};
  406. {block:ifuseheader}
  407. {block:if1column}
  408. {block:ifnotsmallposts}
  409. {block:ifnotPostPadding}
  410. margin: 16px 16px 16px -42px;
  411. {/block:ifnotPostPadding}
  412. {block:ifPostPadding}
  413. margin: 16px 16px 16px -38px;
  414. {/block:ifPostPadding}
  415. {/block:ifnotsmallposts}
  416. {block:ifsmallposts}
  417. {block:ifnotPostPadding}
  418. margin: 16px 16px 16px -125px;
  419. {/block:ifnotPostPadding}
  420. {block:ifPostPadding}
  421. margin: 16px 16px 16px -118px;
  422. {/block:ifPostPadding}
  423. {block:ifsmallposts}
  424. {/block:if1column}
  425. {block:if2column}
  426. {block:ifnotsmallposts}
  427. {block:ifnotPostPadding}
  428. margin:16px 16px 16px 22px;
  429. {/block:ifnotPostPadding}
  430. {block:ifPostPadding}
  431. margin:16px 16px 16px 32px;
  432. {/block:ifPostPadding}
  433. {/block:ifnotsmallposts}
  434. {block:ifsmallposts}
  435. {block:ifnotPostPadding}
  436. margin:16px 16px 16px -5px;
  437. {/block:ifnotPostPadding}
  438. {block:ifPostPadding}
  439. margin:16px 16px 16px 1px;
  440. {/block:ifPostPadding}
  441. {block:ifsmallposts}
  442. {/block:if2column}
  443. {block:if3column}
  444. {block:ifnotsmallposts}
  445. {block:ifnotPostPadding}
  446. margin:16px 16px 16px 156px;
  447. {/block:ifnotPostPadding}
  448. {block:ifPostPadding}
  449. margin:16px 16px 16px 176px;
  450. {/block:ifPostPadding}
  451. {/block:ifnotsmallposts}
  452. {block:ifsmallposts}
  453. {block:ifnotPostPadding}
  454. margin: 16px 16px 16px 110px;
  455. {/block:ifnotPostPadding}
  456. {block:ifPostPadding}
  457. margin: 16px 16px 16px 130px;
  458. {/block:ifPostPadding}
  459. {block:ifsmallposts}
  460. {/block:if3column}
  461. {/block:ifuseheader}
  462. {block:ifnotuseheader}
  463. {block:if1column}
  464. {block:ifnotsmallposts}
  465. margin:10px 16px 16px 0px;
  466. {/block:ifnotsmallposts}
  467. {block:ifsmallposts}
  468. margin:10px 16px 16px 0px;
  469. {block:ifsmallposts}
  470. {/block:if1column}
  471. {block:if2column}
  472. {block:ifnotsmallposts}
  473. margin:10px 16px 16px 0px;
  474. {/block:ifnotsmallposts}
  475. {block:ifsmallposts}
  476. margin:10px 16px 16px 0px;
  477. {block:ifsmallposts}
  478. {/block:if2column}
  479. {block:if3column}
  480. {block:ifnotsmallposts}
  481. margin:10px 16px 16px 0px;
  482. {/block:ifnotsmallposts}
  483. {block:ifsmallposts}
  484. margin:10px 16px 16px 0px;
  485. {block:ifsmallposts}
  486. {/block:if3column}
  487. {/block:ifnotuseheader}
  488. {/block:PermalinkPage}
  489. {block:ifPostborders}
  490. border: 1px solid {color:Borders};
  491. {/block:ifPostborders}
  492. float:left;
  493. {block:ifPostPadding}
  494. padding:6px;
  495. {/block:ifPostPadding}
  496. {block:ifnottransparentposts}
  497. background-color: {color:Posts};
  498. {block:ifnottransparentposts}
  499. {block:iftransparentposts}
  500. background-color:transparent;
  501. {/block:iftransparentposts}
  502. font-family:Helvetica;
  503. font-size: 11px;
  504. line-height:12px;
  505. overflow:hidden;
  506. {block:ifPostShadow}
  507. box-shadow:rgba(0,0,0,0.07) 6px 6px;
  508. {/block:ifPostShadow}
  509. }
  510.  
  511. .photo {
  512. position:relative;
  513. opacity:{text:Photo Opacity};
  514. overflow:hidden;
  515. -o-transition:all 0.4s linear;
  516. -webkit-transition: all 0.4s linear;
  517. -moz-transition: all 0.4s linear;
  518. transition: all 0.4s linear;
  519. }
  520.  
  521. .photo:hover {
  522. position:relative;
  523. opacity:1;
  524. overflow:hidden;
  525. -o-transition:all 0.4s linear;
  526. -webkit-transition: all 0.4s linear;
  527. -moz-transition: all 0.4s linear;
  528. transition: all 0.4s linear;
  529. }
  530.  
  531. .photo #pakje {
  532. visibility:hidden;
  533. }
  534.  
  535. .photo:hover #pakje {
  536. visibility:visible;
  537. }
  538.  
  539. .photo .permalink1 {
  540. background-color: rgba({text:Permalink},{text:Permalink Opacity});
  541. bottom:24px;
  542. left:-80px;
  543. width:auto;
  544. font-size:10px;
  545. font-family:helvetica;
  546. font-weight:100;
  547. overflow: hidden;
  548. padding:7px 10px 8px 10px;
  549. height:7px;
  550. line-height:7px;
  551. position:absolute;
  552. {block:ifUppercasePermalinks}
  553. text-transform:Uppercase;
  554. {/block:ifUppercasePermalinks}
  555. {block:ifnotUppercasePermalinks}
  556. text-transform:Capitalize;
  557. {/block:ifnotUppercasePermalinks}
  558. -webkit-transition: all 0.6s ease;
  559. -moz-transition: all 0.6s ease;
  560. -o-transition: all 06s ease;
  561. transition: all 0.6s ease;
  562. }
  563.  
  564. .photo .permalink1 a {
  565. color:{color:Permalink Text};
  566. -o-transition:all 0.4s linear;
  567. -webkit-transition: all 0.4s linear;
  568. -moz-transition: all 0.4s linear;
  569. transition: all 0.4s linear;
  570. }
  571.  
  572. .photo .permalink1 a:hover {
  573. color:{color:Permalink Text Hover};
  574. -o-transition:all 0.4s linear;
  575. -webkit-transition: all 0.4s linear;
  576. -moz-transition: all 0.4s linear;
  577. transition: all 0.4s linear;
  578. }
  579.  
  580. .photo .permalink2 {
  581. left:-85px;
  582. bottom:1px;
  583. background-color: rgba({text:Permalink},{text:Permalink Opacity});
  584. width:auto;
  585. font-size:10px;
  586. font-family:helvetica;
  587. font-weight:100;
  588. overflow: hidden;
  589. padding:7px 10px 8px 10px;
  590. height:7px;
  591. line-height:7px;
  592. position:absolute;
  593. {block:ifUppercasePermalinks}
  594. text-transform:Uppercase;
  595. {/block:ifUppercasePermalinks}
  596. {block:ifnotUppercasePermalinks}
  597. text-transform:Capitalize;
  598. {/block:ifnotUppercasePermalinks}
  599. -webkit-transition: all 0.4s ease;
  600. -moz-transition: all 0.4s ease;
  601. -o-transition: all 0.4s ease;
  602. transition: all 0.4s ease;
  603. }
  604.  
  605. .photo .permalink2 a {
  606. color:{color:Permalink Text};
  607. -o-transition:all 0.4s linear;
  608. -webkit-transition: all 0.4s linear;
  609. -moz-transition: all 0.4s linear;
  610. transition: all 0.4s linear;
  611. }
  612.  
  613. .photo .permalink2 a:hover {
  614. color:{color:Permalink Text Hover};
  615. -o-transition:all 0.4s linear;
  616. -webkit-transition: all 0.4s linear;
  617. -moz-transition: all 0.4s linear;
  618. transition: all 0.4s linear;
  619. }
  620.  
  621. .photo .permalink3 {
  622. background-color: rgba({text:Permalink},{text:Permalink Opacity});
  623. color:{color:Permalink Text};
  624. width:auto;
  625. font-size:10px;
  626. font-family:helvetica;
  627. font-weight:100;
  628. overflow: hidden;
  629. padding:7px 10px 8px 10px;
  630. height:7px;
  631. line-height:7px;
  632. position:absolute;
  633. {block:ifUppercasePermalinks}
  634. text-transform:Uppercase;
  635. {/block:ifUppercasePermalinks}
  636. {block:ifnotUppercasePermalinks}
  637. text-transform:Capitalize;
  638. {/block:ifnotUppercasePermalinks}
  639. right:-90px;
  640. bottom:24px;
  641. -webkit-transition: all 0.6s ease;
  642. -moz-transition: all 0.6s ease;
  643. -o-transition: all 0.6s ease;
  644. transition: all 0.6s ease;
  645. }
  646.  
  647. .photo .permalink4 {
  648. background-color: rgba({text:Permalink},{text:Permalink Opacity});
  649. color:{color:Permalink Text};
  650. width:auto;
  651. font-size:10px;
  652. font-family:helvetica;
  653. font-weight:100;
  654. overflow: hidden;
  655. padding:7px 10px 8px 10px;
  656. height:7px;
  657. line-height:7px;
  658. position:absolute;
  659. {block:ifUppercasePermalinks}
  660. text-transform:Uppercase;
  661. {/block:ifUppercasePermalinks}
  662. {block:ifnotUppercasePermalinks}
  663. text-transform:Capitalize;
  664. {/block:ifnotUppercasePermalinks}
  665. bottom:1px;
  666. right:-90px;
  667. -webkit-transition: all 0.7s ease;
  668. -moz-transition: all 0.7s ease;
  669. -o-transition: all 0.7s ease;
  670. transition: all 0.7s ease;
  671. }
  672.  
  673. .photo:hover .permalink1 {
  674. left:0;
  675. }
  676.  
  677. .photo:hover .permalink2 {
  678. left:0;
  679. }
  680.  
  681. .photo:hover .permalink3 {
  682. right:0
  683. }
  684.  
  685. .photo:hover .permalink4 {
  686. right:0
  687. }
  688.  
  689. #pagination {
  690. display:none;
  691. }
  692.  
  693. #posts {
  694. position:relative;
  695. {block:if1column}
  696. width:430px;
  697. {/block:if1column}
  698. {block:if2column}
  699. width: 600px;
  700. {/block:if2column}
  701. {block:if3column}
  702. width:870px;
  703. {/block:if3column}
  704. {block:ifuseheader}
  705. top:25px;
  706. {block:ifnot1column}
  707. margin-left:20px;
  708. {/block:ifnot1column}
  709. {block:if1column}
  710. {block:ifsmallposts}
  711. margin-left:125px;
  712. {/block:ifsmallposts}
  713. {block:ifnotsmallposts}
  714. margin-left:85px;
  715. {/block:ifnotsmallposts}
  716. {/block:if1column}
  717. {/block:ifuseheader}
  718. {block:ifnotuseheader}
  719. margin-left: 270px;
  720. top:10px;
  721. {/block:ifnotuseheader}
  722. }
  723.  
  724. #sidebar {
  725. position:fixed;
  726. margin-top:11%;
  727. padding:6px;
  728. {block:ifnottransparentsidebar}
  729. background:{color:sidebar};
  730. {/block:ifnottransparentsidebar}
  731. {block:iftransparentsidebar}
  732. background:Transparent;
  733. {/block:iftransparentsidebar}
  734. {block:ifsidebarborder}
  735. border: solid 1px {color:borders};
  736. {/block:ifsidebarborder}
  737. {block:ifnotsidebarborder}
  738. margin-left:12px;
  739. {/block:ifnotsidebarborder}
  740. height:auto;
  741. display:block;
  742. {block:ifsmallsidebar}
  743. width: 190px;
  744. margin-left:40px;
  745. {/block:ifsmallsidebar}
  746. {block:ifnotsmallsidebar}
  747. width: 220px;
  748. margin-left:10px;
  749. {/block:ifnotsmallsidebar}
  750. {block:ifSidebarShadow}
  751. box-shadow:rgba(0,0,0,0.07) 6px 6px;
  752. {/block:ifSidebarShadow}
  753. }
  754.  
  755. .blogtitle {
  756. font-family:Calibri, sans-serif;
  757. font-size:20px;
  758. text-align:center;
  759. padding-top:5px;
  760. letter-spacing:0px;
  761. font-weight:200;
  762. {block:ifsmallsidebar}
  763. width: 190px;
  764. {/block:ifsmallsidebar}
  765. {block:ifnotsmallsidebar}
  766. width: 220px;
  767. {/block:ifnotsmallsidebar}
  768. z-index:1;
  769. position:relative;
  770. margin-top:-35px;
  771. padding-bottom:3px;
  772. background:rgba({text:Title Sidebar BG},{text:Title Sidebar BG Opacity});
  773. }
  774.  
  775. .blogtitle a, .blogtitle2 a, .blogtitle3 a, .blogtitle4 a{
  776. color:{color:Blog Title};
  777. }
  778.  
  779. .blogtitle2 {
  780. font-family:Calibri, sans-serif;
  781. font-size:20px;
  782. text-align:center;
  783. font-weight:200;
  784. {block:ifsmallsidebar}
  785. width: 190px;
  786. {/block:ifsmallsidebar}
  787. {block:ifnotsmallsidebar}
  788. width: 220px;
  789. {/block:ifnotsmallsidebar}
  790. }
  791.  
  792. .kutje {
  793. z-index:0;
  794. opacity:.9;
  795. }
  796.  
  797. .description {
  798. padding: 5px;
  799. {block:ifsmallsidebar}
  800. width: 180px;
  801. {/block:ifsmallsidebar}
  802. {block:ifnotsmallsidebar}
  803. width: 210px;
  804. {/block:ifnotsmallsidebar}
  805. z-index:1;
  806. position:relative;
  807. text-align:center;
  808. }
  809.  
  810. .links {
  811. {block:ifsmallsidebar}
  812. width: 190px;
  813. {/block:ifsmallsidebar}
  814. {block:ifnotsmallsidebar}
  815. width: 220px;
  816. {/block:ifnotsmallsidebar}
  817. }
  818.  
  819. .links a {
  820. width:auto;
  821. margin:2px;
  822. padding:2px;
  823. display:inline-block;
  824. {block:ifnototherlinkstyle}
  825. outline-style: solid;
  826. outline-width: 0px;
  827. outline-color:{color:borders};
  828. outline-offset: -10px;
  829. {/block:ifnototherlinkstyle}
  830. {block:iflinkborders}
  831. border:solid 1px {color:borders};
  832. {/block:iflinkborders}
  833. -moz-transition:all .5s ease;
  834. -webkit-transition:all .5s ease;
  835. -o-transition:all .5s ease;
  836. transition:all .5s ease;
  837. }
  838.  
  839. .links a:hover, .links2 a:hover, .links3 a:hover {
  840. {block:ifnototherlinkstyle}
  841. outline-offset: 0px;
  842. -moz-transition:all .5s ease;
  843. -webkit-transition:all .5s ease;
  844. -o-transition:all .5s ease;
  845. transition:all .5s ease;
  846. outline-width: 1px;
  847. {/block:ifnototherlinkstyle}
  848. {block:ifotherlinkstyle}
  849. -moz-transition:all 1.5s ease;
  850. -webkit-transition:all 1.5s ease;
  851. -o-transition:all 1.5s ease;
  852. transition:all 1.5s ease;
  853. -webkit-box-shadow:inset 100px 0px {color:Background Links};
  854. -o-box-shadow:inset 100px 0px {color:Background Links};
  855. -moz-box-shadow:inset 100px 0px {color:Background Links};
  856. box-shadow:inset 100px 0px {color:Background Links};
  857. {/block:ifotherlinkstyle}
  858. }
  859.  
  860. .links2 a {
  861. width:auto;
  862. margin:3px;
  863. padding:2px;
  864. display:inline-block;
  865. {block:ifnototherlinkstyle}
  866. outline-style: solid;
  867. outline-width: 0px;
  868. outline-color:{color:borders};
  869. outline-offset: -10px;
  870. {/block:ifnototherlinkstyle}
  871. {block:iflinkborders}
  872. border:solid 1px {color:borders};
  873. {/block:iflinkborders}
  874. -moz-transition:all .5s ease;
  875. -webkit-transition:all .5s ease;
  876. -o-transition:all .5s ease;
  877. transition:all .5s ease;
  878. }
  879.  
  880. #header {
  881. {block:ifHeaderShadow}
  882. box-shadow:rgba(0,0,0,0.07) 6px 6px;
  883. {/block:ifHeaderShadow}
  884. width:450px;
  885. {block:iftransparentheader}
  886. background:Transparent;
  887. {/block:iftransparentheader}
  888. {block:ifnottransparentheader}
  889. background:{color:Header};
  890. {/block:ifnottransparentheader}
  891. {block:ifheaderborder}
  892. border:{text:Header Border Style} 1px {color:borders};
  893. {/block:ifheaderborder}
  894. position:relative;
  895. text-align:center;
  896. top:15px;
  897. {block:if1column}
  898. {block:ifnotsmallposts}
  899. {block:ifnotPostPadding}
  900. margin-left:74px;
  901. {/block:ifnotPostPadding}
  902. {block:ifPostPadding}
  903. margin-left:80px;
  904. {/block:ifPostPadding}
  905. {/block:ifnotsmallposts}
  906. {block:ifsmallposts}
  907. {block:ifnotPostPadding}
  908. margin-left:34px;
  909. {/block:ifnotPostPadding}
  910. {block:ifPostPadding}
  911. margin-left:40px;
  912. {/block:ifPostPadding}
  913. {block:ifsmallposts}
  914. {/block:if1column}
  915. {block:if2column}
  916. {block:ifnotsmallposts}
  917. {block:ifnotPostPadding}
  918. margin-left:75px;
  919. {/block:ifnotPostPadding}
  920. {block:ifPostPadding}
  921. margin-left:85px;
  922. {/block:ifPostPadding}
  923. {/block:ifnotsmallposts}
  924. {block:ifsmallposts}
  925. {block:ifnotPostPadding}
  926. margin-left:47px;
  927. {/block:ifnotPostPadding}
  928. {block:ifPostPadding}
  929. margin-left:54px;
  930. {/block:ifPostPadding}
  931. {block:ifsmallposts}
  932. {/block:if2column}
  933. {block:if3column}
  934. {block:ifnotsmallposts}
  935. {block:ifnotPostPadding}
  936. margin-left:210px;
  937. {/block:ifnotPostPadding}
  938. {block:ifPostPadding}
  939. margin-left:230px;
  940. {/block:ifPostPadding}
  941. {/block:ifnotsmallposts}
  942. {block:ifsmallposts}
  943. {block:ifnotPostPadding}
  944. margin-left:164px;
  945. {/block:ifnotPostPadding}
  946. {block:ifPostPadding}
  947. margin-left:185px;
  948. {/block:ifPostPadding}
  949. {block:ifsmallposts}
  950. {/block:if3column}
  951. }
  952.  
  953. .blogtitle3 {
  954. font-family:Calibri, sans-serif;
  955. font-size:22px;
  956. text-align:center;
  957. line-height:110%;
  958. padding:5px 3px 1px 3px;
  959. font-weight:200;
  960. }
  961.  
  962. .description2 {
  963. {block:ifnotusetitle}
  964. padding: 6px 6px 3px 6px;
  965. {/block:ifnotusetitle}
  966. {block:ifusetitle}
  967. padding: 0px 6px 3px 6px;
  968. {/block:ifusetitle}
  969. }
  970.  
  971. .entry .title {
  972. font-family: Calibri;
  973. font-size: 12px;
  974. line-height:10px;
  975. color:{color:Text Title};
  976. font-weight: Bold;
  977. padding:0px 0px 0px 0px;
  978. }
  979.  
  980.  
  981. .details {
  982. font-size: 10px;
  983. text-transform: capitalize;
  984. float:right;
  985. }
  986.  
  987. .caption img {
  988. max-width: 100%;
  989. }
  990.  
  991. .caption {
  992. margin-top:11px;
  993. color:{color:Text Title};
  994. float:left;
  995. clear:left;
  996. }
  997.  
  998. .captionlink {
  999. margin-top:11px;
  1000. color:{color:Text};
  1001. }
  1002.  
  1003. #ask {
  1004. margin-top:0px;
  1005. float:left
  1006. clear:right;
  1007. }
  1008.  
  1009. #s-m-t-tooltip {
  1010. z-index:99999999999999999999;
  1011. padding:3px;
  1012. font-size:9px;
  1013. color:{color:text};
  1014. text-transform:capitalize;
  1015. line-height:10px;
  1016. opacity:0.9;
  1017. background:{color:Tooltips Background};
  1018. box-shadow:0px 0px 0px transparent;
  1019. margin:24px 14px 7px 12px;
  1020. -moz-border-radius:0px;
  1021. -webkit-border-radius:0px;
  1022. border-radius:0px;
  1023. border:1px solid {color:borders};
  1024. }
  1025.  
  1026. .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 {
  1027. font-weight:bold;
  1028. }
  1029.  
  1030. .header2 {
  1031. position: fixed;
  1032. text-align: center;
  1033. min-width: 100%;
  1034. z-index: 99999999;
  1035. }
  1036.  
  1037. .header2 #element {
  1038. height: 50px;
  1039. min-width: 100%;
  1040. background-color: {color:Appearing Header};
  1041. position: fixed;
  1042. opacity:0.95;
  1043. text-align: center;
  1044. z-index: 99999999999;
  1045. border-bottom:solid 1px {color:borders};
  1046. }
  1047.  
  1048. .blogtitle4 {
  1049. font-family:Calibri, sans-serif;
  1050. font-size:25px;
  1051. text-align:left;
  1052. line-height:110%;
  1053. position:relative;
  1054. float:left;
  1055. border-right: 1px solid {color:borders};
  1056. max-width:500px;
  1057. margin-top:7px;
  1058. margin-left:20px;
  1059. margin-right:25px;
  1060. padding:5px 15px 5px 3px;
  1061. font-weight:200;
  1062. }
  1063.  
  1064. .links3 {
  1065. width:auto;
  1066. margin-top:10px;
  1067. padding:2px;
  1068. font-size:15px;
  1069. display:inline-block;
  1070. {block:ifnototherlinkstyle}
  1071. outline-style: solid;
  1072. outline-width: 0px;
  1073. outline-color:{color:borders};
  1074. outline-offset: -10px;
  1075. {/block:ifnototherlinkstyle}
  1076. {block:iflinkborders}
  1077. border:solid 1px {color:borders};
  1078. {/block:iflinkborders}
  1079. -moz-transition:all .5s ease;
  1080. -webkit-transition:all .5s ease;
  1081. -o-transition:all .5s ease;
  1082. transition:all .5s ease;
  1083. float:left;
  1084. }
  1085.  
  1086. .links3 a {
  1087. width:auto;
  1088. margin:3px 6px 3px 5px;
  1089. padding:2px;
  1090. display:inline-block;
  1091. {block:ifnototherlinkstyle}
  1092. outline-style: solid;
  1093. outline-width: 0px;
  1094. outline-color:{color:borders};
  1095. outline-offset: -10px;
  1096. {/block:ifnototherlinkstyle}
  1097. {block:iflinkborders}
  1098. border:solid 1px {color:borders};
  1099. {/block:iflinkborders}
  1100. -moz-transition:all .5s ease;
  1101. -webkit-transition:all .5s ease;
  1102. -o-transition:all .5s ease;
  1103. transition:all .5s ease;
  1104. }
  1105.  
  1106. .avatar_frame {
  1107. display: none;
  1108. visibility: hidden;
  1109. }
  1110.  
  1111. ol.notes {
  1112. border:solid {color:borders} 1px;
  1113. height:auto;
  1114. max-height:300px;
  1115. overflow-y:scroll;
  1116. overflow-x:hidden;
  1117. padding: 2px 10px;
  1118. line-height: 15px;
  1119. list-style-type: none;
  1120. letter-spacing: 0px;
  1121. margin: 2px 3px 4px 3px;
  1122. }
  1123.  
  1124. ol.notes li.note:before {
  1125. content: url('http://static.tumblr.com/79eg145/4Ovncggyi/list-style.png');
  1126. padding:0px 5px 0px 5px;
  1127. position:relative;
  1128. top:1px;
  1129. }
  1130.  
  1131. .note {
  1132. margin:5px 0 10px 0;
  1133. }
  1134.  
  1135.  
  1136. .audioplayer {
  1137. padding:2px 4px 6px 4px;
  1138. {block:ifnot1column}
  1139. {block:ifnotsmallposts}
  1140. width: 240px;
  1141. {/block:ifnotsmallposts}
  1142. {block:ifsmallposts}
  1143. width: 210px;
  1144. {block:ifsmallposts}
  1145. {/block:ifnot1column}
  1146. {block:if1column}
  1147. {block:ifnotsmallposts}
  1148. width: 380px;
  1149. {/block:ifnotsmallposts}
  1150. {block:ifsmallposts}
  1151. width: 210px;
  1152. {block:ifsmallposts}
  1153. {/block:if1column}
  1154. height:87px;
  1155. }
  1156.  
  1157. .album {
  1158. position:absolute;
  1159. z-index:1;
  1160. width:80px;
  1161. height:80px;
  1162. border:double 4px #aaa;
  1163. margin-top:4px;
  1164. }
  1165.  
  1166. .album img {
  1167. float:left;
  1168. width:80px;
  1169. height:80px;
  1170. }
  1171.  
  1172. .playbutton {
  1173. margin-left:32px;
  1174. margin-top:32px;
  1175. opacity:0.5;
  1176. width:27px;
  1177. height:27px;
  1178. overflow:hidden;
  1179. position:absolute;
  1180. z-index:999999;
  1181. border-radius:3px;
  1182. }
  1183.  
  1184. .song {
  1185. text-transform:capitalize;
  1186. margin-left:100px;
  1187. letter-spacing:1px;
  1188. margin-top:10px;
  1189. position:absolute;
  1190. line-height:13px;
  1191. font-size:10px;
  1192. }
  1193.  
  1194. .question {
  1195. height:auto;
  1196. padding:5px;
  1197. border:1px solid {color:borders};
  1198. font-size:11px;
  1199. line-height:12px;
  1200. }
  1201.  
  1202. #answer {
  1203. padding:0px 5px 0px 5px;
  1204. font-size:11px;
  1205. opacity:0.95;
  1206. text-align:center;
  1207. line-height:12px;
  1208. }
  1209.  
  1210. #answer img {
  1211. max-width: 100%;
  1212. }
  1213.  
  1214. {CustomCSS}
  1215.  
  1216. </style>
  1217.  
  1218. <script>
  1219. $(window).scroll(function() {
  1220. if ($(this).scrollTop() > 100) {
  1221. $( ".header2 #element" ).fadeIn();
  1222. } else {
  1223. console.log('there');
  1224. $( ".header2 #element" ).fadeOut();
  1225. }
  1226. });
  1227. </script>
  1228.  
  1229. <script type="text/javascript">
  1230. (function($){
  1231. $(document).ready(function(){
  1232. $("[title],a[title],img[title]").style_my_tooltips({
  1233. tip_follows_cursor:true,
  1234. tip_delay_time:100,
  1235. tip_fade_speed:300,
  1236. attribute:"title"
  1237. });
  1238. });
  1239. })(jQuery);
  1240. </script>
  1241.  
  1242. <script src="http://static.tumblr.com/7u4rsen/ty1mywnp2/jquery.style-my-tooltips.js"></script>
  1243.  
  1244. <script src="http://static.tumblr.com/7u4rsen/zyLmzgpre/jqueryinfintescroll.js"></script>
  1245.  
  1246. <script src="http://static.tumblr.com/xnjw13b/mjKn0uimd/modernizr.custom.js"></script>
  1247.  
  1248. {block:IndexPage}
  1249. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  1250. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  1251.  
  1252. <script type="text/javascript">
  1253. $(window).load(function () {
  1254. var $content = $('#posts');
  1255. $content.masonry({itemSelector: '.entry'}),
  1256. $content.infinitescroll({
  1257. navSelector : 'div#pagination',
  1258. nextSelector : 'div#pagination a#nextPage',
  1259. itemSelector : '.entry',
  1260. loading: {
  1261. finishedMsg: '',
  1262. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  1263. },
  1264. bufferPx : 600,
  1265. debug : false,
  1266. },
  1267. // call masonry as a callback.
  1268. function( newElements ) {
  1269. var $newElems = $( newElements );
  1270. $newElems.hide();
  1271. // ensure that images load before adding to masonry layout
  1272. $newElems.imagesLoaded(function(){
  1273. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  1274.  
  1275.  
  1276. });
  1277. });
  1278. });
  1279. </script>
  1280.  
  1281. {block:ifUseScrollToTop}
  1282. <script src="http://static.tumblr.com/7u4rsen/doXmzlogf/scrolltotop.js"></script>
  1283. {/block:ifUseScrollToTop}
  1284.  
  1285. {/block:IndexPage}
  1286.  
  1287.  
  1288. </head>
  1289.  
  1290. <body onselectstart="return false;" ondragstart="return false;">
  1291.  
  1292. {block:IndexPage}
  1293. {block:ifappearingheader}
  1294. {block:ifuseheader}
  1295. <div class="header2">
  1296. <div id="element" style="display:none;">
  1297. {block:ifusetitle}
  1298. <div class="blogtitle4"><a href="/">{title}</a></div>
  1299. {/block:ifusetitle}
  1300. <div class="links3">
  1301. <center>
  1302. {block:iflinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:iflinkonetitle}
  1303.  
  1304. {block:iflinktwotitle} <a href="{text:link two}">{text:link two title}</a>{/block:iflinktwotitle}
  1305.  
  1306. {block:iflinkthreetitle} <a href="{text:link three}">{text:link three title}</a>{/block:iflinkthreetitle}
  1307.  
  1308. {block:iflinkfourtitle} <a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle}
  1309.  
  1310. {block:iflinkfivetitle} <a href="{text:link five}">{text:link five title}</a>{/block:iflinkfivetitle}
  1311.  
  1312. {block:iflinksixtitle} <a href="{text:link six}">{text:link six title}</a>{/block:iflinksixtitle}
  1313.  
  1314. {block:iflinkseventitle} <a href="{text:link seven}">{text:link seven title}</a>{/block:iflinkseventitle}
  1315.  
  1316. {block:iflinkeighttitle} <a href="{text:link eight}">{text:link eight title}</a>{/block:iflinkeighttitle}
  1317. </center>
  1318. </div>
  1319. </div>
  1320. </div>
  1321. {/block:ifuseheader}
  1322. {/block:ifappearingheader}
  1323. {/block:IndexPage}
  1324.  
  1325. <div class="wrapper">
  1326.  
  1327. {block:ifnotuseheader}
  1328.  
  1329. <div id="sidebar">
  1330.  
  1331. {block:ifnotshowsidebarimage}
  1332. {block:ifusetitle}
  1333. <div class="blogtitle2"><a href="/">{title}</a></div>
  1334. {/block:ifusetitle}
  1335. {block:ifnotshowsidebarimage}
  1336.  
  1337. <div id="sidebarpic">
  1338. {block:ifshowsidebarimage}
  1339. <center>
  1340. <a href="/"><img src="{image:sidebar}" width="100%" alt="Sidebarpic" class="kutje"></a>
  1341. </center>
  1342. {block:ifusetitle}
  1343. <div class="blogtitle"><a href="/">{title}</a></div>
  1344. <div style="margin-bottom:2px;"></div>
  1345. {/block:ifusetitle}
  1346. {/block:ifshowsidebarimage}
  1347. </div>
  1348.  
  1349. {block:ifusedescription}
  1350. <div class="description">{description}</div>
  1351. {/block:ifusedescription}
  1352.  
  1353. <div class="links">
  1354. <center>
  1355. {block:iflinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:iflinkonetitle}
  1356.  
  1357. {block:iflinktwotitle} <a href="{text:link two}">{text:link two title}</a>{/block:iflinktwotitle}
  1358.  
  1359. {block:iflinkthreetitle} <a href="{text:link three}">{text:link three title}</a>{/block:iflinkthreetitle}
  1360.  
  1361. {block:iflinkfourtitle} <a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle}
  1362.  
  1363. {block:iflinkfivetitle} <a href="{text:link five}">{text:link five title}</a>{/block:iflinkfivetitle}
  1364.  
  1365. {block:iflinksixtitle} <a href="{text:link six}">{text:link six title}</a>{/block:iflinksixtitle}
  1366.  
  1367. {block:iflinkseventitle} <a href="{text:link seven}">{text:link seven title}</a>{/block:iflinkseventitle}
  1368.  
  1369. {block:iflinkeighttitle} <a href="{text:link eight}">{text:link eight title}</a>{/block:iflinkeighttitle}
  1370. </center>
  1371. </div>
  1372. </div>
  1373.  
  1374. {/block:ifnotuseheader}
  1375.  
  1376. {block:ifuseheader}
  1377. <div id="header">
  1378.  
  1379. {block:ifusetitle}
  1380. <div class="blogtitle3"><a href="/">{title}</a></div>
  1381. {/block:ifusetitle}
  1382.  
  1383. {block:ifusedescription}
  1384. <div class="description2">{description}</div>
  1385. {/block:ifusedescription}
  1386.  
  1387. <div class="links2">
  1388. <center>
  1389. {block:iflinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:iflinkonetitle}
  1390.  
  1391. {block:iflinktwotitle} <a href="{text:link two}">{text:link two title}</a>{/block:iflinktwotitle}
  1392.  
  1393. {block:iflinkthreetitle} <a href="{text:link three}">{text:link three title}</a>{/block:iflinkthreetitle}
  1394.  
  1395. {block:iflinkfourtitle} <a href="{text:link four}">{text:link four title}</a>{/block:iflinkfourtitle}
  1396.  
  1397. {block:iflinkfivetitle} <a href="{text:link five}">{text:link five title}</a>{/block:iflinkfivetitle}
  1398.  
  1399. {block:iflinksixtitle} <a href="{text:link six}">{text:link six title}</a>{/block:iflinksixtitle}
  1400.  
  1401. {block:iflinkseventitle} <a href="{text:link seven}">{text:link seven title}</a>{/block:iflinkseventitle}
  1402.  
  1403. {block:iflinkeighttitle} <a href="{text:link eight}">{text:link eight title}</a>{/block:iflinkeighttitle}
  1404. </center>
  1405. </div>
  1406. </div>
  1407.  
  1408. {/block:ifuseheader}
  1409.  
  1410.  
  1411. <div id="posts">
  1412.  
  1413. {block:Posts}
  1414.  
  1415. <!--{block:ContentSource}
  1416. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1417. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1418. {/block:SourceLogo}
  1419. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  1420. {/block:ContentSource}-->
  1421.  
  1422. <div class="entry">
  1423.  
  1424. {block:Text}
  1425. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="text">{Body}</span>{block:IndexPage}<div class="details"><a href="{Permalink}">{NoteCountwithlabel}</a> - <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}{/block:Text}
  1426.  
  1427. {block:Link}
  1428. <div style="border: 1px solid {color:borders}; padding:5px 2px 3px 2px; text-align:center;">
  1429. <a href="{URL}" class="title">{Name}</a></div>{block:Description}<div class="captionlink">{Description}</div>{/block:Description}{block:IndexPage}<div class="details"><a href="{Permalink}">{NoteCountwithlabel}</a> - <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1430. {block:Link}
  1431.  
  1432. {block:Photo}
  1433. {block:IndexPage}{LinkOpenTag}<div class="photo" style="line-height:0px;"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a><div id="pakje"><div class="permalink1"><a href="{ReblogURL}">Reblog</a></div><div class="permalink2"><a href="{Permalink}">{NoteCountWithLabel}</a></div><div class="permalink3">{FormattedTime}</div><div class="permalink4">{MonthNumberWithZero} - {DayOfMonthWithZero} - {Year}</div></div></div>{LinkCloseTag}{/block:IndexPage}
  1434. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a>{LinkCloseTag}{/block:PermalinkPage}
  1435. {/block:Photo}
  1436.  
  1437. {block:Photoset}
  1438. {block:IndexPage}<div class="photo" style="line-height:0px;"><center>{block:ifnot1column}{Photoset-250}{/block:ifnot1column}{block:if1column}{block:ifnotsmallposts}{Photoset-400}{/block:ifnotsmallposts}{block:ifsmallposts}{Photoset-250}{/block:ifsmallposts}{/block:if1column}</center><div id="pakje"><div class="permalink1"><a href="{ReblogURL}">Reblog</a></div><div class="permalink2"><a href="{Permalink}">{NoteCountWithLabel}</a></div><div class="permalink3">{FormattedTime}</div><div class="permalink4">{block:ifAmericanDate}{MonthNumberWithZero} - {DayOfMonthWithZero} - {Year}{/block:ifAmericanDate}{block:ifnotAmericanDate}{DayOfMonthWithZero} - {MonthNumberWithZero} - {Year}{/block:ifnotAmericanDate}</div></div></div>{/block:IndexPage}
  1439. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  1440. {/block:Photoset}
  1441.  
  1442.  
  1443. {block:Quote}<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 Title}">{Source}</div>{/block:Source}{block:IndexPage}<span class="details"><div class="details"><a href="{Permalink}">{NoteCountwithlabel}</a> - <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1444. {/block:Quote}
  1445.  
  1446. {block:Chat}
  1447. {block:Title}
  1448. <span class="title">{Title}</span>{/block:Title}
  1449. <ul class="chat">
  1450. {block:Lines}
  1451. <li class="user_{UserNumber}" style="line-height:13px; list-style-type:none; margin-left:-20px;">
  1452. {block:Label}
  1453. <span class="label">{Label}</span>
  1454. {/block:Label}
  1455. {Line}
  1456. </li>
  1457. {/block:Lines}
  1458. </ul>{block:IndexPage}<div class="details"><a href="{Permalink}">{NoteCountwithlabel}</a> - <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}{/block:Chat}
  1459.  
  1460. {block:Audio}
  1461. <div class="audioplayer">
  1462. <div class="album">
  1463. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="album"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  1464. <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>
  1465. {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>
  1466. {block:IndexPage}<div class="details"><a href="{Permalink}">{NoteCountwithlabel}</a> - <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1467. {/block:Audio}
  1468.  
  1469. {block:Video}
  1470. {block:IndexPage}<div class="video" style="font-style:italic; font-size:12px; margin-bottom:5px; padding:6px 8px 2px 8px;">
  1471. <a href="{Permalink}">Click for video</a>
  1472. </div>{/block:IndexPage}
  1473. {block:IndexPage}<div class="details"><a href="{Permalink}">{NoteCountwithlabel}</a> - <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1474. {block:PermalinkPage}<center>{Video-500}</center>{/block:PermalinkPage}
  1475. {/block:Video}
  1476.  
  1477. {block:Answer}
  1478. <div class="question">{Asker}: {Question}</div>
  1479. <div id="answer">{Answer}</div>
  1480. {block:IndexPage}<div class="details"><a href="{Permalink}">{NoteCountwithlabel}</a> - <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  1481. {/block:Answer}
  1482.  
  1483.  
  1484. {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}
  1485.  
  1486.  
  1487. {block:PermalinkPage}
  1488. {block:Date}
  1489. {block:Caption}<div style="padding:0 5px; 0 5px;">{Caption}</div>{/block:Caption}
  1490.  
  1491. <div style="text-transform:capitalize; padding:5px; font-size:10px; line-height:14px;">
  1492. Posted on {month} {DayOfMonth}{DayOfMonthSuffix}, {year} at {formattedtime} <br>
  1493. With {notecountwithlabel} <br>
  1494. {/block:Date}
  1495. {block:RebloggedFrom}
  1496. Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a> <br>
  1497. Orginally by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1498. {/block:RebloggedFrom}
  1499. </div>
  1500.  
  1501.  
  1502.  
  1503. {block:PostNotes}
  1504. {PostNotes}
  1505. {/block:PostNotes}
  1506.  
  1507. {/block:PermalinkPage}
  1508.  
  1509.  
  1510. </div>
  1511. {/block:Posts}
  1512. </div>
  1513. </div>
  1514. </div>
  1515.  
  1516. {block:IndexPage}
  1517. <br>
  1518. {block:Pagination}
  1519. <div id="pagination">
  1520. {block:NextPage}
  1521. <a id="nextPage" href="{NextPage}"></a>
  1522. {/block:NextPage}
  1523. {block:PreviousPage}
  1524. <a href="{PreviousPage}"></a>
  1525. {/block:PreviousPage}
  1526. </div>
  1527. {/block:Pagination}
  1528. {/block:IndexPage}
  1529. </div>
  1530.  
  1531. </body>
  1532. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement