1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
@media only all and (prefers-color-scheme: dark) {
.highlight .hll { background-color: #49483e }
.highlight .c { color: #75715e } /* Comment */
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
.highlight .k { color: #66d9ef } /* Keyword */
.highlight .l { color: #ae81ff } /* Literal */
.highlight .n { color: #f8f8f2 } /* Name */
.highlight .o { color: #f92672 } /* Operator */
.highlight .p { color: #f8f8f2 } /* Punctuation */
.highlight .ch { color: #75715e } /* Comment.Hashbang */
.highlight .cm { color: #75715e } /* Comment.Multiline */
.highlight .cp { color: #75715e } /* Comment.Preproc */
.highlight .cpf { color: #75715e } /* Comment.PreprocFile */
.highlight .c1 { color: #75715e } /* Comment.Single */
.highlight .cs { color: #75715e } /* Comment.Special */
.highlight .gd { color: #f92672 } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
.highlight .gi { color: #a6e22e } /* Generic.Inserted */
.highlight .gs { font-weight: bold } /* Generic.Strong */
.highlight .gu { color: #75715e } /* Generic.Subheading */
.highlight .kc { color: #66d9ef } /* Keyword.Constant */
.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
.highlight .kn { color: #f92672 } /* Keyword.Namespace */
.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
.highlight .kt { color: #66d9ef } /* Keyword.Type */
.highlight .ld { color: #e6db74 } /* Literal.Date */
.highlight .m { color: #ae81ff } /* Literal.Number */
.highlight .s { color: #e6db74 } /* Literal.String */
.highlight .na { color: #a6e22e } /* Name.Attribute */
.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
.highlight .nc { color: #a6e22e } /* Name.Class */
.highlight .no { color: #66d9ef } /* Name.Constant */
.highlight .nd { color: #a6e22e } /* Name.Decorator */
.highlight .ni { color: #f8f8f2 } /* Name.Entity */
.highlight .ne { color: #a6e22e } /* Name.Exception */
.highlight .nf { color: #a6e22e } /* Name.Function */
.highlight .nl { color: #f8f8f2 } /* Name.Label */
.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
.highlight .nx { color: #a6e22e } /* Name.Other */
.highlight .py { color: #f8f8f2 } /* Name.Property */
.highlight .nt { color: #f92672 } /* Name.Tag */
.highlight .nv { color: #f8f8f2 } /* Name.Variable */
.highlight .ow { color: #f92672 } /* Operator.Word */
.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
.highlight .mb { color: #ae81ff } /* Literal.Number.Bin */
.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
.highlight .sa { color: #e6db74 } /* Literal.String.Affix */
.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
.highlight .sc { color: #e6db74 } /* Literal.String.Char */
.highlight .dl { color: #e6db74 } /* Literal.String.Delimiter */
.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
.highlight .se { color: #ae81ff } /* Literal.String.Escape */
.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
.highlight .sx { color: #e6db74 } /* Literal.String.Other */
.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
.highlight .fm { color: #a6e22e } /* Name.Function.Magic */
.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
.highlight .vm { color: #f8f8f2 } /* Name.Variable.Magic */
.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
}
@media (prefers-color-scheme: light) {
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #888888 } /* Comment */
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.highlight .k { color: #008800; font-weight: bold } /* Keyword */
.highlight .ch { color: #888888 } /* Comment.Hashbang */
.highlight .cm { color: #888888 } /* Comment.Multiline */
.highlight .cp { color: #cc0000; font-weight: bold } /* Comment.Preproc */
.highlight .cpf { color: #888888 } /* Comment.PreprocFile */
.highlight .c1 { color: #888888 } /* Comment.Single */
.highlight .cs { color: #cc0000; font-weight: bold; background-color: #fff0f0 } /* Comment.Special */
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
.highlight .ge { font-style: italic } /* Generic.Emph */
// ---------------------------------------------------------------------------------------------------
// Form
// ---------------------------------------------------------------------------------------------------
.w-sdc-form {
padding: 0;
.w-sdc-form-actions-container {
margin: 20px auto; // -10px;
width: 100%; // 320px;
}
.w-sdc-form-columns-wrapper {
display: flex;
justify-content: space-between;
.w-sdc-form-column {
width: 100%;
margin: 0;
padding: 0 6% 0 0;
text-align: left;
&:last-child {
padding: 0;
}
}
}
.i-sdc-form-item {
margin-bottom: 10px;
position: relative;
text-align: left;
&.error {
input[type="text"],
input[type="url"],
input[type="number"],
input[type="password"],
select,
textarea {
.h_1;
border-color: @main_color_g;
outline: none;
box-sizing: border-box;
&:hover {
.h_1;
border-color: @main_color_g;
}
}
label {
.m_14_m;
}
}
label {
.m_14_m;
margin: 0 0 2px 0;
padding: 0;
display: block;
&.required::before {
color: #f33;
content: '*';
margin: 0 4px 0 0;
}
}
input[type="text"],
input[type="url"],
input[type="number"],
input[type="password"],
select,
textarea {
.m_14_r;
background-color: @main_color_p;
.border-radius(2px);
margin: 0;
padding: 0;
border: solid 1px @main_color_o;
height: 30px;
width: 100%;
display: block;
&::-webkit-input-placeholder { font-style: italic; } /* Safari, Chrome and Opera */
&:-moz-placeholder { font-style: italic; } /* Firefox 18- */
&::-moz-placeholder { font-style: italic; } /* Firefox 19+ */
&:-ms-input-placeholder { font-style: italic; } /* IE 10+ */
&:-ms-input-placeholder { font-style: italic; } /* Edge */
&:disabled {
opacity: 0.4;
}
&.view-mode {
opacity: 1;
border: solid 1px @main_color_o;
background-color: #f8f8f8 !important;
pointer-events: none;
cursor: auto;
}
}
input[type="text"],
input[type="url"],
input[type="number"],
input[type="password"] { padding: 4px 10px;}
select { padding: 4px 7px;}
textarea { padding: 6px 10px;}
select {
optgroup {
color: @color_a;
option {
color: @color_b;
}
}
}
textarea {
min-height: 110px;
resize: none;
}
}
.i-sdc-form-item-error-icon {
.sprite;
.exclamation-mark-red-icon;
width: 13px;
height: 11px;
position: absolute;
.i-sdc-form-item-error-message {
.bg_h;
.c_3;
cursor: default;
position: absolute;
top: -10px;
left: -8px;
height: 30px;
padding: 6px 10px 6px 30px;
z-index: 999;
text-align: left;
.border-radius-top-right(4px);
.border-radius-bottom-right(4px);
.box-shadow(0px 1px 1px 0px rgba(24, 24, 25, 0.43));
&:before {
.arrow(5px, @color_h);
}
span {
white-space: nowrap;
}
span.error {
.sprite;
.exclamation-mark-red-icon;
position: absolute;
top: 9px;
left: 8px;
}
span.ok {
.c_3;
.hand;
position: absolute;
right: 10px;
text-decoration: underline;
}
.i-sdc-form-item-error-icon-open {
.sprite;
.exclamation-mark-white-icon;
width: 13px;
height: 11px;
position: absolute;
top: 9px;
left: 8px;
}
}
}
.input-error {
.q_12_m;
text-align: left;
}
.input-error-file-upload {
.input-error;
margin-top: -10px;
margin-bottom: 10px;
}
}
|