API tools faq
paste
alokasenna

We'll Live First (Theme 04)

alokasenna
Apr 3rd, 2014
983
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5. THEME 04 BY LAUNTS (LAUNTS.TUMBLR.COM). DON'T STEAL OR USE AS BASE PLEASE AND THANK. IF YOU HAVE ANY ISSUES MESSAGE ME.
  6.  
  7. -->
  8.  
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12.  
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  
  19. <meta name="image:bg" content=""/>
  20. <meta name="image:sidebar" content=""/>
  21.  
  22. <meta name="color:asker" content="#fff"/>
  23. <meta name="color:ask bg" content="#000"/>
  24. <meta name="color:ask text" content="#fff"/>
  25. <meta name="color:bg" content="#fff"/>
  26. <meta name="color:blockquote" content="#000"/>
  27. <meta name="color:bold" content="#000"/>
  28. <meta name="color:chat even bg" content="#000"/>
  29. <meta name="color:chat even text" content="#fff"/>
  30. <meta name="color:chat odd bg" content="#fff"/>
  31. <meta name="color:chat odd text" content="#000"/>
  32. <meta name="color:credit" content="#000"/>
  33. <meta name="color:desc bg" content="#000"/>
  34. <meta name="color:desc bold" content="#fff"/>
  35. <meta name="color:desc italics" content="#fff"/>
  36. <meta name="color:desc scrollbar" content="#fff"/>
  37. <meta name="color:desc text" content="#fff"/>
  38. <meta name="color:italics" content="#000"/>
  39. <meta name="color:links" content="#000"/>
  40. <meta name="color:navi bar bg" content="#000"/>
  41. <meta name="color:nav links" content="#000"/>
  42. <meta name="color:nav links hover" content="#fff"/>
  43. <meta name="color:nav links bg" content="#fff"/>
  44. <meta name="color:nav links bg hover" content="#000"/>
  45. <meta name="color:pagination" content="#000"/>
  46. <meta name="color:post bg" content="#fff"/>
  47. <meta name="color:post border" content="#000"/>
  48. <meta name="color:post title" content="#fff"/>
  49. <meta name="color:post title bg" content="#000"/>
  50. <meta name="color:post title hover" content="#000"/>
  51. <meta name="color:post title bg hover" content="#fff"/>
  52. <meta name="color:scrollbar" content="#000"/>
  53. <meta name="color:sidebar border" content="#000"/>
  54. <meta name="color:subtitle" content="#fff"/>
  55. <meta name="color:tags" content="#000"/>
  56. <meta name="color:tags border" content="#000"/>
  57. <meta name="color:text" content="#000"/>
  58. <meta name="color:title" content="#fff"/>
  59. <meta name="color:topbar bg" content="#000"/>
  60.  
  61.  
  62. <meta name="text:one text" content="one"/>
  63. <meta name="text:one url" content="/"/>
  64. <meta name="text:two text" content="two"/>
  65. <meta name="text:two url" content="/"/>
  66. <meta name="text:three text" content="three"/>
  67. <meta name="text:three url" content="/"/>
  68. <meta name="text:subtitle" content="subititle"/>
  69.  
  70.  
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75.  
  76. ::-webkit-scrollbar-thumb {
  77. background-color: {color:scrollbar};
  78. height:auto;
  79. border-bottom:none;
  80. }
  81. ::-webkit-scrollbar {
  82. height:9px;
  83. width:5px;
  84. background-color: {color:scrollbar};
  85. border: 2px solid {color:post bg};
  86.  
  87. }
  88.  
  89. ::selection {
  90. background-color: black;
  91. color: white;
  92. }
  93.  
  94. @font-face {
  95. font-family: wolf;
  96. src: url('http://static.tumblr.com/6acw4l0/IyBn2jxqf/wolf_in_the_city_1_.ttf') format('truetype');
  97. font-weight: normal;
  98. font-style: normal;
  99.  
  100. }
  101.  
  102.  
  103. body {
  104. background-color: {color:bg};
  105. margin:0px;
  106. color: {color:text};
  107. font-family:Arial, Helvetica;
  108. font-size:9px;
  109. line-height:100%;
  110. background-image: url({image:bg});
  111. background-repeat: repeat;
  112. }
  113.  
  114. i, em {
  115. color: {color:italics};
  116. }
  117.  
  118. b, strong {
  119. color: {color:bold};
  120. }
  121.  
  122. a {
  123. text-decoration:none;
  124. -moz-outline-style:none;
  125. color: {color:links};
  126. }
  127.  
  128. img {
  129. border:none;
  130. max-width: 400px;
  131. }
  132.  
  133.  
  134. h1 {
  135. font-size:12px;
  136. text-transform:uppercase;
  137. line-height: 110%;
  138. color: {color:post title};
  139. background-color: {color:post title bg};
  140. -webkit-transition: all 0.5s ease;
  141. -moz-transition: all 0.5s ease;
  142. -o-transition: all 0.5s ease;
  143. }
  144.  
  145. h1:hover {
  146. color: {color:post title hover};
  147. background-color: {color:post title bg hover};
  148. -webkit-transition: all 0.5s ease;
  149. -moz-transition: all 0.5s ease;
  150. -o-transition: all 0.5s ease;
  151. }
  152.  
  153. h1 a {
  154. color: {color:post title};
  155. }
  156.  
  157. h1 a:hover {
  158. color: {color:post title hover};
  159. }
  160.  
  161. blockquote {
  162. padding-left:5px;
  163. border-left:2px solid {color:blockquote};
  164. max-width: 100%;
  165. word-wrap: break-word
  166. }
  167.  
  168. blockquote img {
  169. max-width: 100%;
  170. }
  171. #sidebar {
  172. width: 250px;
  173. height: 400px;
  174. border-left: 1px solid {color:sidebar border};
  175. border-right: 1px solid {color:sidebar border};
  176. border-bottom: 1px solid {color:sidebar border};
  177. border-top: 51px solid {color:sidebar border};
  178. margin-top: 150px;
  179. margin-left: 100px;
  180. position: fixed;
  181. }
  182.  
  183. #sidebar img {
  184. width: 250px;
  185. height: 400px;
  186. }
  187.  
  188. #topbar {
  189. position: fixed;
  190. height: 100px;
  191. width: 740px;
  192. padding: 10px;
  193. background-color: {color:topbar bg};
  194. margin-left: 100px;
  195. margin-top: 20px;
  196. border: 1px solid {color:topbar bg};
  197. }
  198.  
  199. #title {
  200. font-family: wolf;
  201. font-size: 100px;
  202. color: {color:title};
  203. margin-top: 20px;
  204. }
  205.  
  206. #title a {
  207. color: {color:title};
  208. }
  209.  
  210. #subtitle {
  211. font-family: arial;
  212. font-size: 20px;
  213. color: {color:subtitle};
  214. text-transform: uppercase;
  215. margin-top: -430px;
  216. opacity: .7;
  217. }
  218.  
  219. #description {
  220. color: {color:desc text};
  221. font-family: arial;
  222. font-size: 10px;
  223. text-align: center;
  224. width: 150px;
  225. height: 50px;
  226. margin-top: 20px;
  227. overflow-y: scroll;
  228. }
  229.  
  230. #description i, em {
  231. color: {color:desc italics};
  232. }
  233.  
  234. #description b, strong {
  235. color: {color:desc bold};
  236. }
  237.  
  238. #description::-webkit-scrollbar-thumb {
  239. background-color: {color:desc scrollbar};
  240. height:auto;
  241. border-bottom:none;
  242. }
  243. #description::-webkit-scrollbar {
  244. height:9px;
  245. width:5px;
  246. background-color: {color:desc scrollbar};
  247. border: 2px solid {color:desc bg};
  248.  
  249. }
  250.  
  251. #contain {
  252. width: 400px;
  253. height: 350px;
  254. padding: 50px;
  255. overflow-y: scroll;
  256. position: fixed;
  257. border: 1px solid {color:post border};
  258. margin-top: 150px;
  259. margin-left: 360px;
  260. background-color: {color:post bg};
  261. }
  262.  
  263. #navi {
  264. width: 500px;
  265. height: 50px;
  266. background-color: {color:navi bar bg};
  267. position: fixed;
  268. margin-top: -50px;
  269. margin-left: -50px;
  270. }
  271.  
  272. #linkbox {
  273. width: 175px;
  274. height: 20px;
  275. margin-left: 100px;
  276. }
  277.  
  278. #links {
  279. width: 40px;
  280. height: 10px;
  281. padding: 5px;
  282. background-color: {color:nav links bg};
  283. }
  284.  
  285. #links a {
  286. color: {color:nav links};
  287. font-family: arial;
  288. font-size: 10px;
  289. }
  290.  
  291. #links a:hover {
  292. color: {color:nav links hover};
  293. }
  294.  
  295. #links:hover {
  296. background-color: {color:nav links bg hover};
  297. }
  298.  
  299. #contact {
  300. margin-top: 15px;
  301. }
  302.  
  303. #themes {
  304. margin-left: 110px;
  305. margin-top: -20px;
  306. }
  307.  
  308. #ships {
  309. margin-left: 172px;
  310. margin-top: -20px;
  311. }
  312.  
  313. #all {
  314. padding:10px;
  315. width:400px;
  316. margin-left:-20px;
  317. margin-top:50px;
  318. font-size:10px;
  319. background-color: {color:post bg};
  320. }
  321.  
  322.  
  323.  
  324. #posts {
  325. width:400px;
  326. padding-bottom:20px;
  327. padding:10px;
  328. margin-top:30px;
  329. background-color: {color:post bg};
  330. }
  331.  
  332.  
  333. #details {
  334. text-align:right;
  335. margin-top:8px;
  336. text-transform:uppercase;
  337. font-size:8px;
  338. font-style:none;
  339. }
  340.  
  341.  
  342. #tags {
  343. width:394px;
  344. height: 50px;
  345. font-family:cambria;
  346. letter-spacing:0px;
  347. text-transform:lowercase;
  348. font-size:10px;
  349. margin-top:2px;
  350. text-align:left;
  351. border-left: 2px solid {color:tags border};
  352. border-top: 2px solid {color:post bg};
  353. border-bottom: 2px solid {color:post bg};
  354. border-right: 2px solid {color:post bg};
  355. overflow-y: scroll;
  356. padding: 3px;
  357. color: black;
  358. }
  359.  
  360. #tags a {
  361. display:inline-block;
  362. padding:-3px;
  363. text-align:right;
  364. color:{color:tags};
  365. -webkit-transition: all 0.6s ease-in-out;
  366. -moz-transition: all 0.6s ease-in-out;
  367. -o-transition: all 0.6s ease-in-out;
  368. -ms-transition: all 0.6s ease-in-out;
  369. -transition: all 0.6s ease-in-out;
  370. }
  371.  
  372. #tags a:hover {
  373. opacity: .7;
  374. font-style: italic;
  375. }
  376.  
  377.  
  378.  
  379. #question {
  380. padding:8px;
  381. font-family:cambria;
  382. letter-spacing:2px;
  383. text-align:right;
  384. font-style:italic;
  385. border:5px solid {color:ask bg};
  386. color: {color:ask text};
  387. background-color: {color:ask bg};
  388. }
  389.  
  390. #question a {
  391. color: {color:asker};
  392. }
  393.  
  394. .convo .convoline {
  395. color: {color:chat even text};
  396. background-color: {color:chat even bg};
  397. padding: 2px;
  398. }
  399.  
  400. .convo .convoline.odd {
  401. color: {color:chat odd text};
  402. background-color: {color:chat odd bg};
  403. padding: 2px;
  404. }
  405.  
  406. #pagination {
  407. height: 100px;
  408. width: 250px;
  409. margin-top: 620px;
  410. margin-left: 100px;
  411. position: fixed;
  412. }
  413.  
  414. .jump_page {
  415. padding: 4px 8px;
  416. color: {color:pagination};
  417. font-family:century gothic;
  418. font-size:11px;
  419. text-decoration:none;
  420. }
  421.  
  422. .current_page, .jump_page:hover {
  423. padding: 4px 8px;
  424. background-color: {color:pagination};
  425. color: {color:bg};
  426. font-family:century gothic;
  427. font-size:11px;
  428. text-decoration:none;
  429. }
  430.  
  431. {CustomCSS}</style></head><body>
  432.  
  433.  
  434.  
  435. <div id="sidebar">
  436. <img src="{image:sidebar}">
  437.  
  438. <center>
  439. <div id="subtitle">
  440. {text:subtitle}
  441. </div>
  442. </center>
  443. </div>
  444.  
  445. <div id="topbar">
  446. <center>
  447. <div id="title">
  448. <a href="/">{Title}</a>
  449. </div>
  450.  
  451. <div id="description">
  452. {Description}
  453. </div>
  454. </center>
  455. </div>
  456.  
  457. <div id="contain">
  458.  
  459. <div id="navi">
  460.  
  461.  
  462. <div id="linkbox">
  463.  
  464. <center>
  465. <div id="contact">
  466. <div id="links">
  467. <a href="{text:one url}">{text:one text}</a>
  468. </div>
  469. </div>
  470.  
  471. <div id="themes">
  472. <div id="links">
  473. <a href="{text:two url}">{text:two text}</a>
  474. </div>
  475. </div>
  476.  
  477. <div id="ships">
  478. <div id="links">
  479. <a href="{text:three url}">{text:three text}</a>
  480. </div>
  481. </div>
  482. </center>
  483.  
  484. </div>
  485.  
  486.  
  487. </div>
  488.  
  489. <div id="all">{block:Posts}<div id="posts">
  490.  
  491. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  492.  
  493. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  494.  
  495. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  496.  
  497. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  498.  
  499. {block:Quote}{Quote}{/block:Quote}
  500.  
  501. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  502. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  503. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  504. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  505. {/block:Audio}
  506.  
  507. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  508.  
  509. {block:Chat}
  510. {block:Title}<h1>{Title}</h1>{/block:Title}<div class="convo">{block:Lines}<div class="convo"><div class="convoline {Alt}"><div class="{Alt} user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>
  511. {/block:Chat}
  512.  
  513.  
  514. {block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;"> {Asker} whispered: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
  515.  
  516. <div id="details">
  517. <br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} at {24Hour}:{Minutes} </a> {block:RebloggedFrom} from <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource} <a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a> {/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  518. {block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  519. {/block:Posts}
  520. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  521. {/block:Posts}</div></div></div></div>
  522.  
  523.  
  524.  
  525. <div style="position:fixed;bottom:2px; right:3px; font-size:9px; letter-spacing:1px; font-family:calibri;"><a style="color:{color:credit};" href="http://launts.tumblr.com/">@LAUNTS</a></center></div>
  526.  
  527. <center>
  528. <div id="pagination">
  529. {block:Pagination}
  530. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  531. {block:JumpPagination length="5"}
  532. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  533. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  534. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  535. {/block:Pagination}
  536. </div>
  537. </center>
  538.  
  539. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!