95 lines
1.5 KiB
CSS
95 lines
1.5 KiB
CSS
/*
|
|
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;
|
|
}
|
|
}
|