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