diff --git a/frontend/_global/header.css b/frontend/_global/header.css index 731c8d6..0a002b1 100644 --- a/frontend/_global/header.css +++ b/frontend/_global/header.css @@ -1,54 +1,69 @@ +/*Main container*/ +header { + /*Box alignment*/ + display: flex; + margin: auto auto 1%; + + /*Content alignment*/ + flex-flow: row wrap; + align-items: center; + justify-content: space-between; + padding: 10px 30px 10px 30px; + + /*Visual*/ + background-color: #FFFFFF; + border-bottom: 1px solid #333333; +} + + +/*Second level*/ +.logoBox { + width: 20%; + height: 100%; + float: left; +} + +.linkBox { + width: 80%; + height: 100%; + float: right; + flex-flow: nowrap; + align-items: center; +} + +/*Content alignment*/ .logo { - width: 150px; - height: 30px; + height: 100%; + float: left; } .header_link{ text-align: center; line-height: 2; - color: white; - text-decoration: none; + + font-family: Montserrat, serif; + font-style: normal; + font-size: 18px; + color: #828282; + + float: right; + margin-left: 10%; } -.loginn { - background-color: skyblue; - border-radius: 31px; - border: 1px solid skyblue; +.loginButton { + /*Alignment*/ + float: right; + margin-left: 10%; + padding: 0.5% 1% 0.5% 1%; + + /*Button visual*/ + background-color: #007C36; + border-radius: 15px; + border: 1px solid; cursor: pointer; + + /*Text visual*/ color: #ffffff; - font-family: Arial; - text-decoration: none; - height: 30px; - + font-family: Montserrat, serif; + font-size: 18px; } - -header { - display: flex; - flex-flow: row wrap; - align-items: center; - justify-content: space-between; - background-color: #0f64f2; - margin: auto; - padding-top: 10px; - padding-bottom: 10px; - padding-right: 30px; - padding-left: 10px; - -} - -header>p { - text-align: center; - line-height: 0; -} - -@media all and (max-width: 800px) { - header { - justify-content: space-around; - } -} - -@media all and (max-width: 800px) { - header { - flex-direction: column; - } -} \ No newline at end of file diff --git a/frontend/_global/logo.svg b/frontend/_global/logo.svg new file mode 100644 index 0000000..2fa2b25 --- /dev/null +++ b/frontend/_global/logo.svg @@ -0,0 +1,9 @@ + diff --git a/frontend/cup.svg b/frontend/cup.svg new file mode 100644 index 0000000..e93fe72 --- /dev/null +++ b/frontend/cup.svg @@ -0,0 +1,8 @@ + diff --git a/frontend/dodawanie turnieju/index.html b/frontend/dodawanie turnieju/index.html index 7e560dc..23c4a97 100644 --- a/frontend/dodawanie turnieju/index.html +++ b/frontend/dodawanie turnieju/index.html @@ -11,13 +11,16 @@