Template:Team:DukeNB/CSS

From 2014.igem.org

(Difference between revisions)
Line 18: Line 18:
float:right;
float:right;
}
}
-
 
-
#demo_top_wrapper { margin:0 0 20px 0; }
 
-
#demo_top { height:100px; padding:20px 0 0 0; }
 
-
#my_logo { font:70px Georgia, serif; }
 
   
   
-
/* our menu styles */
+
/* our menu styles - must be fixed. */
#sticky_cal_wrap { width:100%;}
#sticky_cal_wrap { width:100%;}
#sticky_cal { width:100%;}
#sticky_cal { width:100%;}
-
</style>
 
 +
/* anchors for each date */
 +
#apr7 {}
 +
#apr8 {}
 +
#apr9 {}
 +
 +
 +
 +
</style>
 +
 +
 +
<script>
 +
$(function() {
 +
 +
    // grab the initial top offset of the navigation
 +
    var sticky_cal_offset_top = $('#sticky_cal').offset().top;
 +
   
 +
    // our function that decides whether the navigation bar should have "fixed" css position or not.
 +
    var sticky_navigation = function(){
 +
        var scroll_top = $(window).scrollTop(); // our current vertical position from the top
 +
       
 +
        // if we've scrolled more than the navigation, change its position to fixed to stick to top,
 +
        // otherwise change it back to relative
 +
        if (scroll_top > sticky_cal_offset_top) {
 +
            $('#sticky_cal').css({ 'position': 'fixed', 'top':0, 'left':0 });
 +
        } else {
 +
            $('#sticky_cal').css({ 'position': 'relative' });
 +
        } 
 +
    };
 +
   
 +
    // run our function on load
 +
    sticky_navigation();
 +
   
 +
    // and run it again every time you scroll
 +
    $(window).scroll(function() {
 +
        sticky_cal();
 +
    });
 +
 +
});
 +
</script>
</head>
</head>
<body>
<body>
 +
<div id="sticky_cal_wrap">
 +
        <div id="sticky_cal">
 +
<div class="cal">
 +
<table>
 +
<tr>
 +
<td colspan="7"> April 2014 </td>
 +
</tr>
 +
<tr>
 +
<td colspan="7" align=center><i> Month 1 of Project </i></td>
 +
</tr>
 +
<tr>
 +
<td align=center>sun</td>
 +
<td align=center>mon</td>
 +
<td align=center>tue</td>
 +
<td align=center>wed</td>
 +
<td align=center>thu</td>
 +
<td align=center>fri</td>
 +
<td align=center>sat</td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center>1</td>
 +
<td align=center>2</td>
 +
<td align=center>3</td>
 +
<td align=center>4</td>
 +
<td align=center>5</td>
 +
</tr>
 +
<tr>
 +
<td align=center>6</td>
 +
<td align=center>7</td>
 +
<td align=center>8</td>
 +
<td align=center>9</td>
 +
<td align=center>10</td>
 +
<td align=center>11</td>
 +
<td align=center>12</td>
 +
</tr>
 +
<tr>
 +
<td align=center>13</td>
 +
<td align=center>14</td>
 +
<td align=center>15</td>
 +
<td align=center>16</td>
 +
<td align=center>17</td>
 +
<td align=center>18</td>
 +
<td align=center>19</td>
 +
</tr>
 +
<tr>
 +
<td align=center>20</td>
 +
<td align=center>21</td>
 +
<td align=center>22</td>
 +
<td align=center>23</td>
 +
<td align=center>24</td>
 +
<td align=center>25</td>
 +
<td align=center>26</td>
 +
</tr>
 +
<tr>
 +
<td align=center>27</td>
 +
<td align=center>28</td>
 +
<td align=center>29</td>
 +
<td align=center>30</td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
</tr>
 +
</table>
 +
 +
<table>
 +
<tr>
 +
<td colspan="7"> May 2014 </td>
 +
</tr>
 +
<tr>
 +
<td colspan="7" align=center><i> Month 2 of Project </i></td>
 +
</tr>
 +
<tr>
 +
<td align=center>sun</td>
 +
<td align=center>mon</td>
 +
<td align=center>tue</td>
 +
<td align=center>wed</td>
 +
<td align=center>thu</td>
 +
<td align=center>fri</td>
 +
<td align=center>sat</td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center>1</td>
 +
<td align=center>2</td>
 +
<td align=center>3</td>
 +
</tr>
 +
<tr>
 +
<td align=center>4</td>
 +
<td align=center>5</td>
 +
<td align=center>6</td>
 +
<td align=center>7</td>
 +
<td align=center>8</td>
 +
<td align=center>9</td>
 +
<td align=center>10</td>
 +
</tr>
 +
<tr>
 +
<td align=center>11</td>
 +
<td align=center>12</td>
 +
<td align=center>13</td>
 +
<td align=center>14</td>
 +
<td align=center>15</td>
 +
<td align=center>16</td>
 +
<td align=center>17</td>
 +
</tr>
 +
<tr>
 +
<td align=center>18</td>
 +
<td align=center>19</td>
 +
<td align=center>20</td>
 +
