styles

2 years ago · 97a5eabbc3
5 changed files with 49 additions and 46 deletions
--- a/README.md
+++ b/README.md
@ -1,2 +1,7 @@
 #  CO2-Budget

+Berechnung des CO2-Pfads einer Kommune
+
+
+
+
--- a/frontend/templates/frontend/index.html
+++ b/frontend/templates/frontend/index.html
@ -4,7 +4,6 @@

 {% block content %}

-
 <script src="https://code.highcharts.com/highcharts.js"></script>
 <script src="https://code.highcharts.com/modules/exporting.js"></script>
 <script src="https://code.highcharts.com/modules/export-data.js"></script>
@ -12,46 +11,11 @@
 <script src="https://code.highcharts.com/modules/series-label.js"></script>

 <style>
-    td {text-align:right;}
-    .highcharts-figure, .highcharts-data-table table {
-    min-width: 320px; 
-    max-width: 800px;
-    margin: 1em auto;
-}
-
-.highcharts-data-table table {
-	font-family: Verdana, sans-serif;
-	border-collapse: collapse;
-	border: 1px solid #EBEBEB;
-	margin: 10px auto;
-	text-align: center;
-	width: 100%;
-	max-width: 500px;
-}
-.highcharts-data-table caption {
-    padding: 1em 0;
-    font-size: 1.2em;
-    color: #555;
-}
-.highcharts-data-table th {
-	font-weight: 600;
-    padding: 0.5em;
-}
-.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
-    padding: 0.5em;
-}
-.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
-    background: #f8f8f8;
-}
-.highcharts-data-table tr:hover {
-    background: #f1f7ff;
-}
-
-.input {background-color:aliceblue; padding: 0.5em; margin:1em 0 1em 0;}
-
-input[type="number"] {
-	min-width: 50px;
-}
+  td {text-align:right;}
+  .input {background-color:aliceblue; padding: 0.5em; margin:1em 0 1em 0;}
+  input[type="number"] {
+    min-width: 50px;
+  }
 </style>
 <br>
 <h1>CO2-Budget ihrer Kommune</h1>
--- a/static/backend/style.css
+++ b/static/backend/style.css
@ -0,0 +1,38 @@
+
+/* Default.css */
+
+header {margin-bottom: 1em;}
+
+.highcharts-figure, .highcharts-data-table table {
+    min-width: 320px; 
+    max-width: 800px;
+    margin: 1em auto;
+}
+
+.highcharts-data-table table {
+	font-family: Verdana, sans-serif;
+	border-collapse: collapse;
+	border: 1px solid #EBEBEB;
+	margin: 10px auto;
+	text-align: center;
+	width: 100%;
+	max-width: 500px;
+}
+.highcharts-data-table caption {
+    padding: 1em 0;
+    font-size: 1.2em;
+    color: #555;
+}
+.highcharts-data-table th {
+	font-weight: 600;
+    padding: 0.5em;
+}
+.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
+    padding: 0.5em;
+}
+.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
+    background: #f8f8f8;
+}
+.highcharts-data-table tr:hover {
+    background: #f1f7ff;
+}
--- a/static/style.css
+++ b/static/style.css
@ -1,4 +0,0 @@
-
-/* Default.css */
-
-header {margin-bottom: 1em;}
--- a/templates/base.html
+++ b/templates/base.html
@ -6,7 +6,7 @@
    <title>CO2-Budget</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
-    <link rel="stylesheet" href="{% static 'style.css' %}">
+    <link rel="stylesheet" href="{% static 'backend/style.css' %}">
  </head>
  <body>
    <div class="container">