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 +}