| 30 |
- |
1 |
.w3-hide,.hide{display:none!important} /* see also <div class="invisible">I am invisible</div> */
|
|
|
2 |
.w3-show,.unhide{display:block!important} /* see also <div class="visible">I am visible</div> */
|
|
|
3 |
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
|
|
|
4 |
.w3-show-inline-block{display:inline-block!important}
|
| 2 |
- |
5 |
|
| 30 |
- |
6 |
keepTogether{white-space:nowrap;}
|
| 8 |
- |
7 |
|
| 2 |
- |
8 |
@media print {
|
|
|
9 |
table, th, td {
|
|
|
10 |
border-collapse: collapse;
|
|
|
11 |
border: 1px solid black;
|
|
|
12 |
width: 100%;
|
|
|
13 |
text-align: left;
|
|
|
14 |
white-space: nowrap;
|
|
|
15 |
}
|
|
|
16 |
|
|
|
17 |
table { page-break-inside: auto; }
|
|
|
18 |
tr { page-break-inside: avoid; page-break-after: auto; }
|
|
|
19 |
thead { display: table-header-group }
|
|
|
20 |
tfoot { display: table-footer-group; }
|
|
|
21 |
img { max-height: 50px!important; }
|
|
|
22 |
}
|
|
|
23 |
|
| 30 |
- |
24 |
/* Autonumber for Tables */
|
| 2 |
- |
25 |
.css-serial {
|
|
|
26 |
counter-reset: serial-number; /* Set the serial number counter to 0 */
|
|
|
27 |
}
|
|
|
28 |
|
|
|
29 |
.css-serial td:first-child:before {
|
|
|
30 |
counter-increment: serial-number; /* Increment the serial number counter */
|
|
|
31 |
content: counter(serial-number); /* Display the counter */
|
|
|
32 |
}
|
|
|
33 |
|
| 30 |
- |
34 |
/* Table Sorter */
|
| 2 |
- |
35 |
table.tablesorter tbody tr.odd.checked td {
|
|
|
36 |
background: #8080c0;
|
|
|
37 |
color: #fff;
|
|
|
38 |
}
|
|
|
39 |
table.tablesorter tbody tr.even.checked td {
|
|
|
40 |
background: #a0a0e0;
|
|
|
41 |
color: #fff;
|
|
|
42 |
}
|
|
|
43 |
|
|
|
44 |
.tablesorter-filter.disabled {
|
|
|
45 |
display: none;
|
| 30 |
- |
46 |
}
|
|
|
47 |
|
|
|
48 |
/* Loader */
|
|
|
49 |
#loader {
|
|
|
50 |
position: absolute;
|
|
|
51 |
left: 50%;
|
|
|
52 |
top: 50%;
|
|
|
53 |
z-index: 1;
|
|
|
54 |
width: 150px;
|
|
|
55 |
height: 150px;
|
|
|
56 |
margin: -75px 0 0 -75px;
|
|
|
57 |
border: 16px solid #c0c0c0;
|
|
|
58 |
border-radius: 50%;
|
|
|
59 |
border-top: 16px solid #3498db;
|
|
|
60 |
width: 120px;
|
|
|
61 |
height: 120px;
|
|
|
62 |
background-color: rgb(255, 255, 255);
|
|
|
63 |
-webkit-animation: spin 2s linear infinite;
|
|
|
64 |
animation: spin 2s linear infinite;
|
|
|
65 |
}
|
|
|
66 |
|
|
|
67 |
@-webkit-keyframes spin {
|
|
|
68 |
0% { -webkit-transform: rotate(0deg); }
|
|
|
69 |
100% { -webkit-transform: rotate(360deg); }
|
|
|
70 |
}
|
|
|
71 |
|
|
|
72 |
@keyframes spin {
|
|
|
73 |
0% { transform: rotate(0deg); }
|
|
|
74 |
100% { transform: rotate(360deg); }
|
|
|
75 |
}
|
|
|
76 |
|
|
|
77 |
/* Add animation to "page content" */
|
|
|
78 |
.animate-bottom {
|
|
|
79 |
position: relative;
|
|
|
80 |
-webkit-animation-name: animatebottom;
|
|
|
81 |
-webkit-animation-duration: 1s;
|
|
|
82 |
animation-name: animatebottom;
|
|
|
83 |
animation-duration: 1s
|
|
|
84 |
}
|
|
|
85 |
|
|
|
86 |
@-webkit-keyframes animatebottom {
|
|
|
87 |
from { bottom:-100px; opacity:0 }
|
|
|
88 |
to { bottom:0px; opacity:1 }
|
|
|
89 |
}
|
|
|
90 |
|
|
|
91 |
@keyframes animatebottom {
|
|
|
92 |
from{ bottom:-100px; opacity:0 }
|
|
|
93 |
to{ bottom:0; opacity:1 }
|
| 2 |
- |
94 |
}
|