167 lines
3.6 KiB
CSS
167 lines
3.6 KiB
CSS
|
|
@charset "UTF-8";
|
|
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
|
|
|
|
body#darktable {
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-weight: 300;
|
|
line-height: 1.42em;
|
|
color:#A7A1AE;
|
|
background-color:#1F2739;
|
|
|
|
}
|
|
h1#darktable {
|
|
font-size:3em;
|
|
font-weight: 300;
|
|
line-height:1em;
|
|
text-align: center;
|
|
color: #4DC3FA;
|
|
}
|
|
|
|
h2#darktable {
|
|
font-size:1em;
|
|
font-weight: 300;
|
|
text-align: center;
|
|
display: block;
|
|
line-height:1em;
|
|
padding-bottom: 2em;
|
|
color: #FB667A;
|
|
}
|
|
|
|
h2#darktable a {
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
color: #FB667A;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.blue#darktable { color: #185875; }
|
|
.yellow#darktable { color: #FFF842; }
|
|
|
|
.container#darktable th h1 {
|
|
font-weight: bold;
|
|
font-size: 1em;
|
|
text-align: left;
|
|
color: #185875;
|
|
}
|
|
|
|
.container#darktable td {
|
|
font-weight: normal;
|
|
font-size: 1em;color: #64b4da;
|
|
-webkit-box-shadow: 2px 2px 2px -2px #0E1119;
|
|
-moz-box-shadow: 2px 2px 2px -2px #0E1119;
|
|
box-shadow: 2px 2px 2px -2px #0E1119;
|
|
}
|
|
|
|
.container#darktable {
|
|
text-align: left;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
margin: 0 0 ;
|
|
display: block;
|
|
padding: 0 0 0 0;
|
|
float: left;
|
|
/*height:800px;
|
|
overflow-y: scroll;*/
|
|
}
|
|
|
|
.container#darktable td,.container#darktable th {
|
|
padding-bottom: 1%;
|
|
padding-top: 1%;
|
|
padding-left:2%;
|
|
padding-right:2%;
|
|
}
|
|
|
|
/* Background-color of the odd rows */
|
|
.container#darktable tr:nth-child(odd) {
|
|
background-color: #323C50;
|
|
}
|
|
|
|
/* Background-color of the even rows */
|
|
.container#darktable tr:nth-child(even) {
|
|
background-color: #2C3446;
|
|
}
|
|
|
|
.container#darktable th {
|
|
|
|
background-color: #1F2739;
|
|
}
|
|
|
|
.container#darktable td:first-child {color: #d19b3d; }
|
|
|
|
.container#darktable.clickable tr:hover {
|
|
background-color: #464A52;
|
|
cursor: pointer;
|
|
-webkit-box-shadow: 0 6px 6px -6px #0E1119;
|
|
-moz-box-shadow: 0 6px 6px -6px #0E1119;
|
|
box-shadow: 0 6px 6px -6px #0E1119;
|
|
}
|
|
.results tr[visible='false'],
|
|
.no-result{
|
|
display:none;
|
|
}
|
|
|
|
.results tr[visible='true']{
|
|
display:table-row;
|
|
}
|
|
|
|
.counter{
|
|
padding:8px;
|
|
color:#ccc;
|
|
}
|
|
.container#darktable tr td{
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 200px;
|
|
/*height: 100px;*/
|
|
|
|
}
|
|
.container#darktable tr td.prova:after {
|
|
content: attr(data-ribbon);
|
|
position: absolute;
|
|
width: 90px;
|
|
height: 30px;
|
|
background: #428bca;
|
|
color: white;
|
|
top: -5px;
|
|
text-align: center ;
|
|
line-height: 25px;
|
|
right: -34px;
|
|
transform: rotate(45deg);
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
}
|
|
|
|
|
|
.container#darktable tr td.student:after {
|
|
/*content: attr(data-ribbon);*/
|
|
position: absolute;
|
|
width: 90px;
|
|
height: 30px;
|
|
background: #0ea53b;
|
|
color: white;
|
|
top: -5px;
|
|
text-align: center ;
|
|
line-height: 25px;
|
|
right: -34px;
|
|
transform: rotate(45deg);
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
|
font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f19d";
|
|
}
|
|
/*.container td:hover {
|
|
background-color: #FFF842;
|
|
color: #403E10;
|
|
font-weight: bold;
|
|
|
|
box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
|
|
transform: translate3d(6px, -6px, 0);
|
|
|
|
transition-delay: 0s;
|
|
transition-duration: 0.4s;
|
|
transition-property: all;
|
|
transition-timing-function: line;
|
|
}*/
|
|
|
|
@media (max-width: 800px) {
|
|
.container#darktable td:nth-child(4),
|
|
.container#darktable th:nth-child(4) { display: none; }
|
|
} |