|
|
@@ -8,9 +8,10 @@
|
|
|
# Global selectors
|
|
|
# ================================================================= */
|
|
|
|
|
|
- html {
|
|
|
+html {
|
|
|
box-sizing: border-box;
|
|
|
- -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS */
|
|
|
+ -webkit-text-size-adjust: 100%;
|
|
|
+ /* Prevent adjustments of font size after orientation changes in iOS */
|
|
|
word-break: normal;
|
|
|
-moz-tab-size: 4;
|
|
|
tab-size: 4;
|
|
|
@@ -19,22 +20,25 @@
|
|
|
*,
|
|
|
::before,
|
|
|
::after {
|
|
|
- background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
|
|
|
box-sizing: inherit;
|
|
|
appearance: none;
|
|
|
- -webkit-tap-highlight-color: rgba(255,255,255,0);
|
|
|
- text-rendering: optimizeLegibility!important;
|
|
|
- -webkit-font-smoothing: antialiased!important;
|
|
|
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
|
|
+ text-rendering: optimizeLegibility !important;
|
|
|
+ -webkit-font-smoothing: antialiased !important;
|
|
|
}
|
|
|
|
|
|
::before,
|
|
|
::after {
|
|
|
- text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
|
|
|
+ text-decoration: inherit;
|
|
|
+ /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
|
|
|
vertical-align: inherit;
|
|
|
}
|
|
|
|
|
|
* {
|
|
|
- padding: 0; /* Reset `padding` and `margin` of all elements */
|
|
|
+ padding: 0;
|
|
|
+ /* Reset `padding` and `margin` of all elements */
|
|
|
margin: 0;
|
|
|
list-style: none;
|
|
|
}
|
|
|
@@ -44,58 +48,71 @@
|
|
|
# ================================================================= */
|
|
|
|
|
|
hr {
|
|
|
- overflow: visible; /* Show the overflow in Edge and IE */
|
|
|
- height: 0; /* Add the correct box sizing in Firefox */
|
|
|
- color: inherit; /* Correct border color in Firefox. */
|
|
|
+ overflow: visible;
|
|
|
+ /* Show the overflow in Edge and IE */
|
|
|
+ height: 0;
|
|
|
+ /* Add the correct box sizing in Firefox */
|
|
|
+ color: inherit;
|
|
|
+ /* Correct border color in Firefox. */
|
|
|
}
|
|
|
|
|
|
details,
|
|
|
main {
|
|
|
- display: block; /* Render the `main` element consistently in IE. */
|
|
|
+ display: block;
|
|
|
+ /* Render the `main` element consistently in IE. */
|
|
|
}
|
|
|
|
|
|
summary {
|
|
|
- display: list-item; /* Add the correct display in all browsers */
|
|
|
+ display: list-item;
|
|
|
+ /* Add the correct display in all browsers */
|
|
|
}
|
|
|
|
|
|
small {
|
|
|
- font-size: 80%; /* Set font-size to 80% in `small` elements */
|
|
|
+ font-size: 80%;
|
|
|
+ /* Set font-size to 80% in `small` elements */
|
|
|
}
|
|
|
|
|
|
[hidden] {
|
|
|
- display: none; /* Add the correct display in IE */
|
|
|
+ display: none;
|
|
|
+ /* Add the correct display in IE */
|
|
|
}
|
|
|
|
|
|
abbr[title] {
|
|
|
- border-bottom: none; /* Remove the bottom border in Chrome 57 */
|
|
|
+ border-bottom: none;
|
|
|
+ /* Remove the bottom border in Chrome 57 */
|
|
|
/* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
|
|
|
text-decoration: underline;
|
|
|
text-decoration: underline dotted;
|
|
|
}
|
|
|
|
|
|
a {
|
|
|
- background-color: transparent; /* Remove the gray background on active links in IE 10 */
|
|
|
+ background-color: transparent;
|
|
|
+ /* Remove the gray background on active links in IE 10 */
|
|
|
}
|
|
|
|
|
|
a:active,
|
|
|
a:hover {
|
|
|
- outline-width: 0; /* Remove the outline when hovering in all browsers */
|
|
|
+ outline-width: 0;
|
|
|
+ /* Remove the outline when hovering in all browsers */
|
|
|
}
|
|
|
|
|
|
code,
|
|
|
kbd,
|
|
|
pre,
|
|
|
samp {
|
|
|
- font-family: monospace, monospace; /* Specify the font family of code elements */
|
|
|
+ font-family: monospace, monospace;
|
|
|
+ /* Specify the font family of code elements */
|
|
|
}
|
|
|
|
|
|
pre {
|
|
|
- font-size: 1em; /* Correct the odd `em` font sizing in all browsers */
|
|
|
+ font-size: 1em;
|
|
|
+ /* Correct the odd `em` font sizing in all browsers */
|
|
|
}
|
|
|
|
|
|
b,
|
|
|
strong {
|
|
|
- font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari */
|
|
|
+ font-weight: bolder;
|
|
|
+ /* Add the correct font weight in Chrome, Edge, and Safari */
|
|
|
}
|
|
|
|
|
|
/* https://gist.github.com/unruthless/413930 */
|
|
|
@@ -116,8 +133,10 @@ sup {
|
|
|
}
|
|
|
|
|
|
table {
|
|
|
- border-color: inherit; /* Correct border color in all Chrome, Edge, and Safari. */
|
|
|
- text-indent: 0; /* Remove text indentation in Chrome, Edge, and Safari */
|
|
|
+ border-color: inherit;
|
|
|
+ /* Correct border color in all Chrome, Edge, and Safari. */
|
|
|
+ text-indent: 0;
|
|
|
+ /* Remove text indentation in Chrome, Edge, and Safari */
|
|
|
}
|
|
|
|
|
|
/* # =================================================================
|
|
|
@@ -130,7 +149,13 @@ input {
|
|
|
outline: none;
|
|
|
}
|
|
|
|
|
|
-input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
|
|
|
+input[type=button],
|
|
|
+input[type=submit],
|
|
|
+input[type=file],
|
|
|
+button {
|
|
|
+ cursor: pointer;
|
|
|
+ -webkit-appearance: none;
|
|
|
+}
|
|
|
|
|
|
/* Replace pointer cursor in disabled elements */
|
|
|
[disabled] {
|
|
|
@@ -140,21 +165,27 @@ input[type=button], input[type=submit], input[type=file], button { cursor: point
|
|
|
|
|
|
[type='number']::-webkit-inner-spin-button,
|
|
|
[type='number']::-webkit-outer-spin-button {
|
|
|
- height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */
|
|
|
+ height: auto;
|
|
|
+ /* Correct the cursor style of increment and decrement buttons in Chrome */
|
|
|
}
|
|
|
|
|
|
[type='search'] {
|
|
|
- -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
|
|
|
- outline-offset: -2px; /* Correct the outline style in Safari */
|
|
|
+ -webkit-appearance: textfield;
|
|
|
+ /* Correct the odd appearance in Chrome and Safari */
|
|
|
+ outline-offset: -2px;
|
|
|
+ /* Correct the outline style in Safari */
|
|
|
}
|
|
|
|
|
|
[type='search']::-webkit-search-decoration {
|
|
|
- -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */
|
|
|
+ -webkit-appearance: none;
|
|
|
+ /* Remove the inner padding in Chrome and Safari on macOS */
|
|
|
}
|
|
|
|
|
|
textarea {
|
|
|
- overflow: auto; /* Internet Explorer 11+ */
|
|
|
- resize: vertical; /* Specify textarea resizability */
|
|
|
+ overflow: auto;
|
|
|
+ /* Internet Explorer 11+ */
|
|
|
+ resize: vertical;
|
|
|
+ /* Specify textarea resizability */
|
|
|
}
|
|
|
|
|
|
button,
|
|
|
@@ -162,20 +193,24 @@ input,
|
|
|
optgroup,
|
|
|
select,
|
|
|
textarea {
|
|
|
- font: inherit; /* Specify font inheritance of form elements */
|
|
|
+ font: inherit;
|
|
|
+ /* Specify font inheritance of form elements */
|
|
|
}
|
|
|
|
|
|
optgroup {
|
|
|
- font-weight: bold; /* Restore the font weight unset by the previous rule */
|
|
|
+ font-weight: bold;
|
|
|
+ /* Restore the font weight unset by the previous rule */
|
|
|
}
|
|
|
|
|
|
button {
|
|
|
- overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
|
|
|
+ overflow: visible;
|
|
|
+ /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
|
|
|
}
|
|
|
|
|
|
button,
|
|
|
select {
|
|
|
- text-transform: none; /* Firefox 40+, Internet Explorer 11- */
|
|
|
+ text-transform: none;
|
|
|
+ /* Firefox 40+, Internet Explorer 11- */
|
|
|
}
|
|
|
|
|
|
/* Apply cursor pointer to button elements */
|
|
|
@@ -206,10 +241,12 @@ button:-moz-focusring,
|
|
|
}
|
|
|
|
|
|
button,
|
|
|
- html [type='button'], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
|
|
|
- [type='reset'],
|
|
|
- [type='submit'] {
|
|
|
- -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
|
|
|
+html [type='button'],
|
|
|
+/* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
|
|
|
+[type='reset'],
|
|
|
+[type='submit'] {
|
|
|
+ -webkit-appearance: button;
|
|
|
+ /* Correct the inability to style clickable types in iOS */
|
|
|
}
|
|
|
|
|
|
/* Remove the default button styling in all browsers */
|
|
|
@@ -231,32 +268,43 @@ textarea:focus {
|
|
|
|
|
|
/* Style select like a standard input */
|
|
|
select {
|
|
|
- -moz-appearance: none; /* Firefox 36+ */
|
|
|
- -webkit-appearance: none; /* Chrome 41+ */
|
|
|
+ -moz-appearance: none;
|
|
|
+ /* Firefox 36+ */
|
|
|
+ -webkit-appearance: none;
|
|
|
+ /* Chrome 41+ */
|
|
|
}
|
|
|
|
|
|
select::-ms-expand {
|
|
|
- display: none; /* Internet Explorer 11+ */
|
|
|
+ display: none;
|
|
|
+ /* Internet Explorer 11+ */
|
|
|
}
|
|
|
|
|
|
select::-ms-value {
|
|
|
- color: currentColor; /* Internet Explorer 11+ */
|
|
|
+ color: currentColor;
|
|
|
+ /* Internet Explorer 11+ */
|
|
|
}
|
|
|
|
|
|
legend {
|
|
|
- border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
|
|
|
- color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
|
|
|
- display: table; /* Correct the text wrapping in Edge and IE */
|
|
|
- max-width: 100%; /* Correct the text wrapping in Edge and IE */
|
|
|
- white-space: normal; /* Correct the text wrapping in Edge and IE */
|
|
|
- max-width: 100%; /* Correct the text wrapping in Edge 18- and IE */
|
|
|
+ border: 0;
|
|
|
+ /* Correct `color` not being inherited in IE 8/9/10/11 */
|
|
|
+ color: inherit;
|
|
|
+ /* Correct the color inheritance from `fieldset` elements in IE */
|
|
|
+ display: table;
|
|
|
+ /* Correct the text wrapping in Edge and IE */
|
|
|
+ max-width: 100%;
|
|
|
+ /* Correct the text wrapping in Edge and IE */
|
|
|
+ white-space: normal;
|
|
|
+ /* Correct the text wrapping in Edge and IE */
|
|
|
+ max-width: 100%;
|
|
|
+ /* Correct the text wrapping in Edge 18- and IE */
|
|
|
}
|
|
|
|
|
|
::-webkit-file-upload-button {
|
|
|
/* Correct the inability to style clickable types in iOS and Safari */
|
|
|
-webkit-appearance: button;
|
|
|
color: inherit;
|
|
|
- font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
|
|
|
+ font: inherit;
|
|
|
+ /* Change font properties to `inherit` in Chrome and Safari */
|
|
|
}
|
|
|
|
|
|
/* # =================================================================
|
|
|
@@ -264,7 +312,8 @@ legend {
|
|
|
# ================================================================= */
|
|
|
|
|
|
img {
|
|
|
- border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
|
|
|
+ border-style: none;
|
|
|
+ /* Remove border when inside `a` element in IE 8/9/10 */
|
|
|
}
|
|
|
|
|
|
/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
|
|
|
@@ -292,7 +341,49 @@ progress {
|
|
|
}
|
|
|
|
|
|
.disabled,
|
|
|
-:disabled{
|
|
|
+:disabled {
|
|
|
opacity: 0.3 !important;
|
|
|
pointer-events: none !important;
|
|
|
}
|
|
|
+
|
|
|
+::-webkit-scrollbar {
|
|
|
+ /*滚动条整体样式*/
|
|
|
+ width: 4px;
|
|
|
+ /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
+ height: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+::-webkit-scrollbar-thumb {
|
|
|
+ /*滚动条里面小方块*/
|
|
|
+ border-radius: 10px;
|
|
|
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
+ background: #c03b3f;
|
|
|
+}
|
|
|
+
|
|
|
+::-webkit-scrollbar-track {
|
|
|
+ /*滚动条里面轨道*/
|
|
|
+ box-shadow: inset 0 0 5px transparent;
|
|
|
+ border-radius: 10px;
|
|
|
+ background: transparent;
|
|
|
+}
|
|
|
+.select-float{
|
|
|
+ background: rgba(182, 30, 34, 0.9) !important;
|
|
|
+ border-radius: 10px !important;
|
|
|
+ padding-bottom: 15px !important;
|
|
|
+}
|
|
|
+.select-replace{
|
|
|
+ width: calc(100% - 3px) !important;
|
|
|
+ background-color: transparent !important;
|
|
|
+}
|
|
|
+.select-replace::-webkit-scrollbar-thumb {
|
|
|
+ /*滚动条里面小方块*/
|
|
|
+ border-radius: 30px !important;
|
|
|
+ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
+ background: var(--font-active) !important;
|
|
|
+}
|
|
|
+.gdmuseum{
|
|
|
+ width: calc(100% - 3px) !important;
|
|
|
+}
|
|
|
+body{
|
|
|
+ background-color: #e8e3d1;
|
|
|
+}
|
