API tools faq
paste
Advertisement
chezshay

theme 30 "kaitlyn"

chezshay
Sep 23rd, 2014
1,424
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.21 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. <script type="text/javascript" src="http://static.tumblr.com/u6pbfuu/KE9m9harl/jquery-1.3.1.min.js"></script>
  4. <script type="text/javascript" src="http://static.tumblr.com/u6pbfuu/YnBm9hare/jquery.scrollto.js"></script>
  5. <script>
  6.  
  7. $(document).ready(function() {
  8.  
  9. //Get the height of the first item
  10. $('#mask').css({'height':$('#panel-1').height()});
  11.  
  12. //Calculate the total width - sum of all sub-panels width
  13. //Width is generated according to the width of #mask * total of sub-panels
  14. $('#panel').width(parseInt($('#mask').width() * $('#panel div').length));
  15.  
  16. //Set the sub-panel width according to the #mask width (width of #mask and sub-panel must be same)
  17. $('#panel div').width($('#mask').width());
  18.  
  19. //Get all the links with rel as panel
  20. $('a[rel=panel]').click(function () {
  21.  
  22. //Get the height of the sub-panel
  23. var panelheight = $($(this).attr('href')).height();
  24.  
  25. //Set class for the selected item
  26. $('a[rel=panel]').removeClass('selected');
  27. $(this).addClass('selected');
  28.  
  29. //Resize the height
  30. $('#mask').animate({'height':panelheight},{queue:false, duration:500});
  31.  
  32. //Scroll to the correct panel, the panel id is grabbed from the href attribute of the anchor
  33. $('#mask').scrollTo($(this).attr('href'), 800);
  34.  
  35. //Discard the link default behavior
  36. return false;
  37. });
  38.  
  39. });
  40. </script>
  41.  
  42.  
  43. <head>
  44.  
  45. <title>{Title}</title>
  46. <link rel="shortcut icon" href="{Favicon}">
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  48. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49.  
  50.  
  51. <!---@shayofrp
  52. i'm watching u :))--->
  53.  
  54. <meta name="color:Background" content="#ffffff"/>
  55. <meta name="color:Text" content="#a8a8a8"/>
  56. <meta name="color:Hover" content="#f2f2f2"/>
  57. <meta name="color:Scrollbar" content="#000000"/>
  58. <meta name="color:ScrollbarBg" content="#ffffff"/>
  59. <meta name="color:Answer Backg" content="#000000"/>
  60. <meta name="color:Links" content="#000000"/>
  61. <meta name="color:Links Background" content="#000000"/>
  62. <meta name="color:Description Background" content="#000000"/>
  63. <meta name="color:postbg" content="#ffffff"/>
  64. <meta name="color:Left Sidebar Background" content="#ffffff"/>
  65. <meta name="color:Info Background" content="#ffffff"/>
  66.  
  67. <meta name="image:background" content=""/>
  68. <meta name="image:slide1" content=""/>
  69. <meta name="image:png" content=""/>
  70. <meta name="image:admin1" content=""/>
  71. <meta name="image:admin2" content=""/>
  72. <meta name="image:admin3" content=""/>
  73. <meta name="text:Link 1 URL" content="/">
  74. <meta name="text:Link 2 URL" content="/">
  75. <meta name="text:Link 3 URL" content="/">
  76. <meta name="text:Link 4 URL" content="/">
  77. <meta name="text:Link 5 URL" content="/">
  78. <meta name="text:Link 6 URL" content="/">
  79. <meta name="text:Link 7 URL" content="/">
  80. <meta name="text:Link 2 name" content="/">
  81. <meta name="text:Link 3 name" content="/">
  82. <meta name="text:Link 4 name" content="/">
  83. <meta name="text:Link 5 name" content="/">
  84. <meta name="text:Link 6 name" content="/">
  85. <meta name="text:Link 7 name" content="/">
  86. <meta name="text:extra slide" content="/">
  87.  
  88. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
  89.  
  90.  
  91. <style type="text/css">
  92.  
  93.  
  94. ::-webkit-scrollbar-thumb {
  95. height:auto;
  96. background-color:{color:Scrollbar};
  97. }
  98.  
  99. ::-webkit-scrollbar {
  100. height:9px;
  101. width:4px;
  102. background-color:{color:ScrollbarBg};
  103. }
  104.  
  105.  
  106. body {
  107. background:{color:background};
  108. margin:0px;
  109. color:{color:text};
  110. font-family:arial, sans-serif;
  111. font-size:9px;
  112. line-height:100%;
  113. letter-spacing:0px;
  114. text-align:justify;
  115. background-image:url('{image:background}');
  116. }
  117.  
  118. a {
  119. text-decoration:none;
  120. outline:none;
  121. -moz-outline-style:none;
  122. color:{color:links};
  123. font-weight:bold;
  124. font-family:arial;
  125. }
  126.  
  127. pre{color:{color:postbg};
  128. padding:5px;
  129. font-size:110%;
  130. text-transform:uppercase;
  131. background-color:{color:text};}
  132.  
  133. img {
  134. border:none;
  135. }
  136.  
  137. h1 {
  138. font-size:12px;
  139. color:{color:text};
  140. text-transform:uppercase;
  141. font-family:'arial';
  142. font-style:bold, italic;
  143. text-align:left;
  144. }
  145.  
  146. blockquote {
  147. background-color:{color:background};
  148. padding-left:5px;
  149. padding:2px;
  150. margin-left:10px;
  151. margin-right:10px;
  152. margin-top:5px;
  153. }
  154.  
  155. a:hover {
  156. color:{color:postbg};
  157. -moz-transition-duration:0.3s;
  158. -webkit-transition-duration:0.3s;
  159. -o-transition-duration:0.3s;
  160. }
  161.  
  162. /*ENTRIES*/
  163.  
  164. #entries {
  165. padding:10px;
  166. width:500px;
  167. margin-left:0px;
  168. margin-top:-30px;
  169. letter-spacing:0px;
  170. line-height:140%;
  171. z-index:-99;
  172. font-size:9px;
  173. position:absolute;
  174. }
  175.  
  176. #post {
  177. width:500px;
  178. padding:10px;
  179. margin-top:30px;
  180. background-color:{color:postbg};
  181. }
  182.  
  183. #box{
  184. position: fixed;
  185. width: 540px;
  186. height:100%;
  187. margin-left:600px;
  188. margin-top:0px;
  189. padding: 10px;
  190. overflow: auto;
  191. }
  192.  
  193. /*SIDEBAR*/
  194. #png{position:fixed;
  195. margin-top:0px;
  196. margin-left:150px;
  197. }
  198.  
  199. #sidebar {
  200. border-left:solid 5px {color:text};
  201. margin-left:85px;
  202. margin-top:200px;
  203. padding:5px;
  204. background-color:{color:description background};
  205. position:fixed;
  206. }
  207.  
  208. .description{
  209. margin-top:0px;
  210. background:{color:background};
  211. font-size:9px;
  212. line-height:150%;
  213. position:relative;
  214. height:190px;
  215. overflow:auto;
  216. margin-left:0px;
  217. left:-0px;
  218. color:{color:text};
  219. font-family:arial;
  220. }
  221.  
  222.  
  223. /*POST INFO*/
  224.  
  225. #info {
  226. width:510px;
  227. text-align:left;
  228. font-family:arial;
  229. text-transform:lowercase;
  230. margin-left:-10px;
  231. font-size:9px;
  232. margin-top:20px;
  233. margin-bottom:-30px;
  234. font-style:none;
  235. padding:5px;
  236. line-height:10px;
  237. background-color:{color:Info Background};
  238. color:{color:Text};
  239. }
  240.  
  241. #info a {
  242. text-align:center;
  243. font-family:arial;
  244. color:{color:Text};
  245. }
  246.  
  247. .right{float:right}
  248.  
  249. /*BANNER HOVER*/
  250.  
  251. #admins{width:50px;margin-left:10px;position:relative;
  252. margin-top:15px;
  253. }
  254.  
  255. #admins img{
  256. width:40px;
  257. margin-left:5px;
  258. margin-bottom:5px;
  259. border:solid 5px {color:text};
  260. }
  261.  
  262. /*SIDELINKS*/
  263. .links {
  264. padding:5px;
  265. padding-bottom:6px;
  266. line-height:150%;
  267. z-index:10000000000000000;
  268. text-align:center;
  269. font-size:8px;
  270. letter-spacing:4px;
  271. opacity:1;
  272. position:fixed;
  273. font-family:'arial';
  274. position:absolute;
  275. text-transform:uppercase;
  276. text-align:center;}
  277.  
  278. .links a{
  279. z-index:10000000000000000;
  280. margin-left:10px;
  281. padding:5px;
  282. display:inline-block;
  283. }
  284.  
  285. .links a:hover{
  286. color:{color:postbg};
  287. -moz-transition-duration:.2s;
  288. -webkit-transition-duration:.2s;
  289. -o-transition-duration:.2s;
  290. background-color:{color:Links Background};
  291. }
  292.  
  293. #links{
  294. text-transform:uppercase;
  295. padding:10px;
  296. text-align:right;
  297. margin-top:0px;
  298. background:{color:description background};
  299. font-size:10px;
  300. margin-left:260px;
  301. font-family:times;
  302. width:300px;
  303. color:black;
  304. font-family:arial;}
  305.  
  306. #links a:hover{background:{color:text}}
  307. #links a{
  308. z-index:10000000000000000;
  309. background:{color:postbg};
  310. padding:5px;
  311. margin-top:5px;
  312. color:{color:text};
  313. width:95%;
  314. display:inline-block;
  315. }
  316.  
  317.  
  318. /*QUESTION*/
  319.  
  320. #asker {
  321. color:{color:text};
  322. padding:10px;
  323. font-family:'arial';
  324. font-size:10px;
  325. letter-spacing:0px;
  326. text-align:left;
  327. margin-top:0px;
  328. text-transform:lowercase;
  329. line-height:100%;
  330. background-color:{color:Answer backg};
  331. }
  332.  
  333. #asker a{color:{color:postbg};}
  334.  
  335. #url{color:{color:postbg};
  336. padding:4px;
  337. font-family:'arial';
  338. font-size:9px;
  339. letter-spacing:0px;
  340. text-align:center;
  341. margin-top:0px;
  342. font-weight:bold;
  343. text-transform:uppercase;
  344. line-height:100%;
  345. background-color:{color:Text};
  346. }
  347.  
  348. #url a{color:{color:postbg};text-transform:uppercase;}
  349.  
  350. #pagination {
  351. font-size:9px;
  352. width:200px;
  353. padding:5px;
  354. text-transform:uppercase;
  355. text-align:center;
  356. font-family:arial;
  357. color:{color:text};
  358. border-bottom:solid 2px{color:links};
  359. }
  360. #pagination a{padding:2px;color:{color:text};background-color:{color:background};}
  361.  
  362.  
  363. #caixa {overflow:hidden; letter-spacing: 0px; text-align: justify;6; font: normal 10px arial;background-color:{color:description background}; line-height:15px; padding:5px; width:200px;margin-left:350px;margin-top:191px;position:fixed;}
  364.  
  365.  
  366. #scroller-header a{text-decoration:none; color:{color:background}; padding:2px; background: {color:description background}; float:center;display:inline-block;width:29%;text-transform:uppercase;text-align:center;}
  367.  
  368. #scroller-header a:hover{text-decoration:underline}
  369.  
  370. a.selected{color:{color:text}!important}
  371. #scroller-header{background:{color:postbg}; no-repeat; height:15px; padding:10px; font-weight:700;margin:1px; float:center; }
  372.  
  373. #scroller-body{background:{color:background}; no-repeat bottom center;padding-bottom:30px;height:315px;}
  374. #mask{width:190px;overflow:hidden;margin:0 auto;}
  375. #panel{}
  376. #panel div{float:left;}
  377. #panel ul{list-style:none;margin:0 0px;padding:0;}
  378. #panel ul li{padding:10px;color:{color:text};border-bottom: solid 1px {color:links}; font-family:arial;text-align:center;background-color:{color:sidebar background};}
  379. #panel ul li a{padding:10px;color:{color:text}; font-family:arial;text-align:center;}
  380. #panel ul li.last{border-bottom:none!important;}
  381. #panel-1{}#panel-2{}#panel-3{}
  382.  
  383. #leftsidebar{background-color:transparent;
  384. padding:10px;
  385. z-index:-9;
  386. margin-left:0px;
  387. width:300px;
  388. margin-top:240px;
  389. padding-top:20px;
  390. position:fixed;
  391. }
  392.  
  393.  
  394. banner{font-size:9px;
  395. background-color:{color:Text};
  396. font-weight:bold;
  397. margin-top:5px;
  398. width:89%;
  399. text-transform:uppercase;
  400. display:inline-block;
  401. color:{color:background};
  402. margin-left:0px;
  403. padding:10px;
  404. }
  405.  
  406.  
  407. /*CREDIT*/
  408.  
  409. #cred {
  410. position:fixed;
  411. font-family:'courier';
  412. text-transform:uppercase;
  413. font-size:8px;
  414. right:9px;
  415. bottom:9px;
  416. padding:4px;
  417. background-color:{color:postbg};
  418. letter-spacing:1px;
  419. }
  420.  
  421.  
  422. {CustomCSS}</style></head><body>
  423. <div id="png"><img src="{image:png}">
  424. </div>
  425. <div id="sidebar"><img src="{image:slide1}">
  426. </div>
  427. <div id="leftsidebar">
  428. <div id="links"><a href="/">1</a>
  429. <a href="/ask">2</a>
  430. <a href="/archive">3</a>
  431. <a href="{text:link 1 url}">+</a>&nbsp;</div>
  432. </div>
  433.  
  434. </div>
  435.  
  436. <div id="bannerhover"><br></div>
  437.  
  438. <div id="box"><div id="entries">
  439. {block:Posts}
  440. <div id="post">
  441.  
  442. {block:Text}
  443. <h1>{block:Title}{Title}{/block:Title}</h1>
  444. {Body}{/block:Text}
  445.  
  446. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  447. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  448.  
  449. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  450. {/block:Caption}{/block:Photoset}
  451.  
  452. {block:Quote}<h2>"{Quote}"</h2>
  453. {block:Source}<div class="qsource"> —{Source}</div>
  454. {/block:Source}{/block:Quote}
  455.  
  456. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  457.  
  458. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  459.  
  460. {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>
  461. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  462. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  463. {/block:ExternalAudio}<b>Played:</b> {PlayCount} arial <br>
  464. {/block:Audio}<br>
  465.  
  466. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  467.  
  468. {block:Answer}<div id="asker">{Question}</div> <div id="url">{Asker}</div>{Answer}{/block:Answer}
  469.  
  470. <div id="info">
  471. <div id="permalink">
  472. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <div class=right>{NoteCount}</div></a></div>
  473.  
  474. {block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}</div>
  475. </div>
  476.  
  477. {/block:Posts}{/block:Posts}</div></div></div>
  478. <div id="caixa">
  479. <div id="scroller-header">
  480. <a href="#panel-1" rel="panel" class="selected">one</a>
  481. <a href="#panel-2" rel="panel">two</a>
  482. <a href="#panel-3" rel="panel">three</a>
  483. </div>
  484. <div id="scroller-body">
  485. <div id="mask">
  486. <div id="panel">
  487. <div id="panel-1">
  488. <ul>
  489. <banner>{title}</banner> <div class="description"><blockquote>{description}</blockquote></div>
  490. <div id="admins">
  491.  
  492. <img align=left src="{image:admin1}">
  493. <img align=left src="{image:admin2}">
  494. <img align=left src="{image:admin3}">
  495. </div>
  496.  
  497. <div id="pagination"> {block:Pagination}
  498. {block:PreviousPage}
  499. <a href="{PreviousPage}">back</a>
  500. {/block:PreviousPage}
  501.  
  502. {block:NextPage}
  503. <a href="{NextPage}">forward</a>
  504. {/block:NextPage}
  505. {/block:Pagination}
  506. </div>
  507. </ul>
  508. </div>
  509. <div id="panel-2">
  510. <ul>
  511. <li><a href="{text:link 2 url}">{text:link 2 name}</a></li>
  512. <li><a href="{text:link 3 url}">{text:link 3 name}</a></li>
  513. <li><a href="{text:link 4 url}">{text:link 4 name}</a></li>
  514. <li><a href="{text:link 5 url}">{text:link 5 name}</a></li>
  515. <li><a href="{text:link 6 url}">{text:link 6 name}</a></li>
  516. <li class="last"><a href="{text:link 7 url}">{text:link 7 name}</a></li>
  517. </ul>
  518. </div>
  519. <div id="panel-3">
  520. <ul>
  521. <blockquote>{text:extra slide}</blockquote>
  522. </ul>
  523. </div>
  524.  
  525.  
  526. </div>
  527. </div>
  528.  
  529. <div id="cred">
  530. <a href="http://shayofrp.tumblr.com/">SHAYOFRP</a>
  531. </div></html>
  532. </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!