third_party/WebKit/Source/devtools/front_end/resources/serviceWorkersView.css

   1 /*
   2  * Copyright 2015 The Chromium Authors. All rights reserved.
   3  * Use of this source code is governed by a BSD-style license that can be
   4  * found in the LICENSE file.
   5  */
   6
   7 .service-workers-view {
   8     overflow: auto;
   9 }
  10
  11 .service-workers-settings {
  12     border-bottom: 1px solid #e1e1e1;
  13     min-height: 26px;
  14     overflow: hidden;
  15     padding: 5px;
  16     white-space: nowrap;
  17 }
  18
  19 .service-workers-root {
  20     margin: 0;
  21     padding: 5px;
  22 }
  23
  24 .service-workers-root ol {
  25     list-style-type: none;
  26     padding-left: 12px;
  27 }
  28
  29 .service-workers-origin {
  30     padding: 5px;
  31 }
  32
  33 .service-workers-origin-title {
  34     font-size: 20px;
  35 }
  36
  37 .service-workers-registration {
  38     border-right: 1px solid #e1e1e1;
  39     margin-top: 5px;
  40     margin-bottom: 10px;
  41     padding: 0;
  42 }
  43
  44 .service-workers-registration-header {
  45     border-left: 1px solid #e1e1e1;
  46     border-top: 1px solid #e1e1e1;
  47     display: flex;
  48     flex-wrap: wrap;
  49     overflow: hidden;
  50     position: relative;
  51 }
  52
  53 .service-workers-registration-title {
  54     flex: none;
  55     font-size: 15px;
  56     padding: 4px;
  57 }
  58
  59 .service-workers-registration-buttons {
  60     flex: 1 1 0;
  61     padding: 1px;
  62 }
  63
  64 .service-workers-registration-content {
  65     border: 0;
  66     padding: 0;
  67 }
  68
  69 .service-workers-versions-mode-tab-list {
  70     display: flex;
  71 }
  72
  73 .service-workers-versions-mode-tab {
  74     border-bottom: 1px solid #e1e1e1;
  75     border-left: 1px solid #e1e1e1;
  76     border-top: 1px solid #e1e1e1;
  77     display: flex;
  78     flex: 1 1 0;
  79     flex-wrap: wrap;
  80     overflow: hidden;
  81     padding: 3px;
  82 }
  83
  84 .service-workers-versions-mode-tab-disabled {
  85     background-color: #eee;
  86 }
  87
  88 .service-workers-versions-mode-tab-selected {
  89     border-bottom: 0;
  90 }
  91
  92 .service-workers-versions-mode-tab-icon {
  93     height: 16px;
  94     margin: 1px;
  95     -webkit-mask-image: url(Images/serviceWorker.svg);
  96     -webkit-mask-size: 16px 16px;
  97     width: 16px;
  98 }
  99
 100 .service-workers-versions-mode-tab-text {
 101     margin: 2px;
 102 }
 103
 104 .service-workers-versions-mode-tab-text-disabled {
 105     color: #888;
 106 }
 107
 108 .service-workers-versions-mode-tab-text-selected {
 109     font-weight: bold;
 110 }
 111
 112 .service-workers-versions-panel {
 113     border-bottom: 1px solid #e1e1e1;
 114     border-left: 1px solid #e1e1e1;
 115     display: flex;
 116 }
 117
 118 .service-workers-versions-panel-left {
 119     flex: 3 3 0;
 120     overflow: hidden;
 121     padding: 3px;
 122 }
 123 .service-workers-versions-panel-right {
 124     flex: 5 5 0;
 125     padding: 3px;
 126 }
 127
 128 .service-workers-versions-table-row {
 129     display: flex;
 130 }
 131
 132 .service-workers-versions-table-row-title {
 133     color: #888;
 134     flex: 1 1 0;
 135     overflow: hidden;
 136     padding: 8px;
 137 }
 138
 139 .service-workers-versions-table-row-content {
 140     flex: 2 2 0;
 141     padding: 8px;
 142     text-overflow: ellipsis;
 143 }
 144
 145 .service-workers-versions-table-messages-title {
 146     color: #888;
 147     padding: 8px 8px 3px 8px;
 148 }
 149
 150 .service-workers-versions-table-messages-content {
 151     overflow: auto;
 152     padding: 3px 3px 3px 10px;
 153 }
 154
 155 .service-workers-versions-table-clients-title {
 156     color: #888;
 157     padding: 8px 8px 3px 8px;
 158 }
 159
 160 .service-workers-versions-table-clients-content {
 161     overflow: auto;
 162     padding: 3px 3px 3px 10px;
 163 }
 164
 165 .service-workers-versions-table-worker-running-status-cell {
 166     display: flex;
 167 }
 168
 169 .service-workers-versions-table-running-status-right-cell {
 170     padding: 3px;
 171 }
 172
 173 .service-workers-versions-table-running-status-inspect {
 174     color: #00e;
 175     cursor: pointer;
 176     text-decoration: underline;
 177 }
 178
 179 .service-workers-button {
 180     -webkit-mask-image: url(Images/toolbarButtonGlyphs.png);
 181     -webkit-mask-size: 352px 168px;
 182     background-color: rgba(0, 0, 0, 0.75);
 183     height: 24px;
 184     opacity: 0.8;
 185     width: 32px;
 186     border: 0;
 187     padding: 0;
 188 }
 189
 190 @media (-webkit-min-device-pixel-ratio: 1.5) {
 191 .service-workers-button {
 192     -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
 193 }
 194 } /* media */
 195
 196 .service-workers-button:hover {
 197     opacity: 1;
 198 }
 199
 200 .service-workers-button:active {
 201     opacity: 0.8;
 202 }
 203
 204 .service-workers-button:disabled {
 205     opacity: 0.5;
 206 }
 207
 208 .service-workers-start-button {
 209     -webkit-mask-position: -64px -48px;
 210 }
 211
 212 .service-workers-stop-button {
 213     -webkit-mask-position: -96px -48px;
 214 }
 215
 216 .service-workers-delete-button {
 217     float: right;
 218     -webkit-mask-position: -128px -24px;
 219     position: relative;
 220 }
 221
 222 .service-workers-update-button {
 223     -webkit-mask-image: url(Images/updateServiceWorker.svg);
 224     -webkit-mask-position: 7px 3px;
 225     -webkit-mask-repeat: no-repeat;
 226     -webkit-mask-size: 18px 18px;
 227 }
 228
 229 .service-workers-push-button {
 230     -webkit-mask-image: url(Images/notifications.svg);
 231     -webkit-mask-position: 7px 3px;
 232     -webkit-mask-repeat: no-repeat;
 233     -webkit-mask-size: 18px 18px;
 234 }
 235
 236 .service-workers-versions-option-panel {
 237     border-bottom: 1px solid #e1e1e1;
 238     border-left: 1px solid #e1e1e1;
 239     display: flex;
 240 }
 241
 242 .service-workers-skip-waiting-checkbox-label {
 243     margin-left: 0px;
 244 }
 245
 246 .service-workers-error {
 247     display: flex;
 248 }
 249
 250 .service-workers-error-message {
 251     font-weight: bold;
 252 }
 253
 254 .service-workers-info {
 255     display: flex;
 256 }
 257
 258 .service-worker-client-focus {
 259    color: #00e;
 260    cursor: pointer;
 261    padding-left: 4px;
 262    text-decoration: underline;
 263 }
 264
 265 .service-workers-color-0 {
 266     background-color: #003366;
 267 }
 268
 269 .service-workers-color-1 {
 270     background-color: #663300;
 271 }
 272
 273 .service-workers-color-2 {
 274     background-color: #660066;
 275 }
 276
 277 .service-workers-color-3 {
 278     background-color: #003300;
 279 }
 280
 281 .service-workers-color-4 {
 282     background-color: #993333;
 283 }
 284
 285 .service-workers-color-5 {
 286     background-color: #000066;
 287 }
 288
 289 .service-workers-color-6 {
 290     background-color: #006666;
 291 }
 292
 293 .service-workers-color-7 {
 294     background-color: #996600;
 295 }
 296
 297 .service-workers-color-8 {
 298     background-color: #9900CC;
 299 }
 300
 301 .service-workers-color-9 {
 302     background-color: #336600;
 303 }