Cutieguwu/CutieWebsite
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update style.css

Browse Source
This commit is contained in:
Cutieguwu
2025-05-27 16:10:46 -04:00
parent 41519b0260
commit 8f5ae77565
1 changed files with 29 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
Global_Resources/style.css
View File

@@ -1,33 +1,27 @@
body body {
{
font-family: Arial; font-family: Arial;
background-color: #3f0073; background-color: #3f0073;
} }
hr hr {
{
visibility: hidden; visibility: hidden;
} }
h1 h1 {
{
color: #ff7fbc; color: #ff7fbc;
font-size: 2.5vw; font-size: 2.5vw;
} }
h2 h2 {
{
color: white; color: white;
font-size: 2vw; font-size: 2vw;
} }
a a {
{
font-size: 1vw; font-size: 1vw;
} }
p p {
{
font-size: 0.95vw; font-size: 0.95vw;
color: white; color: white;
font-weight: bold; font-weight: bold;
@@ -37,31 +31,26 @@ p
padding-right: 0.5vw; padding-right: 0.5vw;
} }
.titleimg .titleimg {
{
display: block; display: block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
.title .title {
{
text-align: center; text-align: center;
} }
.subtitle .subtitle {
{
text-align: center; text-align: center;
} }
.menubar ul .menubar ul {
{
display: table; display: table;
margin: 0 auto; margin: 0 auto;
} }
.menubar ul a .menubar ul a {
{
float: left; float: left;
width: 9vw; width: 9vw;
height: 2vw; height: 2vw;
@@ -74,13 +63,11 @@ p
display: inline; display: inline;
} }
.menubar ul a:hover .menubar ul a:hover {
{
background-color: #990091; background-color: #990091;
} }
.dropdown .dropdown {
{
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
@@ -93,28 +80,24 @@ p
display: inline; display: inline;
} }
.dropdownContent .dropdownContent {
{
display: none; display: none;
} }
.dropdown:hover .dropdownContent .dropdown:hover .dropdownContent {
{
display: block; display: block;
position: relative; position: relative;
z-index: 10; z-index: 10;
} }
.dropdownContent a .dropdownContent a {
{
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
color: white; color: white;
display: block; display: block;
} }
.menubar-side ul .menubar-side ul {
{
float: left; float: left;
display: table; display: table;
width: 10vw; width: 10vw;
@@ -125,8 +108,7 @@ p
position: relative; position: relative;
} }
.menubar-side ul a .menubar-side ul a {
{
background-color: #bf00b6; background-color: #bf00b6;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
@@ -138,13 +120,11 @@ p
border-radius: 1vw; border-radius: 1vw;
} }
.menubar-side ul a:hover .menubar-side ul a:hover {
{
background-color: #990091; background-color: #990091;
} }
.main-page-subtitle .main-page-subtitle {
{
text-align: center; text-align: center;
width: fit-content; width: fit-content;
position: relative; position: relative;
@@ -153,14 +133,12 @@ p
margin-left: 1.5vw; margin-left: 1.5vw;
} }
.main-page-subtitle p .main-page-subtitle p {
{
position: relative; position: relative;
text-align: center; text-align: center;
} }
.global-page-bg .global-page-bg {
{
float: right; float: right;
margin-top: 2vw; margin-top: 2vw;
margin-right: 14.875%; margin-right: 14.875%;
@@ -171,8 +149,7 @@ p
position: relative; position: relative;
} }
.main-page-greet .main-page-greet {
{
float: right; float: right;
border-radius: 1vw; border-radius: 1vw;
background-color: #b061f2; background-color: #b061f2;
@@ -181,14 +158,12 @@ p
width: 68.25%; width: 68.25%;
} }
.main-page-greet p .main-page-greet p {
{
position: relative; position: relative;
text-align: center; text-align: center;
} }
.main-page-title .main-page-title {
{
border-radius: 1vw; border-radius: 1vw;
background-color: #b772f1; background-color: #b772f1;
text-align: center; text-align: center;
@@ -201,8 +176,7 @@ p
width: 65vw; width: 65vw;
} }
.main-page-content .main-page-content {
{
padding-top: 3px; padding-top: 3px;
padding-bottom: 3px; padding-bottom: 3px;
margin-left: auto; margin-left: auto;
@@ -215,8 +189,7 @@ p
width: 55vw; width: 55vw;
} }
.main-page-content p .main-page-content p {
{
position: relative; position: relative;
text-align: center; text-align: center;
} }