Difference between revisions of "Template:Team:TU Darmstadt/NotebookCalendar"

 
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
button.kurzwahl{
+
#lj_calender{
−
font-size:16px;
+
                padding-top:1rem;
−
color:#808080;
+
        }
−
background-color:#ececec;
+
−
border:3px solid #ececec;
+
−
text-align:center;
+
−
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
+
−
border-radius:6px;
+
−
padding:0.2rem 10px;
+
−
                margin:0.2rem 5px;
+
−
                font-family:'Calibri', sans-serif;
+
−
}
+
−
+
−
button.kurzwahl:hover{
+
−
font-weight: bold;
+
−
text-decoration:none;
+
−
color:white;
+
−
cursor:pointer;
+
−
}
+
  
−
         button.kurzwahl:active{
+
         #lj_calender table{
−
font-weight: bold;
+
                margin:0;
−
text-decoration:none;
+
        }
−
color:white;
+
−
cursor:pointer;
+
−
}
+
−
</style>
+
  
−
<div class="rechts">
+
        #lj_calender table td{
−
<div class="scrollbox"><div class="highlights"><b>Lab Weeks</b></br>
+
                width:70px;
−
<a href="#lw1"><button class="kurzwahl">1</button></a>
+
                padding:0;
−
<a href="#lw2"><button class="kurzwahl">2</button></a>
+
        }
−
<a href="#lw3"><button class="kurzwahl">3</button></a>
+
 
−
<a href="#lw4"><button class="kurzwahl">4</button></a><br>
+
        caption{
−
<a href="#lw5"><button class="kurzwahl">5</button></a>
+
background-color:#019ac8;
−
<a href="#lw6"><button class="kurzwahl">6</button></a>
+
color:white;
−
<a href="#lw7"><button class="kurzwahl">7</button></a>
+
                text-align:center;
−
<a href="#lw8"><button class="kurzwahl">8</button></a><br>
+
                padding-top:0.5rem;
−
<a href="#lw9"><button class="kurzwahl">9</button></a>
+
                padding-bottom:0.5rem;
−
<a href="#lw10"><button class="kurzwahl">10</button></a>
+
                font-size: 16px;
−
<a href="#lw11"><button class="kurzwahl">11</button></a>
+
                font-weight:bold;
−
<a href="#lw12"><button class="kurzwahl">12</button></a><br>
+
                font-family: 'Calibri', sans-serif;
−
<a href="#lw13"><button class="kurzwahl">13</button></a>
+
        }
−
<a href="#lw14"><button class="kurzwahl">14</button></a>
+
 
−
<a href="#lw15"><button class="kurzwahl">15</button></a><br>
+
        #lj_calender button{
−
<a href="#lw16"><button class="kurzwahl">16</button></a>
+
                background-color:white;
−
<a href="#lw17"><button class="kurzwahl">17</button></a>
+
                border:none;
−
<a href="#lw18"><button class="kurzwahl">18</button></a><br>
+
                font-size:16px;
−
<a href="#lw19"><button class="kurzwahl">19</button></a>
+
                padding:5px 7px;
−
<a href="#lw20"><button class="kurzwahl">20</button></a>
+
        }
−
<a href="#lw21"><button class="kurzwahl">21</button></a><br>
+
 
−
<a href="#lw22"><button class="kurzwahl">22</button></a>
+
        button p.LWdate{
−
<a href="#lw23"><button class="kurzwahl">23</button></a>
+
                color:#808080;
−
<a href="#lw24"><button class="kurzwahl">24</button></a><br>
+
                font-size:12px;
−
<a href="#lw25"><button class="kurzwahl">25</button></a>
+
        }
−
<a href="#lw26"><button class="kurzwahl">26</button></a>
+
 
−
<a href="#lw27"><button class="kurzwahl">27</button></a></div>
+
        #lj_calender button:hover{
−
<a href="#mainHeader"><button class="back_top_full">Back to the Top</button></a>
+
                background-color:#019ac8;
−
</div></div>
+
                border:none;
 +
                color:white;
 +
                font-size:16px;
 +
                cursor:pointer;
 +
        }
 +
 
 +
        #lj_calender button:hover p.LWdate{
 +
                color:#ececec;
 +
        }
 +
 
 +
        #lj_calender button:active p.LWdate{
 +
                color:#808080;
 +
        }
 +
 
 +
        #lj_calender button:active{
 +
                background-color:white;
 +
                border-style:none;
 +
                font-size:16px;
 +
                color:black;
 +
        }
 +
 
 +
        #lj_calender button:visited{
 +
                background-color:white;
 +
                border-style:none;
 +
                font-size:16px;
 +
        }
 +
</style>
  
 +
<center><div id="lj_calender">
 +
<table>
 +
<caption>Lab Weeks</caption>
 +
