Отображение текста с помощью CSS

В ПО ПроАТМ предусмотрены следующие стили для оформления текста различного типа и назначения:

1. .fs365header – заголовки окон;

2. .fs365warning – текстовые поля, по сути являющиеся заголовками, но которые требуют привлечения внимания к себе;

3. .fs365tips – уточнения и подсказки, в том числе и к кнопкам top-bar;

4. .fs365countdown – текстовые поля, содержащие счетчики обратного отсчета, например, до захвата карты;

5. .fs365cell – текст в ячейке таблицы без границ (применяется только для оформления окон приема наличных и диспенсера);

6. .fs365cell_caption – оформляется имя параметра;

7. .fs365cell_value – значения параметров;

8. .fs365cell_caption_center – предупреждающее сообщение только в диспенсере при ошибке инкассации;

9. .fs365cell_caption_left – сумма, помещенная в ретракт кассету на экране со списком физических кассет диспенсера;

10. .fs365cell_caption_small_center – заголовки таблиц при калибровке диспенсера, заголовки таблиц со списком физических кассет, заголовки таблиц со списком логических кассет;

11. .fs365table_header – заголовки столбцов в таблицах при приеме наличных;

12. .fs365table_amount – поле общей сумма на экране приема наличных;

13. .fs365jvCurrent – текущая строка электронного журнала при его просмотре в РОП;

14. .fs365jvOdd – нечетная строка электронного журнала при его просмотре в РОП;

15. .fs365jvEven – четная строка электронного журнала при его просмотре в РОП;

16. .fs365clock – время и дата вверху.

Листинг 41. Параметры текстовых полей, представленных на рисунках

.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;
};