Отображение текста с помощью CSS¶
В ПО ПроАТМ предусмотрены следующие стили для оформления текста различного типа и назначения:
.fs365header – заголовки окон;
.fs365warning – текстовые поля, по сути являющиеся заголовками, но которые требуют привлечения внимания к себе;
.fs365tips – уточнения и подсказки, в том числе и к кнопкам top-bar;
.fs365countdown – текстовые поля, содержащие счетчики обратного отсчета, например, до захвата карты;
.fs365cell – текст в ячейке таблицы без границ (применяется только для оформления окон приема наличных и диспенсера);
.fs365cell_caption – оформляется имя параметра;
.fs365cell_value – значения параметров;
.fs365cell_caption_center – предупреждающее сообщение только в диспенсере при ошибке инкассации;
.fs365cell_caption_left – сумма, помещенная в ретракт кассету на экране со списком физических кассет диспенсера;
.fs365cell_caption_small_center – заголовки таблиц при калибровке диспенсера, заголовки таблиц со списком физических кассет, заголовки таблиц со списком логических кассет;
.fs365table_header – заголовки столбцов в таблицах при приеме наличных;
.fs365table_amount – поле общей сумма на экране приема наличных;
.fs365jvCurrent – текущая строка электронного журнала при его просмотре в РОП;
.fs365jvOdd – нечетная строка электронного журнала при его просмотре в РОП;
.fs365jvEven – четная строка электронного журнала при его просмотре в РОП;
.fs365clock – время и дата вверху.
.fs365header {
font-size: 24 px;
color: #FFFF99;
font-family: Tahoma;
};
.fs365warning {
font-size: 26 px;
color: #B90206;
font-family: Tahoma;
};
.fs365tips {
font-size: 20 px;
color: #C0C0C0;
font-family: Tahoma;
};
.fs365countdown {
font-size: 20 px;
color: #FFFF99;
font-family: Tahoma;
};
.fs365cell {
vertical-align: middle;
text-align: center;
color: white;
font-size: 24 px;
font-family: Arial;
};
.fs365cell_caption {
vertical-align: middle;
text-align: right;
color: yellow;
font-size: 20 px;
font-family: Tahoma;
};
.fs365cell_caption_center {
vertical-align: middle;
text-align: center;
color: yellow;
font-size: 18 px;
font-family: Tahoma;
};
.fs365cell_caption_left {
vertical-align: middle;
text-align: left;
color: yellow;
font-size: 18 px;
font-family: Tahoma;
};
.fs365cell_caption_small_center {
vertical-align: middle;
text-align: center;
color: yellow;
font-size: 16 px;
font-family: Tahoma;
};
.fs365cell_value {
vertical-align: middle;
text-align: left;
color: white;
font-size: 20 px;
font-family: Tahoma;
};
.fs365table_header {
vertical-align: middle;
text-align: center;
background-color: blue;
color: white;
font-size: 24 px;
font-family: Arial;
};
.fs365table_amount {
vertical-align: middle;
text-align: center;
background-color: red;
color: yellow;
font-size: 24 px;
font-family: Arial;
};
.fs365jvCurrent {
vertical-align: middle;
text-align: left;
background-color: #FF4040;
border-style: outset;
padding: 8px;
color: white;
font-size: 28 px;
font-family: Tahoma;
};
.fs365jvOdd {
vertical-align: middle;
text-align: left;
background-color: #FFFF80;
padding: 4px;
color: black;
font-size: 24 px;
font-family: Tahoma;
};
.fs365jvEven {
vertical-align: middle;
text-align: left;
background-color: #80FFD0;
padding: 4px;
color: black;
font-size: 24 px;
font-family: Tahoma;
};