Preparing for DB Recording. More animations from blender.

MKLab-ITI · Apr 10, 2017 · e4d4601 · e4d4601
1 parent 2bd01ef
commit e4d4601
Show file tree

Hide file tree

Showing 6 changed files with 89 additions and 261 deletions.
diff --git a/css/styleRecording.css b/css/styleRecording.css
@@ -1,5 +1,4 @@
 /* Fix user-agent */
-
 * {
   box-sizing: border-box;
 }
@@ -32,7 +31,6 @@ ul {
 }
 
 /* Pages */
-
 .pages {
   height: 100%;
   margin: 0;
@@ -56,7 +54,6 @@ ul {
   height: 100px;
   margin-top: -100px;
   position: absolute;
-
   text-align: center;
   top: 50%;
   width: 100%;
@@ -86,9 +83,16 @@ ul {
   font-weight: 100;
 }
 
+#oknamebutton {
+  color:white;
+  margin-top:20px;
+  cursor: pointer;
+  font-size: larger
+}
+
 /* Chat page */
 
-.chat.page {
+.myo.page {
   display: none;
 }
 
@@ -98,61 +102,15 @@ ul {
   font-size: 150%;
 }
 
-.inputMessage {
-  font-size: 100%;
-}
-
-.log {
-  color: gray;
-  font-size: 70%;
-  margin: 5px;
-  text-align: center;
-}
-
-/* Messages */
-
-.chatArea {
-  height: 100%;
-  padding-bottom: 60px;
-}
-
-.messages {
-  height: 100%;
-  margin: 0;
-  overflow-y: scroll;
-  padding: 10px 20px 10px 20px;
-}
-
-.message.typing .messageBody {
-  color: gray;
-}
-
-.username {
-  font-weight: 700;
-  overflow: hidden;
-  padding-right: 15px;
-  text-align: right;
-}
-
-/* Input */
-.inputMessage {
-  border: 10px solid #000;
-  bottom: 0;
-  height: 60px;
-  left: 0;
-  outline: none;
-  padding-left: 10px;
-  position: absolute;
-  right: 0;
-  width: 100%;
-}
 
 #texthint{
   position: absolute;
   width:100%;
+  left:50%;
+  transform: translateX(-50%);
   text-align:center;
-  top: 15%;
-  font-size:2em;
+  top: 18%;
+  font-size:1.5em;
   font-weight:bold;
   text-decoration:none;
 }
@@ -165,16 +123,6 @@ ul {
   width: 480px;
 }
 
-.container button{
-  display: inline-block;
-}
-#btn1{
-  float:left;
-}
-#btn3{
-  float:right;
-}
-
 #next-button-triangle {
   width: 200px;
   height:200px;
@@ -198,16 +146,13 @@ ul {
   position:absolute;
   bottom:10%;
   left:15%;
-
   display:none;
   text-indent: 130px;
-
   color:#e2eaf3;
   font-family:Verdana;
   line-height:0em;
   font-size:1.2em;
   font-weight:bold;
-
   border-top: 100px solid transparent;
   border-bottom: 100px solid transparent;
   border-right: 160px solid #0000ff;
@@ -219,43 +164,21 @@ ul {
   border-right: 160px solid #000077;
 }
 
-
-
-
 .round-button {
-  width:200px;
+  width:40px;
   height:200px;
   position:absolute;
-  bottom:9%;
+  bottom:7%;
   left:50%;
-  margin-left:-100px;
+  transform: translateX(-50%);
   display:none;
 }
 
 
-.round-button a {
-  display:block;
-  float:left;
-  width:100%;
-  height:100%;
-  padding-top:60%;
-  padding-bottom:20%;
-  text-align:center;
-  color:black;
-  font-family:Verdana;
-  line-height:1em;
-  margin-top:-0.5em;
-  font-size:1.2em;
-  font-weight:bold;
-  text-decoration:none;
-  display:none;
-}
-
 #circle1{
   display:none;
 }
 
-
 #hourglass{
   width:200px;
   height:200px;
@@ -265,122 +188,28 @@ ul {
   margin-left:-100px;
 }
 
-
-
-
-
 #next-button-triangle:hover {
   border-top: 100px solid transparent;
   border-bottom: 100px solid transparent;
   border-left: 160px solid #004400;
 }
 
-
-
-
-.exitbutton{
-
-}
-
-
-
-
-
-
-.pod1{
-  bottom: 0px;
-  right: 0px;
-  position : absolute;
-  height  : 80px;
-  width   : 200px;
-  background:transparent;
-  text-align:center;
-  font-size:10pt;
-  margin: 40px;
-}
-
-.pod2{
-  top: 50%;
-  right: 0px;
-  position : absolute;
-  height  : 80px;
-  width   : 200px;
-  background:transparent;
-  text-align:center;
-  font-size:10pt;
-  margin-right: 40px;
-}
-
-.pod3{
-  top: 0px;
-  right: 0px;
+.pod {
   position : absolute;
   height  : 80px;
   width   : 200px;
   background:transparent;
   text-align:center;
   font-size:10pt;
   margin: 40px;
+  opacity:0.2;
 }
 
-.pod4{
-  top: 0px;
-  left: 43%;
-  position : absolute;
-  height  : 80px;
-  width   : 200px;
-  background:transparent;
-  text-align:center;
-  font-size:10pt;
-  margin-top: 40px;
-}
-
-.pod5{
-  top: 0px;
-  left: 0px;
-  position : absolute;
-  height  : 80px;
-  width   : 200px;
-  background:transparent;
-  text-align:center;
-  font-size:10pt;
-  margin: 40px;
-}
-
-.pod6{
-  top: 50%;
-  left: 0px;
-  position : absolute;
-  height  : 80px;
-  width   : 200px;
-  background:transparent;
-  text-align:center;
-  font-size:10pt;
-  margin-left: 40px;
-}
-
-
-.pod7{
-  bottom: 0px;
-  left: 0px;
-  position : absolute;
-  height  : 80px;
-  width   : 200px;
-  background:transparent;
-  text-align:center;
-  font-size:10pt;
-  margin: 40px;
-}
-
-
-.pod8{
-  bottom: 0px;
-  left: 43%;
-  position : absolute;
-  height  : 80px;
-  width   : 200px;
-  background:transparent;
-  text-align:center;
-  font-size:10pt;
-  margin-bottom: 40px;
-}
+#pod0{bottom: 0px; right: 0px; }
+#pod1{top:    35%; right: 0px; }
+#pod2{top:    0px; right: 0px; }
+#pod3{top:    0px; left:  41%; }
+#pod4{top:    0px; left:  0px; }
+#pod5{top:    35%; left:  0px; }
+#pod6{bottom: 0px; left:  0px; }
+#pod7{bottom: 0px; left:  41%; }