API tools faq
paste
Advertisement
b0rn-to-be-wild

Page: BIRTHDAY PAGE v.2

b0rn-to-be-wild
Apr 24th, 2017
263
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.83 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!----
  4.  
  5. ©borntobewildcodes.tumblr.com | BIRTHDAY PAGE v.2
  6.  
  7. + Do not redistribute this page or remove the credits.
  8. + Edit as long as you keep the credits intact
  9. + Contact us if you have any questions or concerns.
  10. + If you want a custom theme you can commission us.
  11. + Thanks for using our page, we hope that you enjoy it.
  12.  
  13.  
  14. Other credits:
  15.  
  16. - Google fonts
  17. - Font Awesome icons
  18. - Jquery
  19. - Style my tooltips by Malihu
  20.  
  21. ---->
  22.  
  23. <html>
  24. <head>
  25.  
  26. <title>{Title}</title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. </style>
  31. <style type="text/css">
  32.  
  33. /* ---------------------------- GENERAL ----------------------------- */
  34.  
  35. /* -------- BASICS ------- */
  36.  
  37.  
  38. body {
  39. margin: 0;
  40. padding: 0;
  41. width: 100%;
  42. height: 100%;
  43. font-family: Arial;
  44. font-size: 12px;
  45. line-height: 17px;
  46. color: #777777;
  47. background-color: #ffffff;
  48. background-image: url('https://68.media.tumblr.com/672369995e3489fef0f579e0764e701d/tumblr_oox63rYDnE1w4d880o1_250.png');
  49. background-attachment: fixed;
  50. background-repeat: repeat;
  51. }
  52.  
  53. /* Fix */
  54.  
  55. iframe, img, embed, object, video {
  56. max-width: 100%;
  57. border: none;
  58. }
  59.  
  60. input, textarea, select, a { outline: none; }
  61.  
  62. /* Paragraph */
  63.  
  64. p {margin-top: 5px; margin-bottom: 5px;}
  65.  
  66. <--ses-->
  67. small{font-size: 90%;}
  68.  
  69. big{font-size: 110%;}
  70.  
  71. h1{
  72. margin: 0;
  73. margin-top: 10px;
  74. margin-bottom: 10px;
  75. color:#eeeeee;
  76. font-family:'Montez';
  77. font-size: 20px;
  78. line-height:25px;
  79. font-weight: normal;
  80. }
  81.  
  82. /* Captions */
  83.  
  84. h2 {
  85. font-family: Helvetica;
  86. font-size: 12px;
  87. line-height: 17px;
  88. color: #222;
  89. background-color: #eeeeee;
  90. font-weight: normal;
  91. }
  92.  
  93. /* Links */
  94.  
  95. a {
  96. color:#EBD0D0;
  97. text-decoration:none;
  98. }
  99.  
  100. a:hover {
  101. color: #222;
  102. -webkit-transition: all .3s;
  103. -moz-transition: all .3s;
  104. -o-transition: all .3s;
  105. -ms-transition: all .3s;
  106. transition: all .3s;
  107. }
  108.  
  109. ul, ol, li {
  110. margin: 5px 10px;
  111. padding: 0px;
  112. }
  113.  
  114. /* Bold and italic */
  115.  
  116. b, strong {
  117. color: #555;
  118. }
  119.  
  120. i, em {
  121. color: #bbb;
  122. }
  123.  
  124. ul {
  125. margin: 0px;
  126. padding: 0px;
  127. }
  128.  
  129. a img {
  130. border: 0px;
  131. }
  132.  
  133. small {
  134. font-size: 90%;
  135. }
  136.  
  137. big {
  138. font-size: 110%;
  139. }
  140.  
  141. /* Selection */
  142.  
  143. ::-moz-selection {
  144. background: #81765A;
  145. color: #eeeeee;
  146. }
  147.  
  148. ::selection {
  149. background: #81765A;
  150. color: #eeeeee;
  151. }
  152.  
  153. /* Webkit scrollbar */
  154.  
  155. ::-webkit-scrollbar {
  156. width: 9px;
  157. height: 0px;
  158. }
  159.  
  160. ::-webkit-scrollbar-button:start:decrement,
  161. ::-webkit-scrollbar-button:end:increment {
  162. height: 0px;
  163. display: block;
  164. background-color: #ffffff;
  165. }
  166.  
  167. ::-webkit-scrollbar-track-piece {
  168. background-color: #ffffff;
  169. }
  170.  
  171. ::-webkit-scrollbar-thumb:vertical {
  172. height: 0px;
  173. background-color: #222222;
  174. border: 4px solid #ffffff;
  175. }
  176.  
  177. /* Tumblr controls */
  178.  
  179. .iframe-controls--desktop {
  180. right: 35px!important;
  181. top: 5px!important;
  182. margin-top:auto;
  183. opacity: .9!important;
  184. position:fixed!important;
  185. white-space:nowrap!important;
  186. filter: invert(1);
  187. -webkit-filter: invert(1);
  188. -moz-filter: invert(1);
  189. -o-filter: invert(1);
  190. -ms-filter: invert(1);
  191. z-index: 10000!important;
  192. }
  193.  
  194. /* Tooltips */
  195.  
  196. #s-m-t-tooltip {
  197. max-width: 250px;
  198. margin: 10px;
  199. padding: 5px;
  200. color: #222222;
  201. font-size: 12px;
  202. line-height: 15px;
  203. background: #ffffff;
  204. border:1px solid #eeeeee;
  205. z-index: 10000;
  206. }
  207.  
  208. /*------------ CONTAINER ------------*/
  209.  
  210. #container {
  211. position:fixed;
  212. top:50%;
  213. left:50%;
  214. width:800px;
  215. height:470px;
  216. padding-bottom:25px;
  217. -webkit-transform:translateX(-50%) translateY(-50%);
  218. -moz-transform:translateX(-50%) translateY(-50%);
  219. -ms-transform:translateX(-50%) translateY(-50%);
  220. transform:translateX(-50%) translateY(-50%);
  221. overflow:hidden;
  222. background: #ffffff;
  223. border:1px solid #eeeeee;
  224. border-radius:3px;
  225. border-top-left-radius:20px;
  226. border-top-right-radius:20px;
  227. z-index:100;
  228. }
  229.  
  230. /*-- MENU --*/
  231.  
  232. #menu {
  233. position:absolute;
  234. margin-top:0px;
  235. margin-left:-1px;
  236. height:30px;
  237. width:780px;
  238. padding:10px;
  239. border:1px solid transparent;
  240. border-bottom:1px solid #eeeeee;
  241. border-top-left-radius:20px;
  242. border-top-right-radius:20px;
  243. }
  244.  
  245. /* Blog title */
  246.  
  247. #blogtitle {
  248. position:absolute;
  249. margin-top:-11px;
  250. margin-left:340px;
  251. width:430px;
  252. height:31px;
  253. padding:10px;
  254. font-size:35px;
  255. line-height:30px;
  256. color: #ffffff;
  257. background: #CDDBEA;
  258. font-family:'Montez';
  259. text-align:center;
  260. }
  261.  
  262. /* Icons */
  263.  
  264. #icons {
  265. position:absolute;
  266. margin-top:-11px;
  267. margin-left:-10px;
  268. padding-left:35px;
  269. width:315px;
  270. height:51px;
  271. background: #CDDBEA;
  272. text-align:left;
  273. overflow:hidden;
  274. }
  275.  
  276. #icons i {
  277. display:inline-block;
  278. height:40px;
  279. margin:0px;
  280. margin-left:-2px;
  281. margin-right:-1px;
  282. padding:7px 12px;
  283. color: #ffffff;
  284. font-size:16px;
  285. line-height:40px;
  286. text-align:center;
  287. -webkit-transition: all 0.4s ease-in-out;
  288. -moz-transition: all 0.4s ease-in-out;
  289. -o-transition: all 0.4s ease-in-out;
  290. -ms-transition: all 0.4s ease-in-out;
  291. transition: all 0.4s ease-in-out;
  292. }
  293.  
  294. #icons i:hover {
  295. color:#EBD0D0;
  296. background:#ffffff;
  297. }
  298.  
  299. /* -- PANEL --*/
  300.  
  301. #panel{
  302. position:absolute;
  303. margin-left:30px;
  304. margin-top:80px;
  305. background: transparent;
  306. }
  307.  
  308. /* Panel labels (sidebar titles) */
  309.  
  310. .tab label {
  311. display: inline-block;
  312. margin-left:0px;
  313. width:175px;
  314. height: 20px;
  315. padding:5px;
  316. color: #777777;
  317. background: transparent;
  318. border-bottom:1px solid #eeeeee;
  319. letter-spacing: 2px;
  320. font-size: 15px;
  321. line-height: 20px;
  322. text-align: left;
  323. cursor: pointer;
  324. z-index: 1000;
  325. }
  326.  
  327. /* Panel labels (sidebar titles) checked */
  328.  
  329. [type=radio]:checked ~ label {
  330. z-index: 2;
  331. color: #EBD0D0;
  332. }
  333.  
  334. /* Panel labels (sidebar titles) on hover */
  335.  
  336. .tab label:hover{
  337. color: #EBD0D0;
  338. }
  339.  
  340. /* Panel label icons (sidebar title icons) on hover */
  341.  
  342. .tab label:hover i{
  343. color: #EBD0D0;
  344. }
  345.  
  346. .tab [type=radio] {
  347. display: none;
  348. }
  349.  
  350. [type=radio]:checked ~ label ~ .content {
  351. z-index: 1;
  352. }
  353.  
  354. /* Calendar content */
  355.  
  356. .content {
  357. position: absolute;
  358. top:0px;
  359. margin-left:340px;
  360. width:380px;
  361. padding:20px;
  362. height: 225px;
  363. font-size:12px;
  364. line-height:25px;
  365. /* Color of info */
  366. color:#777777;
  367. background: #ffffff;
  368. overflow:hidden;
  369. }
  370.  
  371. /* Info */
  372.  
  373. #info{
  374. margin-top:15px;
  375. padding:0px 10px;
  376. overflow-y:auto;
  377. height:205px;
  378. text-align:justify;
  379. }
  380.  
  381. /* Table titles (calendar months) */
  382.  
  383. #boxtitle {
  384. margin-left:0px;
  385. margin-top:0px;
  386. width:360px;
  387. height:20px;
  388. padding:10px;
  389. line-height:20px;
  390. text-align:center;
  391. font-family:'Montez';
  392. font-size:18px;
  393. color:#ffffff;
  394. background: #EBD0D0;
  395. border-left:1px solid #eeeeee;
  396. border-right:1px solid #eeeeee;
  397. border-top:1px solid #eeeeee;
  398. }
  399.  
  400. /* Table link boxes */
  401.  
  402. #boxlinks {
  403. margin-top:0px;
  404. width:360px;
  405. padding:10px;
  406. margin-left:0px;
  407. border:1px solid #eeeeee;
  408. background: transparent;
  409. text-align:justify;
  410. border-bottom-left-radius:3px;
  411. border-bottom-right-radius:3px;
  412. }
  413.  
  414. /* Table links (calendar days) */
  415.  
  416. #boxlinks a {
  417. display:inline-block;
  418. margin:0px;
  419. color: #777;
  420. width: 30px;
  421. height: 30px;
  422. line-height:35px;
  423. font-family: 'Montez';
  424. font-size:18px;
  425. padding:5px;
  426. text-align:center;
  427. text-transform:lowercase;
  428. -webkit-transition: all 0.4s ease-in-out;
  429. -moz-transition: all 0.4s ease-in-out;
  430. -o-transition: all 0.4s ease-in-out;
  431. -ms-transition: all 0.4s ease-in-out;
  432. transition: all 0.4s ease-in-out;
  433. }
  434.  
  435. /* Table links (calendar days) on hover */
  436.  
  437. #boxlinks a:hover {
  438. background:#eee;
  439. color:#222;
  440. }
  441.  
  442. /* Mark your birthday */
  443.  
  444. #boxlinks m {
  445. padding:10px 0px;
  446. color:#222;
  447. border-bottom:2px solid #CDDBEA;
  448. }
  449.  
  450. /* Mark other birthdays */
  451.  
  452. #boxlinks o {
  453. padding:10px 0px;
  454. color:#222;
  455. border-bottom:2px solid #EBD0D0;
  456. }
  457.  
  458. /*-- STREAMERS (you can replace it with another image --*/
  459.  
  460. #streamers {
  461. position:fixed;
  462. top:0px;
  463. left:0;
  464. z-index:1;
  465. }
  466.  
  467. #streamers img{
  468. width:300px;
  469. height:auto;
  470. }
  471.  
  472. /*-- CAKE (you can replace it with another image --*/
  473.  
  474. #cake {
  475. position:fixed;
  476. right:15px;
  477. bottom:5px;
  478. z-index:1;
  479. }
  480.  
  481. #cake img{
  482. width:130px;
  483. height:auto;
  484. }
  485.  
  486. /*-- CREDIT --*/
  487.  
  488. #credit {
  489. position:fixed;
  490. right: 10px;
  491. width:25px;
  492. height:25px;
  493. top: 5px;
  494. z-index: 100000;
  495. }
  496.  
  497. #credit img{
  498. border: 1px solid #eee;
  499. }
  500.  
  501. #credit img:hover{
  502. border: 1px solid #222;
  503. }
  504.  
  505. /* --------------------------- Custom CSS -------------------------- */
  506.  
  507. {CustomCSS}
  508.  
  509. </style>
  510.  
  511. <!--Google fonts-->
  512.  
  513. <link href="https://fonts.googleapis.com/css?family=Great+Vibes|Marvel|Poiret+One|Montez|Exo" rel="stylesheet">
  514.  
  515. <!-- Font awesome -->
  516.  
  517. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  518.  
  519. <!--Jquery-->
  520.  
  521. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  522. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  523.  
  524. <!-- Style my tooltips -->
  525.  
  526. <script src="jquery.style-my-tooltips.js"></script>
  527. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  528. <script>
  529. (function($){
  530. $(document).ready(function(){
  531. $("a[title]").style_my_tooltips({
  532. tip_follows_cursor:true,
  533. tip_delay_time: 90,
  534. tip_fade_speed: 600,
  535. attribute:"title"
  536. });
  537. });
  538. })(jQuery);
  539. </script>
  540.  
  541. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  542.  
  543. <meta charset="utf-8">
  544.  
  545. </head>
  546.  
  547. <body>
  548.  
  549. <div id="container">
  550.  
  551. <div id="menu">
  552. <div id="blogtitle">Birthday Page</div>
  553.  
  554. <div id="icons">
  555. <a href="/" Title="Index"><i class="fa fa-home fa"></i></a>
  556. <a href="/ask" Title="Message"><i class="fa fa-envelope fa-o"></i></a>
  557. <a href="/submit" Title="Submit"><i class="fa fa-pencil fa"></i></a>
  558. <a href="/archive" Title="Archive"><i class="fa fa-history fa"></i></a>
  559. <a href="https://www.tumblr.com/dashboard" Title="Dashboard"><i class="fa fa-tumblr fa"></i></a>
  560. </div>
  561. <!--End icons-->
  562.  
  563. </div>
  564. <!--End menu-->
  565.  
  566. <div id="panel">
  567.  
  568. <!--Tab 1-->
  569.  
  570. <div class="tab">
  571. <input type="radio" id="tab-1" name="tab-group-1" checked>
  572. <label for="tab-1"><i class="fa fa-caret-right fa"></i> Info </label>
  573.  
  574. <div class="content">
  575. <div id="boxtitle"><big> INFO </div>
  576.  
  577. <div id="info">
  578.  
  579. Lorem ipsum dolor sit amet, ea quo partem primis. Nam case doctus ei, dolore aliquid no mea. No has novum animal, mei id habeo quaeque offendit. Vis ea nobis lobortis, per omnium definitionem ne. Per id patrioque signiferumque, at esse erroribus quo.
  580.  
  581. </div>
  582. <!--End info-->
  583.  
  584. </div>
  585. <!--End content-->
  586. </div>
  587. <!--End tab-->
  588.  
  589. <!-- SUGGESTION: Mark your birthday by adding mark <m> before <a> and </m> after </a>. Mark everyone else's birthday by adding <b> before and </b> after the day number and replace @url with person's tumblr username. -->
  590.  
  591. <!--Tab 2-->
  592.  
  593. <div class="tab">
  594. <input type="radio" id="tab-2" name="tab-group-1">
  595. <label for="tab-2"><i class="fa fa-caret-right fa"></i> January</label>
  596.  
  597. <div class="content">
  598.  
  599. <div id="boxtitle"><big> JANUARY </div>
  600. <div id="boxlinks">
  601.  
  602. <a href="/" title="@url">01</a>
  603.  
  604. <a href="/" title="@url">02</a>
  605.  
  606. <a href="/" title="@url">03</a>
  607.  
  608. <a href="/" title="@url">04</a>
  609.  
  610. <a href="/" title="@url">05</a>
  611.  
  612. <a href="/" title="@url">06</a>
  613.  
  614. <a href="/" title="@url">07</a>
  615.  
  616. <a href="/" title="@url">08</a>
  617.  
  618. <a href="/" title="@url">09</a>
  619.  
  620. <a href="/" title="@url">10</a>
  621.  
  622. <a href="/" title="@url">11</a>
  623.  
  624. <a href="/" title="@url">12</a>
  625.  
  626. <a href="/" title="@url">13</a>
  627.  
  628. <a href="/" title="@url">14</a>
  629.  
  630. <a href="/" title="@url">15</a>
  631.  
  632. <a href="/" title="@url">16</a>
  633.  
  634. <a href="/" title="@url">17</a>
  635.  
  636. <a href="/" title="@url">18</a>
  637.  
  638. <a href="/" title="@url">19</a>
  639.  
  640. <a href="/" title="@url">20</a>
  641.  
  642. <a href="/" title="@url">21</a>
  643.  
  644. <a href="/" title="@url">22</a>
  645.  
  646. <a href="/" title="@url">23</a>
  647.  
  648. <a href="/" title="@url">24</a>
  649.  
  650. <a href="/" title="@url">25</a>
  651.  
  652. <a href="/" title="@url">26</a>
  653.  
  654. <a href="/" title="@url">27</a>
  655.  
  656. <a href="/" title="@url">28</a>
  657.  
  658. <a href="/" title="@url">29</a>
  659.  
  660. <a href="/" title="@url">30</a>
  661.  
  662. <a href="/" title="@url">31</a>
  663.  
  664. </div>
  665. <!--End boxlinks-->
  666.  
  667. </div>
  668. <!--End content-->
  669. </div>
  670. <!--End tab-->
  671.  
  672. <!--Tab 3-->
  673.  
  674. <div class="tab">
  675. <input type="radio" id="tab-3" name="tab-group-1">
  676. <label for="tab-3"><i class="fa fa-caret-right fa"></i> February </label>
  677.  
  678. <div class="content">
  679.  
  680. <div id="boxtitle"><big> FEBRUARY </div>
  681. <div id="boxlinks">
  682.  
  683. <a href="/" title="@url">01</a>
  684.  
  685. <a href="/" title="@url">02</a>
  686.  
  687. <a href="/" title="@url">03</a>
  688.  
  689. <a href="/" title="@url">04</a>
  690.  
  691. <a href="/" title="@url">05</a>
  692.  
  693. <a href="/" title="@url">06</a>
  694.  
  695. <a href="/" title="@url">07</a>
  696.  
  697. <a href="/" title="@url">08</a>
  698.  
  699. <a href="/" title="@url">09</a>
  700.  
  701. <a href="/" title="@url">10</a>
  702.  
  703. <a href="/" title="@url">11</a>
  704.  
  705. <a href="/" title="@url">12</a>
  706.  
  707. <a href="/" title="@url">13</a>
  708.  
  709. <a href="/" title="@url">14</a>
  710.  
  711. <a href="/" title="@url">15</a>
  712.  
  713. <a href="/" title="@url">16</a>
  714.  
  715. <a href="/" title="@url">17</a>
  716.  
  717. <a href="/" title="@url">18</a>
  718.  
  719. <a href="/" title="@url">19</a>
  720.  
  721. <a href="/" title="@url">20</a>
  722.  
  723. <a href="/" title="@url">21</a>
  724.  
  725. <a href="/" title="@url">22</a>
  726.  
  727. <a href="/" title="@url">23</a>
  728.  
  729. <a href="/" title="@url">24</a>
  730.  
  731. <a href="/" title="@url">25</a>
  732.  
  733. <a href="/" title="@url">26</a>
  734.  
  735. <a href="/" title="@url">27</a>
  736.  
  737. <a href="/" title="@url">28</a>
  738.  
  739. <a href="/" title="@url">29</a>
  740.  
  741. </div>
  742. <!--End boxlinks-->
  743.  
  744. </div>
  745. <!--End content-->
  746. </div>
  747. <!--End tab-->
  748.  
  749. <!--Tab 4-->
  750.  
  751. <div class="tab">
  752. <input type="radio" id="tab-4" name="tab-group-1">
  753. <label for="tab-4"><i class="fa fa-caret-right fa"></i> March </label>
  754.  
  755. <div class="content">
  756.  
  757. <div id="boxtitle"><big> MARCH </div>
  758. <div id="boxlinks">
  759.  
  760. <a href="/" title="@url">01</a>
  761.  
  762. <a href="/" title="@url">02</a>
  763.  
  764. <a href="/" title="@url">03</a>
  765.  
  766. <a href="/" title="@url">04</a>
  767.  
  768. <a href="/" title="@url">05</a>
  769.  
  770. <a href="/" title="@url">06</a>
  771.  
  772. <a href="/" title="@url">07</a>
  773.  
  774. <a href="/" title="@url">08</a>
  775.  
  776. <a href="/" title="@url">09</a>
  777.  
  778. <a href="/" title="@url">10</a>
  779.  
  780. <a href="/" title="@url">11</a>
  781.  
  782. <a href="/" title="@url">12</a>
  783.  
  784. <a href="/" title="@url">13</a>
  785.  
  786. <a href="/" title="@url">14</a>
  787.  
  788. <a href="/" title="@url">15</a>
  789.  
  790. <a href="/" title="@url">16</a>
  791.  
  792. <a href="/" title="@url">17</a>
  793.  
  794. <a href="/" title="@url">18</a>
  795.  
  796. <a href="/" title="@url">19</a>
  797.  
  798. <a href="/" title="@url">20</a>
  799.  
  800. <a href="/" title="@url">21</a>
  801.  
  802. <a href="/" title="@url">22</a>
  803.  
  804. <a href="/" title="@url">23</a>
  805.  
  806. <a href="/" title="@url">24</a>
  807.  
  808. <a href="/" title="@url">25</a>
  809.  
  810. <a href="/" title="@url">26</a>
  811.  
  812. <a href="/" title="@url">27</a>
  813.  
  814. <a href="/" title="@url">28</a>
  815.  
  816. <a href="/" title="@url">29</a>
  817.  
  818. <a href="/" title="@url">30</a>
  819.  
  820. <a href="/" title="@url">31</a>
  821.  
  822. </div>
  823. <!--End boxlinks-->
  824.  
  825. </div>
  826. <!--End content-->
  827. </div>
  828. <!--End tab-->
  829.  
  830. <!--Tab 5-->
  831.  
  832. <div class="tab">
  833. <input type="radio" id="tab-5" name="tab-group-1">
  834. <label for="tab-5"><i class="fa fa-caret-right fa"></i> April </label>
  835.  
  836. <div class="content">
  837.  
  838. <div id="boxtitle"><big> APRIL </div>
  839. <div id="boxlinks">
  840.  
  841. <a href="/" title="@url">01</a>
  842.  
  843. <a href="/" title="@url">02</a>
  844.  
  845. <a href="/" title="@url">03</a>
  846.  
  847. <a href="/" title="@url">04</a>
  848.  
  849. <a href="/" title="@url">05</a>
  850.  
  851. <a href="/" title="@url">06</a>
  852.  
  853. <a href="/" title="@url">07</a>
  854.  
  855. <a href="/" title="@url">08</a>
  856.  
  857. <a href="/" title="@url">09</a>
  858.  
  859. <a href="/" title="@url">10</a>
  860.  
  861. <a href="/" title="@url">11</a>
  862.  
  863. <a href="/" title="@url">12</a>
  864.  
  865. <a href="/" title="@url">13</a>
  866.  
  867. <a href="/" title="@url">14</a>
  868.  
  869. <a href="/" title="@url">15</a>
  870.  
  871. <a href="/" title="@url">16</a>
  872.  
  873. <a href="/" title="@url">17</a>
  874.  
  875. <a href="/" title="@url">18</a>
  876.  
  877. <a href="/" title="@url">19</a>
  878.  
  879. <a href="/" title="@url">20</a>
  880.  
  881. <a href="/" title="@url">21</a>
  882.  
  883. <a href="/" title="@url">22</a>
  884.  
  885. <a href="/" title="@url">23</a>
  886.  
  887. <a href="/" title="@url">24</a>
  888.  
  889. <a href="/" title="@url">25</a>
  890.  
  891. <a href="/" title="@url">26</a>
  892.  
  893. <a href="/" title="@url">27</a>
  894.  
  895. <a href="/" title="@url">28</a>
  896.  
  897. <a href="/" title="@url">29</a>
  898.  
  899. <a href="/" title="@url">30</a>
  900.  
  901. </div>
  902. <!--End boxlinks-->
  903.  
  904. </div>
  905. <!--End content-->
  906. </div>
  907. <!--End tab-->
  908.  
  909. <!--Tab 6-->
  910.  
  911. <div class="tab">
  912. <input type="radio" id="tab-6" name="tab-group-1">
  913. <label for="tab-6"><i class="fa fa-caret-right fa"></i> May </label>
  914.  
  915. <div class="content">
  916.  
  917. <div id="boxtitle"><big> MAY </div>
  918. <div id="boxlinks">
  919.  
  920. <a href="/" title="@url">01</a>
  921.  
  922. <a href="/" title="@url">02</a>
  923.  
  924. <a href="/" title="@url">03</a>
  925.  
  926. <a href="/" title="@url">04</a>
  927.  
  928. <a href="/" title="@url">05</a>
  929.  
  930. <a href="/" title="@url">06</a>
  931.  
  932. <a href="/" title="@url">07</a>
  933.  
  934. <a href="/" title="@url">08</a>
  935.  
  936. <a href="/" title="@url">09</a>
  937.  
  938. <a href="/" title="@url">10</a>
  939.  
  940. <a href="/" title="@url">11</a>
  941.  
  942. <a href="/" title="@url">12</a>
  943.  
  944. <a href="/" title="@url">13</a>
  945.  
  946. <a href="/" title="@url">14</a>
  947.  
  948. <a href="/" title="@url">15</a>
  949.  
  950. <a href="/" title="@url">16</a>
  951.  
  952. <a href="/" title="@url">17</a>
  953.  
  954. <a href="/" title="@url">18</a>
  955.  
  956. <a href="/" title="@url">19</a>
  957.  
  958. <a href="/" title="@url">20</a>
  959.  
  960. <a href="/" title="@url">21</a>
  961.  
  962. <a href="/" title="@url">22</a>
  963.  
  964. <a href="/" title="@url">23</a>
  965.  
  966. <a href="/" title="@url">24</a>
  967.  
  968. <a href="/" title="@url">25</a>
  969.  
  970. <a href="/" title="@url">26</a>
  971.  
  972. <a href="/" title="@url">27</a>
  973.  
  974. <a href="/" title="@url">28</a>
  975.  
  976. <a href="/" title="@url">29</a>
  977.  
  978. <a href="/" title="@url">30</a>
  979.  
  980. <a href="/" title="@url">31</a>
  981.  
  982. </div>
  983. <!--End boxlinks-->
  984.  
  985. </div>
  986. <!--End content-->
  987. </div>
  988. <!--End tab-->
  989.  
  990. <!--Tab 7-->
  991.  
  992. <div class="tab">
  993. <input type="radio" id="tab-7" name="tab-group-1">
  994. <label for="tab-7"><i class="fa fa-caret-right fa"></i> June </label>
  995.  
  996. <div class="content">
  997.  
  998. <div id="boxtitle"><big> JUNE </div>
  999. <div id="boxlinks">
  1000.  
  1001. <a href="/" title="@url">01</a>
  1002.  
  1003. <a href="/" title="@url">02</a>
  1004.  
  1005. <a href="/" title="@url">03</a>
  1006.  
  1007. <a href="/" title="@url">04</a>
  1008.  
  1009. <a href="/" title="@url">05</a>
  1010.  
  1011. <a href="/" title="@url">06</a>
  1012.  
  1013. <a href="/" title="@url">07</a>
  1014.  
  1015. <a href="/" title="@url">08</a>
  1016.  
  1017. <a href="/" title="@url">09</a>
  1018.  
  1019. <a href="/" title="@url">10</a>
  1020.  
  1021. <a href="/" title="@url">11</a>
  1022.  
  1023. <a href="/" title="@url">12</a>
  1024.  
  1025. <a href="/" title="@url">13</a>
  1026.  
  1027. <a href="/" title="@url">14</a>
  1028.  
  1029. <a href="/" title="@url">15</a>
  1030.  
  1031. <a href="/" title="@url">16</a>
  1032.  
  1033. <a href="/" title="@url">17</a>
  1034.  
  1035. <a href="/" title="@url">18</a>
  1036.  
  1037. <a href="/" title="@url">19</a>
  1038.  
  1039. <a href="/" title="@url">20</a>
  1040.  
  1041. <a href="/" title="@url">21</a>
  1042.  
  1043. <a href="/" title="@url">22</a>
  1044.  
  1045. <a href="/" title="@url">23</a>
  1046.  
  1047. <a href="/" title="@url">24</a>
  1048.  
  1049. <a href="/" title="@url">25</a>
  1050.  
  1051. <a href="/" title="@url">26</a>
  1052.  
  1053. <a href="/" title="@url">27</a>
  1054.  
  1055. <a href="/" title="@url">28</a>
  1056.  
  1057. <a href="/" title="@url">29</a>
  1058.  
  1059. <a href="/" title="@url">30</a>
  1060.  
  1061. </div>
  1062. <!--End boxlinks-->
  1063.  
  1064. </div>
  1065. <!--End content-->
  1066. </div>
  1067. <!--End tab-->
  1068.  
  1069. <!--Tab 8-->
  1070.  
  1071. <div class="tab">
  1072. <input type="radio" id="tab-8" name="tab-group-1">
  1073. <label for="tab-8"><i class="fa fa-caret-right fa"></i> July </label>
  1074.  
  1075. <div class="content">
  1076.  
  1077. <div id="boxtitle"><big> JULY </div>
  1078. <div id="boxlinks">
  1079.  
  1080. <a href="/" title="@url">01</a>
  1081.  
  1082. <a href="/" title="@url">02</a>
  1083.  
  1084. <a href="/" title="@url">03</a>
  1085.  
  1086. <a href="/" title="@url">04</a>
  1087.  
  1088. <a href="/" title="@url">05</a>
  1089.  
  1090. <a href="/" title="@url">06</a>
  1091.  
  1092. <a href="/" title="@url">07</a>
  1093.  
  1094. <a href="/" title="@url">08</a>
  1095.  
  1096. <a href="/" title="@url">09</a>
  1097.  
  1098. <a href="/" title="@url">10</a>
  1099.  
  1100. <a href="/" title="@url">11</a>
  1101.  
  1102. <a href="/" title="@url">12</a>
  1103.  
  1104. <a href="/" title="@url">13</a>
  1105.  
  1106. <a href="/" title="@url">14</a>
  1107.  
  1108. <a href="/" title="@url">15</a>
  1109.  
  1110. <a href="/" title="@url">16</a>
  1111.  
  1112. <a href="/" title="@url">17</a>
  1113.  
  1114. <a href="/" title="@url">18</a>
  1115.  
  1116. <a href="/" title="@url">19</a>
  1117.  
  1118. <a href="/" title="@url">20</a>
  1119.  
  1120. <a href="/" title="@url">21</a>
  1121.  
  1122. <a href="/" title="@url">22</a>
  1123.  
  1124. <a href="/" title="@url">23</a>
  1125.  
  1126. <a href="/" title="@url">24</a>
  1127.  
  1128. <a href="/" title="@url">25</a>
  1129.  
  1130. <a href="/" title="@url">26</a>
  1131.  
  1132. <a href="/" title="@url">27</a>
  1133.  
  1134. <a href="/" title="@url">28</a>
  1135.  
  1136. <a href="/" title="@url">29</a>
  1137.  
  1138. <a href="/" title="@url">30</a>
  1139.  
  1140. <a href="/" title="@url">31</a>
  1141.  
  1142. </div>
  1143. <!--End boxlinks-->
  1144.  
  1145. </div>
  1146. <!--End content-->
  1147. </div>
  1148. <!--End tab-->
  1149.  
  1150. <!--Tab 9-->
  1151.  
  1152. <div class="tab">
  1153. <input type="radio" id="tab-9" name="tab-group-1">
  1154. <label for="tab-9"><i class="fa fa-caret-right fa"></i> August </label>
  1155.  
  1156. <div class="content">
  1157.  
  1158. <div id="boxtitle"><big> AUGUST </div>
  1159. <div id="boxlinks">
  1160.  
  1161. <a href="/" title="@url">01</a>
  1162.  
  1163. <a href="/" title="@url">02</a>
  1164.  
  1165. <a href="/" title="@url">03</a>
  1166.  
  1167. <a href="/" title="@url">04</a>
  1168.  
  1169. <a href="/" title="@url">05</a>
  1170.  
  1171. <a href="/" title="@url">06</a>
  1172.  
  1173. <a href="/" title="@url">07</a>
  1174.  
  1175. <a href="/" title="@url">08</a>
  1176.  
  1177. <a href="/" title="@url">09</a>
  1178.  
  1179. <a href="/" title="@url">10</a>
  1180.  
  1181. <a href="/" title="@url">11</a>
  1182.  
  1183. <a href="/" title="@url">12</a>
  1184.  
  1185. <a href="/" title="@url">13</a>
  1186.  
  1187. <a href="/" title="@url">14</a>
  1188.  
  1189. <a href="/" title="@url">15</a>
  1190.  
  1191. <a href="/" title="@url">16</a>
  1192.  
  1193. <a href="/" title="@url">17</a>
  1194.  
  1195. <a href="/" title="@url">18</a>
  1196.  
  1197. <a href="/" title="@url">19</a>
  1198.  
  1199. <a href="/" title="@url">20</a>
  1200.  
  1201. <a href="/" title="@url">21</a>
  1202.  
  1203. <a href="/" title="@url">22</a>
  1204.  
  1205. <a href="/" title="@url">23</a>
  1206.  
  1207. <a href="/" title="@url">24</a>
  1208.  
  1209. <a href="/" title="@url">25</a>
  1210.  
  1211. <a href="/" title="@url">26</a>
  1212.  
  1213. <a href="/" title="@url">27</a>
  1214.  
  1215. <a href="/" title="@url">28</a>
  1216.  
  1217. <a href="/" title="@url">29</a>
  1218.  
  1219. <a href="/" title="@url">30</a>
  1220.  
  1221. <a href="/" title="@url">31</a>
  1222.  
  1223. </div>
  1224. <!--End boxlinks-->
  1225.  
  1226. </div>
  1227. <!--End content-->
  1228. </div>
  1229. <!--End tab-->
  1230.  
  1231. <!--Tab 10-->
  1232.  
  1233. <div class="tab">
  1234. <input type="radio" id="tab-10" name="tab-group-1">
  1235. <label for="tab-10"><i class="fa fa-caret-right fa"></i> September</label>
  1236.  
  1237. <div class="content">
  1238.  
  1239. <div id="boxtitle"><big> SEPTEMBER </div>
  1240. <div id="boxlinks">
  1241.  
  1242. <a href="/" title="@url">01</a>
  1243.  
  1244. <a href="/" title="@url">02</a>
  1245.  
  1246. <a href="/" title="@url">03</a>
  1247.  
  1248. <a href="/" title="@url">04</a>
  1249.  
  1250. <a href="/" title="@url">05</a>
  1251.  
  1252. <a href="/" title="@url">06</a>
  1253.  
  1254. <a href="/" title="@url">07</a>
  1255.  
  1256. <a href="/" title="@url">08</a>
  1257.  
  1258. <a href="/" title="@url">09</a>
  1259.  
  1260. <a href="/" title="@url">10</a>
  1261.  
  1262. <a href="/" title="@url">11</a>
  1263.  
  1264. <a href="/" title="@url">12</a>
  1265.  
  1266. <o><a href="/" title="@example">13</a></o>
  1267.  
  1268. <a href="/" title="@url">14</a>
  1269.  
  1270. <a href="/" title="@url">15</a>
  1271.  
  1272. <a href="/" title="@url">16</a>
  1273.  
  1274. <a href="/" title="@url">17</a>
  1275.  
  1276. <a href="/" title="@url">18</a>
  1277.  
  1278. <a href="/" title="@url">19</a>
  1279.  
  1280. <a href="/" title="@url">20</a>
  1281.  
  1282. <m><a href="/" title="@borntobewildcodes">21</a></m>
  1283.  
  1284. <a href="/" title="@url">22</a>
  1285.  
  1286. <a href="/" title="@url">23</a>
  1287.  
  1288. <a href="/" title="@url">24</a>
  1289.  
  1290. <a href="/" title="@url">25</a>
  1291.  
  1292. <a href="/" title="@url">26</a>
  1293.  
  1294. <a href="/" title="@url">27</a>
  1295.  
  1296. <a href="/" title="@url">28</a>
  1297.  
  1298. <a href="/" title="@url">29</a>
  1299.  
  1300. <a href="/" title="@url">30</a>
  1301.  
  1302. </div>
  1303. <!--End boxlinks-->
  1304.  
  1305. </div>
  1306. <!--End content-->
  1307. </div>
  1308. <!--End tab-->
  1309.  
  1310. <!--Tab 11-->
  1311.  
  1312. <div class="tab">
  1313. <input type="radio" id="tab-11" name="tab-group-1">
  1314. <label for="tab-11"><i class="fa fa-caret-right fa"></i> October </label>
  1315.  
  1316. <div class="content">
  1317.  
  1318. <div id="boxtitle"><big> OCTOBER </div>
  1319. <div id="boxlinks">
  1320.  
  1321. <a href="/" title="@url">01</a>
  1322.  
  1323. <a href="/" title="@url">02</a>
  1324.  
  1325. <a href="/" title="@url">03</a>
  1326.  
  1327. <a href="/" title="@url">04</a>
  1328.  
  1329. <a href="/" title="@url">05</a>
  1330.  
  1331. <a href="/" title="@url">06</a>
  1332.  
  1333. <a href="/" title="@url">07</a>
  1334.  
  1335. <a href="/" title="@url">08</a>
  1336.  
  1337. <a href="/" title="@url">09</a>
  1338.  
  1339. <a href="/" title="@url">10</a>
  1340.  
  1341. <a href="/" title="@url">11</a>
  1342.  
  1343. <a href="/" title="@url">12</a>
  1344.  
  1345. <a href="/" title="@url">13</a>
  1346.  
  1347. <a href="/" title="@url">14</a>
  1348.  
  1349. <a href="/" title="@url">15</a>
  1350.  
  1351. <a href="/" title="@url">16</a>
  1352.  
  1353. <a href="/" title="@url">17</a>
  1354.  
  1355. <a href="/" title="@url">18</a>
  1356.  
  1357. <a href="/" title="@url">19</a>
  1358.  
  1359. <a href="/" title="@url">20</a>
  1360.  
  1361. <a href="/" title="@url">21</a>
  1362.  
  1363. <a href="/" title="@url">22</a>
  1364.  
  1365. <a href="/" title="@url">23</a>
  1366.  
  1367. <a href="/" title="@url">24</a>
  1368.  
  1369. <a href="/" title="@url">25</a>
  1370.  
  1371. <a href="/" title="@url">26</a>
  1372.  
  1373. <a href="/" title="@url">27</a>
  1374.  
  1375. <a href="/" title="@url">28</a>
  1376.  
  1377. <a href="/" title="@url">29</a>
  1378.  
  1379. <a href="/" title="@url">30</a>
  1380.  
  1381. <a href="/" title="@url">31</a>
  1382.  
  1383. </div>
  1384. <!--End boxlinks-->
  1385.  
  1386. </div>
  1387. <!--End content-->
  1388. </div>
  1389. <!--End tab-->
  1390.  
  1391. <!--Tab 12-->
  1392.  
  1393. <div class="tab">
  1394. <input type="radio" id="tab-12" name="tab-group-1">
  1395. <label for="tab-12"><i class="fa fa-caret-right fa"></i> November </label>
  1396.  
  1397. <div class="content">
  1398.  
  1399. <div id="boxtitle"><big> NOVEMBER </div>
  1400. <div id="boxlinks">
  1401.  
  1402. <a href="/" title="@url">01</a>
  1403.  
  1404. <a href="/" title="@url">02</a>
  1405.  
  1406. <a href="/" title="@url">03</a>
  1407.  
  1408. <a href="/" title="@url">04</a>
  1409.  
  1410. <a href="/" title="@url">05</a>
  1411.  
  1412. <a href="/" title="@url">06</a>
  1413.  
  1414. <a href="/" title="@url">07</a>
  1415.  
  1416. <a href="/" title="@url">08</a>
  1417.  
  1418. <a href="/" title="@url">09</a>
  1419.  
  1420. <a href="/" title="@url">10</a>
  1421.  
  1422. <a href="/" title="@url">11</a>
  1423.  
  1424. <a href="/" title="@url">12</a>
  1425.  
  1426. <a href="/" title="@url">13</a>
  1427.  
  1428. <a href="/" title="@url">14</a>
  1429.  
  1430. <a href="/" title="@url">15</a>
  1431.  
  1432. <a href="/" title="@url">16</a>
  1433.  
  1434. <a href="/" title="@url">17</a>
  1435.  
  1436. <a href="/" title="@url">18</a>
  1437.  
  1438. <a href="/" title="@url">19</a>
  1439.  
  1440. <a href="/" title="@url">20</a>
  1441.  
  1442. <a href="/" title="@url">21</a>
  1443.  
  1444. <a href="/" title="@url">22</a>
  1445.  
  1446. <a href="/" title="@url">23</a>
  1447.  
  1448. <a href="/" title="@url">24</a>
  1449.  
  1450. <a href="/" title="@url">25</a>
  1451.  
  1452. <a href="/" title="@url">26</a>
  1453.  
  1454. <a href="/" title="@url">27</a>
  1455.  
  1456. <a href="/" title="@url">28</a>
  1457.  
  1458. <a href="/" title="@url">29</a>
  1459.  
  1460. <a href="/" title="@url">30</a>
  1461.  
  1462. </div>
  1463. <!--End boxlinks-->
  1464.  
  1465. </div>
  1466. <!--End content-->
  1467. </div>
  1468. <!--End tab-->
  1469.  
  1470. <!--Tab 13-->
  1471.  
  1472. <div class="tab">
  1473. <input type="radio" id="tab-13" name="tab-group-1">
  1474. <label for="tab-13"><i class="fa fa-caret-right fa"></i> December </label>
  1475.  
  1476. <div class="content">
  1477.  
  1478. <div id="boxtitle"><big> DECEMBER </div>
  1479. <div id="boxlinks">
  1480.  
  1481. <a href="/" title="@url">01</a>
  1482.  
  1483. <a href="/" title="@url">02</a>
  1484.  
  1485. <a href="/" title="@url">03</a>
  1486.  
  1487. <a href="/" title="@url">04</a>
  1488.  
  1489. <a href="/" title="@url">05</a>
  1490.  
  1491. <a href="/" title="@url">06</a>
  1492.  
  1493. <a href="/" title="@url">07</a>
  1494.  
  1495. <a href="/" title="@url">08</a>
  1496.  
  1497. <a href="/" title="@url">09</a>
  1498.  
  1499. <a href="/" title="@url">10</a>
  1500.  
  1501. <a href="/" title="@url">11</a>
  1502.  
  1503. <a href="/" title="@url">12</a>
  1504.  
  1505. <a href="/" title="@url">13</a>
  1506.  
  1507. <a href="/" title="@url">14</a>
  1508.  
  1509. <a href="/" title="@url">15</a>
  1510.  
  1511. <a href="/" title="@url">16</a>
  1512.  
  1513. <a href="/" title="@url">17</a>
  1514.  
  1515. <a href="/" title="@url">18</a>
  1516.  
  1517. <a href="/" title="@url">19</a>
  1518.  
  1519. <a href="/" title="@url">20</a>
  1520.  
  1521. <a href="/" title="@url">21</a>
  1522.  
  1523. <a href="/" title="@url">22</a>
  1524.  
  1525. <a href="/" title="@url">23</a>
  1526.  
  1527. <a href="/" title="@url">24</a>
  1528.  
  1529. <a href="/" title="@url">25</a>
  1530.  
  1531. <a href="/" title="@url">26</a>
  1532.  
  1533. <a href="/" title="@url">27</a>
  1534.  
  1535. <a href="/" title="@url">28</a>
  1536.  
  1537. <a href="/" title="@url">29</a>
  1538.  
  1539. <a href="/" title="@url">30</a>
  1540.  
  1541. <a href="/" title="@url">31</a>
  1542.  
  1543. </div>
  1544. <!--End boxlinks-->
  1545.  
  1546. </div>
  1547. <!--End content-->
  1548. </div>
  1549. <!--End tab-->
  1550.  
  1551. </div>
  1552. <!--End panel-->
  1553.  
  1554. </div>
  1555. <!--End container-->
  1556.  
  1557.  
  1558. <!-- STREAMERS (you can add a png image) -->
  1559.  
  1560. <div id="streamers"><img src=" "></div>
  1561.  
  1562. <!-- CAKE (you can add a png image) -->
  1563.  
  1564. <div id="cake"><img src=" "></div>
  1565.  
  1566. <!-- CREDIT (do not remove) -->
  1567.  
  1568. <div id="credit"><a href="http://borntobewildcodes.tumblr.com" title="page BIRTHDAY PAGE v.2 by @borntobewildcodes"><img src="http://i57.tinypic.com/301g6eg.jpg"></a></div>
  1569.  
  1570. </body>
  1571. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!