runff 1.0 commit
This commit is contained in:
193
style/arbitro.css
Normal file
193
style/arbitro.css
Normal file
@@ -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;
|
||||
}
|
||||
258
style/insre.css
Normal file
258
style/insre.css
Normal file
@@ -0,0 +1,258 @@
|
||||
/*
|
||||
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 : 7-apr-2019, 16.50.44
|
||||
Author : corradomulas
|
||||
*/
|
||||
|
||||
@import "lesshat";
|
||||
|
||||
|
||||
.clearfix() {
|
||||
zoom: 1;
|
||||
&:before, &:after{
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
&:after{
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.col() {
|
||||
padding-right: 10px;
|
||||
float: left;
|
||||
&:last-of-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.transition(@speed, @easing) {
|
||||
transition: all @speed @easing;
|
||||
}
|
||||
|
||||
|
||||
@white: #fff;
|
||||
@grey-lightest: #f9f9f9;
|
||||
@grey-light: #e3e3e3;
|
||||
@grey: #e5e5e5;
|
||||
@grey-dark: #b9b9b9;
|
||||
|
||||
@purple: #c68eaa;
|
||||
@green: #7ed321;
|
||||
@emerald: #04BDBD;
|
||||
@blue: #04AEC5;
|
||||
@blue-dark: #0F6CC9;
|
||||
@color-primary: @green;
|
||||
@color-primary-strong: darken(saturate(@color-primary, 5%), 10%);
|
||||
|
||||
@br: 3px;
|
||||
|
||||
@fast: 0.35s;
|
||||
|
||||
@ease: ease-in-out;
|
||||
|
||||
// GENERAL
|
||||
|
||||
* {
|
||||
&, &:before, &:after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 1em;
|
||||
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-size: 15px;
|
||||
// font-size: 1vw;
|
||||
color: @grey-dark;
|
||||
background-color: @grey-light;
|
||||
}
|
||||
|
||||
// TYPOGRAPHY
|
||||
|
||||
h4 {
|
||||
color: @color-primary;
|
||||
}
|
||||
|
||||
// FORM
|
||||
|
||||
input {
|
||||
width: 100%;
|
||||
padding: 1em;
|
||||
line-height: 1.4;
|
||||
background-color: @grey-lightest;
|
||||
border: 1px solid @grey;
|
||||
border-radius: 3px;
|
||||
.transition(@fast, @ease);
|
||||
&:focus {
|
||||
outline: 0;
|
||||
border-color: @color-primary-strong;
|
||||
& + .input-icon {
|
||||
i {
|
||||
color: @color-primary;
|
||||
}
|
||||
&:after {
|
||||
border-right-color: @color-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
&[type="radio"] {
|
||||
display: none;
|
||||
& + label {
|
||||
&:extend(input);
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
float: left;
|
||||
border-radius: 0;
|
||||
&:first-of-type {
|
||||
border-top-left-radius: @br;
|
||||
border-bottom-left-radius: @br;
|
||||
}
|
||||
&:last-of-type {
|
||||
border-top-right-radius: @br;
|
||||
border-bottom-right-radius: @br;
|
||||
}
|
||||
i {
|
||||
padding-right: 0.4em;
|
||||
}
|
||||
}
|
||||
&:checked + label {
|
||||
background-color: @color-primary;
|
||||
color: @white;
|
||||
border-color: @color-primary-strong;
|
||||
}
|
||||
}
|
||||
&[type="checkbox"] {
|
||||
display: none;
|
||||
& + label {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding-left: 1.6em;
|
||||
&:before {
|
||||
&:extend(input);
|
||||
position: absolute;
|
||||
top: 0.2em;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
padding: 0;
|
||||
content: "";
|
||||
}
|
||||
&:after {
|
||||
position: absolute;
|
||||
top: 0.45em;
|
||||
left: 0.2em;
|
||||
font-size: 0.8em;
|
||||
color: @white;
|
||||
opacity: 0;
|
||||
font-family: FontAwesome;
|
||||
content: "\f00c";
|
||||
}
|
||||
}
|
||||
}
|
||||
&:checked + label {
|
||||
&:before {
|
||||
&:extend(input[type="radio"]:checked + label);
|
||||
}
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
&:extend(input[type="radio"] + label);
|
||||
height: 3.4em;
|
||||
line-height: 2;
|
||||
&:first-of-type {
|
||||
border-top-left-radius: @br;
|
||||
border-bottom-left-radius: @br;
|
||||
}
|
||||
&:last-of-type {
|
||||
border-top-right-radius: @br;
|
||||
border-bottom-right-radius: @br;
|
||||
}
|
||||
&:focus, &:active {
|
||||
outline: 0;
|
||||
&:extend(input[type="radio"]:checked + label);
|
||||
}
|
||||
option {
|
||||
&:extend(input);
|
||||
background-color: @color-primary;
|
||||
color: @white;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group {
|
||||
margin-bottom: 1em;
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
.input-group-icon {
|
||||
position: relative;
|
||||
input {
|
||||
padding-left: 4.4em;
|
||||
}
|
||||
.input-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 3.4em;
|
||||
height: 3.4em;
|
||||
line-height: 3.4em;
|
||||
text-align: center;
|
||||
pointer-events: none;
|
||||
&:after {
|
||||
position: absolute;
|
||||
top: 0.6em;
|
||||
bottom: 0.6em;
|
||||
left: 3.4em;
|
||||
display: block;
|
||||
border-right: 1px solid @grey;
|
||||
content: "";
|
||||
.transition(@fast, @ease);
|
||||
}
|
||||
i {
|
||||
.transition(@fast, @ease);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// STRUCTURE
|
||||
|
||||
.container {
|
||||
max-width: 38em;
|
||||
padding: 1em 3em 2em 3em;
|
||||
margin: 0em auto;
|
||||
background-color: @white;
|
||||
border-radius: @br * 1.4;
|
||||
box-shadow: 0px 3px 10px -2px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.row {
|
||||
.clearfix();
|
||||
}
|
||||
|
||||
.col-half {
|
||||
.col();
|
||||
width: 100% / 2;
|
||||
}
|
||||
|
||||
.col-third {
|
||||
.col();
|
||||
width: 100% / 3;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 540px) {
|
||||
.col-half {
|
||||
width: 100%;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
124
style/manager.css
Normal file
124
style/manager.css
Normal file
@@ -0,0 +1,124 @@
|
||||
/*
|
||||
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 : 7-apr-2019, 13.41.29
|
||||
Author : corradomulas
|
||||
*/
|
||||
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Archivo', sans-serif;
|
||||
|
||||
}
|
||||
|
||||
ul{
|
||||
list-style-type:none;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.sidenav {
|
||||
height: 100%; /* Full-height: remove this if you want "auto" height */
|
||||
width: 160px; /* Set the width of the sidebar */
|
||||
position: fixed; /* Fixed Sidebar (stay in place on scroll) */
|
||||
z-index: 1; /* Stay on top */
|
||||
top: 0; /* Stay at the top */
|
||||
left: 0;
|
||||
background-color: #111; /* Black */
|
||||
overflow-x: hidden; /* Disable horizontal scroll */
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
/* The navigation menu links */
|
||||
.sidenav a {
|
||||
padding: 6px 8px 6px 16px;
|
||||
text-decoration: none;
|
||||
font-size: 25px;
|
||||
color: #818181;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* When you mouse over the navigation links, change their color */
|
||||
.sidenav a:hover {
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
.main {
|
||||
margin-left: 160px; /* Same as the width of the sidebar */
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
@media screen and (max-height: 450px) {
|
||||
.sidenav {padding-top: 15px;}
|
||||
.sidenav a {font-size: 18px;}
|
||||
}
|
||||
|
||||
|
||||
/* jQuery("usertab").css('display','none');
|
||||
jQuery("matchestab").css('display','none');
|
||||
jQuery("refereestab").css('display','none');
|
||||
jQuery("calendartab").css('display','none');
|
||||
jQuery("msgtab").css('display','block');
|
||||
jQuery("teamstab").css('display','none');
|
||||
jQuery("tourntab").css('display','none');
|
||||
jQuery("playerstab").css('display','none'); */
|
||||
|
||||
#usertab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#matchestab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#refereestab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#calendartab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#msgtab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#teamstab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#tourntab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#playerstab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.refuncs {
|
||||
display: none;
|
||||
}
|
||||
#instm {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#instourn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#inspls {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#inscal {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.votebt {
|
||||
display: none;
|
||||
}
|
||||
94
style/tables.css
Normal file
94
style/tables.css
Normal file
@@ -0,0 +1,94 @@
|
||||
/*
|
||||
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 : 9-apr-2019, 16.57.35
|
||||
Author : corradomulas
|
||||
*/
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: 'Archivo', sans-serif;
|
||||
|
||||
}
|
||||
|
||||
table {
|
||||
display: inline-table;
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
th, td {
|
||||
text-align: left;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
tr:nth-child(even) {background-color: #f2f2f2;}
|
||||
th {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
|
||||
input[type=text], select, textarea {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
label {
|
||||
padding: 12px 12px 12px 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
input[type=submit] {
|
||||
background-color: #dd8500;
|
||||
color: white;
|
||||
padding: 12px 20px;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
}
|
||||
|
||||
input[type=submit]:hover {
|
||||
background-color: #dd8500;
|
||||
}
|
||||
|
||||
.container {
|
||||
border-radius: 5px;
|
||||
background-color: #f2f2f2;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.col-25 {
|
||||
float: left;
|
||||
width: 25%;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.col-75 {
|
||||
float: left;
|
||||
width: 75%;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
/* Clear floats after the columns */
|
||||
.row:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
|
||||
@media screen and (max-width: 600px) {
|
||||
.col-25, .col-75, input[type=submit] {
|
||||
width: 100%;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user