API tools faq
paste
jacktherph

page 002: desk calendar

jacktherph
Jan 11th, 2019
508
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.18 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.  
  8. <!----------------- A FEW THINGS
  9.  
  10. - PAGE 002: DESK CALENDAR by jacktherph
  11. - feel free to edit as you please
  12. - this is a calendar specifically suited to 2019 -- if you want to edit it for any other year you will have to move the dates yourself :)
  13. - do not remove the credit or redistribute under your own name
  14. - find me at http://jacktherph.tumblr.com if you have any questions!!
  15. - like or reblog if you use this theme
  16.  
  17. - css/html tutorials courtesy of w3schools
  18. - link tooltip courtesy of cvmpbell
  19.  
  20. -------------------->
  21.  
  22. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  23.  
  24. <script type="text/javascript" src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  25.  
  26. <style type="text/css">
  27.  
  28. ::selection{
  29. background-color: #9cdbb4; /* selection background */
  30. color: #fff; /* selection font background */
  31. }
  32. ::-moz-selection{
  33. background-color: #9cdbb4; /* selection background */
  34. color: #fff; /* selection font background */
  35. }
  36.  
  37. /* SCROLLBAR */
  38.  
  39.  
  40. ::-webkit-scrollbar {
  41. width:5px; /* sidebar thickness */
  42. height:5px;
  43. background:#000; /* sidebar background color */
  44. }
  45.  
  46.  
  47. ::-webkit-scrollbar-track {
  48. border:5px solid;
  49. background: transparent;
  50. }
  51.  
  52.  
  53. ::-webkit-scrollbar-thumb:vertical {
  54. background: #fff; /* sidebar scroll color */
  55. min-height:20px;
  56. }
  57.  
  58.  
  59. ::-webkit-scrollbar-thumb:horizontal {
  60. background: #fff; /* sidebar scroll color */
  61. min-height:20px;
  62. }
  63.  
  64. pre {
  65. white-space: pre-wrap;
  66. white-space: -moz-pre-wrap;
  67. white-space: -pre-wrap;
  68. white-space: -o-pre-wrap;
  69. word-wrap: break-word;
  70. }
  71.  
  72. /* TOOL TIP */
  73.  
  74. div#qTip {
  75. background: #9cbbdb; /* tooltip background color */
  76. color: #000; /* tooltip font color */
  77. border: 1px;
  78. border-style: solid;
  79. border-radius: 10px; /* rounded corners */
  80. font-size: 10px;
  81. display: none;
  82. text-align: center;
  83. position: absolute;
  84. z-index: 99;
  85. letter-spacing: 1px;
  86. padding: 3px 4px;
  87. text-transform: uppercase;
  88. }
  89.  
  90. /* ACTUAL SHIT */
  91.  
  92. body {
  93. font-size: 15px; /* date size */
  94. font-family: Calibri, Candara, Segoe; /* date */
  95. color: #1e1e1e; /* date color */
  96. background-image: url(''); /* background image */
  97. background-color: #e0e0e0; /* background color */
  98. background-size:cover;
  99. background-attachment:fixed;
  100. margin: 0px;
  101. }
  102.  
  103. a {
  104. color: #a33030; /* link color */
  105. text-decoration: none;
  106. -moz-transition-duration: 0.5s;
  107. -o-transition-duration: 0.5s;
  108. -webkit-transition-duration: 0.5s;
  109. transition-duration: 0.5s;
  110. }
  111.  
  112. a:hover {
  113. color: #d48181; /* link hover color */
  114. -moz-transition-duration: 0.5s;
  115. -o-transition-duration: 0.5s;
  116. -webkit-transition-duration: 0.5s;
  117. transition-duration: 0.5s;
  118. }
  119.  
  120.  
  121. h1 { /* CALENDAR HEADER INFO */
  122. color: #000; /* header font color */
  123. font-family: 'calibri'; /* header font */
  124. font-size: 100px;
  125. margin: auto;
  126. text-align: center;
  127. }
  128.  
  129. h2 {
  130. font-size: 17px;
  131. text-transform: uppercase;
  132. text-align: center;
  133. font-weight: 100;
  134. margin: auto;
  135. color: #000;
  136. font-family: 'calibri';
  137. }
  138.  
  139. h3 {
  140. display: block;
  141. font-size: 15px;
  142. text-transform: uppercase;
  143. font-family: 'calibri';
  144. color: #dfdcdc;
  145. }
  146.  
  147. ul {
  148. list-style-type: none;
  149. }
  150.  
  151. b {
  152. font-weight:800;
  153. }
  154.  
  155. i {
  156. }
  157.  
  158. * {
  159. box-sizing: border-box;
  160. }
  161. /* ----------------------CSS GUTS---------------------- */
  162.  
  163. #container { /* WHOLE PAGE */
  164. margin: auto;
  165. padding: 40px 80px;
  166. }
  167.  
  168. #header {
  169. margin: auto;
  170. padding: 5px 0px; /* space between header text and top/bottom of container */
  171. background-color: #cb6262; /* header background color */
  172. border-radius: 10px; /* rounded corners on header */
  173. }
  174.  
  175. #sidebar { /* TOP BAR NAV */
  176. width: 100%;
  177. height: 50px;
  178. margin: auto;
  179. z-index: 10;
  180. background-color: #000;
  181. position: fixed;
  182. }
  183. #sidebar ul {
  184. text-align: left;
  185. word-spacing: 100px;
  186. }
  187. #sidebar li {
  188. display: inline-block;
  189. text-align: left;
  190. text-transform: uppercase;
  191. padding: 0px 0px 0px 0px; /* center position of the links */
  192. }
  193. #sidebar a {
  194. color: #fff;
  195. text-decoration: none;
  196. font-size: 15px;
  197. }
  198. #sidebar a:hover {
  199. background-color: #fff;
  200. color: black;
  201. }
  202.  
  203. #calendarcontainer { /* PAGE CONTENTS */
  204. position: relative;
  205. width: 1000px;
  206. margin: auto;
  207. padding: 40px 0px;
  208. background-color: transparent;
  209. }
  210.  
  211. #monthcontainer { /* EACH MONTH CONTAINER */
  212. position: relative;
  213. float: left;
  214. width: 33.33%;
  215. margin: auto;
  216. padding: 20px 10px;
  217. }
  218.  
  219. .month { /* EACH INDIVIDUAL MONTH */
  220. width: 100%;
  221. background: #c3bdd1; /* month header color */
  222. border-radius: 10px 10px 0px 0px; /* rounded tops */
  223. text-align: center;
  224. }
  225.  
  226. .month ul {
  227. margin: 0;
  228. padding: 10px 0px;
  229. }
  230.  
  231. .month ul li {
  232. color: #000; /* month color */
  233. font-size: 20px;
  234. text-transform: uppercase;
  235. letter-spacing: 3px;
  236. }
  237.  
  238. .weekdays {
  239. margin: 0;
  240. padding: 10px 0;
  241. background-color: #fff; /* weekday background color */
  242. }
  243.  
  244. .weekdays li {
  245. display: inline-block;
  246. width: 13.2%;
  247. color: #666; /* weekday color */
  248. text-align: center;
  249. }
  250.  
  251. .days {
  252. padding: 15px .5px;
  253. border-radius: 0px 0px 10px 10px; /* rounded bottoms */
  254. background: #eee; /* day background color */
  255. margin: 0;
  256. }
  257.  
  258. .days li {
  259. list-style-type: none;
  260. display: inline-block;
  261. width: 13.2%;
  262. text-align: center;
  263. margin: 10px 0px;
  264. font-size:15px;
  265. }
  266.  
  267. /* ----------------------FILTERS---------------------- */
  268. /* SEARCH=EDITFILTERS
  269.  
  270. /* to create more filters for your calendar, just
  271. copy + paste the below css and replace the "filter#"
  272. with whatever filter number (or if you decide to
  273. change them into titles) and personalize it with
  274. a colour! .filter is for a single day, while .extendedfilter is for multiple days--as the padding connects the colouring*/
  275.  
  276. /* COPY + PASTE----
  277.  
  278. .days li .filter# {
  279. padding: 5px;
  280. background: #color-code-here;
  281. color: white !important
  282. }
  283.  
  284. OR
  285.  
  286. .days li .extendedfilter# {
  287. padding: 3px 15.5px;
  288. background: #color-code-here;
  289. color: white !important
  290. }
  291.  
  292. ----COPY + PASTE */
  293.  
  294.  
  295. .days li .filter1 {
  296. padding: 5px;
  297. background: #1abc9c; /* background color for filter */
  298. color: white !important
  299. }
  300.  
  301. .days li .filter2 {
  302. padding: 5px;
  303. background: #6e9bc7;
  304. color: white !important
  305. }
  306.  
  307. .days li .filter3 {
  308. padding: 5px;
  309. background: #6ec77f;
  310. color: white !important
  311. }
  312.  
  313. .days li .filter4 {
  314. padding: 5px;
  315. background: #c7bb6e;
  316. color: white !important
  317. }
  318.  
  319. .days li .extendedfilter1 {
  320. padding: 3px 15.5px;
  321. background: #ca7777;
  322. color: white !important
  323. }
  324.  
  325. /* ----------------------LEAVE THIS---------------------- */
  326.  
  327. #container::after {
  328. content: "";
  329. clear: both;
  330. display: table;
  331. }
  332.  
  333. [class*="col-"] {
  334. float: left;
  335. padding: 25px;
  336. }
  337.  
  338. .col-1 {width: 8.33%;}
  339. .col-2 {width: 16.66%;}
  340. .col-3 {width: 25%;}
  341. .col-4 {width: 33.33%;}
  342. .col-5 {width: 41.66%;}
  343. .col-6 {width: 50%;}
  344. .col-7 {width: 58.33%;}
  345. .col-8 {width: 66.66%;}
  346. .col-9 {width: 75%;}
  347. .col-10 {width: 83.33%;}
  348. .col-11 {width: 91.66%;}
  349. .col-12 {width: 100%;}
  350.  
  351. /* ----------------------KEY AND DESCRIPTION HOVER INFO---------------------- */
  352.  
  353. .hover {
  354. position: relative;
  355. display: inline-block;
  356. }
  357. .hover .key { /* SEARCH=KEY */
  358. visibility: hidden;
  359. width: 200px; /*adjust if key contents go into a second line */
  360. top: 150%;
  361. left: 50%;
  362. margin-left: -80px;
  363. overflow: auto;
  364. background-color: #4e3c3c; /* key background color */
  365. padding: 5px 0px;
  366. border-radius: 10px; /* rounded corners */
  367. position: absolute;
  368. z-index: 1;
  369. opacity: 0;
  370. transition: opacity .5s;
  371. }
  372. .hover .key ul {
  373. margin: auto;
  374. font-size: 15px;
  375. line-height: 1.8;
  376. text-align: left;
  377. padding: 10px 50px 10px 20px;
  378. }
  379. .hover .key li {
  380. word-spacing: -1px;
  381. }
  382. .hover:hover .key {
  383. visibility: visible;
  384. opacity: 1;
  385. }
  386.  
  387. .hover .details { /* SEARCH=DETAILS */
  388. visibility: hidden;
  389. width: 120px; /* adjust if needed */
  390. top: 100%;
  391. left: 105%;
  392. overflow: auto;
  393. background-color: black; /* hover box background color */
  394. color: #fff; /* hover box font color */
  395. font-size: 11px;
  396. text-align: center;
  397. padding: 15px;
  398. border-radius: 10px;
  399. position: absolute;
  400. z-index: 1;
  401. opacity: 0;
  402. transition: opacity .5s;
  403. }
  404. .hover:hover .details {
  405. visibility: visible;
  406. opacity: 1;
  407. }
  408.  
  409. /* if you have a lot to put for a date, use the .detailsextend class and adjust the width for the box as needed */
  410.  
  411. .hover .detailsextend { /* SEARCH=DETAILS */
  412. visibility: hidden;
  413. width: 400px;
  414. top: 100%;
  415. left: 105%;
  416. overflow: auto;
  417. background-color: black; /* hover box background color */
  418. color: #fff; /* hover box font color */
  419. font-size: 11px;
  420. text-align: center;
  421. padding: 15px;
  422. border-radius: 10px;
  423. position: absolute;
  424. z-index: 1;
  425. opacity: 0;
  426. transition: opacity .5s;
  427. }
  428. .hover:hover .detailsextend {
  429. visibility: visible;
  430. opacity: 1;
  431. }
  432.  
  433. /* ----------------------CREDIT INFO---------------------- */
  434.  
  435. /* DO NOT TOUCH! THANK YOU!!! */
  436.  
  437. #credit {
  438. position: fixed;
  439. padding-top: 3px;
  440. bottom: 5px;
  441. right: 5px;
  442. line-height: 90%;
  443. text-align: center;
  444. background-color: transparent;
  445. }
  446. #credit img {
  447. width: 27px;
  448. height: 27px;
  449. }
  450.  
  451. </style>
  452. </head>
  453.  
  454. <!--------------------------HOW TO USE THIS PAGE!!--------------------------
  455.  
  456. TO HIGHLIGHT A SPECIFIC DATE:
  457.  
  458. 1. find the corresponding date on the calendar. for single-digit days, i'd recommend not removing the 0 before each number, as it offsets the single digits from the double digits. if you know how, you can make the 0 transparent.
  459.  
  460. 2. attach one of the two filter types to your date. instructions on making more filters and editing the colours are above, just ctrl+f "SEARCH=EDITFILTERS"
  461. <span class="filter#">[DATE]</span>
  462. *for the extended filter, you'll need to add the extendedfilter# to every box within the desired date
  463. <span class="extendedfilter#">[DATE]</span>
  464.  
  465. 3. from there the personalization is yours!! you can make them links or, explained below, how to add hovering details
  466.  
  467.  
  468.  
  469. TO EDIT THE KEY:
  470.  
  471. 1. colouring/size changes for the box can be found when you ctrl+f "SEARCH=KEY"
  472.  
  473. 2. recommended: correspond the key text colours with the box highlight colour
  474.  
  475.  
  476.  
  477. TO ADD A HOVER DESCRIPTION FOR A DATE:
  478. *if using this on an extended filter, only apply to one of the dates unless there will be different contents for different dates
  479.  
  480. 1. colouring/size changes for the boxes can be found when you ctrl+f "SEARCH=DETAILS"
  481.  
  482. 2.1. if you know what you're doing with div classes and such, just surround your choice with [<li> *already there] <div class="hover"> </div> [</li>]
  483. 2.2. after the filter </span>, add the details span of your choice
  484. <span class=details>[CONTENTS HERE]</span>
  485. OR
  486. <span class="detailsextend">[CONTENTS HERE]</span> *recommended if you have a lot of text
  487.  
  488. 2.3. fill in as desired and format as desired!!
  489.  
  490. 3.1 if you DON'T know what you're doing with divs, highlight the entire line of date html, from <li> to </li>
  491.  
  492. 3.2. copy+paste the below, editing where defined:
  493.  
  494. <li><div class="hover">
  495. <span class="[FILTER NUMBER HERE]">[DATE HERE]</span>
  496. <span class="details"> <!--or detailsextend
  497. [INFO HERE]
  498. </span></div></li>
  499.  
  500. 3.3. so long as you make sure everything in <> brackets has a counterpart with </> brackets, you should be just fine!!
  501.  
  502.  
  503. ---------------------------------------------------------------------------->
  504.  
  505. <!-----------------------------HTML GUTS------------------------------>
  506. <body>
  507. <!--------SIDEBAR AND KEY-------->
  508. <div id="sidebar">
  509. <ul>
  510. <li><a href="/" title="home">home</a></li>
  511. <li><a href="/ask" title="ask">ask</a></li>
  512. <li><a href="#" title="title here">link</a></li>
  513. <li><a href="#" title="title here">link</a></li>
  514. <li><div class="hover"><span style="color:#fff;">key</span>
  515. <span class="key">
  516. <ul>
  517. <li><span style="color:#1abc9c;"><b>KEY ITEM 1</b></span></li>
  518. <li><span style="color:#6e9bc7;"><b>KEY ITEM 2</b></span></li>
  519. <li><span style="color:#6ec77f;"><b>KEY ITEM 3</b></span></li>
  520. <li><span style="color:#c7bb6e;"><b>KEY ITEM 4</b></span></li>
  521. <li><span style="color:#ca7777;"><b>KEY ITEM 5</b></span></li>
  522.  
  523. <!---------ADD MORE HERE--------->
  524.  
  525. </ul>
  526. </span>
  527. </div></li>
  528. <li><a href="http://jacktherph.tumblr.com" title="jacktherph">theme</a></li>
  529. </ul>
  530. </div>
  531.  
  532. <!-- KEY COLOR COORDINATIONS
  533.  
  534. to add more key filters, copy + the below code and add it above. simply change the #color-code-here to the matching colour code from the filter it represents
  535.  
  536. <li><span style="color:#color-code-here;"><b>FILTER NAME</b></span></li>
  537.  
  538. -->
  539.  
  540.  
  541. <div id="container">
  542. <!--------CALENDAR CONTAINTER-------->
  543. <div id="calendarcontainer">
  544. <!--------HEADER-------->
  545. <div id="header">
  546. <h1>2019</h1>
  547. </div>
  548. <!--------JANUARY-------->
  549. <div id="monthcontainer">
  550. <div class="month">
  551. <ul>
  552. <li>
  553. JANUARY
  554. </li>
  555. </ul>
  556. </div>
  557.  
  558. <ul class="weekdays">
  559. <li>Su</li>
  560. <li>Mo</li>
  561. <li>Tu</li>
  562. <li>We</li>
  563. <li>Th</li>
  564. <li>Fr</li>
  565. <li>Sa</li>
  566. </ul>
  567.  
  568. <ul class="days">
  569. <li></li>
  570. <li></li>
  571. <li>01</li>
  572. <li>02</li>
  573. <li>03</li>
  574. <li>04</li>
  575. <li>05</li>
  576.  
  577. <!---WEEK BREAK--->
  578.  
  579. <li>06</li>
  580.  
  581. <li><div class="hover">
  582. <span class="filter1">07</span>
  583. <span class="detailsextend">
  584. info here
  585.  
  586. <p>if you want a second line -- it auto-adjusts to the height of your contents
  587. </span></div></li>
  588.  
  589. <li>08</li>
  590. <li>09</li>
  591. <li>10</li>
  592. <li>11</li>
  593. <li>12</li>
  594.  
  595. <!---WEEK BREAK--->
  596.  
  597. <li>13</li>
  598. <li>14</li>
  599. <li>15</li>
  600. <li>16</li>
  601. <li><span class="filter2">17</span></li>
  602. <li>18</li>
  603. <li>19</li>
  604.  
  605. <!---WEEK BREAK--->
  606.  
  607. <li>20</li>
  608. <li>21</li>
  609. <li>22</li>
  610. <li>23</li>
  611. <li>24</li>
  612. <li>25</li>
  613. <li>26</li>
  614.  
  615. <!---WEEK BREAK--->
  616.  
  617. <li>27</li>
  618. <li>28</li>
  619. <li>29</li>
  620. <li><span class="filter3">30</span></li>
  621. <li><span class="filter4">31</span></li>
  622. <li></li>
  623. <li></li>
  624.  
  625. <!---WEEK BREAK--->
  626.  
  627. <li></li>
  628. <li></li>
  629. <li></li>
  630. <li></li>
  631. <li></li>
  632. <li></li>
  633. <li><span style="color:transparent;">00</span></li> <!--leave me-->
  634. </ul>
  635.  
  636. </div>
  637.  
  638. <!--------FEBRUARY-------->
  639. <div id="monthcontainer">
  640. <div class="month">
  641. <ul>
  642. <li>
  643. FEBRUARY
  644. </li>
  645. </ul>
  646. </div>
  647.  
  648. <ul class="weekdays">
  649. <li>Su</li>
  650. <li>Mo</li>
  651. <li>Tu</li>
  652. <li>We</li>
  653. <li>Th</li>
  654. <li>Fr</li>
  655. <li>Sa</li>
  656. </ul>
  657.  
  658. <ul class="days">
  659. <li></li>
  660. <li></li>
  661. <li></li>
  662. <li></li>
  663. <li></li>
  664. <li>01</li>
  665. <li>02</li>
  666.  
  667. <!---WEEK BREAK--->
  668.  
  669. <li>03</li>
  670. <li>04</li>
  671. <li>05</li>
  672. <li>06</li>
  673. <li>07</li>
  674. <li>08</li>
  675. <li>09</li>
  676.  
  677. <!---WEEK BREAK--->
  678.  
  679. <li>10</li>
  680.  
  681. <li><div class="hover">
  682. <span class="extendedfilter1">11</span>
  683. <span class="details">
  684. info here
  685. </span></div></li>
  686.  
  687. <li><span class="extendedfilter1">12</span></li>
  688. <li><span class="extendedfilter1">13</span></li>
  689. <li><span class="extendedfilter1">14</span></li>
  690. <li><span class="extendedfilter1">15</span></li>
  691. <li><span class="extendedfilter1">16</span></li>
  692.  
  693. <!---WEEK BREAK--->
  694.  
  695. <li><span class="extendedfilter1">17</span></li>
  696. <li><span class="extendedfilter1">18</span></li>
  697. <li>19</li>
  698. <li>20</li>
  699. <li>21</li>
  700. <li>22</li>
  701. <li>23</li>
  702.  
  703. <!---WEEK BREAK--->
  704.  
  705. <li>24</li>
  706. <li>25</li>
  707. <li>26</li>
  708. <li>27</li>
  709. <li>28</li>
  710. <li></li>
  711. <li></li>
  712.  
  713. <!---WEEK BREAK--->
  714.  
  715. <li></li>
  716. <li></li>
  717. <li></li>
  718. <li></li>
  719. <li></li>
  720. <li></li>
  721. <li><span style="color:transparent;">00</span></li> <!--leave me-->
  722. </ul>
  723.  
  724. </div>
  725.  
  726. <!--------MARCH-------->
  727. <div id="monthcontainer">
  728. <div class="month">
  729. <ul>
  730. <li>
  731. MARCH
  732. </li>
  733. </ul>
  734. </div>
  735.  
  736. <ul class="weekdays">
  737. <li>Su</li>
  738. <li>Mo</li>
  739. <li>Tu</li>
  740. <li>We</li>
  741. <li>Th</li>
  742. <li>Fr</li>
  743. <li>Sa</li>
  744. </ul>
  745.  
  746. <ul class="days">
  747. <li></li>
  748. <li></li>
  749. <li></li>
  750. <li></li>
  751. <li></li>
  752. <li>01</li>
  753. <li>02</li>
  754.  
  755. <!---WEEK BREAK--->
  756.  
  757. <li>03</li>
  758. <li>04</li>
  759. <li>05</li>
  760. <li>06</li>
  761. <li>07</li>
  762. <li>08</li>
  763. <li>09</li>
  764.  
  765. <!---WEEK BREAK--->
  766.  
  767. <li>10</li>
  768. <li>11</li>
  769. <li>12</li>
  770. <li>13</li>
  771. <li>14</li>
  772. <li>15</li>
  773. <li>16</li>
  774.  
  775. <!---WEEK BREAK--->
  776.  
  777. <li>17</li>
  778. <li>18</li>
  779. <li>19</li>
  780. <li>20</li>
  781. <li>21</li>
  782. <li>22</li>
  783. <li>23</li>
  784.  
  785. <!---WEEK BREAK--->
  786.  
  787. <li>24</li>
  788. <li>25</li>
  789. <li>26</li>
  790. <li>27</li>
  791. <li>28</li>
  792. <li>29</li>
  793. <li>30</li>
  794.  
  795. <!---WEEK BREAK--->
  796.  
  797. <li>31</li>
  798. </ul>
  799.  
  800. </div>
  801.  
  802. <!--------APRIL-------->
  803. <div id="monthcontainer">
  804. <div class="month">
  805. <ul>
  806. <li>
  807. APRIL
  808. </li>
  809. </ul>
  810. </div>
  811.  
  812. <ul class="weekdays">
  813. <li>Su</li>
  814. <li>Mo</li>
  815. <li>Tu</li>
  816. <li>We</li>
  817. <li>Th</li>
  818. <li>Fr</li>
  819. <li>Sa</li>
  820. </ul>
  821.  
  822. <ul class="days">
  823. <li></li>
  824. <li>01</li>
  825. <li>02</li>
  826. <li>03</li>
  827. <li>04</li>
  828. <li>05</li>
  829. <li>06</li>
  830.  
  831. <!---WEEK BREAK--->
  832.  
  833. <li>07</li>
  834. <li>08</li>
  835. <li>09</li>
  836. <li>10</li>
  837. <li>11</li>
  838. <li>12</li>
  839. <li>13</li>
  840.  
  841. <!---WEEK BREAK--->
  842.  
  843. <li>14</li>
  844. <li>15</li>
  845. <li>16</li>
  846. <li>17</li>
  847. <li>18</li>
  848. <li>19</li>
  849. <li>20</li>
  850.  
  851. <!---WEEK BREAK--->
  852.  
  853. <li>21</li>
  854. <li>22</li>
  855. <li>23</li>
  856. <li>24</li>
  857. <li>25</li>
  858. <li>26</li>
  859. <li>27</li>
  860.  
  861. <!---WEEK BREAK--->
  862.  
  863. <li>28</li>
  864. <li>29</li>
  865. <li>30</li>
  866. <li></li>
  867. <li></li>
  868. <li></li>
  869. <li></li>
  870.  
  871. <!---WEEK BREAK--->
  872.  
  873. <li></li>
  874. <li></li>
  875. <li></li>
  876. <li></li>
  877. <li></li>
  878. <li></li>
  879. <li><span style="color:transparent;">00</span></li> <!--leave me-->
  880. </ul>
  881.  
  882. </div>
  883.  
  884. <!--------MAY-------->
  885. <div id="monthcontainer">
  886. <div class="month">
  887. <ul>
  888. <li>
  889. MAY
  890. </li>
  891. </ul>
  892. </div>
  893.  
  894. <ul class="weekdays">
  895. <li>Su</li>
  896. <li>Mo</li>
  897. <li>Tu</li>
  898. <li>We</li>
  899. <li>Th</li>
  900. <li>Fr</li>
  901. <li>Sa</li>
  902. </ul>
  903.  
  904. <ul class="days">
  905. <li></li>
  906. <li></li>
  907. <li></li>
  908. <li>01</li>
  909. <li>02</li>
  910. <li>03</li>
  911. <li>04</li>
  912.  
  913. <!---WEEK BREAK--->
  914.  
  915. <li>05</li>
  916. <li>06</li>
  917. <li>07</li>
  918. <li>08</li>
  919. <li>09</li>
  920. <li>10</li>
  921. <li>11</li>
  922.  
  923. <!---WEEK BREAK--->
  924.  
  925. <li>12</li>
  926. <li>13</li>
  927. <li>14</li>
  928. <li>15</li>
  929. <li>16</li>
  930. <li>17</li>
  931. <li>18</li>
  932.  
  933. <!---WEEK BREAK--->
  934.  
  935. <li>19</li>
  936. <li>20</li>
  937. <li>21</li>
  938. <li>22</li>
  939. <li>23</li>
  940. <li>24</li>
  941. <li>25</li>
  942.  
  943. <!---WEEK BREAK--->
  944.  
  945. <li>26</li>
  946. <li>27</li>
  947. <li>28</li>
  948. <li>29</li>
  949. <li>30</li>
  950. <li>31</li>
  951. <li></li>
  952.  
  953. <!---WEEK BREAK--->
  954.  
  955. <li></li>
  956. <li></li>
  957. <li></li>
  958. <li></li>
  959. <li></li>
  960. <li></li>
  961. <li><span style="color:transparent;">00</span></li> <!--leave me-->
  962. </ul>
  963.  
  964. </div>
  965.  
  966. <!--------JUNE-------->
  967. <div id="monthcontainer">
  968. <div class="month">
  969. <ul>
  970. <li>
  971. JUNE
  972. </li>
  973. </ul>
  974. </div>
  975.  
  976. <ul class="weekdays">
  977. <li>Su</li>
  978. <li>Mo</li>
  979. <li>Tu</li>
  980. <li>We</li>
  981. <li>Th</li>
  982. <li>Fr</li>
  983. <li>Sa</li>
  984. </ul>
  985.  
  986. <ul class="days">
  987. <li></li>
  988. <li></li>
  989. <li></li>
  990. <li></li>
  991. <li></li>
  992. <li></li>
  993. <li>01</li>
  994.  
  995. <!---WEEK BREAK--->
  996.  
  997. <li>02</li>
  998. <li>03</li>
  999. <li>04</li>
  1000. <li>05</li>
  1001. <li>06</li>
  1002. <li>07</li>
  1003. <li>08</li>
  1004.  
  1005. <!---WEEK BREAK--->
  1006.  
  1007. <li>09</li>
  1008. <li>10</li>
  1009. <li>11</li>
  1010. <li>12</li>
  1011. <li>13</li>
  1012. <li>14</li>
  1013. <li>15</li>
  1014.  
  1015. <!---WEEK BREAK--->
  1016.  
  1017. <li>16</li>
  1018. <li>17</li>
  1019. <li>18</li>
  1020. <li>19</li>
  1021. <li>20</li>
  1022. <li>21</li>
  1023. <li>22</li>
  1024.  
  1025. <!---WEEK BREAK--->
  1026.  
  1027. <li>23</li>
  1028. <li>24</li>
  1029. <li>25</li>
  1030. <li>26</li>
  1031. <li>27</li>
  1032. <li>28</li>
  1033. <li>29</li>
  1034.  
  1035. <!---WEEK BREAK--->
  1036.  
  1037. <li>30</li>
  1038. </ul>
  1039.  
  1040. </div>
  1041.  
  1042. <!--------JULY-------->
  1043. <div id="monthcontainer">
  1044. <div class="month">
  1045. <ul>
  1046. <li>
  1047. JULY
  1048. </li>
  1049. </ul>
  1050. </div>
  1051.  
  1052. <ul class="weekdays">
  1053. <li>Su</li>
  1054. <li>Mo</li>
  1055. <li>Tu</li>
  1056. <li>We</li>
  1057. <li>Th</li>
  1058. <li>Fr</li>
  1059. <li>Sa</li>
  1060. </ul>
  1061.  
  1062. <ul class="days">
  1063. <li></li>
  1064. <li>01</li>
  1065. <li>02</li>
  1066. <li>03</li>
  1067. <li>04</li>
  1068. <li>05</li>
  1069. <li>06</li>
  1070.  
  1071. <!---WEEK BREAK--->
  1072.  
  1073. <li>07</li>
  1074. <li>08</li>
  1075. <li>09</li>
  1076. <li>10</li>
  1077. <li>11</li>
  1078. <li>12</li>
  1079. <li>13</li>
  1080.  
  1081. <!---WEEK BREAK--->
  1082.  
  1083. <li>14</li>
  1084. <li>15</li>
  1085. <li>16</li>
  1086. <li>17</li>
  1087. <li>18</li>
  1088. <li>19</li>
  1089. <li>20</li>
  1090.  
  1091. <!---WEEK BREAK--->
  1092.  
  1093. <li>21</li>
  1094. <li>22</li>
  1095. <li>23</li>
  1096. <li>24</li>
  1097. <li>25</li>
  1098. <li>26</li>
  1099. <li>27</li>
  1100.  
  1101. <!---WEEK BREAK--->
  1102.  
  1103. <li>28</li>
  1104. <li>29</li>
  1105. <li>30</li>
  1106. <li>31</li>
  1107. <li></li>
  1108. <li></li>
  1109. <li></li>
  1110.  
  1111. <!---WEEK BREAK--->
  1112.  
  1113. <li></li>
  1114. <li></li>
  1115. <li></li>
  1116. <li></li>
  1117. <li></li>
  1118. <li></li>
  1119. <li><span style="color:transparent;">00</span></li> <!--leave me-->
  1120. </ul>
  1121.  
  1122. </div>
  1123.  
  1124. <!--------AUGUST-------->
  1125. <div id="monthcontainer">
  1126. <div class="month">
  1127. <ul>
  1128. <li>
  1129. AUGUST
  1130. </li>
  1131. </ul>
  1132. </div>
  1133.  
  1134. <ul class="weekdays">
  1135. <li>Su</li>
  1136. <li>Mo</li>
  1137. <li>Tu</li>
  1138. <li>We</li>
  1139. <li>Th</li>
  1140. <li>Fr</li>
  1141. <li>Sa</li>
  1142. </ul>
  1143.  
  1144. <ul class="days">
  1145. <li></li>
  1146. <li></li>
  1147. <li></li>
  1148. <li></li>
  1149. <li>01</li>
  1150. <li>02</li>
  1151. <li>03</li>
  1152.  
  1153. <!---WEEK BREAK--->
  1154.  
  1155. <li>04</li>
  1156. <li>05</li>
  1157. <li>06</li>
  1158. <li>07</li>
  1159. <li>08</li>
  1160. <li>09</li>
  1161. <li>10</li>
  1162.  
  1163. <!---WEEK BREAK--->
  1164.  
  1165. <li>11</li>
  1166. <li>12</li>
  1167. <li>13</li>
  1168. <li>14</li>
  1169. <li>15</li>
  1170. <li>16</li>
  1171. <li>17</li>
  1172.  
  1173. <!---WEEK BREAK--->
  1174.  
  1175. <li>18</li>
  1176. <li>19</li>
  1177. <li>20</li>
  1178. <li>21</li>
  1179. <li>22</li>
  1180. <li>23</li>
  1181. <li>24</li>
  1182.  
  1183. <!---WEEK BREAK--->
  1184.  
  1185. <li>25</li>
  1186. <li>26</li>
  1187. <li>27</li>
  1188. <li>28</li>
  1189. <li>29</li>
  1190. <li>30</li>
  1191. <li>31</li>
  1192.  
  1193. <!---WEEK BREAK--->
  1194.  
  1195. <li></li>
  1196. <li></li>
  1197. <li></li>
  1198. <li></li>
  1199. <li></li>
  1200. <li></li>
  1201. <li><span style="color:transparent;">00</span></li> <!--leave me-->
  1202. </ul>
  1203.  
  1204. </div>
  1205.  
  1206. <!--------SEPTEMBER-------->
  1207. <div id="monthcontainer">
  1208. <div class="month">
  1209. <ul>
  1210. <li>
  1211. SEPTEMBER
  1212. </li>
  1213. </ul>
  1214. </div>
  1215.  
  1216. <ul class="weekdays">
  1217. <li>Su</li>
  1218. <li>Mo</li>
  1219. <li>Tu</li>
  1220. <li>We</li>
  1221. <li>Th</li>
  1222. <li>Fr</li>
  1223. <li>Sa</li>
  1224. </ul>
  1225.  
  1226. <ul class="days">
  1227. <li>01</li>
  1228. <li>02</li>
  1229. <li>03</li>
  1230. <li>04</li>
  1231. <li>05</li>
  1232. <li>06</li>
  1233. <li>07</li>
  1234.  
  1235. <!---WEEK BREAK--->
  1236.  
  1237. <li>08</li>
  1238. <li>09</li>
  1239. <li>10</li>
  1240. <li>11</li>
  1241. <li>12</li>
  1242. <li>13</li>
  1243. <li>14</li>
  1244.  
  1245. <!---WEEK BREAK--->
  1246.  
  1247. <li>15</li>
  1248. <li>16</li>
  1249. <li>17</li>
  1250. <li>18</li>
  1251. <li>19</li>
  1252. <li>20</li>
  1253. <li>21</li>
  1254.  
  1255. <!---WEEK BREAK--->
  1256.  
  1257. <li>22</li>
  1258. <li>23</li>
  1259. <li>24</li>
  1260. <li>25</li>
  1261. <li>26</li>
  1262. <li>27</li>
  1263. <li>28</li>
  1264.  
  1265. <!---WEEK BREAK--->
  1266.  
  1267. <li>29</li>
  1268. <li>30</li>
  1269. <li></li>
  1270. <li></li>
  1271. <li></li>
  1272. <li></li>
  1273. <li></li>
  1274.  
  1275. <!---WEEK BREAK--->
  1276.  
  1277. <li></li>
  1278. <li></li>
  1279. <li></li>
  1280. <li></li>
  1281. <li></li>
  1282. <li></li>
  1283. <li><span style="color:transparent;">00</span></li> <!--leave me-->
  1284. </ul>
  1285.  
  1286. </div>
  1287.  
  1288. <!--------OCTOBER-------->
  1289. <div id="monthcontainer">
  1290. <div class="month">
  1291. <ul>
  1292. <li>
  1293. OCTOBER
  1294. </li>
  1295. </ul>
  1296. </div>
  1297.  
  1298. <ul class="weekdays">
  1299. <li>Su</li>
  1300. <li>Mo</li>
  1301. <li>Tu</li>
  1302. <li>We</li>
  1303. <li>Th</li>
  1304. <li>Fr</li>
  1305. <li>Sa</li>
  1306. </ul>
  1307.  
  1308. <ul class="days">
  1309. <li></li>
  1310. <li></li>
  1311. <li>01</li>
  1312. <li>02</li>
  1313. <li>03</li>
  1314. <li>04</li>
  1315. <li>05</li>
  1316.  
  1317. <!---WEEK BREAK--->
  1318.  
  1319. <li>06</li>
  1320. <li>07</li>
  1321. <li>08</li>
  1322. <li>09</li>
  1323. <li>10</li>
  1324. <li>11</li>
  1325. <li>12</li>
  1326.  
  1327. <!---WEEK BREAK--->
  1328.  
  1329. <li>13</li>
  1330. <li>14</li>
  1331. <li>15</li>
  1332. <li>16</li>
  1333. <li>17</li>
  1334. <li>18</li>
  1335. <li>19</li>
  1336.  
  1337. <!---WEEK BREAK--->
  1338.  
  1339. <li>20</li>
  1340. <li>21</li>
  1341. <li>22</li>
  1342. <li>23</li>
  1343. <li>24</li>
  1344. <li>25</li>
  1345. <li>26</li>
  1346.  
  1347. <!---WEEK BREAK--->
  1348.  
  1349. <li>27</li>
  1350. <li>28</li>
  1351. <li>29</li>
  1352. <li>30</li>
  1353. <li>31</li>
  1354. <li></li>
  1355. <li></li>
  1356.  
  1357. <!---WEEK BREAK--->
  1358.  
  1359. <li></li>
  1360. <li></li>
  1361. <li></li>
  1362. <li></li>
  1363. <li></li>
  1364. <li></li>
  1365. <li><span style="color:transparent;">00</span></li> <!--leave me-->
  1366. </ul>
  1367.  
  1368. </div>
  1369.  
  1370. <!--------NOVEMBER-------->
  1371. <div id="monthcontainer">
  1372. <div class="month">
  1373. <ul>
  1374. <li>
  1375. NOVEMBER
  1376. </li>
  1377. </ul>
  1378. </div>
  1379.  
  1380. <ul class="weekdays">
  1381. <li>Su</li>
  1382. <li>Mo</li>
  1383. <li>Tu</li>
  1384. <li>We</li>
  1385. <li>Th</li>
  1386. <li>Fr</li>
  1387. <li>Sa</li>
  1388. </ul>
  1389.  
  1390. <ul class="days">
  1391. <li></li>
  1392. <li></li>
  1393. <li></li>
  1394. <li></li>
  1395. <li></li>
  1396. <li>01</li>
  1397. <li>02</li>
  1398.  
  1399. <!---WEEK BREAK--->
  1400.  
  1401. <li>03</li>
  1402. <li>04</li>
  1403. <li>05</li>
  1404. <li>06</li>
  1405. <li>07</li>
  1406. <li>08</li>
  1407. <li>09</li>
  1408.  
  1409. <!---WEEK BREAK--->
  1410.  
  1411. <li>10</li>
  1412. <li>11</li>
  1413. <li>12</li>
  1414. <li>13</li>
  1415. <li>14</li>
  1416. <li>15</li>
  1417. <li>16</li>
  1418.  
  1419. <!---WEEK BREAK--->
  1420.  
  1421. <li>17</li>
  1422. <li>18</li>
  1423. <li>19</li>
  1424. <li>20</li>
  1425. <li>21</li>
  1426. <li>22</li>
  1427. <li>23</li>
  1428.  
  1429. <!---WEEK BREAK--->
  1430.  
  1431. <li>24</li>
  1432. <li>25</li>
  1433. <li>26</li>
  1434. <li>27</li>
  1435. <li>28</li>
  1436. <li>29</li>
  1437. <li>30</li>
  1438.  
  1439. <!---WEEK BREAK--->
  1440.  
  1441. <li></li>
  1442. <li></li>
  1443. <li></li>
  1444. <li></li>
  1445. <li></li>
  1446. <li></li>
  1447. <li><span style="color:transparent;">00</span></li> <!--leave me-->
  1448. </ul>
  1449.  
  1450. </div>
  1451.  
  1452. <!--------DECEMBER-------->
  1453. <div id="monthcontainer">
  1454. <div class="month">
  1455. <ul>
  1456. <li>
  1457. DECEMBER
  1458. </li>
  1459. </ul>
  1460. </div>
  1461.  
  1462. <ul class="weekdays">
  1463. <li>Su</li>
  1464. <li>Mo</li>
  1465. <li>Tu</li>
  1466. <li>We</li>
  1467. <li>Th</li>
  1468. <li>Fr</li>
  1469. <li>Sa</li>
  1470. </ul>
  1471.  
  1472. <ul class="days">
  1473. <li>01</li>
  1474. <li>02</li>
  1475. <li>03</li>
  1476. <li>04</li>
  1477. <li>05</li>
  1478. <li>06</li>
  1479. <li>07</li>
  1480.  
  1481. <!---WEEK BREAK--->
  1482.  
  1483. <li>08</li>
  1484. <li>09</li>
  1485. <li>10</li>
  1486. <li>11</li>
  1487. <li>12</li>
  1488. <li>13</li>
  1489. <li>14</li>
  1490.  
  1491. <!---WEEK BREAK--->
  1492.  
  1493. <li>15</li>
  1494. <li>16</li>
  1495. <li>17</li>
  1496. <li>18</li>
  1497. <li>19</li>
  1498. <li>20</li>
  1499. <li>21</li>
  1500.  
  1501. <!---WEEK BREAK--->
  1502.  
  1503. <li>22</li>
  1504. <li>23</li>
  1505. <li>24</li>
  1506. <li>25</li>
  1507. <li>26</li>
  1508. <li>27</li>
  1509. <li>28</li>
  1510.  
  1511. <!---WEEK BREAK--->
  1512.  
  1513. <li>29</li>
  1514. <li>30</li>
  1515. <li>31</li>
  1516. <li></li>
  1517. <li></li>
  1518. <li></li>
  1519. <li></li>
  1520.  
  1521. <!---WEEK BREAK--->
  1522.  
  1523. <li></li>
  1524. <li></li>
  1525. <li></li>
  1526. <li></li>
  1527. <li></li>
  1528. <li></li>
  1529. <li><span style="color:transparent;">00</span></li> <!--leave me-->
  1530. </ul>
  1531.  
  1532. </div>
  1533. <!--------CONTAINER END-------->
  1534. </div></div>
  1535.  
  1536. <!---------CREDIT, DO NOT TOUCH--------->
  1537.  
  1538. <div id="credit">
  1539. <a href="http://jacktherph.tumblr.com"><img src="https://imgur.com/Ri3Jm6O.png"></a>
  1540. </div>
  1541.  
  1542. </body>
  1543. </html>
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!