mbed connector webapp quickstart

Committer:
group-Make-NTU-Hackathon
Date:
Fri Feb 10 08:36:15 2017 +0000
Revision:
0:4233b7b10255
Initial commit

Who changed what in which revision?

UserRevisionLine numberNew contents of line
group-Make-NTU-Hackathon 0:4233b7b10255 1 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
group-Make-NTU-Hackathon 0:4233b7b10255 2
group-Make-NTU-Hackathon 0:4233b7b10255 3 /**
group-Make-NTU-Hackathon 0:4233b7b10255 4 * 1. Set default font family to sans-serif.
group-Make-NTU-Hackathon 0:4233b7b10255 5 * 2. Prevent iOS and IE text size adjust after device orientation change,
group-Make-NTU-Hackathon 0:4233b7b10255 6 * without disabling user zoom.
group-Make-NTU-Hackathon 0:4233b7b10255 7 */
group-Make-NTU-Hackathon 0:4233b7b10255 8
group-Make-NTU-Hackathon 0:4233b7b10255 9 html {
group-Make-NTU-Hackathon 0:4233b7b10255 10 font-family: sans-serif; /* 1 */
group-Make-NTU-Hackathon 0:4233b7b10255 11 -ms-text-size-adjust: 100%; /* 2 */
group-Make-NTU-Hackathon 0:4233b7b10255 12 -webkit-text-size-adjust: 100%; /* 2 */
group-Make-NTU-Hackathon 0:4233b7b10255 13 }
group-Make-NTU-Hackathon 0:4233b7b10255 14
group-Make-NTU-Hackathon 0:4233b7b10255 15 /**
group-Make-NTU-Hackathon 0:4233b7b10255 16 * Remove default margin.
group-Make-NTU-Hackathon 0:4233b7b10255 17 */
group-Make-NTU-Hackathon 0:4233b7b10255 18
group-Make-NTU-Hackathon 0:4233b7b10255 19 body {
group-Make-NTU-Hackathon 0:4233b7b10255 20 margin: 0;
group-Make-NTU-Hackathon 0:4233b7b10255 21 }
group-Make-NTU-Hackathon 0:4233b7b10255 22
group-Make-NTU-Hackathon 0:4233b7b10255 23 /* HTML5 display definitions
group-Make-NTU-Hackathon 0:4233b7b10255 24 ========================================================================== */
group-Make-NTU-Hackathon 0:4233b7b10255 25
group-Make-NTU-Hackathon 0:4233b7b10255 26 /**
group-Make-NTU-Hackathon 0:4233b7b10255 27 * Correct `block` display not defined for any HTML5 element in IE 8/9.
group-Make-NTU-Hackathon 0:4233b7b10255 28 * Correct `block` display not defined for `details` or `summary` in IE 10/11
group-Make-NTU-Hackathon 0:4233b7b10255 29 * and Firefox.
group-Make-NTU-Hackathon 0:4233b7b10255 30 * Correct `block` display not defined for `main` in IE 11.
group-Make-NTU-Hackathon 0:4233b7b10255 31 */
group-Make-NTU-Hackathon 0:4233b7b10255 32
group-Make-NTU-Hackathon 0:4233b7b10255 33 article,
group-Make-NTU-Hackathon 0:4233b7b10255 34 aside,
group-Make-NTU-Hackathon 0:4233b7b10255 35 details,
group-Make-NTU-Hackathon 0:4233b7b10255 36 figcaption,
group-Make-NTU-Hackathon 0:4233b7b10255 37 figure,
group-Make-NTU-Hackathon 0:4233b7b10255 38 footer,
group-Make-NTU-Hackathon 0:4233b7b10255 39 header,
group-Make-NTU-Hackathon 0:4233b7b10255 40 hgroup,
group-Make-NTU-Hackathon 0:4233b7b10255 41 main,
group-Make-NTU-Hackathon 0:4233b7b10255 42 menu,
group-Make-NTU-Hackathon 0:4233b7b10255 43 nav,
group-Make-NTU-Hackathon 0:4233b7b10255 44 section,
group-Make-NTU-Hackathon 0:4233b7b10255 45 summary {
group-Make-NTU-Hackathon 0:4233b7b10255 46 display: block;
group-Make-NTU-Hackathon 0:4233b7b10255 47 }
group-Make-NTU-Hackathon 0:4233b7b10255 48
group-Make-NTU-Hackathon 0:4233b7b10255 49 /**
group-Make-NTU-Hackathon 0:4233b7b10255 50 * 1. Correct `inline-block` display not defined in IE 8/9.
group-Make-NTU-Hackathon 0:4233b7b10255 51 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
group-Make-NTU-Hackathon 0:4233b7b10255 52 */
group-Make-NTU-Hackathon 0:4233b7b10255 53
group-Make-NTU-Hackathon 0:4233b7b10255 54 audio,
group-Make-NTU-Hackathon 0:4233b7b10255 55 canvas,
group-Make-NTU-Hackathon 0:4233b7b10255 56 progress,
group-Make-NTU-Hackathon 0:4233b7b10255 57 video {
group-Make-NTU-Hackathon 0:4233b7b10255 58 display: inline-block; /* 1 */
group-Make-NTU-Hackathon 0:4233b7b10255 59 vertical-align: baseline; /* 2 */
group-Make-NTU-Hackathon 0:4233b7b10255 60 }
group-Make-NTU-Hackathon 0:4233b7b10255 61
group-Make-NTU-Hackathon 0:4233b7b10255 62 /**
group-Make-NTU-Hackathon 0:4233b7b10255 63 * Prevent modern browsers from displaying `audio` without controls.
group-Make-NTU-Hackathon 0:4233b7b10255 64 * Remove excess height in iOS 5 devices.
group-Make-NTU-Hackathon 0:4233b7b10255 65 */
group-Make-NTU-Hackathon 0:4233b7b10255 66
group-Make-NTU-Hackathon 0:4233b7b10255 67 audio:not([controls]) {
group-Make-NTU-Hackathon 0:4233b7b10255 68 display: none;
group-Make-NTU-Hackathon 0:4233b7b10255 69 height: 0;
group-Make-NTU-Hackathon 0:4233b7b10255 70 }
group-Make-NTU-Hackathon 0:4233b7b10255 71
group-Make-NTU-Hackathon 0:4233b7b10255 72 /**
group-Make-NTU-Hackathon 0:4233b7b10255 73 * Address `[hidden]` styling not present in IE 8/9/10.
group-Make-NTU-Hackathon 0:4233b7b10255 74 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
group-Make-NTU-Hackathon 0:4233b7b10255 75 */
group-Make-NTU-Hackathon 0:4233b7b10255 76
group-Make-NTU-Hackathon 0:4233b7b10255 77 [hidden],
group-Make-NTU-Hackathon 0:4233b7b10255 78 template {
group-Make-NTU-Hackathon 0:4233b7b10255 79 display: none;
group-Make-NTU-Hackathon 0:4233b7b10255 80 }
group-Make-NTU-Hackathon 0:4233b7b10255 81
group-Make-NTU-Hackathon 0:4233b7b10255 82 /* Links
group-Make-NTU-Hackathon 0:4233b7b10255 83 ========================================================================== */
group-Make-NTU-Hackathon 0:4233b7b10255 84
group-Make-NTU-Hackathon 0:4233b7b10255 85 /**
group-Make-NTU-Hackathon 0:4233b7b10255 86 * Remove the gray background color from active links in IE 10.
group-Make-NTU-Hackathon 0:4233b7b10255 87 */
group-Make-NTU-Hackathon 0:4233b7b10255 88
group-Make-NTU-Hackathon 0:4233b7b10255 89 a {
group-Make-NTU-Hackathon 0:4233b7b10255 90 background-color: transparent;
group-Make-NTU-Hackathon 0:4233b7b10255 91 }
group-Make-NTU-Hackathon 0:4233b7b10255 92
group-Make-NTU-Hackathon 0:4233b7b10255 93 /**
group-Make-NTU-Hackathon 0:4233b7b10255 94 * Improve readability of focused elements when they are also in an
group-Make-NTU-Hackathon 0:4233b7b10255 95 * active/hover state.
group-Make-NTU-Hackathon 0:4233b7b10255 96 */
group-Make-NTU-Hackathon 0:4233b7b10255 97
group-Make-NTU-Hackathon 0:4233b7b10255 98 a:active,
group-Make-NTU-Hackathon 0:4233b7b10255 99 a:hover {
group-Make-NTU-Hackathon 0:4233b7b10255 100 outline: 0;
group-Make-NTU-Hackathon 0:4233b7b10255 101 }
group-Make-NTU-Hackathon 0:4233b7b10255 102
group-Make-NTU-Hackathon 0:4233b7b10255 103 /* Text-level semantics
group-Make-NTU-Hackathon 0:4233b7b10255 104 ========================================================================== */
group-Make-NTU-Hackathon 0:4233b7b10255 105
group-Make-NTU-Hackathon 0:4233b7b10255 106 /**
group-Make-NTU-Hackathon 0:4233b7b10255 107 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
group-Make-NTU-Hackathon 0:4233b7b10255 108 */
group-Make-NTU-Hackathon 0:4233b7b10255 109
group-Make-NTU-Hackathon 0:4233b7b10255 110 abbr[title] {
group-Make-NTU-Hackathon 0:4233b7b10255 111 border-bottom: 1px dotted;
group-Make-NTU-Hackathon 0:4233b7b10255 112 }
group-Make-NTU-Hackathon 0:4233b7b10255 113
group-Make-NTU-Hackathon 0:4233b7b10255 114 /**
group-Make-NTU-Hackathon 0:4233b7b10255 115 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
group-Make-NTU-Hackathon 0:4233b7b10255 116 */
group-Make-NTU-Hackathon 0:4233b7b10255 117
group-Make-NTU-Hackathon 0:4233b7b10255 118 b,
group-Make-NTU-Hackathon 0:4233b7b10255 119 strong {
group-Make-NTU-Hackathon 0:4233b7b10255 120 font-weight: bold;
group-Make-NTU-Hackathon 0:4233b7b10255 121 }
group-Make-NTU-Hackathon 0:4233b7b10255 122
group-Make-NTU-Hackathon 0:4233b7b10255 123 /**
group-Make-NTU-Hackathon 0:4233b7b10255 124 * Address styling not present in Safari and Chrome.
group-Make-NTU-Hackathon 0:4233b7b10255 125 */
group-Make-NTU-Hackathon 0:4233b7b10255 126
group-Make-NTU-Hackathon 0:4233b7b10255 127 dfn {
group-Make-NTU-Hackathon 0:4233b7b10255 128 font-style: italic;
group-Make-NTU-Hackathon 0:4233b7b10255 129 }
group-Make-NTU-Hackathon 0:4233b7b10255 130
group-Make-NTU-Hackathon 0:4233b7b10255 131 /**
group-Make-NTU-Hackathon 0:4233b7b10255 132 * Address variable `h1` font-size and margin within `section` and `article`
group-Make-NTU-Hackathon 0:4233b7b10255 133 * contexts in Firefox 4+, Safari, and Chrome.
group-Make-NTU-Hackathon 0:4233b7b10255 134 */
group-Make-NTU-Hackathon 0:4233b7b10255 135
group-Make-NTU-Hackathon 0:4233b7b10255 136 h1 {
group-Make-NTU-Hackathon 0:4233b7b10255 137 font-size: 2em;
group-Make-NTU-Hackathon 0:4233b7b10255 138 margin: 0.67em 0;
group-Make-NTU-Hackathon 0:4233b7b10255 139 }
group-Make-NTU-Hackathon 0:4233b7b10255 140
group-Make-NTU-Hackathon 0:4233b7b10255 141 /**
group-Make-NTU-Hackathon 0:4233b7b10255 142 * Address styling not present in IE 8/9.
group-Make-NTU-Hackathon 0:4233b7b10255 143 */
group-Make-NTU-Hackathon 0:4233b7b10255 144
group-Make-NTU-Hackathon 0:4233b7b10255 145 mark {
group-Make-NTU-Hackathon 0:4233b7b10255 146 background: #ff0;
group-Make-NTU-Hackathon 0:4233b7b10255 147 color: #000;
group-Make-NTU-Hackathon 0:4233b7b10255 148 }
group-Make-NTU-Hackathon 0:4233b7b10255 149
group-Make-NTU-Hackathon 0:4233b7b10255 150 /**
group-Make-NTU-Hackathon 0:4233b7b10255 151 * Address inconsistent and variable font size in all browsers.
group-Make-NTU-Hackathon 0:4233b7b10255 152 */
group-Make-NTU-Hackathon 0:4233b7b10255 153
group-Make-NTU-Hackathon 0:4233b7b10255 154 small {
group-Make-NTU-Hackathon 0:4233b7b10255 155 font-size: 80%;
group-Make-NTU-Hackathon 0:4233b7b10255 156 }
group-Make-NTU-Hackathon 0:4233b7b10255 157
group-Make-NTU-Hackathon 0:4233b7b10255 158 /**
group-Make-NTU-Hackathon 0:4233b7b10255 159 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
group-Make-NTU-Hackathon 0:4233b7b10255 160 */
group-Make-NTU-Hackathon 0:4233b7b10255 161
group-Make-NTU-Hackathon 0:4233b7b10255 162 sub,
group-Make-NTU-Hackathon 0:4233b7b10255 163 sup {
group-Make-NTU-Hackathon 0:4233b7b10255 164 font-size: 75%;
group-Make-NTU-Hackathon 0:4233b7b10255 165 line-height: 0;
group-Make-NTU-Hackathon 0:4233b7b10255 166 position: relative;
group-Make-NTU-Hackathon 0:4233b7b10255 167 vertical-align: baseline;
group-Make-NTU-Hackathon 0:4233b7b10255 168 }
group-Make-NTU-Hackathon 0:4233b7b10255 169
group-Make-NTU-Hackathon 0:4233b7b10255 170 sup {
group-Make-NTU-Hackathon 0:4233b7b10255 171 top: -0.5em;
group-Make-NTU-Hackathon 0:4233b7b10255 172 }
group-Make-NTU-Hackathon 0:4233b7b10255 173
group-Make-NTU-Hackathon 0:4233b7b10255 174 sub {
group-Make-NTU-Hackathon 0:4233b7b10255 175 bottom: -0.25em;
group-Make-NTU-Hackathon 0:4233b7b10255 176 }
group-Make-NTU-Hackathon 0:4233b7b10255 177
group-Make-NTU-Hackathon 0:4233b7b10255 178 /* Embedded content
group-Make-NTU-Hackathon 0:4233b7b10255 179 ========================================================================== */
group-Make-NTU-Hackathon 0:4233b7b10255 180
group-Make-NTU-Hackathon 0:4233b7b10255 181 /**
group-Make-NTU-Hackathon 0:4233b7b10255 182 * Remove border when inside `a` element in IE 8/9/10.
group-Make-NTU-Hackathon 0:4233b7b10255 183 */
group-Make-NTU-Hackathon 0:4233b7b10255 184
group-Make-NTU-Hackathon 0:4233b7b10255 185 img {
group-Make-NTU-Hackathon 0:4233b7b10255 186 border: 0;
group-Make-NTU-Hackathon 0:4233b7b10255 187 }
group-Make-NTU-Hackathon 0:4233b7b10255 188
group-Make-NTU-Hackathon 0:4233b7b10255 189 /**
group-Make-NTU-Hackathon 0:4233b7b10255 190 * Correct overflow not hidden in IE 9/10/11.
group-Make-NTU-Hackathon 0:4233b7b10255 191 */
group-Make-NTU-Hackathon 0:4233b7b10255 192
group-Make-NTU-Hackathon 0:4233b7b10255 193 svg:not(:root) {
group-Make-NTU-Hackathon 0:4233b7b10255 194 overflow: hidden;
group-Make-NTU-Hackathon 0:4233b7b10255 195 }
group-Make-NTU-Hackathon 0:4233b7b10255 196
group-Make-NTU-Hackathon 0:4233b7b10255 197 /* Grouping content
group-Make-NTU-Hackathon 0:4233b7b10255 198 ========================================================================== */
group-Make-NTU-Hackathon 0:4233b7b10255 199
group-Make-NTU-Hackathon 0:4233b7b10255 200 /**
group-Make-NTU-Hackathon 0:4233b7b10255 201 * Address margin not present in IE 8/9 and Safari.
group-Make-NTU-Hackathon 0:4233b7b10255 202 */
group-Make-NTU-Hackathon 0:4233b7b10255 203
group-Make-NTU-Hackathon 0:4233b7b10255 204 figure {
group-Make-NTU-Hackathon 0:4233b7b10255 205 margin: 1em 40px;
group-Make-NTU-Hackathon 0:4233b7b10255 206 }
group-Make-NTU-Hackathon 0:4233b7b10255 207
group-Make-NTU-Hackathon 0:4233b7b10255 208 /**
group-Make-NTU-Hackathon 0:4233b7b10255 209 * Address differences between Firefox and other browsers.
group-Make-NTU-Hackathon 0:4233b7b10255 210 */
group-Make-NTU-Hackathon 0:4233b7b10255 211
group-Make-NTU-Hackathon 0:4233b7b10255 212 hr {
group-Make-NTU-Hackathon 0:4233b7b10255 213 box-sizing: content-box;
group-Make-NTU-Hackathon 0:4233b7b10255 214 height: 0;
group-Make-NTU-Hackathon 0:4233b7b10255 215 }
group-Make-NTU-Hackathon 0:4233b7b10255 216
group-Make-NTU-Hackathon 0:4233b7b10255 217 /**
group-Make-NTU-Hackathon 0:4233b7b10255 218 * Contain overflow in all browsers.
group-Make-NTU-Hackathon 0:4233b7b10255 219 */
group-Make-NTU-Hackathon 0:4233b7b10255 220
group-Make-NTU-Hackathon 0:4233b7b10255 221 pre {
group-Make-NTU-Hackathon 0:4233b7b10255 222 overflow: auto;
group-Make-NTU-Hackathon 0:4233b7b10255 223 }
group-Make-NTU-Hackathon 0:4233b7b10255 224
group-Make-NTU-Hackathon 0:4233b7b10255 225 /**
group-Make-NTU-Hackathon 0:4233b7b10255 226 * Address odd `em`-unit font size rendering in all browsers.
group-Make-NTU-Hackathon 0:4233b7b10255 227 */
group-Make-NTU-Hackathon 0:4233b7b10255 228
group-Make-NTU-Hackathon 0:4233b7b10255 229 code,
group-Make-NTU-Hackathon 0:4233b7b10255 230 kbd,
group-Make-NTU-Hackathon 0:4233b7b10255 231 pre,
group-Make-NTU-Hackathon 0:4233b7b10255 232 samp {
group-Make-NTU-Hackathon 0:4233b7b10255 233 font-family: monospace, monospace;
group-Make-NTU-Hackathon 0:4233b7b10255 234 font-size: 1em;
group-Make-NTU-Hackathon 0:4233b7b10255 235 }
group-Make-NTU-Hackathon 0:4233b7b10255 236
group-Make-NTU-Hackathon 0:4233b7b10255 237 /* Forms
group-Make-NTU-Hackathon 0:4233b7b10255 238 ========================================================================== */
group-Make-NTU-Hackathon 0:4233b7b10255 239
group-Make-NTU-Hackathon 0:4233b7b10255 240 /**
group-Make-NTU-Hackathon 0:4233b7b10255 241 * Known limitation: by default, Chrome and Safari on OS X allow very limited
group-Make-NTU-Hackathon 0:4233b7b10255 242 * styling of `select`, unless a `border` property is set.
group-Make-NTU-Hackathon 0:4233b7b10255 243 */
group-Make-NTU-Hackathon 0:4233b7b10255 244
group-Make-NTU-Hackathon 0:4233b7b10255 245 /**
group-Make-NTU-Hackathon 0:4233b7b10255 246 * 1. Correct color not being inherited.
group-Make-NTU-Hackathon 0:4233b7b10255 247 * Known issue: affects color of disabled elements.
group-Make-NTU-Hackathon 0:4233b7b10255 248 * 2. Correct font properties not being inherited.
group-Make-NTU-Hackathon 0:4233b7b10255 249 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
group-Make-NTU-Hackathon 0:4233b7b10255 250 */
group-Make-NTU-Hackathon 0:4233b7b10255 251
group-Make-NTU-Hackathon 0:4233b7b10255 252 button,
group-Make-NTU-Hackathon 0:4233b7b10255 253 input,
group-Make-NTU-Hackathon 0:4233b7b10255 254 optgroup,
group-Make-NTU-Hackathon 0:4233b7b10255 255 select,
group-Make-NTU-Hackathon 0:4233b7b10255 256 textarea {
group-Make-NTU-Hackathon 0:4233b7b10255 257 color: inherit; /* 1 */
group-Make-NTU-Hackathon 0:4233b7b10255 258 font: inherit; /* 2 */
group-Make-NTU-Hackathon 0:4233b7b10255 259 margin: 0; /* 3 */
group-Make-NTU-Hackathon 0:4233b7b10255 260 }
group-Make-NTU-Hackathon 0:4233b7b10255 261
group-Make-NTU-Hackathon 0:4233b7b10255 262 /**
group-Make-NTU-Hackathon 0:4233b7b10255 263 * Address `overflow` set to `hidden` in IE 8/9/10/11.
group-Make-NTU-Hackathon 0:4233b7b10255 264 */
group-Make-NTU-Hackathon 0:4233b7b10255 265
group-Make-NTU-Hackathon 0:4233b7b10255 266 button {
group-Make-NTU-Hackathon 0:4233b7b10255 267 overflow: visible;
group-Make-NTU-Hackathon 0:4233b7b10255 268 }
group-Make-NTU-Hackathon 0:4233b7b10255 269
group-Make-NTU-Hackathon 0:4233b7b10255 270 /**
group-Make-NTU-Hackathon 0:4233b7b10255 271 * Address inconsistent `text-transform` inheritance for `button` and `select`.
group-Make-NTU-Hackathon 0:4233b7b10255 272 * All other form control elements do not inherit `text-transform` values.
group-Make-NTU-Hackathon 0:4233b7b10255 273 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
group-Make-NTU-Hackathon 0:4233b7b10255 274 * Correct `select` style inheritance in Firefox.
group-Make-NTU-Hackathon 0:4233b7b10255 275 */
group-Make-NTU-Hackathon 0:4233b7b10255 276
group-Make-NTU-Hackathon 0:4233b7b10255 277 button,
group-Make-NTU-Hackathon 0:4233b7b10255 278 select {
group-Make-NTU-Hackathon 0:4233b7b10255 279 text-transform: none;
group-Make-NTU-Hackathon 0:4233b7b10255 280 }
group-Make-NTU-Hackathon 0:4233b7b10255 281
group-Make-NTU-Hackathon 0:4233b7b10255 282 /**
group-Make-NTU-Hackathon 0:4233b7b10255 283 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
group-Make-NTU-Hackathon 0:4233b7b10255 284 * and `video` controls.
group-Make-NTU-Hackathon 0:4233b7b10255 285 * 2. Correct inability to style clickable `input` types in iOS.
group-Make-NTU-Hackathon 0:4233b7b10255 286 * 3. Improve usability and consistency of cursor style between image-type
group-Make-NTU-Hackathon 0:4233b7b10255 287 * `input` and others.
group-Make-NTU-Hackathon 0:4233b7b10255 288 */
group-Make-NTU-Hackathon 0:4233b7b10255 289
group-Make-NTU-Hackathon 0:4233b7b10255 290 button,
group-Make-NTU-Hackathon 0:4233b7b10255 291 html input[type="button"], /* 1 */
group-Make-NTU-Hackathon 0:4233b7b10255 292 input[type="reset"],
group-Make-NTU-Hackathon 0:4233b7b10255 293 input[type="submit"] {
group-Make-NTU-Hackathon 0:4233b7b10255 294 -webkit-appearance: button; /* 2 */
group-Make-NTU-Hackathon 0:4233b7b10255 295 cursor: pointer; /* 3 */
group-Make-NTU-Hackathon 0:4233b7b10255 296 }
group-Make-NTU-Hackathon 0:4233b7b10255 297
group-Make-NTU-Hackathon 0:4233b7b10255 298 /**
group-Make-NTU-Hackathon 0:4233b7b10255 299 * Re-set default cursor for disabled elements.
group-Make-NTU-Hackathon 0:4233b7b10255 300 */
group-Make-NTU-Hackathon 0:4233b7b10255 301
group-Make-NTU-Hackathon 0:4233b7b10255 302 button[disabled],
group-Make-NTU-Hackathon 0:4233b7b10255 303 html input[disabled] {
group-Make-NTU-Hackathon 0:4233b7b10255 304 cursor: default;
group-Make-NTU-Hackathon 0:4233b7b10255 305 }
group-Make-NTU-Hackathon 0:4233b7b10255 306
group-Make-NTU-Hackathon 0:4233b7b10255 307 /**
group-Make-NTU-Hackathon 0:4233b7b10255 308 * Remove inner padding and border in Firefox 4+.
group-Make-NTU-Hackathon 0:4233b7b10255 309 */
group-Make-NTU-Hackathon 0:4233b7b10255 310
group-Make-NTU-Hackathon 0:4233b7b10255 311 button::-moz-focus-inner,
group-Make-NTU-Hackathon 0:4233b7b10255 312 input::-moz-focus-inner {
group-Make-NTU-Hackathon 0:4233b7b10255 313 border: 0;
group-Make-NTU-Hackathon 0:4233b7b10255 314 padding: 0;
group-Make-NTU-Hackathon 0:4233b7b10255 315 }
group-Make-NTU-Hackathon 0:4233b7b10255 316
group-Make-NTU-Hackathon 0:4233b7b10255 317 /**
group-Make-NTU-Hackathon 0:4233b7b10255 318 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
group-Make-NTU-Hackathon 0:4233b7b10255 319 * the UA stylesheet.
group-Make-NTU-Hackathon 0:4233b7b10255 320 */
group-Make-NTU-Hackathon 0:4233b7b10255 321
group-Make-NTU-Hackathon 0:4233b7b10255 322 input {
group-Make-NTU-Hackathon 0:4233b7b10255 323 line-height: normal;
group-Make-NTU-Hackathon 0:4233b7b10255 324 }
group-Make-NTU-Hackathon 0:4233b7b10255 325
group-Make-NTU-Hackathon 0:4233b7b10255 326 /**
group-Make-NTU-Hackathon 0:4233b7b10255 327 * It's recommended that you don't attempt to style these elements.
group-Make-NTU-Hackathon 0:4233b7b10255 328 * Firefox's implementation doesn't respect box-sizing, padding, or width.
group-Make-NTU-Hackathon 0:4233b7b10255 329 *
group-Make-NTU-Hackathon 0:4233b7b10255 330 * 1. Address box sizing set to `content-box` in IE 8/9/10.
group-Make-NTU-Hackathon 0:4233b7b10255 331 * 2. Remove excess padding in IE 8/9/10.
group-Make-NTU-Hackathon 0:4233b7b10255 332 */
group-Make-NTU-Hackathon 0:4233b7b10255 333
group-Make-NTU-Hackathon 0:4233b7b10255 334 input[type="checkbox"],
group-Make-NTU-Hackathon 0:4233b7b10255 335 input[type="radio"] {
group-Make-NTU-Hackathon 0:4233b7b10255 336 box-sizing: border-box; /* 1 */
group-Make-NTU-Hackathon 0:4233b7b10255 337 padding: 0; /* 2 */
group-Make-NTU-Hackathon 0:4233b7b10255 338 }
group-Make-NTU-Hackathon 0:4233b7b10255 339
group-Make-NTU-Hackathon 0:4233b7b10255 340 /**
group-Make-NTU-Hackathon 0:4233b7b10255 341 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
group-Make-NTU-Hackathon 0:4233b7b10255 342 * `font-size` values of the `input`, it causes the cursor style of the
group-Make-NTU-Hackathon 0:4233b7b10255 343 * decrement button to change from `default` to `text`.
group-Make-NTU-Hackathon 0:4233b7b10255 344 */
group-Make-NTU-Hackathon 0:4233b7b10255 345
group-Make-NTU-Hackathon 0:4233b7b10255 346 input[type="number"]::-webkit-inner-spin-button,
group-Make-NTU-Hackathon 0:4233b7b10255 347 input[type="number"]::-webkit-outer-spin-button {
group-Make-NTU-Hackathon 0:4233b7b10255 348 height: auto;
group-Make-NTU-Hackathon 0:4233b7b10255 349 }
group-Make-NTU-Hackathon 0:4233b7b10255 350
group-Make-NTU-Hackathon 0:4233b7b10255 351 /**
group-Make-NTU-Hackathon 0:4233b7b10255 352 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
group-Make-NTU-Hackathon 0:4233b7b10255 353 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
group-Make-NTU-Hackathon 0:4233b7b10255 354 */
group-Make-NTU-Hackathon 0:4233b7b10255 355
group-Make-NTU-Hackathon 0:4233b7b10255 356 input[type="search"] {
group-Make-NTU-Hackathon 0:4233b7b10255 357 -webkit-appearance: textfield; /* 1 */
group-Make-NTU-Hackathon 0:4233b7b10255 358 box-sizing: content-box; /* 2 */
group-Make-NTU-Hackathon 0:4233b7b10255 359 }
group-Make-NTU-Hackathon 0:4233b7b10255 360
group-Make-NTU-Hackathon 0:4233b7b10255 361 /**
group-Make-NTU-Hackathon 0:4233b7b10255 362 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
group-Make-NTU-Hackathon 0:4233b7b10255 363 * Safari (but not Chrome) clips the cancel button when the search input has
group-Make-NTU-Hackathon 0:4233b7b10255 364 * padding (and `textfield` appearance).
group-Make-NTU-Hackathon 0:4233b7b10255 365 */
group-Make-NTU-Hackathon 0:4233b7b10255 366
group-Make-NTU-Hackathon 0:4233b7b10255 367 input[type="search"]::-webkit-search-cancel-button,
group-Make-NTU-Hackathon 0:4233b7b10255 368 input[type="search"]::-webkit-search-decoration {
group-Make-NTU-Hackathon 0:4233b7b10255 369 -webkit-appearance: none;
group-Make-NTU-Hackathon 0:4233b7b10255 370 }
group-Make-NTU-Hackathon 0:4233b7b10255 371
group-Make-NTU-Hackathon 0:4233b7b10255 372 /**
group-Make-NTU-Hackathon 0:4233b7b10255 373 * Define consistent border, margin, and padding.
group-Make-NTU-Hackathon 0:4233b7b10255 374 */
group-Make-NTU-Hackathon 0:4233b7b10255 375
group-Make-NTU-Hackathon 0:4233b7b10255 376 fieldset {
group-Make-NTU-Hackathon 0:4233b7b10255 377 border: 1px solid #c0c0c0;
group-Make-NTU-Hackathon 0:4233b7b10255 378 margin: 0 2px;
group-Make-NTU-Hackathon 0:4233b7b10255 379 padding: 0.35em 0.625em 0.75em;
group-Make-NTU-Hackathon 0:4233b7b10255 380 }
group-Make-NTU-Hackathon 0:4233b7b10255 381
group-Make-NTU-Hackathon 0:4233b7b10255 382 /**
group-Make-NTU-Hackathon 0:4233b7b10255 383 * 1. Correct `color` not being inherited in IE 8/9/10/11.
group-Make-NTU-Hackathon 0:4233b7b10255 384 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
group-Make-NTU-Hackathon 0:4233b7b10255 385 */
group-Make-NTU-Hackathon 0:4233b7b10255 386
group-Make-NTU-Hackathon 0:4233b7b10255 387 legend {
group-Make-NTU-Hackathon 0:4233b7b10255 388 border: 0; /* 1 */
group-Make-NTU-Hackathon 0:4233b7b10255 389 padding: 0; /* 2 */
group-Make-NTU-Hackathon 0:4233b7b10255 390 }
group-Make-NTU-Hackathon 0:4233b7b10255 391
group-Make-NTU-Hackathon 0:4233b7b10255 392 /**
group-Make-NTU-Hackathon 0:4233b7b10255 393 * Remove default vertical scrollbar in IE 8/9/10/11.
group-Make-NTU-Hackathon 0:4233b7b10255 394 */
group-Make-NTU-Hackathon 0:4233b7b10255 395
group-Make-NTU-Hackathon 0:4233b7b10255 396 textarea {
group-Make-NTU-Hackathon 0:4233b7b10255 397 overflow: auto;
group-Make-NTU-Hackathon 0:4233b7b10255 398 }
group-Make-NTU-Hackathon 0:4233b7b10255 399
group-Make-NTU-Hackathon 0:4233b7b10255 400 /**
group-Make-NTU-Hackathon 0:4233b7b10255 401 * Don't inherit the `font-weight` (applied by a rule above).
group-Make-NTU-Hackathon 0:4233b7b10255 402 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
group-Make-NTU-Hackathon 0:4233b7b10255 403 */
group-Make-NTU-Hackathon 0:4233b7b10255 404
group-Make-NTU-Hackathon 0:4233b7b10255 405 optgroup {
group-Make-NTU-Hackathon 0:4233b7b10255 406 font-weight: bold;
group-Make-NTU-Hackathon 0:4233b7b10255 407 }
group-Make-NTU-Hackathon 0:4233b7b10255 408
group-Make-NTU-Hackathon 0:4233b7b10255 409 /* Tables
group-Make-NTU-Hackathon 0:4233b7b10255 410 ========================================================================== */
group-Make-NTU-Hackathon 0:4233b7b10255 411
group-Make-NTU-Hackathon 0:4233b7b10255 412 /**
group-Make-NTU-Hackathon 0:4233b7b10255 413 * Remove most spacing between table cells.
group-Make-NTU-Hackathon 0:4233b7b10255 414 */
group-Make-NTU-Hackathon 0:4233b7b10255 415
group-Make-NTU-Hackathon 0:4233b7b10255 416 table {
group-Make-NTU-Hackathon 0:4233b7b10255 417 border-collapse: collapse;
group-Make-NTU-Hackathon 0:4233b7b10255 418 border-spacing: 0;
group-Make-NTU-Hackathon 0:4233b7b10255 419 }
group-Make-NTU-Hackathon 0:4233b7b10255 420
group-Make-NTU-Hackathon 0:4233b7b10255 421 td,
group-Make-NTU-Hackathon 0:4233b7b10255 422 th {
group-Make-NTU-Hackathon 0:4233b7b10255 423 padding: 0;
group-Make-NTU-Hackathon 0:4233b7b10255 424 }