20CSSRulesForRyan.css

@-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }

*, html, body { -webkit-font-smoothing: antialiased; }

a { color: #39464e; text-decoration: none; }
a:hover { text-decoration: underline; }

input, textarea, select { font-family: "Open Sans", "Helvetica", "Arial", "FreeSans", "Verdana", "Tahoma", "Lucida Sans", "Lucida Sans Unicode", "Luxi Sans", sans-serif; }

.errorlist { font-size: .85em; }
.errorlist li { margin-bottom: 5px; color: #f36e65; }

html { height: 100%; }

body { font-family: "Helvetica", "Arial", "FreeSans", "Verdana", "Tahoma", "Lucida Sans", "Lucida Sans Unicode", "Luxi Sans", sans-serif; background: #f6f6f6 url(../img/initializing.png) 50% 50% no-repeat; overflow: hidden; padding: 0; margin: 0; position: relative; font-size: 14px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { body { background: #f6f6f6 url(../img/initializing@2x.png) 50% 50% no-repeat; background-size: 186px 157px; } }

body .CodeMirror * { -webkit-font-smoothing: subpixel-antialiased; }

#show-result #sidebar, #show-result #content { -moz-transition: opacity 0.4s; /* FF3.6+ */ -webkit-transition: opacity 0.4s; /* Chrome, Safari */ -o-transition: opacity 0.4s; /* Opera */ -ms-transition: opacity 0.4s; /* IE 9 */ transition: opacity 0.4s; opacity: 0; }

h1, h2 { position: absolute; top: -900em; left: -900em; }

/* content ================================================================ */
#content { margin: 14px 15px 0 232px; position: relative; background: #F6F6F6; }

/* header ================================================================ */
#header { height: 44px; background: #4679bd; }

#branding { float: left; width: 200px; padding: 0 7px 0 10px; font-size: 10px; color: #fff; }

#home { display: block; width: 200px; height: 44px; line-height: 44px; background: transparent url(../img/logo.png) no-repeat 0 50%; text-indent: 45px; text-transform: uppercase; color: #fff; text-decoration: none; font-size: 17px; text-indent: -900em; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { #home { background: transparent url(../img/logo@2x.png) no-repeat 0 50%; background-size: 136px 23px; } }

/* sidebar ================================================================ */
#sidebar { padding: 0; margin: 0; font-size: 11px; width: 217px; position: absolute; top: 45px; left: 0; background-color: #fff; color: #444; height: 100%; }

#sidebar h3 { clear: both; padding: 0; font-size: 12px; font-weight: bold; }

#sidebar input[type='text'], #sidebar input[type='password'], #sidebar textarea { width: 186px; padding: 7px 5px; color: #626262; font-family: "Helvetica", "Arial", "FreeSans", "Verdana", "Tahoma", "Lucida Sans", "Lucida Sans Unicode", "Luxi Sans", sans-serif; font-size: 1em; background: #F6F6F6; border: solid 1px #C0C0C0; box-shadow: inset 0 1px 2px #e4e4e4; border-radius: 2px; outline: none; }