Файл tpl_new_mess.css

   1      /* СТРАНИЦА ФОРМЫ ОБРАТНОЙ СВЯЗИ */
   2      /* Autor: WDS|Content */
   3      /* Subpackage: Components */
   4      /* Copyright (C) 2019 */
   5   
   6    /* ОБЩЕЕ ОФОРМЛЕНИЕ */
   7     div#ff-new {                                       /* Цвет фона компонента */
   8          background-color: aliceblue;
   9     }
  10    section.contentleft {
  11         background: aliceblue;                 /* Цвет фона всей секции */
  12         border: 2px ridge lightgrey;        /* Бордюры всей секции */
  13    }
  14  
  15    /* ЗАГОЛОВОК */
  16    h1.h_mess {
  17         color: black;
  18         font-family: Georgia;
  19         font-size: 28px;
  20         font-weight: bold;
  21         text-decoration: underline;
  22         font-style: italic;
  23         margin: 10px 0 20px 40px;
  24    }
  25  
  26    /* ВЫБОР ТИПА СООБЩЕНИЯ */
  27    h2.hdr_sel {                                        /* Заголовок поля */
  28         font-family: Georgia;
  29         color: black;
  30         font-size: 20px;
  31         font-style: italic;
  32         margin: 35px 0 10px 0;
  33    }
  34    select.sel_type {                                 /* Поле выбора */
  35         border: 2px ridge lightgrey;
  36    }
  37    .type_selection {
  38         padding: 0 0 0 55px;
  39    }
  40  
  41    /* ПОЛЕ ВВОДА СООБЩЕНИЯ */
  42    .txt_step {                                           /* Заголовок поля */
  43         margin: 0 0 0 55px;
  44    }
  45    textarea.area_mess_txt {                 /* Поле ввода */
  46         width: 720px;
  47         height: 350px;
  48         margin: 0 0 0 10px;
  49         border: 4px ridge lightgrey;
  50    }
  51    .txt_step_2 {                                       /* Расположение поля */
  52         margin: 0 0 15px 0;
  53    }
  54  
  55    /* ВВОД ИЗОБРАЖЕНИЙ */
  56    .img_mess_1 {
  57         padding: 0 0 0 70px;
  58    }
  59  
  60    /* КНОПКА ОТПРАВКИ РЕЦЕПТА */
  61    p.btn_new_message {                      /* Расположение кнопки */
  62         text-align: center;
  63    }
  64    input[type="submit"].new_message {       /* Настройки вида кнопки */
  65         width: 200px;
  66         margin-top: 25px;
  67         margin-bottom: 25px;
  68         color: white;
  69         font-family: Georgia;
  70         width: 200px;
  71         font-size: 18px;
  72         height: 36px;
  73         border-radius: 4px;
  74         border: 4px ridge rgb(218, 165, 32);
  75         background: linear-gradient(to bottom, gold, goldenrod, gold);
  76         font-weight: bold;
  77    }
  78  
  79    /* СООБЩЕНИЕ ДЛЯ ГОСТЕЙ */
  80    p.err_fb_form {
  81         text-align: center;
  82         margin: 150px 0 0 0;
  83         font-size: 20px;
  84    }
  85  
  86    /* КНОПКИ ОФОРМЛЕНИЯ ТЕКСТА */
  87    .txt_format_btn {                               /* Расположение кнопок */
  88         margin: 0 0 3px 25px;
  89    }
  90    button.btn_f_txt {                              /* Все кнопки, кроме "Цитата" */
  91         width: 40px;
  92         height: 30px;
  93         border: 2px solid darkgray;
  94         border-radius: 3px;
  95         background: linear-gradient(to bottom, silver , gainsboro, silver );
  96         font-size: 20px;
  97    }
  98    button.btn_f_txt_c {                           /* Кнопка "Цитата" */
  99         width: 60px;
 100        height: 30px;
 101        border: 2px solid darkgray;
 102        border-radius: 3px;
 103        background: linear-gradient(to bottom, silver, gainsboro, silver);
 104   }
 105   button.btn_f_txt:hover, button.btn_f_txt_c:hover {      /* Изменения при наводке курсора */
 106        background: linear-gradient(to bottom, gainsboro, silver, gainsboro);
 107        color: white;
 108   }