API tools faq
paste
fbi-beckett

cloud nine [theme #15]

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