body { margin: 70px 0; padding: 0; font-family: Helvetica, arial, sans-serif; font-size: 15px; color: #454545; background: #fff url(../images/bg.png); text-shadow: 0 1px 0 rgba(0,0,0,0.02); -webkit-font-smoothing: antialiased; } a, a:visited { color: #3fabff; text-decoration: none; } a:hover { color: #008af5; } h1 { margin: 0; font-weight: 300; font-size: 35px; letter-spacing: -1px; } h2 { font-size: 15px; color: #a0a0a0; margin: 30px 0; } label { display: block; font-weight: bold; margin-bottom: 10px; } p, .control-group { margin: 0 0 20px 0; } .demo { border-bottom: 1px solid #e8e8e8; padding-top: 50px; padding-bottom: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .demo:last-child { border-bottom: 0 none; } .demo select, .demo input, .demo .selectize-control { width: 100%; } .demo > *:first-child { margin-top: 0; } .demo > *:last-child { margin-bottom: 0; } .demo .value { margin: 0 0 10px 0; font-size: 12px; } .demo .value span { font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; } .theme-selector { margin-top: 10px; font-size: 13px; } .theme-selector:before { content: 'Themes: '; } .theme-selector a { margin: 0 5px; } .theme-selector a.active { color: #202020; font-weight: bold; } #wrapper { margin: 0; } #wrapper > * { padding-left: 100px; padding-right: 100px; } pre { background: #f8f8f8; border: 1px solid #f2f2f2; padding: 10px; font-size: 12px; font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input[type=button] { margin: 0 10px 0 0; padding: 6px 10px; color: #606060; background: #e0e0e0; border: 0 none; width: auto; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-font-smoothing: antialiased; } .buttons { margin: 0 0 25px 0; } input[type=button]:hover { background: #dadada; } @media only screen and (max-width : 320px) { body { margin: 20px 0; } #wrapper { margin: 0; } #wrapper > * { padding-left: 10px; padding-right: 10px; } .demo { padding: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } }