Алина Королёва. Как перевести свои программы в онлайн-формат: возможности и ограничения..

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext'); #mlb2-15300988, #mlb2-15300988 *, #mlb2-15300988 a:hover, #mlb2-15300988 a:visited, #mlb2-15300988 a:focus, #mlb2-15300988 a:active { overflow: visible; position: static; background: none; border: none; bottom: auto; clear: none; cursor: default; float: none; letter-spacing: normal; line-height: normal; text-align: left; text-indent: 0; text-transform: none; visibility: visible; white-space: normal; max-height: none; max-width: none; left: auto; min-height: 0; min-width: 0; right: auto; top: auto; width: auto; z-index: auto; text-shadow: none; box-shadow: none; outline: medium none; } #mlb2-15300988 a:hover { cursor: pointer !important; } #mlb2-15300988 h4 { font-weight: normal; } #mlb2-15300988 .subscribe-form { padding: 20px; width: 340px !important; border: 1px solid #BDC3C7 !important; background: #f8f8f8 none !important; border-radius: 15px !important; box-sizing: border-box !important; } #mlb2-15300988 .ml-block-form { margin-bottom: 0px; } #mlb2-15300988 .subscribe-form .form-section { margin-bottom: 20px; width: 100%; } #mlb2-15300988 .subscribe-form .form-section.mb10 { margin-bottom: 10px; float: left; } #mlb2-15300988 .subscribe-form .form-section.mb0 { margin-bottom: 0px; } #mlb2-15300988 .subscribe-form .form-section h4 { margin: 0px 0px 10px 0px !important; padding: 0px !important; color: #000000 !important; font-family: 'Arial', sans-serif !important; font-size: 28px !important; line-height: 100%; text-align: center !important; } #mlb2-15300988 .subscribe-form .form-section p, #mlb2-15300988 .subscribe-form .form-section li { line-height: 150%; padding: 0px !important; margin: 0px 0px 10px 0px; color: #000000 !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; } #mlb2-15300988 .subscribe-form .form-section a { font-size: 14px; } #mlb2-15300988 .subscribe-form .form-section .confirmation_checkbox { line-height: 150%; padding: 0px !important; margin: 0px 0px 15px 0px !important; color: #000000 !important; font-family: 'Open Sans', sans-serif !important; font-size: 12px !important; font-weight: normal !important; } #mlb2-15300988 .subscribe-form .form-section .confirmation_checkbox input[type="checkbox"] { display: inline-block; margin-right: 5px !important; opacity: 1; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } #mlb2-15300988 .subscribe-form .form-section .form-group { margin-bottom: 15px; } #mlb2-15300988 .subscribe-form .form-section .form-group label { float: left; margin-bottom: 10px; width: 100%; line-height: 100%; color: #000000 !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; } #mlb2-15300988 .subscribe-form .form-section .checkbox { width: 100%; margin: 0px 0px 10px 0px; } #mlb2-15300988 .subscribe-form .form-section .checkbox label { color: #000000 !important; font-family: 'Open Sans', sans-serif !important; font-size: 14px !important; } #mlb2-15300988 .subscribe-form .form-section .checkbox input { margin: 0px 5px 0px 0px; } #mlb2-15300988 .subscribe-form .form-section .checkbox input[type="checkbox"] { display: inline-block; opacity: 1; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } #mlb2-15300988.ml-subscribe-form .form-group .form-control { width: 100%; font-size: 13px; padding: 10px 10px; height: auto; font-family: Arial; border-radius: 0px; border: 1px solid #cccccc !important; color: #000000 !important; background-color: #FFFFFF !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; clear: left; } #mlb2-15300988.ml-subscribe-form button { border: none !important; cursor: pointer !important; width: 100% !important; border-radius: 5px !important; height: 40px !important; background-color: #2980B9 !important; color: #FFFFFF !important; font-family: 'Arial', sans-serif !important; font-size: 16px !important; text-align: center !important; padding: 0 !important; margin: 0 !important; position: relative!important; } #mlb2-15300988.ml-subscribe-form button.gradient-on { background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); } #mlb2-15300988.ml-subscribe-form button.gradient-on:hover { background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); } #mlb2-15300988.ml-subscribe-form button[disabled] { cursor: not-allowed!important; } #mlb2-15300988.ml-subscribe-form .form-section.ml-error label { color: red!important; } #mlb2-15300988.ml-subscribe-form .form-group.ml-error label { color: red!important; } #mlb2-15300988.ml-subscribe-form .form-group.ml-error .form-control { border-color: red!important; } #mlb2-15300988 .ml-vertical-align-center { text-align: center; display: block; } #mlb2-15300988 .ml-block-success, #mlb2-15300988 form.ml-block-form { display: inline-block; width: 340px; } @media (max-width: 768px) { #mlb2-15300988 { width: 100% !important; } #mlb2-15300988 form.ml-block-form, #mlb2-15300988.ml-subscribe-form .subscribe-form { width: 100% !important; } }