Skip to content

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

#1208

parent a1087673
Hide whitespace changes
Inline Side-by-side
Showing with 37 additions and 37 deletions
frontend/web/css/screen.css
View file @ 626b323e
...@@ -164,7 +164,7 @@ u { ...@@ -164,7 +164,7 @@ u {
position: relative; position: relative;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.container { .container {
width: 450px; width: 450px;
position: relative; position: relative;
...@@ -865,7 +865,7 @@ a.toggle_bottom { ...@@ -865,7 +865,7 @@ a.toggle_bottom {
margin-left: 30px; margin-left: 30px;
float: left; float: left;
} }
@media only screen and (min-width: 768px) and (max-width: 970px) { @media only screen and (min-width: 769px) and (max-width: 970px) {
.app_block { .app_block {
height: auto; height: auto;
float: none; float: none;
...@@ -974,7 +974,7 @@ a.toggle_bottom { ...@@ -974,7 +974,7 @@ a.toggle_bottom {
margin: 0 auto; margin: 0 auto;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.mackup_block { .mackup_block {
width: 450px; width: 450px;
} }
...@@ -1008,7 +1008,7 @@ a.toggle_bottom { ...@@ -1008,7 +1008,7 @@ a.toggle_bottom {
top: 28px; top: 28px;
left: -32px; left: -32px;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.mackup_item1 { .mackup_item1 {
width: 450px; width: 450px;
} }
...@@ -1045,7 +1045,7 @@ a.toggle_bottom { ...@@ -1045,7 +1045,7 @@ a.toggle_bottom {
top: 159px; top: 159px;
left: 10px; left: 10px;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.mackup_item2 { .mackup_item2 {
width: 450px; width: 450px;
} }
...@@ -1084,7 +1084,7 @@ a.toggle_bottom { ...@@ -1084,7 +1084,7 @@ a.toggle_bottom {
top: 292px; top: 292px;
left: 65px; left: 65px;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.mackup_item3 { .mackup_item3 {
width: 450px; width: 450px;
} }
...@@ -1461,7 +1461,7 @@ ul.ul_check li { ...@@ -1461,7 +1461,7 @@ ul.ul_check li {
font-size: 17px; font-size: 17px;
color: #f9f9fa; color: #f9f9fa;
} }
@media only screen and (min-width: 768px) and (max-width: 970px) { @media only screen and (min-width: 769px) and (max-width: 970px) {
ul.ul_check li { ul.ul_check li {
font-size: 14px; font-size: 14px;
} }
...@@ -1515,7 +1515,7 @@ ul.ul_check li { ...@@ -1515,7 +1515,7 @@ ul.ul_check li {
margin-top: 50px; margin-top: 50px;
font-family: "RobotoBold"; font-family: "RobotoBold";
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.section6_title { .section6_title {
font-size: 27px; font-size: 27px;
line-height: 35px; line-height: 35px;
...@@ -1542,7 +1542,7 @@ ul.ul_check li { ...@@ -1542,7 +1542,7 @@ ul.ul_check li {
margin: 90px auto 0px; margin: 90px auto 0px;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.inteface_1 { .inteface_1 {
width: 450px; width: 450px;
margin: 140px auto 0px; margin: 140px auto 0px;
...@@ -1576,7 +1576,7 @@ ul.ul_check li { ...@@ -1576,7 +1576,7 @@ ul.ul_check li {
margin: 100px auto 0px; margin: 100px auto 0px;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.inteface_2 { .inteface_2 {
width: 450px; width: 450px;
margin: 214px auto 0px; margin: 214px auto 0px;
...@@ -1610,7 +1610,7 @@ ul.ul_check li { ...@@ -1610,7 +1610,7 @@ ul.ul_check li {
margin-left: 24px; margin-left: 24px;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.inteface_3 { .inteface_3 {
margin-top: -280px; margin-top: -280px;
margin-left: -27px; margin-left: -27px;
...@@ -1786,7 +1786,7 @@ ul.ul_check li { ...@@ -1786,7 +1786,7 @@ ul.ul_check li {
position: relative; position: relative;
float: left; float: left;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.if_info3 { .if_info3 {
font-size: 15px; font-size: 15px;
} }
...@@ -1819,7 +1819,7 @@ ul.ul_check li { ...@@ -1819,7 +1819,7 @@ ul.ul_check li {
z-index: 4; z-index: 4;
position: relative; position: relative;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.if_info5 { .if_info5 {
font-size: 15px; font-size: 15px;
top: -107px; top: -107px;
...@@ -1837,11 +1837,11 @@ ul.ul_check li { ...@@ -1837,11 +1837,11 @@ ul.ul_check li {
@media only screen and (min-width: 768px) and (max-width: 970px) { @media only screen and (min-width: 768px) and (max-width: 970px) {
.bx-wrapper .bx-pager { .bx-wrapper .bx-pager {
bottom: -30px !important; bottom: -30px;
} }
} }
@media only screen and (min-width: 320px) and (max-width: 767px) { @media only screen and (min-width: 320px) and (max-width: 768px) {
.bx-viewport { .bx-viewport {
height: 429px !important; height: 429px !important;
} }
...@@ -1859,7 +1859,7 @@ ul.ul_check li { ...@@ -1859,7 +1859,7 @@ ul.ul_check li {
width: 345px; width: 345px;
} }
} }
@media only screen and (min-width: 320px) and (max-width: 767px) { @media only screen and (min-width: 320px) and (max-width: 768px) {
.others_project { .others_project {
display: none; display: none;
} }
...@@ -2043,7 +2043,7 @@ ul.ul_check li { ...@@ -2043,7 +2043,7 @@ ul.ul_check li {
background: #ACED03; background: #ACED03;
padding: 0px 12px 6px; padding: 0px 12px 6px;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.geentxt span { .geentxt span {
font-size: 22px; font-size: 22px;
line-height: 41px; line-height: 41px;
...@@ -2078,7 +2078,7 @@ ul.ul_check li { ...@@ -2078,7 +2078,7 @@ ul.ul_check li {
width: 322px; width: 322px;
margin-top: 45px; margin-top: 45px;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.code_block__txt { .code_block__txt {
font-size: 16px; font-size: 16px;
width: 300px; width: 300px;
...@@ -2136,7 +2136,7 @@ ul.ul_check li { ...@@ -2136,7 +2136,7 @@ ul.ul_check li {
font-size: 28px; font-size: 28px;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.section8_title { .section8_title {
font-size: 16px; font-size: 16px;
line-height: 34px; line-height: 34px;
...@@ -2153,7 +2153,7 @@ ul.ul_check li { ...@@ -2153,7 +2153,7 @@ ul.ul_check li {
float: left; float: left;
position: relative; position: relative;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.sup_block__item1 { .sup_block__item1 {
margin: 0 auto; margin: 0 auto;
float: none; float: none;
...@@ -2177,7 +2177,7 @@ ul.ul_check li { ...@@ -2177,7 +2177,7 @@ ul.ul_check li {
margin-top: 16px; margin-top: 16px;
position: relative; position: relative;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.sup_block__item2 { .sup_block__item2 {
margin: 0 auto; margin: 0 auto;
float: none; float: none;
...@@ -2195,7 +2195,7 @@ ul.ul_check li { ...@@ -2195,7 +2195,7 @@ ul.ul_check li {
} }
} }
.sup_block__item3 { .sup_block__item3 {
width: 378; width: 378px;
float: left; float: left;
margin-left: -86px; margin-left: -86px;
margin-top: 29px; margin-top: 29px;
...@@ -2206,7 +2206,7 @@ ul.ul_check li { ...@@ -2206,7 +2206,7 @@ ul.ul_check li {
margin-left: 0; margin-left: 0;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.sup_block__item3 { .sup_block__item3 {
margin: 0 auto; margin: 0 auto;
float: none; float: none;
...@@ -2309,7 +2309,7 @@ ul.ul_check li { ...@@ -2309,7 +2309,7 @@ ul.ul_check li {
position: relative; position: relative;
margin-top: -53px; margin-top: -53px;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.sup_block__info4 { .sup_block__info4 {
bottom: 76px; bottom: 76px;
left: 10px; left: 10px;
...@@ -2366,7 +2366,7 @@ ul.ul_check li { ...@@ -2366,7 +2366,7 @@ ul.ul_check li {
margin-right: 90px; margin-right: 90px;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.noti_mail { .noti_mail {
margin: 0 auto; margin: 0 auto;
margin-right: 60px; margin-right: 60px;
...@@ -2484,7 +2484,7 @@ ul.ul_check li { ...@@ -2484,7 +2484,7 @@ ul.ul_check li {
height: auto; height: auto;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.link_primer { .link_primer {
width: 420px; width: 420px;
} }
...@@ -3328,7 +3328,7 @@ ul.ul_check li { ...@@ -3328,7 +3328,7 @@ ul.ul_check li {
font-size: 20px; font-size: 20px;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.foot_mail { .foot_mail {
margin: 20px 0px; margin: 20px 0px;
text-align: center; text-align: center;
...@@ -3362,7 +3362,7 @@ a.zvonok_bt { ...@@ -3362,7 +3362,7 @@ a.zvonok_bt {
-ms-transition: all 0.3s linear 0.1s; -ms-transition: all 0.3s linear 0.1s;
transition: all 0.3s linear 0.1s; transition: all 0.3s linear 0.1s;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
a.zvonok_bt { a.zvonok_bt {
margin: 0 auto; margin: 0 auto;
} }
...@@ -3418,7 +3418,7 @@ a.zvonok_bt:hover span:before, a.zvonok_bt:active span:before, a.zvonok_bt:focus ...@@ -3418,7 +3418,7 @@ a.zvonok_bt:hover span:before, a.zvonok_bt:active span:before, a.zvonok_bt:focus
font-size: 20px; font-size: 20px;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.foot_phone { .foot_phone {
display: block; display: block;
text-align: center; text-align: center;
...@@ -3461,7 +3461,7 @@ a.zvonok_bt:hover span:before, a.zvonok_bt:active span:before, a.zvonok_bt:focus ...@@ -3461,7 +3461,7 @@ a.zvonok_bt:hover span:before, a.zvonok_bt:active span:before, a.zvonok_bt:focus
width: 100px; width: 100px;
margin: -5px 0px 5px 36px; margin: -5px 0px 5px 36px;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.taskon { .taskon {
margin: 20px auto 0px; margin: 20px auto 0px;
} }
...@@ -3479,7 +3479,7 @@ a.zvonok_bt:hover span:before, a.zvonok_bt:active span:before, a.zvonok_bt:focus ...@@ -3479,7 +3479,7 @@ a.zvonok_bt:hover span:before, a.zvonok_bt:active span:before, a.zvonok_bt:focus
.copyring a { .copyring a {
color: #fff; color: #fff;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.copyring { .copyring {
margin: 0; margin: 0;
text-align: center; text-align: center;
...@@ -3559,12 +3559,12 @@ footer { ...@@ -3559,12 +3559,12 @@ footer {
position: relative; position: relative;
width: 357px; width: 357px;
} }
@media only screen and (min-width: 768px) and (max-width: 970px) { @media only screen and (min-width: 769px) and (max-width: 970px) {
.set { .set {
margin-left: 73px; margin-left: 73px;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.set { .set {
margin-top: -60px; margin-top: -60px;
} }
...@@ -3742,13 +3742,13 @@ footer { ...@@ -3742,13 +3742,13 @@ footer {
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.bx-wrapper .bx-prev { .bx-wrapper .bx-prev {
left: 4px; left: 4px;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.foot_logo { .foot_logo {
display: block; display: block;
width: 192px; width: 192px;
...@@ -3821,7 +3821,7 @@ footer { ...@@ -3821,7 +3821,7 @@ footer {
right: 233px; right: 233px;
} }
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.puls_point { .puls_point {
display: none; display: none;
} }
...@@ -4288,7 +4288,7 @@ footer { ...@@ -4288,7 +4288,7 @@ footer {
bottom: -47px; bottom: -47px;
right: 0; right: 0;
} }
@media only screen and (min-width: 480px) and (max-width: 767px) { @media only screen and (min-width: 480px) and (max-width: 768px) {
.mackup_section1 { .mackup_section1 {
display: none; display: none;
} }
......
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 - ООО "Арт Проект"