├── 1c-form-style.css ├── 1c-material-form.css ├── 1c-style-cyberpunk.css ├── 1c_material.css ├── 1c_material2.css ├── README.md ├── dark_form.css └── simple_gradient.css /1c-form-style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap'); 2 | .btns>.btn { 3 | border-radius: 2px !important; 4 | } 5 | .btns{ 6 | border-radius: 3px !important; 7 | } 8 | 9 | 10 | .fieldNoBorder .inputs, 11 | .fieldNoBorder .btns, 12 | .fieldNoBorder .inputs:after, 13 | .fieldNoBorder .btns:after { 14 | border: 2px solid #99879d !important; 15 | overflow: visible !important; 16 | } 17 | 18 | #form1_ШаблонЭтапа_div, 19 | #form1_Владелец_div, 20 | #form1_Наименование_div, 21 | #form1_ИдентификаторЭтапа_div, 22 | #form1_ПредыдущийЭтап_div, 23 | #form1_СледующийЭтап_div{ 24 | height: 27px !important; 25 | } 26 | 27 | #form1_ШаблонЭтапа_div input, 28 | #form1_Владелец_div input, 29 | #form1_Наименование_div input, 30 | #form1_ИдентификаторЭтапа_div input, 31 | #form1_ПредыдущийЭтап_div input, 32 | #form1_СледующийЭтап_div input{ 33 | color: #99879D !important; 34 | font-family: Noto Sans !important; 35 | } 36 | 37 | #form1_ШаблонЭтапа_div:hover, 38 | #form1_Владелец_div:hover, 39 | #form1_Наименование_div:hover, 40 | #form1_ИдентификаторЭтапа_div:hover, 41 | #form1_ПредыдущийЭтап_div:hover, 42 | #form1_СледующийЭтап_div:hover{ 43 | border-radius: 100px; 44 | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) 45 | } 46 | 47 | .field .fieldOne .ieldNoBorder .inputs { 48 | border: 2px solid #99879d !important; 49 | height: 27px; 50 | } 51 | 52 | .inputs { 53 | color: #444 !important; 54 | border-radius: 100px !important; 55 | background-color: #fff !important; 56 | padding: 5px !important; 57 | border: 1px solid #99879d !important; 58 | font-family: Noto Sans !important; 59 | } 60 | 61 | #VW_page1ps0headerTopLine { 62 | background: #FBEEFF; 63 | border-radius: 8px 8px 0 0; 64 | margin-bottom: 20px; 65 | } 66 | 67 | #VW_page1ps0win { 68 | border-radius: 8px; 69 | border: none; 70 | } 71 | 72 | .toplineBox:after { 73 | font-family: Noto Sans; 74 | font-style: normal; 75 | font-weight: normal; 76 | font-size: 16px; 77 | line-height: 19px; 78 | display: flex; 79 | align-items: center; 80 | color: #99879D; 81 | mix-blend-mode: normal; 82 | top: 6px; 83 | text-transform: uppercase; 84 | } 85 | 86 | .VW_page1ps0headerTopLine_cmdf_FavButton svg { 87 | fill: #fbeeff; 88 | } 89 | 90 | #VW_page1ps0navigatorArea { 91 | top: 58px !important; 92 | } 93 | 94 | #VW_page1ps0formContent { 95 | top: 97px !important; 96 | } 97 | 98 | .navigationItems span { 99 | background-color: white !important; 100 | border: 2px solid #99879D; 101 | box-sizing: border-box; 102 | backdrop-filter: blur(40px); 103 | border-radius: 8px; 104 | } 105 | 106 | #VW_page1ps0navigatorArea { 107 | height: 35px; 108 | } 109 | 110 | #VW_page1ps0item_1:hover, 111 | #VW_page1ps0item_3:hover { 112 | cursor: pointer; 113 | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) 114 | } 115 | 116 | #VW_page1ps0item_1 span, 117 | #VW_page1ps0item_3 span { 118 | border: none; 119 | color: #99879D; 120 | font-family: Noto Sans; 121 | } 122 | 123 | #VW_page1ps0item_1 { 124 | margin-right: 20px; 125 | } 126 | 127 | #VW_page1ps0navigatorPanelArea, 128 | #VW_page1ps0navigatorArea { 129 | height: 47px !important; 130 | } 131 | 132 | #VW_page1ps0headerTopLine_cmdf_FavButton { 133 | background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zOTIgNTEyaC0yNzJjLTY2LjE2OCAwLTEyMC01My44MzItMTIwLTEyMHYtMjcyYzAtNjYuMTY4IDUzLjgzMi0xMjAgMTIwLTEyMGgyNzJjNjYuMTY4IDAgMTIwIDUzLjgzMiAxMjAgMTIwdjI3MmMwIDY2LjE2OC01My44MzIgMTIwLTEyMCAxMjB6bS0yNzItNDcyYy00NC4xMTIgMC04MCAzNS44ODgtODAgODB2MjcyYzAgNDQuMTEyIDM1Ljg4OCA4MCA4MCA4MGgyNzJjNDQuMTEyIDAgODAtMzUuODg4IDgwLTgwdi0yNzJjMC00NC4xMTItMzUuODg4LTgwLTgwLTgwem0zMTIgODljMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTMxMmMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMzEyYzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0xIDE4N2MwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtMTE3Yy0xMS4wNDYgMC0yMCA4Ljk1NC0yMCAyMHM4Ljk1NCAyMCAyMCAyMGgxMTdjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bTAtODBjMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTIyNGMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMjI0YzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0tMTk2IDgwYzAtMTEuMDQ2LTguOTU0LTIwLTIwLTIwaC0xMTdjLTExLjA0NiAwLTIwIDguOTU0LTIwIDIwczguOTU0IDIwIDIwIDIwaDExN2MxMS4wNDYgMCAyMC04Ljk1NCAyMC0yMHptMCA4MGMwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtMTE3Yy0xMS4wNDYgMC0yMCA4Ljk1NC0yMCAyMHM4Ljk1NCAyMCAyMCAyMGgxMTdjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bTE1NSAwYzAtMTEuMDQ2LTguOTU0LTIwLTIwLTIwaC03NmMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoNzZjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bS0zMTItMTYyYzAgMTMuODA3IDExLjE5MyAyNSAyNSAyNXMyNS0xMS4xOTMgMjUtMjUtMTEuMTkzLTI1LTI1LTI1LTI1IDExLjE5My0yNSAyNXoiLz48L3N2Zz4=) !important; 134 | background-size: 23px; 135 | background-repeat: no-repeat; 136 | background-position: center; 137 | } 138 | 139 | #VW_page1ps0headerTopLine_cmdf_FavButton svg { 140 | display: none; 141 | } 142 | 143 | #VW_page1ps0headerTopLine_cmdf_FavButton { 144 | width: 30px; 145 | height: 30px; 146 | } 147 | 148 | .eActivityBack { 149 | background-color: #9378FF; 150 | } 151 | 152 | #form1_ГруппаПанельПараметров_div, 153 | #form1_ФормаКоманднаяПанель_div { 154 | height: 47px !important; 155 | } 156 | 157 | #form1_ВыходПредыдущегоЭтапа, 158 | #form1_ВвестиВыражение, 159 | #form1_РедактироватьПараметрВОкне, 160 | #form1_РедактироватьПараметрВОкне, 161 | #form1_ВыбратьФайл, 162 | #form1_ГолосовоеУправление, 163 | #form1_allActionsФормаКоманднаяПанель, 164 | #form1_VSC, 165 | #form1_ФормаЗаписать, 166 | #form1_ФормаЗаписатьИЗакрыть { 167 | background: #9378FF !important; 168 | border-radius: 60px !important; 169 | color: white !important; 170 | z-index: 20 !important; 171 | font-family: Noto Sans; 172 | height: 27px; 173 | } 174 | 175 | #form1_ВыходПредыдущегоЭтапа:hover, 176 | #form1_ВвестиВыражение:hover, 177 | #form1_РедактироватьПараметрВОкне:hover, 178 | #form1_РедактироватьПараметрВОкне:hover, 179 | #form1_ВыбратьФайл:hover, 180 | #form1_ГолосовоеУправление:hover, 181 | #form1_allActionsФормаКоманднаяПанель:hover, 182 | #form1_VSC:hover, 183 | #form1_ФормаЗаписать:hover, 184 | #form1_ФормаЗаписатьИЗакрыть:hover { 185 | cursor: pointer; 186 | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) 187 | } 188 | 189 | #form1_ВвестиВыражение i, 190 | #form1_РедактироватьПараметрВОкне i, 191 | #form1_ВыбратьФайл i, 192 | #form1_ГолосовоеУправление i, 193 | #form1_allActionsФормаКоманднаяПанель i, 194 | #form1_VSC i, 195 | #form1_ФормаЗаписать i, 196 | #form1_ВыходПредыдущегоЭтапа i, 197 | #form1_ФормаЗаписатьИЗакрыть i { 198 | display: none !important; 199 | z-index: 30; 200 | } 201 | 202 | #form1_VSC, 203 | #form1_ГолосовоеУправление { 204 | background: white !important; 205 | border: 2px solid #9378FF; 206 | } 207 | 208 | #form1_ФормаЗаписать, 209 | #form1_ВыходПредыдущегоЭтапа { 210 | z-index: 20 !important; 211 | } 212 | 213 | #form1_ВвестиВыражение .pressImg { 214 | background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zOTIgNTEyaC0yNzJjLTY2LjE2OCAwLTEyMC01My44MzItMTIwLTEyMHYtMjcyYzAtNjYuMTY4IDUzLjgzMi0xMjAgMTIwLTEyMGgyNzJjNjYuMTY4IDAgMTIwIDUzLjgzMiAxMjAgMTIwdjI3MmMwIDY2LjE2OC01My44MzIgMTIwLTEyMCAxMjB6bS0yNzItNDcyYy00NC4xMTIgMC04MCAzNS44ODgtODAgODB2MjcyYzAgNDQuMTEyIDM1Ljg4OCA4MCA4MCA4MGgyNzJjNDQuMTEyIDAgODAtMzUuODg4IDgwLTgwdi0yNzJjMC00NC4xMTItMzUuODg4LTgwLTgwLTgwem0zMTIgODljMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTMxMmMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMzEyYzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0xIDE4N2MwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtMTE3Yy0xMS4wNDYgMC0yMCA4Ljk1NC0yMCAyMHM4Ljk1NCAyMCAyMCAyMGgxMTdjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bTAtODBjMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTIyNGMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMjI0YzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0tMTk2IDgwYzAtMTEuMDQ2LTguOTU0LTIwLTIwLTIwaC0xMTdjLTExLjA0NiAwLTIwIDguOTU0LTIwIDIwczguOTU0IDIwIDIwIDIwaDExN2MxMS4wNDYgMCAyMC04Ljk1NCAyMC0yMHptMCA4MGMwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtMTE3Yy0xMS4wNDYgMC0yMCA4Ljk1NC0yMCAyMHM4Ljk1NCAyMCAyMCAyMGgxMTdjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bTE1NSAwYzAtMTEuMDQ2LTguOTU0LTIwLTIwLTIwaC03NmMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoNzZjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bS0zMTItMTYyYzAgMTMuODA3IDExLjE5MyAyNSAyNSAyNXMyNS0xMS4xOTMgMjUtMjUtMTEuMTkzLTI1LTI1LTI1LTI1IDExLjE5My0yNSAyNXoiLz48L3N2Zz4=) !important; 215 | } 216 | 217 | #form1_РедактироватьПараметрВОкне .pressImg { 218 | background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zMTAgNTEyaC0xOTBjLTY2LjE2OCAwLTEyMC01My44MzItMTIwLTEyMHYtMjcyYzAtNjYuMTY4IDUzLjgzMi0xMjAgMTIwLTEyMGgyNzJjNjYuMTY4IDAgMTIwIDUzLjgzMiAxMjAgMTIwdjE5MS41YzAgMTEuMDQ2LTguOTU0IDIwLTIwIDIwcy0yMC04Ljk1NC0yMC0yMHYtMTkxLjVjMC00NC4xMTItMzUuODg4LTgwLTgwLTgwaC0yNzJjLTQ0LjExMiAwLTgwIDM1Ljg4OC04MCA4MHYyNzJjMCA0NC4xMTIgMzUuODg4IDgwIDgwIDgwaDE5MGMxMS4wNDYgMCAyMCA4Ljk1NCAyMCAyMHMtOC45NTQgMjAtMjAgMjB6bTEwMi0zODZjMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTE4M2MtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMTgzYzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0wIDgwYzAtMTEuMDQ2LTguOTU0LTIwLTIwLTIwaC0yNzJjLTExLjA0NiAwLTIwIDguOTU0LTIwIDIwczguOTU0IDIwIDIwIDIwaDI3MmMxMS4wNDYgMCAyMC04Ljk1NCAyMC0yMHptLTIwMCA4MGMwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtNzJjLTExLjA0NiAwLTIwIDguOTU0LTIwIDIwczguOTU0IDIwIDIwIDIwaDcyYzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0tMTEyLTE2MmMwIDEzLjgwNyAxMS4xOTMgMjUgMjUgMjVzMjUtMTEuMTkzIDI1LTI1LTExLjE5My0yNS0yNS0yNS0yNSAxMS4xOTMtMjUgMjV6bTM5MC42MTkgMzY2LjYxOGMyOC40NjItMjguNDYyIDI4LjQ2Mi03NC43NzQgMC0xMDMuMjM3bC03MC4xMDktNzAuMTA4Yy0yMC4yNjMtMjAuMjY0LTQ1LjgyNy0zMy45NDItNzMuOTI2LTM5LjU1OWwtNTYuNjY0LTExLjMyNmMtNi41NTQtMS4zMTMtMTMuMzM0Ljc0Mi0xOC4wNjIgNS40Ny00LjcyOCA0LjcyOS02Ljc4IDExLjUwNi01LjQ3IDE4LjA2M2wxMS4zMjYgNTYuNjY0YzUuNjE3IDI4LjEgMTkuMjk2IDUzLjY2MiAzOS41NTggNzMuOTI2bDcwLjEwOSA3MC4xMDhjMTMuNzg4IDEzLjc4NyAzMi4xMiAyMS4zODEgNTEuNjE5IDIxLjM4MXMzNy44MzEtNy41OTQgNTEuNjE5LTIxLjM4MnptLTE1MS44NzUtMTczLjY4YzIwLjMyOSA0LjA2MyAzOC44MjIgMTMuOTU4IDUzLjQ4MSAyOC42MThsNzAuMTA5IDcwLjEwOGMxMi44NjcgMTIuODY3IDEyLjg2NyAzMy44MDMgMCA0Ni42Ny02LjIzMiA2LjIzMy0xNC41MiA5LjY2Ni0yMy4zMzQgOS42NjZzLTE3LjEwMi0zLjQzMy0yMy4zMzQtOS42NjZsLTcwLjEwOS03MC4xMDhjLTE0LjY1OS0xNC42Ni0yNC41NTUtMzMuMTUzLTI4LjYxOC01My40ODFsLTUuNDQ3LTI3LjI1M3oiLz48L3N2Zz4=) !important; 219 | } 220 | 221 | #form1_ВыбратьФайл .pressImg { 222 | background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zOTIgNTEyaC0yNzJjLTY2LjE2OCAwLTEyMC01My44MzItMTIwLTEyMHYtMTE5LjkzNWMwLTE1LjU0OSA2LjE0Mi0yOS45MzggMTcuMjk1LTQwLjUyIDExLjIxMy0xMC42MzggMjYuNDI3LTE2LjI2OCA0MS43NTctMTUuNDcgMTAuOTIzLjU3NSAyMS40MyA0LjQwMSAzMC4zODQgMTEuMDY1bDExNy45MTQgODguMzY1Yy4wNDUuMDM0LjA5LjA2OC4xMzUuMTAzIDI4LjU2NiAyMS43ODcgNjguNDY1IDIxLjc4NyA5Ny4wMzEgMCAuMDQ1LS4wMzQuMDktLjA2OC4xMzUtLjEwM2wxMTcuODYxLTg4LjMyNmM5LjAwNy02LjcwMyAxOS41MTQtMTAuNTI5IDMwLjQzOC0xMS4xMDQgMTUuMzA5LS44MDMgMzAuNTQxIDQuODMxIDQxLjc1NiAxNS40NyAxMS4xNTIgMTAuNTgyIDE3LjI5NCAyNC45NzIgMTcuMjk0IDQwLjUydjExOS45MzVjMCA2Ni4xNjgtNTMuODMyIDEyMC0xMjAgMTIwem0tMzM1LjgzNS0yNTUuOTk5Yy00LjEwNiAwLTguMjk0IDEuNjc0LTExLjM0IDQuNTY0LTIuMjAxIDIuMDg4LTQuODI1IDUuNzc4LTQuODI1IDExLjV2MTE5LjkzNWMwIDQ0LjExMiAzNS44ODggODAgODAgODBoMjcyYzQ0LjExMiAwIDgwLTM1Ljg4OCA4MC04MHYtMTE5LjkzNWMwLTUuNzIyLTIuNjI0LTkuNDEyLTQuODI1LTExLjUtMy4yNC0zLjA3NS03Ljc1MS00Ljc3LTEyLjEyMy00LjU0NC0zLjA2Ni4xNjEtNS45NjEgMS4yNC04LjYwNCAzLjIwOGwtMTE3Ljc0MyA4OC4yMzdjLTQyLjgyIDMyLjYxMS0xMDIuNTg4IDMyLjYxMS0xNDUuNDA4IDBsLTExNy43OTctODguMjc2Yy0yLjU5MS0xLjkyOC01Ljc1Ni0zLjE4OS05LjMzNS0zLjE4OXptMjQ5LjgzNS00MC4wMDFjMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTEwOGMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMTA4YzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem01MC03N2MwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtMTU4Yy0xMS4wNDYgMC0yMCA4Ljk1NC0yMCAyMHM4Ljk1NCAyMCAyMCAyMGgxNThjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bTEwOCAxOHYtMzdjMC02Ni4xNjgtNTMuODMyLTEyMC0xMjAtMTIwaC0xNzRjLTY2LjE2OCAwLTEyMCA1My44MzItMTIwIDEyMHYzN2MwIDExLjA0NiA4Ljk1NCAyMCAyMCAyMHMyMC04Ljk1NCAyMC0yMHYtMzdjMC00NC4xMTIgMzUuODg4LTgwIDgwLTgwaDE3NGM0NC4xMTIgMCA4MCAzNS44ODggODAgODB2MzdjMCAxMS4wNDYgOC45NTQgMjAgMjAgMjBzMjAtOC45NTQgMjAtMjB6Ii8+PC9zdmc+) !important; 223 | } 224 | 225 | #form1_ГолосовоеУправление .pressImg { 226 | background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0yNjkuNDc0IDUxMmgtMjYuOTQ4Yy0yNS4wOSAwLTQ1LjUwMi0xOS40NzUtNDUuNTAyLTQzLjQxMSAwLTc1LjMzOS0zMS4xODQtMTE1LjUzNC0zMS40OTktMTE1LjkxOS0yLjkyNi0zLjU3NC00LjUyNS04LjA1MS00LjUyNS0xMi42N3YtODQuMzU1YzAtNDguODc5IDM5Ljc2Ni04OC42NDUgODguNjQ0LTg4LjY0NWgxMi43MTJjNDguODc4IDAgODguNjQ0IDM5Ljc2NiA4OC42NDQgODguNjQ0djg0LjM1NmMwIDQuNjg4LTEuNDc2IDkuMDIxLTQuNDc5IDEyLjYxNS0xLjI2OSAxLjY0LTMxLjU0NSA0MS43LTMxLjU0NSAxMTUuOTc0IDAgMjMuOTM2LTIwLjQxMiA0My40MTEtNDUuNTAyIDQzLjQxMXptLTY4LjQ3NC0xNzguNDAyYzEwLjYxOSAxNS45MjYgMzYuMDIzIDYxLjY5MyAzNi4wMjMgMTM0Ljk5MSAwIDEuMzE2IDIuNTE4IDMuNDExIDUuNTAyIDMuNDExaDI2Ljk0OGMyLjk4NCAwIDUuNTAyLTIuMDk1IDUuNTAyLTMuNDExIDAtNzMuMjk4IDI1LjQwNS0xMTkuMDY1IDM2LjAyNC0xMzQuOTkxdi03Ny45NTRjLjAwMS0yNi44MjMtMjEuODIxLTQ4LjY0NC00OC42NDMtNDguNjQ0aC0xMi43MTJjLTI2LjgyMiAwLTQ4LjY0NCAyMS44MjEtNDguNjQ0IDQ4LjY0NHptNTQtMTk3LjU5OGMtMzcuNDk1IDAtNjgtMzAuNTA1LTY4LTY4czMwLjUwNS02OCA2OC02OCA2OCAzMC41MDUgNjggNjgtMzAuNTA1IDY4LTY4IDY4em0wLTk2Yy0xNS40MzkgMC0yOCAxMi41NjEtMjggMjhzMTIuNTYxIDI4IDI4IDI4IDI4LTEyLjU2MSAyOC0yOC0xMi41NjEtMjgtMjgtMjh6bTE5My4xMjMgMzAzLjE2MSA0Ni4yODYtNDYuMTYzYzExLjM0My0xMS4zMDkgMTcuNTkxLTI2LjM0OSAxNy41OTEtNDIuMzVzLTYuMjQ3LTMxLjA0Mi0xNy41OS00Mi4zNTJjLS4wMzUtLjAzNS0uMDcxLS4wNy0uMTA2LS4xMDVsLTQ2LjI4OS00NS40NjFjLTcuODgxLTcuNzM4LTIwLjU0My03LjYyNS0yOC4yODMuMjU2cy03LjYyNSAyMC41NDMuMjU1IDI4LjI4M2w0Ni4yMjYgNDUuMzk4YzMuNzMzIDMuNzQ0IDUuNzg4IDguNzA3IDUuNzg4IDEzLjk4IDAgNS4yOTMtMi4wNzEgMTAuMjcyLTUuODM0IDE0LjAyNGwtNDYuMjg5IDQ2LjE2NmMtNy44MjEgNy44LTcuODM3IDIwLjQ2NC0uMDM4IDI4LjI4NCAzLjkwNiAzLjkyIDkuMDMyIDUuODc5IDE0LjE2IDUuODc5IDUuMTA5IDAgMTAuMjItMS45NDYgMTQuMTIzLTUuODM5em0tMzU1Ljk2Mi0uMDM4YzcuOC03LjgyIDcuNzgzLTIwLjQ4NC0uMDM4LTI4LjI4NGwtNDYuMjkyLTQ2LjE2OWMtMy43Ni0zLjc0OS01LjgzMS04LjcyOS01LjgzMS0xNC4wMjEgMC01LjI3MyAyLjA1NS0xMC4yMzYgNS43ODgtMTMuOThsNDYuMjI2LTQ1LjM5OGM3Ljg4LTcuNzQgNy45OTUtMjAuNDAyLjI1NS0yOC4yODMtNy43NC03Ljg4Mi0yMC40MDItNy45OTQtMjguMjgzLS4yNTZsLTQ2LjI4OSA0NS40NjFjLS4wMzYuMDM1LS4wNzEuMDctLjEwNi4xMDUtMTEuMzQ0IDExLjMwOC0xNy41OTEgMjYuMzQ5LTE3LjU5MSA0Mi4zNXM2LjI0OCAzMS4wNDEgMTcuNTg4IDQyLjM0N2w0Ni4yODkgNDYuMTY2YzMuOTAzIDMuODk0IDkuMDEzIDUuODM5IDE0LjEyMyA1LjgzOSA1LjEyNyAwIDEwLjI1NC0xLjk2IDE0LjE2MS01Ljg3N3oiLz48L3N2Zz4=) !important; 227 | } 228 | 229 | #form1_СтраницаЗначенияПараметров_div, 230 | #form1_ГруппаСтраницы_container { 231 | background: #FBEEFF !important; 232 | font-family: Noto Sans; 233 | } 234 | 235 | .select.tabsItem:before { 236 | background-color: #FBEEFF !important; 237 | border-radius: 8px 8px 0 0; 238 | } 239 | 240 | .tabsTop .tabsItem:before { 241 | border-radius: 8px 8px 0 0; 242 | background: none; 243 | } 244 | 245 | .tabsItem { 246 | color: #99879D; 247 | text-transform: uppercase; 248 | } 249 | 250 | #VW_page1ps0win { 251 | height: 614px !important; 252 | } 253 | 254 | #form1_ГруппаСтраницы_container { 255 | height: 384px !important; 256 | } 257 | 258 | #thpage_form1_СтраницаКод { 259 | padding: 0 4em; 260 | } 261 | 262 | .ellipsis { 263 | color: #99879D !important; 264 | } 265 | 266 | .gridHead .gridBox { 267 | background-color: white; 268 | color: #120E21; 269 | text-align: center; 270 | text-transform: uppercase; 271 | font-weight: bold; 272 | } 273 | 274 | .select.gridLine .gridBox:before { 275 | background: #CABDFD; 276 | } 277 | 278 | .staticText div, 279 | .staticText label { 280 | font-family: Noto Sans; 281 | font-size: 12px; 282 | } 283 | 284 | .focusFrame { 285 | display: none !important; 286 | } -------------------------------------------------------------------------------- /1c-material-form.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap'); 2 | #form1_VSC:hover .VS-tooltip{ 3 | display: flex; 4 | } 5 | 6 | .VS-tooltip{ 7 | position: absolute; 8 | background-color: #dadada; 9 | z-index: 1000000; 10 | display: none; 11 | flex-direction: row; 12 | padding: 10px; 13 | width: 201px; 14 | height: fit-content; 15 | top: -61px !important; 16 | border-radius: 3px; 17 | } 18 | 19 | .VS-tooltip a{ 20 | color: #0877b9 !important; 21 | } 22 | 23 | .VS-tooltip p{ 24 | text-transform: none; 25 | font-size: 11px; 26 | word-break: break-word; 27 | } 28 | 29 | .VS-tooltip img{ 30 | width: 30px; 31 | margin-right: 10px; 32 | } 33 | .tabs:after { 34 | background: #f1cbc1; 35 | } 36 | 37 | .gridHead:not(.gridFoot) .gridBox { 38 | border-bottom: 1px solid #f1cbc1; 39 | } 40 | 41 | .gridHead .gridBox:before { 42 | box-shadow: 0 0 0 1px #f1cbc1; 43 | } 44 | 45 | .frameGrid .frameScroll:before { 46 | border-color: #f1cbc1; 47 | } 48 | 49 | .grid { 50 | border-color: #f1cbc1 !important; 51 | } 52 | 53 | .tabs+div { 54 | border: 1px solid #f1cbc1 !important; 55 | border-top: none !important; 56 | } 57 | 58 | .messagesHeader { 59 | border-top: 5px solid #442C2E !important; 60 | } 61 | 62 | #form1_allActionsФормаКоманднаяПанель span { 63 | height: initial !important; 64 | } 65 | 66 | .pressImg { 67 | width: 14px !important; 68 | height: 14px !important; 69 | } 70 | 71 | .focus.select.gridLine:after, 72 | .focus.gridBox .gridBoxTitle { 73 | border-color: #442C2E; 74 | } 75 | 76 | .commandRight, 77 | .commandFieldBox, 78 | .framePress, 79 | .pressMore, 80 | .pressMore .pressBox { 81 | height: 27px !important; 82 | } 83 | 84 | * { 85 | font-family: Rubik !important; 86 | font-weight: 600 !important; 87 | color: #442C2E !important; 88 | overflow: visible !important; 89 | } 90 | 91 | .select.navigationItem { 92 | background-color: #ffffff; 93 | cursor: default; 94 | border: 2px solid #FEDBD0; 95 | box-sizing: border-box; 96 | } 97 | 98 | .btns>.btn { 99 | border-radius: 2px !important; 100 | } 101 | 102 | .btns { 103 | border-radius: 3px !important; 104 | } 105 | 106 | 107 | .fieldNoBorder .inputs, 108 | .fieldNoBorder .btns, 109 | .fieldNoBorder .inputs:after, 110 | .fieldNoBorder .btns:after { 111 | border: 2px solid #EAA4A4 !important; 112 | box-sizing: border-box; 113 | overflow: visible !important; 114 | } 115 | 116 | #form1_ШаблонЭтапа_div, 117 | #form1_Владелец_div, 118 | #form1_Наименование_div, 119 | #form1_ИдентификаторЭтапа_div, 120 | #form1_ПредыдущийЭтап_div, 121 | #form1_СледующийЭтап_div { 122 | height: 27px !important; 123 | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) 124 | } 125 | 126 | #form1_ШаблонЭтапа_div input, 127 | #form1_Владелец_div input, 128 | #form1_Наименование_div input, 129 | #form1_ИдентификаторЭтапа_div input, 130 | #form1_ПредыдущийЭтап_div input, 131 | #form1_СледующийЭтап_div input { 132 | color: #442C2E !important; 133 | font-family: Rubik !important; 134 | } 135 | 136 | 137 | .field .fieldOne .ieldNoBorder .inputs { 138 | border: 2px solid #99879d !important; 139 | height: 27px; 140 | } 141 | 142 | .inputs { 143 | color: #442C2E !important; 144 | background-color: #fff !important; 145 | padding: 5px !important; 146 | border: 1px solid #EAA4A4 !important; 147 | font-family: Rubik !important; 148 | } 149 | 150 | #VW_page1ps0headerTopLine { 151 | background: linear-gradient(0deg, rgba(125, 54, 54, 0.1), rgba(125, 54, 54, 0.1)), #FEDBD0; 152 | margin-bottom: 20px; 153 | } 154 | 155 | #VW_page1ps0win { 156 | border-radius: 8px; 157 | border: none; 158 | } 159 | 160 | .toplineBox:after { 161 | font-family: Rubik; 162 | font-style: normal; 163 | font-size: 16px; 164 | line-height: 19px; 165 | display: flex; 166 | align-items: center; 167 | color: #442C2E; 168 | mix-blend-mode: normal; 169 | top: 6px; 170 | text-transform: uppercase; 171 | } 172 | 173 | .VW_page1ps0headerTopLine_cmdf_FavButton svg { 174 | fill: #fbeeff; 175 | } 176 | 177 | #VW_page1ps0navigatorArea { 178 | top: 58px !important; 179 | } 180 | 181 | #VW_page1ps0formContent { 182 | top: 97px !important; 183 | } 184 | 185 | .navigationItems span { 186 | font-family: Rubik !important; 187 | font-style: normal !important; 188 | font-weight: 600 !important; 189 | font-size: 14px !important; 190 | line-height: 24px !important; 191 | letter-spacing: 0.5px !important; 192 | text-transform: uppercase; 193 | color: #442C2E !important; 194 | border: 2px solid #FEDBD0 !important; 195 | box-sizing: border-box; 196 | } 197 | 198 | #VW_page1ps0navigatorArea { 199 | height: 35px; 200 | } 201 | 202 | #VW_page1ps0item_1, 203 | #VW_page1ps0item_3 { 204 | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) 205 | } 206 | 207 | #VW_page1ps0item_1 span, 208 | #VW_page1ps0item_3 span { 209 | border: none !important; 210 | color: #442C2E !important; 211 | font-family: Rubik !important; 212 | } 213 | 214 | #VW_page1ps0item_1 { 215 | margin-right: 20px; 216 | } 217 | 218 | #VW_page1ps0navigatorPanelArea, 219 | #VW_page1ps0navigatorArea { 220 | height: 47px !important; 221 | } 222 | 223 | #VW_page1ps0headerTopLine_cmdf_FavButton { 224 | background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zOTIgNTEyaC0yNzJjLTY2LjE2OCAwLTEyMC01My44MzItMTIwLTEyMHYtMjcyYzAtNjYuMTY4IDUzLjgzMi0xMjAgMTIwLTEyMGgyNzJjNjYuMTY4IDAgMTIwIDUzLjgzMiAxMjAgMTIwdjI3MmMwIDY2LjE2OC01My44MzIgMTIwLTEyMCAxMjB6bS0yNzItNDcyYy00NC4xMTIgMC04MCAzNS44ODgtODAgODB2MjcyYzAgNDQuMTEyIDM1Ljg4OCA4MCA4MCA4MGgyNzJjNDQuMTEyIDAgODAtMzUuODg4IDgwLTgwdi0yNzJjMC00NC4xMTItMzUuODg4LTgwLTgwLTgwem0zMTIgODljMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTMxMmMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMzEyYzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0xIDE4N2MwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtMTE3Yy0xMS4wNDYgMC0yMCA4Ljk1NC0yMCAyMHM4Ljk1NCAyMCAyMCAyMGgxMTdjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bTAtODBjMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTIyNGMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMjI0YzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0tMTk2IDgwYzAtMTEuMDQ2LTguOTU0LTIwLTIwLTIwaC0xMTdjLTExLjA0NiAwLTIwIDguOTU0LTIwIDIwczguOTU0IDIwIDIwIDIwaDExN2MxMS4wNDYgMCAyMC04Ljk1NCAyMC0yMHptMCA4MGMwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtMTE3Yy0xMS4wNDYgMC0yMCA4Ljk1NC0yMCAyMHM4Ljk1NCAyMCAyMCAyMGgxMTdjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bTE1NSAwYzAtMTEuMDQ2LTguOTU0LTIwLTIwLTIwaC03NmMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoNzZjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bS0zMTItMTYyYzAgMTMuODA3IDExLjE5MyAyNSAyNSAyNXMyNS0xMS4xOTMgMjUtMjUtMTEuMTkzLTI1LTI1LTI1LTI1IDExLjE5My0yNSAyNXoiLz48L3N2Zz4=) !important; 225 | background-size: 18px; 226 | background-repeat: no-repeat; 227 | background-position: center; 228 | } 229 | 230 | #VW_page1ps0headerTopLine_cmdf_FavButton svg { 231 | display: none; 232 | } 233 | 234 | #VW_page1ps0headerTopLine_cmdf_FavButton { 235 | width: 30px; 236 | height: 30px; 237 | } 238 | 239 | .eActivityBack { 240 | background: #FEDBD0; 241 | } 242 | 243 | #form1_ГруппаПанельПараметров_div, 244 | #form1_ФормаКоманднаяПанель_div { 245 | height: 47px !important; 246 | } 247 | 248 | #form1_ВыходПредыдущегоЭтапа, 249 | #form1_ВвестиВыражение, 250 | #form1_РедактироватьПараметрВОкне, 251 | #form1_РедактироватьПараметрВОкне, 252 | #form1_ВыбратьФайл, 253 | #form1_ГолосовоеУправление, 254 | #form1_allActionsФормаКоманднаяПанель, 255 | #form1_VSC, 256 | #form1_ФормаЗаписать, 257 | #form1_ФормаЗаписатьИЗакрыть { 258 | z-index: 20 !important; 259 | font-family: Rubik; 260 | letter-spacing: 0.5px; 261 | text-transform: uppercase; 262 | color: #442C2E !important; 263 | background: #FEDBD0 !important; 264 | box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2) 265 | } 266 | 267 | #form1_ВвестиВыражение i, 268 | #form1_РедактироватьПараметрВОкне i, 269 | #form1_ВыбратьФайл i, 270 | #form1_ГолосовоеУправление i, 271 | #form1_allActionsФормаКоманднаяПанель i, 272 | #form1_VSC i, 273 | #form1_ФормаЗаписать i, 274 | #form1_ВыходПредыдущегоЭтапа i, 275 | #form1_ФормаЗаписатьИЗакрыть i { 276 | display: none !important; 277 | z-index: 30; 278 | } 279 | 280 | #form1_VSC, 281 | #form1_ГолосовоеУправление { 282 | background: white !important; 283 | border: 2px solid #FEDBD0 !important; 284 | box-sizing: border-box !important; 285 | } 286 | 287 | #form1_ФормаЗаписать, 288 | #form1_ВыходПредыдущегоЭтапа { 289 | z-index: 20 !important; 290 | } 291 | 292 | #form1_ВвестиВыражение .pressImg { 293 | background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zOTIgNTEyaC0yNzJjLTY2LjE2OCAwLTEyMC01My44MzItMTIwLTEyMHYtMjcyYzAtNjYuMTY4IDUzLjgzMi0xMjAgMTIwLTEyMGgyNzJjNjYuMTY4IDAgMTIwIDUzLjgzMiAxMjAgMTIwdjI3MmMwIDY2LjE2OC01My44MzIgMTIwLTEyMCAxMjB6bS0yNzItNDcyYy00NC4xMTIgMC04MCAzNS44ODgtODAgODB2MjcyYzAgNDQuMTEyIDM1Ljg4OCA4MCA4MCA4MGgyNzJjNDQuMTEyIDAgODAtMzUuODg4IDgwLTgwdi0yNzJjMC00NC4xMTItMzUuODg4LTgwLTgwLTgwem0zMTIgODljMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTMxMmMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMzEyYzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0xIDE4N2MwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtMTE3Yy0xMS4wNDYgMC0yMCA4Ljk1NC0yMCAyMHM4Ljk1NCAyMCAyMCAyMGgxMTdjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bTAtODBjMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTIyNGMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMjI0YzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0tMTk2IDgwYzAtMTEuMDQ2LTguOTU0LTIwLTIwLTIwaC0xMTdjLTExLjA0NiAwLTIwIDguOTU0LTIwIDIwczguOTU0IDIwIDIwIDIwaDExN2MxMS4wNDYgMCAyMC04Ljk1NCAyMC0yMHptMCA4MGMwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtMTE3Yy0xMS4wNDYgMC0yMCA4Ljk1NC0yMCAyMHM4Ljk1NCAyMCAyMCAyMGgxMTdjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bTE1NSAwYzAtMTEuMDQ2LTguOTU0LTIwLTIwLTIwaC03NmMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoNzZjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bS0zMTItMTYyYzAgMTMuODA3IDExLjE5MyAyNSAyNSAyNXMyNS0xMS4xOTMgMjUtMjUtMTEuMTkzLTI1LTI1LTI1LTI1IDExLjE5My0yNSAyNXoiLz48L3N2Zz4=) !important; 294 | } 295 | 296 | #form1_РедактироватьПараметрВОкне .pressImg { 297 | background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zMTAgNTEyaC0xOTBjLTY2LjE2OCAwLTEyMC01My44MzItMTIwLTEyMHYtMjcyYzAtNjYuMTY4IDUzLjgzMi0xMjAgMTIwLTEyMGgyNzJjNjYuMTY4IDAgMTIwIDUzLjgzMiAxMjAgMTIwdjE5MS41YzAgMTEuMDQ2LTguOTU0IDIwLTIwIDIwcy0yMC04Ljk1NC0yMC0yMHYtMTkxLjVjMC00NC4xMTItMzUuODg4LTgwLTgwLTgwaC0yNzJjLTQ0LjExMiAwLTgwIDM1Ljg4OC04MCA4MHYyNzJjMCA0NC4xMTIgMzUuODg4IDgwIDgwIDgwaDE5MGMxMS4wNDYgMCAyMCA4Ljk1NCAyMCAyMHMtOC45NTQgMjAtMjAgMjB6bTEwMi0zODZjMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTE4M2MtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMTgzYzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0wIDgwYzAtMTEuMDQ2LTguOTU0LTIwLTIwLTIwaC0yNzJjLTExLjA0NiAwLTIwIDguOTU0LTIwIDIwczguOTU0IDIwIDIwIDIwaDI3MmMxMS4wNDYgMCAyMC04Ljk1NCAyMC0yMHptLTIwMCA4MGMwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtNzJjLTExLjA0NiAwLTIwIDguOTU0LTIwIDIwczguOTU0IDIwIDIwIDIwaDcyYzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem0tMTEyLTE2MmMwIDEzLjgwNyAxMS4xOTMgMjUgMjUgMjVzMjUtMTEuMTkzIDI1LTI1LTExLjE5My0yNS0yNS0yNS0yNSAxMS4xOTMtMjUgMjV6bTM5MC42MTkgMzY2LjYxOGMyOC40NjItMjguNDYyIDI4LjQ2Mi03NC43NzQgMC0xMDMuMjM3bC03MC4xMDktNzAuMTA4Yy0yMC4yNjMtMjAuMjY0LTQ1LjgyNy0zMy45NDItNzMuOTI2LTM5LjU1OWwtNTYuNjY0LTExLjMyNmMtNi41NTQtMS4zMTMtMTMuMzM0Ljc0Mi0xOC4wNjIgNS40Ny00LjcyOCA0LjcyOS02Ljc4IDExLjUwNi01LjQ3IDE4LjA2M2wxMS4zMjYgNTYuNjY0YzUuNjE3IDI4LjEgMTkuMjk2IDUzLjY2MiAzOS41NTggNzMuOTI2bDcwLjEwOSA3MC4xMDhjMTMuNzg4IDEzLjc4NyAzMi4xMiAyMS4zODEgNTEuNjE5IDIxLjM4MXMzNy44MzEtNy41OTQgNTEuNjE5LTIxLjM4MnptLTE1MS44NzUtMTczLjY4YzIwLjMyOSA0LjA2MyAzOC44MjIgMTMuOTU4IDUzLjQ4MSAyOC42MThsNzAuMTA5IDcwLjEwOGMxMi44NjcgMTIuODY3IDEyLjg2NyAzMy44MDMgMCA0Ni42Ny02LjIzMiA2LjIzMy0xNC41MiA5LjY2Ni0yMy4zMzQgOS42NjZzLTE3LjEwMi0zLjQzMy0yMy4zMzQtOS42NjZsLTcwLjEwOS03MC4xMDhjLTE0LjY1OS0xNC42Ni0yNC41NTUtMzMuMTUzLTI4LjYxOC01My40ODFsLTUuNDQ3LTI3LjI1M3oiLz48L3N2Zz4=) !important; 298 | } 299 | 300 | #form1_ВыбратьФайл .pressImg { 301 | background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0zOTIgNTEyaC0yNzJjLTY2LjE2OCAwLTEyMC01My44MzItMTIwLTEyMHYtMTE5LjkzNWMwLTE1LjU0OSA2LjE0Mi0yOS45MzggMTcuMjk1LTQwLjUyIDExLjIxMy0xMC42MzggMjYuNDI3LTE2LjI2OCA0MS43NTctMTUuNDcgMTAuOTIzLjU3NSAyMS40MyA0LjQwMSAzMC4zODQgMTEuMDY1bDExNy45MTQgODguMzY1Yy4wNDUuMDM0LjA5LjA2OC4xMzUuMTAzIDI4LjU2NiAyMS43ODcgNjguNDY1IDIxLjc4NyA5Ny4wMzEgMCAuMDQ1LS4wMzQuMDktLjA2OC4xMzUtLjEwM2wxMTcuODYxLTg4LjMyNmM5LjAwNy02LjcwMyAxOS41MTQtMTAuNTI5IDMwLjQzOC0xMS4xMDQgMTUuMzA5LS44MDMgMzAuNTQxIDQuODMxIDQxLjc1NiAxNS40NyAxMS4xNTIgMTAuNTgyIDE3LjI5NCAyNC45NzIgMTcuMjk0IDQwLjUydjExOS45MzVjMCA2Ni4xNjgtNTMuODMyIDEyMC0xMjAgMTIwem0tMzM1LjgzNS0yNTUuOTk5Yy00LjEwNiAwLTguMjk0IDEuNjc0LTExLjM0IDQuNTY0LTIuMjAxIDIuMDg4LTQuODI1IDUuNzc4LTQuODI1IDExLjV2MTE5LjkzNWMwIDQ0LjExMiAzNS44ODggODAgODAgODBoMjcyYzQ0LjExMiAwIDgwLTM1Ljg4OCA4MC04MHYtMTE5LjkzNWMwLTUuNzIyLTIuNjI0LTkuNDEyLTQuODI1LTExLjUtMy4yNC0zLjA3NS03Ljc1MS00Ljc3LTEyLjEyMy00LjU0NC0zLjA2Ni4xNjEtNS45NjEgMS4yNC04LjYwNCAzLjIwOGwtMTE3Ljc0MyA4OC4yMzdjLTQyLjgyIDMyLjYxMS0xMDIuNTg4IDMyLjYxMS0xNDUuNDA4IDBsLTExNy43OTctODguMjc2Yy0yLjU5MS0xLjkyOC01Ljc1Ni0zLjE4OS05LjMzNS0zLjE4OXptMjQ5LjgzNS00MC4wMDFjMC0xMS4wNDYtOC45NTQtMjAtMjAtMjBoLTEwOGMtMTEuMDQ2IDAtMjAgOC45NTQtMjAgMjBzOC45NTQgMjAgMjAgMjBoMTA4YzExLjA0NiAwIDIwLTguOTU0IDIwLTIwem01MC03N2MwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGgtMTU4Yy0xMS4wNDYgMC0yMCA4Ljk1NC0yMCAyMHM4Ljk1NCAyMCAyMCAyMGgxNThjMTEuMDQ2IDAgMjAtOC45NTQgMjAtMjB6bTEwOCAxOHYtMzdjMC02Ni4xNjgtNTMuODMyLTEyMC0xMjAtMTIwaC0xNzRjLTY2LjE2OCAwLTEyMCA1My44MzItMTIwIDEyMHYzN2MwIDExLjA0NiA4Ljk1NCAyMCAyMCAyMHMyMC04Ljk1NCAyMC0yMHYtMzdjMC00NC4xMTIgMzUuODg4LTgwIDgwLTgwaDE3NGM0NC4xMTIgMCA4MCAzNS44ODggODAgODB2MzdjMCAxMS4wNDYgOC45NTQgMjAgMjAgMjBzMjAtOC45NTQgMjAtMjB6Ii8+PC9zdmc+) !important; 302 | } 303 | 304 | #form1_ГолосовоеУправление .pressImg { 305 | background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyIDUxMiIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0yNjkuNDc0IDUxMmgtMjYuOTQ4Yy0yNS4wOSAwLTQ1LjUwMi0xOS40NzUtNDUuNTAyLTQzLjQxMSAwLTc1LjMzOS0zMS4xODQtMTE1LjUzNC0zMS40OTktMTE1LjkxOS0yLjkyNi0zLjU3NC00LjUyNS04LjA1MS00LjUyNS0xMi42N3YtODQuMzU1YzAtNDguODc5IDM5Ljc2Ni04OC42NDUgODguNjQ0LTg4LjY0NWgxMi43MTJjNDguODc4IDAgODguNjQ0IDM5Ljc2NiA4OC42NDQgODguNjQ0djg0LjM1NmMwIDQuNjg4LTEuNDc2IDkuMDIxLTQuNDc5IDEyLjYxNS0xLjI2OSAxLjY0LTMxLjU0NSA0MS43LTMxLjU0NSAxMTUuOTc0IDAgMjMuOTM2LTIwLjQxMiA0My40MTEtNDUuNTAyIDQzLjQxMXptLTY4LjQ3NC0xNzguNDAyYzEwLjYxOSAxNS45MjYgMzYuMDIzIDYxLjY5MyAzNi4wMjMgMTM0Ljk5MSAwIDEuMzE2IDIuNTE4IDMuNDExIDUuNTAyIDMuNDExaDI2Ljk0OGMyLjk4NCAwIDUuNTAyLTIuMDk1IDUuNTAyLTMuNDExIDAtNzMuMjk4IDI1LjQwNS0xMTkuMDY1IDM2LjAyNC0xMzQuOTkxdi03Ny45NTRjLjAwMS0yNi44MjMtMjEuODIxLTQ4LjY0NC00OC42NDMtNDguNjQ0aC0xMi43MTJjLTI2LjgyMiAwLTQ4LjY0NCAyMS44MjEtNDguNjQ0IDQ4LjY0NHptNTQtMTk3LjU5OGMtMzcuNDk1IDAtNjgtMzAuNTA1LTY4LTY4czMwLjUwNS02OCA2OC02OCA2OCAzMC41MDUgNjggNjgtMzAuNTA1IDY4LTY4IDY4em0wLTk2Yy0xNS40MzkgMC0yOCAxMi41NjEtMjggMjhzMTIuNTYxIDI4IDI4IDI4IDI4LTEyLjU2MSAyOC0yOC0xMi41NjEtMjgtMjgtMjh6bTE5My4xMjMgMzAzLjE2MSA0Ni4yODYtNDYuMTYzYzExLjM0My0xMS4zMDkgMTcuNTkxLTI2LjM0OSAxNy41OTEtNDIuMzVzLTYuMjQ3LTMxLjA0Mi0xNy41OS00Mi4zNTJjLS4wMzUtLjAzNS0uMDcxLS4wNy0uMTA2LS4xMDVsLTQ2LjI4OS00NS40NjFjLTcuODgxLTcuNzM4LTIwLjU0My03LjYyNS0yOC4yODMuMjU2cy03LjYyNSAyMC41NDMuMjU1IDI4LjI4M2w0Ni4yMjYgNDUuMzk4YzMuNzMzIDMuNzQ0IDUuNzg4IDguNzA3IDUuNzg4IDEzLjk4IDAgNS4yOTMtMi4wNzEgMTAuMjcyLTUuODM0IDE0LjAyNGwtNDYuMjg5IDQ2LjE2NmMtNy44MjEgNy44LTcuODM3IDIwLjQ2NC0uMDM4IDI4LjI4NCAzLjkwNiAzLjkyIDkuMDMyIDUuODc5IDE0LjE2IDUuODc5IDUuMTA5IDAgMTAuMjItMS45NDYgMTQuMTIzLTUuODM5em0tMzU1Ljk2Mi0uMDM4YzcuOC03LjgyIDcuNzgzLTIwLjQ4NC0uMDM4LTI4LjI4NGwtNDYuMjkyLTQ2LjE2OWMtMy43Ni0zLjc0OS01LjgzMS04LjcyOS01LjgzMS0xNC4wMjEgMC01LjI3MyAyLjA1NS0xMC4yMzYgNS43ODgtMTMuOThsNDYuMjI2LTQ1LjM5OGM3Ljg4LTcuNzQgNy45OTUtMjAuNDAyLjI1NS0yOC4yODMtNy43NC03Ljg4Mi0yMC40MDItNy45OTQtMjguMjgzLS4yNTZsLTQ2LjI4OSA0NS40NjFjLS4wMzYuMDM1LS4wNzEuMDctLjEwNi4xMDUtMTEuMzQ0IDExLjMwOC0xNy41OTEgMjYuMzQ5LTE3LjU5MSA0Mi4zNXM2LjI0OCAzMS4wNDEgMTcuNTg4IDQyLjM0N2w0Ni4yODkgNDYuMTY2YzMuOTAzIDMuODk0IDkuMDEzIDUuODM5IDE0LjEyMyA1LjgzOSA1LjEyNyAwIDEwLjI1NC0xLjk2IDE0LjE2MS01Ljg3N3oiLz48L3N2Zz4=) !important; 306 | } 307 | 308 | #form1_СтраницаЗначенияПараметров_div, 309 | #form1_ГруппаСтраницы_container { 310 | background: #FEEAE6 !important; 311 | font-family: Rubik; 312 | } 313 | 314 | .select.tabsItem:before { 315 | background-color: #FEEAE6 !important; 316 | border-radius: 0 !important; 317 | } 318 | 319 | .tabsTop .tabsItem:before { 320 | background: none; 321 | border: 1px solid #f1cbc1; 322 | } 323 | 324 | .tabsItem { 325 | color: #442C2E; 326 | text-transform: uppercase; 327 | } 328 | 329 | #VW_page1ps0win { 330 | height: 614px !important; 331 | } 332 | 333 | #form1_ГруппаСтраницы_container { 334 | height: 384px !important; 335 | } 336 | 337 | #thpage_form1_СтраницаКод { 338 | padding: 0 4em; 339 | } 340 | 341 | .ellipsis { 342 | color: #442C2E !important; 343 | } 344 | 345 | .gridHead .gridBox { 346 | background-color: white; 347 | color: #442C2E; 348 | text-align: center; 349 | text-transform: uppercase; 350 | font-weight: bold; 351 | } 352 | 353 | .select.gridLine .gridBox:before { 354 | background: linear-gradient(0deg, rgba(125, 54, 54, 0.1), rgba(125, 54, 54, 0.1)); 355 | } 356 | 357 | .staticText div, 358 | .staticText label { 359 | font-family: Rubik; 360 | font-size: 12px; 361 | } 362 | 363 | .focusFrame { 364 | display: none !important; 365 | } 366 | 367 | .fullSize { 368 | background: #fffbfa 369 | } 370 | -------------------------------------------------------------------------------- /1c-style-cyberpunk.css: -------------------------------------------------------------------------------- 1 | @import url(//db.onlinewebfonts.com/c/a082fd3df68a0b54e0d4d794bc38d268?family=Blender+Pro); 2 | 3 | #VW_page1headerTopLine_cmdf_FavButton{ 4 | width: 0; 5 | } 6 | 7 | .select .gridBox:first-of-type .gridBoxImg .dIB { 8 | background-image: url(https://cdn1.iconfinder.com/data/icons/cyberpunk-2d-rpg-game-items-weapons-armour-face-he/26/CYBER-GAME_--12-512.png) !important; 9 | background-size: 100%; 10 | } 11 | 12 | .markIncomplete:after { 13 | border-bottom: 1px dotted #f0eb00 !important; 14 | } 15 | 16 | .btns>.btn { 17 | background-color: #000 !important; 18 | } 19 | 20 | .inputs, 21 | .btns { 22 | border: 2px solid; 23 | background-color: #000; 24 | } 25 | 26 | .fieldNoBorder .inputs, 27 | .fieldNoBorder .btns, 28 | .fieldNoBorder .inputs:after, 29 | .fieldNoBorder .btns:after { 30 | border-color: #f0eb00 !important; 31 | border: 2px solid; 32 | } 33 | 34 | .select.gridLine .gridBox:before { 35 | background-color: #f0eb00 !important; 36 | } 37 | 38 | .editInput, 39 | .editArea { 40 | color: #f0eb00; 41 | background: #000000; 42 | } 43 | 44 | .pressButton { 45 | border-radius: 20px; 46 | } 47 | 48 | .gridLineEven { 49 | background: none; 50 | } 51 | 52 | .focus.select.gridLine:after, 53 | .focus.gridBox .gridBoxTitle { 54 | border-color: #000000; 55 | } 56 | 57 | .press i { 58 | background-color: #000000; 59 | border: none; 60 | border-radius: 20px; 61 | } 62 | 63 | .pressButton .pressBoxTitle, 64 | .pressBox { 65 | color: #f0eb00; 66 | text-transform: uppercase; 67 | font-size: 12px; 68 | font-family: 'Blender Pro'; 69 | 70 | } 71 | 72 | label.ellipsis { 73 | background: #202020; 74 | color: #02d8f3; 75 | text-transform: uppercase; 76 | } 77 | 78 | .focusFrame { 79 | display: none !important; 80 | } 81 | 82 | .captionbarFieldPlaceHolder { 83 | left: 10px !important; 84 | } 85 | 86 | #form0_НадписьЯрлык { 87 | color: rgb(240, 235, 0) !important; 88 | text-transform: uppercase; 89 | width: 206px; 90 | background-color: black; 91 | } 92 | 93 | #form0_НадписьЯрлык_div{ 94 | width: 206px !important; 95 | } 96 | 97 | .staticTextHyper { 98 | color: white; 99 | font-family: 'Blender Pro'; 100 | font-weight: bold; 101 | width: max-content !important; 102 | } 103 | 104 | #form0_ТонкийКлиент#text_div { 105 | left: 400px !important; 106 | } 107 | 108 | #themesCell_theme_1 div:first-of-type { 109 | width: 32px; 110 | height: 32px; 111 | background-image: url(https://cdn1.iconfinder.com/data/icons/cyberpunk-2d-rpg-game-items-weapons-armour-face-he/26/CYBER-GAME_--23-512.png) !important; 112 | background-size: 100%; 113 | background-repeat: no-repeat; 114 | } 115 | 116 | #themesCell { 117 | font-family: 'Blender Pro'; 118 | background-image: url(https://upload.wikimedia.org/wikipedia/ru/thumb/b/bb/%D0%9E%D0%B1%D0%BB%D0%BE%D0%B6%D0%BA%D0%B0_%D0%BA%D0%BE%D0%BC%D0%BF%D1%8C%D1%8E%D1%82%D0%B5%D1%80%D0%BD%D0%BE%D0%B9_%D0%B8%D0%B3%D1%80%D1%8B_Cyberpunk_2077.jpg/274px-%D0%9E%D0%B1%D0%BB%D0%BE%D0%B6%D0%BA%D0%B0_%D0%BA%D0%BE%D0%BC%D0%BF%D1%8C%D1%8E%D1%82%D0%B5%D1%80%D0%BD%D0%BE%D0%B9_%D0%B8%D0%B3%D1%80%D1%8B_Cyberpunk_2077.jpg); 119 | background-repeat: no-repeat; 120 | background-position: bottom; 121 | background-color: #f0eb00; 122 | } 123 | 124 | #openedCell_itemBox_0 svg { 125 | fill: #cdcdcd 126 | } 127 | 128 | .select.openedItem:before { 129 | background: #02d8f3; 130 | } 131 | 132 | #openedCell_itemBox_0 div { 133 | background-color: #000 !important; 134 | font-weight: bold; 135 | font-size: 12px; 136 | font-family: "Blender Pro"; 137 | text-transform: uppercase; 138 | color: #cdcdcd; 139 | } 140 | 141 | #openedCell_cont { 142 | background-color: #000; 143 | border-top: 1px solid #979797; 144 | } 145 | 146 | #captionbarTitle, 147 | #captionbar1C, 148 | #captionbarFunction svg { 149 | color: #ff003c; 150 | fill: #ff003c; 151 | font-size: 25px; 152 | font-weight: bold; 153 | font-family: "Blender Pro" 154 | } 155 | 156 | #captionbar { 157 | background-color: #000; 158 | } 159 | 160 | #captionbarField .captionbarFieldIco { 161 | display: none; 162 | } 163 | 164 | #captionbarLogo svg { 165 | display: none; 166 | width: 0; 167 | height: 0; 168 | } 169 | 170 | #captionbarLogo { 171 | background-image: url(https://www.cyberpunk.net/build/images/logo-en-28275215.png); 172 | background-size: 100%; 173 | width: 113px; 174 | height: 27px; 175 | background-repeat: no-repeat; 176 | } 177 | 178 | #page1 { 179 | background-image: url(https://www.cyberpunk.net/build/images/home3/screen-image-about-768457e5.jpg); 180 | font-family: 'Blender Pro'; 181 | } 182 | 183 | #form0_ГрафическаяСхема { 184 | opacity: 0.8; 185 | } 186 | 187 | #VW_page1headerTopLine { 188 | background: #000 189 | } 190 | 191 | .toplineBox:after { 192 | font-weight: 700; 193 | text-transform: uppercase; 194 | color: #f8ef00; 195 | line-height: 1.2; 196 | font-family: "Blender Pro"; 197 | top:4px 198 | } 199 | 200 | 201 | .topline svg, 202 | .captionbarIco svg, 203 | #LogoutButton { 204 | fill: #cdcdcd; 205 | color: #cdcdcd; 206 | } 207 | 208 | #VW_page1headerTopLine_cmdf_FavButton svg { 209 | display: none; 210 | width: 0; 211 | height: 0; 212 | } 213 | 214 | 215 | #form0_НадписьWebКлиент_div { 216 | height: 50px; 217 | background-color: #02d8f3; 218 | padding-left: 5px; 219 | top: 0; 220 | text-decoration: none; 221 | font-family: BlenderProBold, sans-serif !important; 222 | font-weight: 700 !important; 223 | color: #000 !important; 224 | width: 357px !important; 225 | } 226 | 227 | #form0_НадписьWebКлиент { 228 | color: #000 !important; 229 | } 230 | -------------------------------------------------------------------------------- /1c_material.css: -------------------------------------------------------------------------------- 1 | const template = ` 2 |
3 | 4 |

