API tools faq
paste
Advertisement
kirit

theme 001

kirit
Feb 6th, 2016
325
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en-us">
  3. </html>
  4. <head>
  5.  
  6. <!----
  7.  
  8. THEME BY KIRIT
  9. DON'T REMOVE THE CREDIT!!
  10.  
  11. ---->
  12.  
  13. <link rel="shortcut icon" href="">
  14.  
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. <title>{Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  18. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  19. <link rel="shortcut icon" href="{Favicon}"/>
  20. <link rel="alternate" type="applicaoundedtion/rss+xml" href="{RSS}"/>
  21.  
  22. <!-- Variables -->
  23. <meta name="text:font size" content="10">
  24. <meta name="select:font" content="arial">
  25. <meta name="select:font" content="courier">
  26. <meta name="select:font" content="verdana">
  27. <meta name="select:font" content="consolas">
  28. <meta name="select:font" content="ms pgothic">
  29. <meta name="select:font" content="open sans">
  30.  
  31. <!-- Images -->
  32. <meta name="image:background" content=""/>
  33. <meta name="image:sidebar" content=""/>
  34. <meta name="image:Left image" content="">
  35. <meta name="image:Right image" content="">
  36.  
  37. <!-- Colors -->
  38. <meta name="color:background" content="#d0f1ff"/>
  39. <meta name="color:scrollbar" content="#c35ca9"/>
  40. <meta name="color:scrollbar background" content="#f7fcfe"/>
  41. <meta name="color:text" content="#000"/>
  42. <meta name="color:posts" content="#fff"/>
  43. <meta name="color:sidebar" content="#fff"/>
  44. <meta name="color:links" content="#8c8c8c"/>
  45. <meta name="color:links hover" content="#d1d1d1"/>
  46. <meta name="color:highlight" content="fff"/>
  47. <meta name="color:highlight text" content="fff"/>
  48. <meta name="color:footer" content="#ffbee3"/>
  49. <meta name="color:border" content="fff"/>
  50. <meta name="color:blockquote" content="#FFFFFF"/>
  51. <meta name="color:sidebar shadow" content="" />
  52.  
  53. <!-- Options -->
  54. <meta name="if:400px" content="0"/>
  55. <meta name="if:250px" content="1"/>
  56. <meta name="if:sidebar image" content="1"/>
  57. <meta name="if:round image" content="0"/>
  58. <meta name="if:Rounded Corners" content="0"/>
  59. <meta name="if:transparent post" content="0"/>
  60. <meta name="if:transparent footer" content="0"/>
  61. <meta name="if:transparent sidebar" content="0"/>
  62. <meta name="if:post shadow" content=""/>
  63. <meta name="if:sidebar shadow" content="" />
  64. <meta name="if:Sidebar Right" content="0"/>
  65. <meta name="if:border" content="1"/>
  66. <meta name="if:show updates" content="1"/>
  67. <meta name="if:Small cursor" content="1"/>
  68. <meta name="text:updates" content=""/>
  69. <meta name="text:Perma Symbol" content="~"/>
  70. <meta name="text:link symbol thing" content="✩"/>
  71. <meta name="text:Link 1" content=""/>
  72. <meta name="text:Link 1 url" content="/"/>
  73. <meta name="text:Link 2" content=""/>
  74. <meta name="text:Link 2 url" content="/"/>
  75. <meta name="text:Link 3" content=""/>
  76. <meta name="text:Link 3 url" content="/"/>
  77. <meta name="text:Left image width" content=""/>
  78. <meta name="text:Left image margin left" content="0"/>
  79. <meta name="text:Left image margin bottom" content="0"/>
  80. <meta name="text:Right image width" content=""/>
  81. <meta name="text:Right image margin left" content="0"/>
  82. <meta name="text:Right image margin bottom" content="0"/>
  83.  
  84. <style type="text/css">
  85.  
  86. {block:ifsmallcursor} *, body {cursor: url(http://i.imgur.com/2qleX.jpg), auto;} a, a:link,a:active,a:visited, a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;} {/block:ifsmallcursor}
  87.  
  88. ::-webkit-scrollbar {
  89. width:5px;
  90. height:5px;
  91. }
  92.  
  93. ::-webkit-scrollbar-thumb{
  94. background-color:{color:Scrollbar};
  95. }
  96.  
  97. ::-webkit-scrollbar-track-piece{
  98. background-color:{color:Scrollbar Background};
  99. }
  100.  
  101. ::selection {
  102. background: {color:highlight};
  103. color: {color:highlight text};
  104. }
  105.  
  106. ::-moz-selection {
  107. background: {color:highlight};
  108. color: {color:highlight text};
  109. }
  110.  
  111. body {
  112. background-color: {color:background};
  113. background-image:{image:background};
  114. background-attachment: fixed;
  115. color: {color:text};
  116. font-size: {text:font size}px;
  117. line-height: 140%;
  118. font-family: {select:font};
  119. }
  120.  
  121. a {
  122. color: {color:links};
  123. text-decoration: none;
  124. }
  125.  
  126. a:hover {
  127. color: {color:links hover};
  128. transition: all 0.5s ease-in-out;
  129. -o-transition: all 0.5s ease-in-out;
  130. -moz-transition: all 0.5s ease-in-out;
  131. -webkit-transition: all 0.5s ease-in-out;
  132. }
  133.  
  134. #container {
  135. position: relative;
  136. width: 700px;
  137. margin: 50px auto;
  138. }
  139.  
  140. .post {
  141. position: relative;
  142. {block:if400px}width:400px;{/block:if400px}
  143. {block:if250px}width:250px;{/block:if250px}
  144. padding: 10px;
  145. margin: 30px 0 30px 200px;
  146. {block:ifpostshadow} box-shadow:5px 5px 0px {color:sidebar shadow};{/block:ifpostshadow}
  147. overflow: hidden;
  148. background-color: {color:posts};
  149. {block:ifborder}
  150. border: {color:border} solid 1px;
  151. {/block:ifborder}
  152. {block:iftransparentpost}
  153. border-style:double;
  154. background:transparent;
  155. {/block:iftransparentpost}
  156. {block:ifRoundedCorners}
  157. border-radius:15px;
  158. -moz-border-radius:15px;
  159. -webkit-border-radius:15px;
  160. {/block:ifRoundedCorners}
  161. }
  162.  
  163. .post .title {
  164. font-size: 18px;
  165. font-weight: normal;
  166. }
  167.  
  168. .post img {
  169. max-width: 100%;
  170. }
  171.  
  172. .post .quote {
  173. font-size: 16px;
  174. font-style: italic;
  175. text-align: left;
  176. }
  177.  
  178. .post .link {
  179. font-size: 16px;
  180. }
  181.  
  182. .stella {
  183. border:1px solid #f6f6f6;
  184. border-style:double;
  185. background:#fff;
  186. padding:5px;
  187. margin:0;
  188. width:50px;
  189. }
  190.  
  191. .medusa {
  192. font:oblique 80% Trebuchet Ms;
  193. text-transform:uppercase;
  194. letter-spacing:1px;
  195. text-align:right;
  196. }
  197.  
  198. #sidebar {
  199. position: fixed;
  200. text-transform: lowercase;
  201. width: 150px;
  202. margin-top: 200px;
  203. margin-left: -80px;
  204. padding-bottom:10px;
  205. {block:ifsidebarshadow} box-shadow:5px 5px 0px {color:sidebar shadow};{/block:ifsidebarshadow}
  206. background-color: {color:sidebar};
  207. {block:ifborder}
  208. border: {color:border} solid 1px;
  209. {block:ifborder}
  210. {block:iftransparentsidebar}
  211. border-style:double;
  212. background:transparent;
  213. {/block:iftransparentsidebar}
  214. {block:ifRoundedCorners}
  215. border-radius:15px;
  216. -moz-border-radius:15px;
  217. -webkit-border-radius:15px;
  218. {/block:ifRoundedCorners}
  219. {block:ifSidebarRight}
  220. margin-top:200px;
  221. margin-left:700px;
  222. {/block:ifSidebarRight}
  223. }
  224.  
  225. {block:ifsidebarimage}
  226.  
  227. #sidebar .image img {
  228. {block:ifborder}
  229. border:1px solid {color:border};
  230. {/block:ifborder}
  231. margin-top: -40px;
  232. width: 95px;
  233. height: 95px;
  234. {block:ifroundimage}
  235. border-radius:100%;
  236. {/block:ifroundimage}
  237. }
  238. {block:ifsidebarimage}
  239.  
  240. #shark {
  241. font-size: {text:font size}px;
  242. }
  243.  
  244. #shark a {
  245. display:block;
  246. }
  247.  
  248. #shark .bite {
  249. margin-top:-70px;
  250. filter: alpha(opacity = 0);
  251. opacity:0;
  252. -webkit-transition: all 0.3s ease-out;
  253. -moz-transition: all 0.3s ease-out;
  254. transition: all 0.3s ease-out;
  255. }
  256.  
  257. #shark:hover .bite {
  258. margin-top:0px;
  259. -webkit-transition: all 0.2s ease-out;
  260. -moz-transition: all 0.2s ease-out;
  261. transition: all 0.2s ease-out;
  262. filter: alpha(opacity = 100);
  263. filter: alpha(opacity = 100);
  264. opacity:100;
  265. }
  266.  
  267. #sidebar .description {
  268. color: {color:text};
  269. text-align: center;
  270. padding: 5px;
  271. }
  272.  
  273. #footer {
  274. font-size:;
  275. padding: 5px;
  276. background-color: {color:footer};
  277. text-align: center;
  278. {block:iftransparentfooter}
  279. background:transparent;
  280. {/block:iftransparentfooter}
  281. }
  282.  
  283. #footer a {
  284. color: {color:footer link};
  285. }
  286.  
  287. #footer a:hover {
  288. color: {color:footer link hover};
  289. transition: all 0.4s ease-in-out;
  290. -o-transition: all 0.4s ease-in-out;
  291. -moz-transition: all 0.4s ease-in-out;
  292. -webkit-transition: all 0.4s ease-in-out;
  293. }
  294.  
  295. blockquote {
  296. width: auto;
  297. height: auto;
  298. padding-left: 3px;
  299. border-left: 1px solid {color:blockquote};
  300. }
  301.  
  302. #updates {
  303. position:fixed;
  304. left:20px;
  305. top:10px;
  306. font-size: 11px;
  307. font-family: {select:font};
  308. }
  309. #fin {
  310. position:fixed;
  311. left:20px;
  312. top:10px;
  313. font-size: 18px;
  314. font-family: {select:font};
  315. border:none;
  316. }
  317.  
  318. #contentss {
  319. position:fixed;
  320. left:20px;
  321. top:35px;
  322. text color:{color:text};
  323. font-size: {text:font size}px;
  324. width:110px;
  325. font-family: {select:font};
  326. padding:5px;
  327. background:{color:posts};
  328. {block:ifborder}
  329. border: {color:border} solid 1px;
  330. {block:ifborder}
  331. {block:ifRoundedCorners}
  332. border-style:double;
  333. border-radius:15px;
  334. -moz-border-radius:15px;
  335. -webkit-border-radius:15px;
  336. {/block:ifRoundedCorners}
  337. }
  338.  
  339. #pagination {
  340. text-align: center;
  341. font-style: italic;
  342. }
  343.  
  344. #credits{
  345. position:fixed;
  346. bottom:8px;right:8px;
  347. padding:5px;
  348. font-size:11px;
  349. background:transparent;
  350. border: 1px solid {color:border};
  351. border-style:double;
  352. border-radius:11px;}
  353.  
  354. </style>
  355. </head>
  356.  
  357. <body>
  358.  
  359. <!-- credit don't delete! -->
  360.  
  361.  
  362. <div id="credits">
  363. <a href="http://peach.star.is/" title="theme by kirit">cred</a></div>
  364.  
  365. <!-- credit don't delete! -->
  366.  
  367. <div id="container">
  368.  
  369. <div id="sidebar">
  370. <center>
  371. {block:ifsidebarimage}
  372. <div class="image"><img src="{image:sidebar}"</div>
  373. {/block:ifsidebarimage}
  374. <div class="description">{Description}</div>
  375. <div id="shark">
  376. <center>{text:link symbol thing}</center>
  377. <div class="bite">
  378. <div align="center">
  379. <!-- default links -->
  380. <a href="/">{lang:Home}</a>
  381. {block:AskEnabled}
  382. <a href="/ask">{AskLabel}</a>
  383. {/block:AskEnabled}
  384. {block:SubmissionsEnabled}
  385. <a href="/submit">{SubmitLabel}</a>
  386. {/block:SubmissionsEnabled}
  387.  
  388. <!-- extra links -->
  389. {block:ifLink1} <a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  390. {block:ifLink2} <a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  391. {block:ifLink3} <a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  392. </div>
  393. </div>
  394. </div>
  395. </center>
  396.  
  397.  
  398. {block:Pagination}
  399. <div id="pagination" style="padding:5px;">
  400. {block:PreviousPage}<a href="{PreviousPage}">previous&nbsp;</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}</div>
  401. {/block:Pagination}
  402. </div>
  403. {block:Posts}
  404. <div class="post">
  405.  
  406. {block:Text}
  407. {block:Title}
  408. <div class="title">{Title}</div>
  409. {/block:Title}
  410. {Body}
  411. {/block:Text}
  412.  
  413. {block:Photo}
  414. <a href="{Permalink}">
  415. {block:if400px}<img src="{PhotoURL-400}" width="100%"></a>{/block:if400px}
  416. {block:if250px}<img src="{PhotoURL-250}" width="100%"></a>{/block:if250px}
  417. {block:Caption}{Caption}{/block:Caption}
  418. {/block:Photo}
  419.  
  420. {block:Photoset}
  421. {block:if400px}{Photoset-400}{/block:if400px}
  422. {block:if250px}{Photoset-250}{/block:if250px}
  423. {block:Caption}{Caption}{/block:Caption}
  424. {/block:Photoset}
  425.  
  426. {block:Video}
  427. <div class="media">
  428. {block:if250px}{Video-250}{/block:if250px}
  429. {block:if400px}{Video-400}{/block:if400px}
  430. </div>
  431. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  432. {/block:Video}
  433.  
  434. {block:Link}
  435. <div class="link">
  436. <a href="{URL}">{Name}</a></div>
  437. {block:Description}{Description}{/block:Description}
  438. {/block:Link}
  439.  
  440. {block:Quote}
  441. <div class="quote">“{Quote}”</div>
  442. <p>
  443. {block:Source} — {Source} {/block:Source}<br>
  444. {/block:Quote}
  445.  
  446. {block:Audio}
  447. <div class="media">
  448. {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}
  449. {AudioPlayerWhite}
  450. {block:TrackName}{TrackName}<br>{/block:TrackName}
  451. {block:Artist}{Artist}<br>{/block:Artist}
  452. {block:Album}{Album}{/block:Album}
  453. </div>
  454. {block:Caption}{Caption}{/block:Caption}
  455. {/block:Audio}
  456.  
  457. {block:Chat}
  458. {block:Title}
  459. <div class="title">{Title}</div>
  460. {/block:Title}
  461. {block:Lines}
  462. <div class="{Alt} user_{UserNumber}">
  463. {block:Label}
  464. <b>{Label}</b>{/block:Label}
  465. &nbsp;{Line}
  466. </div>
  467. {/block:Lines}
  468. {/block:Chat}
  469.  
  470. {block:Answer}
  471. <table>
  472. <tr>
  473. <td style="min-width:70px;padding:10px;"><img src="{AskerPortraitURL-64}" class="stella"></td>
  474. <td style="width:100%;">{Question}<div class="medusa">By {Asker}</div></td>
  475. </tr>
  476. </table>
  477. <div style="margin-top: 15px;">{Answer}</div>
  478. {/block:Answer}
  479.  
  480. {block:Date}
  481. <div id="footer">
  482. | <a href="{Permalink}">{NoteCount}</a>
  483. {text:Perma Symbol} <a href="{Permalink}">{TimeAgo}</a>
  484. {block:RebloggedFrom}{text:Perma symbol} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  485. {block:ContentSource}{text:Perma symbol} <a href="{SourceURL}">source </a>{/block:ContentSource} |
  486. {block:HasTags}<br>{block:Tags}{text:Tag symbol} <a href="{TagURL}" >{Tag}</a> {/block:Tags}{/block:HasTags}
  487. </div>
  488.  
  489. {block:PermalinkPage}
  490. {block:NoteCount}
  491. {block:PostNotes}{PostNotes}{/block:PostNotes}
  492. {/block:NoteCount}
  493. {/block:PermalinkPage}
  494. {/block:Date}
  495. </div>
  496. {/block:Posts}
  497.  
  498. {block:ifshowupdates}
  499. <div id="updates">
  500. <div id="fin">
  501. <a href="javascript:unhide('displaybx');"><i class="fa fa-moon-o"></i></a>
  502. </div>
  503. <div id="displaybx" class="hidden"><div id="contentss">{text:updates}
  504. </div>
  505. </div>
  506. {/block:ifshowupdates}
  507.  
  508. </div>
  509.  
  510. <div id="imageleft" style="position:fixed; bottom:{text:left image margin bottom}px; z-index:-1; left:{text:left image margin left}px;"><img src="{image:Left Image}"width="{text:left image width}"></div>
  511.  
  512. <div id="imageright" style="position:fixed; bottom:{text:right image margin bottom}px; right:{text:right image margin left}px; z-index:-1;"><img src="{image:Right Image}"width="{text:right image width}"></div>
  513.  
  514. </body>
  515. </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!