initial commit

2 files changed, 111 insertions, 0 deletions

diff --git a/css/source-sans-pro.min.css b/css/source-sans-pro.min.css
new file mode 100644
index 0000000..dd82c44
--- /dev/null
+++ b/css/source-sans-pro.min.css
@@ -0,0 +1 @@
+@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:200;font-stretch:normal;src:local('SourceSansPro-ExtraLight'),local('Source Sans Pro'),url(../fonts/EOT/SourceSansPro-ExtraLight.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-ExtraLight.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-ExtraLight.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-ExtraLight.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:300;font-stretch:normal;src:local('SourceSansPro-Light'),local('Source Sans Pro'),url(../fonts/EOT/SourceSansPro-Light.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-Light.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-Light.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-Light.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-stretch:normal;src:local('SourceSansPro-Regular'),local('Source Sans Pro'),url(../fonts/EOT/SourceSansPro-Regular.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-Regular.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-Regular.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-Regular.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:600;font-stretch:normal;src:local('SourceSansPro-Semibold'),local('Source Sans Pro Semibold'),url(../fonts/EOT/SourceSansPro-Semibold.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-Semibold.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-Semibold.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-Semibold.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:700;font-stretch:normal;src:local('SourceSansPro-Bold'),local('Source Sans Pro Bold'),url(../fonts/EOT/SourceSansPro-Bold.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-Bold.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-Bold.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-Bold.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:normal;font-weight:900;font-stretch:normal;src:local('SourceSansPro-Black'),local('Source Sans Pro Black'),url(../fonts/EOT/SourceSansPro-Black.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-Black.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-Black.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-Black.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:200;font-stretch:normal;src:local('SourceSansPro-ExtraLightIt'),local('Source Sans Pro'),url(../fonts/EOT/SourceSansPro-ExtraLightIt.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-ExtraLightIt.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-ExtraLightIt.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-ExtraLightIt.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:300;font-stretch:normal;src:local('SourceSansPro-LightIt'),local('Source Sans Pro'),url(../fonts/EOT/SourceSansPro-LightIt.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-LightIt.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-LightIt.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-LightIt.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:400;font-stretch:normal;src:local('SourceSansPro-It'),local('Source Sans Pro'),url(../fonts/EOT/SourceSansPro-It.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-It.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-It.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-It.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:600;font-stretch:normal;src:local('SourceSansPro-SemiboldIt'),local('Source Sans Pro'),url(../fonts/EOT/SourceSansPro-SemiboldIt.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-SemiboldIt.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-SemiboldIt.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:700;font-stretch:normal;src:local('SourceSansPro-BoldIt'),local('Source Sans Pro'),url(../fonts/EOT/SourceSansPro-BoldIt.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-BoldIt.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-BoldIt.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-BoldIt.ttf) format('truetype')}@font-face{font-family:'Source Sans Pro';font-style:italic;font-weight:900;font-stretch:normal;src:local('SourceSansPro-BlackIt'),local('Source Sans Pro'),url(../fonts/EOT/SourceSansPro-BlackIt.eot) format('embedded-opentype'),url(../fonts/WOFF/OTF/SourceSansPro-BlackIt.otf.woff) format('woff'),url(../fonts/OTF/SourceSansPro-BlackIt.otf) format('opentype'),url(../fonts/TTF/SourceSansPro-BlackIt.ttf) format('truetype')}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..81894f4
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,110 @@
+body {
+  font-family: 'Source Sans Pro';
+  background: #222;
+  color: #f5f5f5;
+  max-width: 780px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+p {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  font-size: 1em;
+}
+
+#screen {
+  top: 0; right: 0; left: 0; bottom: 0;
+}
+
+.right { float: right;}
+
+.message {
+  background: #333;
+  margin-top: .5em;
+  padding: .5em;
+  border-radius: 5px;
+}
+
+img {
+  max-width: 100%;
+}
+
+img.small {
+  vertical-align: top;  
+  width: 25px;
+  height: 25px;
+  margin-right: .2em;
+  border-radius: 3px;
+}
+
+a {
+  color: cyan;
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+pre {
+  color: violet;
+  width: 100%;
+  display: block;
+}
+
+code {
+  display: inline-block;
+  vertical-align: bottom;
+}
+
+code, pre {
+  overflow: auto;
+  word-break: break-all;
+  word-wrap: break-word;
+  white-space: pre;
+  white-space: -moz-pre-wrap;
+  white-space: pre-wrap;
+  white-space: pre\9;
+}
+
+textarea, input {
+  background: #222;
+  padding: .5em;
+  color: #f5f5f5;
+  border: none;
+  border-radius: 5px;
+}
+
+textarea {
+  width: 100%;
+}
+
+
+button {
+  display: inline-block;
+  padding: 2px 6px;
+  margin: .2em .2em .2em 0em;
+  font-size: 14px;
+  line-height: 20px;
+  color: #d5d5d5;
+  text-align: center;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: #222;
+  border: 1px solid #222;
+  border-radius: 4px;
+}
+
+button:hover,
+button:focus,
+button:active {
+  color: white;
+  background-color: black;
+}
+
+button.active {
+  background-color: #111;
+}
+