Advertisement
santanasrp

Theme #6 - We Didn't Start The Fire

Jul 12th, 2014
809
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.96 KB | None | 0 0
  1. <!--- Theme #6 We Didn't Start the Fire by Santanasrp.
  2. Feel free to edit but do not remove credits or claim as your own. The theme base is by hawtornes.
  3. Have a wonderful day! :)-->
  4.  
  5. <html><head>
  6.  
  7. <!-- DEFAULT VARIABLES -->
  8. <meta name="if:post bg" content="1" />
  9.  
  10. <meta name="color:text" content="#490000" />
  11. <meta name="color:background" content="#4e1316" />
  12. <meta name="color:post bg" content="#4e1316" />
  13. <meta name="color:link" content="#9d2222" />
  14. <meta name="color:link hover" content="#cc3434" />
  15. <meta name="color:pagination" content="#330d0d" />
  16. <meta name="color:pagination hover" content="#661a1a" />
  17. <meta name="color:borders" content="#000000" />
  18. <meta name="color:backbar" content="#8c2b2b" />
  19. <meta name="color:description" content="#FFFFFF" />
  20. <meta name="color:nav links" content="#2e0303" />
  21. <meta name="color:nav text" content="#FFFFFF" />
  22. <meta name="color:nav border" content="#000000" />
  23. <meta name="color:nav hover" content="#2e0303" />
  24. <meta name="color:nav text hover" content="#FFFFFF" />
  25. <meta name="color:question background" content="#9f1c23" />
  26. <meta name="color:question" content="#000000" />
  27. <meta name="color:posts" content="#FFFFFF" />
  28. <meta name="color:info" content="#4f0a0a" />
  29. <meta name="color:info hover" content="#971b1b" />
  30. <meta name="color:chat one" content="#920000" />
  31. <meta name="color:chat two" content="#b32424" />
  32.  
  33. <meta name="image:background" content="" />
  34. <meta name="image:sidebarpic" content="" />
  35. <meta name="image:sidebar bg" content="http://static.tumblr.com/otuzbph/jyun8m7fo/2600004c0000_210__2_.png" />
  36. <meta name="image:post bg" content="http://static.tumblr.com/otuzbph/jyun8m7fo/2600004c0000_210__2_.png" />
  37.  
  38. <meta name="text:link1" content="/" />
  39. <meta name="text:link1 title" content="Link Uno" />
  40. <meta name="text:link2" content="/" />
  41. <meta name="text:link2 title" content="Link Dos" />
  42. <meta name="text:link3" content="/" />
  43. <meta name="text:link3 title" content="Link Tres" />
  44.  
  45.  
  46.  
  47. <title>{Title}</title>
  48.  
  49. <link rel="shortcut icon" href="{Favicon}">
  50.  
  51. <style type="text/css">
  52.  
  53. ::-webkit-scrollbar-thumb:vertical {
  54. background-color:{color:titlebar};
  55. height: 30px;
  56. }
  57.  
  58. ::-webkit-scrollbar-thumb:horizontal {
  59. background-color:{color:titlebar};
  60. width: 30px;
  61. }
  62.  
  63. ::-webkit-scrollbar {
  64. background-color:{color:background};
  65. height: 5px;
  66. width: 5px;
  67. }
  68.  
  69.  
  70. body {
  71. color:{color:text};
  72. text-align:justify;
  73. font:10px georgia;
  74. background-color:{color:background};
  75. background-image:url('{image:background}');
  76. background-attachment:fixed}
  77.  
  78. a {
  79. color:{color:link};
  80. text-decoration:none}
  81.  
  82. a:hover {
  83. color:{color:link hover};}
  84.  
  85. b, strong {
  86. color:{color:text};}
  87.  
  88. i, em {
  89. color:{color:text}}
  90.  
  91. p {
  92. margin-top:5px;
  93. margin-bottom:5px}
  94.  
  95. pre {
  96. background-color: #E6E6E6;
  97. text-align:left;
  98. font:13px georgia;
  99. }
  100.  
  101. #pagination {
  102. font-size:18px;
  103. text-align:center;
  104. color:{color:pagination}}
  105.  
  106. #pagination a {
  107. color:{color:pagination}}
  108.  
  109. #pagination a:hover
  110. {color:{color:pagination hover}};
  111. border:none}
  112.  
  113. blockquote {
  114. border-left:2px solid {color:text};
  115. color:{color:text};
  116. padding-left:5px;
  117. margin:0px 4px 0px 10px}
  118.  
  119. #postbg {
  120. margin-left:691px;
  121. margin-top:-8px;
  122. position:fixed;
  123. overflow:hidden;
  124. width:535px;
  125. height:200%;
  126. {block:ifpostbg}background-color: {color:post bg}; background-image:url('{image:post bg}');
  127. border:1px solid {color:borders};{/block:ifpostbg}
  128.  
  129. }
  130.  
  131. #backbar {
  132. float:left;
  133. margin-left:125px;
  134. position:fixed;
  135. width:391px;
  136. height:408px;
  137. overflow:hidden;
  138. margin-top:95px;
  139. background-color:{color:backbar};
  140. background-image:url('{image:sidebar bg}');
  141. background-attachment:fixed;
  142. background-attachment:no-repeat;
  143. border:1px solid {color:borders};}
  144.  
  145. #sidebarpic {
  146. float:left;
  147. margin-left:5px;
  148. position:fixed;
  149. width:380px;
  150. height:200px;
  151. overflow:hidden;
  152. margin-top:5px;
  153. background-color:#transparent;
  154. background-attachment:fixed;
  155. background-attachment:no-repeat;
  156. border:1px solid {color:borders};}
  157.  
  158. #descriptionbar {
  159. float:left;
  160. margin-left:5px;
  161. position:fixed;
  162. width:380px;
  163. height:190px;
  164. overflow:hidden;
  165. margin-top:211px;
  166. background-color:{color:description};
  167. border:1px solid {color:borders};}
  168.  
  169.  
  170. #description {
  171. font:10px georgia;
  172. color:{color:text};
  173. text-align:justify;
  174. padding:10px;
  175. background-color:{color:description};
  176. border:0px solid {color:borders}}
  177.  
  178. img {
  179. border: 0;
  180. max-width: 100%;}
  181.  
  182.  
  183. #navlinks {
  184. position:fixed;
  185. margin-top:165px;
  186. margin-left:7px;
  187. text-align:center}
  188.  
  189. #navlinks a {
  190. display:inline-block;
  191. float:left;
  192. margin-left:3px;
  193. width:70px;
  194. height:12px;
  195. line-height:30px;
  196. background-color:{color:nav links};
  197. text-shadow: 0px 0px 3px {color:nav links};
  198. padding:12px 0;
  199. margin-bottom:5px;
  200. color:{color:nav text};
  201. font:10px Calibri;
  202. font-style:;
  203. border:1px solid {color:nav border};
  204. letter-spacing:0px;
  205. text-transform:uppercase;
  206. -webkit-transition: all 0.3s ease-in;
  207. -moz-transition: all 0.3s ease-in;
  208. transition: all 0.3s ease-in}
  209.  
  210. #navlinks a:hover {
  211. border:1px solid {color:nav hover};
  212. letter-spacing:1px;
  213. background-color:{color:nav link};
  214. color:{color:nav text hover}}
  215.  
  216.  
  217. #entries {
  218. position:absolute;
  219. width:520px;
  220. margin-left:700px;
  221. margin-top:20px;
  222. margin-bottom:-50px;
  223. }
  224.  
  225. #posts {
  226. background-color:{color:posts};
  227. padding:10px;
  228. border:1px solid {color:borders}}
  229.  
  230. #title1 {
  231. font-size:17px;
  232. font-family:Georgia;
  233. color:{color:text};
  234. font-style:;
  235. text-transform:uppercase;
  236. text-align:center}
  237.  
  238. #title2 {
  239. font-size:19px;
  240. font-family:Georgia;
  241. color:{color:text};
  242. font-style:none;
  243. text-transform:;
  244. text-align:center}
  245.  
  246.  
  247. #info {
  248. width:518px;
  249. margin-top:0px;
  250. padding:3px 0;
  251. margin-bottom:-15px;
  252. background:white;
  253. color:{color:text};
  254. font:9px calibri;
  255. line-height:120%;
  256. text-align:center;
  257. letter-spacing:1px;
  258. text-transform:uppercase;
  259. border-top:0px solid {color:borders};
  260. border-bottom:1px solid {color:borders};
  261. border-left:1px solid {color:borders};
  262. border-right:1px solid {color:borders};
  263. }
  264.  
  265. #info a {
  266. color:{color:info}}
  267.  
  268. #info a:hover {
  269. color:{color:info hover}}
  270.  
  271. #tags {
  272. width:500px;
  273. background:white;
  274. margin-top:5px;
  275. color:{color:info};
  276. font:8px georgia;
  277. text-align:center;
  278. letter-spacing:1px;
  279. font-style:italic
  280. }
  281.  
  282. #tags a {
  283. color:{color:info}}
  284.  
  285. #tags a:hover {
  286. color:{color:info hover}}
  287.  
  288. .user_1 .label {
  289. color:{color:chat one};
  290. text-transform:uppercase;
  291. font-weight:bold}
  292.  
  293. .user_2 .label {
  294. color:{color:chat two};
  295. text-transform:uppercase;
  296. font-weight:bold}
  297.  
  298. .user_3 .label {
  299. color:{color:chat one};
  300. text-transform:uppercase;
  301. font-weight:bold}
  302.  
  303. .user_4 .label {
  304. color:{color:chat two};
  305. text-transform:uppercase;
  306. font-weight:bold}
  307.  
  308. .user_5 .label {
  309. color:{color:chat one};
  310. text-transform:uppercase;
  311. font-weight:bold}
  312.  
  313. .user_6 .label {
  314. color:{color:chat two};
  315. text-transform:uppercase;
  316. font-weight:bold}
  317.  
  318. .user_7 .label {
  319. color:{color:chat one};
  320. text-transform:uppercase;
  321. font-weight:bold}
  322.  
  323. .user_8 .label {
  324. color:{color:chat two};
  325. text-transform:uppercase;
  326. font-weight:bold}
  327.  
  328. .user_9 .label {
  329. color:{color:chat one};
  330. text-transform:uppercase;
  331. font-weight:bold}
  332.  
  333. .user_10 .label {
  334. color:#000000;
  335. text-transform:uppercase;
  336. font-weight:bold}
  337.  
  338. ul.chat, .chat ol, .chat li {
  339. list-style:none;
  340. margin:0px;
  341. padding:4px}
  342.  
  343. #credit a {
  344. background-color: #ffffff;
  345. opacity: 0.5;
  346. position:fixed;
  347. letter-spacing: 1px;
  348. font:11px georgia;
  349. border:1px solid {color:borders};
  350. color:{color:link};
  351. padding:7px;
  352. bottom:10px;
  353. right:15px
  354. }
  355.  
  356. #credit a:hover {
  357. background-color: #ffffff;
  358. opacity:1;
  359. color:{color:text}
  360. }
  361.  
  362. #asks {
  363. text-align:center;
  364. padding:8px;
  365. background-color:{color:question background};
  366. border:1px solid #000;
  367. font-size:12px;
  368. color:{color:question};}
  369.  
  370. .asker {
  371. margin-bottom:-8px;
  372. font-size:25px;
  373. letter-spacing:1px;
  374. font-style:italic;
  375. text-align:center;
  376. color:{color:question};}
  377.  
  378. #answers {
  379. text-align: left;
  380. margin-left:3px;
  381. margin-top:8px;}
  382.  
  383. #answers {
  384. margin-top:8px}
  385.  
  386. #audios {
  387. width:100%;
  388. height:100px;
  389. margin-bottom:5px}
  390.  
  391. .albumart {
  392. float:left;
  393. width:100px;
  394. height:100px}
  395.  
  396. .player {
  397. width:25px;
  398. height:25px;
  399. margin-top:34px;
  400. margin-left:33px;
  401. overflow:hidden;
  402. position:absolute;
  403. padding:3px;
  404. opacity:0.4;
  405. -webkit-transition:all 0.4s ease-in-out;
  406. -moz-transition:all 0.4s ease-in-out;
  407. -o-transition:all 0.4s ease-in-out;
  408. -ms-transition: all 0.4s ease-in-out;
  409. transition:all 0.5s ease-in-out}
  410.  
  411. .player:hover {
  412. opacity:0.7;
  413. -webkit-transition:all 0.4s ease-in-out;
  414. -moz-transition:all 0.4s ease-in-out;
  415. -o-transition:all 0.4s ease-in-out;
  416. -ms-transition: all 0.4s ease-in-out;
  417. transition:all 0.5s ease-in-out}
  418.  
  419. .audioinfo {
  420. margin-left:110px;
  421. line-height:150%;
  422. font-family:georgia;
  423. font-size:12px}
  424.  
  425. #source {
  426. margin-top:3px;
  427. text-align:right;
  428. margin-bottom:5px;
  429. font-size:10px}
  430.  
  431. blockquote {
  432. border-left:2px solid {color:text};
  433. padding-left:5px;
  434. margin:0px 4px 0px 10px}
  435.  
  436.  
  437.  
  438. </style>
  439. </head>
  440.  
  441. <body>
  442. <div id="postbg"></div>
  443. <div id="backbar">
  444. <div id="sidebarpic"><img src="{image:sidebarpic}" /></div>
  445. <div id="topbar">
  446. <div id="headtitle">{text:first title}</div>
  447.  
  448. <div id="descriptionbar">
  449. <div id="description">{block:Description}{Description}{/block:Description}
  450. </div><div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}</div> </div></div>
  451.  
  452. <div id="navbar">
  453. <div id="navlinks">
  454. <a href="/">refresh</a>
  455. <a href="/ask">askbox</a>
  456. <a href="{text:link1}">{text:link1 title}</a>
  457. <a href="{text:link2}">{text:link2 title}</a>
  458. <a href="{text:link3}">{text:link3 title}</a>
  459. </div>
  460. </div>
  461. </div>
  462.  
  463.  
  464.  
  465. <div id="entries">{block:Posts}
  466.  
  467. <div id="posts">
  468.  
  469. {block:Quote}
  470. <div id="title2">"{Quote}"</div>
  471. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  472. {/block:Quote}
  473.  
  474. {block:Title}<div id="title1">{Title}</div>{/block:Title}
  475. {block:Text}{Body}{/block:Text}
  476.  
  477. {block:Link}
  478. <div id="title1"><a href="{URL}" class="link" {Target}>&rarr; {Name}</a></div>
  479. {block:Description}<div class="description">{Description}</div>{/block:Description}
  480. {/block:Link}
  481.  
  482. {block:Photo}
  483. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  484. {block:Caption}{Caption}{/block:Caption}
  485. {/block:Photo}
  486.  
  487. {block:Photoset}
  488. <center>{Photoset-500}</center>
  489. {block:Caption}{Caption}{/block:Caption}
  490. {/block:Photoset}
  491.  
  492. {block:Chat}
  493. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  494. {/block:Chat}
  495.  
  496. {block:Video}
  497. {Video-500}
  498. {block:Caption}{Caption}{/block:Caption}
  499. {/block:Video}
  500.  
  501. {block:Answer}
  502. <div id="asks"><div class="asker">{Asker} wondered</div>
  503. <br>{Question}</div>
  504. <div id="answers">{Answer}</div>
  505. {/block:Answer}
  506.  
  507. {block:Audio}
  508. <div id="audios">
  509. <div class="player">{AudioPlayerWhite}</div>
  510. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  511. <div class="audioinfo"><br>
  512. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  513. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  514. </div></div>
  515. {block:Caption}{Caption}{/block:Caption}
  516. {/block:Audio}
  517.  
  518. </div>
  519. <div id="info">
  520. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a> on {MonthNumber}/{DayOfMonth}/{Year}{/block:Date} + <a href="{Permalink}">{NoteCount}</a> notes{block:RebloggedFrom}via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  521. {block:ContentSource} - from <a href="{SourceURL}">{SourceLink}</a>
  522. {/block:ContentSource}{block:HasTags}<br>{block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  523.  
  524. <BR><BR><BR>
  525. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  526. </div>
  527. </div>
  528.  
  529. <div id="credit"><a href="http://santanasrp.tumblr.com/">©</a></div>
  530.  
  531.  
  532. </body>
  533. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement