tmshv/hudozka
1
0 Fork 0
Code Issues Pull Requests Actions Releases Wiki Activity

fix: footer;

Browse Source
This commit is contained in:
tmshv committed 2015-07-03 15:19:19 +03:00
1 parent d00c91605d
commit 2cab2072fc
5 files changed
+150 -111
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/style/footer.scss
+49 -31
View File
@@ -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;
}
}
}
assets/style/main.scss
+25 -14
View File
@@ -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;
}
}
}
assets/style/menu.scss
+4 -4
View File
@@ -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%;
}
}
}
templates/main-dev.html
+36 -31
View File
@@ -29,22 +29,34 @@
<script src="/app.js"></script>
</head>
<body>
<header>
<nav role="navigation" ng-controller="MenuController">
<ul>
<li ng-repeat="item in menu" class="{{item.color}}" ng-class="{selected:isCurrent(item)}">
<span ng-hide="isValid(item)">{{item.text}}</span>
<a href="{{item.url}}" ng-show="isValid(item)">{{item.text}}</a>
</li>
</ul>
</nav>
</header>
<div class="wrapper">
<header>
<nav role="navigation" ng-controller="MenuController">
<ul>
<li ng-repeat="item in menu" class="{{item.color}}" ng-class="{selected:isCurrent(item)}">
<span ng-hide="isValid(item)">{{item.text}}</span>
<a href="{{item.url}}" ng-show="isValid(item)">{{item.text}}</a>
</li>
</ul>
</nav>
</header>
<div class="page {{pageClass}}" ng-view></div>
<div class="content">
<div class="page {{pageClass}}" ng-view></div>
</div>
<footer>
<div class="footer-content">
<footer>
<div class="info-block">
<div>
<h4>Документы</h4>
<ul>
<li><a target="_blank" href="/document/edu-license">Лицензия на осуществление образовательной деятельности</a></li>
<li><a target="_blank" href="/document/gov-certificate">Свидетельство о государственной регистрации права</a></li>
<li><a target="_blank" href="/document/EGRYL1">Свидетельство о внесении в «ЕГРЮЛ»</a></li>
<li><a target="_blank" href="/document/VAT">ИНН</a></li>
<li><a target="_blank" href="/document/statue-2013">Устав школы</a></li>
</ul>
</div>
<div>
<h4>Ссылки на образовательные сайты</h4>
<ul>
@@ -59,29 +71,22 @@
<li><a href="http://kirovskdmh.ucoz.ru">kirovskdmh.ucoz.ru</a> — Музыкальная школа Кировска</li>
</ul>
</div>
</div>
<div class="contacts">
<div>
<h4>Документы</h4>
<ul>
<li><a target="_blank" href="/document/edu-license">Лицензия на осуществление образовательной деятельности</a></li>
<li><a target="_blank" href="/document/gov-certificate">Свидетельство о государственной регистрации права</a></li>
<li><a target="_blank" href="/document/EGRYL1">Свидетельство о внесении в «ЕГРЮЛ»</a></li>
<li><a target="_blank" href="/document/VAT">ИНН</a></li>
<li><a target="_blank" href="/document/statue-2013">Устав школы</a></li>
</ul>
<h4>Контактная информация</h4>
<p>Адрес: ул. 18 января, д. 3</p>
<p>Телефон: +7 (81362) 79-123</p>
<p>Почта: <a href="#">hudozka@gmail.com</a></p>
</div>
</div>
<div class="info-block">
<div>
<p>© 2014...{{now.year}}</p>
<p>Художественная школа Шлиссельбурга</p>
<p>Адрес: {{contact.address}}</p>
<p>Телефон: {{contact.telephone}}</p>
<p>Почта: <a href="mailto:{{contact.email}}">{{contact.email}}</a></p>
</div>
<div class="copyright">
<span>©&nbsp;2014...2015 Художественная&nbsp;школа&nbsp;Шлиссельбурга</span>
<span>Разработка и поддержка сайта — <a href="http://tmshv.com">www.tmshv.ru</a></span>
</div>
</div>
</footer>
</footer>
</div>
</body>
</html>
templates/main.html
+36 -31
View File
@@ -46,22 +46,34 @@
</script>
</head>
<body>
<header>
<nav role="navigation" ng-controller="MenuController">
<ul>
<li ng-repeat="item in menu" class="{{item.color}}" ng-class="{selected:isCurrent(item)}">
<span ng-hide="isValid(item)">{{item.text}}</span>
<a href="{{item.url}}" ng-show="isValid(item)">{{item.text}}</a>
</li>
</ul>
</nav>
</header>
<div class="wrapper">
<header>
<nav role="navigation" ng-controller="MenuController">
<ul>
<li ng-repeat="item in menu" class="{{item.color}}" ng-class="{selected:isCurrent(item)}">
<span ng-hide="isValid(item)">{{item.text}}</span>
<a href="{{item.url}}" ng-show="isValid(item)">{{item.text}}</a>
</li>
</ul>
</nav>
</header>
<div class="page {{pageClass}}" ng-view></div>
<div class="content">
<div class="page {{pageClass}}" ng-view></div>
</div>
<footer>
<div class="footer-content">
<footer>
<div class="info-block">
<div>
<h4>Документы</h4>
<ul>
<li><a target="_blank" href="/document/edu-license">Лицензия на осуществление образовательной деятельности</a></li>
<li><a target="_blank" href="/document/gov-certificate">Свидетельство о государственной регистрации права</a></li>
<li><a target="_blank" href="/document/EGRYL1">Свидетельство о внесении в «ЕГРЮЛ»</a></li>
<li><a target="_blank" href="/document/VAT">ИНН</a></li>
<li><a target="_blank" href="/document/statue-2013">Устав школы</a></li>
</ul>
</div>
<div>
<h4>Ссылки на образовательные сайты</h4>
<ul>
@@ -76,29 +88,22 @@
<li><a href="http://kirovskdmh.ucoz.ru">kirovskdmh.ucoz.ru</a> — Музыкальная школа Кировска</li>
</ul>
</div>
</div>
<div class="contacts">
<div>
<h4>Документы</h4>
<ul>
<li><a target="_blank" href="/document/edu-license">Лицензия на осуществление образовательной деятельности</a></li>
<li><a target="_blank" href="/document/gov-certificate">Свидетельство о государственной регистрации права</a></li>
<li><a target="_blank" href="/document/EGRYL1">Свидетельство о внесении в «ЕГРЮЛ»</a></li>
<li><a target="_blank" href="/document/VAT">ИНН</a></li>
<li><a target="_blank" href="/document/statue-2013">Устав школы</a></li>
</ul>
<h4>Контактная информация</h4>
<p>Адрес: ул. 18 января, д. 3</p>
<p>Телефон: +7 (81362) 79-123</p>
<p>Почта: <a href="#">hudozka@gmail.com</a></p>
</div>
</div>
<div class="info-block">
<div>
<p>© 2014...{{now.year}}</p>
<p>Художественная школа Шлиссельбурга</p>
<p>Адрес: {{contact.address}}</p>
<p>Телефон: {{contact.telephone}}</p>
<p>Почта: <a href="mailto:{{contact.email}}">{{contact.email}}</a></p>
</div>
<div class="copyright">
<span>©&nbsp;2014...2015 Художественная&nbsp;школа&nbsp;Шлиссельбурга</span>
<span>Разработка и поддержка сайта — <a href="http://tmshv.com">www.tmshv.ru</a></span>
</div>
</div>
</footer>
</footer>
</div>
</body>
</html>