Building Structure

Added some files from another site project as a template to get started. Added some folders to construct a base structure.
2023-05-31 08:45:36 -04:00
parent c4d5a6554e
commit e1e2663207
2 changed files with 323 additions and 0 deletions
--- a/Global_Resources/style.css
+++ b/Global_Resources/style.css
@@ -0,0 +1,220 @@
+body
+{
+    font-family: Arial;
+    background-color: #ffd589;
+}
+
+hr
+{
+    visibility: hidden;
+}
+
+p
+{
+    font-size: 1.03vw;
+}
+
+.titleimg
+{
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+.subtitle
+{
+    text-align: center;
+    color: black;
+}
+
+.menubar ul
+{
+    display: table;
+    margin: 0 auto;
+}
+
+.menubar ul a
+{
+    float: left;
+    width: 200px;
+    height: 40px;
+    background-color: #5181ff;
+    line-height: 40px;
+    text-align: center;
+    font-size: 20px;
+    text-decoration: none;
+    color: white;
+    display: inline;
+}
+
+.menubar ul a:hover
+{
+    background-color: #8800ff;
+}
+
+.dropdown
+{
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    float: left;
+    width: 200px;
+    height: 40px;
+    background-color: #8800ff;
+    line-height: 40px;
+    text-align: center;
+    font-size: 20px;
+    display: inline;
+}
+
+.dropdown:hover .dropdownContent 
+{
+    display: block;
+    position: relative;
+    z-index: 10;
+}
+
+.dropdownContent 
+{
+    display: none;
+    background-color: #5181ff;
+}
+
+.dropdownContent a:hover {
+    background-color: #8800ff;
+}
+
+.dropdownContent a
+{
+    text-decoration: none;
+    color: white;
+    display: block;
+}
+
+.menubar-side
+{
+    float: left;
+    width: 200px;
+    text-align: center;
+    color: white;
+    display: inline;
+}
+
+.menubar-side ul
+{
+    display: table;
+    margin: 0 auto;
+}
+
+.menubar-side ul a
+{
+    float: left;
+    width: 200px;
+    height: 40px;
+    background-color: #5181ff;
+    line-height: 40px;
+    text-align: center;
+    font-size: 20px;
+    text-decoration: none;
+    color: white;
+    display: inline;
+}
+
+.global-page-subtitle
+{
+    color: white;
+    opacity: 1;
+    text-align: center;
+    margin-left: 20px;
+    margin-bottom: 10px;
+    width: fit-content;
+    position: relative;
+    border-radius: 5px;
+    background-color: #9e84ff;
+}
+
+.global-page-subtitle p
+{
+    color: white;
+    opacity: 1;
+    position: relative;
+    text-align: center, justify; 
+    padding: 5px;
+}
+
+.global-page-bg
+{
+    margin-top: 50px;
+    margin-left: 300px;
+    margin-right: 250px;
+    max-width: 1300px;
+    min-width: fit-content;
+    align-self: center;
+    background-color: #84a6ff;
+    opacity: 0.9;
+    z-index: 1;
+    border-radius: 10px;
+}
+
+.main-page-greet
+{
+    border-radius: 20px;
+    background-color: #84a6ff;
+    color: white;
+    opacity: 1 !important;
+    text-align: center;
+    margin-top: 50px;
+    margin-left: 300px;
+    margin-right: 250px;
+    max-width: 1300px;
+    min-width: fit-content;
+    padding-top: 1px;
+    padding-bottom: 1px;
+    position: relative;
+}
+
+.main-page-greet p
+{
+    color: white;
+    opacity: 1;
+    position: relative;
+    text-align: center, justify; 
+    padding: 5px;
+}
+
+.main-page-title
+{
+    border-radius: 20px;
+    background-color: #ff9646;
+    color: white;
+    opacity: 1 !important;
+    text-align: center;
+    margin-top: 20px;
+    margin-left: 50px;
+    margin-right: 50px;
+    max-width: 1200px;
+    min-width: fit-content;
+    padding-top: 1px;
+    padding-bottom: 1px;
+    position: relative;
+}
+
+.main-page-content
+{
+    opacity: 1;
+    padding-top: 20px;
+    margin-left: 20px;
+    margin-right: 20px;
+    position: relative;
+    z-index: 2;
+    background-color: #9e84ff;
+    border-radius: 5px;
+}
+
+.main-page-content p
+{
+    color: white;
+    opacity: 1;
+    position: relative;
+    text-align: center, justify;
+}