Skip to content

T
taskonsite-архив-перенесен
Commit e37c50a1 authored by Олег Гиммельшпах's avatar Олег Гиммельшпах
Browse files
Options

update template

parent 6b9fd9a1
Hide whitespace changes
Inline Side-by-side
Showing with 994 additions and 5 deletions
frontend/web/css/screen.css
View file @ e37c50a1
...@@ -111,6 +111,7 @@ body { ...@@ -111,6 +111,7 @@ body {
font-family: "RobotoRegular"; font-family: "RobotoRegular";
position: relative; position: relative;
overflow-x: hidden; overflow-x: hidden;
min-width: 320px;
} }
.hidden { .hidden {
...@@ -123,6 +124,17 @@ strong { ...@@ -123,6 +124,17 @@ strong {
line-height: 22px; line-height: 22px;
} }
i {
font-style: italic;
color: #494949;
line-height: 22px;
}
u {
color: #494949;
line-height: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) { @media only screen and (min-width: 768px) and (max-width: 970px) {
.container { .container {
width: 750px; width: 750px;
...@@ -13100,3 +13112,576 @@ a.appl_btn:hover, a.appl_btn:active, a.appl_btn:focus { ...@@ -13100,3 +13112,576 @@ a.appl_btn:hover, a.appl_btn:active, a.appl_btn:focus {
font-size: 14px; font-size: 14px;
} }
} }
.blog_container {
background: #fff;
width: 100%;
padding-top: 46px;
}
.blog {
padding-bottom: 30px;
}
.blog h1 {
font-size: 29px;
font-family: "RobotoBold";
color: #2d3642;
margin-bottom: 16px;
}
.subsc_blog {
background: #F1F1F1;
padding: 20px;
}
.subsc_blog_title {
color: #2d323a;
font-size: 25px;
font-family: "RobotoBold";
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.subsc_blog_title {
font-size: 17px;
}
}
.subsc_blog_txt {
font-size: 17px;
color: #2d323a;
line-height: 26px;
margin: 15px 0px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.subsc_blog_txt {
margin: 10px 0 15px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.subsc_blog_txt {
font-size: 14px;
}
}
.subsc_blog_form input[type="email"] {
display: block;
width: 273px;
height: 49px;
background: #FDFDFD;
border: 1px solid #E9E9E9;
padding: 0 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
font-size: 16px;
color: #83999e;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.subsc_blog_form input[type="email"] {
width: 100%;
}
}
.subsc_blog_form input[type="email"]::-webkit-input-placeholder {
color: #83999e;
font-size: 16px;
opacity: 1;
}
.subsc_blog_form input[type="email"]:-moz-placeholder {
color: #83999e;
font-size: 16px;
opacity: 1;
}
.subsc_blog_form input[type="email"]::-moz-placeholder {
color: #83999e;
font-size: 16px;
opacity: 1;
}
.subsc_blog_form input[type="email"]:-ms-input-placeholder {
color: #83999e;
font-size: 16px;
opacity: 1;
}
.subsc_blog_form .field-input.input-error {
background: #fff url(../images/icon-fail.png) no-repeat 96% center;
border: 1px solid #E9A2A2;
}
.subsc_blog_form button {
width: 178px;
height: 50px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
text-align: center;
color: #655d04;
font-family: "RobotoBold";
font-size: 20px;
background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border: none;
border-bottom: 4px solid #D2BF00;
line-height: 43px;
display: inline-block;
margin: 20px 0px 0px;
}
.subsc_blog_form button:hover, .subsc_blog_form button:focus {
background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border-bottom: 4px solid #D2BF00;
text-decoration: none;
}
.subsc_blog_form button:active {
background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border: none;
border-top: 4px solid #D2BF00;
text-decoration: none;
}
.article_short {
margin-bottom: 57px;
}
.article_short:last-child {
margin-bottom: 0;
}
.article_short_title {
font-size: 25px;
line-height: 35px;
color: #3d3d3d;
font-family: "RobotoBold";
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.article_short_title {
font-size: 20px;
line-height: 27px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.article_short_title {
font-size: 20px;
line-height: 27px;
}
}
.article_short_title:hover, .article_short_title:focus, .article_short_title:active {
color: #49acc5;
text-decoration: none;
}
.article_short_head {
height: 30px;
width: 100%;
line-height: 30px;
font-size: 13px;
color: #949494;
margin-top: 5px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.article_short_head {
height: auto;
}
}
.article_short_date {
margin-right: 19px;
}
.article_short_view {
position: relative;
}
.article_short_view:hover .blog_toltip_left {
display: block;
}
.article_short_view:before {
content: "";
background: url(../images/icon/article_view.png) no-repeat;
width: 21px;
height: 14px;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
margin-top: -3px;
}
.article_short_view .blog_toltip_left {
display: none;
width: 209px;
height: 66px;
line-height: 65px;
padding-left: 5px;
background: url(../images/blog_toltip_left.png) no-repeat center center;
text-align: center;
font-size: 14px;
font-family: "RobotoLight";
position: absolute;
right: -214px;
top: -23px;
}
.article_short_tags {
margin-top: 11px;
}
.article_short_tags a {
font-size: 14px;
color: #49acc5;
margin-right: 10px;
}
.article_short_tags a:hover, .article_short_tags a:focus, .article_short_tags a:active {
text-decoration: underline;
}
.article_short_txt {
overflow-x: auto;
}
.article_short_txt img {
margin: 14px 0 11px;
width: 100%;
height: auto;
}
.article_short_txt p {
font-size: 16px;
line-height: 25px;
color: #525252;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.article_short_txt p {
font-size: 14px;
line-height: 22px;
}
}
.article_short_txt p a {
color: #49acc5;
}
.article_short_txt p a:hover, .article_short_txt p a:focus, .article_short_txt p a:active {
text-decoration: underline;
}
.article_short_txt ol {
margin-top: 25px;
}
.article_short_txt ol li {
color: #3c4755;
font-size: 16px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.article_short_txt ol li {
font-size: 14px;
}
}
.article_short_txt ol li:before {
counter-increment: myCounter;
content: counter(myCounter);
color: #fff;
font-size: 15px;
font-family: "RobotoBold";
background: #00AEC7;
display: inline-block;
text-align: center;
margin: 4px 12px 4px 4px;
line-height: 23px;
width: 23px;
height: 23px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
}
.article_short_txt ul {
margin-top: 32px;
}
.article_short_txt ul li {
background: url(../images/icon/ul_list_blue.png) no-repeat left center;
height: 30px;
line-height: 30px;
padding-left: 34px;
font-size: 16px;
color: #3c4755;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.article_short_txt ul li {
font-size: 14px;
line-height: 17px;
margin-bottom: 10px;
}
}
.article_short_txt .tb_blog {
margin-top: 23px;
overflow-x: auto;
}
.article_short_txt tr th {
padding: 15px 20px;
border: 1px solid #C7C7C7;
vertical-align: top;
color: #2d323a;
font-size: 16px;
line-height: 20px;
}
.article_short_txt thead tr th {
background: #00AEC7;
font-family: "RobotoBold";
color: #fff;
font-size: 16px;
line-height: 21px;
padding: 0px 0px 0px 20px;
border: 1px solid #C7C7C7;
vertical-align: middle;
}
.article_short_social {
float: right;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.article_short_social {
float: none;
}
}
.sidebar {
margin-top: 5px;
}
.sidebar_module h2 {
font-size: 18px;
line-height: 20px;
color: #3d3d3d;
font-family: "RobotoBold";
margin-bottom: 25px;
}
.sidebar_module_body a.cat_link_mod {
display: inline-block;
font-size: 14px;
color: #fff;
background: #00AEC7;
padding: 14px 20px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
margin-right: 10px;
font-family: "RobotoBold";
margin-bottom: 21px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.sidebar_module_body a.cat_link_mod {
margin-right: 0px;
margin-bottom: 4px;
}
}
.sidebar_module_body a.cat_link_mod:hover, .sidebar_module_body a.cat_link_mod:focus, .sidebar_module_body a.cat_link_mod:active {
text-decoration: none;
background: #FFDF00;
color: #2d3642;
}
.sidebar_module .article_itm {
margin-bottom: 30px;
}
.sidebar_module .article_itm img {
max-width: 100%;
height: auto;
display: block;
}
.sidebar_module a.article_itm_link {
font-size: 16px;
color: #2d3642;
line-height: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.sidebar_module a.article_itm_link {
line-height: 20px;
}
}
.sidebar_module a.article_itm_link:hover, .sidebar_module a.article_itm_link:focus, .sidebar_module a.article_itm_link:active {
color: #49acc5;
text-decoration: none;
}
.sidebar_social li {
display: inline-block;
margin-right: 26px;
margin-bottom: 26px;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.sidebar_social li {
margin-right: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.sidebar_social li {
margin-right: 20px;
margin-bottom: 20px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.sidebar_social li {
margin-right: 20px;
margin-bottom: 20px;
}
}
.sidebar_social li:nth-child(4) {
margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 970px) {
.sidebar_social li:nth-child(4) {
margin-right: 20px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.sidebar_social li:nth-child(4) {
margin-right: 20px;
}
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.sidebar_social li:nth-child(4) {
margin-right: 20px;
}
}
.sidebar_social_fb {
background: #324C84 url(../images/icon/sidebar_social_fb.png) no-repeat center center;
width: 48px;
height: 48px;
display: inline-block;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.sidebar_social_fb:hover, .sidebar_social_fb:focus, .sidebar_social_fb:active {
background: #0093A9 url(../images/icon/sidebar_social_fb.png) no-repeat center center;
}
.sidebar_social_ok {
background: #daaa03 url(../images/icon/sidebar_social_ok.png) no-repeat center center;
width: 48px;
height: 48px;
display: inline-block;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.sidebar_social_ok:hover, .sidebar_social_ok:focus, .sidebar_social_ok:active {
background: #0093A9 url(../images/icon/sidebar_social_ok.png) no-repeat center center;
}
.sidebar_social_tw {
background: #69baf3 url(../images/icon/sidebar_social_tw.png) no-repeat center center;
width: 48px;
height: 48px;
display: inline-block;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.sidebar_social_tw:hover, .sidebar_social_tw:focus, .sidebar_social_tw:active {
background: #0093A9 url(../images/icon/sidebar_social_tw.png) no-repeat center center;
}
.sidebar_social_gp {
background: #ff5400 url(../images/icon/sidebar_social_gp.png) no-repeat center center;
width: 48px;
height: 48px;
display: inline-block;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.sidebar_social_gp:hover, .sidebar_social_gp:focus, .sidebar_social_gp:active {
background: #0093A9 url(../images/icon/sidebar_social_gp.png) no-repeat center center;
}
.sidebar_social_yt {
background: #e73500 url(../images/icon/sidebar_social_yt.png) no-repeat center center;
width: 48px;
height: 48px;
display: inline-block;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.sidebar_social_yt:hover, .sidebar_social_yt:focus, .sidebar_social_yt:active {
background: #0093A9 url(../images/icon/sidebar_social_yt.png) no-repeat center center;
}
.sidebar_social_vk {
background: #5872c4 url(../images/icon/sidebar_social_vk.png) no-repeat center center;
width: 48px;
height: 48px;
display: inline-block;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.sidebar_social_vk:hover, .sidebar_social_vk:focus, .sidebar_social_vk:active {
background: #0093A9 url(../images/icon/sidebar_social_vk.png) no-repeat center center;
}
.sidebar_social_inst {
background: #745e51 url(../images/icon/sidebar_social_inst.png) no-repeat center center;
width: 48px;
height: 48px;
display: inline-block;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.sidebar_social_inst:hover, .sidebar_social_inst:focus, .sidebar_social_inst:active {
background: #0093A9 url(../images/icon/sidebar_social_inst.png) no-repeat center center;
}
.sidebar_btn {
width: 190px;
height: 35px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
-o-border-radius: 50px;
-ms-border-radius: 50px;
text-align: center;
color: #655d04;
font-size: 15px;
background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border: none;
border-bottom: 4px solid #D2BF00;
line-height: 30px;
display: inline-block;
margin: 15px 0px 15px;
position: relative;
}
.sidebar_btn:hover, .sidebar_btn:focus {
background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border-bottom: 4px solid #D2BF00;
text-decoration: none;
}
.sidebar_btn:hover .blog_toltip_right, .sidebar_btn:focus .blog_toltip_right {
display: block;
}
.sidebar_btn:active {
background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%);
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12);
color: #908505;
border: none;
border-top: 4px solid #D2BF00;
text-decoration: none;
}
.sidebar_btn:last-child {
margin-bottom: 40px;
}
.sidebar_btn .blog_toltip_right {
display: none;
width: 209px;
height: 66px;
line-height: 17px;
color: #3c4755;
background: url(../images/blog_toltip_right.png) no-repeat center center;
text-align: left;
font-size: 14px;
font-family: "RobotoLight";
position: absolute;
padding: 14px 30px 14px 20px;
left: -215px;
top: -16px;
}
frontend/web/js/common.js
View file @ e37c50a1
...@@ -47,15 +47,14 @@ $(document).ready(function() { ...@@ -47,15 +47,14 @@ $(document).ready(function() {
} }
}); });
$('.dep_block__hide').hide(); $('.dep_block__hide').hide();
$('.dep_block_hide__btn').click(function(){ $('.dep_block_hide__btn').click(function(){
if ($('.dep_block_hide__btn').text() == $(this).data('show')){ if ($('.dep_block_hide__btn').text() == $(this).data('show')){
$('.line_hide').fadeTo( "slow" , 0);
$('.dep_block__hide').slideDown(1000); $('.dep_block__hide').slideDown(1000);
$(this).text($(this).data('hide')) $(this).text($(this).data('hide'));
} }
else { else {
$('.line_hide').fadeTo( "slow" , 1);
$('.dep_block__hide').slideUp(1000); $('.dep_block__hide').slideUp(1000);
$(this).text($(this).data('show')); $(this).text($(this).data('show'));
} }
...@@ -594,7 +593,6 @@ $(function() { ...@@ -594,7 +593,6 @@ $(function() {
} }
}); });
}); });
jQuery(document).ready(function(){ jQuery(document).ready(function(){
$(".box_off").on('click', function () { $(".box_off").on('click', function () {
......
frontend/web/sass/screen.sass
View file @ e37c50a1
...@@ -51,12 +51,20 @@ body ...@@ -51,12 +51,20 @@ body
font-family: "RobotoRegular" font-family: "RobotoRegular"
position: relative position: relative
overflow-x: hidden overflow-x: hidden
min-width: 320px
.hidden .hidden
display: none display: none
strong strong
font-family: "RobotoBold" font-family: "RobotoBold"
color: #494949 color: #494949
line-height: 22px line-height: 22px
i
font-style: italic
color: #494949
line-height: 22px
u
color: #494949
line-height: 22px
.container .container
+r(768,970) +r(768,970)
width: 750px width: 750px
...@@ -8658,4 +8666,402 @@ a.appl_btn ...@@ -8658,4 +8666,402 @@ a.appl_btn
font-size: 17px font-size: 17px
line-height: 26px line-height: 26px
+r(320,479) +r(320,479)
font-size: 14px font-size: 14px
\ No newline at end of file .blog_container
background: #fff
width: 100%
padding-top: 46px
.blog
padding-bottom: 30px
h1
font-size: 29px
font-family: "RobotoBold"
color: #2d3642
margin-bottom: 16px
.subsc_blog
background: #F1F1F1
padding: 20px
&_title
color: #2d323a
font-size: 25px
font-family: "RobotoBold"
+r(320,479)
font-size: 17px
&_txt
font-size: 17px
color: #2d323a
line-height: 26px
margin: 15px 0px
+r(768,970)
margin: 10px 0 15px
+r(320,479)
font-size: 14px
.subsc_blog_form
input[type="email"]
display: block
width: 273px
height: 49px
background: #FDFDFD
border: 1px solid #E9E9E9
padding: 0 10px
+br(10px)
font-size: 16px
color: #83999e
+r(320,479)
width: 100%
&::-webkit-input-placeholder
color: #83999e
font-size: 16px
opacity: 1
&:-moz-placeholder
color: #83999e
font-size: 16px
opacity: 1
&::-moz-placeholder
color: #83999e
font-size: 16px
opacity: 1
&:-ms-input-placeholder
color: #83999e
font-size: 16px
opacity: 1
.field-input.input-error
background: #fff url(../images/icon-fail.png) no-repeat 96% center
border: 1px solid #E9A2A2
button
width: 178px
height: 50px
+br(50px)
text-align: center
color: #655d04
font-family: "RobotoBold"
font-size: 20px
background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border: none
border-bottom: 4px solid #D2BF00
line-height: 43px
display: inline-block
margin: 20px 0px 0px
&:hover, &:focus
background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border-bottom: 4px solid #D2BF00
text-decoration: none
&:active
background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border: none
border-top: 4px solid #D2BF00
text-decoration: none
.article_short
margin-bottom: 57px
&:last-child
margin-bottom: 0
&_title
font-size: 25px
line-height: 35px
color: #3d3d3d
font-family: "RobotoBold"
+r(768,970)
font-size: 20px
line-height: 27px
+r(320,479)
font-size: 20px
line-height: 27px
&:hover, &:focus, &:active
color: #49acc5
text-decoration: none
&_head
height: 30px
width: 100%
line-height: 30px
font-size: 13px
color: #949494
margin-top: 5px
+r(320,479)
height: auto
&_date
margin-right: 19px
&_view
position: relative
&:hover
.blog_toltip_left
display: block
&:before
content: ''
background: url(../images/icon/article_view.png) no-repeat
width: 21px
height: 14px
display: inline-block
vertical-align: middle
margin-right: 6px
margin-top: -3px
.blog_toltip_left
display: none
width: 209px
height: 66px
line-height: 65px
padding-left: 5px
background: url(../images/blog_toltip_left.png) no-repeat center center
text-align: center
font-size: 14px
font-family: "RobotoLight"
position: absolute
right: -214px
top: -23px
&_tags
margin-top: 11px
a
font-size: 14px
color: #49acc5
margin-right: 10px
&:hover, &:focus, &:active
text-decoration: underline
&_txt
overflow-x: auto
img
margin: 14px 0 11px
width: 100%
height: auto
p
font-size: 16px
line-height: 25px
color: #525252
+r(320,479)
font-size: 14px
line-height: 22px
a
color: #49acc5
&:hover, &:focus, &:active
text-decoration: underline
ol
margin-top: 25px
li
color: #3c4755
font-size: 16px
+r(320,479)
font-size: 14px
&:before
counter-increment: myCounter
content: counter(myCounter)
color: #fff
font-size: 15px
font-family: "RobotoBold"
background: #00AEC7
display: inline-block
text-align: center
margin: 4px 12px 4px 4px
line-height: 23px
width: 23px
height: 23px
+br(50px)
ul
margin-top: 32px
li
background: url(../images/icon/ul_list_blue.png) no-repeat left center
height: 30px
line-height: 30px
padding-left: 34px
font-size: 16px
color: #3c4755
+r(320,479)
font-size: 14px
line-height: 17px
margin-bottom: 10px
.tb_blog
margin-top: 23px
overflow-x: auto
tr
th
padding: 15px 20px
border: 1px solid #C7C7C7
vertical-align: top
color: #2d323a
font-size: 16px
line-height: 20px
thead
tr
th
background: #00AEC7
font-family: "RobotoBold"
color: #fff
font-size: 16px
line-height: 21px
padding: 0px 0px 0px 20px
border: 1px solid #C7C7C7
vertical-align: middle
&_social
float: right
+r(320,479)
float: none
.sidebar
margin-top: 5px
&_module
h2
font-size: 18px
line-height: 20px
color: #3d3d3d
font-family: "RobotoBold"
margin-bottom: 25px
&_body
a.cat_link_mod
display: inline-block
font-size: 14px
color: #fff
background: #00AEC7
padding: 14px 20px
+br(5px)
margin-right: 10px
font-family: "RobotoBold"
margin-bottom: 21px
+r(768,970)
margin-right: 0px
margin-bottom: 4px
&:hover, &:focus, &:active
text-decoration: none
background: #FFDF00
color: #2d3642
.article_itm
margin-bottom: 30px
img
max-width: 100%
height: auto
display: block
a.article_itm_link
font-size: 16px
color: #2d3642
line-height: 25px
+r(768,970)
line-height: 20px
&:hover, &:focus, &:active
color: #49acc5
text-decoration: none
&_social
li
display: inline-block
margin-right: 26px
margin-bottom: 26px
+r(768,970)
margin-right: 20px
margin-bottom: 20px
+r(480,767)
margin-right: 20px
margin-bottom: 20px
+r(320,479)
margin-right: 20px
margin-bottom: 20px
&:nth-child(4)
margin-right: 0
+r(768,970)
margin-right: 20px
+r(480,767)
margin-right: 20px
+r(320,479)
margin-right: 20px
&_fb
background: #324C84 url(../images/icon/sidebar_social_fb.png) no-repeat center center
width: 48px
height: 48px
display: inline-block
+br(50%)
&:hover, &:focus, &:active
background: #0093A9 url(../images/icon/sidebar_social_fb.png) no-repeat center center
&_ok
background: #daaa03 url(../images/icon/sidebar_social_ok.png) no-repeat center center
width: 48px
height: 48px
display: inline-block
+br(50%)
&:hover, &:focus, &:active
background: #0093A9 url(../images/icon/sidebar_social_ok.png) no-repeat center center
&_tw
background: #69baf3 url(../images/icon/sidebar_social_tw.png) no-repeat center center
width: 48px
height: 48px
display: inline-block
+br(50%)
&:hover, &:focus, &:active
background: #0093A9 url(../images/icon/sidebar_social_tw.png) no-repeat center center
&_gp
background: #ff5400 url(../images/icon/sidebar_social_gp.png) no-repeat center center
width: 48px
height: 48px
display: inline-block
+br(50%)
&:hover, &:focus, &:active
background: #0093A9 url(../images/icon/sidebar_social_gp.png) no-repeat center center
&_yt
background: #e73500 url(../images/icon/sidebar_social_yt.png) no-repeat center center
width: 48px
height: 48px
display: inline-block
+br(50%)
&:hover, &:focus, &:active
background: #0093A9 url(../images/icon/sidebar_social_yt.png) no-repeat center center
&_vk
background: #5872c4 url(../images/icon/sidebar_social_vk.png) no-repeat center center
width: 48px
height: 48px
display: inline-block
+br(50%)
&:hover, &:focus, &:active
background: #0093A9 url(../images/icon/sidebar_social_vk.png) no-repeat center center
&_inst
background: #745e51 url(../images/icon/sidebar_social_inst.png) no-repeat center center
width: 48px
height: 48px
display: inline-block
+br(50%)
&:hover, &:focus, &:active
background: #0093A9 url(../images/icon/sidebar_social_inst.png) no-repeat center center
&_btn
width: 190px
height: 35px
+br(50px)
text-align: center
color: #655d04
font-size: 15px
background-image: linear-gradient(to top, #fdd000 0%, #fff04e 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border: none
border-bottom: 4px solid #D2BF00
line-height: 30px
display: inline-block
margin: 15px 0px 15px
position: relative
&:hover, &:focus
background-image: linear-gradient(to top, #fde654 0%, #fef77d 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border-bottom: 4px solid #D2BF00
text-decoration: none
.blog_toltip_right
display: block
&:active
background-image: linear-gradient(to top, #f4db15 0%, #fbd20d 100%)
box-shadow: 2px 3.5px 5px rgba(0, 0, 0, 0.12)
color: #908505
border: none
border-top: 4px solid #D2BF00
text-decoration: none
&:last-child
margin-bottom: 40px
.blog_toltip_right
display: none
width: 209px
height: 66px
line-height: 17px
color: #3c4755
background: url(../images/blog_toltip_right.png) no-repeat center center
text-align: left
font-size: 14px
font-family: "RobotoLight"
position: absolute
padding: 14px 30px 14px 20px
left: -215px
top: -16px
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

task-on.com - ООО "Арт Проект"