API tools faq
paste
fbi-beckett

marbury [theme #12]

fbi-beckett
Jan 24th, 2015
1,809
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.63 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.  
  3. <!-- marbury theme by jxcodes -->
  4. <!-- please do not redistribute, steal, or use as base code -->
  5. <!-- thank you very much -->
  6.  
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8. <head><title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <meta name="color:background" content="#ffffff"/>
  14. <meta name="color:text" content="#464646"/>
  15. <meta name="color:link" content="#9a9898"/>
  16. <meta name="color:link hover" content="#d4d4d4" />
  17. <meta name="color:borders" content="#f5f5f5" />
  18. <meta name="color:scrollbar" content="#464646" />
  19. <meta name="color:scrollbar bg" content="#ffffff" />
  20. <meta name="color:sidebar links" content="#828383" />
  21.  
  22. <meta name="image:sidebar" content=""/>
  23.  
  24. <meta name="text:link 1" content="ask" />
  25. <meta name="text:link 1 url" content="/ask" />
  26. <meta name="text:link 2" content="link" />
  27. <meta name="text:link 2 url" content="/" />
  28. <meta name="text:link 3" content="link" />
  29. <meta name="text:link 3 url" content="/" />
  30. <meta name="text:link 4" content="link" />
  31. <meta name="text:link 4 url" content="/" />
  32.  
  33. <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  34.  
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  36. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  37.  
  38. <script>
  39. (function($){
  40. $(document).ready(function(){
  41. $("[title]").style_my_tooltips();
  42. });
  43. })(jQuery);
  44. </script>
  45.  
  46. <style type="text/css">
  47.  
  48. #s-m-t-tooltip {
  49. z-index:9999;
  50. position:fixed;
  51. margin-top:17px;
  52. margin-left:-12px;
  53. width:auto;
  54. font-size:10px;
  55. padding:3px 5px;
  56. background-color:#464646;
  57. color:#fff;
  58. font-family:cambria;
  59. text-transform:lowercase;
  60. letter-spacing:1px;
  61. word-wrap:break-word;
  62. text-align:center;
  63. transition-duration:0.8s;
  64. -moz-transition-duration:0.8s;
  65. -webkit-transition-duration:0.8s;
  66. -o-transition-duration:0.8s;
  67. }
  68.  
  69. body {
  70. background:{color:background};
  71. margin:0px;
  72. color:{color:text};
  73. font-family:Calibri;
  74. font-size:12px;
  75. line-height:140%;
  76. }
  77.  
  78. a {
  79. text-decoration:none;
  80. outline:none;
  81. -moz-outline-style:none;
  82. color:{color:link};
  83. -moz-transition-duration:0.5s;
  84. -webkit-transition-duration:0.5s;
  85. -o-transition-duration:0.5s;
  86. }
  87.  
  88. a:hover {
  89. text-decoration:none;
  90. outline:none;
  91. -moz-outline-style:none;
  92. color:{color:link hover};
  93. -moz-transition-duration:0.5s;
  94. -webkit-transition-duration:0.5s;
  95. -o-transition-duration:0.5s;
  96. }
  97.  
  98. img {
  99. border:none;
  100. }
  101.  
  102. blockquote {
  103. padding-left:5px;
  104. border-left:4px solid #e2e2e2;
  105. }
  106.  
  107. blockquote blockquote {
  108. padding-left:5px;
  109. border-left:4px solid #e2e2e2;
  110. }
  111.  
  112. h1 {
  113. font-size:12px;
  114. text-transform:uppercase;
  115. font-family:trebuchet;
  116. letter-spacing:0.5px;
  117. }
  118.  
  119. h2 {
  120. font-size:12px;
  121. text-transform:uppercase;
  122. font-family:trebuchet;
  123. font-weight:bold;
  124. letter-spacing:0.5px;
  125. }
  126.  
  127. h3 {
  128. font-size:10px;
  129. font-weight:normal;
  130. font-style:italic;
  131. text-align:right;
  132. }
  133.  
  134. #entries {
  135. padding:10px;
  136. width:500px;
  137. margin-left:400px;
  138. margin-top:-85px;
  139. padding-top:140px;
  140. border-left:2px solid {color:borders};
  141. padding-left:50px;
  142. margin-bottom:40px;
  143. }
  144.  
  145. #post {
  146. width:500px;
  147. padding-bottom:90px;
  148. }
  149.  
  150. #sbcontainer {
  151. width:800px;
  152. border-top:2px solid {color:borders};
  153. margin-top:130px;
  154. margin-left:270px;
  155. }
  156.  
  157. #sidebar {
  158. width:100px;
  159. position:fixed;
  160. margin-left:-10px;
  161. margin-top:50px;
  162. }
  163.  
  164. #sidebarimage {
  165. float:right;
  166. width:100px;
  167. opacity:0.75;
  168. margin-bottom:50px;
  169. -moz-transition-duration:0.6s;
  170. -webkit-transition-duration:0.6s;
  171. -o-transition-duration:0.6s;
  172. }
  173.  
  174. #sidebarimage:hover {
  175. opacity:1;
  176. -moz-transition-duration:0.6s;
  177. -webkit-transition-duration:0.6s;
  178. -o-transition-duration:0.6s;
  179. }
  180.  
  181. #sidebarimage img {
  182. width:100px;
  183. height:100px;
  184. border-radius:100px;
  185. }
  186.  
  187. #title {
  188. font-size:15px;
  189. font-family: 'Raleway', sans-serif;
  190. text-transform:uppercase;
  191. text-align:right;
  192. letter-spacing:4px;
  193. }
  194.  
  195. #description {
  196. font-family:serif;
  197. font-size:11px;
  198. margin-top:20px;
  199. letter-spacing:0.5px;
  200. font-style:italic;
  201. text-align:right;
  202. float:right;
  203. width:190px;
  204. word-wrap:break-word;
  205. margin-bottom:40px;
  206. }
  207.  
  208. #links {
  209. display:block;
  210. font-family: 'Raleway', sans-serif;
  211. font-size:10px;
  212. color:{color:sidebar links};
  213. letter-spacing:1px;
  214. line-height:300%;
  215. font-weight:normal;
  216. text-transform:uppercase;
  217. text-align:right;
  218. max-width:150px;
  219. }
  220.  
  221. #links a {
  222. width:50px;
  223. height:20px;
  224. padding-left:10px;
  225. overflow:display;
  226. -moz-transition-duration:0.5s;
  227. -webkit-transition-duration:0.5s;
  228. -o-transition-duration:0.5s;
  229. }
  230.  
  231. #links a:hover {
  232. color:{color:sidebar links};
  233. text-decoration:underline;
  234. font-style:italic;
  235. -moz-transition-duration:0.5s;
  236. -webkit-transition-duration:0.5s;
  237. -o-transition-duration:0.5s;
  238. }
  239.  
  240. #pagination {
  241. letter-spacing:1px;
  242. padding-top:20px;
  243. padding-left:100px;
  244. margin-top:0;
  245. font-size:10px;
  246. margin-bottom:30px;
  247. font-family:trebuchet;
  248. text-align:center;
  249. }
  250.  
  251. #pagicontainer {
  252. width:800px;
  253. height:auto;
  254. border-top:2px solid {color:borders};
  255. margin-left:-180px;
  256. margin-top:-50px;
  257. }
  258.  
  259. #info {
  260. font-family:trebuchet;
  261. font-size:9px;
  262. letter-spacing:0.5px;
  263. text-transform:uppercase;
  264. text-align:left;
  265. margin-top:30px;
  266. padding-bottom:25px;
  267. padding-top:15px;
  268. width:500px;
  269. word-wrap:break-word;
  270. }
  271.  
  272. #info a {
  273. color:{color:text};
  274. }
  275.  
  276. #info a:hover {
  277. color:{color:text};
  278. }
  279.  
  280. #tags {
  281. position:absolute;
  282. margin-left:500px;
  283. margin-top:5px;
  284. width:110px;
  285. word-wrap:break-word;
  286. font-size:10px;
  287. font-family:trebuchet;
  288. opacity:0;
  289. -moz-transition-duration:0.5s;
  290. -webkit-transition-duration:0.5s;
  291. -o-transition-duration:0.5s;
  292. }
  293.  
  294. #tagt {
  295. font-family:trebuchet;
  296. border-bottom:1px solid #f8f8f8;
  297. letter-spacing:0.5px;
  298. padding:0px 0px 5px 5px;
  299. margin-bottom:8px;
  300. }
  301.  
  302. #post:hover #tags {
  303. opacity:1;
  304. margin-left:510px;
  305. -moz-transition-duration:0.5s;
  306. -webkit-transition-duration:0.5s;
  307. -o-transition-duration:0.5s;
  308. }
  309.  
  310. #asker {
  311. float:left;
  312. margin-right:5px;
  313. background:#f5f5f5;
  314. padding:15px;
  315. width:470px;
  316. margin-bottom:10px;
  317. }
  318.  
  319. #chat {
  320. background:{color:background};
  321. margin:0;
  322. font-size:11px;
  323. font-family:sans-serif;
  324. line-height:110%;
  325. }
  326.  
  327. #chat.chat1 {
  328. margin-left:0px;
  329. }
  330.  
  331. #chat .chat1 .chat2 {
  332. color:{color:text};
  333. margin-bottom:1px;
  334. padding:4px 4px 5px 5px;
  335. border-style:none;
  336. }
  337.  
  338. .chat2 {
  339. color:{color:text};
  340. margin-bottom: 1px;
  341. padding: 4px 4px 5px 5px;
  342. border-style:none;
  343. }
  344.  
  345. #chat .chat1 .chat2.even {
  346. text-indent:20px;
  347. padding:7px 0px;
  348. margin:5px 0px;
  349. background:#f5f5f5;
  350. color: {color:text};
  351. }
  352.  
  353. #chat .chat1 .chat2 span {
  354. font-weight: bold;
  355. }
  356.  
  357. #audio {
  358. max-width:500px;
  359. }
  360.  
  361. .albumart {
  362. float:left;
  363. padding-bottom:7px;
  364. padding-right:15px;
  365. }
  366.  
  367. .albumart img {
  368. width:128px;
  369. height:128px;
  370. }
  371.  
  372. .playercontainer {
  373. z-index:-1;
  374. text-align:left;
  375. padding:8px;
  376. width:480px;
  377. }
  378.  
  379. .trackinfo {
  380. font-size:12px;
  381. padding:10px;
  382. color:{color:text};
  383. }
  384.  
  385. #credit {
  386. font-size:15px;
  387. font-family:trebuchet;
  388. font-style:normal;
  389. letter-spacing:2px;
  390. text-align:center;
  391. }
  392.  
  393. #credit a {
  394. background:none;
  395. color:#777;
  396. width:13px;
  397. padding:10px;
  398. position:fixed;
  399. right:20px;
  400. bottom:15px;
  401. -moz-transition-duration:0.5s;
  402. -webkit-transition-duration:0.5s;
  403. -o-transition-duration:0.5s;
  404. }
  405.  
  406. #credit a:hover {
  407. width:13px;
  408. -moz-transition-duration:0.5s;
  409. -webkit-transition-duration:0.5s;
  410. -o-transition-duration:0.5s;
  411. }
  412.  
  413. ::-webkit-scrollbar-thumb{
  414. background-color:{color:scrollbar};
  415. height:auto;
  416. }
  417.  
  418. ::-webkit-scrollbar {
  419. height:5px;
  420. width:5px;
  421. background-color:{color:scrollbar bg}
  422. }
  423.  
  424. {CustomCSS}</style></head><body>
  425.  
  426. <div id="sbcontainer"><div id="sidebar">
  427.  
  428. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></a></div>
  429.  
  430. <div id="title">{Title}</div>
  431.  
  432. <div id="description">{Description}</div>
  433.  
  434. <div id="links">
  435. <a href="{text:link 1 url}">{text:link 1}</a> <br>
  436. <a href="{text:link 2 url}">{text:link 2}</a> <br>
  437. <a href="{text:link 3 url}">{text:link 3}</a> <br>
  438. <a href="{text:link 4 url}">{text:link 4}</a> <br>
  439. </div></div></div>
  440.  
  441. </div></div>
  442.  
  443. <div id="entries">{block:Posts}<div id="post">
  444.  
  445. {block:HasTags}<div id="tags"><div id="tagt">FILED UNDER:</div>{block:Tags} <a href="{TagURL}">{Tag},</a>{/block:Tags}</div>{/block:HasTags}
  446.  
  447. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  448.  
  449. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  450.  
  451. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  452.  
  453. {block:Quote}<h2>{Quote}</h2>{block:Source} <h3>—{Source}</h3>{/block:Source}{/block:Quote}
  454.  
  455. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  456.  
  457. {block:Chat}<div id="chat"><div class="chat1">{Block:Lines}<div class="chat2 {Alt}">{Block:Label}<span>{Label}</span>{/block:Label} {Line}</div>{/block:Lines}</div></div>{/block:Chat}
  458.  
  459. {block:Audio}<div id="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/>{/block:AlbumArt}</div><div class="trackinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  460. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  461. <br><div class="playercontainer">{AudioPlayerWhite}</div></div><br>{/block:Audio}
  462.  
  463. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  464.  
  465. {block:Answer}<div id="asker">{Asker}:<br>{Question}</div><br>{Answer}{/block:Answer}
  466.  
  467. <div id="info">
  468. {block:Date} <a href="{Permalink}">{DayofMonth}{DayofMonthSuffix} {ShortMonth}{/block:Date} &nbsp;&nbsp;
  469. <font color="{color:text}">♥</font> {NoteCount}</a>{block:RebloggedFrom}
  470.  
  471. <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a> &nbsp;&nbsp;&nbsp;&nbsp;source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br></div>
  472.  
  473. </div>
  474. {block:PostNotes}{PostNotes}{/block:PostNotes}
  475. {/block:Posts}
  476.  
  477. <div id="pagicontainer"><div id="pagination">
  478. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage} {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}{/block:Pagination}
  479. </div></div>
  480.  
  481. </div>
  482.  
  483. </body>
  484.  
  485. <div id="credit"><a href="http://jxcodes.tumblr.com/" title="credit">J</a></div>
  486.  
  487. </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!