Home | History | Annotate | Download | only in front-end 
      1 /*
      2  * Copyright (C) 2008 Apple Inc.  All rights reserved.
      3  * Copyright (C) 2009 Google Inc. All rights reserved.
      4  *
      5  * Redistribution and use in source and binary forms, with or without
      6  * modification, are permitted provided that the following conditions are
      7  * met:
      8  *
      9  *     * Redistributions of source code must retain the above copyright
     10  * notice, this list of conditions and the following disclaimer.
     11  *     * Redistributions in binary form must reproduce the above
     12  * copyright notice, this list of conditions and the following disclaimer
     13  * in the documentation and/or other materials provided with the
     14  * distribution.
     15  *     * Neither the name of Google Inc. nor the names of its
     16  * contributors may be used to endorse or promote products derived from
     17  * this software without specific prior written permission.
     18  *
     19  * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
     20  * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
     21  * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
     22  * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
     23  * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
     24  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
     25  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
     26  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
     27  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
     28  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
     29  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
     30  */
     31 
     32 .audits-sidebar-tree-item .icon {
     33     content: url(Images/resourcesTimeGraphIcon.png);
     34 }
     35 
     36 .audit-result-sidebar-tree-item .icon {
     37     content: url(Images/resourceDocumentIcon.png);
     38 }
     39 
     40 #audit-views {
     41     position: absolute;
     42     top: 0;
     43     right: 0;
     44     left: 200px;
     45     bottom: 0;
     46     overflow: auto;
     47 }
     48 
     49 .audit-launcher-view {
     50     z-index: 1000;
     51     position: absolute;
     52     top: 0;
     53     left: 0;
     54     right: 0;
     55     bottom: 0;
     56     background-color: white;
     57     font-size: 13px;
     58     overflow-x: hidden;
     59     overflow-y: overlay;
     60     display: none;
     61 }
     62 
     63 .audit-launcher-view.visible {
     64     display: block;
     65 }
     66 
     67 .audit-launcher-view .audit-launcher-view-content {
     68     position: absolute;
     69     top: 0;
     70     left: 0;
     71     right: 0;
     72     bottom: 0;
     73     padding: 0 0 0 16px;
     74     white-space: nowrap;
     75     display: -webkit-box;
     76     -webkit-box-orient: vertical;
     77 }
     78 
     79 .audit-launcher-view h1 {
     80     color: rgb(110, 116, 128);
     81     font-size: 16px;
     82     line-height: 20px;
     83     font-weight: normal;
     84     padding-top: 15px;
     85 }
     86 
     87 .audit-launcher-view h1.no-audits {
     88     text-align: center;
     89     font-style: italic;
     90     position: relative;
     91     left: -8px;
     92 }
     93 
     94 .audit-launcher-view div.button-container {
     95     display: -webkit-box;
     96     -webkit-box-orient: vertical;
     97     width: 100%;
     98     padding: 16px 0;
     99 }
    100 .audit-launcher-view .flexible-space {
    101     -webkit-box-flex: 1;
    102 }
    103 
    104 .audit-launcher-view div.audit-categories-container {
    105     position: relative;
    106     top: 11px;
    107     left: 0;
    108     width: 100%;
    109     overflow-y: auto;
    110 }
    111 
    112 .audit-launcher-view button {
    113     color: rgb(6, 6, 6);
    114     background-color: transparent;
    115     border: 1px solid rgb(165, 165, 165);
    116     background-color: rgb(237, 237, 237);
    117     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
    118     -webkit-border-radius: 12px;
    119     -webkit-appearance: none;
    120 }
    121 
    122 .audit-launcher-view button {
    123     font-size: 13px;
    124     padding: 3px 20px;
    125     height: 24px;
    126     margin: 0 5px 0 0;
    127 }
    128 
    129 .audit-launcher-view button:active {
    130     background-color: rgb(215, 215, 215);
    131     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
    132 }
    133 
    134 body.inactive .audit-launcher-view button, .audit-launcher-view button:disabled {
    135     color: rgb(130, 130, 130);
    136     border-color: rgb(212, 212, 212);
    137     background-color: rgb(239, 239, 239);
    138     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
    139 }
    140 
    141 .audit-launcher-view label {
    142     position: relative;
    143     display: block;
    144     text-align: left;
    145     word-break: break-word;
    146     padding: 0 0 5px 0;
    147 }
    148 
    149 .audit-launcher-view label.disabled {
    150     color: rgb(130, 130, 130);
    151 }
    152 
    153 .audit-launcher-view input[type="checkbox"] {
    154     margin-left: 0;
    155 }
    156 
    157 .audit-launcher-view input[type="radio"] {
    158     height: 17px;
    159     width: 17px;
    160     border: 1px solid rgb(165, 165, 165);
    161     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
    162     -webkit-border-radius: 8px;
    163     -webkit-appearance: none;
    164     vertical-align: middle;
    165     margin: 0 5px 5px 0;
    166 }
    167 
    168 .audit-launcher-view input[type="radio"]:active:not(:disabled) {
    169     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
    170 }
    171 
    172 .audit-launcher-view input[type="radio"]:checked:not(:disabled), .audit-launcher-view input[type="radio"]:checked:disabled {
    173     background: url(Images/radioDot.png) center no-repeat,
    174                 -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
    175 }
    176 
    177 .audit-launcher-view .resource-progress > img {
    178     content: url(Images/spinner.gif);
    179     vertical-align: text-top;
    180     margin: 0 4px 0 8px;
    181 }
    182 
    183 .audit-result-view {
    184     overflow: auto;
    185     position: absolute;
    186     top: 0;
    187     left: 0;
    188     right: 0;
    189     bottom: 0;
    190     display: none;
    191 }
    192 
    193 .audit-result-view.visible {
    194     display: block;
    195 }
    196 
    197 .audit-result-view .severity-severe {
    198     content: url(Images/errorRedDot.png);
    199 }
    200 
    201 .audit-result-view .severity-warning {
    202     content: url(Images/warningOrangeDot.png);
    203 }
    204 
    205 .audit-result-view .severity-info {
    206     content: url(Images/successGreenDot.png);
    207 }
    208 
    209 .audit-result-tree li.parent::before {
    210     content: url(Images/treeRightTriangleBlack.png);
    211     float: left;
    212     width: 8px;
    213     height: 8px;
    214     margin-top: 1px;
    215     padding-right: 2px;
    216 }
    217 
    218 .audit-result-tree {
    219     font-size: 11px;
    220     line-height: 14px;
    221     -webkit-user-select: text;
    222 }
    223 
    224 .audit-result-tree > ol {
    225     position: relative;
    226     padding: 2px 6px !important;
    227     margin: 0;
    228     color: rgb(84, 84, 84);
    229     cursor: default;
    230     min-width: 100%;
    231 }
    232 
    233 .audit-result-tree, .audit-result-tree ol {
    234     list-style-type: none;
    235     -webkit-padding-start: 12px;
    236     margin: 0;
    237 }
    238 
    239 .audit-result-tree li {
    240     padding: 0 0 0 14px;
    241     margin-top: 1px;
    242     margin-bottom: 1px;
    243     word-wrap: break-word;
    244     text-indent: -2px;
    245 }
    246 
    247 .audit-result-tree li.parent {
    248     text-indent: -12px
    249 }
    250 
    251 .audit-result-tree li.parent::before {
    252     content: url(Images/treeRightTriangleBlack.png);
    253     float: left;
    254     width: 8px;
    255     height: 8px;
    256     margin-top: 0;
    257     padding-right: 2px;
    258 }
    259 
    260 .audit-result-tree li.parent.expanded::before {
    261     content: url(Images/treeDownTriangleBlack.png);
    262 }
    263 
    264 .audit-result-tree ol.children {
    265     display: none;
    266 }
    267 
    268 .audit-result-tree ol.children.expanded {
    269     display: block;
    270 }
    271 
    272 .audit-result {
    273     font-weight: bold;
    274     color: black;
    275 }
    276 
    277 .audit-result img {
    278     float: left;
    279     margin-left: -40px;
    280     margin-top: -1px;
    281 }
    282