Advertisement
quinnsrph

DARPS - THEME #6 "SAFE AND SOUND"

Sep 22nd, 2014
696
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.07 KB | None | 0 0
  1. <!--
  2.  
  3. THEME BY REBEKAH | @DIANNASROLEPLAYS
  4.  
  5. "SAFE AND SOUND" | THEME #6
  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="#d2e9ed" />
  24. <meta name="color:scrollbar" content"#e5ccbe" />
  25. <meta name="color:entries" content="#ffffff" />
  26. <meta name="color:question" content="#ffffff" />
  27. <meta name="color:info" content="#ffffff" />
  28. <meta name="color:borders" content="#000000" />
  29. <meta name="color:img border" content="#e5ccbe" />
  30. <meta name="color:sidebar" content="#ffffff" />
  31. <meta name="color:title" content="#e5ccbe" />
  32. <meta name="color:text" content="#000000" />
  33. <meta name="color:link" content="#e5ccbe" />
  34. <meta name="color:text shadow" content="#000000" />
  35. <meta name="color:title shadow" content="#000000" />
  36. <meta name="color:navigation" content="#ed102e" />
  37. <meta name="color:navigation hover" content="#ed102e" />
  38. <meta name="color:navigation text" content="#ffffff" />
  39. <meta name="color:navigation text hover" content="#000000" />
  40.  
  41. <meta name="image:background" content="" />
  42. <meta name="image:image" content="" />
  43.  
  44. <meta name="text:LINK1" content="" />
  45. <meta name="text:LINK1 TITLE" content="" />
  46. <meta name="text:LINK2" content="" />
  47. <meta name="text:LINK2 TITLE" content="" />
  48. <meta name="text:LINK3" content="" />
  49. <meta name="text:LINK3 TITLE" content="" />
  50.  
  51. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  52.  
  53. <style type="text/css">
  54.  
  55. div#qTip {display: none; text-align: center; position :absolute; letter-spacing: 1px; text-transform: uppercase; z-index: 5; font-size:7.5px;
  56. font-family: calibri; padding-top: 2px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; color: {color:text}; background: {color:entries}; border: 1px solid{color:borders}}
  57.  
  58. ::-moz-selection {background-color:#eeeeee;
  59. color:#999999;}
  60.  
  61. ::selection {background-color:#eeeeee;
  62. color:#999999;}
  63.  
  64. ::-webkit-scrollbar{height: 5px; width: 7px; -webkit-border-radius: 0px; background-color:#ffffff;}
  65.  
  66. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};border: 1px solid{color:borders}}
  67. ::-webkit-scrollbar-track{background-color:#ffffff;}
  68.  
  69. body {background: {color:background}; text-align:justify; font:10px calibri; background-image:url('{image:background}'); background-attachment:fixed}
  70.  
  71. a {color:{color:link}; text-decoration:none}
  72.  
  73. 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}
  74.  
  75. b, strong {color:{color:title};}
  76. i, em {color:{color:text}}
  77. p {margin-top:5px; margin-bottom:5px}
  78. blockquote {border-left:2px solid {color:text}; padding-left:5px; margin:0px 2px 0px 10px}
  79.  
  80. #pagination {color:{color:text}; font-size:11px; font-family:calibri; text-align:center; font-style: italic; margin-top:4px}
  81. #pagination a {color:{color:link}}
  82. #pagination a:hover {color:{color:text}}
  83.  
  84. #entrybar {padding: 5px; margin-bottom: 20px; width:516px; height:auto; margin-left:0px; margin-top:20px; background-color:transparent; border:0px solid {color:borders}; background-image:transparent}
  85.  
  86. #entries {font-size:10px; margin-left:490px; margin-top:30px; float: center; text-align: justify;}
  87.  
  88. #posts {border:0px {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;}
  89.  
  90. #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}
  91.  
  92. #title2 {font:16px arial; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 0px {color:text shadow}; color:{color:title}; font-style:italic}
  93.  
  94. #bbar {position:fixed; background-image: transparent; background-attachment:fixed; background-color:{color:sidebar};width:256px; height:497px; overflow:hidden; margin-top:47px; margin-left:112px; border:0px solid{color:borders}}
  95.  
  96. #bbar2 {position:fixed; background-image: transparent; background-attachment:fixed; background-color:{color:sidebar};width:166px; height:166px; overflow:hidden; margin-top:30px; margin-left:950px; -moz-border-radius:100%; -webkit-border-radius:100%; border:0px solid{color:borders}}
  97.  
  98. #bbar3 {position:fixed; background-image:transparent; background-attachment:fixed; background-color:{color:sidebar};width:166px; height:166px; overflow:hidden; margin-top:384px; margin-left:950px; -moz-border-radius:100%; -webkit-border-radius:100%; border:0px solid{color:borders}}
  99.  
  100. #bbar4 {position:fixed; background-image: transparent; background-attachment:fixed; background-color:{color:sidebar};width:160px; height:175.5px; overflow:hidden; margin-top:202px; margin-left:950px; border:0px solid{color:borders}}
  101.  
  102. #image {position:fixed; background-image:{image:image}; background-color:{color:sidebar}; width:120px; height:120px; border:6px {color:img border} solid; margin-top:160px; margin-left:140px}
  103.  
  104. #sidebar {float:right; position:fixed; width:308px; height:100px; margin-left:134px; margin-top:296px; overflow:hidden; border:0px {color:borders} solid;padding:10px; background-color:{color:sidebar}}
  105. #sbartext {font-family:{font:cambria};color:{color:text}; font-size:10px; width:317px; text-align:justify; font-style:normal; margin-left:-3px; margin-top:-7px}
  106.  
  107. #sidebar2 {position:fixed; background-color:{color:sidebar}; border:0px {color:borders} solid; width:188px; height:130px; margin-top:160px; margin-left:272px;}
  108.  
  109. #navigation {text-align:center; margin-top:1px; margin-left:1px}
  110.  
  111. #navigation a {display:inline-block; width:182px; height:1px; background-color:{color:navigation}; padding:9px 0; margin-left:1px; margin-right:-1px; margin-bottom:2px; color:{color:navigation text}; font-size:10px; font-family:calibri; line-height:1px; border:0px solid {color:navborders}; letter-spacing:0px}
  112.  
  113. #navigation a:hover {background-color:{color:navigation hover}; font-style:normal; color:{color:navigation text hover}; font-weight:normal}
  114.  
  115. #source {margin-top:3px; text-align:right; margin-bottom:5px; font-size:10px}
  116.  
  117. #info {color:{color:text}; font-size:10px; text-transform:lowercase; width: 498px; margin-top:2px; margin-left:4px; margin-bottom:-3px; background-color:{color:entries}; text-align: center; padding:3px; border-top:1px {color:borders} solid;}
  118.  
  119. #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;}
  120.  
  121. .user_1 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  122. .user_2 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  123. .user_3 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  124. .user_4 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  125. .user_5 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  126. .user_6 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  127. .user_7 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  128. .user_8 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  129. .user_9 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  130. .user_10 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  131. .user_11 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  132. .user_12 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  133. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  134.  
  135. #asks {border-bottom: 1px solid{color:borders}; color: {color:text}; text-align:center; padding:8px; background-color:{color:question}}
  136. .asker {text-transform: uppercase; font-weight:bold; margin-bottom:-12px; font-size:14px; letter-spacing:0px; font-style:none; }
  137. #answers {margin-left:3px; margin-top:8px}
  138.  
  139. #audio {border-radius:100%; width:100%; height:100px; margin-bottom:10px}
  140.  
  141. .albumart { border-radius:100%; padding: 2px; border: 1px #f1f1f1 solid; float:left; width:100px; height:100px}
  142.  
  143. .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}
  144.  
  145. .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}
  146.  
  147. .audioplayer {width:24px; height:24px; margin:28px 0 0 28px; overflow:hidden}
  148.  
  149. .audioinfo {margin-left:105px; height:54px; line-height:150%; font:10px georgia; color:{color:text}; padding:26px 5px 24px 10px; text-align:left}
  150.  
  151. .tracktitle {color:{color:title}; margin-bottom:-10px; text-transform: uppercase; font-size: 10px;}
  152.  
  153. /* -- DON'T TOUCH THIS -- */
  154.  
  155. #cred a {position:fixed; font:12px Marck Script; background-color:transparent; border:1px dotted {color:borders}; color:{color:link}; padding:3px; bottom:20px; right:20px}
  156.  
  157. #cred a:hover {color:{color:text}}
  158.  
  159. </style>
  160. </head>
  161.  
  162. <body>
  163.  
  164. <div id="sidebar">
  165. <div id="sbartext">{block:Description}{Description}{/block:Description}</div>
  166. </div>
  167. </div>
  168.  
  169. <div id="image" align="center"><img src="{image:image}" /></div>
  170. </div>
  171. </div>
  172.  
  173. <div id="sidebar2">
  174. <div id="navigation">
  175. <a href="/">REFRESH.</a><br>
  176. <a href="/ask">MESSAGE.</a><br>
  177. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a><br>{/block:ifLink1}
  178. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a><br>{/block:ifLink2}
  179. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  180. </div>
  181. <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>
  182. </div>
  183.  
  184. <div id="entries">
  185. {block:Posts}
  186. <div id="entrybar">
  187. <div id="posts">
  188.  
  189. {block:Quote}
  190. <div id="title2">❝ {Quote} ❞</div>
  191. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  192. {/block:Quote}
  193.  
  194. {block:Title}<div id="title1">{Title}</div>{/block:Title}
  195. {block:Text}{Body}{/block:Text}
  196.  
  197. {block:Link}
  198. <div id="title1"><a href="{URL}" class="link" {Target}>→ {Name}</a></div>{block:Description}<div class="description">{Description}</div>{/block:Description}
  199. {/block:Link}
  200.  
  201. {block:Photo}
  202. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  203. {block:Caption}{Caption}{/block:Caption}
  204. {/block:Photo}
  205.  
  206. {block:Photoset}
  207. <center>{Photoset-500}</center>
  208. {block:Caption}{Caption}{/block:Caption}
  209. {/block:Photoset}
  210.  
  211. {block:Chat}
  212. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  213. {/block:Chat}
  214.  
  215. {block:Video}
  216. {Video-500}
  217. {block:Caption}{Caption}{/block:Caption}
  218. {/block:Video}
  219.  
  220. {block:Audio}
  221. <div id="audio">
  222. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  223. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100" style="border-radius: 100%">{/block:AlbumArt}</div>
  224. <div class="audioinfo">
  225. <div class="tracktitle">{block:TrackName}{TrackName}{/block:TrackName}</div><br>
  226. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist} {block:Album}<br>
  227. <b>Album:</b> {Album}{/block:Album}<br>
  228. <b>Played:</b> {FormattedPlayCount} times</div></div>
  229. {block:Caption}{Caption}{/block:Caption}
  230. {/block:Audio}
  231.  
  232. {block:Answer}
  233. <div id="asks"><div class="asker">{Asker} wondered:</div>
  234. <br>{Question}</div>
  235. <div id="answers">{Answer}</div>
  236. {/block:Answer}
  237.  
  238. </div>
  239.  
  240. {block:Date}<div id="info">
  241. posted <a href="{Permalink}">{TimeAgo}</a>
  242. {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}
  243. </div>
  244.  
  245. {/block:Posts}
  246.  
  247. {block:PostNotes}{PostNotes}{/block:PostNotes}
  248.  
  249. </div>
  250.  
  251. <div id="cred"><a href="http://diannasroleplays.tumblr.com/" title="theme">DARPS</a></div>
  252. </div>
  253. </div>
  254.  
  255. </body>
  256. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement