diff --git a/css/style.css b/css/style.css index 3bb4efa..410437c 100644 --- a/css/style.css +++ b/css/style.css @@ -39,49 +39,7 @@ a:active { /* 滑鼠點選時 */ -h1 { - text-align: center; - font-weight: bold; - font-family: 'Arial Black', system-ui; - margin-top: 0; - margin-bottom: 0; - margin-left: 0; - margin-right: 0; -} - -h2 { - text-align: center; - font-weight: bold; - font-family: 'Arial Black', system-ui; - margin-top: 0; - margin-bottom: 0; - margin-left: 0; - margin-right: 0; -} - -h3 { - text-align: center; - font-weight: bold; - font-family: 'Arial Black', system-ui; - margin-top: 0; - margin-bottom: 0; - margin-left: 0; - margin-right: 0; -} - -h4 { - text-align: center; - font-weight: bold; - font-family: 'Arial Black', system-ui; - margin-top: 0; - margin-bottom: 0; - margin-left: 0; - margin-right: 0; -} - -h5 { - text-align: center; - font-weight: bold; +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, label { font-family: 'Arial', system-ui; margin-top: 0; margin-bottom: 0; @@ -89,14 +47,9 @@ h5 { margin-right: 0; } -h6 { +.centerText { text-align: center; - /*font-weight: bold;*/ - font-family: 'Arial', system-ui; - margin-top: 0; - margin-bottom: 0; - margin-left: 0; - margin-right: 0; + font-weight: bold; } p { @@ -112,7 +65,7 @@ input[type="text"], input[type="number"] { font-size: 16px; border-width: 1px; border-color: #07407d; - background-color: #ffffff; + background-color: #ffffffe0; color: #000000; box-sizing: border-box; border-style: solid; @@ -129,12 +82,12 @@ input[type="date"] { font-size: 16px; border-width: 1px; border-color: #07407d; - background-color: #ffffff; + background-color: #ffffffe0; color: #000000; border-style: solid; border-radius: 5px; - box-shadow: 0px 0px 5px rgba(66,66,66,.75); - text-shadow: -50px 0px 0px rgba(66,66,66,.0); + /*box-shadow: 0px 0px 5px rgba(66,66,66,.75);*/ + /*text-shadow: -50px 0px 0px rgba(66,66,66,.0);*/ font-family: 'Arial', system-ui } @@ -176,6 +129,40 @@ button:active { background: linear-gradient(to bottom, #2c6a99, #0d5da3); } +.button_red { + display: inline-block; + text-align: center; + vertical-align: middle; + padding: 8px 20px; + border: 1px solid #7d0707; + border-radius: 8px; + background: #ff4a4a; + background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#a30d0d)); + background: -moz-linear-gradient(top, #ff4a4a, #a30d0d); + background: linear-gradient(to bottom, #ff4a4a, #a30d0d); + text-shadow: #591717 1px 1px 1px; + /*font: normal normal bold 15px arial;*/ + font-family: 'Arial', system-ui; + color: #ffffff; + text-decoration: none; +} +.button_red:hover, +.button_red:focus { + border: 1px solid #c80b0b; + background: #ff5959; + background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#c41010)); + background: -moz-linear-gradient(top, #ff5959, #c41010); + background: linear-gradient(to bottom, #ff5959, #c41010); + color: #ffffff; + text-decoration: none; +} +.button_red:active { + background: #992c2c; + background: -webkit-gradient(linear, left top, left bottom, from(#992c2c), to(#a30d0d)); + background: -moz-linear-gradient(top, #992c2c, #a30d0d); + background: linear-gradient(to bottom, #992c2c, #a30d0d); +} + .center { width: fit-content; height: 40px; @@ -185,8 +172,3 @@ button:active { html { background-image: url("../img/background.jpg"); } - -label { - font-family: 'Arial', system-ui; - font-weight: bold; -} diff --git a/edit.html b/edit.html index 6a434cb..064f96b 100644 --- a/edit.html +++ b/edit.html @@ -14,7 +14,7 @@
-