webinterface.git

1) div.domain-list {
2)     display: flex;
3)     flex-direction: row;
4)     flex-wrap: wrap;
5) }
6) 
7) div.domain-item {
8)     width: 25em;
9)     border-left: 5px solid black;
10)     background-color: #f5f5f5;
11)     padding: 4px;
12)     margin: 10px;
13) }
14) 

15) div.domain-item.regular {

16)     border-color: #0a0;
17)     background-color: #dfd;
18) }
19) 

20) div.domain-item.external {

21)     border-color: #00a;
22)     background-color: #ddf;
23) }
24) 

25) div.domain-item.cancel-scheduled {

26)     border-color: red;
27)     background-color: #fdd;
28) }
29) div.cancel-scheduled p.regdate {
30)     color: red;
31) }
32) 
33) div.domain-item.cancelled, div.domain-item.cancelled a {
34)     color: #555;
35)     border-color: #555;
36)     background-color: #f5f5f5;
37) }
38) 
39) div.domain-item p.domainname {
40)     margin: 0;
41)     padding: 0;
42)     font-size: 130%;
43)     font-weight: bold;
44)     word-wrap: break-word;
45) }
46) p.domainname .punycode {
47)     font-size: 80%;
48)     word-wrap: break-word;
49) }
50) 
51) 

52) 
53) p.domain-unavailable {
54)     padding: 1em;
55)     background: #faa;
56)     border: 2px solid #f00;
57)     font-weight: bold;
58)     font-size: 200%;
59) }
60) p.domain-available {
61)     padding: 1em;
62)     background: #afa;
63)     border: 2px solid #0f0;
64)     font-weight: bold;
65)     font-size: 200%;
66) }
67) 
68) div#buttons {
69)     display: none;
70) }
71) 

72) div.tile.usage {

73)     width: 12em;
74) }

75)