API tools faq
paste
Advertisement
imbetterthanu

THEME 13 / SAY YOU WILL

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