<td align=center>21</td>
 +
<td align=center>22</td>
 +
<td align=center>23</td>
 +
<td align=center>24</td>
 +
</tr>
 +
<tr>
 +
<td align=center>25</td>
 +
<td align=center>26</td>
 +
<td align=center>27</td>
 +
<td align=center>28</td>
 +
<td align=center>29</td>
 +
<td align=center>30</td>
 +
<td align=center>31</td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
</tr>
 +
</table>
 +
 +
<table>
 +
<tr>
 +
<td colspan="7"> June 2014 </td>
 +
</tr>
 +
<tr>
 +
<td colspan="7" align=center><i> Month 3 of Project </i></td>
 +
</tr>
 +
<tr>
 +
<td align=center>sun</td>
 +
<td align=center>mon</td>
 +
<td align=center>tue</td>
 +
<td align=center>wed</td>
 +
<td align=center>thu</td>
 +
<td align=center>fri</td>
 +
<td align=center>sat</td>
 +
</tr>
 +
<tr>
 +
<td align=center>1</td>
 +
<td align=center>2</td>
 +
<td align=center>3</td>
 +
<td align=center>4</td>
 +
<td align=center>5</td>
 +
<td align=center>6</td>
 +
<td align=center>7</td>
 +
</tr>
 +
<tr>
 +
<td align=center>8</td>
 +
<td align=center>9</td>
 +
<td align=center>10</td>
 +
<td align=center>11</td>
 +
<td align=center>12</td>
 +
<td align=center>13</td>
 +
<td align=center>14</td>
 +
</tr>
 +
<tr>
 +
<td align=center>15</td>
 +
<td align=center>16</td>
 +
<td align=center>17</td>
 +
<td align=center>18</td>
 +
<td align=center>19</td>
 +
<td align=center>20</td>
 +
<td align=center>21</td>
 +
</tr>
 +
<tr>
 +
<td align=center>22</td>
 +
<td align=center>23</td>
 +
<td align=center>24</td>
 +
<td align=center>25</td>
 +
<td align=center>26</td>
 +
<td align=center>27</td>
 +
<td align=center>28</td>
 +
</tr>
 +
<tr>
 +
<td align=center>29</td>
 +
<td align=center>30</td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
</tr>
 +
</table>
 +
 +
<table>
 +
<tr>
 +
<td colspan="7"> July 2014 </td>
 +
</tr>
 +
<tr>
 +
<td colspan="7" align=center><i> Month 4 of Project </i></td>
 +
</tr>
 +
<tr>
 +
<td align=center>sun</td>
 +
<td align=center>mon</td>
 +
<td align=center>tue</td>
 +
<td align=center>wed</td>
 +
<td align=center>thu</td>
 +
<td align=center>fri</td>
 +
<td align=center>sat</td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center>1</td>
 +
<td align=center>2</td>
 +
<td align=center>3</td>
 +
<td align=center>4</td>
 +
<td align=center>5</td>
 +
</tr>
 +
<tr>
 +
<td align=center>6</td>
 +
<td align=center>7</td>
 +
<td align=center>8</td>
 +
<td align=center>9</td>
 +
<td align=center>10</td>
 +
<td align=center>11</td>
 +
<td align=center>12</td>
 +
</tr>
 +
<tr>
 +
<td align=center>13</td>
 +
<td align=center>14</td>
 +
<td align=center>15</td>
 +
<td align=center>16</td>
 +
<td align=center>17</td>
 +
<td align=center>18</td>
 +
<td align=center>19</td>
 +
</tr>
 +
<tr>
 +
<td align=center>20</td>
 +
<td align=center>21</td>
 +
<td align=center>22</td>
 +
<td align=center>23</td>
 +
<td align=center>24</td>
 +
<td align=center>25</td>
 +
<td align=center>26</td>
 +
</tr>
 +
<tr>
 +
<td align=center>27</td>
 +
<td align=center>28</td>
 +
<td align=center>29</td>
 +
<td align=center>30</td>
 +
<td align=center>31</td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
</tr>
 +
</table>
 +
 +
<table>
 +
<tr>
 +
<td colspan="7"> August 2014 </td>
 +
</tr>
 +
<tr>
 +
<td colspan="7" align=center><i> Month 5 of Project </i></td>
 +
</tr>
 +
<tr>
 +
<td align=center>sun</td>
 +
<td align=center>mon</td>
 +
<td align=center>tue</td>
 +
<td align=center>wed</td>
 +
<td align=center>thu</td>
 +
<td align=center>fri</td>
 +
<td align=center>sat</td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center>1</td>
 +
<td align=center>2</td>
 +
</tr>
 +
<tr>
 +
<td align=center>3</td>
 +
<td align=center>4</td>
 +
<td align=center>5</td>
 +
<td align=center>6</td>
 +
<td align=center>7</td>
 +
<td align=center>8</td>
 +
<td align=center>9</td>
 +
</tr>
 +
<tr>
 +
<td align=center>10</td>
 +
<td align=center>11</td>
 +
<td align=center>12</td>
 +
<td align=center>13</td>
 +
<td align=center>14</td>
 +
<td align=center>15</td>
 +
<td align=center>16</td>
 +
</tr>
 +
<tr>
 +
<td align=center>17</td>
 +
<td align=center>18</td>
 +
<td align=center>19</td>
 +
<td align=center>20</td>
 +
<td align=center>21</td>
 +
<td align=center>22</td>
 +
<td align=center>23</td>
 +
</tr>
 +
<tr>
 +
<td align=center>24</td>
 +
<td align=center>25</td>
 +
<td align=center>26</td>
 +
<td align=center>27</td>
 +
<td align=center>28</td>
 +
<td align=center>29</td>
 +
<td align=center>30</td>
 +
</tr>
 +
<tr>
 +
<td align=center>31</td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
</tr>
 +
</table>
 +
 +
<table>
 +
<tr>
 +
<td colspan="7"> September 2014 </td>
 +
</tr>
 +
<tr>
 +
<td colspan="7" align=center><i> Month 6 of Project </i></td>
 +
</tr>
 +
<tr>
 +
<td align=center>sun</td>
 +
<td align=center>mon</td>
 +
<td align=center>tue</td>
 +
<td align=center>wed</td>
 +
<td align=center>thu</td>
 +
<td align=center>fri</td>
 +
<td align=center>sat</td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center>1</td>
 +
<td align=center>2</td>
 +
<td align=center>3</td>
 +
<td align=center>4</td>
 +
<td align=center>5</td>
 +
<td align=center>6</td>
 +
</tr>
 +
<tr>
 +
<td align=center>7</td>
 +
<td align=center>8</td>
 +
<td align=center>9</td>
 +
<td align=center>10</td>
 +
<td align=center>11</td>
 +
<td align=center>12</td>
 +
<td align=center>13</td>
 +
</tr>
 +
<tr>
 +
<td align=center>14</td>
 +
<td align=center>15</td>
 +
<td align=center>16</td>
 +
<td align=center>17</td>
 +
<td align=center>18</td>
 +
<td align=center>19</td>
 +
<td align=center>20</td>
 +
</tr>
 +
<tr>
 +
<td align=center>21</td>
 +
<td align=center>22</td>
 +
<td align=center>23</td>
 +
<td align=center>24</td>
 +
<td align=center>25</td>
 +
<td align=center>26</td>
 +
<td align=center>27</td>
 +
</tr>
 +
<tr>
 +
<td align=center>28</td>
 +
<td align=center>29</td>
 +
<td align=center>30</td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
</tr>
 +
</table>
 +
<table>
 +
<tr>
 +
<td colspan="7"> October 2014 </td>
 +
</tr>
 +
<tr>
 +
<td colspan="7" align=center><i> Month 7 of Project </i></td>
 +
</tr>
 +
<tr>
 +
<td align=center>sun</td>
 +
<td align=center>mon</td>
 +
<td align=center>tue</td>
 +
<td align=center>wed</td>
 +
<td align=center>thu</td>
 +
<td align=center>fri</td>
 +
<td align=center>sat</td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center>1</td>
 +
<td align=center>2</td>
 +
<td align=center>3</td>
 +
<td align=center>4</td>
 +
</tr>
 +
<tr>
 +
<td align=center>5</td>
 +
<td align=center>6</td>
 +
<td align=center>7</td>
 +
<td align=center>8</td>
 +
<td align=center>9</td>
 +
<td align=center>10</td>
 +
<td align=center>11</td>
 +
</tr>
 +
<tr>
 +
<td align=center>12</td>
 +
<td align=center>13</td>
 +
<td align=center>14</td>
 +
<td align=center>15</td>
 +
<td align=center>16</td>
 +
<td align=center>17</td>
 +
<td align=center>18</td>
 +
</tr>
 +
<tr>
 +
<td align=center>19</td>
 +
<td align=center>20</td>
 +
<td align=center>21</td>
 +
<td align=center>22</td>
 +
<td align=center>23</td>
 +
<td align=center>24</td>
 +
<td align=center>25</td>
 +
</tr>
 +
<tr>
 +
<td align=center>26</td>
 +
<td align=center>27</td>
 +
<td align=center>28</td>
 +
<td align=center>29</td>
 +
<td align=center>30</td>
 +
<td align=center>31</td>
 +
<td align=center></td>
 +
</tr>
 +
<tr>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
<td align=center></td>
 +
</tr>
 +
</table>
 +
</div>
 +
</div>
 +
</div>
</body>
</body>
</html>
</html>

Revision as of 15:44, 28 July 2014

April 2014
Month 1 of Project
sun mon tue wed thu fri sat
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
May 2014
Month 2 of Project
sun mon tue wed thu fri sat
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
June 2014
Month 3 of Project
sun mon tue wed thu fri sat
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
July 2014
Month 4 of Project
sun mon tue wed thu fri sat
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
August 2014
Month 5 of Project
sun mon tue wed thu fri sat
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
September 2014
Month 6 of Project
sun mon tue wed thu fri sat
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
October 2014
Month 7 of Project
sun mon tue wed thu fri sat
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

Retrieved from "http://2014.igem.org/Template:Team:DukeNB/CSS"