Файловый менеджер - Редактировать - /home/vspaqvrt/public_html/nc_assets/css/style.css
Назад
@font-face { font-family: 'Museo Sans'; src: url('../fonts/museo-sans-300-webfont.eot'); src: url('../fonts/museo-sans-300-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo-sans-300-webfont.woff') format('woff'), url('../fonts/museo-sans-300-webfont.ttf') format('truetype'), url('../fonts/museo-sans-300-webfont.svg#museo-sans-300-webfont') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('../fonts/museo-sans-300-italic-webfont.eot'); src: url('../fonts/museo-sans-300-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo-sans-300-italic-webfont.woff') format('woff'), url('../fonts/museo-sans-300-italic-webfont.ttf') format('truetype'), url('../fonts/museo-sans-300-italic-webfont.svg#museo-sans-300-italic-webfont') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Museo Sans'; src: url('../fonts/museo-sans-700-webfont.eot'); src: url('../fonts/museo-sans-700-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo-sans-700-webfont.woff') format('woff'), url('../fonts/museo-sans-700-webfont.ttf') format('truetype'), url('../fonts/museo-sans-700-webfont.svg#museo-sans-700-webfont') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Museo Sans'; src: url('../fonts/museo-sans-700-italic-webfont.eot'); src: url('../fonts/museo-sans-700-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/museo-sans-700-italic-webfont.woff') format('woff'), url('../fonts/museo-sans-700-italic-webfont.ttf') format('truetype'), url('../fonts/museo-sans-700-italic-webfont.svg#museo-sans-700-italic-webfont') format('svg'); font-weight: bold; font-style: italic; } /** * ------------------------------------------------------ * * Base * ------------------------------------------------------ * **/ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body { min-width: 300px; height: 100%; margin: 0 auto; font-family: 'Museo Sans', Arial, Helvetica, sans-serif; font-size: 100%; line-height: 1.25; color: #6d6e70; overflow-x: hidden; } a { text-decoration: none; color: #de3723; } a:hover { text-decoration: underline; } img { border: 0; } /** * ------------------------------------------------------ * * Utilities * ------------------------------------------------------ * **/ .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; } .center { text-align: center; } .reset-mt { margin-top: 0 !important; } .reset-mb { margin-bottom: 0 !important; } .margin-bottom { margin-bottom: 1em; } /** * ------------------------------------------------------ * * Styles * ------------------------------------------------------ * **/ .headline { margin: 0 auto 3em; } h1 { font-size: 2em; line-height: 1.125; margin: 1.25em 0 0; } h2, h3, .h2 { font-size: 1.5em; margin: 1.25em 0 0; font-weight: normal; } h4, .h4 { font-size: 1em; line-height: 1.5; margin: 2em 0 0.5em; } p { margin-top: 0; line-height: 1.5; } /** * ------------------------------------------------------ * * Content * ------------------------------------------------------ * **/ .wrapper { max-width: 87.5em; padding: 0 1.5em; margin: 0 auto; } .header { padding: 2em 0 1.5em; border-bottom: 2px solid #8cc1c1; } .logo { font-size: 0; text-align: center; } .logo > * { vertical-align: bottom; } .logo img { height: 28px; } .logo > div { display: inline-block; margin-right: 1em; font-size: 14px; color: #999; } .grid-row { width: 100%; margin: 3em auto 3em; } .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .flex.middle { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .flex.first { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .grid-row.four-fifths { width: 100%; } .aside { width: 300px; -webkit-flex: 1 100%; -moz-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; text-align: center; } .aside img { width: 300px; } .main { -webkit-flex: 1 100%; -moz-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; padding-left: 0; } .main.fix-left { padding-right: 0; } .main-all { -webkit-flex: 1 100%; -moz-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .headline { text-align: center; } .headline h1 { margin: 0.25em 0 0; font-size: 1.5em; line-height: 1.125; } .headline h2 { margin: 0.25em 0 0; font-size: 1.25em; line-height: 1.25; } ul.default { margin: 0; padding-left: 1em; } ul.default li { color: #D6D6D6; } ul.default li p { color: #6d6e70; margin: 0; padding-bottom: 0.25em; } ul.default li:last-child p { padding-bottom: 0; } .live-chat { margin: 2em 0 0; padding: 1.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #F2F2F2; } .live-chat .chat-content { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding-right: 0; } .live-chat .chat-content p { position: relative; padding-left: 0; line-height: 1.5; font-weight: bold; } .live-chat .chat-btn { -webkit-flex: 1 100%; -moz-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; } .live-chat .chat-btn p { margin-bottom: 0; text-align: right; } .live-chat .btn { width: 100%; margin-top: 1em; } p.help-block { position: relative; padding-left: 2em; line-height: 1.5; } .nc-icon { position: absolute; left: 0; top: -5px; width: 30px; height: 30px; } .nc-icon.icon-info { display: none; background: url('../img/icons/icon-info-hd.png') no-repeat center center; background-size: 100% auto; } .nc-icon.icon-checkmark { background: url('../img/icons/checkmark-hd.png') no-repeat center center; background-size: 100% auto; } .nc-icon.icon-start { background: url('../img/pictograms/150/server-red.png') no-repeat center center; background-size: 100% auto; } .nc-icon.icon-cpanel { background: url('../img/pictograms/150/tools-red.png') no-repeat center center; background-size: 100% auto; } .nc-icon.icon-mail { background: url('../img/pictograms/150/email-red.png') no-repeat center center; background-size: 100% auto; } .nc-icon.icon-support { background: url('../img/pictograms/150/support-red.png') no-repeat center center; background-size: 100% auto; } .nc-icon.icon-news { background: url('../img/pictograms/150/news-red.png') no-repeat center center; background-size: 100% auto; } .nc-icon.icon-blog { background: url('../img/pictograms/150/browser-red.png') no-repeat center center; background-size: 100% auto; } .btn { font-size: 1.125em; font-weight: bold; text-align: center; text-decoration: none; color: #fff; padding: 0.5em 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block; } .btn.green { text-shadow: 0 -1px 1px #6d9796; background: #89c1c0; /* Old browsers */ background: -moz-linear-gradient(top, #89c1c0 0%, #6d9796 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #89c1c0), color-stop(100%, #6d9796)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #89c1c0 0%, #6d9796 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #89c1c0 0%, #6d9796 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #89c1c0 0%, #6d9796 100%); /* IE10+ */ background: linear-gradient(to bottom, #89c1c0 0%, #6d9796 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c1c0', endColorstr='#6d9796', GradientType=0);*/ /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border-color: #6c9494; } .btn.green:hover { text-decoration: none; text-shadow: 0 -1px 1px #4d7e7a; background: #6b9494; /* Old browsers */ background: -moz-linear-gradient(top, #6b9494 0%, #4d7e7a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6b9494), color-stop(100%, #4d7e7a)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #6b9494 0%, #4d7e7a 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #6b9494 0%, #4d7e7a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6b9494 0%, #4d7e7a 100%); /* IE10+ */ background: linear-gradient(to bottom, #6b9494 0%, #4d7e7a 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9494', endColorstr='#4d7e7a', GradientType=0); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn.green:active { background: #4d7e7a; /* Old browsers */ background: -moz-linear-gradient(top, #4d7e7a 0%, #6b9494 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d7e7a), color-stop(100%, #6b9494)); /* Chrome, Safari4+ */ background: -webkit-linear-gradient(top, #4d7e7a 0%, #6b9494 100%); /* Chrome10+, Safari5.1+ */ background: -o-linear-gradient(top, #4d7e7a 0%, #6b9494 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4d7e7a 0%, #6b9494 100%); /* IE10+ */ background: linear-gradient(to bottom, #4d7e7a 0%, #6b9494 100%); /* W3C */ /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d7e7a', endColorstr='#6b9494', GradientType=0); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } @media all and (min-width: 480px) { .headline h1 { font-size: 2em; line-height: 1.125; } .headline h2 { font-size: 1.5em; line-height: 1.25; } } @media all and (min-width: 640px) { .live-chat { padding: 1.5em 1.5em 1.5em 1.125em; } .live-chat .chat-content { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding-right: 1.5em; } .live-chat .chat-content p { padding-left: 2em; } .nc-icon.icon-info { display: block; } .live-chat .chat-btn { -webkit-flex: 0 240px; -moz-flex: 0 240px; -ms-flex: 0 240px; flex: 0 240px; } .live-chat .btn { margin-top: 0; } } @media all and (min-width: 720px) { .grid-row.four-fifths { width: 80%; } } @media all and (min-width: 800px) { .wrapper { padding: 0 3em; } .flex.first { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .logo { text-align: right; } .grid-row.four-fifths { width: 100%; } .aside { -webkit-flex: 0; -moz-flex: 0; -ms-flex: 0; flex: 0; } .main { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding-left: 2em; } .main.fix-left { padding-left: 0; padding-right: 2em; } .headline { text-align: left; } .headline h1 { margin: 1.25em 0 0; } } @media all and (min-width: 1180px) { .grid-row.four-fifths { width: 80%; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0.2 |
proxy
|
phpinfo
|
Настройка