From e1e26632073ed658c49b9c25b415e21f41a597f1 Mon Sep 17 00:00:00 2001 From: Cutieguwu Date: Wed, 31 May 2023 08:45:36 -0400 Subject: [PATCH] Building Structure Added some files from another site project as a template to get started. Added some folders to construct a base structure. --- Global_Resources/style.css | 220 +++++++++++++++++++++++++++++++++++++ home.html | 103 +++++++++++++++++ 2 files changed, 323 insertions(+) create mode 100644 Global_Resources/style.css create mode 100644 home.html diff --git a/Global_Resources/style.css b/Global_Resources/style.css new file mode 100644 index 0000000..01c24be --- /dev/null +++ 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; +} \ No newline at end of file diff --git a/home.html b/home.html new file mode 100644 index 0000000..9f3d9e4 --- /dev/null +++ b/home.html @@ -0,0 +1,103 @@ + + + + + + + + Bearock SMP + + +

A Private Survival Multiplayer Server

+ + + +
+ +
+

Welcome to the Bearock SMP website! We are a few friends who play together too much on our spare time. Some of us make content on the side, others just play peacefully (Unless they have dealings with KatieKooky... You'll see soon enough what I mean. - Bear) On this site, you can find all kinds of information. Who owns the server (Me, Bear, BTW), all of our members (Active or Otherwise), their pronouns and any other information they may want to share. You can also find out about major events and builds of each season from the Seasons tab in the menu. For information and questions about the server, that can be found under the About tab.

+

Good Luck!

+
+
+
+
+

~ Bearock SMP | News Feed ~

+
+
+
+

There's totally news here...

+

- Bear

+
+
+

There's totally news here too...

+

- Bear

+
+
+

Website managed by Bear [Beartech]

+
+
+
+
+ + \ No newline at end of file