1
+
2
+ .tab-folder > .tab-content : target ~ .tab-content : last-child , .tab-folder > .tab-content {
3
+ display : none;
4
+ }
5
+
6
+ .tab-folder > : last-child , .tab-folder > .tab-content : target {
7
+ display : block;
8
+ }
9
+ .button {
10
+ /*background: #8c4646;
11
+ background: linear-gradient(to right, darkgreen 33%, darkred 33%, darkred 66%, #aaaa00 66%); */
12
+ background-color : # 4CAF50 ; /*Green*/
13
+ border : none;
14
+ color : white;
15
+ padding : 5px ;
16
+ word-wrap : break-word;
17
+ text-align : center;
18
+ text-decoration : none;
19
+ display : inline-block;
20
+ font-size : 1em ;
21
+ font-weight : 800 ;
22
+ margin : 4px 2px ;
23
+ cursor : pointer;
24
+ border-radius : 8px ;
25
+ }
26
+ .right {
27
+ float : right;
28
+ }
29
+ .left {
30
+ float : left;
31
+ }
32
+ .full {
33
+ width : 98% ;
34
+ }
35
+
36
+ .red {
37
+ color : red;
38
+ }
39
+ /*
40
+ :lang(en) {
41
+ color: green;
42
+ }
43
+ :lang(fr) {
44
+ color: blue;
45
+ }
46
+
47
+ .qw:before {
48
+ content: "QWERTY ";
49
+ color: red;
50
+ }
51
+ .az:before {
52
+ content: "AZERTY ";
53
+ color: orange;
54
+ }
55
+ */
56
+ h1 {
57
+ text-align : center;
58
+ }
59
+ .tagline {
60
+ text-align : center;
61
+ font-style : italic;
62
+ }
63
+ .buttonlang {
64
+ /*background: #8c4646;
65
+ background: linear-gradient(to right, darkgreen 33%, darkred 33%, darkred 66%, #aaaa00 66%); */
66
+ background-color : pink; /*Green*/
67
+ border : none;
68
+ color : black;
69
+ padding : 5px ;
70
+ word-wrap : break-word;
71
+ text-align : center;
72
+ text-decoration : none;
73
+ display : inline-block;
74
+ font-size : 1.125rem ;
75
+ font-weight : 400 ;
76
+ margin : 4px 2px ;
77
+ cursor : pointer;
78
+ border-radius : 8px ;
79
+ /*width: 49%;*/
80
+ }
81
+ .menu {
82
+ display : block;
83
+ width : 100% ;
84
+ }
85
+ table {
86
+ border-style : groove;
87
+ border-color : coral;
88
+ border-width : 7px ;
89
+ border-spacing : 0 ;
90
+ border-collapse : collapse;
91
+ }
92
+ td {
93
+ border-style : solid;
94
+ border-color : lightgrey;
95
+ border-width : 1px ;
96
+ width : auto;
97
+ padding : 5px ;
98
+ }
99
+ object .long {
100
+ min-height : 12000px ;
101
+ max-height : 20000px ;
102
+ overflow-y : hidden;
103
+ }
104
+ .input {
105
+ font-size : 1.2rem
106
+ }
107
+ body {
108
+ padding-left : 10px ;
109
+ padding-right : 10px ;
110
+ }
111
+ .output {
112
+ font-size : 1.2rem
113
+ }
114
+ .wrap-collabsible {
115
+ /* margin: 1.2rem; */
116
+ margin-bottom : .5rem ;
117
+ }
118
+ input [type = 'checkbox' ] {
119
+ display : none;
120
+ }
121
+ .lbl-toggle {
122
+ display : block;
123
+ font-weight : bold;
124
+ font-family : monospace;
125
+ font-size : 1.0rem ;
126
+ /* font-size: 1.5rem;*/
127
+ /* text-transform: uppercase;*/
128
+ text-align : left;
129
+ padding : 1rem ;
130
+ color : # 000000 ;
131
+ background : # FAE042 ;
132
+ cursor : pointer;
133
+ border-radius : 7px ;
134
+ transition : all 0.25s ease-out;
135
+ }
136
+ .lbl-toggle : hover {
137
+ color : grey;
138
+ }
139
+ .lbl-toggle ::before {
140
+ content : ' ' ;
141
+ display : inline-block;
142
+ border-top : 5px solid transparent;
143
+ border-bottom : 5px solid transparent;
144
+ border-left : 5px solid currentColor;
145
+ vertical-align : middle;
146
+ margin-right : .7rem ;
147
+ transform : translateY (-2px );
148
+ transition : transform .2s ease-out;
149
+ }
150
+ .lbl-toggle1 {
151
+ display : block;
152
+ font-weight : bold;
153
+ font-family : monospace;
154
+ font-size : 2rem ;
155
+ text-align : left;
156
+ padding : 1rem ;
157
+ color : # 000000 ;
158
+ background : # 6e91f2 ;
159
+ cursor : pointer;
160
+ border-radius : 7px ;
161
+ transition : all 0.25s ease-out;
162
+ }
163
+ .lbl-toggle1 : hover {
164
+ color : white;
165
+ }
166
+ .lbl-toggle1 ::before {
167
+ content : ' ' ;
168
+ display : inline-block;
169
+ border-top : 5px solid transparent;
170
+ border-bottom : 5px solid transparent;
171
+ border-left : 5px solid currentColor;
172
+ vertical-align : middle;
173
+ margin-right : .7rem ;
174
+ transform : translateY (-2px );
175
+ transition : transform .2s ease-out;
176
+ }
177
+ .toggle : checked + .lbl-toggle ::before {
178
+ transform : rotate (90deg ) translateX (-3px );
179
+ }
180
+ .toggle : checked + .lbl-toggle1 ::before {
181
+ transform : rotate (90deg ) translateX (-3px );
182
+ }
183
+ .collapsible-content {
184
+ max-height : 0px ;
185
+ overflow : hidden;
186
+ transition : max-height .25s ease-in-out;
187
+ }
188
+ .toggle : checked + .lbl-toggle + .collapsible-content {
189
+ max-height : 200000px ;
190
+ overflow : auto;
191
+ }
192
+ .toggle : checked + .lbl-toggle1 + .collapsible-content {
193
+ max-height : 200000px ;
194
+ overflow : auto;
195
+ }
196
+ .toggle : checked + .lbl-toggle {
197
+ border-bottom-right-radius : 0 ;
198
+ border-bottom-left-radius : 0 ;
199
+ }
200
+ .toggle : checked + .lbl-toggle1 {
201
+ border-bottom-right-radius : 0 ;
202
+ border-bottom-left-radius : 0 ;
203
+ }
204
+ .collapsible-content .content-inner {
205
+ background : rgba (250 , 224 , 66 , .2 );
206
+ border : 2px solid rgba (250 , 224 , 66 , 1 );
207
+ border-bottom-left-radius : 7px ;
208
+ border-bottom-right-radius : 7px ;
209
+ padding : .5rem 1rem ;
210
+ }
211
+ /* Blue */
212
+ .collapsible-content .content-inner1 {
213
+ background : # e9f2fe ;
214
+ border : 2px solid # 1859f2 ;
215
+ border-bottom-left-radius : 7px ;
216
+ border-bottom-right-radius : 7px ;
217
+ padding : .5rem 1rem ;
218
+ }
219
+ span .keycap {
220
+ -webkit-border-radius : 4px ;
221
+ -moz-border-radius : 4px ;
222
+ -o-border-radius : 4px ;
223
+ -khtml-border-radius : 4px ;
224
+ white-space : nowrap;
225
+ border : 1px solid # aaa ;
226
+ border-style : outset;
227
+ border-radius : 4px ;
228
+ padding : 0px 3px 1px 3px ;
229
+ margin : 0px 0px 0px 0px ;
230
+ vertical-align : baseline;
231
+ line-height : 1.8em ;
232
+ background : # f5f3f1 ;
233
+ }
234
+ blockquote {
235
+ background : pink;
236
+ padding : 5px ;
237
+ border : 1px solid grey;
238
+ }
0 commit comments