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

Page: BIRTHDAY PAGE v.1

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