API tools faq
paste
jbtthemes

Theme 02: evergreen

jbtthemes
Jul 17th, 2016
358
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.39 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!-- THEME MADE BY BREQ --
  4.  
  5. @justiceofbreq-t.tumblr.com
  6. --------------------------
  7. THEME 02: EVERGREEN --
  8. --------------------------
  9. TERMS OF USAGE:
  10. - DO NOT REMOVE THE CREDIT
  11. - DO NOT REDISTRIBUTE
  12. - DO NOT CLAIM AS YOUR OWN
  13. - DO NOT USE AS A BASE
  14. -------------------------->
  15.  
  16. <html>
  17. <head>
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}" />
  23. {/block:Description}
  24.  
  25. <!-- default appearance options -->
  26.  
  27. <meta name="color:background" content="#fff">
  28. <meta name="color:text" content="#444444">
  29. <meta name="color:description" content="#347153">
  30. <meta name="color:title" content="#000">
  31. <meta name="color:bold" content="#224b37" />
  32. <meta name="color:italic" content="#f5ad58" />
  33. <meta name="color:link" content="#78c9a1">
  34. <meta name="color:link hover" content="#224b37">
  35. <meta name="color:sidelink" content="#b2a283">
  36. <meta name="color:sidelink hover" content="#224b37">
  37. <meta name="color:permalink" content="#666114" />
  38. <meta name="color:permalink hover" content="#bbe5b7" />
  39. <meta name="color:tags" content="#78c9a1" />
  40. <meta name="color:tags hover" content="#224b37" />
  41.  
  42. <meta name="image:portrait" content="http://static.tumblr.com/poesisw/xh7oagyc9/sparkling_needles_evergreen_raindrops.jpg" />
  43. <meta name="image:background" content="" />
  44. <meta name="text:font size" content="11px" />
  45.  
  46.  
  47. <meta name="text:link 1" content="link">
  48. <meta name="text:link 1 url" content="">
  49. <meta name="text:link 2" content="link">
  50. <meta name="text:link 2 url" content="">
  51. <meta name="text:link 3" content="link">
  52. <meta name="text:link 3 url" content="">
  53. <meta name="text:link 4" content="link">
  54. <meta name="text:link 4 url" content="">
  55. <meta name="text:link 5" content="link">
  56. <meta name="text:link 5 url" content="">
  57.  
  58. <!-- scripts -->
  59.  
  60. <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:400,300,700' rel='stylesheet' type='text/css'>
  61.  
  62. <link href='https://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
  63.  
  64. </head>
  65. <style type="text/css">
  66.  
  67. ::-webkit-scrollbar {
  68. width: 2px;
  69. height: 2px;
  70. }
  71. ::-webkit-scrollbar-button {
  72. width: 0px;
  73. height: 0px;
  74. }
  75. ::-webkit-scrollbar-thumb {
  76. background: #01320e;
  77. border: 0px none #ffffff;
  78. border-radius: 10px;
  79. }
  80. ::-webkit-scrollbar-thumb:hover {
  81. background: #ffffff;
  82. }
  83. ::-webkit-scrollbar-thumb:active {
  84. background: #003400;
  85. }
  86. ::-webkit-scrollbar-track {
  87. background: #ffffff;
  88. border: 0px none #ffffff;
  89. border-radius: 50px;
  90. }
  91. ::-webkit-scrollbar-track:hover {
  92. background: #666666;
  93. }
  94. ::-webkit-scrollbar-track:active {
  95. background: #333132;
  96. }
  97. ::-webkit-scrollbar-corner {
  98. background: transparent;
  99. }
  100.  
  101. body {
  102. background-color:{color:background};
  103. font-family: 'Josefin Sans', sans-serif;
  104. font-size: {text:font size};
  105. color:{color:text};
  106. background-image:url({image:background});
  107. background-position: top left;
  108. background-repeat:no-repeat;
  109. background-attachment:fixed;
  110. background-size:cover;
  111. }
  112.  
  113. a {
  114. text-decoration:none;
  115. color:{color:link};
  116. -webkit-transition: all 0.7s ease;
  117. -moz-transition: all 0.7s ease;
  118. -o-transition: all 0.7s ease;
  119. }
  120.  
  121. a:hover {
  122. color:{color:link hover};
  123. }
  124.  
  125. b, strong {
  126. color:{color:bold};
  127. text-transform:uppercase;
  128. }
  129.  
  130. i, em {
  131. color:{color:italic};
  132. font-family:'Satisfy', cursive;
  133. }
  134.  
  135. blockquote {
  136. padding:2px 7px;
  137. margin:3px 0 3px 8px;
  138. border-left:1px solid #fff;
  139. }
  140.  
  141. blockquote img {
  142. max-width:100%;
  143. height:auto;
  144. }
  145.  
  146. img {
  147. max-width: 100%;
  148. }
  149.  
  150. h1 {
  151. font-family:'Satisfy', cursive;
  152. font-size:30px;
  153. line-height:30px;
  154. text-align:right;
  155. text-transform: lowercase;
  156. padding:10px;
  157. }
  158.  
  159. /* customization for post container */
  160.  
  161. #container {
  162. position:absolute;
  163. left:675px;
  164. height:100%;
  165. overflow-y:scroll;
  166. width:510px;
  167. top:10px;
  168. padding:10px;
  169. }
  170.  
  171. /* all the post info */
  172.  
  173. .posts {
  174. width:500px;
  175. background-color:transparent;
  176. padding:10px;
  177. margin-bottom:30px;
  178. }
  179.  
  180. .permalinks {
  181. text-align: center;
  182. text-transform: lowercase;
  183. padding-top: 10px;
  184. font-size:8px;
  185. color:{color:permalink};
  186. }
  187.  
  188. .permalinks a {
  189. color:{color:permalink};
  190. }
  191.  
  192. .permalinks a:hover {
  193. color:{color:permalink hover};
  194. }
  195.  
  196. .tags {
  197. text-align:center;
  198. text-transform:lowercase;
  199. }
  200.  
  201. .tags a {
  202. text-decoration:none;
  203. font-size: 8px;
  204. text-transform:lowercase;
  205. color:{color:tags};
  206. }
  207.  
  208. .tags a:hover {
  209. color:{color:tags hover};
  210. }
  211.  
  212. /* sidebar stuff */
  213.  
  214. #sidebar {
  215. position:fixed;
  216. left:425px;
  217. top:250px;
  218. height:100%;
  219. width:250px;
  220. background:transparent;
  221. }
  222.  
  223. #sidebar:hover {
  224. opacity:1;
  225. }
  226.  
  227. /* customization for the title */
  228.  
  229. #title {
  230. font-family:'Satisfy', cursive;
  231. font-size: 25px;
  232. text-align: center;
  233. font-style: italic;
  234. text-transform: lowercase;
  235. font-weight: bold;
  236. color:{color:title};
  237. padding-bottom:30px;
  238. }
  239.  
  240. #description {
  241. font-size:10px;
  242. color:{color:description};
  243. text-align:center;
  244. padding:10px;
  245. }
  246.  
  247. /* customize your sidebar image "portrait" */
  248.  
  249. #sideimage img {
  250. opacity:0.5;
  251. max-width:250px;
  252. margin-left:auto;
  253. margin-right:auto;
  254. }
  255.  
  256. #sideimage img:hover {
  257. opacity: 1.0;
  258. }
  259.  
  260. /* customize your sidebar links */
  261.  
  262. #sidelinks {
  263. padding-top: 10px;
  264. padding-bottom: 5px;
  265. margin-left:auto;
  266. margin-right:auto;
  267. text-transform: uppercase;
  268. font-size: 10px;
  269. }
  270.  
  271. #sidelinks a {
  272. display:inline-block;
  273. color:{color:sidelink};
  274. padding-left:10px;
  275. -webkit-transition: all 0.7s ease;
  276. -moz-transition: all 0.7s ease;
  277. -o-transition: all 0.7s ease;
  278. }
  279.  
  280. #sidelinks a:hover {
  281. color:{color:sidelink hover};
  282. letter-spacing:1px;
  283. }
  284.  
  285. /* more general stuffs for post and body */
  286.  
  287. #pagination {
  288. text-align:center;
  289. }
  290.  
  291. #pagination a {
  292. font-size: 15px;
  293. width: 270px;
  294. text-align: center;
  295. top: 10px;
  296. color:{color:sidelink};
  297. }
  298.  
  299. #pagination a:hover {
  300. color:#ffffff;
  301. }
  302.  
  303. .asker {
  304. font-size:15px;
  305. font-style: italic;
  306. text-align:center;
  307. border-bottom:1px solid #eee;
  308. margin-bottom:5px;
  309. padding-bottom:3px;
  310. }
  311.  
  312. .question {
  313. font-style: italic;
  314. padding-left:50px;
  315. padding-right:50px;
  316. }
  317.  
  318. .quote {
  319. font-size:13px;
  320. letter-spacing:1px;
  321. text-align:center;
  322. border-bottom:1px solid #eee;
  323. margin-bottom:5px;
  324. padding-bottom:3px;
  325. }
  326.  
  327. .quotesource {
  328. font-size:10px;
  329. letter-spacing:1px;
  330. text-align:center;
  331. margin-bottom:5px;
  332. }
  333.  
  334. /* DO NOT REMOVE THIS. It's my credit and I worked very hard on it. */
  335.  
  336. #mycredit {
  337. z-index:8;
  338. bottom:0px;
  339. right:5px;
  340. height:30px;
  341. width:30px;
  342. opacity:0.8;
  343. position:fixed;
  344. padding:5px;}
  345.  
  346. {CustomCSS}
  347.  
  348. </style>
  349.  
  350. <body>
  351. <div id="sidebar">
  352. <div id="title">{Title}</div>
  353. <div id="sideimg"><img src="{image:portrait}"></div>
  354.  
  355. <div id="sidelinks">
  356. <a href="/">home</a>
  357. <a href="/ask">ask</a>
  358. <a href="{text:link 1 url}">{text:link 1}</a>
  359. <a href="{text:link 2 url}">{text:link 2}</a>
  360. <a href="{text:link 3 url}">{text:link 3}</a>
  361. <a href="{text:link 4 url}">{text:link 4}</a>
  362. <a href="{text:link 5 url}">{text:link 5}</a>
  363. </div>
  364.  
  365. <div id="description">{block:Description}{Description}{/block:Description}
  366. </div>
  367. <div id="pagination">
  368. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">↽</a>{/block:PreviousPage}
  369. {block:NextPage}<a href="{NextPage}">⇁</a>{/block:NextPage}{/block:Pagination}
  370. </div></div>
  371.  
  372. <div id="container">
  373.  
  374. {block:Posts}
  375.  
  376. <div class="posts">
  377.  
  378. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  379.  
  380. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  381.  
  382. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  383.  
  384. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  385.  
  386. {block:Quote}<div class="quote">{Quote}</div>{block:Source}<div class="quotesource">{Source}</div>{/block:Source}{/block:Quote}
  387.  
  388. {block:Link}<a href="{URL}" class="link" {Target}>{Name}</a>{block:Description}{Description}{/block:Description}{/block:Link}
  389.  
  390. {block:Chat}{block:Title}{Title}</a>{/block:Title}
  391. {block:Lines}<li>{block:Label}{Label}{/block:Label}{Line}</li>{/block:Lines}{/block:Chat}
  392.  
  393. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  394.  
  395. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  396.  
  397. {block:Answer}
  398. <div class="asker">{Asker} breathed</div>
  399. <div class="question">{Question}</div>
  400. {Answer}
  401. {/block:Answer}
  402.  
  403. <div class="permalinks">
  404. <div class="date"><a href="{Permalink}">{Timeago} </a>/ {DayOfMonth}{DayOfMonthSuffix} {ShortMonth} {Year} / <a href="{Permalink}">{block:NoteCount} n{NoteCount}{/block:NoteCount}</a></div>
  405. <div class="reblogs">{block:RebloggedFrom}
  406. <a href="{ReblogParentURL}">via - </a>
  407. <a href="{ReblogRootURL}">source - </a>
  408. {/block:RebloggedFrom} <a href="{ReblogURL}">reblog</a></div>
  409. </div>
  410.  
  411. <div class="tags">{block:HasTags}{block:Tags}<a href="{TagUrl}"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  412.  
  413. </div>
  414.  
  415. {/block:Posts}
  416.  
  417. </div>
  418.  
  419. {block:ContentSource}
  420. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  421. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  422. {/block:SourceLogo}
  423. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  424. {/block:ContentSource}
  425.  
  426. <!-- DO NOT REMOVE MY CREDIT -->
  427. <div id="mycredit"><a href="http://rpjustxce.tumblr.com/" title="theme by Justxce Themes"><img src="http://static.tumblr.com/ewpefvd/Uteohiglh/rpj-icon.png"></a></div>
  428. </body>
  429.  
  430. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!