API tools faq
paste
Advertisement
erithemes

CHILI VERSION ONE // THEME 2 BY ERIOFRP

erithemes
Sep 20th, 2015
278
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.37 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. THEME BY ERIOFRP
  8.  
  9. -->
  10.  
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}" />
  13. {/block:Description}
  14.  
  15. <meta charset="utf-8">
  16. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21.  
  22. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  23.  
  24. <!-- SCRIPTS -->
  25.  
  26. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  27. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  28. <script>
  29. (function($){
  30. $(document).ready(function(){
  31. $("a[title]").style_my_tooltips({
  32. tip_follows_cursor:true,
  33. tip_delay_time:90,
  34. tip_fade_speed:600,
  35. attribute:"title"
  36. });
  37. });
  38. })(jQuery);
  39. </script>
  40.  
  41. <!-- METAS -->
  42.  
  43. <meta name="color:background" content="#ffffff"/>
  44. <meta name="color:text" content="#000000"/>
  45. <meta name="color:links" content="#000000"/>
  46. <meta name="color:Links hover" content="#eee"/>
  47. <meta name="color:Scrollbar" content="#000000"/>
  48. <meta name="color:ScrollbarBg" content="#ffffff"/>
  49.  
  50. <meta name="image:sidebar image" content=""/>
  51. <meta name="image:background" content=""/>
  52.  
  53.  
  54. <meta name="text:Link 1" content="" />
  55. <meta name="text:Link 1 URL" content="" />
  56. <meta name="text:Link 2" content="" />
  57. <meta name="text:Link 2 URL" content="" />
  58. <meta name="text:Link 3" content="" />
  59. <meta name="text:Link 3 URL" content="" />
  60. <meta name="text:Link 4" content="" />
  61. <meta name="text:Link 5 URL" content="" />
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66. /*SCROLLBAR*/
  67. ::-webkit-scrollbar-thumb {
  68. height:auto;
  69. background-color:{color:Scrollbar};
  70. }
  71.  
  72. ::-webkit-scrollbar {
  73. height:9px;
  74. width:2px;
  75. background-color:{color:ScrollbarBg};
  76. }
  77.  
  78.  
  79. /* -------- BASICS -------- */
  80.  
  81. body {
  82. font-family:arial, sans-serif;
  83. font-size:9px;
  84. color: {color:text};
  85. background-color: {color:background};
  86. text-align:justify;
  87. background-image:url('{image:background}');
  88.  
  89. }
  90.  
  91. a {
  92. text-decoration:none;
  93. outline:none;
  94. -moz-outline-style:none;
  95. color:{color:links};
  96. font-weight:bold;
  97. font-family:arial;
  98. }
  99.  
  100. a:hover {
  101. color: {color:links hover};
  102. -moz-transition-duration: 0.5s;
  103. -o-transition-duration: 0.5s;
  104. -webkit-transition-duration: 0.5s;
  105. transition-duration: 0.5s;
  106. }
  107.  
  108. h1 {
  109. font-size:22px;
  110. color:{color:text};
  111. text-transform:lowercase;
  112. font-family:arial;
  113. letter-spacing:-1px;
  114. text-align:left;
  115. line-height:20%;
  116. }
  117.  
  118. /*PAGINATION*/
  119.  
  120. .pagi {
  121. text-align: center;
  122. background:{color:text};
  123. margin-top: 50%;
  124. border:2px solid;
  125. }
  126.  
  127. .pagi a {
  128. font-size: 15px;
  129. width: 160px;
  130. text-align: center;
  131. position: relative;
  132. color:{color:background};
  133.  
  134. }
  135.  
  136. /* ------- SIDEBAR ------ */
  137.  
  138. #sidebar {
  139. display:block;
  140. color:{color:text};
  141. position:fixed;
  142. float:left;
  143. width:160px;
  144. overflow:hidden;
  145. left:230px;
  146. top:130px;
  147. -webkit-transition: all .9s;
  148. -moz-transition: all .9s;
  149. -o-transition: all .9s;
  150. -ms-transition: all .9s;
  151. transition: all .9s;
  152. }
  153.  
  154. #sidebar img {
  155. width:160px;
  156. display:block;
  157. margin-bottom:15px;
  158. }
  159.  
  160.  
  161.  
  162. #title{
  163. Background-color:{color:Text};
  164. color:{color:background};
  165. padding:10px;
  166. letter-spacing:1px;
  167. font-size:14px;
  168. font-family:arial;
  169. text-transform:uppercase;
  170. font-weight:normal;
  171. text-align:left;
  172. }
  173.  
  174.  
  175. #desc {
  176. text-align: left;
  177. font-family:'arial';
  178. font-size:9px;
  179. text-transform:lowercase;
  180. width:140px;
  181. line-height:10px;
  182. margin-left:2px;
  183. color:{color:text};
  184. border-left:1px solid #000000;
  185. padding:5px 0px 5px 15px;
  186.  
  187. }
  188.  
  189. #links {width: 165px; margin: 10px 0 0 0px;}
  190.  
  191. .l {
  192. width: 80px;
  193. height: 20px;
  194. line-height: 20px;
  195. text-align: center;
  196. font-family: calibri;
  197. text-transform:uppercase;
  198. font-size: 10px;
  199. background-color: {color:text};
  200. color: {color:background};
  201. float: right;
  202. margin-right: 2px;
  203. margin-bottom: 2px;
  204. -webkit-transition: all 0.4s ease-in-out;
  205. -moz-transition: all 0.4s ease-in-out;
  206. -o-transition: all 0.4s ease-in-out;
  207. -ms-transition: all 0.4s ease-in-out;
  208. transition: all 0.4s ease-in-out;
  209. }
  210.  
  211. .l:hover {
  212. background-color: {color:background};
  213. color: {color:text};
  214. }
  215.  
  216. /* ------- POSTS ------- */
  217.  
  218.  
  219. .postcon {
  220. width: 520px;
  221. left:430px;
  222. top:50px;
  223. position:fixed;
  224. overflow:scroll;
  225. overflow-x:hidden;
  226. height:550px;
  227. border:1px solid;
  228. background-color: #ffffff;
  229. }
  230.  
  231. .posts {
  232. margin-bottom: 30px;
  233. padding:20px;
  234. padding-left: 10px;
  235. padding-right: 10px;
  236. }
  237.  
  238.  
  239.  
  240. #tags {
  241. text-transform:uppercase;
  242. color:{color:background};
  243. width:490px;
  244. margin-left:-2px;
  245. background-color:{color:text};
  246. padding:6px;
  247. }
  248.  
  249.  
  250. #tags a {
  251. text-transform:uppercase;
  252. letter-spacing:0px;
  253. font-size:9px;
  254. text-align:center;
  255. font-family:'arial';
  256. text-decoration:none;
  257. display:inline-block;
  258. color:{color:background};
  259. }
  260.  
  261. blockquote {
  262. margin-left:15px;
  263. border-left:1px solid #2f2f2f;
  264. padding:5px 0px 5px 30px;
  265. }
  266.  
  267. /*QUOTE POSTS*/
  268.  
  269. h2 {
  270. text-align: right;
  271. font-size: 20px;
  272. font-style: italic;
  273. text-transform: lowercase;
  274. }
  275.  
  276. #source {
  277. text-align: center;
  278. font-size: 15px;
  279. }
  280.  
  281. .pic, video {
  282. min-width:500px;
  283. }
  284.  
  285. .source {
  286. text-align:right;
  287. }
  288.  
  289. ul.chat {
  290. list-style:none;
  291. }
  292.  
  293. .chat span {
  294. margin-left:-30px;
  295. float:left;
  296. }
  297.  
  298. .person {
  299. font-weight:bold;
  300. margin-right:5px;
  301. }
  302.  
  303. /*QUESTION POSTS*/
  304.  
  305. #questions {
  306. text-align:left;
  307. text-transform:lowercase;
  308. font-size:9px;
  309. padding:10px;
  310. color:{color:background};
  311. background:{color:text};
  312. }
  313.  
  314. .answer {
  315. padding:0px 5px 0px 10px;
  316. }
  317.  
  318. .comma:last-child {
  319. display:none;
  320. }
  321.  
  322.  
  323. /* ------- NOTES ------- */
  324.  
  325. ol.notes {
  326. display:block;
  327. text-align:left;
  328. list-style:none;
  329. margin-left:-40px;
  330. }
  331.  
  332. ol.notes li.note{
  333. padding-bottom:5px;
  334. }
  335.  
  336. .pagenotes {
  337. margin-top:-75px;
  338. margin-bottom:60px;
  339. }
  340.  
  341. .pagenotes img{
  342. padding-right:5px;
  343. padding-top:5px;
  344. margin-bottom:-5px;
  345. display:none;
  346. }
  347.  
  348. /*credit*/
  349.  
  350. .credit {
  351. position: fixed;
  352. bottom: 10px;
  353. right: 10px;}
  354.  
  355. .credit a{
  356. padding:5px;
  357. color:{color:text};
  358. font-family:arial;
  359. font-style:normal;
  360. font-weight:normal;
  361. font-size:11px;
  362. transition:1s;}
  363.  
  364. </style>
  365. </head>
  366. <body>
  367.  
  368. <div id="sidebar">
  369. <div id="title">{Title}</div><p>
  370. <img src="{image:sidebar image}"/></a>
  371. <div id="desc">{description}</div>
  372. <div id="links">
  373. <a href="/ask"><div class="l">message</div></a>
  374. <a href="/"><div class="l">refresh</div></a>
  375. {block:IfLink2}<a href="{text:Link 2 URL}"><div class="l">{text:Link 2}</div></a>{/block:IfLink2}
  376. {block:IfLink1}<a href="{text:Link 1 URL}"><div class="l">{text:Link 1}</div></a>{/block:IfLink1}
  377. {block:IfLink4}<a href="{text:Link 4 URL}"><div class="l">{text:Link 4}</div></a>{/block:IfLink4}
  378. {block:IfLink3}<a href="{text:Link 3 URL}"><div class="l">{text:Link 3}</div></a>{/block:IfLink3}</div>
  379.  
  380. <div class="pagi">
  381. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}
  382. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}
  383. </div>
  384.  
  385. </div>
  386.  
  387. <!-- POSTS -->
  388.  
  389. <div class="postcon">
  390. {block:Posts}
  391. <div class="posts">
  392.  
  393. <!-- VIA/SOURCE FIX -->
  394.  
  395. {block:ContentSource}
  396. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  397. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  398. {/block:SourceLogo}
  399. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  400. {/block:ContentSource}
  401.  
  402. {block:Text}
  403. {block:Title}
  404. <h1><a href="{Permalink}">{Title}</a></h1>
  405. {/block:Title}
  406. {Body}
  407. {/block:Text}
  408.  
  409. {block:Photo}
  410. {LinkOpenTag}
  411. <img class="pic" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  412. {LinkCloseTag}
  413. {/block:Photo}
  414.  
  415. {block:Photoset}
  416. {Photoset-500}
  417. {/block:Photoset}
  418.  
  419. {block:Quote}
  420. <h2>{Quote}</h2>
  421. {block:Source}<div id="source">{Source}</div>{/block:Source}
  422. {/block:Quote}
  423.  
  424.  
  425. {block:Link}
  426. <h1 class="title"><a href="{URL}">{Name}</a></h1>
  427. {block:Description}{Description}{/block:Description}
  428. {/block:Link}
  429.  
  430. {block:Chat}
  431. <ul class="chat">
  432. {block:Lines}
  433. <li class="{Alt}">
  434. {block:Label}<span class="person">{Label}</span>{/block:Label}
  435. <p> {Line} </p></li>
  436. {/block:Lines}
  437. </ul>
  438. {/block:Chat}
  439.  
  440. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  441. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  442. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  443. {/block:ExternalAudio}<b>Played:</b> {PlayCount}<br>
  444. {/block:Audio}<br>
  445.  
  446. {block:Video}
  447. {Video-500}
  448. {/block:Video}
  449.  
  450. {block:Answer}
  451. <div id="questions">
  452. <b style="text-transform:lowercase;">{Asker}: </b>
  453. {Question}
  454. </div>
  455. <div id="answer">{Answer}</div>
  456. {/block:Answer}
  457.  
  458. {block:Caption}
  459. {Caption}
  460. {/block:Caption}
  461.  
  462. {block:Date}
  463. <a href="{Permalink}">
  464. <div id="tags">
  465. {block:Date}<span style="text-transform:uppercase;">
  466. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}, {TimeAgo}</span>
  467. {/block:Date}
  468. </a>
  469.  
  470. {block:NoteCount}
  471. <a href="{Permalink}"> + {NoteCount} </a>
  472. {/block:NoteCount}
  473.  
  474. <!--VIA AND SOURCE-->
  475. {block:RebloggedFrom} /
  476. <a href="{ReblogParentURL}">via</a>
  477. {/block:RebloggedFrom}
  478. {block:ContentSource}
  479. & <a href="{SourceURL}">source</a>
  480. {/block:ContentSource}
  481. {block:RebloggedFrom}{/block:RebloggedFrom}
  482.  
  483. {block:HasTags}
  484. / <b>tag:</b>
  485. {block:Tags}
  486. <a href="{TagURL}"> {Tag}</a><span class="comma">,</span>
  487. {/block:Tags}
  488. {/block:HasTags}
  489. </div>
  490. {/block:Date}
  491.  
  492. </div>
  493.  
  494. <!--POST NOTES-->
  495.  
  496. {block:PostNotes}
  497. <div class="pagenotes">{PostNotes-16}</div>
  498. {/block:PostNotes}
  499.  
  500. {/block:Posts}
  501.  
  502.  
  503.  
  504. <!---CREDIT--->
  505. <div class="credit"><a href="http://eriofrp.tumblr.com/">♏</a></div>
  506. </div>
  507.  
  508. </body>
  509. </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!