aboutsummaryrefslogtreecommitdiff
path: root/web/css/gn-template-style.css
diff options
context:
space:
mode:
authorFrederick Muriuki Muriithi2025-02-11 14:36:21 -0600
committerFrederick Muriuki Muriithi2025-02-11 14:36:46 -0600
commit5f334d9502186871f526ec41a7b86c97066f38fc (patch)
treef2fc46316a0ed63d5962cf479fe6572b1c96ca0e /web/css/gn-template-style.css
parent26005abafe9050b3180e037f1c189f0de81db85f (diff)
downloadgn-guile-5f334d9502186871f526ec41a7b86c97066f38fc.tar.gz
Add a default page template and styling for genenetwork-like pages.
Diffstat (limited to 'web/css/gn-template-style.css')
-rw-r--r--web/css/gn-template-style.css39
1 files changed, 39 insertions, 0 deletions
diff --git a/web/css/gn-template-style.css b/web/css/gn-template-style.css
new file mode 100644
index 0000000..bdb7dd8
--- /dev/null
+++ b/web/css/gn-template-style.css
@@ -0,0 +1,39 @@
+* {
+ box-sizing: border-box;
+}
+
+body {
+ margin: 0.7em;
+ display: grid;
+ grid-template-columns: 9fr 1fr;
+ grid-gap: 20px;
+
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-style: normal;
+ font-size: 20px;
+}
+
+#header {
+ grid-column-start: 1;
+ grid-column-end: 3;
+
+ background-color: #336699;
+ color: #FFFFFF;
+ border-radius: 3px;
+ min-height: 30px;
+}
+
+#header #header-text {
+ padding-left: 0.2em;
+}
+
+#main {
+ grid-column-start: 1;
+ grid-column-end: 2;
+
+ max-width: 900px;
+}
+
+#main img {
+ max-width: 900px;
+}