API tools faq
paste
Advertisement
imbetterthanu

THEME 08 / TITANS

imbetterthanu
Sep 9th, 2014
3,540
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.41 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. theme 08
  7.  
  8. + don't steal
  9. + don't repost
  10. + don't remove credit
  11. + don't ask me, google first
  12.  
  13. - seijuromiko -
  14.  
  15. ------>
  16.  
  17. <title>{Title}</title>
  18.  
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Text" content="#444444"/>
  25. <meta name="color:Headline" content="#444444"/>
  26. <meta name="color:Link" content="#444444"/>
  27. <meta name="color:Scrollbar" content="#d7d6d6"/>
  28. <meta name="color:Link Hover" content="#cccccc"/>
  29.  
  30. <meta name="image:Sidebar" content=""/>
  31.  
  32. <meta name="text:Link 1 URL" content="" />
  33. <meta name="text:Link 1" content="" />
  34. <meta name="text:Link 2 URL" content="" />
  35. <meta name="text:Link 2" content="" />
  36.  
  37. <meta name="if:Lazy Load" content="0"/>
  38. <meta name="if:Faded Buttons" content="1"/>
  39.  
  40. {block:IfLazyLoad}
  41. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  42. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  43. <script type="text/javascript" charset="utf-8">
  44. var $j = jQuery.noConflict();
  45. $j(function() {
  46. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  47. $j("img").lazyload({
  48. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  49. effect: "fadeIn",
  50. });
  51. });
  52. </script>
  53. {/block:IfLazyLoad}
  54.  
  55. <style type="text/css">
  56.  
  57. ::-webkit-scrollbar {background-color:#ffffff; height:8px; width:5px}
  58. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  59. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px}
  60.  
  61. {block:ifFadedButtons}
  62. iframe#tumblr_controls {white-space:nowrap;-webkit-filter:invert(100%);-moz-filter:invert(100%);-o-filter:invert(100%);-ms-filter: invert(100%);filter:invert(100%);opacity:.2;}
  63. {/block:ifFadedButtons}
  64.  
  65. blockquote {
  66. padding-left:15px;
  67. margin:0px 10px 0px 5px;
  68. border-left:1px solid #f4f4f4;
  69. max-width:500px!important;
  70. }
  71.  
  72. body {
  73. background:{color:background};
  74. color:{color:text};
  75. font-family:helvetica;
  76. font-size:11px;
  77. margin:0;
  78. line-height:16px;
  79. }
  80.  
  81. a {
  82. color:{color:link};
  83. text-decoration:none;
  84. -moz-transition-duration:0.4s;
  85. -webkit-transition-duration:0.4s;
  86. -o-transition-duration:0.4s;
  87. }
  88.  
  89. a:hover {
  90. color:{color:link hover};
  91. text-decoration:none;
  92. -moz-transition-duration:0.4s;
  93. -webkit-transition-duration:0.4s;
  94. -o-transition-duration:0.4s;
  95. }
  96.  
  97. img {
  98. opacity:1;
  99. border:none;
  100. text-decoration:none
  101. }
  102.  
  103. small {
  104. font-size:9px;}
  105.  
  106. big {
  107. font-size:12px;}
  108.  
  109. #title {
  110. font-size:12px;
  111. font-weight:bold;
  112. line-height:20px;
  113. margin-bottom:10px;
  114. color:{color:headline};
  115. text-align:left;
  116. text-transform:uppercase;
  117. width:500px;
  118. }
  119.  
  120. #sidebar {
  121. text-align:left;
  122. position:fixed;
  123. margin-left:300px;
  124. margin-top:200px;
  125. width:150px;
  126. }
  127.  
  128. #sidebarim {
  129. margin-bottom:18px;
  130. }
  131.  
  132. #sidebarim img {
  133. width:80px;
  134. }
  135.  
  136. #links {
  137. margin-top:13px;
  138. line-height:16px;
  139. text-align:left;
  140. margin-left:-3px;
  141. font-size:11px;
  142. width:200px;
  143. }
  144.  
  145. #links a {
  146. margin-right:7px;
  147. margin-bottom:6px;
  148. text-transform:lowercase;
  149. display:inline-block;
  150. width:60px;
  151. border-bottom:1px solid #eeeeee;
  152. padding:7px;
  153. }
  154.  
  155. #links a:hover {
  156. text-decoration:none;
  157. color:{color:link hover};
  158. }
  159.  
  160. #description {
  161. margin-top:4px;
  162. text-align:justify;
  163. }
  164.  
  165. #pagination {
  166. margin-top:-60px;
  167. margin-left:-2px;
  168. font-size:14px;
  169. padding:10px;
  170. text-align: center;
  171. text-transform:uppercase;
  172. }
  173.  
  174. #pagination a {
  175. font-family:helvetica;
  176. margin-left:5px;
  177. margin-right:8px;
  178. }
  179.  
  180. #con {
  181. left:50%;
  182. margin-left:-270px;
  183. margin-top:-30px;
  184. position:absolute;
  185. }
  186.  
  187. #entries {
  188. margin-top:100px;
  189. margin-left:-283px;
  190. margin-bottom:10px;
  191. width:500px;
  192. }
  193.  
  194. #posts {
  195. width:500px;
  196. {block:IndexPage}
  197. margin-bottom:110px;
  198. {/block:IndexPage}
  199. {block:PermalinkPage}
  200. margin-bottom:50px;
  201. {/block:PermalinkPage}
  202. }
  203.  
  204. #posts img {
  205. max-width:500px;
  206. }
  207.  
  208. #posts img, #posts li, #posts blockquote {
  209. max-width: 100%;
  210. }
  211.  
  212. .caption {
  213. width:100%;
  214. margin-top:10px;
  215. }
  216.  
  217. #titlequote{
  218. text-align:justify;
  219. margin:0px 15px 15px 15px;
  220. font-size:12px;
  221. line-height:17px;
  222. font-weight:bold;
  223. text-transform:normal;
  224. }
  225.  
  226. #source {
  227. margin:0px 15px 15px 15px;
  228. text-align:left;
  229. line-height:17px;
  230. width:500px;
  231. }
  232.  
  233. #askbox {
  234. height:auto;
  235. min-height:48px;
  236. }
  237.  
  238. .pic {
  239. width:48px;
  240. height:48px;
  241. }
  242.  
  243. .pic img {
  244. width:48px;
  245. height:48px;
  246. float:left;
  247. }
  248.  
  249. .question {
  250. background:transparent;
  251. padding:13px;
  252. font-style:none;
  253. min-height:48px;
  254. margin-left:50px;
  255. margin-top:-63px;
  256. }
  257.  
  258. .asker {
  259. font-weight:bold;
  260. text-transform:normal;
  261. }
  262.  
  263. .answer {
  264. padding-bottom:4px;
  265. }
  266.  
  267. .playbutton {
  268. overflow:hidden;
  269. position:relative;
  270. z-index:1000;
  271. width:26px;
  272. height:26px;
  273. margin:11px 11px 11px 11px;
  274. }
  275.  
  276. .playbox {
  277. float:left;
  278. background-color:#000;
  279. position:absolute;
  280. z-index:1000;
  281. width:50px;
  282. height:50px;
  283. margin:30px;
  284. -webkit-border-radius:50px;
  285. -moz-border-radius:50px;
  286. opacity:0.2;
  287. -moz-transition-duration:0.6s;
  288. -webkit-transition-duration:0.6s;
  289. -o-transition-duration:0.6s;
  290. }
  291.  
  292. .playbox:hover {
  293. opacity:0.9;
  294. -moz-transition-duration:0.6s;
  295. -webkit-transition-duration:0.6s;
  296. -o-transition-duration:0.6s;
  297. }
  298.  
  299. .info {
  300. float:right;
  301. font-size:9px;
  302. text-align:left;
  303. width:333px;
  304. background-color:{color:bgs};
  305. padding:25px;
  306. height:60px;
  307. line-height:150%;
  308. font-family:arial;
  309. letter-spacing:0px;
  310. font-family:arial;
  311. text-transform:lowercase;
  312. }
  313.  
  314. .info i {
  315. font-style:normal;
  316. font-family:arial;
  317. font-size:11px;
  318. text-transform:uppercase;
  319. letter-spacing:1px;
  320. }
  321.  
  322. .info b {
  323. font-family:arial;
  324. font-size:10px;
  325. text-transform:uppercase;
  326. letter-spacing:0px;
  327. }
  328.  
  329. .cover {
  330. position: relative;
  331. z-index: 1;
  332. width:80px;
  333. height:80px;
  334. outline:15px solid {color:bgs};
  335. margin:15px;
  336. }
  337.  
  338. .chat ol {
  339. padding:0;
  340. list-style:none;
  341. }
  342. .line {padding:5px 0;}
  343.  
  344. .label {font-weight:bold;
  345. }
  346.  
  347. #permalink {
  348. margin-top:7px;
  349. font-size:11px;
  350. padding-left:3px;
  351. color:{color:text};
  352. }
  353.  
  354. #permalink a {
  355. margin-right:2px;
  356. }
  357.  
  358. #permalink a:hover {
  359. color:{color:link hover};
  360. }
  361.  
  362. #tags {
  363. margin-left:0px;
  364. font-size:11px;
  365. text-transform:none;
  366. display:inline;
  367. }
  368.  
  369. #tags a {
  370. letter-spacing:0px;
  371. padding:3px;
  372. }
  373.  
  374. #tags a:hover {
  375. color:{color:link hover};
  376. text-decoration:none;
  377. }
  378.  
  379. .pagenotes {
  380. {block:IndexPage}
  381. display: none!important;
  382. {/block:IndexPage}
  383. width:500px;
  384. text-align:left;
  385. }
  386.  
  387. .pagenotes img {
  388. display:none!important;}
  389. .pagenotes li {
  390. list-style-type:none;
  391. padding:5px 0px;
  392. text-align:left;
  393. margin:0 0 0 -40px;
  394. }
  395.  
  396. #c {
  397. position:fixed;
  398. right:8px;
  399. bottom:5px;
  400. text-transform:uppercase;
  401. font-size:8px;
  402. }
  403.  
  404. #c a:hover {
  405. color:#fff;
  406. }
  407.  
  408. {CustomCSS}
  409.  
  410. </style></head>
  411.  
  412. <body>
  413.  
  414. <div id="con">
  415.  
  416. <div id="sidebar">
  417.  
  418. <div id="sidebarim">
  419. <a href="/"><img src="{image:sidebar}"></a>
  420. </div>
  421.  
  422. <div id="description">{description}</div>
  423.  
  424. <div id="links">
  425. <a href="/">home</a>
  426. <a href="/ask">ask</a>
  427. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  428. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  429. </div>
  430.  
  431.  
  432. </div>
  433.  
  434.  
  435. <div id="entries"> {block:Posts}
  436.  
  437. <div id="posts">
  438.  
  439.  
  440. {block:Quote}
  441.  
  442.  
  443. <div id="titlequote">{Quote}</div>
  444. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  445. {/block:Quote}
  446.  
  447.  
  448.  
  449. {block:Text}
  450.  
  451. {block:Title}
  452. <div id="title">{Title}</div>{/block:Title}
  453. {Body}
  454. {/block:Text}
  455.  
  456. {block:Link}
  457. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  458. {/block:Link}
  459.  
  460. {block:Chat}
  461. {block:Title}
  462. <div id="title">{Title}</div>
  463. {/block:Title}
  464. <div class="chat">
  465. <ol>{block:Lines}
  466. <li class="line {Alt}">
  467. {block:Label}
  468. <span class="label">
  469. {Label}</span>
  470. {/block:Label}{Line}</li>
  471. {/block:Lines}
  472. </ol></div>
  473. {/block:Chat}
  474.  
  475. {block:Photo}
  476. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  477. {/block:Photo}
  478.  
  479. {block:Photoset}
  480. {Photoset-500}
  481. {/block:Photoset}
  482.  
  483. {block:Video}
  484. {Video-500}
  485. {/block:Video}
  486.  
  487. {block:Answer}
  488. <div id="askbox">
  489. <div class="pic">
  490. <a href="{AskerURL}">
  491. <img src="{AskerPortraitURL-48}" />
  492. </a></div>
  493. <div class="question">
  494. <span class="asker">
  495. {Asker} said:</span><br>
  496. {Question}</div></div>
  497. <div class="answer">
  498. {Answer}</div>
  499. {/block:Answer}
  500.  
  501. {block:Audio}
  502. {block:AudioPlayer}
  503. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  504. {block:AlbumArt}
  505. <img src="{AlbumArtURL}" class="cover">
  506. {/block:AlbumArt}
  507. <div class="info">
  508. {block:TrackName}<i>{TrackName}</i>{/block:TrackName}<br/>
  509. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  510. {block:Album}<b>Album:</b> {Album}{/block:Album}<br/>
  511. <b>Plays:</b> {PlayCountWithLabel}
  512. </div>
  513. {/block:AudioPlayer}
  514. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  515. {/block:Audio}
  516.  
  517. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  518.  
  519. <div style="border-bottom:1px solid #eeeeee;margin-top:15px"></div>
  520.  
  521. {block:Date}<div id="permalink">
  522. <a href="{Permalink}">
  523. {MonthNumber}/{DayOfMonthWithZero}/{ShortYear}</a>
  524. {/block:Date}
  525.  
  526. {block:NoteCount}
  527. · &nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>
  528. {/block:NoteCount}
  529.  
  530. {block:HasTags}<div id="tags">
  531. ·&nbsp; tags:&nbsp;{block:Tags}
  532. <a href="{TagUrl}">#{Tag}</a>
  533. {/block:Tags}
  534. </div>{/block:HasTags}
  535.  
  536. </div>
  537.  
  538. {/block:Date}
  539.  
  540.  
  541.  
  542. </div>
  543.  
  544.  
  545. {block:PostNotes}
  546. <div class="pagenotes">
  547. {PostNotes}
  548. </div>
  549. {/block:PostNotes}
  550.  
  551.  
  552. {/block:Posts}
  553.  
  554. <div id="pagination">
  555. {block:Pagination}
  556. {block:PreviousPage}
  557. <a href="{PreviousPage}" title="previous" >&larr;</a>
  558. {/block:PreviousPage}
  559.  
  560.  
  561. {block:NextPage}
  562. <a href="{NextPage}" title="forward" >&rarr;</a>
  563. {/block:NextPage}
  564. {/block:Pagination}
  565. </div>
  566.  
  567.  
  568. </div>
  569.  
  570. </div>
  571.  
  572. <div id="c">
  573. <a href="http://seijuromiko.tumblr.com/">▲</a>
  574. </div>
  575.  
  576. {block:ContentSource}
  577. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  578. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  579. {/block:SourceLogo}
  580. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  581. {/block:ContentSource}
  582.  
  583. {block:ReblogParentUrl}
  584. <!-- {URL}{block:SourceLogo}<img src="{BlackLogoURL}"
  585. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  586. {/block:SourceLogo}
  587. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  588. {/block:ReblogParentUrl}
  589.  
  590. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!