Advertisement
allisnargnts

theme twenty: dog days are over

Jul 20th, 2014
178
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.56 KB | None | 0 0
  1. <!---- theme 20 'dog days are over'
  2. - by mikasarps, previously jadeofroleplay
  3. - do not steal this coding
  4. - do not remove the credit
  5. - please enjoy the theme (✿◠‿◠) --->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.  
  17.  
  18. <meta name="color:bg" content="#000000">
  19. <meta name="color:border" content="#ffffff">
  20. <meta name="color:hover" content="#cccccc">
  21. <meta name="color:link" content="#ffffff">
  22. <meta name="color:post" content="#000000" />
  23. <meta name="color:question" content="#ffffff" />
  24. <meta name="color:scrollbar" content="#000000">
  25. <meta name="color:scrollbg" content="#ffffff">
  26. <meta name="color:shadow" content="#000000" />
  27. <meta name="color:sidebar" content="#000000" />
  28. <meta name="color:sidelinks" content="#000000" />
  29. <meta name="color:slinks" content="#ffffff" />
  30. <meta name="color:slinks hover" content="#cccccc" />
  31. <meta name="color:text" content="#cccccc">
  32. <meta name="color:title" content="#a2a2a2">
  33.  
  34. <meta name="image:sidebar" content=""/>
  35. <meta name="image:background" content=""/>
  36.  
  37. <meta name="if:whiteplayer" content="0" />
  38. <meta name="if:blackplayer" content="1" />
  39.  
  40. <meta name="text:slink1" content=""/>
  41. <meta name="text:slink1 title" content=""/>
  42. <meta name="text:slink2" content=""/>
  43. <meta name="text:slink2 title" content=""/>
  44. <meta name="text:slink3" content=""/>
  45. <meta name="text:slink3 title" content=""/>
  46. <meta name="text:slink4" content=""/>
  47. <meta name="text:slink4 title" content=""/>
  48. <meta name="text:sidetitle" content="your main title" />
  49. <meta name="text:subtitle" content="the subtitle" />
  50. <meta name="text:DescriptionTwo" content="" />
  51.  
  52. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  53. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  54.  
  55. <style type="text/css">
  56.  
  57. a {
  58. color: {color:link};
  59. text-decoration: none;
  60. -moz-transition-duration: 0.5s;
  61. -webkit-transition-duration: 0.5s;
  62. -o-transition-duration: 0.5s;
  63. }
  64.  
  65. a:hover {
  66. color: {color:hover};
  67. text-decoration: none;
  68. -moz-transition-duration: 0.5s;
  69. -webkit-transition-duration: 0.5s;
  70. -o-transition-duration: 0.5s;
  71. }
  72.  
  73. b, strong {
  74. color: {color:title};
  75. }
  76.  
  77. blockquote {
  78. border-left: 3px solid {color:border};
  79. color: {color:text};
  80. margin: 5px;
  81. padding-left: 5px;
  82. }
  83.  
  84. ::-webkit-scrollbar-thumb {
  85. height: auto;
  86. background-color: {color:scrollbar};
  87. }
  88.  
  89. ::-webkit-scrollbar {
  90. height: 3px;
  91. width: 3px;
  92. background-color: {color:scrollbg};
  93. }
  94.  
  95. body {
  96. background-color:{color:bg};
  97. background-image: url('{image:background}');
  98. background-attachment: fixed;
  99. font-family: Calibri;
  100. font-weight: normal;
  101. }
  102.  
  103. h1 {
  104. color: {color:text};
  105. font-weight: normal;
  106. font-size: 10px;
  107. font-style: normal;
  108. line-height: 80%;
  109. letter-spacing: 1px;
  110. text-align: center;
  111. text-transform: uppercase;
  112. }
  113.  
  114. h2 {
  115. border-bottom: 1px solid {color:border};
  116. color: {color:title};
  117. font-size: 25px;
  118. font-style: italic;
  119. font-weight: normal;
  120. line-height: 100%;
  121. margin-top: -5px;
  122. padding: 5px;
  123. padding-bottom: 2px;
  124. text-align: right;
  125. text-transform: lowercase;
  126. }
  127.  
  128. h3 {
  129. color: {color:text};
  130. font-size: 15px;
  131. font-weight: normal;
  132. letter-spacing: -0.5px;
  133. line-height: 100%;
  134. margin-top: -5px;
  135. padding: 5px;
  136. padding-bottom: 2px;
  137. text-align: center;
  138. }
  139.  
  140. #theme {
  141. background-color: transparent;
  142. float: left;
  143. margin: 0 auto -12px auto;
  144. width: 700px;
  145. }
  146.  
  147. #sidebar {
  148. background-color: {color:sidebar};
  149. border-bottom: 1px solid {color:border};
  150. border-left: 1px solid {color:border};
  151. border-right: 1px solid {color:border};
  152. height: 203px;
  153. margin-left: 100px;
  154. margin-top: 363px;
  155. padding: 0px;
  156. position: fixed;
  157. width: 250px;
  158. }
  159.  
  160. #description {
  161. color: {color:text};
  162. font-family: Calibri;
  163. font-size: 10px;
  164. font-style: normal;
  165. margin-bottom: 5px;
  166. margin-left: 10px;
  167. margin-right: 10px;
  168. margin-top: 5px;
  169. text-align: justify;
  170. }
  171.  
  172. #sideimg {
  173. border: 1px solid {color:border};
  174. height: 250px;
  175. margin-left: 100px;
  176. margin-top: 70px;
  177. position: fixed;
  178. width: 500px;
  179. }
  180.  
  181. #updates {
  182. background-color: {color:sidebar};
  183. border-bottom: 1px solid {color:border};
  184. border-right: 1px solid {color:border};
  185. height: 187px;
  186. margin-left: 352px;
  187. margin-top: 322px;
  188. padding: 0px;
  189. position: fixed;
  190. width: 249px;
  191. }
  192.  
  193. #updatetext {
  194. color: {color:text};
  195. font-family: Calibri;
  196. font-size: 10px;
  197. font-style: normal;
  198. margin-bottom: 5px;
  199. margin-left: 5px;
  200. margin-right: 5px;
  201. margin-top: 10px;
  202. text-align: justify;
  203. }
  204.  
  205. #titlebox {
  206. background-color: {color:sidebar};
  207. border-bottom: 1px solid {color:border};
  208. border-left: 1px solid {color:border};
  209. border-right: 1px solid {color:border};
  210. height: 40px;
  211. margin-left: 100px;
  212. margin-top: 322px;
  213. position: fixed;
  214. width: 250px;
  215. }
  216.  
  217. #sidetitle {
  218. color: {color:title};
  219. font-family: 'Permanent Marker', cursive;
  220. font-size: 22px;
  221. font-style: italic;
  222. letter-spacing: 1px;
  223. margin-bottom: 0px;
  224. margin-left: -7px;
  225. margin-right: 0px;
  226. margin-top: 0px;
  227. text-align: center;
  228. text-shadow: 1px 2px 1px {color:shadow};
  229. text-transform: uppercase;
  230. }
  231.  
  232. #subtitle {
  233. color: {color:title};
  234. font-family: 'Calibri';
  235. font-size: 12px;
  236. font-style: italic;
  237. letter-spacing: 1px;
  238. margin-bottom: -2px;
  239. margin-left: 3px;
  240. margin-right: 3px;
  241. margin-top: -9px;
  242. text-align: center;
  243. text-shadow: 1px 2px 1px {color:shadow};
  244. text-transform: lowercase;
  245. }
  246.  
  247. #navbox {
  248. background-color: {color:sidebar};
  249. border-bottom: 1px solid {color:border};
  250. border-right: 1px solid {color:border};
  251. height: 56px;
  252. margin-left: 352px;
  253. margin-top: 510px;
  254. position: fixed;
  255. width: 249px;
  256. }
  257.  
  258. #nav {
  259. margin-left: 5px;
  260. margin-top: 4px;
  261. }
  262.  
  263. #nav a {
  264. background-color: {color:sidelinks};
  265. border: 1px solid {color:border};
  266. color: {color:slinks};
  267. display: inline-block;
  268. font-family: Calibri;
  269. font-size: 9px;
  270. font-style: italic;
  271. height: 14px;
  272. letter-spacing: 1px;
  273. line-height: 14px;
  274. margin-top: 1px;
  275. margin-bottom: 1px;
  276. padding: 3px 0px 3px 0px;
  277. text-align: center;
  278. text-transform: lowercase;
  279. width: 75px;
  280. -webkit-transition: opacity 0.8s linear;
  281. opacity: 1;
  282. -webkit-transition: all 0.5s ease-out;
  283. -moz-transition: all 0.5s ease-out;
  284. transition: all 0.5s ease-out;
  285. }
  286.  
  287. #nav a:hover {
  288. background-color: {color:sidelinks};
  289. border: 1px solid {color:border};
  290. color: {color:slinks hover};
  291. letter-spacing: 1px;
  292. -webkit-transition: opacity 0.8s linear;
  293. opacity: 1;
  294. -webkit-transition: all 0.5s ease-out;
  295. -moz-transition: all 0.5s ease-out;
  296. transition: all 0.5s ease-out;
  297. }
  298.  
  299. #pagination {
  300. color: {color:text};
  301. font-family: Calibri;
  302. font-size: 16px;
  303. font-style: italic;
  304. margin-bottom: 5px;
  305. margin-top: 0px;
  306. text-align: center;
  307. }
  308.  
  309. #pagination a {
  310. color: {color:link};
  311. }
  312.  
  313. #pagination a:hover {
  314. color: {color:link hover};
  315. }
  316.  
  317. #stuffcontainer {
  318. background-color: transparent;
  319. color: {color:text};
  320. float: left;
  321. margin-bottom: 35px;
  322. margin-left: 650px;
  323. margin-top: 0px;
  324. position: absolute;
  325. text-align: justify;
  326. }
  327.  
  328. #stuff {
  329. background-color: {color:post};
  330. border: 1px solid {color:border};
  331. color: {color:text};
  332. font-size: 11px;
  333. letter-spacing: 0x;
  334. line-height: 90%;
  335. margin-top: 65px;
  336. padding: 10px;
  337. text-align: justify;
  338. width: 500px;
  339. }
  340.  
  341. .caption {
  342. line-height: 120%;
  343. text-align: justify;
  344. width: 500px;
  345. }
  346.  
  347. .ask {
  348. background-color: {color:question};
  349. border: 1px solid {color:border};
  350. color: {color:text};
  351. padding: 10px;
  352. text-align: center;
  353. }
  354.  
  355. .ans {
  356. color: {color:text};
  357. padding: 10px;
  358. text-align: left;
  359. }
  360.  
  361. .audio {
  362. background-color: {color:post};
  363. padding-bottom: 10px;
  364. width: 500px;
  365. }
  366.  
  367. .albumart {
  368. float: left;
  369. margin-left: 5px;
  370. margin-top: 4px;
  371. padding: 0px 10px 10px 0px;
  372. }
  373.  
  374. .albumart img {
  375. height: 105px;
  376. width: 105px;
  377. }
  378.  
  379. .playercontainer {
  380. padding: 10px;
  381. text-align: left;
  382. width: 480px;
  383. }
  384.  
  385. .audioinfo {
  386. color: {color:text};
  387. padding-top: 10px;
  388. }
  389.  
  390. #permalink {
  391. border-top: 3px double {color:border};
  392. margin-top: 5px;
  393. padding-top: 5px;
  394. position: relative;
  395. text-align: center;
  396. text-transform: lowercase;
  397. }
  398.  
  399. ul.chat, .chat ol, .chat li {
  400. list-style: none;
  401. margin: 0px;
  402. padding: 2px;
  403. }
  404.  
  405. .label {
  406. font-weight: 700;
  407. margin-right: 5px;
  408. text-decoration: none;
  409. text-transform: uppercase;
  410. }
  411.  
  412. .jadeofroleplay {}
  413.  
  414. #cred {
  415. background-color: transparent;
  416. border: 1px solid {color:border};
  417. bottom: 10px;
  418. color: {color:link};
  419. font-size: 8px;
  420. font-weight: normal;
  421. line-height: 150%;
  422. position: fixed;
  423. right: 10px;
  424. text-align: center;
  425. text-transform: uppercase;
  426. }
  427.  
  428. #cred a {
  429. background-color: transparent;
  430. color: {color:link};
  431. padding: 3px;
  432. -moz-transition-duration: 0.5s;
  433. -webkit-transition-duration: 0.5s;
  434. -o-transition-duration: 0.5s;
  435. }
  436.  
  437. {CustomCSS}
  438.  
  439. </style></head>
  440.  
  441. <body>
  442.  
  443. <div id="theme">
  444.  
  445. <div id="updates">
  446. <div id="updatetext">{text:DescriptionTwo}</div>
  447. </div>
  448.  
  449. <div id="sideimg"><img src="{image:sidebar}"></div>
  450.  
  451. <div id="sidebar">
  452. <div id="description">{Description}</div>
  453.  
  454. {block:Pagination}
  455. <div id="pagination">
  456. {block:PreviousPage}<a href="{PreviousPage}">fall</a>{/block:PreviousPage}
  457. {block:NextPage}- <a href="{NextPage}">fly</a>{/block:NextPage}
  458. </div>
  459. {/block:Pagination}
  460. </div>
  461.  
  462. <div id="navbox">
  463. <div id="nav">
  464. <a href="/">home</a>
  465. <a href="/ask">ask</a>
  466. {block:ifslink1}<a href="{text:slink1}">{text:slink1 title}</a><br>{/block:ifslink1}
  467. {block:ifslink2}<a href="{text:slink2}">{text:slink2 title}</a>{/block:ifslink2}
  468. {block:ifslink3}<a href="{text:slink3}">{text:slink3 title}</a>{/block:ifslink3}
  469. {block:ifslink4}<a href="{text:slink4}">{text:slink4 title}</a>{/block:ifslink4}
  470. </div>
  471. </div>
  472.  
  473. <div id="titlebox">
  474. <div id="sidetitle">{text:sidetitle}</div>
  475. <div id="subtitle">{text:subtitle}</div>
  476. </div>
  477.  
  478. </div>
  479.  
  480. <div id="stuffcontainer">
  481.  
  482. {block:Posts}
  483.  
  484. <div id="stuff">
  485.  
  486. {block:Text}
  487. {block:Title}<h2>{Title}</h2>{/block:Title}
  488. {Body}
  489. {/block:Text}
  490.  
  491. {block:Quote}
  492. <h3>“{Quote}”</h3>
  493. <h1>{Source}</h1>
  494. {/block:Quote}
  495.  
  496. {block:Link}
  497. <a href="{URL}"><h2>{Name}</h2></a>
  498. {block:Description}<p>{Description}</p>{/block:Description}
  499. {/block:Link}
  500.  
  501. {block:Photo}
  502. <center><img src="{PhotoURL-500}"/></center>
  503. {block:Caption}{Caption}{/block:Caption}
  504. {/block:Photo}
  505.  
  506. {block:Photoset}
  507. <center>{Photoset-500}</center>
  508. {block:Caption}{Caption}{/block:Caption}
  509. {/block:Photoset}
  510.  
  511. {block:Chat}
  512. <ul class="chat">
  513. {block:Title}<h2>{Title}</h2>{/block:Title}
  514. {block:Lines}
  515. <li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>
  516. {/block:Lines}</ul>
  517. {/block:Chat}
  518.  
  519. {block:Video}
  520. {Video-500}
  521. {block:Caption}{Caption}{/block:Caption}
  522. {/block:Video}
  523.  
  524. {block:Answer}
  525. <div class="ask"><i>{Asker} whispered:</i> {Question}</div>
  526. <div class="ans">{Answer}</div>
  527. {/block:Answer}
  528.  
  529. {block:Audio}
  530. <div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  531. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}{block:Album}<b>Album:</b> {Album}<br />{/block:Album}
  532. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  533. <br><br>{block:ifwhiteplayer}<div class="playercontainer">{AudioPlayerWhite}</div>{/block:ifwhiteplayer}{block:ifblackplayer}<div class="playercontainer">{AudioPlayerBlack}</div>{/block:ifblackplayer}</div>
  534. {block:Caption}{Caption}{/block:Caption}<br>
  535. {/block:Audio}
  536.  
  537. <div id="permalink">
  538. {block:Date}{TimeAgo}{/block:Date} with <a href="{Permalink}">
  539. {NoteCountWithLabel}</a> {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a> - <a href="{ReblogRootURL}">©</a>{/block:RebloggedFrom}
  540.  
  541. <br>{block:HasTags}<i>{block:Tags} #&nbsp;<a href="{TagURL}">{Tag}</a>{/block:Tags}</i>{/block:HasTags}
  542. </div>
  543.  
  544. </div>
  545.  
  546. <div class="note">
  547. {block:PostNotes}{PostNotes}{/block:PostNotes}
  548. </div>
  549.  
  550. {/block:Posts}
  551.  
  552. </div>
  553.  
  554. <div id="cred"><a href="http://jadeofroleplay.tumblr.com/">★</a></div>
  555.  
  556. </div>
  557. </div>
  558. </div>
  559. </body>
  560. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement