refactor(defaultTheme): remove browser-compat styles

Author: marjune163

src/tpl/defaultTheme/frontend/index.css

@@ -4,17 +4,12 @@ html, body {
 	background: #fff;
 }
 
-html {
-	font-family: "roboto_condensedbold", "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
 body {
 	color: #333;
 	font-size: 0.625em;
 	font-variant-ligatures: none;
 	font-variant-numeric: tabular-nums;
 	font-kerning: none;
-	-webkit-text-size-adjust: none;
 	text-size-adjust: none;
 	hyphens: none;
 	padding-bottom: 2em;
@@ -24,10 +19,6 @@ body, input, textarea, button {
 	font-family: "Cascadia Mono", Consolas, "Lucida Console", "San Francisco Mono", Menlo, Monaco, "Andale Mono", "DejaVu Sans Mono", "Jetbrains Mono NL", monospace;
 }
 
-input::-ms-clear {
-	display: none;
-}
-
 form {
 	margin: 0;
 	padding: 0;
@@ -103,7 +94,6 @@ em {
 html::before {
 	display: none;
 	content: '';
-	position: absolute;
 	position: fixed;
 	z-index: 2;
 	left: 0;
@@ -124,7 +114,6 @@ html.dragging::before {
 	line-height: 1.2;
 	overflow: hidden;
 	border-bottom: 1px #999 solid;
-	zoom: 1;
 }
 
 .path-list li {
@@ -150,7 +139,6 @@ html.dragging::before {
 	height: 0.4em;
 	border: 1px solid;
 	border-color: #ccc #ccc transparent transparent;
-	-webkit-transform: rotate(45deg) translateY(-50%);
 	transform: rotate(45deg) translateY(-50%);
 }
 
@@ -209,16 +197,14 @@ html.dragging::before {
 
 .upload-status {
 	visibility: hidden;
-	position: absolute;
 	position: sticky;
 	z-index: 1;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 4px;
 	margin-bottom: -4px;
-	background: #faf5fa;
-	background-color: rgba(204, 153, 204, 0.1);
+	background: rgba(204, 153, 204, 0.1);
 	pointer-events: none;
 }
 
@@ -242,7 +228,6 @@ html.dragging::before {
 	position: relative;
 	display: inline-block;
 	vertical-align: top;
-	text-align: left;
 	text-align: start;
 	padding: 0.5em 1em;
 	box-sizing: border-box;
@@ -252,8 +237,7 @@ html.dragging::before {
 
 .upload-status .info .content {
 	padding-left: 2.5em;
-	background: #c9c;
-	background-color: rgba(204, 153, 204, 0.8);
+	background: rgba(204, 153, 204, 0.8);
 }
 
 @keyframes wheel {
@@ -284,14 +268,12 @@ html.dragging::before {
 }
 
 .upload-status .warn .content {
-	background: #800000;
-	background-color: rgba(128, 0, 0, 0.8);
+	background: rgba(128, 0, 0, 0.8);
 }
 
 .upload-status.uploading .info,
 .upload-status.failed .warn {
 	opacity: 1;
-	-webkit-transform: translateY(25%);
 	transform: translateY(25%);
 }
 
@@ -328,7 +310,6 @@ html.dragging::before {
 .archive {
 	margin: 1em;
 	overflow: hidden;
-	zoom: 1;
 }
 
 .archive a {
@@ -364,7 +345,6 @@ html.dragging::before {
 	border: 3px #aaa solid;
 	border-top-color: transparent;
 	border-left-color: transparent;
-	-webkit-transform: rotate(45deg);
 	transform: rotate(45deg);
 }
 
@@ -412,7 +392,6 @@ html.dragging::before {
 
 .item-list li {
 	position: relative;
-	zoom: 1;
 }
 
 .item-list a {
@@ -426,7 +405,6 @@ html.dragging::before {
 	align-items: center;
 	border-bottom: 1px #f5f5f5 solid;
 	overflow: hidden;
-	zoom: 1;
 }
 
 .has-deletable .detail {
@@ -507,13 +485,13 @@ html.dragging::before {
 	background: #ffc;
 }
 
-@media only screen and (prefers-color-scheme: light) {
+@media screen and (prefers-color-scheme: light) {
 	html {
 		color-scheme: light;
 	}
 }
 
-@media only screen and (prefers-color-scheme: dark) {
+@media screen and (prefers-color-scheme: dark) {
 	html {
 		color-scheme: dark;
 	}
@@ -605,7 +583,7 @@ html.dragging::before {
 	}
 }
 
-@media only screen and (max-width: 375px) {
+@media screen and (max-width: 375px) {
 	.item-list .header .time {
 		width: 4.05em;
 	}
@@ -615,7 +593,7 @@ html.dragging::before {
 	}
 }
 
-@media only screen and (max-width: 350px) {
+@media screen and (max-width: 350px) {
 	.item-list .detail .time {
 		display: none;
 	}