API tools faq
paste
Advertisement
imbetterthanu

THEME 11 / FREIHEIT

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