moved static files to separate directories

app/static/css/main.css

@@ -0,0 +1,123 @@
+.markdown > h1 {
+    font-size: 14px;
+    font-weight: bold;
+}
+
+.markdown {
+    text-align: left
+}
+
+body {
+  padding-top: 50px;
+}
+
+.starter-template {
+  padding-top: 0px;
+  padding-bottom: 60px;
+  text-align: center;
+}
+
+th {
+	text-align: center;
+	padding-left: 10px;
+	padding-right: 10px;
+}
+
+td {
+	text-align: right;
+	padding-left: 10px;
+	padding-right: 10px;
+}
+
+.error {
+	color: #a94442;
+}
+
+.nav-pills > li > a {
+	border: 1px solid;
+}
+
+h1 {
+    margin-top: 0px;
+}
+
+h2 {
+    margin-top: 0px;
+}
+
+h3 {
+    margin-top: 0px;
+    text-align: center;
+}
+h3:before{
+    content:"― ";
+}
+h3:after{
+    content:" ―";
+}
+
+.tab-content > .active {
+    border-left: 1px solid #ddd;
+    border-right: 1px solid #ddd;
+    border-bottom: 1px solid #ddd;
+    padding: 1px;
+    padding-top: 15px;
+}
+
+.panel-body > p, .panel-body > ul {
+    text-align: left;
+}
+
+.alert {
+    margin-bottom:0px;
+}
+
+.topspace {
+    margin-top: 5px;
+}
+
+// for small devices
+@media only screen
+and (min-device-width : 320px)
+and (max-device-width : 568px) {
+    h3:before{
+        content:"";
+    }
+    h3:after{
+        content:"";
+    }
+    #charts_tabs {
+        display:none;
+    }
+    #charts_tabs-content {
+        display:none;
+    }
+}
+
+.filling_station_info {
+    margin: 5px;
+    border: 1px solid;
+}
+
+.filling_station_info img{
+    margin-top: 6px;
+    height:48px;
+}
+
+/*
+ * styling for sortable tables
+ */
+th.header {
+    background-image: url(../img/updown.gif);
+    background-repeat: no-repeat;
+    background-position: center right;
+}
+
+th.headerSortUp {
+    background-image: url(../img/down.gif);
+}
+
+th.headerSortDown {
+    background-image: url(../img/up.gif);
+}
+