API tools faq
paste
Advertisement
imbetterthanu

THEME 14 / WISH YOU COULD

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