From 4343a6b01938fd5b3e5eb4446f8fc45c5980bb0b Mon Sep 17 00:00:00 2001 From: brausjonas Date: Sat, 25 Mar 2023 21:57:41 +0100 Subject: [PATCH] Better --- .idea/workspace.xml | 8 +++ Style.css => Temp/Style.css | 0 Temp/index.html | 74 +++++++++++++++++++++++++ index.html | 73 +++++++++--------------- navigationStyle.css | 107 ++++++++++++++++++++++++++++++++++++ 5 files changed, 215 insertions(+), 47 deletions(-) rename Style.css => Temp/Style.css (100%) create mode 100644 Temp/index.html create mode 100644 navigationStyle.css diff --git a/.idea/workspace.xml b/.idea/workspace.xml index 8faa2df..543fcc7 100644 --- a/.idea/workspace.xml +++ b/.idea/workspace.xml @@ -14,6 +14,7 @@ @@ -35,6 +36,7 @@ "RunOnceActivity.ShowReadmeOnStart": "true", "WebServerToolWindowFactoryState": "false", "last_opened_file_path": "D:/HTML/flufflparty", + "list.type.of.created.stylesheet": "CSS", "node.js.detected.package.eslint": "true", "node.js.detected.package.tslint": "true", "node.js.selected.package.eslint": "(autodetect)", @@ -42,6 +44,11 @@ "vue.rearranger.settings.migration": "true" } }]]> + + + + + @@ -52,6 +59,7 @@ 1679674447095 + diff --git a/Style.css b/Temp/Style.css similarity index 100% rename from Style.css rename to Temp/Style.css diff --git a/Temp/index.html b/Temp/index.html new file mode 100644 index 0000000..0f09196 --- /dev/null +++ b/Temp/index.html @@ -0,0 +1,74 @@ + + + + + + + IO Game Studios + + + +
+ + + + + + +
+ + + + +
+ +
+
+ +
+ + +

+ We create games like back in the days +

+ + + \ No newline at end of file diff --git a/index.html b/index.html index 411e737..2ef5428 100644 --- a/index.html +++ b/index.html @@ -1,64 +1,43 @@ - - - + IO Game Studios - + + -
- - +
+ - -
- - - - -
+
-
- -
- - -

- We create games like back in the days -

+ +
diff --git a/navigationStyle.css b/navigationStyle.css new file mode 100644 index 0000000..fe0fc0b --- /dev/null +++ b/navigationStyle.css @@ -0,0 +1,107 @@ +@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap'); + +* +{ + font-family: "Roboto Light", sans-serif; + box-sizing: border-box; + margin: 0; + padding: 0; + font-size: 16px; +} + +/* +------------------------------------------------------------------------------------------ +Desktop +------------------------------------------------------------------------------------------ + */ +/*basic li a and button setup*/ +li, a, button +{ + font-weight: 500; + color: white; + text-decoration: none; +} + +/*title bar*/ +header +{ + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 10%; + background-color: #41423f; +} + +/*IO Game Studios button (only navigation)*/ +header button +{ + padding: 20px; + border-radius: 50px; + border-style: none; + background-color: #88b3ae; + cursor: pointer; +} + +header button:hover +{ + background-color: rgba(136, 179, 174, 0.2); +} + +/*List Element Style (only navigation)*/ +header nav li +{ + display: inline-block; + margin-right: 20px; + cursor: pointer; +} + +header nav li:hover +{ + color: #88b3ae; +} + +/*Dropdown*/ +nav ul li div +{ + display: none; + position: absolute; + background-color: #41423f; + border-radius: 50px; + right: 330px; + padding-top: 70px; +} + +.menuDropdownDesktop:hover div +{ + display: block; +} + +nav ul li div ul +{ + display: flex; + flex-direction: column; +} + +nav ul li div ul li +{ + padding: 0 0 20px 20px; + text-align: center; +} + +nav ul li div ul li button +{ + padding: 10px; +} +/* +------------------------------------------------------------------------------------------ +Mobile +------------------------------------------------------------------------------------------ + */ + +@media (max-width: 18cm) +{ + nav ul + { + display: none; + } +} \ No newline at end of file