Pavel Popeskul / savelovsky

Go to a project
Toggle navigation Toggle navigation pinning
Pavel Popeskul
d1f1a3d0 1 parent 9f970deb

new design

Inline Side-by-side
Showing 19 changed files with 191 additions and 41 deletions
......@@ -38,7 +38,7 @@
<br>
<button type="button" class="btn btn-default">Как проголосовать</button>
<button type="button" class="btn btn-default btn__attention">Как проголосовать</button>
</div>
</div>
</div>
......
......@@ -19,7 +19,7 @@
</div>
<div class="header__do">
<button type="button" class="btn btn-default">Поддержать</button>
<button type="button" class="btn btn-default btn__attention">Поддержать</button>
</div>
</div>
</div>
......
......@@ -33,7 +33,7 @@
</div>
<div class="header__do">
<button type="button" class="btn btn-default">Поддержать</button>
<button type="button" class="btn btn-default btn__attention">Поддержать</button>
</div>
</div>
</div>
......@@ -100,7 +100,7 @@
<br>
<button type="button" class="btn btn-default">Как проголосовать</button>
<button type="button" class="btn btn-default btn__attention">Как проголосовать</button>
</div>
</div>
</div>
......
......@@ -33,7 +33,7 @@
</div>
<div class="header__do">
<button type="button" class="btn btn-default">Поддержать</button>
<button type="button" class="btn btn-default btn__attention">Поддержать</button>
</div>
</div>
</div>
......@@ -58,7 +58,7 @@
<input type="text" class="form-control" placeholder="Ваш адрес">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Найти</button>
<button class="btn btn-default btn__attention" type="button">Найти</button>
</span>
</div>
</div>
......@@ -655,7 +655,7 @@
<br>
<button type="button" class="btn btn-default">Как проголосовать</button>
<button type="button" class="btn btn-default btn__attention">Как проголосовать</button>
</div>
</div>
</div>
......
......@@ -7596,8 +7596,70 @@ label {
.btn:active:focus {
outline: none;
}
.btn__attention {
background-color: #fb1e42;
border: 1px solid #fb1e42;
color: white;
}
.btn__attention:hover,
.btn__attention:focus {
background-color: #fb1e42;
border: 1px solid #fb1e42;
color: white;
}
.btn__attention:hover:active,
.btn__attention:focus:active {
background-color: #fb1e42;
color: white;
}
.btn__attention--blue {
background-color: #125f8e;
border: 1px solid #125f8e;
}
.btn__attention--blue:hover,
.btn__attention--blue:focus {
background-color: #125f8e;
border: 1px solid #125f8e;
color: white;
}
.btn__attention--blue:hover:active,
.btn__attention--blue:focus:active {
background-color: #125f8e;
color: white;
}
.btn__big {
line-height: 24px;
font-size: 19px;
font-weight: 700;
color: #fff;
background-color: #125f8e;
border: 1px solid #125f8e;
padding: 18px 40px 18px;
letter-spacing: 0.09em;
transition: all 0.2s ease;
text-transform: uppercase;
}
.btn__big:hover {
background-color: rgba(18, 95, 142, 0.8);
color: white;
}
.btn__big:focus {
text-decoration: none;
background-color: #125f8e;
color: white;
}
.btn__big:active {
background-color: rgba(18, 95, 142, 0.8);
color: white;
}
.btn__big:active:focus {
background-color: rgba(18, 95, 142, 0.8);
color: white;
}
.header {
padding: 11px 0px 35px 0px;
padding: 20px 0px 20px 0px;
background: #125f8e;
color: white;
}
.header__container {
margin-right: auto;
......@@ -7676,15 +7738,20 @@ label {
}
.nav--promo li {
display: inline-block;
margin: 0px 10px;
}
.nav--promo li a {
text-decoration: underline;
color: #000;
color: #125f8e;
font-size: 19px;
border-bottom: 1px rgba(18, 95, 142, 0.5) dashed;
text-decoration: none;
padding: 0px;
line-height: normal;
}
.nav--promo li a:focus,
.nav--promo li a:hover {
color: #000;
text-decoration: underline;
color: #125f8e;
text-decoration: none;
background: transparent;
}
.nav--header {
......@@ -7700,17 +7767,18 @@ label {
.nav--header li a {
padding: 0;
font-size: 16px;
color: #000;
color: white;
}
.nav--header li a:focus,
.nav--header li a:hover {
color: #000;
color: white;
text-decoration: underline;
background: transparent;
}
.footer {
padding: 30px 0px;
background-color: #D7D7D7;
background: #125f8e;
color: white;
}
.footer__container {
margin-right: auto;
......@@ -7763,12 +7831,12 @@ label {
margin-right: 0;
}
.social a {
color: #000;
color: white;
text-decoration: underline;
}
.content {
min-height: 500px;
padding-bottom: 30px;
padding: 30px 0px;
}
.content__container {
margin-right: auto;
......@@ -7913,6 +7981,7 @@ label {
.promo {
text-align: center;
padding: 30px 0px;
color: #125f8e;
}
.promo__row {
margin-left: -10px;
......
......@@ -33,7 +33,7 @@
</div>
<div class="header__do">
<button type="button" class="btn btn-default">Поддержать</button>
<button type="button" class="btn btn-default btn__attention">Поддержать</button>
</div>
</div>
</div>
......@@ -223,7 +223,7 @@
<br>
<button type="button" class="btn btn-default">Как проголосовать</button>
<button type="button" class="btn btn-default btn__attention">Как проголосовать</button>
</div>
</div>
</div>
......
......@@ -29,7 +29,7 @@
<br>
<button type="button" class="btn btn-default">Познакомится с кандидатами</button>
<button type="button" class="btn btn-default btn__big">Познакомится с кандидатами</button>
<div class="promo__nav">
<ul class="nav nav--promo">
......@@ -85,7 +85,7 @@
<br>
<button type="button" class="btn btn-default">Как проголосовать</button>
<button type="button" class="btn btn-default btn__attention">Как проголосовать</button>
</div>
</div>
</div>
......
......@@ -33,7 +33,7 @@
</div>
<div class="header__do">
<button type="button" class="btn btn-default">Поддержать</button>
<button type="button" class="btn btn-default btn__attention">Поддержать</button>
</div>
</div>
</div>
......@@ -122,7 +122,7 @@
<br>
<button type="button" class="btn btn-default">Как проголосовать</button>
<button type="button" class="btn btn-default btn__attention">Как проголосовать</button>
</div>
</div>
</div>
......
......@@ -33,7 +33,7 @@
</div>
<div class="header__do">
<button type="button" class="btn btn-default">Поддержать</button>
<button type="button" class="btn btn-default btn__attention">Поддержать</button>
</div>
</div>
</div>
......@@ -77,7 +77,7 @@
<input type="text" class="form-control" placeholder="Ваш телефон">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Напомнить о выборах</button>
<button class="btn btn-default btn__attention btn__attention--blue" type="button">Напомнить о выборах</button>
</span>
</div>
</div>
......@@ -232,7 +232,7 @@
<br>
<button type="button" class="btn btn-default">Как проголосовать</button>
<button type="button" class="btn btn-default btn__attention">Как проголосовать</button>
</div>
</div>
</div>
......
......@@ -38,7 +38,7 @@
<br>
<button type="button" class="btn btn-default">Как проголосовать</button>
<button type="button" class="btn btn-default btn__attention">Как проголосовать</button>
</div>
</div>
</div>
......
......@@ -19,7 +19,7 @@
</div>
<div class="header__do">
<button type="button" class="btn btn-default">Поддержать</button>
<button type="button" class="btn btn-default btn__attention">Поддержать</button>
</div>
</div>
</div>
......
......@@ -21,7 +21,7 @@
<input type="text" class="form-control" placeholder="Ваш адрес">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Найти</button>
<button class="btn btn-default btn__attention" type="button">Найти</button>
</span>
</div>
</div>
......
......@@ -17,7 +17,7 @@
<br>
<button type="button" class="btn btn-default">Познакомится с кандидатами</button>
<button type="button" class="btn btn-default btn__big">Познакомится с кандидатами</button>
<div class="promo__nav">
<ul class="nav nav--promo">
......
......@@ -11,4 +11,71 @@
outline: none;
}
}
&__attention {
background-color: #fb1e42;
border: 1px solid #fb1e42;
color: white;
&:hover, &:focus {
background-color: #fb1e42;
border: 1px solid #fb1e42;
color: white;
&:active {
background-color: #fb1e42;
color: white;
}
}
&--blue {
background-color: #125f8e;
border: 1px solid #125f8e;
&:hover, &:focus {
background-color: #125f8e;
border: 1px solid #125f8e;
color: white;
&:active {
background-color: #125f8e;
color: white;
}
}
}
}
&__big {
line-height: 24px;
font-size: 19px;
font-weight: 700;
color: #fff;
background-color: #125f8e;
border: 1px solid #125f8e;
padding: 18px 40px 18px;
letter-spacing: 0.09em;
transition: all 0.2s ease;
text-transform: uppercase;
&:hover {
background-color: rgba(18, 95, 142, 0.8);
color: white;
}
&:focus {
text-decoration: none;
background-color: #125f8e;
color: white;
}
&:active {
background-color: rgba(18, 95, 142, 0.8);
color: white;
&:focus {
background-color: rgba(18, 95, 142, 0.8);
color: white;
}
}
}
}
\ No newline at end of file
......
.content {
min-height: 500px;
padding-bottom: 30px;
padding: 30px 0px;
&__container {
.container();
......
......@@ -5,7 +5,9 @@
//width: 100%;
//height: 60px;
padding: 30px 0px;
background-color: #D7D7D7;
//background-color: #D7D7D7;
background: #125f8e;
color: white;
&__container {
.container();
......@@ -18,6 +20,10 @@
&__right {
float: right;
}
p {
//color: ;
}
}
.social {
......@@ -34,7 +40,7 @@
}
a {
color: #000;
color: white;
text-decoration: underline;
}
}
\ No newline at end of file
......
.header {
padding: 11px 0px 35px 0px;
padding: 20px 0px 20px 0px;
background: #125f8e;
color: white;
&__container {
.container();
......@@ -43,14 +45,19 @@
li {
display: inline-block;
margin: 0px 10px;
a {
text-decoration: underline;
color: #000;
color: #125f8e;
font-size: 19px;
border-bottom: 1px rgba(18,95,142,0.5) dashed;
text-decoration: none;
padding: 0px;
line-height: normal;
&:focus, &:hover {
color: #000;
text-decoration: underline;
color: #125f8e;
text-decoration: none;
background: transparent;
}
}
......@@ -71,10 +78,10 @@
a {
padding: 0;
font-size: 16px;
color: #000;
color: white;
&:focus, &:hover {
color: #000;
color: white;
text-decoration: underline;
background: transparent;
}
......
......@@ -2,6 +2,7 @@
.promo {
text-align: center;
padding: 30px 0px;
color: #125f8e;
&__row {
.row;
......
......@@ -40,7 +40,7 @@
<input type="text" class="form-control" placeholder="Ваш телефон">
<span class="input-group-btn">
<button class="btn btn-default" type="button">Напомнить о выборах</button>
<button class="btn btn-default btn__attention btn__attention--blue" type="button">Напомнить о выборах</button>
</span>
</div>
</div>
......