|
| 1 | +/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} |
| 2 | + |
| 3 | +@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700|Roboto:400,700); |
| 4 | + |
| 5 | +body { |
| 6 | + margin: 20px; |
| 7 | +} |
| 8 | + |
| 9 | +body, p, input, label, legend, h1, h2, h3, h4 { |
| 10 | + font-family: 'Roboto', sans-serif; |
| 11 | +} |
| 12 | + |
| 13 | +a, a:visited, a:active, a:hover { |
| 14 | + color: #cc0000; |
| 15 | +} |
| 16 | + |
| 17 | +.flare-input > label { |
| 18 | + display: inline-block; |
| 19 | + width: 150px; |
| 20 | +} |
| 21 | + |
| 22 | +.flare-input { |
| 23 | + margin-bottom: 10px; |
| 24 | +} |
| 25 | + |
| 26 | +.flare-input-number { |
| 27 | + width: 85px; |
| 28 | +} |
| 29 | + |
| 30 | +input[type="range"] { |
| 31 | + width: 150px; |
| 32 | + border: 1px solid transparent; |
| 33 | +} |
| 34 | + |
| 35 | +input:invalid { |
| 36 | + background-color: #DEAFB4; |
| 37 | +} |
| 38 | + |
| 39 | +label { |
| 40 | + font-weight: bold; |
| 41 | +} |
| 42 | + |
| 43 | +fieldset.flare-input-radioGroup { |
| 44 | + margin: 0px; |
| 45 | + margin-top: 15px; |
| 46 | + border: none; |
| 47 | + padding: 0px; |
| 48 | +} |
| 49 | + |
| 50 | +.flare-input-radioGroup legend { |
| 51 | + padding: 0px; |
| 52 | + width: 150px; |
| 53 | + float: left; |
| 54 | + font-weight: bold; |
| 55 | +} |
| 56 | + |
| 57 | +.flare-input-radioGroup label { |
| 58 | + margin-left: 3px; |
| 59 | + margin-right: 15px; |
| 60 | + cursor: pointer; |
| 61 | + font-weight: normal; |
| 62 | +} |
| 63 | + |
| 64 | +code { |
| 65 | + background-color: #f0f0f0; |
| 66 | + padding-left: 3px; |
| 67 | + padding-right: 3px; |
| 68 | +} |
| 69 | + |
| 70 | +.sparkle-test pre, |
| 71 | +.sparkle-test code, |
| 72 | +.sparkle-test input, |
| 73 | +.sparkle-test label, |
| 74 | +.sparkle-test legend, |
| 75 | +.sparkle-test select, |
| 76 | +.sparkle-test textarea { |
| 77 | + font-family: 'Source Code Pro', monospace; |
| 78 | +} |
| 79 | + |
| 80 | +fieldset.sparkle-test { |
| 81 | + margin-top: 15px; |
| 82 | + margin-bottom: 40px; |
| 83 | + max-width: 800px; |
| 84 | + border: 1px solid #666; |
| 85 | + border-radius: 3px; |
| 86 | + padding: .35em .625em .75em; |
| 87 | +} |
| 88 | + |
| 89 | +fieldset.sparkle-test > legend { |
| 90 | + background-color: #f0f0f0; |
| 91 | + border: 1px solid #666; |
| 92 | + border-radius: 3px; |
| 93 | + float: initial; |
| 94 | + width: initial; |
| 95 | +} |
| 96 | + |
| 97 | +.sparkle-test pre { |
| 98 | + background-color: #f0f0f0; |
| 99 | + padding: 10px; |
| 100 | + max-width: 780px; |
| 101 | + |
| 102 | + /* http://stackoverflow.com/a/248013/704831 */ |
| 103 | + white-space: pre-wrap; /* CSS 3 */ |
| 104 | + white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ |
| 105 | + white-space: -pre-wrap; /* Opera 4-6 */ |
| 106 | + white-space: -o-pre-wrap; /* Opera 7 */ |
| 107 | + word-wrap: break-word; /* Internet Explorer 5.5+ */ |
| 108 | +} |
| 109 | + |
| 110 | +.sparkle-test .flare-input { |
| 111 | + margin-bottom: 5px; |
| 112 | +} |
| 113 | + |
| 114 | +.sparkle-test input:not([type="range"]) { |
| 115 | + padding: 3px; |
| 116 | + border-radius: 3px; |
| 117 | + border: 1px solid #888; |
| 118 | +} |
| 119 | + |
| 120 | +.sparkle-test input:invalid { |
| 121 | + background-color: #DEAFB4; |
| 122 | +} |
| 123 | + |
| 124 | +.sparkle-test .flare-input-number, |
| 125 | +.sparkle-test .flare-input-int-number { |
| 126 | + width: 80px; |
| 127 | +} |
| 128 | + |
| 129 | +.sparkle-test fieldset { |
| 130 | + border-radius: 3px; |
| 131 | + margin-top: 5px; |
| 132 | + margin-bottom: 20px; |
| 133 | +} |
| 134 | + |
| 135 | +.sparkle-test label { |
| 136 | + width: 160px; |
| 137 | + display: inline-block; |
| 138 | +} |
| 139 | + |
| 140 | +.sparkle-test legend { |
| 141 | + padding: 2px 6px; |
| 142 | + font-weight: 700; |
| 143 | +} |
| 144 | + |
| 145 | +.sparkle-test .flare-input-list button { |
| 146 | + margin-left: 5px; |
| 147 | + margin-right: 5px; |
| 148 | +} |
| 149 | + |
| 150 | +.sparkle-test .sparkle-okay { |
| 151 | + background-color: #B4DEAF; |
| 152 | +} |
| 153 | + |
| 154 | +.sparkle-test .sparkle-warn { |
| 155 | + background-color: #DEAFB4; |
| 156 | +} |
| 157 | + |
| 158 | +.sparkle-string { |
| 159 | + color: #E91E63; |
| 160 | +} |
| 161 | + |
| 162 | +.sparkle-number { |
| 163 | + color: #1339E8; |
| 164 | +} |
| 165 | + |
| 166 | +.sparkle-boolean { |
| 167 | + font-weight: bold; |
| 168 | +} |
| 169 | + |
| 170 | +.sparkle-constructor { |
| 171 | + font-weight: bold; |
| 172 | +} |
| 173 | + |
| 174 | +.sparkle-record-field { |
| 175 | + font-style: italic; |
| 176 | +} |
| 177 | + |
| 178 | +.sparkle-color { |
| 179 | + width: 1em; |
| 180 | + height: 1em; |
| 181 | + margin-right: 0.5em; |
| 182 | + display: inline-block; |
| 183 | +} |
| 184 | + |
| 185 | +.sparkle-tooltip { |
| 186 | + cursor: default; |
| 187 | +} |
| 188 | + |
| 189 | +.sparkle-tooltip:hover { |
| 190 | + background-color: #f2e7a6; |
| 191 | +} |
| 192 | + |
| 193 | +.sparkle-tooltip > .sparkle-tooltip:hover { |
| 194 | + background-color: #e9d563; |
| 195 | +} |
| 196 | + |
| 197 | +.sparkle-tooltip > .sparkle-tooltip > .sparkle-tooltip:hover { |
| 198 | + background-color: #dfc220; |
| 199 | +} |
| 200 | + |
| 201 | +.sparkle-tooltip > .sparkle-tooltip > .sparkle-tooltip > .sparkle-tooltip:hover { |
| 202 | + background-color: #938015; |
| 203 | +} |
| 204 | + |
| 205 | +.sparkle-tooltip > .sparkle-tooltip > .sparkle-tooltip > .sparkle-tooltip > .sparkle-tooltip:hover { |
| 206 | + background-color: #62560e; |
| 207 | +} |
0 commit comments