API tools faq
paste
Advertisement
chezshay

theme 21 "brit"

chezshay
Mar 29th, 2014
1,581
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.79 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5.  
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11.  
  12. <!---@shayofrp
  13. i'm watching u :))--->
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#a8a8a8"/>
  17. <meta name="color:Hover" content="#f2f2f2"/>
  18. <meta name="color:Scrollbar" content="#000000"/>
  19. <meta name="color:ScrollbarBg" content="#ffffff"/>
  20. <meta name="color:Answer Backg" content="#000000"/>
  21. <meta name="color:Links" content="#000000"/>
  22. <meta name="color:Links Background" content="#000000"/>
  23. <meta name="color:Description Background" content="#000000"/>
  24. <meta name="color:postbg" content="#ffffff"/>
  25. <meta name="color:Info Background" content="#ffffff"/>
  26. <meta name="image:sidebar" content=""/>
  27. <meta name="image:panel image" content=""/>
  28. <meta name="image:background" content=""/>
  29. <meta name="text:Link 1" content="">
  30. <meta name="text:Link 1 URL" content="/">
  31. <meta name="text:Link 2" content="">
  32. <meta name="text:Link 2 URL" content="/">
  33. <meta name="text:Link 3" content="">
  34. <meta name="text:Link 3 URL" content="/">
  35.  
  36. <style type="text/css">
  37.  
  38.  
  39. ::-webkit-scrollbar-thumb {
  40. height:auto;
  41. background-color:{color:Scrollbar};
  42. }
  43.  
  44. ::-webkit-scrollbar {
  45. height:9px;
  46. width:4px;
  47. background-color:{color:ScrollbarBg};
  48. }
  49.  
  50.  
  51. body {
  52. background:{color:background};
  53. margin:0px;
  54. color:{color:text};
  55. font-family:arial, sans-serif;
  56. font-size:9px;
  57. line-height:100%;
  58. letter-spacing:0px;
  59. text-align:justify;
  60. background-image:url('{image:background}');
  61. }
  62.  
  63. a {
  64. text-decoration:none;
  65. outline:none;
  66. -moz-outline-style:none;
  67. color:{color:links};
  68. font-weight:bold;
  69. font-family:arial;
  70. text-decoration:underline;
  71. }
  72.  
  73. pre{color:{color:postbg};
  74. padding:5px;
  75. font-size:110%;
  76. text-transform:uppercase;
  77. background-color:{color:text};}
  78.  
  79. img {
  80. border:none;
  81. }
  82.  
  83. h1 {
  84. font-size:24px;
  85. color:{color:text};
  86. text-transform:uppercase;
  87. font-family:'arial';
  88. font-style:bold, italic;
  89. text-align:left;
  90. }
  91.  
  92. blockquote {border-left: solid 1px {color:links};
  93. padding-left:5px;
  94. }
  95.  
  96. a:hover {
  97. color:{color:postbg};
  98. -moz-transition-duration:0.3s;
  99. -webkit-transition-duration:0.3s;
  100. -o-transition-duration:0.3s;
  101. }
  102.  
  103. #page {
  104. width: 940px;
  105. height: 400px;
  106. padding: 20px;
  107. margin: 0 auto;
  108. background: white;
  109. }
  110. .panel {
  111. display: none;
  112. width: 220px;
  113. padding: 20px;
  114. background-color: {color:postbg};
  115. color: {color:text};
  116. }
  117. /*ENTRIES*/
  118.  
  119. #entries {
  120. padding:10px;
  121. width:500px;
  122. margin-left:550px;
  123. margin-top:-250px;
  124. letter-spacing:0px;
  125. line-height:140%;
  126. z-index:-99;
  127. font-size:9px;
  128. position:absolute;
  129. }
  130.  
  131. #post {
  132. width:500px;
  133. padding:10px;
  134. margin-top:10px;
  135. background-color:{color:postbg};
  136. }
  137.  
  138.  
  139. /*SIDEBAR*/
  140.  
  141.  
  142. #sidebar {
  143. width:500px;
  144. margin-left:189px;
  145. margin-top:250px;
  146. }
  147.  
  148. #sidebarimage img{
  149. position:fixed;
  150. margin-top:-140px;
  151. padding:2px;
  152. margin-left:-70px;
  153. }
  154.  
  155. #description{position:fixed; margin-top:0px; margin-left:430px; width:100px;background-color:{color:Description Background};padding:1px;font-size:9px; font-family:arial, sans-serif;;color:{color:Background};font-family:arial;padding:10px; border-left: solid 2px {color:links};
  156. height:200px;overflow:auto;}
  157.  
  158.  
  159. #faq2{position:fixed; margin-top:200px; margin-left:715px; width:210px;height:80px;padding:7px;font-size:9px; font-family:arial, sans-serif;}
  160.  
  161. #left-panel-link {font-size:20px;
  162. font-family:arial;
  163. margin-left:450px;
  164. margin-top:230px;
  165. position:fixed;
  166. text-decoration:none;
  167. padding:10px;
  168. background-color:{color:Links Background};
  169. }
  170.  
  171. /*POST INFO*/
  172.  
  173. #info {
  174. width:500px;
  175. text-align:center;
  176. font-family:'arial';
  177. text-transform:lowercase;
  178. margin-top:1px;
  179. margin-left:-4px;
  180. font-size:9px;
  181. font-style:none;
  182. padding:4px;
  183. line-height:10px;
  184. background-color:{color:Info Background};
  185. color:{color:Postbg};
  186. }
  187.  
  188. #info a {
  189. text-align:center;
  190. color:{color:Text};
  191. }
  192.  
  193. .tags {text-transform:none;
  194. color:{color:postbg};
  195. width:496px;
  196. margin-left:-4px;
  197. background-color:{color:background};
  198. font-size:8px;
  199. padding:6px;-moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  200.  
  201.  
  202. .tags a {
  203. letter-spacing:0px;
  204. font-size:8px;
  205. text-align:center;
  206. font-family:'arial';
  207. text-decoration:none;
  208. display:inline-block;
  209. color:{color:postbg};
  210. }
  211.  
  212. .tags a:hover{background-color:{color:Links};}
  213.  
  214. /*SIDELINKS*/
  215. .links {
  216. padding:5px;
  217. padding-bottom:6px;
  218. line-height:150%;
  219. z-index:10000000000000000;
  220. text-align:center;
  221. font-size:8px;
  222. letter-spacing:4px;
  223. opacity:1;
  224. position:fixed;
  225. font-family:'arial';
  226. position:absolute;
  227. text-transform:uppercase;
  228. text-align:center;}
  229.  
  230. .links a{
  231. z-index:10000000000000000;
  232. margin-left:10px;
  233. padding:5px;
  234. display:inline-block;
  235. }
  236.  
  237. .links a:hover{
  238. color:{color:postbg};
  239. -moz-transition-duration:.2s;
  240. -webkit-transition-duration:.2s;
  241. -o-transition-duration:.2s;
  242. background-color:{color:Links Background};
  243. }
  244.  
  245. #navi{
  246. text-align:center;
  247. margin-left:-287px;
  248. width:50px;
  249. margin-top:-300px;
  250. font-family:arial;
  251. position:fixed;
  252. }
  253.  
  254. #navi a{
  255. width:97px;
  256. color:{color:Links};
  257. border-left:solid 2px{color:Info Background};
  258. display:inline-block;
  259. font-style:none;
  260. margin-left:-4px;
  261. margin-top:-1px;
  262. text-transform:uppercase;
  263. font-size:8px;
  264. margin-bottom:3px;
  265. padding:10px;
  266. background-color:{color:Links Background};
  267. }
  268.  
  269. #navi a:hover{background-color:{color:postbg};}
  270.  
  271. /*QUESTION*/
  272.  
  273. #asker {
  274. color:{color:text};
  275. border-left:solid 2px{color:links};
  276. padding:14px;
  277. font-family:'arial';
  278. font-size:9px;
  279. letter-spacing:0px;
  280. text-align:left;
  281. margin-top:0px;
  282. text-transform:lowercase;
  283. line-height:100%;
  284. background-color:{color:Answer backg};
  285. }
  286.  
  287. #asker a{color:{color:postbg};}
  288.  
  289. #url{color:{color:Text};
  290. padding:4px;
  291. border-left:solid 2px{color:links};
  292. font-family:'arial';
  293. font-size:9px;
  294. letter-spacing:0px;
  295. text-align:center;
  296. margin-top:0px;
  297. text-transform:uppercase;
  298. line-height:100%;
  299. background-color:{color:Info Background};
  300. }
  301.  
  302. #url a{color:{color:postbg}}
  303.  
  304. #pagination {
  305. font-size:9px;
  306. letter-spacing:5px;
  307. padding:10px;
  308. text-transform:uppercase;
  309. margin-top:-180px;
  310. margin-left:1100px;
  311. text-align:center;
  312. position:fixed;
  313. color:{color:text};
  314. background-color:{color:Description Background};
  315. border-left:solid 2px{color:links};
  316. }
  317. #pagination a{color:{color:Links};}
  318.  
  319. /*CREDIT*/
  320.  
  321. #cred {
  322. position:fixed;
  323. font-family:'arial';
  324. text-transform:uppercase;
  325. font-size:8px;
  326. right:9px;
  327. bottom:9px;
  328. padding:4px;
  329. background-color:{color:postbg};
  330. letter-spacing:1px;
  331. }
  332.  
  333.  
  334. {CustomCSS}</style></head><body>
  335.  
  336. <div id="sidebar">
  337. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  338. </div>
  339.  
  340. <div id="description"><div align="justify">
  341. {description}
  342. </div></div>
  343. <a id="left-panel-link" href="#left-panel">more</a>
  344. </div>
  345.  
  346. </div>
  347.  
  348. <div id="faq2">
  349.  
  350. <div id="navi">
  351. <a href="{text:link 1 url}">{text:link 1}</a>
  352. <a href="{text:link 2 url}">{text:link 2}</a>
  353. <a href="{text:link 3 url}">{text:link 3}</a>
  354. <br>
  355. </div>
  356.  
  357. </div></div></div></div>
  358.  
  359. <div id="entries">
  360. {block:Posts}
  361. <div id="post">
  362.  
  363. {block:Text}
  364. <h1>{block:Title}{Title}{/block:Title}</h1>
  365. {Body}{/block:Text}
  366.  
  367. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  368. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  369.  
  370. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  371. {/block:Caption}{/block:Photoset}
  372.  
  373. {block:Quote}<h2>"{Quote}"</h2>
  374. {block:Source}<div class="qsource"> —{Source}</div>
  375. {/block:Source}{/block:Quote}
  376.  
  377. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  378.  
  379. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  380.  
  381. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  382. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  383. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  384. {/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
  385. {/block:Audio}<br>
  386.  
  387. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  388.  
  389. {block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}
  390.  
  391. <div id="info">
  392. <div id="permalink">
  393. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a> —
  394. {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  395. and {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource}
  396. {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom}
  397. with {NoteCountWithLabel}</a></div>
  398.  
  399. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</div>
  400.  
  401. {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  402. </div>{/block:Posts}{/block:Posts}</div></div>
  403. <div id="pagination"> {text:title}{block:Pagination}
  404. {block:PreviousPage}
  405. <a href="{PreviousPage}">back</a>
  406. {/block:PreviousPage}
  407.  
  408. {block:NextPage}
  409. <a href="{NextPage}">forward</a>
  410. {/block:NextPage}
  411. </div>
  412. {/block:Pagination}
  413. </div>
  414.  
  415. <div id="cred">
  416. <a href="http://shayofrp.tumblr.com/">SHAYOFRP</a>
  417. </div>
  418. <!-- Left panel -->
  419. <div id="left-panel" class="panel">
  420. <pre>Left panel</pre>
  421. <div align=center><img src="{image:panel image}"></div><br>
  422. <blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ullamcorper elit in dolor tristique lobortis. Donec at mattis nunc, ac malesuada mauris. Integer sollicitudin varius rutrum. Nulla adipiscing mi sit amet sapien vulputate consequat. Donec sagittis elit in felis cursus luctus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
  423. <pre>TITLE HERE</pre>
  424. Cras vitae nisi ut sem placerat mattis id vel arcu. Nunc ultricies, leo in commodo porttitor, enim purus vestibulum arcu, quis feugiat libero ante ut orci. Quisque vel purus eget augue malesuada euismod. Morbi libero arcu, elementum ac tempor nec, volutpat nec nibh. Donec sed ipsum ante. Fusce eu dictum metus. Fusce placerat bibendum nibh, a eleifend quam dictum in. Etiam at lorem elementum, fringilla purus nec, ornare neque.</blockquote>
  425. </div>
  426.  
  427. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  428. <script src="http://www.jqueryscript.net/demo/jQuery-Plugin-For-Sliding-Side-Panel-panel-slider/jquery.panelslider.min.js"></script>
  429. <script>
  430. $('#left-panel-link').panelslider();
  431. $('#right-panel-link').panelslider({side: 'right', clickClose: false, duration: 200 });
  432.  
  433. $('#close-panel-bt').click(function() {
  434. $.panelslider.close();
  435. });
  436. </script>
  437. <script type="text/javascript">
  438.  
  439. var _gaq = _gaq || [];
  440. _gaq.push(['_setAccount', 'UA-36251023-1']);
  441. _gaq.push(['_setDomainName', 'jqueryscript.net']);
  442. _gaq.push(['_trackPageview']);
  443.  
  444. (function() {
  445. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  446. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  447. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  448. })();
  449.  
  450. </script>
  451. </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!