Advertisement
quinnsrph

DARPS - THEME #7 "JUST GIVE ME A REASON"

Sep 24th, 2014
911
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.43 KB | None | 0 0
  1. <!--
  2.  
  3. THEME BY REBEKAH | @DIANNASROLEPLAYS
  4.  
  5. "JUST GIVE ME A REASON" | THEME #7
  6. Please don't hesitate to ask me for any help or any inquiries you might have concerning to my theme. PLEASE DO NOT REDISTRIBUTE. Feel free to edit to your liking. ♥
  7.  
  8. -->
  9.  
  10.  
  11. <html><head>
  12.  
  13. <title>{Title}</title>
  14.  
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script
  21.  
  22. <!-- DEFAULT VARIABLES -->
  23. <meta name="color:background" content="#fff8f9" />
  24. <meta name="color:scrollbar" content"#ff2349" />
  25. <meta name="color:entries" content="#ffffff" />
  26. <meta name="color:borders" content="#000000" />
  27. <meta name="color:sborder" content="#000000" />
  28. <meta name="color:sidebar" content="#fff8f9" />
  29. <meta name="color:img borders" content="#ff2349" />
  30. <meta name="color:title" content="#df0027" />
  31. <meta name="color:text" content="#000000" />
  32. <meta name="color:link" content="#ff2349" />
  33. <meta name="color:text shadow" content="#000000" />
  34. <meta name="color:topbar title" content="#ff2349" />
  35. <meta name="color:title shadow" content="#000000" />
  36. <meta name="color:subtext" content="#000000" />
  37. <meta name="color:navigation" content="#df0027" />
  38. <meta name="color:navigation hover" content="#770004" />
  39. <meta name="color:navigation text" content="#ffffff" />
  40. <meta name="color:navigation text hover" content="#ffffff" />
  41. <meta name="color:navborders" content="#000000" />
  42. <meta name="color:nav borders hover" content="#000000" />
  43.  
  44. <meta name="image:background" content="" />
  45. <meta name="image:bbar" content="http://static.tumblr.com/0e8e759e2320cf929038e34554ba12fd/7nek9ew/ESWncec9b/tumblr_static_6vlwoa2djb0g8kko8s0kok488.png"/>
  46. <meta name="image:image" content="" />
  47. <meta name="image:image2" content="" />
  48. <meta name="image:image3" content="" />
  49.  
  50. <meta name="text:titletext" content="this is your main title" />
  51. <meta name="text:subtitle" content="this is your second title" />
  52.  
  53. <meta name="text:LINK1" content="" />
  54. <meta name="text:LINK1 TITLE" content="" />
  55. <meta name="text:LINK2" content="" />
  56. <meta name="text:LINK2 TITLE" content="" />
  57. <meta name="text:LINK3" content="" />
  58. <meta name="text:LINK3 TITLE" content="" />
  59. <meta name="text:LINK4" content="" />
  60. <meta name="text:LINK4 TITLE" content="" />
  61. <meta name="text:LINK5" content="" />
  62. <meta name="text:LINK5 TITLE" content="" />
  63. <meta name="text:LINK6" content="" />
  64. <meta name="text:LINK6 TITLE" content="" />
  65.  
  66.  
  67. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  68.  
  69. <style type="text/css">
  70.  
  71. div#qTip {display: none; text-align: center; position :absolute; letter-spacing: 1px; text-transform: uppercase; z-index: 5; font-size:7.5px;
  72. font-family:cambria; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; color:{color:text}; background: {color:sidebar}; border: 1px solid{color:borders}}
  73.  
  74. ::-moz-selection {background-color:#eeeeee;
  75. color:#999999;}
  76.  
  77. ::selection {background-color:#eeeeee;
  78. color:#999999;}
  79.  
  80. ::-webkit-scrollbar{height: 5px; width: 7px; -webkit-border-radius: 0px; background-color:#ffffff;}
  81.  
  82. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};border: 1px solid{color:borders}}
  83. ::-webkit-scrollbar-track{background-color:#ffffff;}
  84.  
  85. body {background: {color:background}; text-align:justify; font:10px georgia; background-image:url('{image:background}'); background-attachment:fixed}
  86.  
  87. a {color:{color:link}; text-decoration:none}
  88.  
  89. a:hover {color:{color:text}; text-decoration:none; font-style:italic; font-weight: bold; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out}
  90.  
  91. b, strong {color:{color:title};}
  92. i, em {color:{color:text}}
  93. p {margin-top:5px; margin-bottom:5px}
  94. blockquote {border-left:2px solid {color:text}; padding-left:5px; margin:0px 2px 0px 10px}
  95.  
  96. #pagination {color:{color:text}; font-size:12px; font-family:georgia; text-align:center; font-style: italic; margin-top:4px}
  97. #pagination a {color:{color:link}}
  98. #pagination a:hover {color:{color:text}}
  99.  
  100. #entrybar {padding: 5px; margin-bottom: 20px; width:516px; height:auto; margin-left:0px; margin-top:20px; background-color:{color:sidebar}; border:1px solid {color:borders}; background-image:url('{image:bbar}');}
  101.  
  102. #entries {font-size:10px; margin-left: 378px; margin-top:30px; float: center; text-align: justify;}
  103.  
  104. #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: 500px; color:{color:text}; text-align: justify; overflow:hidden;}
  105.  
  106. #title1 {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}
  107.  
  108. #title2 {font:16px arial; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 0px {color:text shadow}; color:{color:title}; font-style:italic}
  109.  
  110. #bbar {position:fixed; background-image: url('{image:bbar}'); background-attachment:fixed; background-color:{color:sidebar};width:13px; height:700px; overflow:hidden; margin-top:-32px; margin-left:320px; border-left:1px solid{color:borders}; border-right:1px solid{color:borders}}
  111.  
  112. #bbar2 {position:fixed; background-attachment:fixed; background-color:{color:sidebar};width:340px; height:700px; overflow:hidden; margin-top:-32px; margin-left:-10px;border-right:1px solid{color:borders}}
  113.  
  114. #bbar3 {position:fixed; background-image: url('{image:bbar}'); background-attachment:fixed; background-color:{color:sidebar};width:180px; height:700px; overflow:hidden; margin-top:-32px; margin-left:950px; border:1px solid{color:borders}}
  115.  
  116. #bbar4 {position:fixed; background-image: url('{image:bbar}'); background-attachment:fixed; background-color:{color:sidebar};width:160px; height:175.5px; overflow:hidden; margin-top:202px; margin-left:960px; border:1px solid{color:borders}}
  117.  
  118. #image {position:fixed; background-image:{image:image}; background-color:{color:sidebar}; width:160px; height:180px; margin-top:-5px; margin-left:957px; border:4px solid{color:img borders}}
  119.  
  120. #image2 {position:fixed; background-image:{image:image2}; background-color:{color:sidebar}; width:160px; height:180px; overflow:hidden; margin-top:198px; margin-left:957px;border:4px solid{color:img borders}}
  121.  
  122. #image3 {position:fixed; background-image:{image:image3}; background-color:{color:sidebar}; width:160px; height:180px; overflow:hidden; margin-top:400px; margin-left:957px; border:4px solid{color:img borders}}
  123.  
  124. #sidebar {float:right; position:fixed; width:250px; height:300px; margin-left:45px; margin-top:226px; overflow:hidden; border-top:1px solid{color:borders}; padding:10px; background-color:{color:sidebar}}
  125. #sbartext {font-family:{font:cambria};color:{color:text}; font-size:10px; width:265px; text-align:justify; font-style:normal; margin-left:-7px; margin-top:-6px}
  126.  
  127. #sidebar2 {position:fixed; background-color:{color:sidebar}; width:270px; height:58px; margin-top:164px; margin-left:45px;}
  128.  
  129. #navigation {text-align:center; margin-top:2px;margin-left:-1px}
  130.  
  131. #navigation a {display:inline-block; width:63px; height:3.5px; background-color:{color:navigation}; padding:10px 0; margin-left:0.4px; margin-right:-1px; margin-bottom:2.5px; 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:3.5px; 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}
  132.  
  133. #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}
  134.  
  135. #topbar {border-bottom: 1px solid{color:borders}; float:center; margin-left:45px; margin-top:124px; position:fixed; width:254px; height:24px; overflow:hidden; padding:6px 8px 6px 8px; background-color:transparent}
  136.  
  137. #titletext {margin-top:-4px; text-align:center; color:{color:topbar title}; font-family:arial, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; font-size:18px; font-style:italic; font-weight:bold; letter-spacing:-1px; text-align: right; text-transform:uppercase; margin-bottom:-2px; text-shadow: 1px 1px 0px {color:title shadow}}
  138.  
  139. #subtitle {text-align:center; color:{color:subtext}; font-family:cambria; font-size:8.5px; letter-spacing:2px; font-style:none; text-align: right; margin-bottom:5px}
  140.  
  141. #source {margin-top:3px; text-align:right; margin-bottom:5px; font-size:10px}
  142.  
  143. #info {color:{color:text}; font-size:9px; text-transform:lowercase; width: 514px; margin-top:5px; margin-left:-3px; margin-bottom:-3px; background-color:{color:entries}; text-align: center; padding:3px; border:1px {color:borders} solid;}
  144.  
  145. #tags {color:{color:text} font-size:9px; {block:iflowercasetags}text-transform:lowercase;{/block:iflowercasetags} width: 514px; margin-bottom:0px; margin-top: 2px; background-color: {color:posts};text-align: left; padding:3px; border:1px {color:borders} solid;}
  146.  
  147. .user_1 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  148. .user_2 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  149. .user_3 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  150. .user_4 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  151. .user_5 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  152. .user_6 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  153. .user_7 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  154. .user_8 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  155. .user_9 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  156. .user_10 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  157. .user_11 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  158. .user_12 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  159. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  160.  
  161. #asks {padding:8px 8px 8px 12px; border:1px solid{color:borders}; background-color:{color:question}; color:{color:entries}; margin-top:2px; margin-left:25px; min-height:42px}
  162. .asker {font-size:20px; font-family: arial; font-weight:bold;text-shadow:1px 1px 1px {color:text shadow}; letter-spacing:-1px; font-style:italic; text-transform: uppercase; text-align:center}
  163. .question {text-align:justify;text-align:center;color:{color:text}; font:10px georgia}
  164. #answers {margin-left:3px; margin-top:8px}
  165.  
  166. #audio {border-radius:100%; width:100%; height:100px; margin-bottom:10px}
  167.  
  168. .albumart { border-radius:100%; padding: 2px; border: 1px #f1f1f1 solid; float:left; width:100px; height:100px}
  169.  
  170. .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}
  171.  
  172. .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}
  173.  
  174. .audioplayer {width:24px; height:24px; margin:28px 0 0 28px; overflow:hidden}
  175.  
  176. .audioinfo {margin-left:105px; height:54px; line-height:150%; font:10px georgia; color:{color:text}; padding:26px 5px 24px 10px; text-align:left}
  177.  
  178. .tracktitle {color:{color:title}; margin-bottom:-10px; text-transform: uppercase; font-size: 10px;}
  179.  
  180.  
  181. /* -- DON'T TOUCH THIS -- */
  182.  
  183. #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:transparent; border:1px dotted {color:borders}; color:{color:link}; padding:3px; bottom:20px; right:180px}
  184.  
  185. #cred a:hover {color:{color:text}}
  186.  
  187. </style>
  188. </head>
  189.  
  190. <body>
  191.  
  192. <div id="bbar"><img src="{image:bbar}" /></div>
  193. <div id="bbar2"></div>
  194. <div id="bbar3"><img src="{image:bbar}" /></div>
  195.  
  196. <div id="topbar">
  197. <div id="titletext">{text:titletext}</div>
  198. <div id="subtitle">{text:subtitle}</div>
  199. </div>
  200.  
  201. <div id="sidebar">
  202. <div id="sbartext">{block:Description}{Description}{/block:Description}</div>
  203. <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>
  204. </div>
  205. </div>
  206. </div>
  207.  
  208. <div id="image" align="center"><img src="{image:image}" /></div>
  209. <div id="image2" align="center"><img src="{image:image2}" /></div>
  210. <div id="image3" align="center"><img src="{image:image3}" /></div>
  211. </div>
  212.  
  213.  
  214. <div id="sidebar2">
  215. <div id="navigation">
  216. <a href="/" title="home">ONE.</a>
  217. <a href="/ask" title="message">TWO.</a>
  218. {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}">THREE.</a>{/block:ifLink1}
  219. {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}">FOUR.</a>{/block:ifLink2}<br>
  220. {block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}">FIVE.</a>{/block:ifLink3}
  221. {block:ifLink4}<a href="{text:Link4}" title="{text:Link4 Title}">SIX.</a>{/block:ifLink4}
  222. {block:ifLink5}<a href="{text:Link5}" title="{text:Link5 Title}">SEVEN.</a>{/block:ifLink5}
  223. {block:ifLink6}<a href="{text:Link6}" title="{text:Link6 Title}">EIGHT.</a>{/block:ifLink6}
  224. </div>
  225. </div>
  226.  
  227. <div id="entries">
  228. {block:Posts}
  229. <div id="entrybar">
  230. <div id="posts">
  231.  
  232. {block:Quote}
  233. <div id="title2">❝ {Quote} ❞</div>
  234. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  235. {/block:Quote}
  236.  
  237. {block:Title}<div id="title1">{Title}</div>{/block:Title}
  238. {block:Text}{Body}{/block:Text}
  239.  
  240. {block:Link}
  241. <div id="title1"><a href="{URL}" class="link" {Target}>→ {Name}</a></div>{block:Description}<div class="description">{Description}</div>{/block:Description}
  242. {/block:Link}
  243.  
  244. {block:Photo}
  245. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  246. {block:Caption}{Caption}{/block:Caption}
  247. {/block:Photo}
  248.  
  249. {block:Photoset}
  250. <center>{Photoset-500}</center>
  251. {block:Caption}{Caption}{/block:Caption}
  252. {/block:Photoset}
  253.  
  254. {block:Chat}
  255. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  256. {/block:Chat}
  257.  
  258. {block:Video}
  259. {Video-500}
  260. {block:Caption}{Caption}{/block:Caption}
  261. {/block:Video}
  262.  
  263. {block:Audio}
  264. <div id="audio">
  265. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  266. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" style="border-radius: 100%">{/block:AlbumArt}</div>
  267. <div class="audioinfo">
  268. <div class="tracktitle">{block:TrackName}{TrackName}{/block:TrackName}</div><br>
  269. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist} {block:Album}<br>
  270. <b>Album:</b> {Album}{/block:Album}<br>
  271. <b>Played:</b> {FormattedPlayCount} times</div></div>
  272. {block:Caption}{Caption}{/block:Caption}
  273. {/block:Audio}
  274.  
  275. {block:Answer}
  276. <img src="{AskerPortraitURL-64}"style="height:64px; width:64px; -moz-border-radius:32px; border-radius:32px; float:left">
  277. <div id="asks"><div class="asker">{Asker} said:</div>
  278. <div class="question">{Question}</div></div>
  279. <div id="answers">{Answer}</div>
  280. {/block:Answer}
  281.  
  282. </div>
  283.  
  284. {block:Date}<div id="info">
  285. posted <a href="{Permalink}">{TimeAgo}</a>
  286. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}{/block:NoteCount}{block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} <a href="{SourceURL}"></a>{block:ContentSource}{/block:RebloggedFrom}<br>{block:HasTags}<i>tagged: </i>{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>{/block:Date}
  287. </div>
  288.  
  289. {/block:Posts}
  290.  
  291. {block:PostNotes}{PostNotes}{/block:PostNotes}
  292.  
  293. </div>
  294.  
  295. <div id="cred"><a href="http://diannasroleplays.tumblr.com/tagged/themes" title="theme">DA</a></div>
  296. </div>
  297. </div>
  298.  
  299. </body>
  300. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement