Advertisement
oswinoswild

THEME 05 FIRE AND BLOOD (REVAMPED 3/13/14)

Nov 9th, 2013
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.42 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head><title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{Favicon}">
  8.  
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13.  
  14. <!---- THEME 05 REVAMP BY VILLAINIZES. PLEASE DON'T REMOVE/CHANGE CREDIT OR CLAIM AS YOUR OWN. ENJOY ---->
  15.  
  16.  
  17. <meta name="color:Background" content="#ffffff"/>
  18.  
  19. <meta name="color:Hover Background" content="#ffffff"/>
  20.  
  21. <meta name="color:Desc Background" content="#f2f2f2"/>
  22.  
  23. <meta name="color:Text" content="#8f8f8f"/>
  24.  
  25. <meta name="color:Link" content="#3d3d3d"/>
  26.  
  27. <meta name="color:Link hover" content="#b3b3b3"/>
  28.  
  29. <meta name="color:Line" content="#e5e5e5"/>
  30.  
  31. <meta name="text:linkA" content="">
  32.  
  33. <meta name="text:linkA url" content="/">
  34.  
  35. <meta name="text:linkB" content="">
  36.  
  37. <meta name="text:linkB url" content="/">
  38.  
  39. <meta name="text:linkC" content="">
  40.  
  41. <meta name="text:linkC url" content="/">
  42.  
  43. <meta name="text:linkD" content="">
  44.  
  45. <meta name="text:linkD url" content="/">
  46.  
  47. <meta name="text:linkE" content="">
  48.  
  49. <meta name="text:linkE url" content="/">
  50.  
  51. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  52.  
  53. <style>
  54. div#qTip {
  55. padding: 4px;
  56. display: none;
  57. text-align: center;
  58. position: absolute;
  59. font-size:8px;
  60. margin-left:20px;
  61. margin-top:-2px;
  62. line-height:9px;
  63. font-family:times;
  64. z-index: 1000;
  65. border: 1px solid {color:line};
  66. background-color:{color:hover background};
  67. color: {color:text};
  68. text-transform:uppercase;
  69. letter-spacing: 2px;
  70. }
  71. </style>
  72.  
  73. <style type="text/css">
  74.  
  75. *, body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;}
  76.  
  77. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:#000;}
  78. ::-webkit-scrollbar {background-color:#000;height:7px;width:12px;border:5px solid #fff;}
  79.  
  80. body {
  81.  
  82. background:{color:background};
  83.  
  84. margin:0px;
  85.  
  86. color:{color:text};
  87.  
  88. font-size:11px;
  89.  
  90. line-height:100%;
  91.  
  92. }
  93.  
  94.  
  95.  
  96. a {
  97.  
  98. text-decoration:none;
  99. outline:none;
  100. -moz-outline-style:none;
  101. color:{color:link};
  102. -moz-transition-duration:0.5s;
  103. -webkit-transition-duration:0.5s;
  104. -o-transition-duration:0.5s;
  105.  
  106. }
  107.  
  108.  
  109.  
  110. a:hover{
  111.  
  112. color:{color:link hover};
  113. -moz-transition-duration:0.5s;
  114. -webkit-transition-duration:0.5s;
  115. -o-transition-duration:0.5s;}
  116.  
  117.  
  118.  
  119. img {
  120.  
  121. border:1px solid #fff;
  122.  
  123. }
  124.  
  125.  
  126.  
  127. blockquote {
  128.  
  129. padding-left:5px;
  130.  
  131. border-left:2px solid;
  132.  
  133. }
  134.  
  135.  
  136.  
  137. blockquote blockquote {
  138.  
  139. padding-left:5px;
  140.  
  141. border-left:2px solid;
  142.  
  143. }
  144.  
  145.  
  146.  
  147. h1 {
  148.  
  149. font-size:10px;
  150.  
  151. }
  152.  
  153.  
  154.  
  155.  
  156.  
  157. #entries {
  158. padding:0px;
  159. width:500px;
  160. margin-left:500px;
  161. margin-top:100px;
  162. margin-bottom:50px;
  163. font-size:11px;
  164. }
  165.  
  166. #post {
  167. width:500px;
  168. margin-top:55px;
  169. text-align:justify;
  170. font-size:9px;
  171. line-height:90%;
  172. letter-spacing:1px;
  173. color:{color:text};
  174. outline:1px solid {color:line};
  175. outline-offset:15px;
  176. }
  177.  
  178. #title{
  179. font-size:14px;
  180. font-style:normal;
  181. text-transform:uppercase;
  182. font-family:times;
  183. letter-spacing:2px;
  184. text-align:center;
  185. font-weight:100;
  186. padding-left:0px;
  187. margin-left:-23px;
  188. margin-top:10px;
  189. height:40px;
  190. width:200px;
  191. line-height:40px;
  192. color:{color:title};
  193. font-weight:bold;
  194. z-index: 0;
  195. -moz-transition-duration:1s;
  196. -webkit-transition-duration:1s;
  197. -o-transition-duration:1s;
  198. }
  199.  
  200. #title a:hover {
  201. letter-spacing:5px;
  202. color:#000000;
  203. -moz-transition-duration:1s;
  204. -webkit-transition-duration:1s;
  205. -o-transition-duration:1s;
  206. }
  207.  
  208. #sidebar {
  209. width:150px;
  210. position:fixed;
  211. margin-left:175px;
  212. margin-top:150px;
  213. color:{color:text};
  214. }
  215.  
  216. #question {
  217. float:left;
  218. padding:1px;
  219. margin-top:-2px;
  220. margin-right:5px;
  221. }
  222.  
  223. #description {
  224. width:150px;
  225. margin-top:10px;
  226. margin-left:-5px;
  227. line-height:13px;
  228. text-align:center;
  229. font-family:times;
  230. font-size:9px;
  231. padding:5px 5px 5px 5px;
  232. background:{color:Desc background};
  233. }
  234.  
  235. #links {
  236. width:200px;
  237. font-size:5px;
  238. line-height:14px;
  239. padding:0px 0px 0px 0px;
  240. text-align:center;
  241. word-spacing: 10px;
  242. margin-left:-25px;
  243. text-transform:lowercase;
  244. display:inline-block;
  245. }
  246.  
  247. #links {
  248. margin-top: 0px;
  249. margin-left:0px;
  250. font-size:10px;
  251. text-transform:normal;
  252. text-align:center;
  253. letter-spacing:0px;
  254. line-height:170%;
  255. width:150px;
  256. font-style:normal;
  257. font-family:times;
  258. }
  259.  
  260. #links a{
  261. padding:3px;
  262. color:{color:link};
  263. letter-spacing:0px;
  264. text-decoration:none;
  265. -moz-transition-duration:1s;
  266. -webkit-transition-duration:1s;
  267. -o-transition-duration:1s;
  268. }
  269.  
  270. #links a:hover{
  271. color:{color:link hover};
  272. font-style:none;
  273. -moz-transition-duration:0s;
  274. -webkit-transition-duration:0s;
  275. -o-transition-duration:0s;
  276. }
  277.  
  278.  
  279.  
  280. .caption {
  281.  
  282. width:500px;
  283.  
  284. text-align:justify;
  285.  
  286. line-height:120%;
  287.  
  288. }
  289.  
  290. #pagination {
  291. font-size:20px;
  292. margin-top:15px;
  293. text-align:center;
  294. margin-left:0px;
  295. font-style:normal;
  296. }
  297.  
  298.  
  299. #credit {
  300. font-size:12px;
  301. font-family:arial;
  302. font-style:normal;
  303. color:black;
  304. letter-spacing:1px;
  305. -moz-transition-duration:0.8s;
  306. -webkit-transition-duration:0.8s;
  307. -o-transition-duration:0.8s;
  308. }
  309.  
  310. #credit a {
  311. background-color:#fff;
  312. position:fixed;
  313. right:15px;
  314. bottom:10px
  315. }
  316.  
  317.  
  318.  
  319. .audio {
  320.  
  321. width:500px;
  322.  
  323. padding-bottom:10px;
  324.  
  325. background-color:{color:infobg};
  326.  
  327. }
  328.  
  329.  
  330.  
  331. .albumart {
  332.  
  333. float:left;
  334.  
  335. padding:0px 10px 10px 0px;
  336.  
  337. }
  338.  
  339.  
  340.  
  341. .albumart img {
  342.  
  343. width:45px;
  344.  
  345. height:45px;
  346.  
  347. }
  348.  
  349.  
  350.  
  351. .playercontainer {
  352.  
  353. text-align:left;
  354.  
  355. padding:10px;
  356.  
  357. background-color:#ffffff;
  358.  
  359. width:480px;
  360.  
  361. }
  362.  
  363.  
  364.  
  365. .audioinfo {
  366.  
  367. padding:10px;
  368.  
  369. color:{color:text};
  370.  
  371. }
  372.  
  373.  
  374.  
  375. #details {
  376. text-align:left;
  377. margin-top:8px;
  378. text-transform:uppercase;
  379. font-size:8px;
  380. font-style:none;
  381. border-top:1px solid {color:line};
  382. }
  383.  
  384. #tags {
  385. font-family:times;
  386. letter-spacing:0px;
  387. text-transform:uppercase;
  388. font-size:8px;
  389. font-style:normal;
  390. margin-top:2px;
  391. text-align:right;
  392. }
  393.  
  394. #tags a {
  395. display:inline-block;
  396. padding:-3px;
  397. text-align:right;
  398. color:{color:Tags};
  399. -webkit-transition: all 0.6s ease-in-out;
  400. -moz-transition: all 0.6s ease-in-out;
  401. -o-transition: all 0.6s ease-in-out;
  402. -ms-transition: all 0.6s ease-in-out;
  403. -transition: all 0.6s ease-in-out;
  404. }
  405.  
  406.  
  407.  
  408. .note {
  409.  
  410. text-transform:lowercase;
  411. font-style:normal;
  412. letter-spacing:0px;
  413. font-size: 8px;
  414. text-align:left;
  415. line-height:90%;
  416. margin-left:-40px;
  417. margin-top:5px;
  418. }
  419.  
  420.  
  421.  
  422. .note li {
  423.  
  424. list-style-type:none;
  425. border-bottom:1px solid {color:line};
  426. padding:10px 25px 10px 25px;
  427. text-align:left;
  428. margin:0px;
  429. -moz-transition-duration:0.5s;
  430. -webkit-transition-duration:0.5s;
  431. -o-transition-duration:0.5s;
  432. }
  433.  
  434.  
  435. ul.chat, .chat ol, .chat li {
  436.  
  437. list-style:none;
  438. margin:0px;
  439. padding:2px;
  440. }
  441.  
  442.  
  443.  
  444. .label {
  445.  
  446. text-decoration:underline;
  447. font-weight:300;
  448. background-color:{color:infobg};
  449. margin-right:5px;
  450. }
  451.  
  452.  
  453.  
  454. .user_1 .label {color:{color:text}; font-weight:bold}
  455.  
  456. .user_2 .label {color:{color:link}; font-weight:bold}
  457.  
  458. .user_3 .label {color:{color:text}; font-weight:bold}
  459.  
  460. .user_4 .label {color:{color:link}; font-weight:bold}
  461.  
  462. .user_5 .label {color:{color:text}; font-weight:bold}
  463.  
  464. .user_6 .label {color:{color:link}; font-weight:bold}
  465.  
  466. ul.chat, .chat ol, .chat li {list-style:none; padding:2px}
  467.  
  468. h2 {
  469. font-family:times;
  470. font-size:15px;
  471. text-align:center;
  472. line-height:100%;
  473. color:#000
  474. font-style:normal;
  475. font-weight:normal;
  476.  
  477. }
  478.  
  479. {CustomCSS}</style></head><body>
  480.  
  481. <div id="sidebar">
  482.  
  483. <div id="title"><a href="/">{title}</a></div>
  484.  
  485. <div id="links">
  486. <a href="{text:linkA url}" title="{text:linkA}">▲</a>
  487. <a href="{text:linkB url}" title="{text:linkB}">▼</a>
  488. <a href="{text:linkC url}" title="{text:linkC}">▲</a>
  489. <a href="{text:linkD url}" title="{text:linkD}">▼</a>
  490. <a href="{text:linkE url}" title="{text:linkE}">▲</a>
  491. </a>
  492.  
  493. </div>
  494.  
  495. <div id="description">{Description}</div>
  496.  
  497. <div id="pagination">
  498. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}
  499. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  500. </div>
  501. </div>
  502.  
  503.  
  504. <div id="entries">{block:Posts}<div id="post">
  505.  
  506.  
  507.  
  508. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  509.  
  510.  
  511.  
  512. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  513.  
  514.  
  515.  
  516. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  517.  
  518. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  519.  
  520.  
  521.  
  522. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  523.  
  524.  
  525.  
  526. {block:Photoset}<center>{Photoset-500}</center>
  527.  
  528. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  529.  
  530.  
  531.  
  532. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  533.  
  534.  
  535.  
  536. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  537.  
  538.  
  539.  
  540. {block:Answer}<div id="question"><img src="{AskerPortraitURL-24}"></div><big><i>{Asker} asked:</big></i><br>{Question}<p>{Answer}{/block:Answer}
  541.  
  542.  
  543.  
  544. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  545.  
  546. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  547.  
  548. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  549.  
  550. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  551.  
  552. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  553.  
  554.  
  555.  
  556.  
  557.  
  558.  
  559. <div id="details">
  560. <br> <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year}</a> {block:RebloggedFrom} / <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} +<a href="{Permalink}">{NoteCount}</a>
  561. {block:HasTags}<div id="tags">{block:Tags} -<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  562. {/block:Posts}
  563. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  564. {/block:Posts}</div></div></div>
  565.  
  566.  
  567.  
  568.  
  569.  
  570. </div>
  571.  
  572.  
  573.  
  574.  
  575.  
  576. </div>
  577.  
  578. </div>
  579.  
  580. </div>
  581.  
  582.  
  583.  
  584. </body>
  585.  
  586.  
  587.  
  588. </div>
  589. <div id="credit"><a href="http://villainizes.tumblr.com">©</div>
  590.  
  591. </div>
  592.  
  593. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement