Открытие сайта! Сегодня наш сайт создан и постепенно будет пополняться полезной информацией.
body { background: #ededed; font: 12px Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; color: black;}
/* Контейнер для всех элементов, определяет общие стили */
.mycontainer { background: #FFF; width: 400px; height: 520px; margin: 0 auto; position: absolute; top: 0px; left: 0px; padding: 0px; text-align: center; font-family: arial, verdana, helvetica, sans-serif; }
/* стиль поля, в котором показывается номер шага */
/* закомментарить для проверки */
.step { float:left; width:28px; height:22px; background-color:#000; color:#FFF; font-size:13px; padding-top:6px;}
/* раскомментарить для проверки */
/* div.step { background-color:#F00; } */
/* стиль поля, в котором показывается информация о текущем шаге */
.info { float:left; width:365px; height:21px; background-color:#DDD; color:#000; font-size:12px; padding-top:6px; padding-bottom:1px; text-align:left; padding-left:7px; font-weight:bold;}
/* определяет стиль котейнера с полями ввода справа (исходная сумма, результ. сумма) на всех страницах, кроме страницы подтверждения заявки */
.right { float:left; padding: 8px 0px 3px 0px; text-align:left; font-size: 16px; }
/* определяет стиль правой колонки на странице запроса */
.request_form .right{ padding-left:30px; }
/* стиль элемента Body для баннера */
.banner_body { margin: 0px; }
/* стиль поля, в котором показывается номер шага */
.step { float:left; width:28px; height:22px; background-color:#000; color:#FFF; font-size:13px; padding-top:6px;}
/* стиль поля, в котором показывается информация о текущем шаге */
.info { float:left; width:365px; height:21px; background-color:#DDD; color:#000; font-size:12px; padding-top:6px; padding-bottom:1px; text-align:left; padding-left:7px; font-weight:bold;}
/* стиль поля, в котором показан тип транзакции на 2 шаге*/
.trans_type { float:left; width:380px; color:#ef5316; font-size:14px; padding:8px 0px 8px 14px; text-align:left; }
/* определяет стиль левой колонки всех страницах */
.left { float:left; width:100px; font-size: 18px; padding: 10px 0px 3px 14px; text-align:left;}
/* определяет стиль полей Отдаете, Получаете, На кошелек, Ваш e-mail */
.wide { width:200px; font-size: 14px; color:#777; }
/* Определяет стиль поля "Спасибо за пользование обменным сервисом" на странице успешной заявки */
.thanks { width:370px; font-size: 14px; color:#000; }
/* определяет серый цвет для полей Отдаете, Получаете, На кошелек, Ваш e-mail */
.gray { color:#777; }
/* стиль контейнера для кнопок внизу */
.btn { float:left; width:370px; padding: 10px 0px 10px 14px; text-align:center; }
/* стиль контейнера для кнопок внизу для страниц Перевод приостановлен и Перевод начат */
.btn1 { float:left; width:376px; padding: 3px 0px 10px 14px; text-align:center; }
/* кнопка Назад */
#back { float: left; }
/* кнопка Назад */
#pay { float: right; }
/* кнопка Оплатить */
#cancel { float: left; }
/* кнопка Продолжить кроме страницы оформления заявки */
#continue { float: right; }
/* кнопка Продолжить на странице оформления заявки */
#continue1 { float: right; color:#777; }
/* кнопка Повторить */
#repeat { float: left; }
/* кнопка Отправить на страницах, где есть форма отправления сообщения оператору */
#msg-send { float: left; }
/* кнопка Обновить */
#refresh { float: right; margin:0px 10px 0px 10px; }
/* Стиль "широкой" кнопки, типа Повторить, Обновить */
.wide_button { width:90px; height:22px; padding-top:3px; cursor:pointer; text-align:center; font-size:14px; color:#000; background: #fff url('../images/exch_banner/btn_back.png') left top no-repeat; }
/* Стиль "узкой" кнопки, типа Далее */
.narrow_button { width:64px; height:22px; padding-top:3px; cursor:pointer; text-align:center; font-size:14px; color:#000; background: #fff url('../images/exch_banner/btn_continue.png') left top no-repeat; }
/* Поле для полной суммой исходной валюты на странице оформления заявки (которое после фразы "на счете необходимо иметь") */
span#source_full { color: #F00; }
/* Поле для названия исходной валюты на странице оформления заявки (которое после фразы "на счете необходимо иметь") */
span#source_full_currency { color: #F00; }
/* поле ввода исходной суммы */
input#source_value {width: 80px; height: 15px; margin:0px; }
/* выпадающий список с выботом исходной валюты */
select#from { width: 190px; margin:0px; position:relative; top:0px; height:21px;}
/* поле ввода результирующей суммы */
input#target_value {width: 80px; height: 15px; }
/* выпадающий список с выботом результирующей валюты */
select#to{ width: 190px; margin:0px; position:relative; top:0px; height:21px;}
/* горизонтальная линия - разделитель межу блоками Отдаете, Получаете, Курс обмена и т.д. */
.hr { float:left; height:1px; font-size:0px; width:390px; margin-left:10px; border-bottom:none; background-color:#CCC; }
/* поле с курсом обмена на странице оформления заявки */
div#course { float:left; width: 380px; padding: 8px 0px 8px 14px; text-align:left; font-size: 14px; }
/* поле с комментарием к email (будет направлена информация о состоянии обмена) на странице оформления заявки */
div.email_comment { float:left; width:400px; padding: 0px 0px 10px 10px; text-align:left; font-size:13px;}
/* поле ввода результирующего кошелька*/
input#target_account {width: 175px; height: 15px; margin:0px;}
/* поле ввода исходного кошелька*/
input#rbk_source_account {width: 175px; height: 15px; margin:0px;}
/* поле ввода исходного WMID*/
input#wmid {width: 175px; height: 15px; margin:0px;}
/* поле ввода email */
input#email {width: 175px; height: 15px; margin:0px;}
/* контейнер для строки "Согласен с правилами пользования сервисом" на странице оформления заявки */
div.agree_user { float:left; width: 390px; padding: 5px 0px 5px 10px; text-align:left; font-size: 12px; }
/* гиперссылка "правилами пользования сервисом" на странице оформления заявки */
.agree_user a { color:#e36c15; }
/* checkbox рядом со строкой "Согласен с правилами пользования сервисом" на странице оформления заявки */
#agree { float: left; }
/* контейнер для строки "Согласен с правилами пользования сервисом" на странице оформления заявки (без checkbox) */
#agree-text { float: left; margin: 2px 0px 0px 2px;}
/* контейнер, в котором выводятся ошибки */
div#error_msg { float:left; width: 380px; padding: 0px 5px 0px 5px; display:none; color:#F00; font-size: 12px; text-align:left;}
/* Общий стиль для комментариев, типа "на счете необходимо иметь", "Возможная сумма обмена" */
.comment { float:left; width: 370px; padding: 0px 10px 10px 0px; text-align:left; font-size: 12px; color: #777; }
/* Общий стиль для комментариев, типа "на счете необходимо иметь", "Возможная сумма обмена" */
.exch_value { padding-left: 114px; width:270px; padding-bottom:5px; font-size: 11px;}
/* Комментарий к email (будет направлена информация о состоянии обмена) */
.email { font-size: 13px; text-align: left; padding: 0px 10px 10px 14px; }
/* задает черный цвет для текста "Номер кошелька/счет" и "Ваш email" */
.black { color:#000; }
/* стиль фразы "Связь с оператором" где есть форма отправления сообщения оператору */
div.connect { color:#000; font-size:14px; }
/* фраза "Внимание! По истечении отведенного на оплату времени обмен будет отменен автоматически" на странице Ожидания оплаты по заявке */
.red { color:#F00; }
/* стиль поля, в котором показывается номер шага на странице об успешной оплате по заявке*/
.finish { background-color:#64B41C; }
/* стиль поля в шапке, в котором показывается x на странице об ошибке */
.red_bg { background-color:#F00; }
/* стиль гипперссылки на странице об успешной оплате (после фразы "Спасибо за пользование обменным сервисом") */
.extra { color:#e36c15; }
/* текст на странице ожидания оплаты по заявке (на 3 шаге) */
.text { font-size: 13px; text-align: left; padding: 5px 10px 5px 14px; }
/* стиль фразы "Если это сообщение не пропадает в течение длительного времени..." на странице "Возврат денег начат"*/
.text1 { float:left; font-size: 11px; text-align: left; padding: 0px 3px 3px 14px; }
/* стиль поля "Если это сообщение не пропадает в течение длительного времени..." на странице "Перевод денег начат" */
.text2 { float:left; font-size: 12px; text-align: left; padding: 8px 5px 5px 14px; }
/* текст с названиями полей формы отправки сообщения оператору на странице "Перевод денег начат" */
.text3 { float:left; font-size: 12px; text-align: left; padding: 4px 10px 4px 14px; }
/* текст "Номер кошелька/счет" на странице оформления заявки */
.account { padding-top:5px; padding-bottom:5px; }
/* стиль полей (Отдаете, Получаете, С учетом комиссии ЭПС и т.д.) на странице подтверждения заявки */
.p2 { padding-bottom:8px; font-size:14px; }
/* стиль полей на странице об успешном завершении заявки */
.p3 { padding-bottom:8px; font-size:14px; }
/* поле с сообщением об ошибке на страницах, где есть форма отправления сообщения оператору */
#cont-error-messages { float:left; width:365px; padding: 0px 10px 0px 15px; text-align:left; font-size:13px; color:#F00; }
/* поле Сообщение успешно отправлено на страницах, где есть форма отправления сообщения оператору */
#message-send { float:left; width:400px; padding: 0px 10px 0px 10px; text-align:left; font-size:13px; color:#080; }
/* поле в котором отсчитывается время, в течении которого надо оплатить заявку */
.time-to-go { font-weight: bold; color: #000; }
/* поле Тема на страницах, где есть форма отправления сообщения оператору */
#msg_subject { width:360px; }
/* поле Сообщение на страницах, где есть форма отправления сообщения оператору */
#msg { width:360px; }
/* поле e-mail на страницах, где есть форма отправления сообщения оператору */
#msg-email { width:360px; }
/* поле Имя / Организация на страницах, где есть форма отправления сообщения оператору */
#msg-name { width:360px; }
/* поле Телефон на страницах, где есть форма отправления сообщения оператору */
#msg-phone { width:360px; }
/* определяет стиль котейнера с полями ввода справа (исходная сумма, результ. сумма) на странице подтверждения заявки */
#summary_form div.right { padding-left: 14px; }
/* определяет стиль слова "Отдаете" на странице оформления заяки */
#source-container div.left { padding-top: 7px; }
/* определяет стиль слова "Получаете" на странице оформления заяки */
#target-container div.left { padding-top: 7px; }