1 /* Copyright 2015 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
14 /******************************************************************************
16 ******************************************************************************/
23 width: calc
(100% - 6px);
24 height: calc
(25% - 6px);
34 font-family: 'DejaVu Sans Mono', 'Everson Mono', FreeMono
, Menlo
, Terminal
,
38 -webkit-user-select: text
;
41 /* Animation for toggling the terminal. */
42 transition: top
0.2s ease-in-out
;
45 body
.terminal_visible #terminal
{
49 .terminal_message_output {
50 /* Use default style. */
53 .terminal_message_info {
57 .terminal_message_error {
64 padding: 5px 10px 10px 10px;
65 border-radius: 0 0 10px 10px;
76 font-family: 'DejaVu Sans Mono', 'Everson Mono', FreeMono
, Menlo
, Terminal
,
82 #terminal_button:hover
{
88 #terminal_button:active
{
94 /******************************************************************************
96 ******************************************************************************/
108 /* Animation for toggling the terminal. */
109 transition: height
0.2s ease-in-out
, top
0.2s ease-in-out
;
112 body
.terminal_visible #contents
{
128 body
.inspector_view_visible #inspector_view
{
141 /* Fade out animation. */
142 transition: visibility
0s linear
0.2s, opacity
0.2s linear
;
145 body
.inspector_view_visible #load_overlay
{
147 pointer-events: none
;
151 /******************************************************************************
153 ******************************************************************************/
159 /* Center the loading screen. */
162 transform: translateY
(-50%) translateX
(-50%);
164 font-family: Helvetica
, Arial
, sans-serif
;
168 #load_message_title {
178 display: inline-block
;
183 #load_message_subtitle {
189 /******************************************************************************
191 ******************************************************************************/
194 display: inline-block
;
202 #load_animation_body {
208 #load_animation_cog1 {
213 -webkit-animation: clockwise_spin
2s linear infinite
;
214 animation: clockwise_spin
2s linear infinite
;
217 #load_animation_cog2 {
222 -webkit-animation: counterclockwise_spin
1s linear infinite
;
223 animation: counterclockwise_spin
1s linear infinite
;
226 @-webkit-keyframes clockwise_spin
{
228 transform: rotate
(360deg);
231 @keyframes clockwise_spin
{
233 transform: rotate
(360deg);
237 @-webkit-keyframes counterclockwise_spin
{
239 transform: rotate
(-360deg);
242 @keyframes counterclockwise_spin
{
244 transform: rotate
(-360deg);