API tools faq
paste
Advertisement
skyroleplays

THEME 001: THE RED WOMAN

skyroleplays
Sep 21st, 2014
269
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.19 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. THE RED WOMAN, THEME 001 by skyroleplays
  3. theme base by hardziam
  4. Alright, this is my first theme, based off of the
  5. Red Priestess from Game of Thrones, of course! I
  6. worked long and hard on it, so please do not steal
  7. it.
  8.  
  9. NOTE: you are, of course, free to edit as much as you like, but this is not a base code, do not remove credit or redistribute as your own.
  10.  
  11. if you have any questions, feel free to ask!
  12. Enjoy the theme! (✿◠‿◠)
  13.  
  14. --->
  15.  
  16. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  17.  
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19.  
  20. <head>
  21.  
  22. <title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26.  
  27. <meta name="color:Background" content="#898989" />
  28. <meta name="color:Text" content="#040404" />
  29. <meta name="color:Title" content="#5d1010" />
  30. <meta name="color:Title Shadow" content="#000000" />
  31. <meta name="color:Subtitle" content="#000000" />
  32. <meta name="color:Subtitle Shadow" content="#5d1010" />
  33. <meta name="color:Link" content="#5d1010" />
  34. <meta name="color:Links Hover" content="#040404" />
  35. <meta name="color:Borders" content="#040404" />
  36. <meta name="color:Sidebars" content="#444444" />
  37. <meta name="color:Entries" content="#898989" />
  38. <meta name="color:Nav Link BG" content="#5d1010" />
  39. <meta name="color:Nav Link BG Hover" content="#444444" />
  40. <meta name="color:Nav Link Text" content="#040404" />
  41. <meta name="color:Nav Link Text Hover" content="#5d1010" />
  42. <meta name="color:Label BG" content="#444444" />
  43. <meta name="color:Label Text" content="#000000" />
  44. <meta name="color:Scroll Bar" content="#5d1010" />
  45. <meta name="color:Scroll Bar BG" content="#444444" />
  46. <meta name="color:Blockquote" content="#5d1010" />
  47. <meta name="color:Ask BG" content="#040404" />
  48. <meta name="image:Sidebar" content="" />
  49. <meta name="image:Background" content="" />
  50. <meta name="text:Link1" content="link" />
  51. <meta name="text:Link1 URL" content="/" />
  52. <meta name="text:Link2" content="link" />
  53. <meta name="text:Link2 URL" content="/" />
  54. <meta name="text:Link3" content="link" />
  55. <meta name="text:Link3 URL" content="/" />
  56. <meta name="text:Link4" content="link" />
  57. <meta name="text:Link4 URL" content="/" />
  58. <meta name="text:Link5" content="link" />
  59. <meta name="text:Link5 URL" content="/" />
  60. <meta name="text:First Title" content="Death by fire is the purest death" />
  61. <meta name="text:Second Title" content="for the night is dark and full of terrors." />
  62. <meta name="text:Header" content="death is coming to everything and everyone." />
  63.  
  64. <link href='http://fonts.googleapis.com/css?family=Alegreya+SC' rel='stylesheet' type='text/css'>
  65.  
  66. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  67.  
  68. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  69.  
  70. <script>
  71.  
  72. (function($){
  73.  
  74. $(document).ready(function(){
  75.  
  76. $(“a[title]”).style_my_tooltips({
  77.  
  78. tip_follows_cursor:true,
  79.  
  80. tip_delay_time:30,
  81.  
  82. tip_fade_speed:300,
  83.  
  84. attribute:”title”
  85.  
  86. });
  87.  
  88. });
  89.  
  90. })(jQuery);
  91.  
  92. </script>
  93.  
  94. <style type="text/css">
  95.  
  96. #s-m-t-tooltip {
  97. margin-top: 5px;
  98. font-family: georgia;
  99. font-size: 9px;
  100. text-transform:lowercase;
  101. padding:3px;
  102. background-color:{color:Label BG};
  103. color:{color:Label Text};
  104. border:1px solid {color:Borders};
  105. z-index:9999;
  106. }
  107.  
  108. ::-webkit-scrollbar-thumb {
  109. height:auto;
  110. background-color:{color:Scroll Bar};
  111. }
  112.  
  113. ::-webkit-scrollbar {
  114. height:7px;
  115. width:5px;
  116. background-color:{color:Scroll Bar BG};
  117. }
  118.  
  119. body {
  120. background: {color:Background};
  121. background-image: url('{image:Background}');
  122. background-attachment:fixed;
  123. font-size:11px;
  124. font-family:georgia;
  125. color:{color:Text};
  126. }
  127.  
  128. blockquote {
  129. border-left:2px solid {color:Blockquote};
  130. margin:0px 2px 0px 12px;
  131. padding-left:6px;
  132. text-align:left;
  133. }
  134.  
  135. a {
  136. text-decoration:none;
  137. outline:none;
  138. color:{color:Link};
  139. }
  140.  
  141. a:hover {
  142. color:{color:Links Hover};
  143. letter-spacing:1px;
  144. font-style:italic;
  145. -webkit-transition: all 0.4s ease-in-out;
  146. -moz-transition: all 0.4s ease-in-out;
  147. -o-transition: all 0.4s ease-in-out;
  148. }
  149.  
  150. b,strong {
  151. color:{color:Title};
  152. text-shadow:1px 1px 1px #000000;
  153. }
  154.  
  155. h1 {
  156. font-family:'Alegreya SC', serif;
  157. color:{color:Title};
  158. margin-top:-5px;
  159. margin-bottom:-5px;
  160. text-shadow:2px 2px 2px {color:Title Shadow};
  161. text-align:center;
  162. font-size:20px;
  163. }
  164.  
  165. h2 {
  166. text-align:justify;
  167. font-family:georgia;
  168. text-transform:uppercase;
  169. font-size:16px;
  170. color:{color:Text};
  171. }
  172.  
  173. img {
  174. max-width:100%;
  175. margin-bottom:5px;
  176. }
  177.  
  178. #title1 {
  179. font-family: 'Alegreya SC', serif;
  180. color:{color:Title};
  181. font-size:23px;
  182. margin-top:-7px;
  183. font-style:bold;
  184. text-shadow:2px 2px 2px {color:Title Shadow};
  185. text-align:center;
  186. text-decoration:none;
  187. }
  188.  
  189. #title2 {
  190. font-family:georgia;
  191. color:{color:Subtitle};
  192. font-size:12px;
  193. margin-top:-7px;
  194. font-style:italic;
  195. text-shadow:1px 1px 1px {color:Subtitle Shadow};
  196. text-align:center;
  197. text-decoration:none;
  198. }
  199.  
  200. #titlebar {
  201. position:fixed;
  202. margin-top:40px;
  203. margin-left:63px;
  204. width:450px;
  205. padding:5px;
  206. border:3px double {color:Borders};
  207. background-color:{color:Sidebars};
  208. }
  209.  
  210. #photobar {
  211. float:left;
  212. margin-top:88px;
  213. margin-left:63px;
  214. position:fixed;
  215. width:460px;
  216. height:500px;
  217. border:3px double {color:Borders};
  218. background-color:{color:Sidebars};
  219. background-image:url('{image:Sidebar}');
  220. background-size:auto;
  221. background-position:right;
  222. background-repeat:no-repeat;
  223. }
  224.  
  225. #sidebar {
  226. float:left;
  227. margin-top:225px;
  228. margin-left:5px;
  229. position:fixed;
  230. width:280px;
  231. height:45px;
  232. border:3px double {color:Borders};
  233. background-color:{color:Sidebars};
  234. }
  235.  
  236. #descbox {
  237. float:left;
  238. margin-top:278px;
  239. margin-left:5px;
  240. position:fixed;
  241. width:280px;
  242. height:215px;
  243. border:3px double {color:Borders};
  244. background-color:{color:Sidebars};
  245. }
  246.  
  247. #header {
  248. font-family:georgia;
  249. color:{color:Title};
  250. font-size:16px;
  251. font-style:italic;
  252. text-align:center;
  253. margin-top:3px;
  254. text-decoration:none;
  255. }
  256.  
  257. #description {
  258. font-size:11px;
  259. font-family:georgia;
  260. color:{color:Text};
  261. padding-top:1px;
  262. text-align:center;
  263. margin-top:3px;
  264. margin-left:10px;
  265. margin-right:10px;
  266. border: 1px solid {color:Sidebars};
  267. overflow:auto;
  268. max-height:165px;
  269. }
  270.  
  271. #pagination {
  272. text-align:center;
  273. margin-top: 5px;
  274. }
  275.  
  276. #pagination a {
  277. text-transform:uppercase;
  278. font-size:12px;
  279. color:{color:Text};
  280. font-family:georgia;
  281. text-align: center;
  282. }
  283.  
  284. #links {
  285. text-align:center;
  286. margin-top:10px;
  287. }
  288.  
  289.  
  290. #links a {
  291. display:inline-block;
  292. width:45px;
  293. height:25px;
  294. margin-top:-5px;
  295. background-color:{color:Nav Link BG};
  296. padding:2px 0;
  297. margin-bottom:5px;
  298. color:{color:Nav Link Text};
  299. font:20px 'cambria';
  300. font-style:bold;
  301. border:1px solid {color:Borders};
  302. letter-spacing:1px;
  303. text-transform:uppercase;}
  304.  
  305. #links a:hover {
  306. border:1px solid {color:Borders};
  307. background-color:{color:Nav Link BG Hover};
  308. letter-spacing:2px;
  309. color:{color:Nav Link Text Hover};
  310. text-shadow:1px 1px 1px #000;
  311. transition: all 0.4s ease-out }
  312.  
  313.  
  314. #entries {
  315. position:absolute;
  316. width:530px;
  317. margin-left:600px;
  318. padding:11px;
  319. margin-top:30px;
  320. border: 0px solid {color:Border};}
  321.  
  322.  
  323. #post {
  324. background-color:{color:Entries};
  325. margin-bottom:30px;
  326. padding:10px;
  327. border:3px double {color:Border}}
  328.  
  329. #info {
  330. padding:5px;
  331. border-top:1px solid black;
  332. font-size:11px;
  333. font-style:italic;
  334. }
  335.  
  336. #audio {
  337. width:500px;
  338. height:85px;
  339. margin-bottom:10px
  340. }
  341. .albumart {
  342. width:80px;
  343. height:80px;
  344. position:absolute;
  345. }
  346. .albumart img {
  347. width:80px;
  348. height:80px;
  349. float:left
  350. }
  351. .player {
  352. margin-left:90px;
  353. margin-top:1px;
  354. float:left
  355. }
  356. .audioinfo {
  357. margin-left:90px;
  358. margin-top:10px;
  359. float:left;
  360. }
  361.  
  362. #asks {
  363. text-align:center;
  364. padding:5px 5px 5px 8px;
  365. border: 3px double {color:borders};
  366. background-color:{color:ask bg};
  367. min-height:50px;
  368. margin-left:5px;
  369. }
  370.  
  371. #askerbg {
  372. height:55px;
  373. width:55px;
  374. color:{color:borders};
  375. float:left;
  376. margin-top:0px;
  377. border-radius: 55px;
  378. }
  379.  
  380. .asker {
  381. margin-bottom:-5px;
  382. margin-left:5px;
  383. font-size:16px;
  384. color:{color:title};
  385. text-align:left;
  386. text-transform:lowercase;
  387. border-bottom:3px double {color:borders};
  388. letter-spacing:1px;
  389. font-style:normal}
  390.  
  391. #answers {
  392. margin-top:10px;}
  393.  
  394. .chat {
  395. margin-bottom:5px;
  396. }
  397.  
  398.  
  399.  
  400. #credit a{
  401. position:fixed;
  402. right:3px;
  403. bottom:3px;
  404. padding:4px;
  405. background:{color:Nav Link BG};
  406. border:1px solid {color:Borders};
  407. font-size:14px;
  408. color:black;
  409. -moz-transition-duration:1s;
  410. -webkit-transition-duration:1s;
  411. -o-transition-duration:1s;
  412. }
  413.  
  414. #credit a:hover {
  415. opacity:1;
  416. color:{color:Nav Link Text Hover};
  417. background:transparent;
  418. -moz-transition-duration:1s;
  419. -webkit-transition-duration:1s;
  420. -o-transition-duration:1s;
  421. }
  422.  
  423.  
  424. </style>
  425. <style type="text/css">{CustomCSS}</style>
  426. </head>
  427.  
  428. <body>
  429.  
  430. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  431.  
  432. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  433.  
  434. <script>
  435.  
  436. (function($){
  437.  
  438. $(document).ready(function(){
  439.  
  440. $("a[title]").style_my_tooltips({
  441.  
  442. tip_follows_cursor:true,
  443.  
  444. tip_delay_time:10,
  445.  
  446. tip_fade_speed:60,
  447.  
  448. attribute:"title"
  449.  
  450. });
  451.  
  452. });
  453.  
  454. })(jQuery);
  455.  
  456. </script>
  457.  
  458. <div id=photobar>
  459. <div id="sidebar">
  460. <div id="links">
  461. <a href="{text:Link1 URL}" title="{text:Link1}">I.</a>
  462. <a href="{text:Link2 URL}" title="{text:Link2}">II.</a>
  463. <a href="{text:Link3 URL}" title="{text:Link3}">III.</a>
  464. <a href="{text:Link4 URL}" title="{text:Link4}">IV.</a>
  465. <a href="{text:Link5 URL}" title="{text:Link5}">V.</a>
  466. </div></div>
  467. <div id="descbox"><div id="header">{block:PreviousPage}<a href="{PreviousPage}"><font color="{color:Text}">«</font></a>{/block:PreviousPage} {text:Header} {block:NextPage}<a href="{NextPage}"><font color="{color:Text}">»</font></a>{/block:NextPage}</div><div id="description">{Description}</div></div></div>
  468.  
  469. <div id="titlebar">
  470. <div id="title1">{text:First Title}</div>
  471. <div id="title2">{text:Second Title}</div>
  472. </div>
  473.  
  474.  
  475. <div id="entries">
  476. {block:Posts}
  477. <div id="post">
  478.  
  479. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  480.  
  481. {block:Link}
  482. <h1><a href="{URL}" {Target}>{Name} ↬</a></h1>
  483. {block:Description}{Description}{/block:Description}
  484. {/block:Link}
  485.  
  486. {block:Quote}<h2>“{Quote}” </h2>
  487. <div style="text-align:right; padding-bottom:5px;">— {Source}</div>{/block:Quote}
  488.  
  489. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  490. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  491.  
  492. {block:Chat}{block:Title}<h1>{Title}</h1><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}<br>
  493.  
  494. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  495.  
  496. {block:Audio}
  497. <div id="audio"><div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><div class="player"><span class="audio"><center>{AudioPlayerWhite}</center></span></div>
  498. <div class="audioinfo">{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}
  499. {block:Artist}<br><b>Artist:</b> {Artist}{/block:Artist}
  500. {block:Album}<br><b>Album:</b> {Album}{/block:Album}
  501. <br>{PlayCountWithLabel}
  502. </div></div>
  503. {block:Caption}{Caption}{/block:Caption}
  504. {/block:Audio}
  505.  
  506. {block:Answer}
  507.  
  508. <div id="asks"><div id="asker img"><img src="{AskerPortraitURL-64}" style="height:50px; width:50px; float:left; margin-top:0px; border-radius: 50px;"></div><div class="asker"> {Asker} asked:</div>
  509. <br>{Question}</div>
  510. <div id="answers">{Answer}</div>
  511. {/block:Answer}
  512.  
  513.  
  514.  
  515. <div id="info">
  516. <center> {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  517. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{/block:NoteCount} {block:RebloggedFrom} ● <a href="{ReblogParentURL}">via</a>{block:ContentSource} - <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}<br>
  518. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</center></div>
  519.  
  520. </div>
  521. {/block:Posts}
  522.  
  523. {block:PostNotes}{PostNotes}{/block:PostNotes}
  524.  
  525. </div>
  526.  
  527.  
  528.  
  529. <!----- DO NOT DELETE ---->
  530. <div id="credit"><a href="http://ladyhummelrps.tumblr.com/">☁</a></div>
  531. </body>
  532. </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!