Resolve "Адаптивный заголовок на странице" #155

Merged
romanov73 merged 1 commits from 29-page-header into dev 2019-03-06 16:25:40 +04:00

View File

@ -200,20 +200,24 @@ img::-moz-selection {
border: none;
background-color: transparent;
}
#mainNav .navbar-brand {
font-size: 1.75em;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#mainNav .navbar-nav .nav-item .nav-link {
padding: 1.1em 1em !important;
}
#mainNav.navbar-shrink {
padding-top: 0;
padding-bottom: 0;
background-color: #212529;
}
#mainNav.navbar-shrink .navbar-brand {
font-size: 1.25em;
padding: 12px 0;
@ -259,6 +263,7 @@ header.masthead .intro-text .intro-heading {
padding-top: 300px;
padding-bottom: 200px;
}
header.masthead .intro-text .intro-lead-in {
font-size: 40px;
font-style: italic;
@ -266,6 +271,7 @@ header.masthead .intro-text .intro-heading {
margin-bottom: 25px;
font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
header.masthead .intro-text .intro-heading {
font-size: 75px;
font-weight: 700;
@ -556,27 +562,32 @@ header.masthead .intro-text .intro-heading {
.timeline:before {
left: 50%;
}
.timeline > li {
min-height: 100px;
margin-bottom: 100px;
}
.timeline > li .timeline-panel {
float: left;
width: 41%;
padding: 0 20px 20px 30px;
text-align: right;
}
.timeline > li .timeline-image {
left: 50%;
width: 100px;
height: 100px;
margin-left: -50px;
}
.timeline > li .timeline-image h4 {
font-size: 13px;
line-height: 18px;
margin-top: 16px;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
padding: 0 30px 20px 20px;
@ -588,19 +599,23 @@ header.masthead .intro-text .intro-heading {
.timeline > li {
min-height: 150px;
}
.timeline > li .timeline-panel {
padding: 0 20px 20px;
}
.timeline > li .timeline-image {
width: 150px;
height: 150px;
margin-left: -75px;
}
.timeline > li .timeline-image h4 {
font-size: 18px;
line-height: 26px;
margin-top: 30px;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding: 0 20px 20px;
}
@ -610,17 +625,21 @@ header.masthead .intro-text .intro-heading {
.timeline > li {
min-height: 170px;
}
.timeline > li .timeline-panel {
padding: 0 20px 20px 100px;
}
.timeline > li .timeline-image {
width: 170px;
height: 170px;
margin-left: -85px;
}
.timeline > li .timeline-image h4 {
margin-top: 40px;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding: 0 100px 20px 20px;
}
@ -762,6 +781,7 @@ ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons l
width: 100%;
margin: 5px;
}
/* ---------------------------------------------------
FEEDBACK STYLE
----------------------------------------------------- */