API tools faq
paste
furyofthetimelords

theme 017

furyofthetimelords
Sep 19th, 2013
235
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.33 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme 017 by laura @furyofthetimelords -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13. <meta name="color:background" content="#ffffff" />
  14. <meta name="color:post" content="#e7e7e7" />
  15. <meta name="color:sidebar" content="#d5d5d5" />
  16. <meta name="color:description" content="#b3b3b3" />
  17. <meta name="color:text" content="#a8a8a8" />
  18. <meta name="color:link" content="#7c8a8d" />
  19.  
  20. <meta name="text:link1" content="" />
  21. <meta name="text:link1 URL" content="" />
  22. <meta name="text:link2" content="" />
  23. <meta name="text:link2 URL" content="" />
  24. <meta name="text:link3" content="" />
  25. <meta name="text:link3 URL" content="" />
  26. <meta name="text:link4" content="" />
  27. <meta name="text:link4 URL" content="" />
  28. <meta name="text:link5" content="" />
  29. <meta name="text:link5 URL" content="" />
  30. <meta name="text:link6" content="" />
  31. <meta name="text:link6 URL" content="" />
  32.  
  33. <meta name="image:sidebar img" content="" />
  34. <meta name="image:background" content="" />
  35.  
  36. <style type="text/css">
  37.  
  38. body {
  39. background: {color:background};
  40. background-image: url('{image:background}');
  41. margin: 0;
  42. padding: 0;
  43. font-family: georgia;
  44. }
  45.  
  46. a{text-decoration:none;}
  47.  
  48. a:link, a:active, a:visited{
  49. color:{color:link};
  50. text-decoration:none;
  51. font-style:italic;
  52. transition-duration: 0.8s;
  53. -moz-transition-duration: 0.8s;
  54. -webkit-transition-duration: 0.8s;
  55. -o-transition-duration: 0.8s;
  56. }
  57.  
  58. a:hover{
  59. color:{color:text};
  60. }
  61.  
  62. blockquote {
  63. border-left:3px solid {color:post};
  64. padding-left:5px;
  65. }
  66.  
  67.  
  68. #title {
  69. font-family:georgia;
  70. color:{color:text};
  71. font-size:14px;
  72. font-style:italic;
  73. text-transform:uppercase;
  74. text-align:center;
  75. text-decoration:none;
  76. }
  77.  
  78. #titlep {
  79. font-family:georgia;
  80. color:{color:text};
  81. font-size:18px;
  82. text-align:center;
  83. text-decoration:none;
  84. }
  85.  
  86. #titleq {
  87. font-family:georgia;
  88. color:{color:text};
  89. font-size:18px;
  90. font-style:italic;
  91. text-align:center;
  92. text-decoration:none;
  93. }
  94.  
  95. .titlen a{
  96. font-family:georgia;
  97. color:{color:link};
  98. font-size:18px;
  99. font-style:italic;
  100. text-align:center;
  101. text-decoration:none;
  102. transition-duration: 0.8s;
  103. -moz-transition-duration: 0.8s;
  104. -webkit-transition-duration: 0.8s;
  105. -o-transition-duration: 0.8s;
  106. }
  107.  
  108. .titlen a:hover {
  109. color:{color:text};
  110. }
  111.  
  112.  
  113. #sidebar {
  114. position:fixed;
  115. height:100%;
  116. margin-left:250px;
  117. width:150px;
  118. padding:180px 5px 5px 5px;
  119. background-color:{color:sidebar};
  120. }
  121.  
  122.  
  123. #sidebarpic img {
  124. margin-bottom:20px;
  125. width:108px;
  126. height:auto;
  127. text-align:center;
  128. border:1px solid {color:background};
  129. padding:5px;
  130. }
  131.  
  132. #description {
  133. margin-top:2px;
  134. width: 120px;
  135. font-size:10px;
  136. text-align:justify;
  137. color:{color:description};
  138. font-family:georgia;
  139. }
  140.  
  141. #bar {
  142. position:fixed;
  143. height:100%;
  144. width:240px;
  145. padding:250px 5px 5px 5px;
  146. background-color:{color:post};
  147. }
  148.  
  149. .nav a{
  150. display:inline-block;
  151. margin-top:10px;
  152. text-align:center;
  153. font-size:11px;
  154. font-family:georgia;
  155. text-transform:uppercase;
  156. width:120px;
  157. padding:2px;
  158. background-color:{color:sidebar};
  159. transition-duration: 0.8s;
  160. -moz-transition-duration: 0.8s;
  161. -webkit-transition-duration: 0.8s;
  162. -o-transition-duration: 0.8s;
  163. }
  164.  
  165. .nav a:hover {
  166. background-color:{color:post};
  167. text-decoration:none;
  168. }
  169.  
  170. .icon img {
  171. padding-right:3px;
  172. float:left;
  173. margin-left:5px;
  174. }
  175.  
  176. #qtext {
  177. float:left;
  178. border-bottom:2px solid {color:post};
  179. padding-left:5px;
  180. margin-bottom:5px;
  181. padding-bottom:5px;
  182. width:500px;
  183. background-color:{color:background};
  184. }
  185.  
  186. #ans {
  187. margin-top:10px;
  188. }
  189.  
  190. #audio {
  191. float:right;
  192. margin-right:150px;
  193. }
  194.  
  195. #audi img{
  196. margin-left:-100px;
  197. float:left;
  198. width:100px;
  199. height:100px;
  200. background-color:{color:sidebar};
  201. }
  202.  
  203. #audip img{
  204. float:left;
  205. width:100px;
  206. height:100px;
  207. background-color:{color:sidebar};
  208. background-image: url('');
  209. }
  210.  
  211. #entry {
  212. font-size:10px;
  213. margin-right: 20%;
  214. margin-top:40px;
  215. float: right;
  216. text-align: justify;
  217. width:500px;
  218. }
  219.  
  220. #post {
  221. font-size:10px;
  222. padding: 5px;
  223. width: 500px;
  224. color:{color:text};
  225. text-align: justify;
  226. }
  227.  
  228. #info {
  229. padding-top:2px;
  230. border-top:1px solid {color:post};
  231. }
  232.  
  233. #fade {
  234. display: none;
  235. background: gray;
  236. position: fixed;
  237. left: 0;
  238. top: 0;
  239. width: 100%;
  240. height: 100%;
  241. opacity: .80;
  242. z-index: 9999;
  243. }
  244.  
  245. .popup_block{
  246. display: none;
  247. background: {color:post};
  248. padding: 20px;
  249. float: left;
  250. position: fixed;
  251. top: 50%;
  252. left: 50%;
  253. z-index: 99999;
  254. }
  255.  
  256. img.btn_close {
  257. float: right;
  258. margin: -55px -55px 0 0;
  259. }
  260.  
  261. *html #fade {
  262. position: absolute;
  263. }
  264.  
  265. *html .popup_block {
  266. position: absolute;
  267. }
  268.  
  269. #terms {
  270. font-size:10px;
  271. font-family:georgia;
  272. color:{color:text};
  273. }
  274.  
  275.  
  276. .navii a{
  277. display:inline-block;
  278. margin-top:10px;
  279. text-align:center;
  280. font-size:11px;
  281. font-family:georgia;
  282. text-transform:uppercase;
  283. width:100px;
  284. padding:2px;
  285. background-color:{color:sidebar};
  286. transition-duration: 0.8s;
  287. -moz-transition-duration: 0.8s;
  288. -webkit-transition-duration: 0.8s;
  289. -o-transition-duration: 0.8s;
  290. }
  291.  
  292. .navii a:hover {
  293. background-color:{color:post};
  294. text-decoration:none;
  295. }
  296.  
  297. {CustomCSS}
  298. </style>
  299. <script type="text/javascript"
  300. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  301.  
  302. <script>
  303.  
  304.  
  305.  
  306. $(document).ready(function() {
  307.  
  308. //
  309.  
  310.  
  311.  
  312. //When you click on a link with class of poplight and the href starts with a #
  313.  
  314. $('a.poplight[href^=#]').click(function() {
  315.  
  316. var popID = $(this).attr('rel'); //Get Popup Name
  317.  
  318. var popURL = $(this).attr('href'); //Get Popup href to define size
  319.  
  320.  
  321.  
  322. //Pull Query & Variables from href URL
  323.  
  324. var query= popURL.split('?');
  325.  
  326. var dim= query[1].split('&');
  327.  
  328. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  329.  
  330.  
  331.  
  332. //Fade in the Popup and add close button
  333.  
  334. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://tiny.cc/closeimg" class="btn_close" title="Close Window" alt="Close" /></a>');
  335.  
  336.  
  337. //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
  338.  
  339. var popMargTop = ($('#' + popID).height() + 80) / 2;
  340.  
  341. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  342.  
  343.  
  344.  
  345. //Apply Margin to Popup
  346.  
  347. $('#' + popID).css({
  348.  
  349. 'margin-top' : -popMargTop,
  350.  
  351. 'margin-left' : -popMargLeft
  352.  
  353. });
  354.  
  355.  
  356.  
  357. //Fade in Background
  358.  
  359. $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
  360.  
  361. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
  362.  
  363.  
  364.  
  365. return false;
  366.  
  367. });
  368.  
  369.  
  370.  
  371. //Close Popups and Fade Layer
  372.  
  373. $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
  374.  
  375. $('#fade , .popup_block').fadeOut(function() {
  376.  
  377. $('#fade, a.close').remove(); //fade them both out
  378.  
  379. });
  380.  
  381. return false;
  382.  
  383. });
  384.  
  385.  
  386.  
  387.  
  388.  
  389. });
  390.  
  391. </script>
  392. </head>
  393.  
  394. <body>
  395.  
  396. <div id="sidebar">
  397. <center>
  398. <div id="sidebarpic"><img src="{image:sidebar img}"/></div>
  399. <div id="description">{block:Description}{Description}{/block:Description}</div>
  400. <center>
  401. {block:PreviousPage}<a href="{PreviousPage}"><font-size="12">«</font></a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"><font-size="12">»</font></a>{/block:NextPage}
  402. </center></div>
  403. <div id="bar">
  404. <div id="title">{Title}</div>
  405. <center>
  406. <div class="nav"><a href="/">home</a> <a href="/ask">ask</a> <a href="/archive">past</a> <a href="#?w=500" rel="linkii" class="poplight">links</a> <a href="http://furyofthetimelords.tumblr.com">theme</a></div>
  407. </div>
  408.  
  409.  
  410. <div id="linkii" class="popup_block">
  411. <center><div id="title">navigation</div>
  412. <p><div class="nav">{block:ifLink1}<a href="{text:link1 URL}">{text:link1}</a>{/block:iflink1} {block:ifLink2}<a href="{text:link2 URL}">{text:link2}</a>{/block:iflink2} {block:ifLink3}<a href="{text:link3 URL}">{text:link3}</a>{/block:iflink3} {block:ifLink4}<a href="{text:link4 URL}">{text:link4}</a>{/block:iflink4} {block:ifLink5}<a href="{text:link5 URL}">{text:link5}</a>{/block:iflink5} {block:ifLink6}<a href="text:{link6 URL}">{text:link6}</a>{/block:iflink6}</div></center>
  413. </div>
  414.  
  415. <div id="entry">
  416. {block:Posts}
  417. <div id="post">
  418.  
  419. {block:Text}<div id="titlep">{Title}</div>{Body}{/block:Text}
  420.  
  421. {block:Quote}<div id="titleq">“{Quote}”</div> <h2>— {Source}</h2>{/block:Quote}
  422.  
  423. {block:Link}<a href="{URL}" class="link" {Target}> <div class="titlen">{Name}</a></div>
  424. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  425.  
  426. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  427. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  428.  
  429. {block:Chat}{block:Title}<div id="titlep">{Title}</div><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  430. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  431.  
  432. {block:Answer}
  433. <div id="qtext">
  434. <div class="icon"><img src="{AskerPortraitURL-30}"></div><b>{Asker}</b> inquired:<br>
  435. {Question}</div>
  436. <br>
  437. <br>
  438. <br>
  439. <div id="ans">{Answer}</div>
  440. {/block:Answer}
  441.  
  442.  
  443.  
  444. {block:Audio}<div id="audip"><img src="http://fc08.deviantart.net/fs71/f/2011/185/f/9/no_cover_itunes_by_stainless2-d3kxnbe.png"></div><span class="audio">{block:AlbumArt}<div id="audi"><image src="{AlbumArtURL}" width="100"></div>{/block:AlbumArt}<center><div id="audio">{AudioPlayerBlack}<strong>song:</strong> {block:TrackName}{TrackName}{/block:TrackName} <br><strong>artist:</strong> {block:Artist}{Artist}{/block:Artist} <br><strong>album:</strong> {block:Album}{Album}{/block:Album}</div></center></span><br><br><br><br><br><br><br><br>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  445.  
  446. <div id="info"><center><a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} - <a href="{Permalink}">{NoteCount}</a> {/block:NoteCount}{block:RebloggedFrom} - <a href="{ReblogParentURL}">via</a>
  447. {block:ContentSource} - <a href="{SourceURL}">source</a>{block:ContentSource}{/block:RebloggedFrom}<br>
  448. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><br><center>
  449. {/block:Posts}
  450.  
  451. {block:PostNotes}{PostNotes}{/block:PostNotes}
  452.  
  453. </div>
  454.  
  455. </body>
  456.  
  457. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!