Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
<?php
2 
$this->headStyle()->captureStart();
3 
echo <<<CSS
4 
@import url("https://fonts.googleapis.com/css?family=Merriweather+Sans");
5 
main {
6 
  height: 100vh;
7 
  width: 100vw;
8 
  background: #fff;
9 
  display: -webkit-box;
10 
  display: flex;
11 
  -webkit-box-orient: vertical;
12 
  -webkit-box-direction: normal;
13 
          flex-direction: column;
14 
  -webkit-box-pack: center;
15 
          justify-content: center;
16 
  -webkit-box-align: center;
17 
          align-items: center;
18 
  font-family: "Merriweather Sans", sans-serif;
19 
}
20 
main #errorText {
21 
  font-size: 22px;
22 
  margin: 14px 0;
23 
}
24 
main #errorLink {
25 
  font-size: 20px;
26 
  padding: 12px;
27 
  border: 1px solid;
28 
  color: #000;
29 
  background-color: transparent;
30 
  text-decoration: none;
31 
  -webkit-transition: all 0.5s ease-in-out;
32 
  transition: all 0.5s ease-in-out;
33 
}
34 
main #errorLink:hover, main #errorLink:active {
35 
  color: #fff;
36 
  background: #000;
37 
}
38 
main #g6219 {
39 
  -webkit-transform-origin: 85px 4px;
40 
          transform-origin: 85px 4px;
41 
  -webkit-animation: an1 12s 0.5s infinite ease-out;
42 
          animation: an1 12s 0.5s infinite ease-out;
43 
}
44 
 
45 
@-webkit-keyframes an1 {
46 
  0% {
47 
    -webkit-transform: rotate(0);
48 
            transform: rotate(0);
49 
  }
50 
  5% {
51 
    -webkit-transform: rotate(3deg);
52 
            transform: rotate(3deg);
53 
  }
54 
  15% {
55 
    -webkit-transform: rotate(-2.5deg);
56 
            transform: rotate(-2.5deg);
57 
  }
58 
  25% {
59 
    -webkit-transform: rotate(2deg);
60 
            transform: rotate(2deg);
61 
  }
62 
  35% {
63 
    -webkit-transform: rotate(-1.5deg);
64 
            transform: rotate(-1.5deg);
65 
  }
66 
  45% {
67 
    -webkit-transform: rotate(1deg);
68 
            transform: rotate(1deg);
69 
  }
70 
  55% {
71 
    -webkit-transform: rotate(-1.5deg);
72 
            transform: rotate(-1.5deg);
73 
  }
74 
  65% {
75 
    -webkit-transform: rotate(2deg);
76 
            transform: rotate(2deg);
77 
  }
78 
  75% {
79 
    -webkit-transform: rotate(-2deg);
80 
            transform: rotate(-2deg);
81 
  }
82 
  85% {
83 
    -webkit-transform: rotate(2.5deg);
84 
            transform: rotate(2.5deg);
85 
  }
86 
  95% {
87 
    -webkit-transform: rotate(-3deg);
88 
            transform: rotate(-3deg);
89 
  }
90 
  100% {
91 
    -webkit-transform: rotate(0);
92 
            transform: rotate(0);
93 
  }
94 
}
95 
 
96 
@keyframes an1 {
97 
  0% {
98 
    -webkit-transform: rotate(0);
99 
            transform: rotate(0);
100 
  }
101 
  5% {
102 
    -webkit-transform: rotate(3deg);
103 
            transform: rotate(3deg);
104 
  }
105 
  15% {
106 
    -webkit-transform: rotate(-2.5deg);
107 
            transform: rotate(-2.5deg);
108 
  }
109 
  25% {
110 
    -webkit-transform: rotate(2deg);
111 
            transform: rotate(2deg);
112 
  }
113 
  35% {
114 
    -webkit-transform: rotate(-1.5deg);
115 
            transform: rotate(-1.5deg);
116 
  }
117 
  45% {
118 
    -webkit-transform: rotate(1deg);
119 
            transform: rotate(1deg);
120 
  }
121 
  55% {
122 
    -webkit-transform: rotate(-1.5deg);
123 
            transform: rotate(-1.5deg);
124 
  }
125 
  65% {
126 
    -webkit-transform: rotate(2deg);
127 
            transform: rotate(2deg);
128 
  }
129 
  75% {
130 
    -webkit-transform: rotate(-2deg);
131 
            transform: rotate(-2deg);
132 
  }
133 
  85% {
134 
    -webkit-transform: rotate(2.5deg);
135 
            transform: rotate(2.5deg);
136 
  }
137 
  95% {
138 
    -webkit-transform: rotate(-3deg);
139 
            transform: rotate(-3deg);
140 
  }
141 
  100% {
142 
    -webkit-transform: rotate(0);
143 
            transform: rotate(0);
144 
  }
145 
}
146 
CSS;
147 
$this->headStyle()->captureEnd();
148 
 
149 
 
150 
?>
151 
<main>
152 
 
153 
  <p id="errorText" class="w-100 text-center">
154 
     <strong>
155 
        Error 404
156 
     </strong>
157 
     <br>
158 
     Esta página no existe. Por favor, vuelve al tu área personal
159 
   </p>
160 
  <a id="errorLink" href="<?php echo $this->url('home') ?>">Volver</a>
161 
</main>
162 
</main>