browser/devtools/sourceeditor/test/css_statemachine_testcases.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/browser/devtools/sourceeditor/test/css_statemachine_testcases.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,121 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +.devtools-toolbar {
     1.9 +  -moz-appearance: none;
    1.10 +           padding:4px 3px;border-bottom-width: 1px;
    1.11 +  border-bottom-style: solid;
    1.12 +}
    1.13 +
    1.14 +#devtools-menu.devtools-menulist,
    1.15 +.devtools-toolbarbutton#devtools-menu {
    1.16 +  -moz-appearance: none;
    1.17 +  -moz-box-align: center;
    1.18 +  min-width: 78px;
    1.19 +  min-height: 22px;
    1.20 +  text-shadow: 0 -1px 0 hsla(210,8%,5%,.45);
    1.21 +  border: 1px solid hsla(210,8%,5%,.45);
    1.22 +  border-radius: 3px;
    1.23 +  background: linear-gradient(hsla(212,7%,57%,.35), hsla(212,7%,57%,.1)) padding-box;
    1.24 +  box-shadow: 0 1px 0 hsla(210,16%,76%,.15) inset, 0 0 0 1px hsla(210,16%,76%,.15) inset, 0 1px 0 hsla(210,16%,76%,.15);
    1.25 +  margin: 0 3px;
    1.26 +  color: inherit;
    1.27 +}
    1.28 +
    1.29 +.devtools-toolbarbutton > hbox.toolbarbutton-menubutton-button {
    1.30 +  -moz-box-orient: horizontal;
    1.31 +}
    1.32 +
    1.33 +.devtools-menulist:active,
    1.34 +#devtools-toolbarbutton:focus {
    1.35 +  outline: 1px dotted hsla(210,30%,85%,0.7);
    1.36 +  outline-offset   :  -4px;
    1.37 +}
    1.38 +
    1.39 +.devtools-toolbarbutton:not([label]) {
    1.40 +  min-width: 32px;
    1.41 +}
    1.42 +
    1.43 +.devtools-toolbarbutton:not([label]) > .toolbarbutton-text {
    1.44 +  display: none;
    1.45 +}
    1.46 +
    1.47 +.devtools-toolbarbutton:not([checked=true]):hover:active {
    1.48 +  border-color: hsla(210,8%,5%,.6);
    1.49 +}
    1.50 +
    1.51 +.devtools-menulist["open"    ="true"],
    1.52 +.devtools-toolbarbutton["open"  =   true],
    1.53 +.devtools-toolbarbutton[checked=   "true"] {
    1.54 +  border-color: hsla(210,8%,5%,.6) !important;
    1.55 +}
    1.56 +
    1.57 +.devtools-toolbarbutton["checked"="true"] {
    1.58 +  color: hsl(208,100%,60%);
    1.59 +}
    1.60 +
    1.61 +.devtools-toolbarbutton[checked=true]:hover {
    1.62 +  background-color: transparent !important;
    1.63 +}
    1.64 +
    1.65 +.devtools-toolbarbutton[checked=true]:hover:active {
    1.66 +  background-color: hsla(210,8%,5%,.2) !important;
    1.67 +}
    1.68 +
    1.69 +.devtools-toolbarbutton[type=menu-button] > .toolbarbutton-menubutton-button {
    1.70 +  -moz-appearance: none;
    1.71 +}
    1.72 +
    1.73 +.devtools-sidebar-tabs > tabs > tab:first-of-type {
    1.74 +  -moz-margin-start: -3px;
    1.75 +}
    1.76 +
    1.77 +.devtools-sidebar-tabs > tabs > tab:not(:last-of-type) {
    1.78 +  background-size: calc(100% - 2px) 100%, 1px 100%;
    1.79 +}
    1.80 +
    1.81 +.hidden-labels-box:not(.visible) > label,
    1.82 +.hidden-labels-box.visible ~ .hidden-labels-box > label:last-child {
    1.83 +  display: none;
    1.84 +}
    1.85 +
    1.86 +/* Maximize the size of the viewport when the window is small */
    1.87 +@media (max-width: 800px) {
    1.88 +  .category-name {
    1.89 +    display: none;
    1.90 +  }
    1.91 +}
    1.92 +
    1.93 +@media all and (min-width: 300px) {
    1.94 +  #error-box {
    1.95 +    max-width: 50%;
    1.96 +    margin: 0 auto;
    1.97 +    background-image: url('chrome://global/skin/icons/information-32.png');
    1.98 +    min-height: 36px;
    1.99 +    -moz-padding-start: 38px;
   1.100 +  }
   1.101 +
   1.102 +  button {
   1.103 +    width: auto !important;
   1.104 +    min-width: 150px;
   1.105 +  }
   1.106 +
   1.107 +  @keyframes downloadsIndicatorNotificationFinish {
   1.108 +    from { opacity: 0; transform: scale(1); }
   1.109 +    20%  {
   1.110 +      opacity: .65;
   1.111 +      animation-timing-function: ease-in;
   1.112 +    } to { opacity: 0;
   1.113 +      transform: scale(8); }
   1.114 +  }
   1.115 +}
   1.116 +
   1.117 +@keyframes smooth {
   1.118 +  from { opacity: 0; transform: scale(1); }
   1.119 +  20%  { opacity: .65; animation-timing-function: ease-in; }
   1.120 +  to   {
   1.121 +    opacity  : 0;
   1.122 +    transform: scale(8);
   1.123 +  }
   1.124 +}

mercurial