API tools faq
paste
odeysseus_thm

calendar / ECLIPSE

odeysseus_thm
Dec 25th, 2017
5,184
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <!------
  4.  
  5.  
  6.  
  7.  
  8. eclipse
  9.  
  10. @odeysseus
  11.  
  12.  
  13. - please check what the page looks like when you exit customise and open it in a new tab before telling me it's not working!
  14. - credits @ odeysseus.tumblr.com/credit
  15.  
  16. ------>
  17. <title> calendar </title> <!--title-->
  18.  
  19.  
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22.  
  23. <!--don't touch this-->
  24.  
  25. <link href="https://fonts.googleapis.com/css?family=Roboto:400,400italic,600,600italic" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.5/jquery.fullpage.css" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.5/jquery.fullpage.js"></script>
  26.  
  27.  
  28. <script>
  29. $(document).ready(function() {
  30. $('#fullpage').fullpage({
  31. anchors: ['1', '2', '3', '4', '5', '6','7','8','9','10','11','12'],
  32. menu: '#menu'
  33. });
  34. });
  35. </script>
  36.  
  37. <style type="text/css">
  38.  
  39. .tmblr-iframe { display:none; }
  40.  
  41. * {
  42. margin:0;
  43. padding:0;
  44. }
  45. body {
  46. background: #fff; /* background */
  47. color: #767676; /* color of text */
  48. font-family: "Roboto", sans-serif; /* font */
  49. font-size: 11px; /* font size */
  50. line-height: 180%;
  51. font-weight:400;
  52. line-height:180%;
  53. -webkit-animation-name:fade;
  54. -webkit-animation-duration:1s;
  55. -moz-osx-font-smoothing:grayscale;
  56. -webkit-font-smoothing:antialiased;
  57. font-smoothing:antialiased;
  58. }
  59.  
  60.  
  61. @-webkit-keyframes fade {
  62. 0% {opacity: 0;}
  63. 100% { opacity: 1; }
  64. }
  65.  
  66. @-moz-keyframes fade {
  67. 0% { opacity: 0; }
  68. 100% { opacity: 1; }
  69. }
  70.  
  71. @keyframes fade {
  72. 0% { opacity: 0; }
  73. 100% { opacity: 1; }
  74. }
  75.  
  76. ::-webkit-scrollbar{
  77. width:3px;height:3px;
  78. }
  79.  
  80. ::-webkit-scrollbar-thumb {background:#eee;opacity:.5;}
  81. ::-webkit-scrollbar-track {background:#fff;}
  82. ::-moz-selection{ background: #eee;}
  83. ::selection { background:#eee; }
  84.  
  85. a { color:#444;text-decoration:none; } b,strong { font-weight:600;color:#666; } a:hover { color:#aaa; } a { transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;}#menu li:last-of-type { border:0;}.section { padding:0 30px 0 120px;} table { width:100%;counter-reset: monthly;border-radius:3px;border-collapse:collapse; } td { width:calc(100% / 7);vertical-align:top;height:80px;overflow-y:auto;padding:10px;} td:before { counter-increment: monthly;content:counter(monthly, decimal-leading-zero);display:block;background:#f8f8f8;width:15px;height:15px;padding:2px 3px 5px 6px;border-radius:3px;border:1px solid #eee;margin-bottom:5px; } table,td { border:1px solid #eee;} td i { max-height:60px;overflow-y:auto;float:left;font-style:normal;} #links { bottom:30px;right:30px;position:fixed;z-index:1;padding:5px 0px;background:#fff;} #links a { text-transform:uppercase;font-size:10px;letter-spacing:1px;margin-left:5px;text-align:right;}
  86.  
  87. #menu {
  88. position:fixed;
  89. left:30px;
  90. top:50%;
  91. transform:translate(0%,-50%);
  92. z-index:1;
  93. background:#fafafa; /* month menu background */
  94. border:1px solid #eee; /* month menu border */
  95. border-radius:3px;
  96. width:50px;
  97. text-align:center;
  98. }
  99.  
  100. #menu li {
  101. list-style:none;
  102. border-bottom:1px solid #eee; /* month menu border */
  103. padding:10px;
  104. font-size:10px;
  105. text-transform:uppercase;
  106. letter-spacing:1px;
  107. }
  108.  
  109. #menu li a { color:#767676; } /* month menu color */
  110. #menu li a:hover { color:#aaa;} /* month menu color on hover */
  111.  
  112. #menu li.active a { /* month menu when selected */
  113. color:#444;
  114. font-weight:600;
  115. }
  116.  
  117. /* background colors for boxes - use colorpicker if you want to change these, feel free to add more! */
  118. .gray { background:#fafafa;}
  119. .red { background:#ffeded;}
  120. .orange { background:#fff2e5; }
  121. .yellow { background:#fffce5; }
  122. .green { background:#ebffe5; }
  123. .blue { background:#e5f7ff; }
  124. .indigo { background:#eaefff; }
  125. .purple { background:#f5eaff; }
  126.  
  127. </style>
  128. </head>
  129. <body>
  130.  
  131. <!--bottom corner links - add or replace as needed -->
  132.  
  133. <div id="links">
  134. <a href="/">home</a>
  135. <a href="/ask">message</a>
  136. <a href="http://tumblr.com/dashboard">dash</a>
  137.  
  138. <!--DO NOT DELETE THIS LINE-->
  139. <a href="http://odeysseus.tumblr.com">O</a></div>
  140. <!--end bottom corner links-->
  141.  
  142. <!--month menu - no need to edit this-->
  143. <ul id="menu">
  144. <li data-menuanchor="1" class="active"><a href="#1">jan</a></li>
  145. <li data-menuanchor="2"><a href="#2">feb</a></li>
  146. <li data-menuanchor="3"><a href="#3">mar</a></li>
  147. <li data-menuanchor="4"><a href="#4">apr</a></li>
  148. <li data-menuanchor="5"><a href="#5">may</a></li>
  149. <li data-menuanchor="6"><a href="#6">jun</a></li>
  150. <li data-menuanchor="7"><a href="#7">jul</a></li>
  151. <li data-menuanchor="8"><a href="#8">aug</a></li>
  152. <li data-menuanchor="9"><a href="#9">sep</a></li>
  153. <li data-menuanchor="10"><a href="#10">oct</a></li>
  154. <li data-menuanchor="11"><a href="#11">nov</a></li>
  155. <li data-menuanchor="12"><a href="#12">dec</a></li>
  156. </ul>
  157.  
  158. <!--start calendar-->
  159. <div id="fullpage">
  160.  
  161. <!--january-->
  162. <div class="section jan">
  163. <table>
  164.  
  165. <!--start numbers: each <tr> .... </tr> is for one row, each <td> is one day of the week (e.g. in january there are 31 <td>s, in february there are 28, etc) to input info, find the date you want by counting <td>s, then input info like this within the <td> </td>:
  166.  
  167. <i>info goes here</i>
  168.  
  169. so the day looks like this:
  170.  
  171. <td><i>info goes here</i></td>
  172.  
  173. if you want the box to have a background color, it should look like this: <td class="COLOR"><i>info goes here</i></td> -->
  174.  
  175. <tr>
  176. <!--example bit of info-->
  177. <td class="red"><i> this is some info in a box with a red background! </i></td>
  178. <td> </td>
  179. <td> </td>
  180. <td> </td>
  181. <td> </td>
  182. <td> </td>
  183. <td> </td>
  184. </tr>
  185.  
  186. <tr>
  187. <td> </td>
  188. <td> </td>
  189. <td> </td>
  190. <td> </td>
  191. <td> </td>
  192. <td> </td>
  193. <td> </td>
  194. </tr>
  195.  
  196. <tr>
  197. <td> </td>
  198. <td> </td>
  199. <td> </td>
  200. <td> </td>
  201. <td> </td>
  202. <td> </td>
  203. <td> </td>
  204. </tr>
  205.  
  206. <tr>
  207. <td> </td>
  208. <td> </td>
  209. <td> </td>
  210. <td> </td>
  211. <td> </td>
  212. <td> </td>
  213. <td> </td>
  214. </tr>
  215.  
  216. <tr>
  217. <td> </td>
  218. <td> </td>
  219. <td> </td>
  220. </tr>
  221.  
  222. <!--end numbers-->
  223. </table>
  224. </div>
  225. <!--end january-->
  226.  
  227. <!--february-->
  228. <div class="section feb">
  229. <table>
  230.  
  231. <tr>
  232. <td ></td>
  233. <td ></td>
  234. <td ></td>
  235. <td> </td>
  236. <td> </td>
  237. <td> </td>
  238. <td> </td>
  239. </tr>
  240.  
  241. <tr>
  242. <td> </td>
  243. <td> </td>
  244. <td> </td>
  245. <td> </td>
  246. <td> </td>
  247. <td> </td>
  248. <td> </td>
  249. </tr>
  250.  
  251. <tr>
  252. <td> </td>
  253. <td> </td>
  254. <td> </td>
  255. <td> </td>
  256. <td> </td>
  257. <td> </td>
  258. <td> </td>
  259. </tr>
  260.  
  261. <tr>
  262. <td> </td>
  263. <td> </td>
  264. <td> </td>
  265. <td> </td>
  266. <td> </td>
  267. <td> </td>
  268. <td> </td>
  269. </tr>
  270.  
  271. <!--end numbers-->
  272. </table>
  273. </div>
  274. <!--end february-->
  275.  
  276. <!--march-->
  277. <div class="section mar">
  278. <table>
  279.  
  280. <tr>
  281. <td ></td>
  282. <td ></td>
  283. <td ></td>
  284. <td> </td>
  285. <td> </td>
  286. <td> </td>
  287. <td> </td>
  288. </tr>
  289.  
  290. <tr>
  291. <td> </td>
  292. <td> </td>
  293. <td> </td>
  294. <td> </td>
  295. <td> </td>
  296. <td> </td>
  297. <td> </td>
  298. </tr>
  299.  
  300. <tr>
  301. <td> </td>
  302. <td> </td>
  303. <td> </td>
  304. <td> </td>
  305. <td> </td>
  306. <td> </td>
  307. <td> </td>
  308. </tr>
  309.  
  310. <tr>
  311. <td> </td>
  312. <td> </td>
  313. <td> </td>
  314. <td> </td>
  315. <td> </td>
  316. <td> </td>
  317. <td> </td>
  318. </tr>
  319.  
  320. <tr>
  321. <td> </td>
  322. <td> </td>
  323. <td> </td>
  324. </tr>
  325. <!--end numbers-->
  326. </table>
  327. </div>
  328. <!--end march-->
  329.  
  330. <!--april-->
  331. <div class="section apr">
  332. <table>
  333.  
  334. <tr>
  335. <td ></td>
  336. <td ></td>
  337. <td ></td>
  338. <td ></td>
  339. <td ></td>
  340. <td ></td>
  341. <td> </td>
  342. </tr>
  343.  
  344. <tr>
  345. <td> </td>
  346. <td> </td>
  347. <td> </td>
  348. <td> </td>
  349. <td> </td>
  350. <td> </td>
  351. <td> </td>
  352. </tr>
  353.  
  354. <tr>
  355. <td> </td>
  356. <td> </td>
  357. <td> </td>
  358. <td> </td>
  359. <td> </td>
  360. <td> </td>
  361. <td> </td>
  362. </tr>
  363.  
  364. <tr>
  365. <td> </td>
  366. <td> </td>
  367. <td> </td>
  368. <td> </td>
  369. <td> </td>
  370. <td> </td>
  371. <td> </td>
  372. </tr>
  373.  
  374. <tr>
  375. <td> </td>
  376. <td> </td>
  377. </tr>
  378. <!--end numbers-->
  379. </table>
  380. </div>
  381. <!--end april-->
  382.  
  383. <!--may-->
  384. <div class="section may">
  385. <table>
  386.  
  387. <tr>
  388. <td> </td>
  389. <td> </td>
  390. <td> </td>
  391. <td> </td>
  392. <td> </td>
  393. <td> </td>
  394. <td> </td>
  395. </tr>
  396.  
  397. <tr>
  398. <td> </td>
  399. <td> </td>
  400. <td> </td>
  401. <td> </td>
  402. <td> </td>
  403. <td> </td>
  404. <td> </td>
  405. </tr>
  406.  
  407. <tr>
  408. <td> </td>
  409. <td> </td>
  410. <td> </td>
  411. <td> </td>
  412. <td> </td>
  413. <td> </td>
  414. <td> </td>
  415. </tr>
  416.  
  417. <tr>
  418. <td> </td>
  419. <td> </td>
  420. <td> </td>
  421. <td> </td>
  422. <td> </td>
  423. <td> </td>
  424. <td> </td>
  425. </tr>
  426.  
  427. <tr>
  428. <td> </td>
  429. <td> </td>
  430. <td> </td>
  431. </tr>
  432. <!--end numbers-->
  433. </table>
  434. </div>
  435. <!--end may-->
  436.  
  437. <!--june-->
  438. <div class="section jun">
  439. <table>
  440.  
  441. <tr>
  442. <td> </td>
  443. <td> </td>
  444. <td> </td>
  445. <td> </td>
  446. <td> </td>
  447. <td> </td>
  448. <td> </td>
  449. </tr>
  450.  
  451. <tr>
  452. <td> </td>
  453. <td> </td>
  454. <td> </td>
  455. <td> </td>
  456. <td> </td>
  457. <td> </td>
  458. <td> </td>
  459. </tr>
  460.  
  461. <tr>
  462. <td> </td>
  463. <td> </td>
  464. <td> </td>
  465. <td> </td>
  466. <td> </td>
  467. <td> </td>
  468. <td> </td>
  469. </tr>
  470.  
  471. <tr>
  472. <td> </td>
  473. <td> </td>
  474. <td> </td>
  475. <td> </td>
  476. <td> </td>
  477. <td> </td>
  478. <td> </td>
  479. </tr>
  480.  
  481. <tr>
  482. <td> </td>
  483. <td> </td>
  484. </tr>
  485. <!--end numbers-->
  486. </table>
  487. </div>
  488. <!--end june-->
  489.  
  490. <!--july-->
  491. <div class="section jul">
  492. <table>
  493.  
  494. <tr>
  495. <td ></td>
  496. <td ></td>
  497. <td ></td>
  498. <td ></td>
  499. <td ></td>
  500. <td ></td>
  501. <td> </td>
  502. </tr>
  503.  
  504. <tr>
  505. <td> </td>
  506. <td> </td>
  507. <td> </td>
  508. <td> </td>
  509. <td> </td>
  510. <td> </td>
  511. <td> </td>
  512. </tr>
  513.  
  514. <tr>
  515. <td> </td>
  516. <td> </td>
  517. <td> </td>
  518. <td> </td>
  519. <td> </td>
  520. <td> </td>
  521. <td> </td>
  522. </tr>
  523.  
  524. <tr>
  525. <td> </td>
  526. <td> </td>
  527. <td> </td>
  528. <td> </td>
  529. <td> </td>
  530. <td> </td>
  531. <td> </td>
  532. </tr>
  533.  
  534. <tr>
  535. <td> </td>
  536. <td> </td>
  537. <td> </td>
  538. </tr>
  539.  
  540. <!--end numbers-->
  541. </table>
  542. </div>
  543. <!--end july-->
  544.  
  545. <!--august-->
  546. <div class="section aug">
  547. <table>
  548.  
  549. <tr>
  550. <td ></td>
  551. <td ></td>
  552. <td> </td>
  553. <td> </td>
  554. <td> </td>
  555. <td> </td>
  556. <td> </td>
  557. </tr>
  558.  
  559. <tr>
  560. <td> </td>
  561. <td> </td>
  562. <td> </td>
  563. <td> </td>
  564. <td> </td>
  565. <td> </td>
  566. <td> </td>
  567. </tr>
  568.  
  569. <tr>
  570. <td> </td>
  571. <td> </td>
  572. <td> </td>
  573. <td> </td>
  574. <td> </td>
  575. <td> </td>
  576. <td> </td>
  577. </tr>
  578.  
  579. <tr>
  580. <td> </td>
  581. <td> </td>
  582. <td> </td>
  583. <td> </td>
  584. <td> </td>
  585. <td> </td>
  586. <td> </td>
  587. </tr>
  588.  
  589. <tr>
  590. <td> </td>
  591. <td> </td>
  592. <td> </td>
  593. </tr>
  594. <!--end numbers-->
  595. </table>
  596. </div>
  597. <!--end august-->
  598.  
  599. <!--september-->
  600. <div class="section sep">
  601. <table>
  602.  
  603. <tr>
  604. <td ></td>
  605. <td ></td>
  606. <td ></td>
  607. <td ></td>
  608. <td ></td>
  609. <td> </td>
  610. <td> </td>
  611. </tr>
  612.  
  613. <tr>
  614. <td> </td>
  615. <td> </td>
  616. <td> </td>
  617. <td> </td>
  618. <td> </td>
  619. <td> </td>
  620. <td> </td>
  621. </tr>
  622.  
  623. <tr>
  624. <td> </td>
  625. <td> </td>
  626. <td> </td>
  627. <td> </td>
  628. <td> </td>
  629. <td> </td>
  630. <td> </td>
  631. </tr>
  632.  
  633. <tr>
  634. <td> </td>
  635. <td> </td>
  636. <td> </td>
  637. <td> </td>
  638. <td> </td>
  639. <td> </td>
  640. <td> </td>
  641. </tr>
  642.  
  643. <tr>
  644. <td> </td>
  645. <td> </td>
  646. </tr>
  647. <!--end numbers-->
  648. </table>
  649. </div>
  650. <!--end september-->
  651.  
  652. <!--october-->
  653. <div class="section oct">
  654. <table>
  655.  
  656. <tr>
  657. <td> </td>
  658. <td> </td>
  659. <td> </td>
  660. <td> </td>
  661. <td> </td>
  662. <td> </td>
  663. <td> </td>
  664. </tr>
  665.  
  666. <tr>
  667. <td> </td>
  668. <td> </td>
  669. <td> </td>
  670. <td> </td>
  671. <td> </td>
  672. <td> </td>
  673. <td> </td>
  674. </tr>
  675.  
  676. <tr>
  677. <td> </td>
  678. <td> </td>
  679. <td> </td>
  680. <td> </td>
  681. <td> </td>
  682. <td> </td>
  683. <td> </td>
  684. </tr>
  685.  
  686. <tr>
  687. <td> </td>
  688. <td> </td>
  689. <td> </td>
  690. <td> </td>
  691. <td> </td>
  692. <td> </td>
  693. <td> </td>
  694. </tr>
  695.  
  696. <tr>
  697. <td> </td>
  698. <td> </td>
  699. <td> </td>
  700. </tr>
  701. <!--end numbers-->
  702. </table>
  703. </div>
  704. <!--end october-->
  705.  
  706. <!--november-->
  707. <div class="section nov">
  708. <table>
  709.  
  710. <tr>
  711. <td ></td>
  712. <td ></td>
  713. <td ></td>
  714. <td> </td>
  715. <td> </td>
  716. <td> </td>
  717. <td> </td>
  718. </tr>
  719.  
  720. <tr>
  721. <td> </td>
  722. <td> </td>
  723. <td> </td>
  724. <td> </td>
  725. <td> </td>
  726. <td> </td>
  727. <td> </td>
  728. </tr>
  729.  
  730. <tr>
  731. <td> </td>
  732. <td> </td>
  733. <td> </td>
  734. <td> </td>
  735. <td> </td>
  736. <td> </td>
  737. <td> </td>
  738. </tr>
  739.  
  740. <tr>
  741. <td> </td>
  742. <td> </td>
  743. <td> </td>
  744. <td> </td>
  745. <td> </td>
  746. <td> </td>
  747. <td> </td>
  748. </tr>
  749.  
  750. <tr>
  751. <td> </td>
  752. <td> </td>
  753. </tr>
  754. <!--end numbers-->
  755. </table>
  756. </div>
  757. <!--end november-->
  758.  
  759. <!--december-->
  760. <div class="section dec">
  761. <table>
  762.  
  763. <tr>
  764. <td ></td>
  765. <td ></td>
  766. <td ></td>
  767. <td ></td>
  768. <td ></td>
  769. <td> </td>
  770. <td> </td>
  771. </tr>
  772.  
  773. <tr>
  774. <td> </td>
  775. <td> </td>
  776. <td> </td>
  777. <td> </td>
  778. <td> </td>
  779. <td> </td>
  780. <td> </td>
  781. </tr>
  782.  
  783. <tr>
  784. <td> </td>
  785. <td> </td>
  786. <td> </td>
  787. <td> </td>
  788. <td> </td>
  789. <td> </td>
  790. <td> </td>
  791. </tr>
  792.  
  793. <tr>
  794. <td> </td>
  795. <td> </td>
  796. <td> </td>
  797. <td> </td>
  798. <td> </td>
  799. <td> </td>
  800. <td> </td>
  801. </tr>
  802.  
  803. <tr>
  804. <td> </td>
  805. <td> </td>
  806. <td> </td>
  807. </tr>
  808. <!--end numbers-->
  809. </table>
  810. </div>
  811. <!--end december-->
  812. </div>
  813. <!--end calendar-->
  814. </body>
  815. </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!