API tools faq
paste
Advertisement
erithemes

GASOLINE // THEME 1 BY ERIOFRP

erithemes
Sep 19th, 2015
976
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.88 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  7. <meta name="description" content="" />
  8. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  9.  
  10. <!---META TAGS--->
  11.  
  12. <meta name="color:Background" content="#fff"/>
  13. <meta name="color:Text" content="#555"/>
  14. <meta name="color:Links" content="#000"/>
  15. <meta name="color:Links hover" content="#eee"/>
  16. <meta name="image:Sidebar" content=""/>
  17. <meta name="image:background" content=""/>
  18. <meta name="color:Scrollbar" content="#000000"/>
  19. <meta name="color:ScrollbarBg" content="#ffffff"/>
  20. <meta name="text:Link 1" content=""/>
  21. <meta name="text:Link 1 url" content=""/>
  22. <meta name="text:Link 2" content=""/>
  23. <meta name="text:Link 2 url" content=""/>
  24. <meta name="text:Link 3" content=""/>
  25. <meta name="text:Link 3 url" content=""/>
  26.  
  27. <link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
  28.  
  29. <!---BASE CODE BY BISEXUALAMY - YOU MUST CREDIT ME IN YOUR THEME POST--->
  30.  
  31. <style type="text/css">
  32.  
  33.  
  34. /*SCROLLBAR*/
  35. ::-webkit-scrollbar-thumb {
  36. height:auto;
  37. background-color:{color:Scrollbar};
  38. }
  39.  
  40. ::-webkit-scrollbar {
  41. height:9px;
  42. width:2px;
  43. background-color:{color:ScrollbarBg};
  44. }
  45.  
  46.  
  47. /*FONTS AND BACKGROUND*/
  48.  
  49. body {
  50. font-family:arial, sans-serif;
  51. font-size:9px;
  52. color: {color:text};
  53. background-color: {color:background};
  54. text-align:justify;
  55. background-image:url('{image:background}');
  56.  
  57. }
  58.  
  59. blockquote {
  60. border-left:1px solid {color:text};
  61. margin:10px;
  62. padding-left:10px;}
  63.  
  64. small {font-size:9px}
  65.  
  66. /*MAIN LINKS*/
  67.  
  68. a {
  69. text-decoration:none;
  70. outline:none;
  71. -moz-outline-style:none;
  72. color:{color:links};
  73. font-weight:bold;
  74. font-family:arial;
  75. }
  76.  
  77. a:hover {
  78. color: {color:links hover};
  79. -moz-transition-duration: 0.5s;
  80. -o-transition-duration: 0.5s;
  81. -webkit-transition-duration: 0.5s;
  82. transition-duration: 0.5s;
  83. }
  84.  
  85. /*THEME CONTAINER*/
  86.  
  87. .container {
  88. width: 800px;
  89. margin: auto;
  90. }
  91.  
  92.  
  93. /*POST CONTAINER*/
  94.  
  95. .postcon {
  96. width: 520px;
  97. margin-left: 260px;
  98. margin-top: 4%;
  99. position:fixed;
  100. overflow:scroll;
  101. overflow-x:hidden;
  102. height:500px;
  103. border:1px solid;
  104. background-color: #ffffff;
  105. }
  106.  
  107. .posts {
  108. margin-bottom: 30px;
  109. padding:20px;
  110. padding-left: 10px;
  111. padding-right: 10px;
  112. }
  113.  
  114.  
  115. /*SIDEBAR*/
  116.  
  117. .sidebar {
  118. width: 245px;
  119. position: fixed;
  120. margin-top: 4%;
  121. border:1px solid;
  122. height:475px;
  123. background:{color:background};
  124. }
  125.  
  126. .title{
  127. Background-color:{color:Text};
  128. color:{color:background};
  129. padding:10px;
  130. letter-spacing:1px;
  131. font-size:14px;
  132. font-family:arial;
  133. text-transform:uppercase;
  134. font-weight:bold;}
  135.  
  136.  
  137. .sidebar img {
  138. width: 245px;
  139. height:130px;
  140. }
  141.  
  142.  
  143. .sblinks {
  144. background:{color:text};
  145. text-align: right;
  146. padding-top: 15px;
  147. padding-bottom: 5px;
  148. margin-top: -5%;
  149. font-family:arial;
  150. }
  151.  
  152. .sblinks a{
  153. text-transform:lowercase;
  154. font-weight:normal;
  155. font-size:10px;
  156. letter-spacing:-1px;
  157. color:{color:background};
  158. }
  159.  
  160. /*DESCRIPTION*/
  161.  
  162. .desc {
  163. width:245px;
  164. height:280px;
  165. text-align:justify;
  166. font-family:'arial';
  167. font-size:9px;
  168. text-transform:lowercase;
  169. line-height:170%;
  170. color:{color:text};
  171. background:{color:background};
  172. overflow:auto;
  173. }
  174.  
  175. /*PAGINATION*/
  176.  
  177. .pagi {
  178. text-align: center;
  179. background:{color:text};
  180. margin-top: 4%;
  181. border:2px solid;
  182. }
  183.  
  184. .pagi a {
  185. font-size: 15px;
  186. width: 271px;
  187. text-align: center;
  188. position: relative;
  189. color:{color:background};
  190.  
  191. }
  192.  
  193.  
  194. /*POST TITLES*/
  195.  
  196. h1 {
  197. font-size:22px;
  198. color:{color:text};
  199. text-transform:lowercase;
  200. font-family:arial;
  201. letter-spacing:-1px;
  202. text-align:left;
  203. line-height:20%;
  204. }
  205.  
  206. /*QUOTE POSTS*/
  207.  
  208. h2 {
  209. text-align: right;
  210. font-size: 25px;
  211. font-style: italic;
  212. text-transform: lowercase;
  213. }
  214.  
  215. .source {
  216. text-align: center;
  217. font-size: 15px;
  218. }
  219.  
  220. /*TEXT POST DETAILS*/
  221.  
  222. .posts li {
  223. list-style: disc;
  224. }
  225.  
  226. /*QUESTION POSTS*/
  227.  
  228. #questions {
  229. text-align:left;
  230. text-transform:lowercase;
  231. font-size:9px;
  232. padding:10px;
  233. color:{color:background};
  234. background:{color:text};
  235. }
  236.  
  237. .answer {
  238. padding:0px 5px 0px 10px;
  239. }
  240.  
  241. /*CHAT POSTS*/
  242.  
  243. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#aeaeae;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #aeaeae;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#e6e6e6;color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #e6e6e6;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
  244. .asked p {
  245. text-align: left;
  246. margin: 0 0px 10px 0px;
  247. padding: 0;
  248. color: #666666;
  249. font-family: 'Inconsolata', Inconsolata;
  250. font-size: 12px;
  251. line-height: 0px;
  252. }
  253. .footerright .viasrc {
  254. float: left;
  255. }
  256. .asked a {
  257. margin:0;padding:0;
  258. }
  259. .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
  260. .convo {
  261. overflow: hidden;
  262. list-style-type: none;
  263. padding: 0;
  264. margin: 0;
  265. }
  266.  
  267.  
  268.  
  269. /*POST INFO*/
  270.  
  271. .postinfo{
  272. padding-top:3px;
  273. background-color:{color:background};
  274. color:{color:links};
  275. text-transform:uppercase;
  276. margin-top:0px;
  277. width:500px;
  278. margin-bottom:-5px;
  279. text-align:left;
  280. border-top:1px solid {color:text};
  281. -moz-transition-duration:0.7s;
  282. -webkit-transition-duration:0.7s;
  283. -o-transition-duration:0.7s;
  284. transition: all 0.5s ease-out;
  285. }
  286.  
  287.  
  288. /*TAGS*/
  289.  
  290. .tags {
  291. text-transform:uppercase;
  292. color:{color:background};
  293. width:490px;
  294. margin-left:-2px;
  295. background-color:{color:text};
  296. padding:6px;}
  297.  
  298.  
  299. .tags a {
  300. letter-spacing:0px;
  301. font-size:9px;
  302. text-align:center;
  303. font-family:'arial';
  304. text-decoration:none;
  305. display:inline-block;
  306. color:{color:background};
  307. }
  308.  
  309.  
  310. /*POSTNOTES*/
  311.  
  312. .postnotes {
  313. line-height: 200%;
  314. text-align: center;
  315. margin-top: 20px;
  316. list-style: none;
  317. margin-left: -25px
  318.  
  319. }
  320.  
  321. .postnotes ol.notes {
  322. list-style-type: none;
  323. }
  324.  
  325. .postnotes li {
  326. list-style-type: none;
  327. }
  328.  
  329. .postnotes img.avatar {
  330. width: 0px;
  331. height: 0px;
  332. }
  333.  
  334. /*credit*/
  335.  
  336. .credit {
  337. position: fixed;
  338. bottom: 10px;
  339. right: 10px;}
  340.  
  341. .credit a{
  342. padding:5px;
  343. color:{color:text};
  344. font-family:arial;
  345. font-style:normal;
  346. font-weight:normal;
  347. font-size:11px;
  348. transition:1s;}
  349.  
  350. </style>
  351. </head>
  352.  
  353. <body>
  354.  
  355. <div class="container">
  356.  
  357.  
  358.  
  359. <!---SIDEBAR--->
  360.  
  361. <div class="sidebar">
  362.  
  363. <div class="title">{Title}</div>
  364.  
  365. <img src="{image:sidebar}">
  366.  
  367. <div class="sblinks">
  368.  
  369. <a href="/" style="padding-right: 10px;">refresh.</a>
  370. <a href="/ask" style="padding-right: 10px;">message.</a>
  371. <a href="{text:link 1 url}" style="padding-right: 10px;">{text:link 1}</a>
  372. <a href="{text:link 2 url}" style="padding-right: 10px;">{text:link 2}</a>
  373. <a href="{text:link 3 url}" style="padding-right: 10px;">{text:link 3}</a>
  374.  
  375. </div>
  376.  
  377. <div class="desc"><blockquote>{description}</blockquote></div>
  378. <div class="pagi">
  379. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage}
  380. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}
  381. </div>
  382. </div>
  383.  
  384. <!---END SIDEBAR--->
  385.  
  386. <!---POSTS--->
  387.  
  388. <div class="postcon">
  389. {block:Posts}
  390. <div class="posts">
  391.  
  392. {block:Text}
  393. {block:Title}<h1>{Title}</h1>{/block:Title}
  394. {Body}
  395. {/block:Text}
  396.  
  397. {block:Answer}
  398. <div id="questions"><b>{Asker} said:</b> {Question}<br />
  399. </div>
  400. <div class="answer">
  401. {Answer}</div>
  402. {/block:Answer}
  403.  
  404. {block:Quote}
  405. <h2>{Quote}</h2>
  406. {block:Source}<div class="source">{Source}</div>{/block:Source}
  407. {/block:Quote}
  408.  
  409. {block:Link}
  410. <h1><a href="{URL}">{Name}</a></h1>
  411. {block:Description}{Description}{/block:Description}
  412. {/block:Link}
  413.  
  414. {block:Chat}
  415. {block:Title}
  416. <h1>{Title}</h1>{/block:Title}<br>
  417. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
  418. {Line}</li>{/block:Lines}</ul>
  419. {/block:Chat}
  420.  
  421. {block:Photo}
  422. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  423.  
  424. {block:Caption}{Caption}{/block:Caption}
  425. {/block:Photo}
  426.  
  427. {block:Photoset}
  428. {Photoset-500}
  429. {block:Caption}{Caption}{/block:Caption}
  430. {/block:Photoset}
  431.  
  432. {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>
  433. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  434. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  435. {/block:ExternalAudio}<b>Played:</b> {PlayCount}<br>
  436. {/block:Audio}<br>
  437.  
  438. {block:Video}
  439. {Video-500}
  440. {block:Caption}{Caption}{/block:Caption}
  441. {/block:Video}
  442.  
  443. <!---END POSTS--->
  444.  
  445. <!---POST INFO--->
  446.  
  447. <div class="postinfo">
  448.  
  449. <a href="{Permalink}" style="text-transform:uppercase;">{TimeAgo}</a>
  450. <span style="float:right">{NoteCount}{block:RebloggedFrom} <a href="{ReblogParentURL}">VIA</a> <a href="{ReblogRootURL}">SOURCE</a>{/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank">reblog</a>
  451.  
  452. <div class="tags">{block:HasTags} {block:Tags} <a href="/tagged/{TAG}" style="margin-right: 3px;">#{TAG}</a> {/block:Tags} {/block:HasTags}</div>
  453.  
  454.  
  455. </div>
  456.  
  457. </div>
  458. {/block:Posts}
  459. </div>
  460.  
  461. <!---END POST INFO--->
  462.  
  463. </div>
  464.  
  465. </body>
  466. <!---CREDIT--->
  467. <div class="credit"><a href="http://eriofrp.tumblr.com/">♏</a></div>
  468. </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!