diff --git a/assets/style/footer.scss b/assets/style/footer.scss
index 032f15d8..918b88b9 100644
--- a/assets/style/footer.scss
+++ b/assets/style/footer.scss
@@ -1,56 +1,74 @@
-footer{
+footer {
+ color: #e3e3e3;
+ background-color: #151515;
+ font-size: 0.9em;
+ padding: 0 0.5em 0.5em;
position: relative;
- background-color: black;
- color: #ffffff;
- overflow-x: scroll;
- margin: 0;
- &:before{
+ &:before {
content: '';
position: absolute;
top: -3px;
+ left: 0;
width: 100%;
height: 3px;
+ z-index: 100;
background-image: url('/graphics/rawline.png');
}
- .info-block{
- display: flex;
- margin: 0;
+ h4{
+ font-size: 1.3em;
+ color: white;
+ margin: 0.5em 0 0.7em;
+ }
- & > div{
- margin: 0 30px 0 10px;
+ ul {
+ padding: 0 0.5em 0 1em;
+ list-style: none;
+
+ li {
+ margin: 0 0 0.5em;
}
}
- a{
+ a {
+ padding: 0.15em 0;
+ line-height: 1.5em;
color: #738cdb;
+ text-decoration: none;
+ border-bottom: 1px solid #2c3652;
}
- ul{
- list-style: none;
+ .info-block {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+
+ & > div {
+ box-sizing: border-box;
+ padding: 0 1em;
+ }
}
-}
-.footer-content{
- min-width: 500px;
-}
+ .contacts {
+ & > div {
+ padding: 0 1em;
+ }
-@media screen and (max-device-width: 500px){
- footer{
- font-size: 8pt;
-
- .info-block{
- display: block;
- margin: 0;
+ p {
+ margin: 0.5em 1em;
+ }
+ }
- & > div{
- margin: 0 30px 0 10px;
- }
+ .copyright {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: baseline;
+ justify-content: space-between;
- p{
- margin: 0;
- }
+ span {
+ padding: 1.5em 1em 0.25em;
+ box-sizing: padding-box;
}
}
}
\ No newline at end of file
diff --git a/assets/style/main.scss b/assets/style/main.scss
index c6d635c1..9fc8064f 100644
--- a/assets/style/main.scss
+++ b/assets/style/main.scss
@@ -3,12 +3,23 @@
padding: 0;
}
-body {
- font-family: "PT Sans", Arial, sans-serif;
- margin: 0;
- padding: 0;
+html, body {
+ height: 100%;
+}
- min-width: 320px;
+body {
+ font-family: "PT Sans", Arial, sans-serif;
+ min-width: 320px;
+}
+
+.wrapper {
+ display: flex;
+ min-height: 100%;
+ flex-direction: column;
+}
+
+.content {
+ flex: 1;
}
a {
@@ -25,7 +36,7 @@ a:active {
border-bottom: 1px solid rgb(63, 156, 234);
}
-h3 a{
+h3 a {
color: black;
text-decoration: none;
border-bottom: 1px solid #ddd;
@@ -51,14 +62,14 @@ ul.submenu {
text-align: center;
li {
- display: inline-block;
- vertical-align: top;
- margin: 0 30px 0 0;
+ display: inline-block;
+ vertical-align: top;
+ margin: 0 30px 0 0;
- p {
- margin: 2px 0 0;
- font-size: 0.75em;
- color: #999;
- }
+ p {
+ margin: 2px 0 0;
+ font-size: 0.75em;
+ color: #999;
+ }
}
}
\ No newline at end of file
diff --git a/assets/style/menu.scss b/assets/style/menu.scss
index f35db8d9..9f3329e3 100644
--- a/assets/style/menu.scss
+++ b/assets/style/menu.scss
@@ -65,12 +65,12 @@ header {
}
@media (min-width: 31.25em) {
- header nav {
+ header{
max-height: none;
overflow: hidden;
- }
- nav ul {
- width: 100%;
+ nav ul {
+ width: 100%;
+ }
}
}
\ No newline at end of file
diff --git a/templates/main-dev.html b/templates/main-dev.html
index ad41c4e0..13cf4fd3 100644
--- a/templates/main-dev.html
+++ b/templates/main-dev.html
@@ -29,22 +29,34 @@
-
+