src/third_party/WebKit/Tools/GardeningServer/styles/common.css

   1 /*
   2  * Copyright (C) 2011 Google Inc. All rights reserved.
   3  *
   4  * Redistribution and use in source and binary forms, with or without
   5  * modification, are permitted provided that the following conditions
   6  * are met:
   7  * 1. Redistributions of source code must retain the above copyright
   8  *    notice, this list of conditions and the following disclaimer.
   9  * 2. Redistributions in binary form must reproduce the above copyright
  10  *    notice, this list of conditions and the following disclaimer in the
  11  *    documentation and/or other materials provided with the distribution.
  12  *
  13  * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS''
  14  * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
  15  * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
  16  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS
  17  * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
  18  * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
  19  * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
  20  * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
  21  * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
  22  * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
  23  * THE POSSIBILITY OF SUCH DAMAGE.
  24  */
  25
  26 html {
  27     overflow-y: scroll;
  28 }
  29
  30 body {
  31     font-family: 'Open Sans';
  32     font-size: 14px;
  33     margin: 0px;
  34 }
  35
  36 a {
  37     color: #333;
  38 }
  39
  40 .ui-widget-content {
  41     font-family: 'Open Sans';
  42 }
  43
  44 .ui-widget button, button {
  45     font-family: 'Open Sans';
  46     border-radius: 2px;
  47     background-image: linear-gradient(#f5f5f5, #f1f1f1);
  48     border: 1px solid rgba(0, 0, 0, 0.1);
  49     border-radius: 2px;
  50     color: #666;
  51     cursor: pointer;
  52     font-size: 11px;
  53     font-weight: bold;
  54     height: 29px;
  55     line-height: 27px;
  56     min-width: 54px;
  57     padding: 0 8px;
  58     text-align: center
  59 }
  60
  61 button.next {
  62     margin-left: 0px;
  63 }
  64
  65 button.previous {
  66     margin-right: 0px;
  67 }
  68
  69 button[disabled] {
  70     visibility: hidden;
  71 }
  72
  73 /* FIXME: This hover effect can't work on mobile. */
  74 button:hover {
  75     background-image: linear-gradient(#f8f8f8, #f1f1f1);
  76     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  77     background-color: #f8f8f8;
  78     background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  79     border: 1px solid #c6c6c6;
  80     box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  81     color: #333
  82 }
  83
  84 button:focus {
  85     border: 1px solid #4d90fe;
  86     outline: none
  87 }
  88
  89 button.default {
  90     border: 1px solid #3079ED;
  91     color: white;
  92     background-image: linear-gradient(#4d90fe, #4787ed);
  93 }
  94
  95 /* FIXME: This hover effect can't work on mobile. */
  96 button.default:hover {
  97     border: 1px solid #2f5bb7;
  98     color: white;
  99     background-color: #357ae8;
 100     background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
 101 }
 102
 103 .clear {
 104     clear: both;
 105 }
 106
 107 /***  Visual escalation ***/
 108
 109 .warning {
 110     color: white;
 111     background-color: #ffc343;
 112     font-weight: bold;
 113     font-size: 2em;
 114 }
 115
 116 .critical {
 117     color: white;
 118     background-color: #e98080;
 119     font-weight: bold;
 120     font-size: 3em;
 121 }