ray650128/PcReDiveClanRecordFrontend
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

整理css

Browse Source
This commit is contained in:
Raymond Yang
2023-06-29 10:36:01 +08:00
parent 9b65cf9bcc
commit ba08080ee1
8 changed files with 352 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+41 -59
View File
@@ -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;
}