Advertisement
onediewreckshun

6 - atlantic - http://bangjensen.tumblr.com

Jan 19th, 2013
2,784
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.07 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4. <title>{title}</title>
  5. <link rel="shortcut icon" href="{favicon}">
  6.  
  7.  
  8.  
  9. <meta name="color:bgcolor" content="#ffffff"/>
  10. <meta name="color:Sidebar" content="#ffffff"/>
  11. <meta name="color:Text" content="#a8a8a8"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="color:Tags" content="f0f0f0"/>
  14. <meta name="color:Hover" content="#f2f2f2"/>
  15. <meta name="color:Border" content="#eee"/>
  16. <meta name="color:Post" content="#ffffff"/>
  17. <meta name="color:Answer" content="#f8f8f8"/>
  18. <meta name="color:textselect" content="#eee"/>
  19.  
  20. <meta name="image:sidebar" content="http://static.tumblr.com/75dbdb99a7b220ce470e184e1b589d9b/gph9hnp/CzXmgm68q/tumblr_static_tumblr_maglzk3kru1rvhubqo1_1280.png"/>
  21. <meta name="image:bg" content=""/>
  22.  
  23. <meta name="text:home" content="home" />
  24. <meta name="text:ask" content="mail" />
  25. <meta name="text:asklink" content="/ask" />
  26. <meta name="text:link3text" content="link" />
  27. <meta name="text:link3url" content="/" />
  28. <meta name="text:link4text" content="link" />
  29. <meta name="text:link4url" content="/" />
  30.  
  31. <meta name="color:scrollbar" content="ede7dc"/>
  32. <meta name="color:scrollbarbg" content="ffffff"/>
  33.  
  34. <meta name="if:hovertags" content="1" />
  35.  
  36. <meta name="description" content="" />
  37. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script><script type="text/javascript" src="http://static.tumblr.com/gyoju49/uF2mjkhe3/layoutcomponent.txt"></script><script type="text/javascript" src="http://static.tumblr.com/gyoju49/2A6mk8i6o/component.js"></script><script type="text/javascript" src="http://static.tumblr.com/bkd4m5b/Citm42m8i/smoothscroll.js"></script>
  38.  
  39.  
  40. <!--
  41.       
  42. ┊   ┊ ┊
  43. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  44. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  45. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  46.  
  47. ᴛʜᴇᴍᴇ 6 | ᴀᴛʟᴀɴᴛɪᴄ | ʙʏ ᴍᴇᴇᴍ (ᴢᴇʀɪᴇ)
  48. ᴘʟᴇᴀsᴇ ᴅᴏɴ'ᴛ ʀᴇᴍᴏᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏʀ sᴛᴇᴀʟ!
  49.  
  50. d8'
  51. 88d8b.d8b. .d8888b. .d8888b. 88d8b.d8b. d8'
  52. 88'`88'`88 88ooood8 88ooood8 88'`88'`88 d8'
  53. 88 88 88 88. ... 88. ... 88 88 88 d8'
  54. dP dP dP `88888P' `88888P' dP dP dP 88
  55.  
  56. oo
  57.  
  58. d888888b .d8888b. 88d888b. dP .d8888b.
  59. .d8P' 88ooood8 88' `88 88 88ooood8
  60. .Y8P 88. ... 88 88 88. ...
  61. d888888P `88888P' dP dP `88888P'
  62.  
  63. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  64. ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊ ┊
  65. ┊ ┊ ┊ ┊ ┊ ┊ ┊
  66. ┊ ┊ ┊
  67.  
  68. -->
  69.  
  70.  
  71. <style type="text/css">
  72.  
  73. @font-face {font-family: "Web";
  74. src: url('http://static.tumblr.com/gs9d5ab/Rj8m7debq/websymbols-regular-webfont.ttf'); format("truetype");}
  75.  
  76. #audio {
  77. margin-bottom:5px;
  78. width:500px;
  79. height:105px;
  80. }
  81.  
  82. .albumart {
  83. width:100px;
  84. height:100px;
  85. position:absolute;
  86. }
  87.  
  88. .albumart img {
  89. width:100px;
  90. height:100px;
  91. float:left;
  92. }
  93.  
  94. .playercontainer {
  95. opacity: .2;
  96. display:block;
  97. width:100px;
  98. height:100px;
  99. background-color:white;
  100. position:absolute;
  101. -webkit-transition:all 0.5s ease-in-out;
  102. -moz-transition:all 0.5s ease-in-out;
  103. -o-transition:all 0.5s ease-in-out;
  104. -ms-transition: all 0.5s ease-in-out;
  105. transition:all 0.5s ease-in-out;
  106. }
  107.  
  108. .playercontainer:hover {
  109. opacity:.7;
  110. position:absolute;
  111. -webkit-transition:all 0.5s ease-in-out;
  112. -moz-transition:all 0.5s ease-in-out;
  113. -o-transition:all 0.5s ease-in-out;
  114. -ms-transition: all 0.5s ease-in-out;
  115. transition:all 0.5s ease-in-out;
  116. }
  117.  
  118. .player {
  119. margin-left:36px;
  120. margin-top:36px;
  121. width:25px;
  122. height:25px;
  123. overflow:hidden;
  124. position:absolute;
  125. background-color:white;
  126. }
  127.  
  128. .audioinfo {
  129. margin-left:110px;
  130. float:left;
  131. color:{color:Text};
  132. width:386px;
  133. padding:2px;
  134. margin-top:3px;
  135. }
  136.  
  137. #info {
  138. color:{color:text};
  139. width:490px;
  140. font-family:calibri;
  141. text-transform:uppercase;
  142. letter-spacing:0px;
  143. font-size: 8px;
  144. line-height:120%;
  145. text-align:center;
  146. margin-top:2px;
  147. letter-spacing:1px;
  148. padding:5px;
  149. padding-bottom:5px;
  150. -webkit-transition-duration:0.5s;
  151. }
  152.  
  153. #info a{
  154. color:{color:link};
  155. border:0px;
  156. width:490px;
  157. font-family:calibri;
  158. letter-spacing:0px;
  159. font-size: 8px;
  160. line-height:120%;
  161. text-align:center;
  162. letter-spacing:1px;
  163. -moz-transition-duration:0.5s;
  164. -webkit-transition-duration:0.5s;
  165. -o-transition-duration:0.5s;
  166. }
  167.  
  168. #info a:hover{
  169. color:{color:hover};
  170. border-bottom:0px solid #fff;
  171. width:490px;
  172. letter-spacing:0px;
  173. line-height:120%;
  174. text-align:center;
  175. margin-top:2px;
  176. letter-spacing:1px;
  177. -moz-transition-duration:0.5s;
  178. -webkit-transition-duration:0.5s;
  179. -o-transition-duration:0.5s;
  180. }
  181.  
  182. {block:ifhovertags}
  183.  
  184. #post:hover #tags {
  185. margin-top:0px;
  186. opacity:1;
  187. -moz-transition-duration:0.5s;
  188. -webkit-transition-duration:0.5s;
  189. -o-transition-duration:0.5s;
  190. }
  191.  
  192. #tags {
  193. margin-top:-10px;
  194. opacity:0;
  195. -moz-transition-duration:0.5s;
  196. -webkit-transition-duration:0.5s;
  197. -o-transition-duration:0.5s;
  198. }
  199.  
  200. {/block:ifhovertags}
  201.  
  202. {block:ifnothovertags}
  203.  
  204. #tags {
  205. margin-top:0px;
  206. opacity:1;
  207. -moz-transition-duration:0.5s;
  208. -webkit-transition-duration:0.5s;
  209. -o-transition-duration:0.5s;
  210. }
  211.  
  212. {/block:ifnothovertags}
  213.  
  214. #tags a {
  215. color:{color:tags};
  216. font-family:cambria;
  217. font-style:italic;
  218. border:0px;
  219. text-shadow:0px 0px 0px;
  220. text-transform:lowercase;
  221. padding-top:1px;
  222. padding-bottom:2px;
  223. padding-left:4px;
  224. padding-right:3px;
  225. margin:0px 2px 0px;
  226. font-size:8px;
  227. -moz-transition-duration:0.9s;
  228. -webkit-transition-duration:0.9s;
  229. -o-transition-duration:0.9s;
  230. }
  231.  
  232. #tags a:hover {
  233. border:0px;
  234. text-shadow:0px 0px 0px;
  235. box-shadow:0px 0px 0px #ddd;
  236. background-color:#fff;
  237. color:{color:hover};
  238. font-size:8px;
  239. -moz-transition-duration:0.7s;
  240. -webkit-transition-duration:0.7s;
  241. -o-transition-duration:0.7s;
  242. }
  243.  
  244. ::-moz-selection {
  245. background: {color:textselect};
  246. color: #fff;
  247. }
  248.  
  249. ::selection {
  250. background: {color:textselect};
  251. color: #fff;
  252. }
  253.  
  254.  
  255. ::-webkit-scrollbar {
  256. border-radius:3px;
  257. height: 6px;
  258. width: 6px;
  259. }
  260.  
  261. ::-webkit-scrollbar-thumb {
  262. background-color:{color:scrollbar};
  263. }
  264.  
  265. ::-webkit-scrollbar-track {
  266. background-color:#fff;opacity:0;
  267. }
  268.  
  269. ::-webkit-scrollbar-bottom {
  270. background-color:#fff;
  271. }
  272.  
  273.  
  274. body {
  275. background-image:{image:bg};
  276. background-color:{color:bgcolor};
  277. margin:0px;
  278. color:{color:text};
  279. font-family:cambria;
  280. font-size:8px;
  281. line-height:100%;
  282. }
  283.  
  284. a {
  285. text-decoration:none;
  286. outline:none;
  287. -moz-outline-style:none;
  288. color:{color:link};
  289. -moz-transition-duration:0.5s;
  290. -webkit-transition-duration:0.5s;
  291. -o-transition-duration:0.5s;
  292. }
  293.  
  294. a:hover {
  295. opacity:10;
  296. color:{color:hover};
  297. -webkit-transition: all 0.7s ease;
  298. -moz-transition: all 0.7s ease;
  299. -o-transition: all 0.7s ease
  300. }
  301.  
  302. img {
  303. border:none;
  304. }
  305.  
  306. blockquote {
  307. border-left:1px solid #ececec;
  308. margin:5px 5px 2px 2px;
  309. padding: 1px 0 3px 6px;
  310. }
  311.  
  312. blockquote blockquote {
  313. margin:5px 5px 2px 2px;
  314. padding: 1px 0 3px 6px;
  315. border-left:1px solid #ececec;
  316. }
  317.  
  318. #entries {
  319. letter-spacing:1px;
  320. text-align:left;
  321. padding:10px;
  322. width:500px;
  323. margin-left:500px;
  324. margin-top:80px;
  325. }
  326.  
  327. #post {
  328. width:500px;
  329. padding-bottom:20px;
  330. }
  331.  
  332. h1 {
  333. font-family:calibri;
  334. font-weight:normal;
  335. font-size:11px;
  336. text-align:center;
  337. font-style:normal;
  338. letter-spacing:1px;
  339. text-transform:uppercase;
  340. color:{color:text};
  341. }
  342.  
  343. h2 {
  344. font-family:calibri;
  345. font-size:15px;
  346. text-align:center;
  347. line-height:70%;
  348. letter-spacing:-0.5px;
  349. color:{color:text};
  350. font-style:italic;
  351. font-weight:normal;
  352. }
  353.  
  354. h3 {
  355. font-family:calibri;
  356. font-size:9px;
  357. text-align:center;
  358. font-style:normal;
  359. line-height:120%;
  360. letter-spacing:1px;
  361. text-transform:uppercase;
  362. color:{color:text};
  363. }
  364.  
  365. h4 {
  366. font-size:9px;
  367. text-align:center;
  368. font-style:normal;
  369. line-height:120%;
  370. letter-spacing:-0.5px;
  371. color:{color:text};
  372. }
  373.  
  374.  
  375.  
  376. #sidebar {
  377. width:140px;
  378. position:fixed;
  379. margin-left:125px;
  380. margin-top:150px;
  381. opacity:.95px;
  382. background-color:transparent;
  383. }
  384.  
  385. #sidebarimage {
  386. margin-bottom:15px;
  387. width: 140px;
  388. }
  389.  
  390. #sidebarimage img {
  391. opacity:.8;
  392. width:140px;
  393. padding:6px;
  394. margin-left:123px;
  395. margin-top:30px;
  396. background-color:transparent;
  397. -moz-transition-duration:0.5s;
  398. -webkit-transition-duration:0.5s;
  399. -o-transition-duration:0.5s;
  400. }
  401.  
  402. #sidebarimage img:hover {
  403. width:140px;
  404. padding:6px;
  405. margin-left:123px;
  406. margin-top:30px;
  407. opacity:1;
  408. background-color:transparent;
  409. -moz-transition-duration:0.5s;
  410. -webkit-transition-duration:0.5s;
  411. -o-transition-duration:0.5s;
  412. }
  413.  
  414. .links {
  415. width:170px;
  416. padding: 3px 9px 5px 9px;
  417. font-size:8px;
  418. font-family:'calibri';
  419. text-align:center;
  420. margin-top:-15px;
  421. margin-left:100px;
  422. text-align:center;
  423. word-spacing:3px;
  424. text-transform:uppercase;
  425. position:fixed;
  426. letter-spacing:1px;
  427. border-top:solid 1px #eee; z-index:999;
  428. border-bottom:solid 1px #eee;
  429. height:7px;
  430. -moz-transition-duration:0.5s;
  431. -webkit-transition-duration:0.5s;
  432. -o-transition-duration:0.5s;
  433. }
  434.  
  435. .links:hover {
  436. z-index:999;
  437. -moz-transition-duration:0.5s;
  438. -webkit-transition-duration:0.5s;
  439. -o-transition-duration:0.5s;
  440. }
  441.  
  442. code {
  443. font-family:consolas;
  444. font-size:8px;
  445. }
  446.  
  447.  
  448.  
  449. #description {font-style:italic;position:fixed; line-height:90%;font-family:cambria; font-size:9px;opacity:.90; width:140px; margin-top:0px; padding:8px; margin-left:120px;text-align:center; }
  450.  
  451.  
  452.  
  453. #pagination {
  454. font-size:8px;
  455. text-align:center;
  456. margin-left:60px;
  457. }
  458.  
  459.  
  460. iframe#tumblr_controls {
  461. right:3px !important;
  462. position: fixed !important;
  463. opacity: 0.5;
  464. -webkit-transition: opacity 0.7s linear;
  465. -webkit-transition: all 0.8s ease-out;
  466. -moz-transition: all 0.8s ease-out;
  467. transition: all 0.8s ease-out;
  468. -webkit-filter: invert(100%)brightness(.2);
  469. }
  470.  
  471. iframe#tumblr_controls:hover{
  472. -webkit-transition: opacity 0.7s linear;
  473. opacity: 1;
  474. -webkit-transition: all 0.4s ease-out;
  475. -moz-transition: all 0.4s ease-out;
  476. transition: all 0.4s ease-out;
  477. }
  478.  
  479. iframe#tumblr_controls {
  480. top: 0% !important;
  481. right:0% !important;
  482. position: fixed !important;
  483. }
  484.  
  485. #asker {
  486. float:left;
  487. margin-right:10px;
  488. }
  489.  
  490. #container a{
  491. color:{color:bgcolor};
  492. }
  493.  
  494. </style>
  495.  
  496. </head>
  497.  
  498.  
  499. <body>
  500.  
  501.  
  502. <div id="sidebar">
  503.  
  504. <div id="sidebarimage">
  505.  
  506. <img src="{image:sidebar}">
  507.  
  508. </div>
  509.  
  510. <br>
  511.  
  512.  
  513.  
  514. <div id="description">
  515. {description}
  516. <br>
  517. <br>
  518.  
  519.  
  520. </div>
  521.  
  522. <div class="links">
  523. <font face="cambria">{block:pagination}{block:previousPage}<a href="{previousPage}"><big>&laquo;</big></a>{/block:previousPage}{/block:pagination}</font>
  524. <a href="/">{text:home}</a>
  525. <a href="{text:asklink}">{text:ask}</a>
  526. <a href="{text:link3url}">{text:link3text}</a>
  527. <a href="{text:link4text}">{text:link4text}</a>
  528. <font face="cambria">{block:pagination}{block:NextPage}<a href="{NextPage}"><big>&raquo;</big></a>{/block:NextPage}{/block:Pagination}</font>
  529. </div>
  530. </div>
  531.  
  532. <div id="entries">{block:Posts}<div id="post">
  533.  
  534. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  535.  
  536. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}<br><br>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  537.  
  538. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  539.  
  540. {block:Quote}<div style="text-align:center; font-size:12px;">{Quote}</div> {block:Source}<div style="text-align:center; font-size:10px;">{Source}</div><br>{/block:Source}{/block:Quote}
  541.  
  542. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  543.  
  544. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  545.  
  546. {block:Audio}
  547. <div id="audio">
  548. <div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playercontainer"><div class="player">{AudioPlayerWhite}</div></div>
  549.  
  550. {block:TrackName}<div class="audioinfo"><b>Title:</b> {TrackName}</div><br>{/block:TrackName}
  551. {block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}
  552. {block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}
  553. {block:PlayCount}<div class="audioinfo"><b>Played:</b> {FormattedPlayCount}times</div> {/block:PlayCount}
  554. </div>{block:Caption}{Caption}{/block:Caption}
  555. {/block:Audio}
  556.  
  557. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  558.  
  559. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div><p align="left"><b><big>{Asker}</big> <small>asked:</small></b><br>{Question}</p><p align="left"><br><br><b><small>and i said:</small></b>{Answer}</p>{/block:Answer}
  560.  
  561. <div id="info">
  562. <br>
  563. {block:Date} <a href="{Permalink}">{TimeAgo}</a> / <a href="{Permalink}">{MonthNumberWithZero}-{DayOfMonthWithZero}</a> / <a href="{Permalink}">{24Hour}:{Minutes}</a>{/block:Date} / <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} / <a href="{ReblogParentURL}"></a> {/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">source</a>{/block:ContentSource} / <a href="{ReblogURL}" target="_blank"><font face="web">J</font></a></div> <p></p>{block:HasTags}<div id="tags"><center><font face="Web" color="{color:text}"><small>,</small></font>{block:Tags}<a title="#{Tag}"href="/tagged/{Tag}">#{Tag}</a> </small>{/block:Tags}</div>{/block:HasTags}</center> </div>
  564.  
  565.  
  566. {block:PostNotes}<center><a href="http://bangjensen.tumblr.com">ᴛʜᴇᴍᴇ&nbsp;ʙʏ&nbsp;ᴢᴇʀɪᴇ</a></center>{PostNotes}{/block:PostNotes}<br>
  567. {/block:Posts}</div>
  568.  
  569. </div>
  570.  
  571. </div>
  572.  
  573.  
  574.  
  575.  
  576. </body>
  577.  
  578.  
  579. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement