Template:Team:DukeNB/CSS

From 2014.igem.org

(Difference between revisions)
 
(112 intermediate revisions not shown)
Line 6: Line 6:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style media="screen" type="text/css">
<style media="screen" type="text/css">
-
.cal {
+
 
-
float:left;
+
.navleft {
 +
position:fixed;
 +
color: #ffffff;
 +
margin-left:2.5%;
 +
margin-top:10%;
 +
text-align:center;
 +
font-size:3em;
}
}
-
.cal table {
+
.navleft table td {
-
text-align: center;
+
padding:20px;
-
margin: 50px;
+
font-color:#ffffff;
-
padding:5px;
+
}
}
-
.cal a {
+
#lapr td:hover {
-
text-align:center;
+
font-color: #0000ff;
-
background-color:#0736A4;
+
-
padding:5px;
+
}
}
-
.rightnb {
+
a {
 +
font-color:#000000;
 +
}
 +
 
 +
#rightnb {
float:right;
float:right;
 +
width:70%;
 +
color:#fff;
 +
margin-top:-5%;
}
}
.day {
.day {
 +
z-index:100;
 +
color:#fff;
 +
margin:5%;
}
}
.day h2 {
.day h2 {
color:#fff;
color:#fff;
-
/*margin-top:100px;*/
+
}
 +
 
 +
.day h1 {
 +
color:#fff;
}
}
Line 49: Line 65:
}
}
-
/* our menu styles - must be fixed. */
+
.month {
-
#sticky_cal_wrap { width:100%;}
+
font-size:3em;
-
#sticky_cal { width:100%;}
+
float: center;
-
 
+
padding:2.5%;
-
/* anchors for each date */
+
text-align: center;
-
 
+
}
-
 
+
-
 
+
</style>
</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"><i> Month 1 of Project </i></td>
 
-
</tr>
 
-
<tr>
 
-
<td>sun</td>
 
-
<td>mon</td>
 
-
<td>tue</td>
 
-
<td>wed</td>
 
-
<td>thu</td>
 
-
<td>fri</td>
 
-
<td>sat</td>
 
-
</tr>
 
-
<tr>
 
-
<td></td>
 
-
<td></td>
 
-
<td>1</td>
 
-
<td>2</td>
 
-
<td>3</td>
 
-
<td>4</td>
 
-
<td>5</td>
 
-
</tr>
 
-
<tr>
 
-
<td>6</td>
 
-
<td><a href="https://2014.igem.org/Team:Duke/Notebook#apr7">7</a></td>
 
-
<td><a href="https://2014.igem.org/Team:Duke/Notebook#apr8">8</a></td>
 
-
<td>9</td>
 
-
<td><a href="https://2014.igem.org/Team:Duke/Notebook#apr10">10</a></td>
 
-
<td><a href="https://2014.igem.org/Team:Duke/Notebook#apr11">11</a></td>
 
-
<td>12</td>
 
-
</tr>
 
-
<tr>
 
-
<td><a href="https://2014.igem.org/Team:Duke/Notebook#apr13">13</a></td>
 
-
<td><a href="https://2014.igem.org/Team:Duke/Notebook#apr14">14</a></td>
 
-
<td><a href="https://2014.igem.org/Team:Duke/Notebook#apr15">15</a></td>
 
-
<td><a href="https://2014.igem.org/Team:Duke/Notebook#apr16">16</a></td>
 
-
<td>17</td>
 
-
<td>18</td>
 
-
<td>19</td>
 
-
</tr>
 
-
<tr>
 
-
<td>20</td>
 
-
<td>21</td>
 
-
<td>22</td>
 
-
<td>23</td>
 
-
<td>24</td>
 
-
<td>25</td>
 
-
<td>26</td>
 
-
</tr>
 
-
<tr>
 
-
<td>27</td>
 
-
<td>28</td>
 
-
<td>29</td>
 
-
<td>30</td>
 
-
<td></td>
 
-
<td></td>
 
-
<td></td>
 
-
</tr>
 
-
<tr>
 
-
<td></td>
 
-
<td></td>
 
-
<td></td>
 
-
<td></td>
 
-
<td></td>
 
-
<td></td>
 
-
<td></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>sun</td>
 
-
<td>mon</td>
 
-
<td>tue</td>
 
-
<td>wed</td>
 
-
<td>thu</td>
 
-
<td>fri</td>
 
-
<td>sat</td>
 
-
</tr>
 
-
<tr>
 
-
<td></td>
 
-
<td></td>
 
-
<td></td>
 
-
<td></td>
 
-
<td>1</td>
 
-
<td>2</td>
 
-
<td>3</td>
 
-
</tr>
 
-
<tr>
 
-
<td>4</td>
 
-
<td>5</td>
 
-
<td>6</td>
 
-
<td>7</td>
 
-
<td>8</td>
 
-
<td>9</td>
 
-
<td>10</td>
 
-
</tr>
 
-
<tr>
 
-
<td>11</td>
 
-
<td>12</td>
 
-
<td>13</td>
 
-
<td>14</td>
 
-
<td>15</td>
 
-
<td>16</td>
 
-
<td>17</td>
 
-
</tr>
 
-
<tr>
 
-
<td>18</td>
 
-
<td>19</td>
 
-
<td>20</td>
 
-
<td>21</td>
 
-
<td>22</td>
 
-
<td>23</td>
 
-
<td>24</td>
 
-
</tr>
 
-
<tr>
 
-
<td>25</td>
 
-
<td>26</td>
 
-
<td>27</td>
 
-
<td>28</td>
 
-
<td><a href="https://2014.igem.org/Team:Duke/Notebook#may29">29</a></td>
 
-
<td>30</td>
 
-
<td>31</td>
 
-
</tr>
 
-
<tr>
 
-
<td></td>
 
-
<td></td>
 
-
<td></td>
 
-
<td></td>
 
-
<td></td>
 
-
<td></td>
 
-
<td></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><a href="https://2014.igem.org/Team:Duke/Notebook#jun1">1</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun2">2</a></td>
 
-
<td align=center>3</td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun4">4</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun5">5</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun6">6</a></td>
 
-
<td align=center>7</td>
 
-
</tr>
 
-
<tr>
 
-
<td align=center>8</td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun9">9</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun10">10</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun11">11</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun12">12</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun13">13</a></td>
 
-
<td align=center>14</td>
 
-
</tr>
 
-
<tr>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun15">15</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun16">16</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun17">17</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun18">18</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun19">19</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun20">20</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun21">21</a></td>
 
-
</tr>
 
-
<tr>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun22">22</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun23">23</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun24">24</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun25">25</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun26">26</a></td>
 
-
<td align=center>27</td>
 
-
<td align=center>28</td>
 
-
</tr>
 
-
<tr>
 
-
<td align=center>29</td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jun30">30</a></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><a href="https://2014.igem.org/Team:Duke/Notebook#jul1">1</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul2">2</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul3">3</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul4">4</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul5">5</a></td>
 
-
</tr>
 
-
<tr>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul6">6</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul7">7</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul8">8</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul9">9</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul10">10</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul11">11</a></td>
 
-
<td align=center>12</td>
 
-
</tr>
 
-
<tr>
 
-
<td align=center>13</td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul14">14</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul15">15</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul16">16</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul17">17</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul18">18</a></td>
 
-
<td align=center>19</td>
 
-
</tr>
 
-
<tr>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul20">20</a></td>
 
-
<td align=center><a href="https://2014.igem.org/Team:Duke/Notebook#jul21">21</a></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>

Latest revision as of 02:15, 18 October 2014