rutube

1
/* --------------- reset.css --------------- */
2
html,
3
body,
4
div,
5
span,
6
h1,
7
h2,
8
h3,
9
h4,
10
h5,
11
h6,
12
p,
13
em,
14
img,
15
strong,
16
sub,
17
sup,
18
b,
19
u,
20
i,
21
dl,
22
dt,
23
dd,
24
ol,
25
ul,
26
li,
27
fieldset,
28
form,
29
label,
30
table,
31
tbody,
32
tfoot,
33
thead,
34
tr,
35
th,
36
td,
37
article,
38
aside,
39
canvas,
40
details,
41
figcaption,
42
figure,
43
footer,
44
header,
45
hgroup,
46
menu,
47
nav,
48
section,
49
summary,
50
time,
51
mark,
52
audio,
53
video {
54
  margin: 0;
55
  padding: 0;
56
  border: 0;
57
  outline: 0; /* обнуляем отступы и убираем бордюры */
58
  vertical-align: baseline; /* приводим все к одной базовой линии */
59
  background: transparent; /* чтобы не проскакивали левые фоны, установленные по умолчанию */
60
  font-size: 100%; /* размер шрифта всем одинаковый */
61
  border-color: transparent;
62
}
63

64
a {
65
  /* ссылка не в общем списке чтобы не сбрасывать outline по умолчанию */
66
  margin: 0;
67
  padding: 0;
68
  font-size: 100%;
69
  vertical-align: baseline;
70
  background: transparent;
71
  outline: none;
72
  text-decoration: none;
73
}
74

75
table {
76
  /* устраняем отступы между ячейками таблицы */
77
  border-collapse: collapse;
78
  border-spacing: 0;
79
}
80

81
td,
82
td img {
83
  vertical-align: top; /* возвращаем привычное вертикальное выравнивание */
84
}
85

86
input,
87
select,
88
button,
89
textarea {
90
  margin: 0; /* убираем отступы по умолчанию для элементов форм (в частности для checkbox и radio) */
91
  padding: 0;
92
  font-size: 100%; /* делаем размер шрифтов везде одинаковым */
93
  outline: none;
94
  background-color: #FFF;
95
}
96

97
input:focus, textarea:focus, select:focus{
98
  outline: none;
99
}
100

101

102
input[type="checkbox"] {
103
  /* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
104
  vertical-align: bottom;
105
}
106

107
input[type="radio"] {
108
  vertical-align: text-bottom;
109
}
110

111
sub {
112
  vertical-align: sub;
113
  font-size: smaller;
114
}
115

116
sup {
117
  vertical-align: super;
118
  font-size: smaller;
119
}
120

121
article,
122
aside,
123
details,
124
figcaption,
125
figure,
126
footer,
127
header,
128
hgroup,
129
menu,
130
nav,
131
section {
132
  display: block;
133
}
134

135
ul{
136
  list-style-type: none;
137
}
138

139
nav ul {
140
  list-style: none;
141
}
142

143
/* --------------- /reset.css --------------- */
144

145
/* --------------- базовые настройки --------- */
146

147
html,body {
148
  height: 100%; /* всегда показываем вертикальную полосу прокрутки  */
149
}
150

151
#root
152
{
153
  display: flex;
154
  flex-direction: column;
155
  max-height: 100%;
156
  min-height: 100%;
157
}
158

159
body
160
{
161
  font-size: 16px;
162
  position: relative;
163
  font-style: normal;
164
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
165
  Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
166
  sans-serif;
167
  -webkit-font-smoothing: antialiased;
168
  -moz-osx-font-smoothing: grayscale;
169
  font-weight: 400;
170
  line-height: normal;
171

172
  background-color: #020B14;
173
  color:white;
174
}
175

176
button {
177
  border: none;
178
}
179

180
img {
181
  max-width: 100%;
182
}
183

184
* {
185
  box-sizing: border-box;
186
}
187

188
/* --------------- базовые настройки --------- */
189
.container
190
{
191
  max-width: 1024px;
192
  margin: 0 auto;
193
  padding: 22px 18px;
194
  width: 100%;
195
}
196

197
@media screen and (max-width: 1024px) 
198
{
199
	.container
200
	{
201
		padding: 22px 0;
202
	}
203
}
204