Для редактирования кода можно воспользоваться редактором 5 | VS Studio Code

6 |
`; 7 | const renderInterval = setInterval(function() { 8 | if(document.querySelector('#form1_VSC') && !document.querySelector('#VS-tooltip')){ 9 | form1_VSC.insertAdjacentHTML('beforeend', template); 10 | } 11 | }, 1000); -------------------------------------------------------------------------------- /1c_material2.css: -------------------------------------------------------------------------------- 1 | #VW_page1ps0win { 2 | height: 1000px; 3 | border-radius: 4px; 4 | border: none; 5 | box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 6 | 0 24px 38px 3px rgba(0, 0, 0, 0.14), 7 | 0 9px 46px 8px rgba(0,0,0,.12); 8 | background: #FFF; 9 | } 10 | 11 | #VW_page1ps0win * { 12 | font-family: Roboto, sans-serif; 13 | color: rgba(0,0,0,.6); 14 | box-shadow: none; 15 | border: none; 16 | } 17 | 18 | #VW_page1ps0win svg { 19 | stroke: rgba(0,0,0,.87) !important; 20 | fill: rgba(0,0,0,.87)!important; 21 | } 22 | 23 | #VW_page1ps0win .topline { 24 | width: 100%; 25 | padding: 20px 24px 9px; 26 | font-size: 1.25rem; 27 | line-height: 2rem; 28 | font-weight: 500; 29 | color: rgba(0, 0, 0, .87) !important; 30 | } 31 | 32 | .panelContainer { 33 | height: auto !important; 34 | top: 60px !important; 35 | left: 8px !important; 36 | width: 700px !important; 37 | } 38 | 39 | .panelContainer > div { 40 | position: relative !important; 41 | overflow: visible !important; 42 | } 43 | 44 | .toplineHome, 45 | .toplineNav, 46 | .toplineCenter, 47 | .toplineStar, 48 | .toplineBox { 49 | margin: 0; 50 | } 51 | 52 | #VW_page1ps0headerTopLine_cmdf_FavButton { 53 | margin-bottom: 15px; 54 | margin-right: 5px; 55 | } 56 | 57 | #form1_ФормаКоманднаяПанель_div { 58 | top: 10px !important; 59 | left: 20px !important; 60 | right: 20px !important; 61 | width: auto !important; 62 | height: auto !important; 63 | background: #FFFFFF; 64 | overflow: visible !important; 65 | z-index: 3; 66 | } 67 | 68 | #VW_page1ps0formContent { 69 | top: 50px !important; 70 | } 71 | 72 | /*Buttons*/ 73 | 74 | .pressDefault, 75 | .pressCommand { 76 | padding: 0 16px; 77 | height: 36px; 78 | font-size: .875rem; 79 | line-height: 2.25rem; 80 | font-weight: 500 !important; 81 | text-transform: uppercase; 82 | background: #6200ee !important; 83 | box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2),0 2px 2px 0 rgba(0, 0, 0, 0.3),0 1px 5px 0px rgba(0,0,0,.6) !important; 84 | } 85 | 86 | .pressDefault:hover, 87 | .pressCommand:hover { 88 | background: #6F18F0 !important; 89 | } 90 | 91 | .pressDefault .pressBox, 92 | .pressCommand .pressBox { 93 | color: #ffffff !important; 94 | } 95 | 96 | .pressDefault i, 97 | .pressCommand i { 98 | background: transparent; 99 | border: none; 100 | } 101 | 102 | #form1_ПараметрыШаблонаПереместитьВверх, 103 | #form1_ПараметрыШаблонаПереместитьВниз, 104 | .pressCommand.pressMore { 105 | background: #F9F9F9 !important; 106 | box-shadow: none !important; 107 | } 108 | 109 | .pressCommand.pressMore .pressBox { 110 | padding-right: 5px; 111 | color: #6F18F0 !important; 112 | } 113 | 114 | .pressCommand.pressMore:hover, 115 | #form1_ПараметрыШаблонаПереместитьВверх:hover, 116 | #form1_ПараметрыШаблонаПереместитьВниз:hover { 117 | background: #F2F2F2 !important; 118 | } 119 | 120 | .press { 121 | cursor: pointer; 122 | border-radius: 4px; 123 | } 124 | 125 | .press:hover i::before { 126 | display: none; 127 | } 128 | 129 | .pressDrop:after { 130 | border-top-color: #6F18F0; 131 | border-bottom-color: #6F18F0; 132 | } 133 | 134 | .eActivityBack { 135 | background-color: #6F18F0 !important; 136 | } 137 | 138 | /*Inputs*/ 139 | 140 | label { 141 | position: absolute; 142 | z-index: 2; 143 | left: 0; 144 | } 145 | 146 | .field, 147 | .inputs { 148 | height: 56px !important; 149 | background: #F5F5F5 !important; 150 | border-radius: 4px 4px 0 0; 151 | } 152 | 153 | .btn:not(.iSB) { 154 | background-color: #F5F5F5 !important; 155 | } 156 | 157 | #form1_Родитель_div { 158 | left: 12px !important; 159 | top: 11px !important; 160 | height: 56px !important; 161 | border-bottom: 1px solid #8E8E8E !important; 162 | } 163 | 164 | label[for=form1_Родитель_i0] { 165 | top: 0 !important; 166 | } 167 | 168 | #form1_Картинка_div { 169 | top: 31px !important; 170 | } 171 | 172 | label[for=form1_Картинка] { 173 | top: -9px !important; 174 | } 175 | 176 | #form1_Картинка, 177 | #form1_Картинка_div { 178 | width: 30px !important; 179 | height: 30px !important; 180 | } 181 | 182 | .imageContainer { 183 | border: none !important; 184 | } 185 | 186 | .imageContainer img { 187 | top: 0 !important; 188 | left: 0 !important; 189 | } 190 | 191 | label[for=form1_Наименование_i0] { 192 | top: -141px !important; 193 | } 194 | 195 | #form1_Наименование_div { 196 | left: 12px !important; 197 | top: 51px !important; 198 | height: 56px !important; 199 | border-bottom: 1px solid #8E8E8E !important; 200 | } 201 | 202 | #form1_ТипЭтапа_div { 203 | left: 12px !important; 204 | top: 70px !important; 205 | height: 56px !important; 206 | border-bottom: 1px solid #8E8E8E !important; 207 | } 208 | 209 | label[for=form1_ТипЭтапа_i0] { 210 | top: -152px !important; 211 | } 212 | 213 | .focusFrame { 214 | background-color: transparent !important; 215 | } 216 | 217 | /*Tabs*/ 218 | 219 | #form1_ГруппаСтраницы_div { 220 | top: 100px !important; 221 | width: 660px !important; 222 | height: 190px !important; 223 | } 224 | 225 | #tabHeader_form1_ГруппаСтраницы { 226 | height: 48px !important; 227 | } 228 | 229 | #form1_ГруппаСтраницы_container { 230 | top: 48px !important; 231 | } 232 | 233 | .tabs:before { 234 | background: #F5F5F5; 235 | } 236 | 237 | .tabs:after { 238 | display: none; 239 | } 240 | 241 | .tabsItem { 242 | padding: 0 30px; 243 | background: #F5F5F5; 244 | cursor: pointer; 245 | } 246 | 247 | .tabsItem:hover { 248 | background: #F2F2F2; 249 | } 250 | 251 | .tabsItem.select::before { 252 | border-bottom: 1px solid #6200ee; 253 | bottom: 0; 254 | } 255 | 256 | .tabsItem:before { 257 | background: transparent; 258 | border: none; 259 | } 260 | 261 | .tabsItemTitle { 262 | margin: 0; 263 | } 264 | 265 | .tabsItemTitle::before { 266 | font-size: .875rem; 267 | font-weight: 500 !important; 268 | color: #6200ee !important; 269 | text-transform: uppercase; 270 | cursor: pointer; 271 | } 272 | 273 | .tabsItemTitle::before { 274 | position: static !important; 275 | } 276 | 277 | .tabsItemTitle::after { 278 | display: none !important; 279 | } 280 | 281 | #form1_СтраницаПараметры_div { 282 | top: 20px !important; 283 | } 284 | 285 | #form1_ПараметрыШаблонаКоманднаяПанель_div { 286 | height: 36px !important; 287 | overflow: visible !important; 288 | left: 0 !important; 289 | right: 13px !important; 290 | width: auto !important; 291 | } 292 | 293 | #form1_ПараметрыШаблона_div { 294 | left: 0 !important; 295 | top: 45px !important; 296 | height: 200px !important; 297 | } 298 | 299 | .gridHead .gridBox { 300 | background: #F5F5F5; 301 | } 302 | 303 | .gridHead .gridBox:before { 304 | box-shadow: none !important; 305 | } 306 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Стили, которые можно применить к прикладным решениям на платформе 1С. 2 | Применяются или расширением или фильтром Apache или Proxy. 3 | Меняют внешний вид сервисов на плтатформе 1С к боле современному, ну или просто интересному. 4 | -------------------------------------------------------------------------------- /dark_form.css: -------------------------------------------------------------------------------- 1 | #VW_page1ps0win { 2 | background: #2B3648 !important; 3 | } 4 | 5 | #VW_page1ps0win svg { 6 | stroke: #1976D2 !important; 7 | fill: #1976D2 !important; 8 | } 9 | 10 | #VW_page1ps0win .topline { 11 | background: #212936; 12 | } 13 | 14 | #VW_page1ps0win .toplineBox:after, 15 | #VW_page1ps0win .pressDrop:after { 16 | color: #AFBDD1; 17 | } 18 | 19 | #VW_page1ps0win .mainGroup.fullSize { 20 | top: 10px; 21 | } 22 | 23 | #VW_page1ps0win .tabControlContainer { 24 | background: #212936 !important; 25 | border: none !important; 26 | border-radius: 4px; 27 | } 28 | 29 | #VW_page1ps0win #form1_СтраницаПараметры_div { 30 | background: #212936 !important; 31 | border: none !important; 32 | } 33 | 34 | #VW_page1ps0win .tabsH:after { 35 | display: none; 36 | } 37 | 38 | #VW_page1ps0win .press i { 39 | background: #1976D2; 40 | border-radius: 4px; 41 | } 42 | 43 | #VW_page1ps0win .pressBox { 44 | color: #FFFFFF; 45 | } 46 | 47 | #VW_page1ps0win .commandSeparatorCompact .press i { 48 | background: #212936; 49 | border: none; 50 | } 51 | 52 | #VW_page1ps0win .ellipsis { 53 | color: #AFBDD1; 54 | } 55 | 56 | #VW_page1ps0win .select.tabsItem:before { 57 | background: #212936; 58 | border-bottom-color: transparent; 59 | } 60 | 61 | #VW_page1ps0win .tabsTop .tabsItem { 62 | width: 100px; 63 | border-radius: 6px 6px 0 0; 64 | } 65 | 66 | #VW_page1ps0win .tabsItem:before { 67 | border-radius: 4px 4px 0 0; 68 | border-color: #212936; 69 | background: #313C4E; 70 | } 71 | 72 | #VW_page1ps0win .select .tabsItemTitle { 73 | color: #1976D2; 74 | } 75 | 76 | #VW_page1ps0win .tabsItemTitle { 77 | width: 100%; 78 | color: #AFBDD1; 79 | } 80 | 81 | #VW_page1ps0win .eActivityBack { 82 | background-color: #1976D2; 83 | } 84 | 85 | #VW_page1ps0win .focus.select.gridLine:after, 86 | #VW_page1ps0win .focus.gridBox .gridBoxTitle { 87 | border-color: #1976D2; 88 | } 89 | 90 | #VW_page1ps0win .gridHead .gridBox { 91 | background: #AFBDD1; 92 | border: none; 93 | border-bottom: 1px solid #313C4E; 94 | } 95 | 96 | #VW_page1ps0win .gridHead .gridBox:before { 97 | border: none; 98 | } 99 | 100 | #VW_page1ps0win .focusFrame { 101 | background: #1976D2; 102 | } 103 | 104 | #VW_page1ps0win .inputs { 105 | background-color: #212936; 106 | } 107 | 108 | #VW_page1ps0win .btn:not(.iSB) { 109 | background-color: #AFBDD1; 110 | border-color: #AFBDD1; 111 | } 112 | 113 | #VW_page1ps0win .field { 114 | border-color: #212936; 115 | } 116 | 117 | #VW_page1ps0win .inputsBox { 118 | color: #AFBDD1; 119 | } 120 | 121 | #VW_page1ps0win .btns>.btn { 122 | margin: 0; 123 | } 124 | 125 | #VW_page1ps0win .imageContainer { 126 | border: none !important; 127 | } 128 | 129 | #VW_page1ps0win .gridHead .gridBoxText { 130 | font-weight: 700; 131 | } 132 | 133 | #VW_page1ps0win .gridHL .gridBody .gridLine:after { 134 | border-top: 1px solid #313C4E; 135 | } 136 | -------------------------------------------------------------------------------- /simple_gradient.css: -------------------------------------------------------------------------------- 1 | #captionbarLogo, 2 | .gridBoxImg { 3 | display: none !important; 4 | } 5 | 6 | .frameTheme { 7 | background-image: linear-gradient(180.32deg, rgba(0, 0, 0, 0) 50.75%, #000000 103.53%, rgba(0, 0, 0, 0.75) 129.5%); 8 | background-color: #4D5EBF; 9 | } 10 | 11 | #openedCell_cont { 12 | background-image: linear-gradient(79.26deg, #4D5EBF 0%, rgba(77, 94, 191, 0) 100%), linear-gradient(259.81deg, rgba(23, 23, 23, 0.85) -30.8%, rgba(23, 23, 23, 0) 97.6%); 13 | background-color: #171717; 14 | } 15 | 16 | .openedHor .select.openedItem { 17 | background: #4D5EBF; 18 | color: #FFFFFF; 19 | } 20 | 21 | .openedHor .select.openedItem::before { 22 | background: #EEEEEE; 23 | color: #EEEEEE; 24 | } 25 | 26 | .ePrimaryColor, 27 | .toplineBox:after { 28 | color: #EEEEEE; 29 | } 30 | 31 | .select.gridLine .gridBox:before, 32 | .topline { 33 | background-image: linear-gradient(79.26deg, #4D5EBF 0%, rgba(77, 94, 191, 0) 100%), linear-gradient(259.81deg, rgba(23, 23, 23, 0.85) -30.8%, rgba(23, 23, 23, 0) 97.6%); 34 | background-color: #171717; 35 | } 36 | 37 | #pagesArea { 38 | background: #242424; 39 | } 40 | 41 | .press i, 42 | .turn, 43 | .btn, 44 | .ico { 45 | background-color: #47A0C1 !important; 46 | border-radius: 10px; 47 | border: none; 48 | text-transform: uppercase; 49 | } 50 | 51 | .pressBoxTitle, 52 | .pressBox, 53 | .pressDrop { 54 | color: #EEEEEE; 55 | } 56 | 57 | .webBtn { 58 | background: #47A0C1; 59 | } 60 | 61 | .select.gridLine .select.gridBoxHier:before, .select.gridLine .select.gridBoxTree:before { 62 | background: linear-gradient(90deg, #5671CD 0%, #488A87 100%); 63 | } 64 | 65 | .gridLine, 66 | .inputs { 67 | background: rgba(238, 238, 238, 0.2); 68 | } 69 | 70 | .gridLineEven { 71 | background: #EEEEEE; 72 | } 73 | 74 | .staticText { 75 | color: #343434 !important; 76 | } 77 | 78 | .mainGroup.fullSize { 79 | background: rgba(238, 238, 238, 0.5) !important; 80 | } 81 | 82 | .grid, 83 | .flowchart.panelsBorder.fullSize, 84 | .turn { 85 | border-radius: 5px; 86 | } 87 | --------------------------------------------------------------------------------