API tools faq
paste
Advertisement
imbetterthanu

THEME 09 / RESONANCE

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