DerexXD/ut-grade-distribution-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Beautiyf

Browse Source
This commit is contained in:
HW Computer
2023-04-21 16:31:34 -05:00
parent ca78e1dea8
commit f7ddf94d7d
3 changed files with 181 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

251
main.css
View File

@@ -3,124 +3,133 @@
*/
/* General Styles */
body {
font-family: 'Helvetica Neue', sans-serif;
background: rgb(27,26,42);
background: linear-gradient(90deg, rgba(61,87,92,1) 0%, rgb(69, 68, 84) 100%);
}
a {
color: #2c82c9;
text-decoration: none;
}
/* Header Styles */
header {
background-color: #2c82c9;
color: #ffffff;
padding: 20px;
}
header h1 {
font-size: 48px;
margin: 0;
}
header h2 {
font-size: 24px;
margin: 0;
}
/* Navigation Styles */
nav {
background-color: #ffffff;
padding: 20px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav a {
color: #333333;
font-size: 18px;
text-decoration: none;
}
nav a:hover {
color: #2c82c9;
}
/* Main Content Styles */
main {
padding: 20px;
}
main h1 {
font-size: 36px;
margin: 0 0 20px 0;
}
main p {
font-size: 18px;
line-height: 1.5;
margin: 0 0 20px 0;
}
/* Footer Styles */
footer {
background-color: #2e2d2d;
color: #ffffff;
padding: 20px;
text-align: center;
}
footer p {
font-size: 18px;
margin: 0;
}
/* Backgrund stuffs*/
* {
box-sizing: border-box;
}
.bg {
/* The image used */
background-image: url("tempbg.png");
/* Add the blur effect */
filter: blur(8px);
-webkit-filter: blur(8px);
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* Position text in the middle of the page/image */
.bg-text {
background-color: rgb(0, 0, 0); /* Fallback color */
background-color: rgba(0,0,0, 0.4); /* opacity/see-through */
color: white;
font-weight: bold;
border: 3px solid #f1f1f1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 80%;
padding: 20px;
text-align: center;
}
font-family: 'Helvetica Neue', sans-serif;
background: rgb(27, 26, 42);
background: linear-gradient(90deg, rgba(61, 87, 92, 1) 0%, rgb(69, 68, 84) 100%);
}
a {
color: #2c82c9;
text-decoration: none;
}
/* Header Styles */
header {
background-color: #2c82c9;
color: #ffffff;
padding: 20px;
}
header h1 {
font-size: 48px;
margin: 0;
}
header h2 {
font-size: 24px;
margin: 0;
}
/* Navigation Styles */
nav {
background-color: #ffffff;
padding: 20px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 20px;
}
nav a {
color: #333333;
font-size: 18px;
text-decoration: none;
}
nav a:hover {
color: #2c82c9;
}
/* Main Content Styles */
main {
padding: 20px;
}
main h1 {
font-size: 36px;
margin: 0 0 20px 0;
}
main p {
font-size: 18px;
line-height: 1.5;
margin: 0 0 20px 0;
}
/* Footer Styles */
footer {
background-color: #2e2d2d;
color: #ffffff;
padding: 20px;
text-align: center;
}
footer p {
font-size: 18px;
margin: 0;
}
/* Backgrund stuffs*/
* {
box-sizing: border-box;
}
.bg {
/* The image used */
background-image: url("tempbg.png");
/* Add the blur effect */
filter: blur(8px);
-webkit-filter: blur(8px);
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* Position text in the middle of the page/image */
.bg-text {
background-color: rgb(0, 0, 0);
/* Fallback color */
background-color: rgba(0, 0, 0, 0.4);
/* opacity/see-through */
color: white;
font-weight: bold;
border: 3px solid #f1f1f1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 80%;
padding: 20px;
text-align: center;
}
.chart-container {
position: relative;
margin: auto;
height: 80vh;
width: 80vw;
}