styles.css

/* 
    Created on : Apr 8, 2014
    Author     : Philip Nicolcev
*/

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
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,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:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
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:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
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],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
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;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;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}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
b,strong,optgroup{font-weight:700}
pre,textarea{overflow:auto}
button::-moz-focus-inner,input::-moz-focus-inner,legend{border:0;padding:0}

.container { max-width: 940px; margin: 15px auto; border: 1px solid #ddd; padding: 30px; background: #f0f0f0; }
.container h3 { margin: 0; font-size: 15px; }
.container h2 { margin-bottom: 5px; }
.container h1, .container h2 { text-shadow: 0px 1px 0px #fff; }
.container button, .container input, .container select { border: 1px solid #0274BA; }
.container button { background: #D9DCFF; padding: 5px 10px; }
.container button:hover { background: #0274BA; color: white; }
.container button#parseButton { background: #7BF99F; border-color: #00EA43; margin-top: 5px; }
.container .hints { padding: 15px 15px 15px 30px; background: #DFDFDF; }

#theButtons button { border-right-width: 0px; }
#theButtons button:first-child { border-radius: 5px 0 0 5px; }
#theButtons button:last-child { border-radius: 0 5px 5px 0; border-right-width: 1px; }

#mainInput { border: 1px solid #bbb; padding: 5px; width: 100%; margin: 5px auto; box-sizing: border-box; -moz-box-sizing: border-box; }
#allowedBBCodes { font-family: monospace; color:#2c7bac; font-size: 14px; }

#forkongithub a{background:#ff7600;color:#fff;text-decoration:none;font-family:arial, sans-serif;text-align:center;font-weight:bold;padding:5px 40px;font-size:1rem;line-height:2rem;position:relative;transition:0.5s;}
#forkongithub a:hover{background:#ff3000;color:#fff;}
#forkongithub a::before,#forkongithub a::after{content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff;}
#forkongithub a::after{bottom:1px;top:auto;}
@media screen and (min-width:800px){
	#forkongithub{position:absolute;display:block;top:0;right:0;width:200px;overflow:hidden;height:200px;}
	#forkongithub a{width:200px;position:absolute;top:60px;right:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);box-shadow:3px 3px 5px rgba(0,0,0,0.8);}
}
@media screen and (max-width: 800px) {
	.container { padding: 5px; margin: 0; }
}