Advertisement
quinnsrph

DARPS - THEME #24 "CHANDELIER"

Apr 24th, 2015
1,596
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.07 KB | None | 0 0
  1. <!--
  2.  
  3. THEME BY REBEKAH | @DIANNASROLEPLAYS
  4. "CHANDELIER" | THEME #24
  5.  
  6. Please don't hesitate to ask me for any help or any inquiries you might have concerning to the theme. I ask that you PLEASE DO NOT
  7. REDISTRIBUTE THE THEME. Feel free to edit to your liking. ♥
  8.  
  9. -->
  10.  
  11.  
  12. <html><head>
  13.  
  14. <title>{Title}</title>
  15.  
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script
  22.  
  23. <!-- DEFAULT VARIABLES -->
  24. <meta name="color:background" content="#644747" />
  25. <meta name="color:scrollbar" content"#ffffff" />
  26. <meta name="color:scrollbar bg" content="#c0acac" />
  27. <meta name="color:entries" content="#ffffff" />
  28. <meta name="color:boxes" content="#ffffff" />
  29. <meta name="color:borders" content="#000000" />
  30. <meta name="color:bold" content="#644747" />
  31. <meta name="color:italic" content="#c0acac" />
  32. <meta name="color:sidebar" content="#ffffff" />
  33. <meta name="color:topbar" content="#644747" />
  34. <meta name="color:title" content="#ffffff" />
  35. <meta name="color:text" content="#000000" />
  36. <meta name="color:link" content="#644747" />
  37. <meta name="color:text shadow" content="#000000" />
  38. <meta name="color:topbar title" content="#ffffff" />
  39. <meta name="color:title shadow" content="#000000" />
  40. <meta name="color:subtext" content="#ffffff" />
  41. <meta name="color:topborder" content="#c0acac"/>
  42. <meta name="color:navigation" content="#b19494" />
  43. <meta name="color:navigation hover" content="#644747" />
  44. <meta name="color:navigation text" content="#ffffff" />
  45. <meta name="color:navigation text hover" content="#ffffff" />
  46. <meta name="color:navborders" content="#000000" />
  47. <meta name="color:nav borders hover" content="#000000" />
  48.  
  49. <meta name="image:background" content="" />
  50. <meta name="image:bbar" content="http://static.tumblr.com/9f9202635d7b7b1aba2bf8d3bc28945f/7nek9ew/9Vcnn8uqj/tumblr_static_24vznst1pv7og8kk8k80sogg8.png"/>
  51. <meta name="image:image" content="" />
  52.  
  53. <meta name="text:titletext" content="this is your main title" />
  54. <meta name="text:subtitle" content="this is your second title" />
  55.  
  56. <meta name="text:home" content="REFRESH" />
  57. <meta name="text:message" content="MESSAGE" />
  58. <meta name="text:mssgtext" content="inquired" />
  59. <meta name="text:tagsymbol" content="#" />
  60.  
  61. <meta name="text:LINK1" content="" />
  62. <meta name="text:LINK1 TITLE" content="" />
  63. <meta name="text:LINK2" content="" />
  64. <meta name="text:LINK2 TITLE" content="" />
  65. <meta name="text:LINK3" content="" />
  66. <meta name="text:LINK3 TITLE" content="" />
  67.  
  68. <meta name="text:BFF1" content="" />
  69. <meta name="text:BFF1 TITLE" content="" />
  70. <meta name="text:BFF1 HOVER" content="" />
  71. <meta name="text:BFF2" content="" />
  72. <meta name="text:BFF2 TITLE" content="" />
  73. <meta name="text:BFF2 HOVER" content="" />
  74. <meta name="text:BFF3" content="" />
  75. <meta name="text:BFF3 TITLE" content="" />
  76. <meta name="text:BFF3 HOVER" content="" />
  77. <meta name="text:BFF4" content="" />
  78. <meta name="text:BFF4 TITLE" content="" />
  79. <meta name="text:BFF4 HOVER" content="" />
  80. <meta name="text:BFF5" content="" />
  81. <meta name="text:BFF5 TITLE" content="" />
  82. <meta name="text:BFF5 HOVER" content="" />
  83. <meta name="text:BFF6" content="" />
  84. <meta name="text:BFF6 TITLE" content="" />
  85. <meta name="text:BFF6 HOVER" content="" />
  86.  
  87. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  88.  
  89. <style type="text/css">
  90.  
  91. div#qTip {display:none; text-align:center; position:absolute; letter-spacing:0px; text-transform:lowercase; z-index:5; font:10px georgia; padding:2px 3px 2px 3px; color:{color:text}; background:{color:entries}; border:1px solid {color:borders}}
  92.  
  93. ::-moz-selection {background-color:#eeeeee;
  94. color:#999999;}
  95.  
  96. ::selection {background-color:#eeeeee;
  97. color:#999999;}
  98.  
  99. ::-webkit-scrollbar{height: 5px; width: 7px; -webkit-border-radius: 0px; background-color:#ffffff;}
  100.  
  101. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};border: 1px solid{color:borders}}
  102. ::-webkit-scrollbar-track{background-color:{color:scrollbar bg}}
  103.  
  104. body {background: {color:background}; text-align:justify; font:10px georgia; {block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}; background-attachment:fixed}
  105.  
  106. a {color:{color:link}; text-decoration:none}
  107.  
  108. a:hover {color:{color:text}; text-decoration:none; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out}
  109.  
  110. b, strong {color:{color:bold};}
  111. i, em {color:{color:italic}}
  112. p {margin-top:5px; margin-bottom:5px}
  113. blockquote {border-left:2px solid {color:text}; padding-left:5px; margin:0px 2px 0px 10px}
  114.  
  115. #pagination {color:{color:text}; font-size:12px; font-family:georgia; text-align:center; margin-top:3px}
  116. #pagination a {color:{color:link}}
  117. #pagination a:hover {color:{color:text}}
  118.  
  119. #entrybar {padding: 5px; margin-bottom: 40px; width:518px; height:auto; margin-left:0px; margin-top:20px; background-color:entries; border:1px solid {color:borders}; background-image:url('{image:bbar}');}
  120.  
  121. #entries {font-size:10px; margin-left:575px; margin-top:60px; float: center; text-align: justify;}
  122.  
  123. #posts {border:1px {color:borders} solid; background-color: {color:entries}; font-size:10px; padding: 10px; margin-bottom:-3px; margin-top:-3px; margin-left:-3px; width: 502px; color:{color:text}; text-align: justify; overflow:hidden;}
  124.  
  125. #title1 {font:20px arial; padding:1px; background-color:{color:background}; color:{color:title}; font-style:normal; font-weight:bold; text-shadow:1px 1px 0px {color:text shadow}; text-transform:uppercase; line-height:130%; margin-bottom:6px; font-style:italic; text-align:center}
  126.  
  127. #title2 {font:16px arial; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 0px {color:text shadow}; color:{color:title}; font-style:italic}
  128.  
  129. #bbar {position:fixed; background-image:url('{image:bbar}'); background-attachment:fixed; background-attachment:repeat; background-color:{color:sidebar};width:443px; height:438px; overflow:hidden; background-size:400px; margin-top:38px; margin-left:77px;border:1px solid{color:borders}}
  130.  
  131. #image {position:fixed; background-image:{image:image}; background-color:{color:sidebar}; width:220px; height:430px; overflow:hidden; margin-top:42px; margin-left:81px; border:1px solid{color:borders}}
  132.  
  133. #sidebar {float:right; position:fixed; width:190px; height:140px; margin-left:306px; margin-top:160px; overflow:hidden; border:1px {color:borders} solid;padding:10px; background-color:{color:sidebar}}
  134. #sbartext {font-family:{font:cambria};color:{color:text}; font-size:10px; width:203px; text-align:justify; font-style:normal; margin-top:-8px; margin-left:-6px}
  135.  
  136. #sidebar2 {position:fixed; background-color:{color:sidebar}; width:210px; height:147px; margin-top:325px; margin-left:306px; border:1px solid{color:borders};opacity: 1; transition-duration: .8s; transition: opacity .8s ease-in-out; -moz-transition: opacity .8s ease-in-out; -webkit-transition: opacity .8s ease-in-out}
  137.  
  138. #sidebar3 {position:fixed; background-color:transparent; width:192px; height:75px; margin-top:83px; margin-left:316px; border-top:3px solid{color:topborder};opacity: 1; transition-duration: .8s; transition: opacity .8s ease-in-out; -moz-transition: opacity .8s ease-in-out; -webkit-transition: opacity .8s ease-in-out}
  139.  
  140. #navigation {text-align:center; margin-top:3px;margin-left:2.8px}
  141.  
  142. #navigation a {display:inline-block; width:202px; height:3px; background-color:{color:navigation}; padding:8px 0;margin-left:-1.5px; margin-right:1px; margin-bottom:3px; color:{color:navigation text}; font-size:14px; font-family: arial, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-weight:bold; display:inline-block; line-height:3px; font-style:italic; border:1px solid {color:navborders}; text-shadow: 1px 1px 0px #000000; letter-spacing:0px; text-transform:; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; transition: all 0.5s ease-in}
  143.  
  144. #navigation a:hover {background-color:{color:navigation hover}; border:1px solid {color:nav borders hover}; color:{color:navigation text hover}; text-shadow: 1px 1px 0px #000000;; box-shadow:1px 1px 1px #000000; font-style:italic; font-weight:bold}
  145.  
  146. #navigation2 {text-align:center; margin-top:5px;margin-left:2.8px}
  147.  
  148. #navigation2 a {display:inline-block; width:57px; height:9px; background-color:{color:navigation}; padding:8px 0;margin-left:-0.5px; margin-right:1px; margin-bottom:3px; color:{color:navigation text}; font-size:28px; font-family: arial; font-weight:bold; display:inline-block; line-height:9px; font-style:normal; border:1px solid {color:navborders}; text-shadow: 1px 1px 0px #000000; letter-spacing:0px; text-transform:; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; transition: all 0.5s ease-in}
  149.  
  150. #navigation2 a:hover {background-color:{color:navigation hover}; border:1px solid {color:nav borders hover}; color:{color:navigation text hover}; text-shadow: 1px 1px 0px #000000; box-shadow:1px 1px 1px #000000; font-weight:bold}
  151.  
  152. #topbar {border: 3px solid{color:topborder}; float:center; margin-left:306px; margin-top:42px; position:fixed; width:190px; height:96px; overflow:hidden; padding:6px 8px 6px 8px; background-color:{color:topbar}}
  153.  
  154. #titletext {margin-top:-2px; text-align:center; color:{color:topbar title}; font-family: arial, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-weight:bold; font-size:22px; letter-spacing:-1px; text-transform:uppercase; font-style: italic; margin-bottom:-5px; text-shadow: 1px 1px 0px {color:title shadow}; font-weight: bold}
  155.  
  156. #subtitle {text-align:center; color:{color:subtext}; font-family:georgia; font-size:8.5px; letter-spacing:2px; font-style:none; margin-bottom:5px}
  157. #source {margin-top:3px; text-align:right; margin-bottom:5px; font-size:10px}
  158.  
  159. #info {width:508px;margin-top:-3px; margin-bottom:5px;margin-left:-3px; padding:3px 7px 3px 7px; background-color:{color:boxes}; color:{color:text}; font-size:9px ; font-family:georgia; line-height:110%; text-align:left;border:1px solid{color:borders}; letter-spacing:1px; text-transform:lowercase}
  160. .source {float:right}
  161. #info a {color:{color:link}}
  162. #info a:hover {color:{color:text}}
  163.  
  164. #tags {letter-spacing: 1px; font-family: georgia; margin-top: 5px; margin-left:-3px; margin-bottom:-3px; border: 1px solid{color:borders}; width:514px; padding:4px; background-color:{color:boxes}; color:{color:text}; font-size:9px; text-align:right; font-style:none}
  165.  
  166.  
  167. .user_1 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  168. .user_2 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  169. .user_3 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  170. .user_4 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  171. .user_5 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  172. .user_6 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  173. .user_7 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  174. .user_8 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  175. .user_9 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  176. .user_10 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  177. .user_11 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  178. .user_12 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  179. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  180.  
  181. #asks {padding:8px 8px 8px 12px; border-top:3px solid{color:title}; background-color:{color:entries}; color:{color:link}; margin-top:2px; margin-left:25px; min-height:42px; box-shadow:1px 1px 1px #000000;}
  182. .asker {font:20px arial; color:{color:title}; font-style:normal; font-weight:bold; text-shadow:1px 1px 0px {color:text shadow}; text-transform:uppercase; font-style:italic; text-align:right}
  183. .question {text-align:justify;text-align:right;color:{color:text}; font:10px georgia}
  184. #answers {margin-left:3px; margin-top:8px}
  185.  
  186. #audio {border-radius:100%; width:100%; height:100px; margin-bottom:10px}
  187.  
  188. .albumart { border-radius:100%; padding: 2px; border: 1px #f1f1f1 solid; float:left; width:100px; height:100px}
  189.  
  190. .player {border-radius:100%; margin-left:2px; margin-top:2px; padding:11px; display:block; height:80px; width:80px; overflow:hidden; position:absolute; opacity:0.3; background:#fff; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  191.  
  192. .player:hover { opacity:0.7; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  193.  
  194. .audioplayer {width:24px; height:24px; margin:28px 0 0 28px; overflow:hidden}
  195.  
  196. .audioinfo {margin-left:105px; height:54px; line-height:150%; font:10px georgia; color:{color:text}; padding:26px 5px 24px 10px; text-align:left}
  197.  
  198. .tracktitle {color:{color:title}; margin-bottom:-10px; text-transform: uppercase; font-size: 10px;}
  199.  
  200.  
  201. /* -- DON'T TOUCH THIS -- */
  202.  
  203. #cred a {position:fixed; font-size:14px; font-family: arial, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-style:italic; font-weight:bold; background-color:{color:sidebar};text-shadow: 1px 1px 0px #000000; border:1px dotted {color:borders}; color:{color:link}; padding:3px; bottom:20px; right:20px}
  204.  
  205. #cred a:hover {color:{color:title}}
  206.  
  207. </style>
  208. </head>
  209.  
  210. <body>
  211.  
  212. <div id="bbar"><img src="{image:bbar}" /></div>
  213. </div>
  214.  
  215. <div id="image" align="center"><img src="{image:image}" /></div>
  216. </div>
  217.  
  218. <div id="topbar">
  219. <div id="titletext">{text:titletext}</div>
  220. <div id="subtitle">{text:subtitle}</div>
  221. </div>
  222.  
  223. <div id="sidebar">
  224. <div id="sbartext">{block:Description}{Description}{/block:Description}</div>
  225. </div>
  226.  
  227.  
  228. <div id="sidebar2">
  229. <div id="navigation">
  230. <a href="/">{text:home}</a><br>
  231. <a href="/ask">{text:message}</a><br>
  232. {block:iflink1}<a href="{text:link1}">{text:link1 title}</a><br>{/block:iflink1}
  233. {block:iflink2}<a href="{text:link2}">{text:link2 title}</a><br>{/block:iflink2}
  234. {block:iflink3}<a href="{text:link3}">{text:link3 title}</a><br>{/block:iflink3}
  235. {block:iflink4}<a href="{text:link4}">{text:link4 title}</a>{/block:iflink4}
  236. </div>
  237. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} page {CurrentPage} out of {TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  238. </div>
  239. </div>
  240.  
  241. <div id="sidebar3">
  242. <div id="navigation2">
  243. {block:ifBFF1}<a href="{text:BFF1}" title="{text:BFF1 Hover}">{text:BFF1 Title}</a>{/block:ifBFF1}
  244. {block:ifBFF2}<a href="{text:BFF2}" title="{text:BFF2 Hover}">{text:BFF2 Title}</a>{/block:ifBFF2}
  245. {block:ifBFF3}<a href="{text:BFF3}" title="{text:BFF3 Hover}">{text:BFF3 Title}</a>{/block:ifBFF3}<br>
  246. {block:ifBFF4}<a href="{text:BFF4}" title="{text:BFF4 Hover}">{text:BFF4 Title}</a>{/block:ifBFF4}
  247. {block:ifBFF5}<a href="{text:BFF5}" title="{text:BFF5 Hover}">{text:BFF5 Title}</a>{/block:ifBFF5}
  248. {block:ifBFF6}<a href="{text:BFF6}" title="{text:BFF6 Hover}">{text:BFF6 Title}</a>{/block:ifBFF6}
  249. </div>
  250. </div>
  251.  
  252. <div id="entries">
  253. {block:Posts}
  254. <div id="entrybar">
  255.  
  256. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount} <div class="source">{block:RebloggedFrom}via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>,{/block:RebloggedFrom}
  257. {block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>
  258. {/block:ContentSource}</div>
  259. </div>
  260.  
  261. <div id="posts">
  262.  
  263. {block:Quote}
  264. <div id="title2">❝ {Quote} ❞</div>
  265. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  266. {/block:Quote}
  267.  
  268. {block:Title}<div id="title1">{Title}</div>{/block:Title}
  269. {block:Text}{Body}{/block:Text}
  270.  
  271. {block:Link}
  272. <div id="title1"><a href="{URL}" class="link" {Target}>→ {Name}</a></div>{block:Description}<div class="description">{Description}</div>{/block:Description}
  273. {/block:Link}
  274.  
  275. {block:Photo}
  276. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  277. {block:Caption}{Caption}{/block:Caption}
  278. {/block:Photo}
  279.  
  280. {block:Photoset}
  281. <center>{Photoset-500}</center>
  282. {block:Caption}{Caption}{/block:Caption}
  283. {/block:Photoset}
  284.  
  285. {block:Chat}
  286. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  287. {/block:Chat}
  288.  
  289. {block:Video}
  290. {Video-500}
  291. {block:Caption}{Caption}{/block:Caption}
  292. {/block:Video}
  293.  
  294. {block:Audio}
  295. <div id="audio">
  296. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  297. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" style="border-radius: 100%">{/block:AlbumArt}</div>
  298. <div class="audioinfo">
  299. <div class="tracktitle">{block:TrackName}{TrackName}{/block:TrackName}</div><br>
  300. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist} {block:Album}<br>
  301. <b>Album:</b> {Album}{/block:Album}<br>
  302. <b>Played:</b> {FormattedPlayCount} times</div></div>
  303. {block:Caption}{Caption}{/block:Caption}
  304. {/block:Audio}
  305.  
  306. {block:Answer}
  307. <img src="{AskerPortraitURL-64}"style="height:74px; width:74px; margin-top:3px; -moz-border-radius:32px; border-radius:100%; box-shadow:1px 1px 1px #000000; float:left">
  308. <div id="asks"><div class="asker">{Asker} {text:mssgtext}:</div>
  309. <div class="question">{Question}</div></div>
  310. <div id="answers">{Answer}</div>
  311. {/block:Answer}
  312.  
  313. </div>
  314.  
  315. <div id="tags">{block:Tags}{text:tagsymbol}<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  316.  
  317. {/block:Posts}
  318.  
  319. {block:PostNotes}{PostNotes}{/block:PostNotes}
  320.  
  321. </div>
  322.  
  323. <div id="cred"><a href="http://diannasroleplays.tumblr.com/tagged/themes">DA</a></div>
  324. </div>
  325. </div>
  326.  
  327. </body>
  328. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement