API tools faq
paste
chezshay

theme 48 "clarke"

chezshay
Jan 15th, 2016
1,447
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.23 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <script src="http://static.tumblr.com/0rbcd2h/DxUo054po/jquery.min.js"></script>
  8. <script>
  9.  
  10. $(document).ready(function(){
  11. $('ul.tabs').each(function(){
  12. var $active, $content, $links = $(this).find('a');
  13. $active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
  14. $active.addClass('active');
  15. $content = $($active[0].hash);
  16. // Hide the remaining content
  17. $links.not($active).each(function () {
  18. $(this.hash).hide();
  19. });
  20.  
  21. // Bind the click event handler
  22. $(this).on('click', 'a', function(e){
  23. // Make the old tab inactive.
  24. $active.removeClass('active');
  25. $content.hide();
  26.  
  27. // Update the variables with the new link and content
  28. $active = $(this);
  29. $content = $(this.hash);
  30.  
  31. // Make the tab active.
  32. $active.addClass('active');
  33. $content.show();
  34.  
  35. // Prevent the anchor's default click action
  36. e.preventDefault();
  37. });
  38. });
  39. });
  40. </script>
  41.  
  42.  
  43. <!---@shayofrp--->
  44.  
  45. <meta name="color:Background" content="#ffffff"/>
  46. <meta name="color:Text" content="#000000"/>
  47. <meta name="color:Box" content="#dddddd"/>
  48. <meta name="color:Hover" content="#f2f2f2"/>
  49. <meta name="color:Scrollbar" content="#000000"/>
  50. <meta name="color:ScrollbarBg" content="#ffffff"/>
  51. <meta name="color:Links" content="#c0bfbf"/>
  52. <meta name="color:Info Background" content="#f3f3f3"/>
  53. <meta name="color:Question Background" content="#fcfcfc"/>
  54. <meta name="color:Answer Backg" content="#000000"/>
  55. <meta name="image:Sidebar" content=""/>
  56. <meta name="text:Caption" content="" />
  57. <meta name="text:Link 1" content="" />
  58. <meta name="text:Link 1 URL" content="" />
  59. <meta name="text:Link 2" content="" />
  60. <meta name="text:Link 2 URL" content="" />
  61. <meta name="text:Link 3" content="" />
  62. <meta name="text:Link 3 URL" content="" />
  63. <meta name="text:Link 4" content="" />
  64. <meta name="text:Link 4 URL" content="" />
  65.  
  66. <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  67. <link href='https://fonts.googleapis.com/css?family=Playfair+Display' rel='stylesheet' type='text/css'>
  68.  
  69. <style type="text/css">
  70.  
  71. ::-webkit-scrollbar-thumb {
  72. height:auto;
  73. background-color:{color:Scrollbar};
  74. }
  75.  
  76. ::-webkit-scrollbar {
  77. height:9px;
  78. width:2px;
  79. background-color:{color:ScrollbarBg};
  80. }
  81.  
  82. body {
  83. background:{color:background};
  84. margin:0px;
  85. color:{color:text};
  86. font-family:Lato;
  87. font-size:9px;
  88. line-height:150%;
  89. text-align:justify;
  90. background-image:url('{image:Background}');
  91. }
  92.  
  93. #tabs{position:fixed;
  94. z-index:99999999;
  95. margin-top:405px;
  96. margin-left:102px;
  97. }
  98.  
  99. .tabs li {
  100. list-style:none;
  101. display:inline;
  102. }
  103.  
  104. .tabs a {
  105. padding:5px 10px;
  106. -webkit-border-top-left-radius: 2px;
  107. -webkit-border-top-right-radius: 2px;
  108. -moz-border-radius-topleft: 2px;
  109. -moz-border-radius-topright: 2px;
  110. border-top-left-radius: 2px;
  111. border-top-right-radius: 2px;
  112. display:inline-block;
  113. background:{color:text};
  114. color:#fff;
  115. text-decoration:none;
  116. }
  117.  
  118. .tabs a.active {
  119. background:{color:box};
  120. color:#000;
  121. }
  122.  
  123. tabs{padding:2px 3px;
  124. margin-left:15px;
  125. margin-right:15px;
  126. font-size:8px;
  127. font-weight:bold;
  128. margin-top:10px;
  129. margin-bottom:10px;
  130. -webkit-border-top-left-radius: 2px;
  131. -webkit-border-top-right-radius: 2px;
  132. -moz-border-radius-topleft: 2px;
  133. -moz-border-radius-topright: 2px;
  134. border-top-left-radius: 2px;
  135. border-top-right-radius: 2px;
  136. display:inline-block;
  137. color:#fff;
  138. text-decoration:none;}
  139.  
  140. a {
  141. text-decoration:none;
  142. outline:none;
  143. -moz-outline-style:none;
  144. color:{color:Links};
  145. }
  146.  
  147. img {
  148. border:none;
  149. }
  150.  
  151. blockquote {
  152. padding-left:5px;
  153. border-left:1px solid {color:text};
  154. }
  155.  
  156. blockquote blockquote {
  157. padding-left:5px;
  158. border-left:2px solid;
  159. }
  160.  
  161.  
  162. a:hover {
  163. color:#000000;
  164. -moz-transition-duration:0.3s;
  165. -webkit-transition-duration:0.3s;
  166. -o-transition-duration:0.3s;
  167. }
  168.  
  169. small {font-size:9px;}
  170.  
  171. /*ENTRIES*/
  172. #entries {
  173. background-color:{color:Box};
  174. z-index:-99;
  175. padding:10px;
  176. width:450px;
  177. position:fixed;
  178. margin-left:360px;
  179. margin-top:120px;
  180. height:450px;
  181. overflow:auto;
  182. font-size:9px;
  183. overflow-x:hidden;
  184. line-height:150%;
  185. font-family:'Lato';
  186. }
  187.  
  188. #post {
  189. width:400px;
  190. padding-bottom:20px;
  191. padding:25px;
  192. margin-top:-10px;
  193. }
  194. /*SIDEBAR*/
  195. #title{
  196. font-size:9px;
  197. padding:5px;
  198. margin-top:95px;
  199. text-transform:uppercase;
  200. background-color:#cbc5c4;
  201. margin-left:130px;
  202. position:fixed;
  203. height: 15px;
  204. width: 690px;
  205. text-align: left;
  206. -webkit-border-top-left-radius: 3px;
  207. -webkit-border-top-right-radius: 3px;
  208. -moz-border-radius-topleft: 3px;
  209. -moz-border-radius-topright: 3px;
  210. border-top-left-radius: 3px;
  211. border-top-right-radius: 3px;
  212. }
  213.  
  214. #sidebar {
  215. position:fixed;
  216. background-color:{color:Box};
  217. width:250px;
  218. margin-top:120px;
  219. padding:10px;
  220. border-right:10px solid {color:text};
  221. width:200px;
  222. height:450px;
  223. margin-left:130px;
  224. }
  225.  
  226. #sidebarimage {
  227. width 320px;
  228. text-align:right;
  229. }
  230.  
  231. #sidebarimage img {
  232. width:200px;
  233. margin-top:3px;
  234. }
  235.  
  236.  
  237. #description {
  238. margin-top:-7px;
  239. text-align:justify;
  240. font-family:'Lato';
  241. overflow-x:hidden;
  242. font-size:7px;
  243. text-transform:uppercase;
  244. padding:5px;
  245. height:100px;
  246. background-color:{color:text};
  247. overflow-y:auto;
  248. border:solid 1px {color:info background};
  249. width:190px;
  250. line-height:170%;
  251. color:{color:Box};
  252. }
  253.  
  254.  
  255. /*LINKS*/
  256. #links{position:fixed;
  257. text-transform:uppercase;
  258. font-family:Calibri;
  259. font-weight:bold;
  260. width:183px;
  261. font-size:8px;
  262. margin-top:0px;
  263. text-align:center;
  264. padding:1px;
  265. }
  266.  
  267. #links a{margin-right:5px;
  268. margin-top:5px;
  269. border-radius:2px;
  270. background-color:{color:box};
  271. width:100%;
  272. margin-bottom:5px;
  273. font-weight:bold;
  274. color:black;
  275. padding:2px;
  276. display:inline-block;
  277. }
  278.  
  279. /*POST INFO*/
  280.  
  281. #info {
  282. width:100px;
  283. font-weight:bold;
  284. text-align:center;
  285. font-family:calibri;
  286. padding:3px;
  287. margin-right:10px;
  288. border-bottom:solid 1px {color:links};
  289. margin-top:5px;
  290. font-size:8px;
  291. text-transform:uppercase;
  292. font-style:none;
  293. line-height:10px;
  294. color:{color:text};
  295. }
  296.  
  297. #info a {
  298. text-align:center;
  299. color:{color:Text};
  300. }
  301.  
  302. .right{float:right}
  303.  
  304. .tags {text-transform:none;
  305. color:{color:postbg};
  306. width:405px;
  307. opacity:0;
  308. margin-top:-15px;
  309. margin-left:20px;
  310. font-size:8px;
  311. text-align:left;
  312. text-transform:uppercase;
  313. -moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  314.  
  315.  
  316. .tags a {
  317. letter-spacing:0px;
  318. padding:2px;
  319. font-weight:bold;
  320. font-size:8px;
  321. background-color:{color:Background};
  322. color:{color:box};
  323. text-align:left;
  324. font-family:'Calibri';
  325. text-decoration:none;
  326. display:inline-block;
  327. }
  328.  
  329. #post:hover .tags{opacity:1;
  330. margin-top:0px;
  331. }
  332.  
  333. /*QUESTION*/
  334.  
  335. #question {
  336. color:{color:text};
  337. text-transform:uppercase;
  338. padding:10px;
  339. font-family:Lato;
  340. font-size:8px;
  341. letter-spacing:1px;
  342. font-weight:bold;
  343. text-align:left;
  344. margin-top:0px;
  345. line-height:100%;
  346. background-color:{color:background};
  347. }
  348.  
  349. #asker {background-color:{color:text};
  350. color:white;
  351. font-size:8px;
  352. text-align:center;
  353. text-transform:uppercase;
  354. }
  355.  
  356.  
  357. #url a{color:{color:Text};
  358. padding:2px;
  359. background-color:{color:Info Background};
  360. }
  361.  
  362. #pagination{background-color:{color:background};
  363. text-align:center;
  364. }
  365.  
  366. #pagination a{color: {color:Box};
  367. padding-right:10px;
  368. }
  369.  
  370. /*CREDIT*/
  371.  
  372. #cred {
  373. background-color:{color:background};
  374. position:fixed;
  375. font-family:'calibri';
  376. font-size:8px;
  377. right:9px;
  378. bottom:9px;
  379. padding:4px;
  380. letter-spacing:1px;
  381. }
  382.  
  383. {CustomCSS}</style></head><body>
  384. <div id="tabs"><ul class='tabs'>
  385. <li><a href='#tab1'>&#8962;</a></li>
  386. <li><a href='#tab2'>&#9993;</a></li>
  387. </ul></div>
  388. <div id="title"> <font size="4"><font color="ff5d56"; >•</font> <font color="ffbd35"; >•</font> <font color="00cc13"; >•</font> </font> </font>&nbsp; &nbsp; &nbsp; &nbsp; <b>{title}</b> {text:caption}</div>
  389. <div id="sidebar">
  390. <div id="sidebarimage">
  391. <a title="home" href="/">
  392. <img src="{image:Sidebar}"></a>
  393. <tabs><a href="/">01. </a></tabs> <tabs><a href="/ask">02. </a></tabs> <tabs><a href="/archive">03. </a></tabs>
  394. <div id='tab1'>
  395. <div id="description">{Description}</div></div>
  396.  
  397. </div>
  398. <div id='tab2'>
  399. <div id="description"><div id="links">
  400. <a href="{text:Link 1 URL}"><span>{text:Link 1}</a></span>
  401. <a href="{text:Link 2 URL}"><span>{text:Link 2}</a></span>
  402. <a href="{text:Link 3 URL}"><span>{text:Link 3}</a></span>
  403. <a href="{text:Link 4 URL}"><span>{text:Link 4}</a></span>
  404.  
  405. </div> </div></div>
  406. <div id="pagination">{block:Pagination}
  407. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  408. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  409. {/block:Pagination}</div>
  410. </div>
  411.  
  412. </div>
  413.  
  414. </div>
  415. <div id="entries">
  416. {block:Posts}
  417. <div id="post">
  418.  
  419. {block:Text}
  420. <h1>{block:Title}{Title}{/block:Title}</h1>
  421. {Body}{/block:Text}
  422.  
  423. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  424. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  425.  
  426. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  427. {/block:Caption}{/block:Photoset}
  428.  
  429. {block:Quote}<h2>"{Quote}"</h2>
  430. {/block:Source}{/block:Quote}
  431.  
  432. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  433.  
  434. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  435.  
  436. {block:Audio}<div align="center">
  437. <span class="audio">{AudioPlayerWhite}</div></span>
  438. <center>{block:TrackName}{TrackName}{/block:TrackName}
  439. {block:Artist}&mdash; {Artist}<br />{/block:Artist}
  440. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  441. {/block:Audio}<br>
  442.  
  443. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  444.  
  445. {block:Answer}<div id="question">{Question}</div> <div id="asker">{Asker}</div>{Answer}{/block:Answer}
  446.  
  447. <div id="info">
  448. <div id="permalink">
  449. <a href="{Permalink}">{timeago}</a>
  450. <div class="right">{block:ContentSource} {block:RebloggedFrom}
  451. <a title ="{ReblogParentName}" href="{ReblogParentURL}">via</a>
  452. {/block:RebloggedFrom}<a href="{SourceURL}">©</a> {/block:ContentSource}
  453. {NoteCount} </div></a></div>
  454.  
  455.  
  456. </div>
  457.  
  458. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  459. </div>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}{/block:Posts}{/block:Posts}</div></div>
  460.  
  461. {/block:Posts}</div></div></div>
  462. <br><br><br><br>
  463.  
  464. <div id="cred">
  465. <a href="http://shayofrp.tumblr.com/">© </a>
  466. </div>
  467. </div>
  468. </body>
  469. </body></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!