Browser apps inside browsers

style.css

@@ -0,0 +1,108 @@
+@media (min-width: 720px) {
+    #title {
+        font-size: xx-large;
+    }
+}
+#header
+{
+    background: #2BA6E3;
+    padding: 0.7em 0.7em 0 0.7em;
+    text-align: left;
+}
+#header a
+{
+    color: white;
+    text-decoration: none;
+}
+
+#lang
+{
+    float: right;
+}
+#lang a
+{
+    padding-left: 1em;
+}
+
+.news_item
+{
+    background: #FFFFFF;
+    width: 720px;
+    padding: 1em;
+    margin-top: 2em;
+    margin-bottom: 2em;
+    border: 1px solid #E0E0E0;
+    text-align: left;
+}
+.news_item_contents
+{
+    color: #444;
+    line-height: 1.5em;
+}
+.news_item_date
+{
+    margin-bottom: 2em;
+    color: #aaa;
+}
+
+html
+{
+    font-family: sans-serif;
+}
+body
+{
+    background: #FAFAFA;
+}
+code, pre
+{
+    font-family: monospace, serif;
+    font-size: 1em;
+    color: #7f0a0c;
+}
+img
+{
+    width: 720px;
+}
+a
+{
+    color: #3A91CB;
+}
+
+table
+{
+    border-collapse: collapse;
+}
+table, th, td
+{
+    border: 1px solid #aaa;
+    padding: 0.5em;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+}
+
+.header2 {
+    position: relative;
+}
+.menu
+{
+    position: absolute;
+    left: 0;
+    bottom: 0.7em;
+}
+
+.menu a {
+    padding-right: 1em;
+}
+
+.discord
+{
+    float: right;
+}
+.discord img
+{
+    height: 3em;
+    width: auto;
+}
+.clear {
+    clear: both;
+}