Difference between revisions of "Team:TUDelft/Notebook"

Line 9: Line 9:
 
         <style>
 
         <style>
  
 +
            #tabletu {
 +
                background-color: transparent;
 +
                border-collapse: collapse;
 +
                width:100%;
 +
            }
  
 +
            #tabletu td, th {
 +
                border: 1px solid #000000;
 +
                padding: 8px;
 +
            }
 +
 +
            #tabletu th {
 +
                padding: 8px;
 +
                text-align: left;
 +
                border: 1px solid #000000; 
 +
                background-color: rgba(0,110,167,1);
 +
                color: white;
 +
            }
 
             /* The Modal (background) */
 
             /* The Modal (background) */
 
             .modal {
 
             .modal {
Line 24: Line 41:
 
                 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 
                 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 
             }
 
             }
−
 
+
#tabletu tr:nth-of-type(2) td {padding: 0;}
 
             /* Modal Content */
 
             /* Modal Content */
 
             .modal-content {
 
             .modal-content {
Line 34: Line 51:
 
             }
 
             }
  
 +
           
 +
            #tabletu.modal td {
 +
                padding:0px;
 +
            }
 
             /* The Close Button */
 
             /* The Close Button */
 
             .close {
 
             .close {
Line 51: Line 72:
 
             .notebook {   
 
             .notebook {   
 
                 border-collapse: collapse;
 
                 border-collapse: collapse;
−
                 width:80%;}
+
                 width:70%;}
 
             .notebook td:hover {background-color: #ddd;}
 
             .notebook td:hover {background-color: #ddd;}
 
             .notebook td, .notebook th {
 
             .notebook td, .notebook th {
Line 94: Line 115:
 
</div>         
 
</div>         
 
</div>
 
</div>
−
<center>
 
 
         <h2>Experiment Notebook</h2>
 
         <h2>Experiment Notebook</h2>
 +
    <center>
 
         <table id="tabletu" class="notebook">
 
         <table id="tabletu" class="notebook">
 
             <tr id="category">
 
             <tr id="category">
Line 106: Line 127:
 
                 <td rowspan=2 class="month">April</td>
 
                 <td rowspan=2 class="month">April</td>
 
                 <td><!-- Trigger/Open The Modal -->
 
                 <td><!-- Trigger/Open The Modal -->
−
                     <button id="myBtn" class="block">Open Modal</button>
+
                     <button id="myBtn2" class="block">Open Modal</button>
  
 
                     <!-- The Modal -->
 
                     <!-- The Modal -->
Line 119: Line 140:
 
                     </div>
 
                     </div>
 
                 </td>
 
                 </td>
−
                 <td><button id="myBtn" class="block">Open Modal</button></td>
+
                 <td><button id="myBtn2" class="block">Open Modal</button></td>
 
                 <td>Germany</td>
 
                 <td>Germany</td>
 
             </tr>
 
             </tr>
Line 178: Line 199:
 
         </table>
 
         </table>
  
 +
</center>
  
  
−
</center>
 
  
 
         <script>
 
         <script>
Line 187: Line 208:
  
 
             // Get the button that opens the modal
 
             // Get the button that opens the modal
−
             var btn = document.getElementById("myBtn");
+
             var btn = document.getElementById("myBtn2");
  
 
             // Get the <span> element that closes the modal
 
             // Get the <span> element that closes the modal

Revision as of 08:31, 20 September 2019

Sci-Phi 29

Experiment Notebook

Orthogonal Replication Controlable Expression Other
April Germany
Berglunds snabbköp Christina Berglund Sweden
Centro comercial Moctezuma Francisco Chang Mexico
Ernst Handel Roland Mendel Austria
Island Trading Helen Bennett UK
Königlich Essen Philip Cramer Germany
Laughing Bacchus Winecellars Yoshi Tannamuri Canada
Magazzini Alimentari Riuniti Giovanni Rovelli Italy
North/South Simon Crowther UK
Paris spécialités Marie Bertrand France