Projekt

Obecné

Profil

Stáhnout (1.77 KB) Statistiky
| Větev: | Tag: | Revize:
1
*
2
  -webkit-box-sizing: border-box
3
    box-sizing: border-box
4

    
5

    
6
body
7
  padding: 0
8
  margin: 0
9

    
10

    
11
#notfound
12
  position: relative
13
  height: 100vh
14

    
15

    
16
#notfound .notfound
17
  position: absolute
18
  left: 50%
19
  top: 50%
20
  -webkit-transform: translate(-50%, -50%)
21
    -ms-transform: translate(-50%, -50%)
22
      transform: translate(-50%, -50%)
23

    
24

    
25
.notfound
26
  max-width: 920px
27
  width: 100%
28
  line-height: 1.4
29
  text-align: center
30
  padding-left: 15px
31
  padding-right: 15px
32

    
33

    
34
.notfound .notfound-404
35
  position: absolute
36
  height: 100px
37
  top: 0
38
  left: 50%
39
  -webkit-transform: translateX(-50%)
40
    -ms-transform: translateX(-50%)
41
      transform: translateX(-50%)
42
  z-index: -1
43

    
44

    
45
.notfound .notfound-404 h1
46
  font-family: 'Maven Pro', sans-serif
47
  color: #ececec
48
  font-weight: 900
49
  font-size: 276px
50
  margin: 0px
51
  position: absolute
52
  left: 50%
53
  top: 50%
54
  -webkit-transform: translate(-50%, -50%)
55
    -ms-transform: translate(-50%, -50%)
56
      transform: translate(-50%, -50%)
57

    
58

    
59
.notfound h2
60
  font-family: 'Maven Pro', sans-serif
61
  font-size: 46px
62
  color: #000
63
  font-weight: 900
64
  text-transform: uppercase
65
  margin: 0px
66

    
67

    
68
.notfound p
69
  font-family: 'Maven Pro', sans-serif
70
  font-size: 16px
71
  color: #000
72
  font-weight: 400
73
  text-transform: uppercase
74
  margin-top: 15px
75

    
76

    
77
.notfound a
78
  font-family: 'Maven Pro', sans-serif
79
  font-size: 14px
80
  text-decoration: none
81
  text-transform: uppercase
82
  background: #189cf0
83
  display: inline-block
84
  padding: 16px 38px
85
  border: 2px solid transparent
86
  border-radius: 40px
87
  color: #fff
88
  font-weight: 400
89
  -webkit-transition: 0.2s all
90
  transition: 0.2s all
91

    
92

    
93
.notfound a:hover
94
  background-color: #fff
95
  border-color: #189cf0
96
  color: #189cf0
97

    
98

    
99
@media only screen and (max-width: 480px)
100
  .notfound .notfound-404 h1
101
    font-size: 162px
102

    
103
  .notfound h2
104
    font-size: 26px
105

    
106

    
(2-2/3)