API tools faq
paste
Advertisement
theirins

COURAGE, DEAR HEART / theme #09

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