ExamAware/ExamSchedule
3
0
Fork 0
mirror of https://github.com/ExamAware/ExamSchedule.git synced 2025-04-29 19:16:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update styles.css

Browse Source
This commit is contained in:
MkStoler 2025-01-14 16:12:28 +08:00 committed by GitHub
parent 55754ed003
commit 20eda00bde
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 108 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

113
styles.css
View File

@ -17,7 +17,7 @@ body {
top: 20px; top: 20px;
right: 20px; right: 20px;
padding: 10px 20px; padding: 10px 20px;
font-size: 1.5rem; font-size: 1rem;
cursor: pointer; cursor: pointer;
background-color: #1f1f1f; background-color: #1f1f1f;
color: #e0e0e0; color: #e0e0e0;
@ -27,6 +27,26 @@ body {
transition: background-color 0.3s ease, transform 0.3s ease; transition: background-color 0.3s ease, transform 0.3s ease;
} }
#settings-btn {
position: absolute;
top: 20px;
right: 120px; /* Fullscreen button's left */
padding: 10px 20px;
font-size: 1rem;
cursor: pointer;
background-color: #1f1f1f;
color: #e0e0e0;
border: 1px solid #333;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, transform 0.3s ease;
}
#settings-btn:hover {
background-color: #333;
transform: scale(1.05);
}
#fullscreen-btn:hover { #fullscreen-btn:hover {
background-color: #333; background-color: #333;
transform: scale(1.05); transform: scale(1.05);
@ -34,7 +54,7 @@ body {
.container { .container {
padding: 20px; padding: 20px;
max-width: 1200px; max-width: 1400px; /* 增加主体部分宽度 */
margin: auto; margin: auto;
background-color: #1f1f1f; background-color: #1f1f1f;
border-radius: 8px; border-radius: 8px;
@ -42,10 +62,19 @@ body {
} }
h1 { h1 {
font-size: 4rem; font-size: 3.5rem;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
margin-bottom: 5px; margin-bottom: 10px;
color: #e0e0e0;
display: flex;
align-items: center;
justify-content: space-between;
}
#room {
font-size: 3.5rem;
font-weight: bold;
color: #e0e0e0; color: #e0e0e0;
} }
@ -110,7 +139,7 @@ th {
} }
.exam-status-即将开始 td { .exam-status-即将开始 td {
color: orange !important; /* 橙色字体 */ color: white !important; /* 白色字体 */
} }
.exam-status-已结束 td { .exam-status-已结束 td {
@ -143,3 +172,77 @@ td:last-child {
border-top-right-radius: 8px; border-top-right-radius: 8px;
border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
} }
#settings-modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
padding-top: 60px;
}
#settings-modal-content {
background-color: #1f1f1f;
margin: 5% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
max-width: 600px;
border-radius: 10px;
}
#settings-modal-content label {
font-size: 2rem;
}
#settings-modal-content input[type="number"],
#settings-modal-content input[type="text"] {
font-size: 2rem;
padding: 10px;
margin-top: 10px;
margin-bottom: 20px;
width: 100%;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #121212;
color: #e0e0e0;
}
#settings-modal-content button {
padding: 10px 20px;
font-size: 2rem;
cursor: pointer;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease;
}
#settings-modal-content button:hover {
background-color: #45a049;
}
#close-settings-btn {
padding: 10px 20px;
font-size: 2rem;
cursor: pointer;
background-color: #d9534f;
color: white;
border: none;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease;
}
#close-settings-btn:hover {
background-color: #c9302c;
}