<tbody>
 +
  <tr><td><a href="#lw1"><button id="lw1c"><b>1</b><br><p class="LWdate">(04/18&#x00A0;-&#x00A0;04/24)</p></button></a></td><td><a href="#lw2"><button id="lw2c"><b>2</b><br><p class="LWdate">(04/25&#x00A0;-&#x00A0;05/01)</p></button></a></td><td><a href="#lw3"><button id="lw3c"><b>3</b><br><p class="LWdate">(05/02&#x00A0;-&#x00A0;05/08)</p></button></a></td><td><a href="#lw4"><button id="lw4c"><b>4</b><br><p class="LWdate">(05/09&#x00A0;-&#x00A0;05/15)</p></button></a></td><td><a href="#lw5"><button id="lw5c"><b>5</b><br><p class="LWdate">(05/16&#x00A0;-&#x00A0;05/22)</p></button></a></td></tr>
 +
<tr><td><a href="#lw6"><button id="lw6c"><b>6</b><br><p class="LWdate">(05/23&#x00A0;-&#x00A0;05/29)</p></button></a></td><td><a href="#lw7"><button id="lw7c"><b>7</b><br><p class="LWdate">(05/30&#x00A0;-&#x00A0;06/05)</p></button></a></td><td><a href="#lw8"><button id="lw8c"><b>8</b><br><p class="LWdate">(06/06&#x00A0;-&#x00A0;06/12)</p></button></a></td><td><a href="#lw9"><button id="lw9c"><b>9</b><br><p class="LWdate">(06/13&#x00A0;-&#x00A0;06/19)</p></button></a></td><td><a href="#lw10"><button id="lw10c"><b>10</b><br><p class="LWdate">(06/20&#x00A0;-&#x00A0;06/26)</p></button></a></td></tr>
 +
<tr><td><a href="#lw11"><button id="lw11c"><b>11</b><br><p class="LWdate">(06/27&#x00A0;-&#x00A0;07/03)</p></button></a></td><td><a href="#lw12"><button id="lw12c"><b>12</b><br><p class="LWdate">(07/04&#x00A0;-&#x00A0;07/10)</p></button></a></td><td><a href="#lw13"><button id="lw13c"><b>13</b><br><p class="LWdate">(07/11&#x00A0;-&#x00A0;07/17)</p></button></a></td><td><a href="#lw14"><button id="lw14c"><b>14</b><br><p class="LWdate">(07/18&#x00A0;-&#x00A0;07/24)</p></button></a></td><td><a href="#lw15"><button id="lw15c"><b>15</b><br><p class="LWdate">(07/25&#x00A0;-&#x00A0;07/31)</p></button></a></td></tr>
 +
<tr><td><a href="#lw16"><button id="lw16c"><b>16</b><br><p class="LWdate">(08/01&#x00A0;-&#x00A0;08/07)</p></button></a></td><td><a href="#lw17"><button id="lw17c"><b>17</b><br><p class="LWdate">(08/08&#x00A0;-&#x00A0;08/14)</p></button></a></td><td><a href="#lw18"><button id="lw18c"><b>18</b><br><p class="LWdate">(08/15&#x00A0;-&#x00A0;08/21)</p></button></a></td><td><a href="#lw19"><button id="lw19c"><b>19</b><br><p class="LWdate">(08/22&#x00A0;-&#x00A0;08/28)</p></button></a></td><td><a href="#lw20"><button id="lw20c"><b>20</b><br><p class="LWdate">(08/29&#x00A0;-&#x00A0;09/04)</p></button></a></td></tr>
 +
<tr><td><a href="#lw21"><button id="lw21c"><b>21</b><br><p class="LWdate">(09/05&#x00A0;-&#x00A0;09/11)</p></button></a></td><td><a href="#lw22"><button id="lw22c"><b>22</b><br><p class="LWdate">(09/12&#x00A0;-&#x00A0;09/18)</p></button></a></td><td><a href="#lw23"><button id="lw23c"><b>23</b><br><p class="LWdate">(09/19&#x00A0;-&#x00A0;09/25)</p></button></a></td><td><a href="#lw24"><button id="lw24c"><b>24</b><br><p class="LWdate">(09/26&#x00A0;-&#x00A0;10/02)</p></button></a></td><td><a href="#lw25"><button id="lw25c"><b>25</b><br><p class="LWdate">(10/03&#x00A0;-&#x00A0;10/09)</p></button></a></td></tr>
 +
<tr><td><a href="#lw26"><button id="lw26c"><b>26</b><br><p class="LWdate">(10/10&#x00A0;-&#x00A0;10/16)</p></button></a></td><td><a href="#lw27"><button id="lw27c"><b>27</b><br><p class="LWdate">(10/17&#x00A0;-&#x00A0;10/23)</p></button></a></td><td></td><td></td><td></td></tr>
 +
</tbody>
 +
</table></br></br></br></div></center>
 
</html>
 
</html>

Latest revision as of 22:27, 16 October 2016