API tools faq
paste
fbi-beckett

cliffside [theme #7]

fbi-beckett
Nov 28th, 2014
844
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  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.  
  8. <!-- cliffside theme by fbi-beckett -->
  9. <!-- please do not redistribute, steal, or use as base code -->
  10. <!-- thank you very much -->
  11.  
  12. <meta name="color:background" content="#ffffff"/>
  13. <meta name="color:text" content="#464646"/>
  14. <meta name="color:link" content="#9a9898"/>
  15. <meta name="color:link hover" content="#d4d4d4" />
  16. <meta name="color:accents" content="#f5f5f5" />
  17. <meta name="color:accents hover" content="#464646" />
  18. <meta name="color:scrollbar" content="#464646" />
  19. <meta name="color:scrollbar bg" content="#ffffff" />
  20.  
  21. <meta name="image:sidebar" content=""/>
  22.  
  23. <meta name="text:link 1" content="home" />
  24. <meta name="text:link 1 url" content="/" />
  25. <meta name="text:link 2" content="ask" />
  26. <meta name="text:link 2 url" content="/ask" />
  27. <meta name="text:link 3" content="link" />
  28. <meta name="text:link 3 url" content="/" />
  29. <meta name="text:link 4" content="link" />
  30. <meta name="text:link 4 url" content="/" />
  31. <meta name="text:link 5" content="link" />
  32. <meta name="text:link 5 url" content="/" />
  33.  
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35.  
  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. color:{color:text};
  72. font-family:calibri;
  73. font-size:12px;
  74. line-height:150%;
  75. }
  76.  
  77. a {
  78. text-decoration:none;
  79. outline:none;
  80. -moz-outline-style:none;
  81. color:{color:link};
  82. -moz-transition-duration:0.5s;
  83. -webkit-transition-duration:0.5s;
  84. -o-transition-duration:0.5s;
  85. }
  86.  
  87. a:hover {
  88. text-decoration:none;
  89. outline:none;
  90. -moz-outline-style:none;
  91. color:{color:link hover};
  92. -moz-transition-duration:0.5s;
  93. -webkit-transition-duration:0.5s;
  94. -o-transition-duration:0.5s;
  95. }
  96.  
  97. img {
  98. border:none;
  99. }
  100.  
  101. blockquote {
  102. padding-left:5px;
  103. border-left:4px solid #e2e2e2;
  104. }
  105.  
  106. blockquote blockquote {
  107. padding-left:5px;
  108. border-left:4px solid #e2e2e2;
  109. }
  110.  
  111. h1 {
  112. font-size:15px;
  113. font-family:trebuchet;
  114. font-weight:normal;
  115. letter-spacing:0.5px;
  116. text-decoration:underline;
  117. }
  118.  
  119. h2 {
  120. font-size:15px;
  121. text-align:left;
  122. font-family:trebuchet;
  123. font-weight:normal;
  124. font-style:normal;
  125. line-height:140%;
  126. text-decoration:underline;
  127. }
  128.  
  129. h3 {
  130. font-size:11px;
  131. font-weight:normal;
  132. font-style:italic;
  133. text-align:right;
  134. }
  135.  
  136. #entries {
  137. padding:10px;
  138. width:500px;
  139. margin-left:500px;
  140. margin-top:80px;
  141. }
  142.  
  143. #post {
  144. width:500px;
  145. padding-bottom:20px;
  146. margin-bottom:100px;
  147. }
  148.  
  149. .pn img {
  150. padding-right:5px;
  151. }
  152.  
  153. #sidebar {
  154. width:250px;
  155. position:fixed;
  156. margin-left:200px;
  157. margin-top:110px;
  158. }
  159.  
  160. #sidebarimage {
  161. width:250px;
  162. height:150px;
  163. overflow:hidden;
  164. }
  165.  
  166. #sidebarimage img {
  167. height:150px;
  168. width:250px;
  169. }
  170.  
  171. #description {
  172. padding:15px 2px 15px 8px;
  173. text-align:right;
  174. width:240px;
  175. margin-top:10px;
  176. font-size:11px;
  177. font-family:times;
  178. }
  179.  
  180. #pagination {
  181. font-size:11px;
  182. position:fixed;
  183. margin-top:100px;
  184. margin-left:1060px;
  185. font-family:times;
  186. color:{color:text};
  187. text-align:left;
  188. }
  189.  
  190. .current_page, .jump_page {
  191. line-height:210%;
  192. padding:3px 50px 3px 8px;
  193. display:block;
  194. border-left:2px solid {color:accents hover};
  195. }
  196.  
  197. #pagination a {
  198. line-height:210%;
  199. padding:3px 50px 3px 8px;
  200. border-left:2px solid {color:accents};
  201. display:block;
  202. color:{color:text};
  203. -moz-transition-duration:0.7s;
  204. -webkit-transition-duration:0.7s;
  205. -o-transition-duration:0.7s;
  206. }
  207.  
  208. #pagination a:hover {
  209. border-left:2px solid {color:accents hover};
  210. color:{color:text};
  211. -moz-transition-duration:0.5s;
  212. -webkit-transition-duration:0.5s;
  213. -o-transition-duration:0.5s;
  214. }
  215.  
  216. #links {
  217. width:250px;
  218. text-align:right;
  219. margin-top:10px;
  220. font-size:10px;
  221. text-transform:uppercase;
  222. font-family:trebuchet;
  223. }
  224.  
  225. #links a {
  226. border-right:2px solid {color:accents};
  227. padding:8px 6px 8px 100px;
  228. line-height:290%;
  229. color:{color:text};
  230. margin-top:10px;
  231. -moz-transition-duration:0.7s;
  232. -webkit-transition-duration:0.7s;
  233. -o-transition-duration:0.7s;
  234. }
  235.  
  236. #links a:hover {
  237. border-right:2px solid {color:accents hover};
  238. color:{color:text};
  239. -moz-transition-duration:0.5s;
  240. -webkit-transition-duration:0.5s;
  241. -o-transition-duration:0.5s;
  242. }
  243.  
  244. #info {
  245. width:500px;
  246. text-align:left;
  247. margin-top:15px;
  248. border-left:2px solid {color:accents};
  249. padding:3px 10px;
  250. font-size:11px;
  251. font-family:trebuchet;
  252. -moz-transition-duration:0.7s;
  253. -webkit-transition-duration:0.7s;
  254. -o-transition-duration:0.7s;
  255. }
  256.  
  257. #info a {
  258. color:{color:text};
  259. }
  260.  
  261. #post:hover #info {
  262. border-left:2px solid {color:accents hover};
  263. -moz-transition-duration:0.5s;
  264. -webkit-transition-duration:0.5s;
  265. -o-transition-duration:0.5s;
  266. }
  267.  
  268. .tags {
  269. font-size:10px;
  270. padding-top:5px;
  271. display:inline-block;
  272. }
  273.  
  274.  
  275. #asker {
  276. float:left;
  277. margin-right:5px;
  278. background:#f5f5f5;
  279. padding:15px;
  280. width:470px;
  281. margin-bottom:10px;
  282. }
  283.  
  284. #chat {
  285. background:{color:background};
  286. font-size:11px;
  287. font-family:sans-serif;
  288. line-height:150%;
  289. margin-top:-10px;
  290. }
  291.  
  292. #chat.chat1 {
  293. margin-left:0px;
  294. }
  295.  
  296. #chat .chat1 .chat2 {
  297. color:{color:text};
  298. background:{color:background};
  299. padding:4px 4px 5px 5px;
  300. border-style:none;
  301. }
  302.  
  303. .chat2 {
  304. color:{color:text};
  305. background:#f5f5f5;
  306. padding: 4px 4px 5px 5px;
  307. border-style:none;
  308. }
  309.  
  310. #chat .chat1 .chat2.even {
  311. text-indent:20px;
  312. color: {color:text};
  313. background:#f5f5f5;
  314. }
  315.  
  316. #chat .chat1 .chat2 span {
  317. font-weight: bold;
  318. }
  319.  
  320. #audio {
  321. max-width:500px;
  322. background:{color:background};
  323. }
  324.  
  325. .albumart {
  326. float:left;
  327. padding-bottom:7px;
  328. padding-right:15px;
  329. }
  330.  
  331. .albumart img {
  332. width:128px;
  333. height:128px;
  334. box-shadow: 2px 2px 3px #b8b8b8;
  335. }
  336.  
  337. .playercontainer {
  338. z-index:-1;
  339. text-align:left;
  340. padding:8px;
  341. width:480px;
  342. }
  343.  
  344. .trackinfo {
  345. font-size:12px;
  346. padding:10px;
  347. color:{color:text};
  348. }
  349.  
  350. #credit {
  351. font-size:12px;
  352. font-family:cambria;
  353. font-style:normal;
  354. letter-spacing:2px;
  355. text-align:center;
  356. }
  357.  
  358. #credit a {
  359. background:none;
  360. color:#777;
  361. width:13px;
  362. padding:4px 7px 10px 6px;
  363. position:fixed;
  364. right:20px;
  365. bottom:15px;
  366. -moz-transition-duration:0.5s;
  367. -webkit-transition-duration:0.5s;
  368. -o-transition-duration:0.5s;
  369. }
  370.  
  371. #credit a:hover {
  372. width:13px;
  373. -moz-transition-duration:0.5s;
  374. -webkit-transition-duration:0.5s;
  375. -o-transition-duration:0.5s;
  376. }
  377.  
  378. ::-webkit-scrollbar-thumb{
  379. background-color:{color:scrollbar};
  380. height:auto;
  381. }
  382.  
  383. ::-webkit-scrollbar {
  384. height:5px;
  385. width:5px;
  386. background-color:{color:scrollbar bg}
  387. }
  388.  
  389. {CustomCSS}</style></head><body>
  390.  
  391. <div id="sidebar">
  392.  
  393. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  394.  
  395. <div id="description">{Description}</div>
  396.  
  397. <div id="links">
  398. <a href="{text:link 1 url}">{text:link 1}</a><br>
  399. <a href="{text:link 2 url}">{text:link 2}</a><br>
  400. <a href="{text:link 3 url}">{text:link 3}</a><br>
  401. <a href="{text:link 4 url}">{text:link 4}</a><br>
  402. <a href="{text:link 5 url}">{text:link 5}</a><br>
  403. </div></div>
  404.  
  405. <div id="pagination">
  406. {block:Pagination}
  407. {block:JumpPagination length="5"}{block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage} {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  408. {/block:Pagination}
  409. </div>
  410.  
  411. <div id="entries">
  412.  
  413. {block:Posts}<div id="post">
  414.  
  415. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  416.  
  417. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  418.  
  419. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  420.  
  421. {block:Quote}<h2>{Quote}</h2>{block:Source} <h3>—{Source}</h3>{/block:Source}{/block:Quote}
  422.  
  423. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  424.  
  425. {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}
  426.  
  427. {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}
  428. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  429. <br><div class="playercontainer">{AudioPlayerWhite}</div></div><br>{/block:Audio}
  430.  
  431. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  432.  
  433. {block:Answer}<div id="asker">{Asker}:<br>{Question}</div><br>{Answer}{/block:Answer}
  434.  
  435. <div id="info">
  436. {block:Date}<a href="{Permalink}">posted {TimeAgo}</a>&nbsp;&nbsp;&nbsp;&nbsp; {/block:Date} <a title="{NoteCountwithLabel}"><font color=#ff4141>♥</font>&nbsp;{NoteCount}</a>{block:RebloggedFrom}<br><a href="{ReblogParentURL}"
  437. title="{ReblogParentName}">VIA</a> &nbsp;&&nbsp; <a href="{ReblogRootURL}"title="{ReblogRootName}">SOURCE</a>{/block:RebloggedFrom}
  438. {block:HasTags}<br> {block:Tags} <div class="tags"><a href="{TagURL}">{Tag},</a></div>{/block:Tags}{/block:HasTags}
  439. </div>
  440.  
  441. </div>
  442. {block:PostNotes}<div class="pn">{PostNotes}</div>{/block:PostNotes}
  443. {/block:Posts}</div>
  444.  
  445. </body>
  446.  
  447. <div id="credit"><a href="http://fbi-beckett.tumblr.com/" title="credit">♖</a></div>
  448.  
  449. </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!