chat css

12/index_test.html

@@ -39,6 +39,8 @@
       Murtaugh, Femke Snelting
     </div>
   </div>
+
+  <div id="dash"></div>
   
   <div class="c_downclock">
   	<iframe id="cdownclock" style="width:400px; height:300px; border:none; background-image:url(IMG/2/2.gif); background-repeat:no-repeat;" src='blank12_6.html'> </iframe>
@@ -48,7 +50,7 @@
       
       <div id="week_06">
         <div class="schedule_06">
-          PROGRAMME #12.6<br>
+          RADIO IMPLICANCIES #12.6 ∿∿∿∿ ∿∿∿∿ <br>
         </div>
         <div class="audio_06">
           <audio controls=""><source src="http://echo.lurk.org:999/radioimplicancies_live.ogg" type="audio/ogg">
@@ -56,7 +58,7 @@
           "archive_12.6.vtt"></audio>
         </div>
 
-        <div id="chat06">
+        <div id="chat06"> live comment <br> during the broadcast<br><br>
   <button id="chat_btn"> CHAT </button>
 </div>
 

12/style.css

@@ -85,6 +85,13 @@ a#main_page_link:hover{
   font-family: monotype;
 }
 
+#dash {
+  position: relative;
+  background-color: red;
+  width: 100%;
+  height: 5%;
+}
+
 .page_title{
   font-size:70px;
   color: blue;
@@ -770,7 +777,8 @@ filter: invert(1);
     background-color: black;
     z-index: 100;
     margin-top: 180px;
-    padding-top: 50px;
+    padding-top: 60px;
+    padding-bottom: 30px;
    
 }
 
@@ -780,7 +788,6 @@ filter: invert(1);
     max-width: 100%;
     height: 60%;
     padding: 0px;
-    
     background-color: darkgrey;
     z-index: 100;
 }
@@ -824,9 +831,12 @@ filter: invert(1);
   width: 42%;
   padding-top: 0px;
   margin-top: 0px;
+  margin-left: 150px;
   background-color:;
   color:#6dc82a;
   float: left;
+  font-size: 34px;
+  font-style: italic;
  
 }
 
@@ -883,7 +893,7 @@ filter: invert(1);
 
 }
 
-#etherpad_06 {
+/*#etherpad_06 {
   position: absolute;
   top: 830px;
   left: 300px;
@@ -891,7 +901,7 @@ filter: invert(1);
   height: 500px;
   width: 500px;  
   text-align: center;
-/*  border: 1px solid #d3d3d3;*/
+
 }
 
 #etherpad_06header {
@@ -912,19 +922,20 @@ filter: invert(1);
 #iframe_pad06 {
   width: 100%;
   height: 100%;
-}
+}*/
 
 #chat06 {
     display: inline-block;
     position: relative;
     width: 20%;
-    background-image: linear-gradient(to right, black, darkblue, black);
+    background-image: linear-gradient(to right, black, black, darkblue);
     text-align: center;
-    padding-top: 30px;
-    padding-bottom: 30px;
+    padding-top: 15px;
+    padding-bottom: 10px;
     /*margin-top: 30px;*/
     color: #6dc82a;
     float: right;
+    font-size: 20px;
 
 }
 
@@ -933,6 +944,11 @@ filter: invert(1);
   font-size: 20px;
 }
 
+#chat_btn:hover{
+  color:#6dc82a;
+}
+
+
 #chatwindow {
   position: absolute;
   top: 173%;