css

12/index_test.html

@@ -45,8 +45,7 @@
   </div>
   
 <div id="implicancies_06">
-      <div id="resources_06" class=""><iframe name="resources" id="iframe_06" src='resources_06.html'></iframe></div>
-      <!--  <div id="info"><div id="title"></div><div id="authors"></div> -->
+      
       <div id="week_06">
         <div class="schedule_06">
           PROGRAMME #12.6<br>
@@ -56,10 +55,16 @@
           <track default="" kind="captions" srclang="en" src=
           "archive_12.6.vtt"></audio>
         </div>
+
+        <div id="chat06">
+  <button id="chat_btn"> CHAT </button>
+</div>
+
+        <div id="resources_06" class=""><iframe name="resources" id="iframe_06" src='resources_06.html'></iframe></div>
+      <!--  <div id="info"><div id="title"></div><div id="authors"></div> -->
         <div id="table_content_06">
           <ul>
-            <li id="track_6_1"> ⇢ track / name / duration </li>
-            <li id="track_6_2"> ⇢ track / name / duration </li>
+            <li id="track_6_1"> ⇢ track / name / duration </li><span></span> <li id="track_6_2"> ⇢ track / name / duration </li>
             <li id="track_6_3"> ⇢ track / name / duration </li>
             <li id="track_6_4"> ⇢ track / name / duration </li>
             <li id="track_6_5"> ⇢ track / name / duration </li>
@@ -81,9 +86,7 @@
     <iframe id="iframe_pad06" src="https://pad.xpub.nl/p/radio_implicancies_12.6" ></iframe>
 </div> -->
   
-<div id="chat06">
-  <button id="chat_btn"> CHAT </button>
-</div>
+
 
 <div id="chatwindow" class="ch06_hidden">
     <div id="chat_06header">click here to move</div>

12/style.css

@@ -767,8 +767,10 @@ filter: invert(1);
 #implicancies_06 > div {
     display: inline-block;
     text-align: center;
-    background-color: white;
+    background-color: black;
     z-index: 100;
+    margin-top: 180px;
+    padding-top: 50px;
    
 }
 
@@ -778,8 +780,8 @@ filter: invert(1);
     max-width: 100%;
     height: 60%;
     padding: 0px;
-    margin-top: 180px;
-    background-color: white;
+    
+    background-color: darkgrey;
     z-index: 100;
 }
 
@@ -792,9 +794,8 @@ filter: invert(1);
     /*overflow-y: auto;*/
     background-image: linear-gradient(to right, black, darkblue);
     margin: 0px;
-    /*border: 10px solid black;*/
-    float: left;
-    margin-left: 50px;
+    border: 10px solid black;
+    float: right;
     font-family: Roboto Mono;
 }
 
@@ -803,7 +804,7 @@ filter: invert(1);
 #resources iframe, #iframe_06 {
   width: 100%;
   height: 100%;
-  border: 1px solid #FAF0E6;
+  border: 1px solid black;
   background-color: none;
   position: relative;
 }
@@ -811,11 +812,12 @@ filter: invert(1);
 
 
 #week_06{
-  width: 30%;
+  width: 100%;
   margin: 0px;
   margin-right: 70px;
   background-color: ;
-  float: right;
+  float: left;
+  font-family: monotype;
 }
 
 .schedule_06 {
@@ -824,10 +826,12 @@ filter: invert(1);
   margin-top: 0px;
   background-color:;
   color:#6dc82a;
+  float: left;
  
 }
 
-#table_content_06 { 
+#table_content_06 >ul {
+  display: inline; 
  align-content: initial;   
  font-size: 20px;
  text-align: left;
@@ -838,11 +842,18 @@ filter: invert(1);
  color:#6dc82a;
   }
 
+/*ul#table_content_06 li{    
+ display: inline; 
+ align-content: initial;
+ margin-left:5px;
+  }*/
+
 .audio_06{
-  width:100%;
+  display: inline-block;
+  width:50%;
   margin-top: 50px;
   margin-bottom: 50px;
-  background-color: white;
+  background-color: black;
 }
 
 .link_06{  
@@ -906,13 +917,19 @@ filter: invert(1);
     display: inline-block;
     position: relative;
     width: 20%;
-    background-image: linear-gradient(to right, black, darkblue);
+    background-image: linear-gradient(to right, black, darkblue, black);
     text-align: center;
     padding-top: 30px;
     padding-bottom: 30px;
-    margin-top: 30px;
+    /*margin-top: 30px;*/
     color: #6dc82a;
+    float: right;
+
+}
 
+#chat_btn{
+  font-family: monotype;
+  font-size: 20px;
 }
 
 #chatwindow {
@@ -930,7 +947,7 @@ filter: invert(1);
   padding: 10px;
   cursor: move;
   z-index: 10;
-  background-image: linear-gradient(to right, black, darkblue);
+  background-image: linear-gradient(to right, darkblue, black, darkblue);
   color: black;
   font-size: 12px;
   color: #6dc82a;