Obliczenia brydżowe (HTML)
Jacek Kowalski
2015-07-11 7f8ceb8e55b8778180ea890edae3daea5bd05cae
commit | author | age
7f8ceb 1 html {
JK 2     font-family: sans-serif;
3 }
4 label input[type=radio] {
5     display: none;
6 }
7 p {
8     margin: 4px 0;
9     padding: 0;
10 }
11 input[type="radio"] + span, button {
12     display: inline-block;
13     padding: 0.7em 1.5em;
14     margin: 0.1em;
15     text-align: center;
16     
17     border-radius: 3px;
18     border: 1px solid #BCE8F1;
19     
20     color: #31708F;
21     background-color: #D9EDF7;
22 }
23 #overlay button {
24     font-size: 2em;
25 }
26 input[type="radio"]:checked + span, button:active {
27     border-color: #428BCA;
28     color: #FFF;
29     background-color: #428BCA;
30 }
31
32 input[type='range'] {
33     -webkit-appearance: none !important;
34     background: #D9EDF7;
35     height: 1em;
36 }
37 input[type='range']::-webkit-slider-thumb {
38     -webkit-appearance: none !important;
39     background: #428BCA;
40     height: 1.5em;
41     width: 10px;
42 }
43
44 .range {
45     border-collapse: collapse;
46 }
47 .range td {
48     padding: 0.5em;
49     min-width: 2em;
50 }
51 .range input[type="range"] {
52     width: 100%;
53 }
54
55 .results {
56     width: 100%;
57     text-align: left;
58     border-radius: 3px;
59 }
60
61 .results {
62     border: 1px solid #428BCA;
63     border-spacing: 0;
64 }
65 .results th {
66     color: #FFF;
67     background-color: #428BCA;
68     
69     padding: 2px 5px;
70 }
71 .results td {
72     padding: 2px 5px;
73     border-right: 1px solid #D9EDF7;
74 }
75 .results tr td:last-child {
76     border-right: 0;
77 }
78
79 .results tbody tr:nth-child(2) {
80     background-color: #D9EDF7;
81 }
82
83 div#overlay {
84     display: none;
85     overflow: scroll;
86     
87     position: fixed;
88     top: 0;
89     left: 0;
90     right: 0;
91     bottom: 0;
92     
93     background: white;
94 }