runff 1.0 commit

style/arbitro.css

@@ -0,0 +1,193 @@
+/*
+To change this license header, choose License Headers in Project Properties.
+To change this template file, choose Tools | Templates
+and open the template in the editor.
+*/
+/* 
+    Created on : 11-mar-2019, 12.04.06
+    Author     : corradomulas
+*/
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: 'Archivo', sans-serif;
+
+}
+
+/* Mobile Styles */
+@media only screen and (max-width: 400px) {
+  body {
+    background-color: #F09A9D; /* Red */
+  }
+}
+
+/* Tablet Styles */
+@media only screen and (min-width: 401px) and (max-width: 960px) {
+  body {
+    background-color: #F5CF8E; /* Yellow */
+  }
+}
+
+/* Desktop Styles */
+@media only screen and (min-width: 961px) {
+
+}
+  #body {
+    background-color: whitesmoke; /* Blue */
+  }
+  
+#footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    text-decoration: none;
+    font-size: calc(5vw + 5vh);
+    text-align: center;
+    background-color: black;
+    border-top-style: solid;
+    border-top-width: thin;
+    border-top-color: #FFF;
+}
+
+.func {
+    padding-top: 5px;
+}
+
+#header {
+    position: fixed;
+    top: 0;
+    width: 100%;
+    background-color: black;
+    color: white;
+    border-bottom-style: solid;
+    border-bottom-width: thin;
+    border-bottom-color: #FFF;
+}
+
+.match {
+    top: 30px;
+}
+.startmatch {
+    display: none;
+}
+
+.stopmatch {
+    display: none;
+}
+
+.fallo {
+    display: none;
+}
+
+.ammonizione {
+    display: none;
+    
+    width: 6vw;
+}
+
+.goal {
+    display: none
+}
+
+.pli {
+    display: none;
+    float:left;
+}
+
+.partite {
+    display: none;
+}
+
+.emgtab {
+    margin-top: 30px;
+    display: none;
+}
+
+.msgtab {
+    margin-top: 30px;
+    display: none;
+}
+
+.usertab {
+    margin-top: 30px;
+    display: none;
+}
+
+.btn1 {
+    margin: 5px;
+  background-color: #FFF; /* Green */
+  border-style: solid;
+  border-width: 1px;
+  border-color: #000;
+  color: black;
+  padding: 40% 45%;
+  max-height: 10px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+ }
+
+a:link {
+color: #FFF;
+}
+a:visited {
+color: #FFF;
+}
+a:hover {
+color: #FFF;
+}
+
+.maincont {
+    margin: 30px;
+    /*margin-bottom: 60px;*/
+}
+
+ul{
+list-style-type:none;
+margin-right: 20px;
+}
+
+.clock {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+    color: #FFF;
+}
+
+.startab {
+    display: none;
+}
+
+.selpls {
+    display: none;
+    
+}
+
+.chkbx {
+    width: 50px;
+    height: 50px;
+    margin: 10px;
+}
+
+
+.points {
+    width: 100%;
+    display: inline-block;
+   /* font-size: 50px; */
+   text-align: center;
+}
+
+#points {
+    display: inline-block;
+    font-size: 50px;
+}
+
+.falli {
+    font-size: 25px;
+    display: inline-block;
+    color: #ff4747;
+}