• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1.page-heading {
2    margin: 1rem;
3    max-width: 75rem;
4    min-width: 25rem;
5    font-family: 'Roboto', Arial, sans-serif;
6}
7
8.page-heading h1 {
9    color: #1a73e8;
10}
11
12.page-heading li {
13    font-size: 14px;
14}
15
16.migration-forms {
17    display: flex;
18    flex-wrap: wrap;
19}
20
21.migration-form {
22    border: 1px solid #dfdfdf;
23    padding-left: 1rem;
24    border-radius: 4px;
25    margin: 1rem;
26    max-width: 35rem;
27    font-family: 'Roboto', Arial, sans-serif;
28}
29
30.migration-form form {
31    display: flex;
32    flex-direction: column;
33    min-width: 25rem;
34}
35
36.migration-form input {
37    width: 12rem;
38    margin-bottom: 2rem;
39}
40
41.migration-form p {
42    font-size: 12px;
43    color: grey;
44    width: 95%;
45}
46
47.button {
48    cursor: pointer;
49    color: white;
50    background-color: #1a73e8;
51    border: none;
52    padding: 0.5rem;
53    border-radius: 4px;
54    font-family: 'Roboto', Arial, sans-serif;
55}
56
57.migration-result {
58    margin: 1rem;
59    border-radius: 4px;
60    border: 1px solid #dfdfdf;
61    padding: 0 1rem;
62    max-width: 72rem;
63    min-width: 25rem;
64    font-family: 'Roboto', Arial, sans-serif;
65}
66
67.migration-result .valid {
68    color: green;
69}
70
71.migration-result .invalid-migration {
72    color: orange;
73}
74
75.migration-result .invalid-number {
76    color: red;
77}
78
79.error-message {
80    font-family: 'Roboto', Arial, sans-serif;
81    word-break: break-word;
82    margin-top: -0.5rem;
83    margin-bottom: 1rem;
84    font-size: 12px;
85    color: red;
86    width: 90%;
87}
88
89.chart-wrap {
90    position: relative;
91    overflow: hidden;
92    height: 300px;
93}
94
95.chart {
96    width: 450px;
97    height: 300px;
98    margin: auto;
99    cursor: pointer;
100}
101
102.modal-backdrop {
103    display: none;
104    position: fixed;
105    z-index: 1;
106    left: 0;
107    top: 0;
108    width: 100%;
109    height: 100%;
110    background-color: rgba(0,0,0,0.4);
111}
112
113.modal-content {
114    font-family: 'Roboto', Arial, sans-serif;
115    position: relative;
116    border: 1px solid #dfdfdf;
117    border-radius: 4px;
118    background-color: #fefefe;
119    margin: 2% auto;
120    padding: 0 1rem 1rem;
121    width: 20rem;
122    height: 25rem;
123}
124
125.modal-content .body {
126    height: 16rem;
127    overflow: auto;
128}
129
130.modal-content li {
131    margin-bottom: 0.5rem;
132}
133
134.modal-content button {
135    position: absolute;
136    bottom: 1rem;
137    left: 1rem;
138}
139