[TASK] Optimize topbar logo link
[Packages/TYPO3.CMS.git] / Build / Resources / Public / Less / errorpage.less
1 /*!
2  *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
3  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
4  */
5 /* FONT PATH
6  * -------------------------- */
7 @font-face {
8   font-family: 'FontAwesome';
9   src: url('../../../../../../typo3/sysext/backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.eot?v=4.6.3');
10   src: url('../../../../../../typo3/sysext/backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../../../../../../typo3/sysext/backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../../../../../../typo3/sysext/backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../../../../../../typo3/sysext/backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../../../../../../typo3/sysext/backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
11   font-weight: normal;
12   font-style: normal;
13 }
14
15 body {
16   font-family: Verdana, Arial, Helvetica, sans-serif;
17   font-size: 12px;
18   line-height: 1.5;
19   color: #000;
20   background-color: #fff;
21   word-break: normal;
22 }
23
24 * {
25   margin: 0;
26   padding: 0;
27 }
28
29 p {
30   margin-bottom: 10px;
31 }
32
33 .fa {
34   display: inline-block;
35   font: normal normal normal 14px/1 FontAwesome;
36   font-size: inherit;
37   text-rendering: auto;
38   -webkit-font-smoothing: antialiased;
39   -moz-osx-font-smoothing: grayscale;
40 }
41
42 .fa-stack {
43   position: relative;
44   display: inline-block;
45   width: 2em;
46   height: 2em;
47   line-height: 2em;
48   vertical-align: middle;
49 }
50 .fa-stack-1x,
51 .fa-stack-2x {
52   position: absolute;
53   left: 0;
54   width: 100%;
55   text-align: center;
56 }
57 .fa-stack-1x {
58   line-height: inherit;
59 }
60 .fa-stack-2x {
61   font-size: 2em;
62 }
63
64 .callout-danger .media .fa-stack {
65   color: #efc7c7;
66 }
67 .callout-danger .media .fa-stack > .fa:first-child {
68   color: #c83c3c;
69 }
70
71 .fa-circle:before {
72   content: "\f111";
73 }
74
75 .fa-warning:before,
76 .fa-exclamation-triangle:before {
77   content: "\f071";
78 }
79
80 .media-right,
81 .media > .pull-right {
82   padding-left: 10px;
83 }
84 .media-left,
85 .media > .pull-left {
86   padding-right: 10px;
87 }
88 .media-left,
89 .media-right,
90 .media-body {
91   display: table-cell;
92   vertical-align: top;
93 }
94
95 .media-body {
96   vertical-align: middle;
97 }
98
99 .t3-message-page {
100   background-color: #eee;
101   display: table;
102   position: absolute;
103   top: 0;
104   left: 0;
105   width: 100%;
106   height: 100%;
107 }
108
109 .t3-message-page-container {
110   max-width: 600px;
111   margin: auto;
112 }
113
114 .typo3-error-image {
115   max-width: 150px;
116   display: block;
117   height: auto;
118 }
119
120 .t3-error-wrap {
121   display: table-cell;
122   vertical-align: middle;
123 }
124
125 .t3-message-page .t3-message-page-logo {
126   margin: 0 0 30px;
127 }
128
129 #typo3-messages {
130   margin-bottom: 10px;
131 }
132
133 #t3-footer {
134   border-top: 1px solid #5c5c5c;
135 }
136
137 #t3-copyright-notice {
138   text-align: justify;
139   word-break: normal;
140   color: #797878;
141   margin-top: 15px;
142   font-size: 10px;
143 }
144
145 #t3-copyright-notice a {
146   color: #797878;
147   text-decoration: underline;
148 }
149
150 #t3-copyright-notice a:hover {
151   color: #b0b0b0;
152 }
153
154 .callout {
155   background-color: #f0f0f0;
156   border-left: 3px solid #cccccc;
157   margin: 20px 0;
158   padding: 20px;
159   color: #333333;
160 }
161
162 .callout a{
163     color: #c83c3c;
164 }
165
166 .callout-danger {
167   background-color: #efc7c7;
168   border-color: #c83c3c;
169   color: #333333;
170 }