diff --git a/frontend/_global/header.css b/frontend/_global/header.css new file mode 100644 index 0000000..731c8d6 --- /dev/null +++ b/frontend/_global/header.css @@ -0,0 +1,54 @@ +.logo { + width: 150px; + height: 30px; +} + +.header_link{ + text-align: center; + line-height: 2; + color: white; + text-decoration: none; +} + +.loginn { + background-color: skyblue; + border-radius: 31px; + border: 1px solid skyblue; + cursor: pointer; + color: #ffffff; + font-family: Arial; + text-decoration: none; + height: 30px; + +} + +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/logo_padel.jpeg b/frontend/_global/logo_padel.jpeg similarity index 100% rename from frontend/logo_padel.jpeg rename to frontend/_global/logo_padel.jpeg diff --git a/frontend/dodawanie turnieju/header.css b/frontend/dodawanie turnieju/header.css index 8b24bae..7ce3b27 100644 --- a/frontend/dodawanie turnieju/header.css +++ b/frontend/dodawanie turnieju/header.css @@ -1,23 +1,4 @@ -/*HEADER*/ -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; -} .eventHeader { text-align: center; @@ -65,40 +46,3 @@ header>p { padding: 8px 13px; text-decoration: none; } - -img { - width: 150px; - height: 30px; -} - -a { - text-align: center; - line-height: 2; - color: white; - text-decoration: none; -} - -.loginn { - background-color: skyblue; - border-radius: 31px; - border: 1px solid skyblue; - cursor: pointer; - color: #ffffff; - font-family: Arial; - text-decoration: none; - height: 30px; - -} - - -@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/dodawanie turnieju/style.css b/frontend/dodawanie turnieju/style.css index 7afbb34..447d115 100644 --- a/frontend/dodawanie turnieju/style.css +++ b/frontend/dodawanie turnieju/style.css @@ -1,4 +1,5 @@ @import "header.css"; +@import "../_global/header.css"; body { background-color: #EBEBEB; diff --git a/frontend/drabinka/index.html b/frontend/drabinka/index.html index 96c5b1c..bd05f5e 100644 --- a/frontend/drabinka/index.html +++ b/frontend/drabinka/index.html @@ -15,7 +15,7 @@
- + Turnieje Rozgrywki Ustawienia diff --git a/frontend/event.css b/frontend/event.css new file mode 100644 index 0000000..09c1172 --- /dev/null +++ b/frontend/event.css @@ -0,0 +1,46 @@ +.eventHeader { + text-align: center; + padding-top: 5px; + padding-bottom: 5px; +} + +.event { + background-color: #0f64f2; + color: white; + border-style: solid; + border-width: 2px; + margin-top: 25px; + margin-right: 25px; + flex-direction: column; + flex-wrap: wrap; + height: auto; + + +} + +.eventInside { + background-color: white; + color: #4C8BF5; + height: auto; + border: solid; + border-color: lightgray; + padding: 10px; + +} + +.eventInside>p { + color: lightgray; +} + +.myButton { + background-color: #4C8BF5; + border-radius: 28px; + border: 1px solid #4C8BF5; + display: inline-block; + cursor: pointer; + color: #ffffff; + font-family: Arial; + font-size: 9px; + padding: 8px 13px; + text-decoration: none; +} \ No newline at end of file diff --git a/frontend/index.html b/frontend/index.html index 8496a91..62bc11f 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -11,17 +11,16 @@
- - - Kalendarz turniejów - Ranking - Wyniki - + + Kalendarz turniejów + Ranking + Wyniki
+
Nadchodzące turnieje
@@ -37,6 +36,15 @@
+ + + + +
+ + +
+ diff --git a/frontend/panel_organizatora/index.html b/frontend/panel_organizatora/index.html index 60a02a6..339b6a6 100644 --- a/frontend/panel_organizatora/index.html +++ b/frontend/panel_organizatora/index.html @@ -8,7 +8,7 @@
- + Wiadomości Kalendarz turniejów Ranking diff --git a/frontend/panel_organizatora/style.css b/frontend/panel_organizatora/style.css index 770ce79..c344e12 100644 --- a/frontend/panel_organizatora/style.css +++ b/frontend/panel_organizatora/style.css @@ -1,38 +1,4 @@ -* { - /* border: solid; */ -} - -img { - width: 150px; - height: 30px; -} - -a { - text-align: center; - line-height: 2; - color: white; - text-decoration: none; -} - - -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; -} +@import "../_global/header.css"; .container { height: 100%; @@ -99,16 +65,3 @@ header>p { justify-content: center; align-items: center; } - - -@media all and (max-width: 800px) { - header { - justify-content: space-around; - } -} - -@media all and (max-width: 800px) { - header { - flex-direction: colum; - } -} \ No newline at end of file diff --git a/frontend/style.css b/frontend/style.css index 500bd9d..76762d2 100644 --- a/frontend/style.css +++ b/frontend/style.css @@ -1,50 +1,5 @@ -* { - /* border: solid; */ -} - -img { - width: 150px; - height: 30px; -} - -a { - text-align: center; - line-height: 2; - color: white; - text-decoration: none; -} - -.loginn { - background-color: skyblue; - border-radius: 31px; - border: 1px solid skyblue; - cursor: pointer; - color: #ffffff; - font-family: Arial; - text-decoration: none; - height: 30px; - -} - - -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; -} +@import "_global/header.css"; +@import "event.css"; .container { height: 100%; @@ -53,62 +8,3 @@ header>p { justify-content: flex-end; } - -.eventHeader { - text-align: center; - padding-top: 5px; - padding-bottom: 5px; -} - -.event { - background-color: #0f64f2; - color: white; - border-style: solid; - border-width: 2px; - margin-top: 25px; - margin-right: 25px; - flex-direction: column; - flex-wrap: wrap; - height: auto; - - -} - -.eventInside { - background-color: white; - color: #4C8BF5; - height: auto; - border: solid; - border-color: lightgray; - padding: 10px; - -} - -.eventInside>p { - color: lightgray; -} - -.myButton { - background-color: #4C8BF5; - border-radius: 28px; - border: 1px solid #4C8BF5; - display: inline-block; - cursor: pointer; - color: #ffffff; - font-family: Arial; - font-size: 9px; - padding: 8px 13px; - text-decoration: none; -} - -@media all and (max-width: 800px) { - header { - justify-content: space-around; - } -} - -@media all and (max-width: 800px) { - header { - flex-direction: colum; - } -} \ No newline at end of file diff --git a/frontend/zalogowany_organizator/index.html b/frontend/zalogowany_organizator/index.html index 3afe144..1b59189 100644 --- a/frontend/zalogowany_organizator/index.html +++ b/frontend/zalogowany_organizator/index.html @@ -11,7 +11,7 @@
- + Wiadomości Kalendarz turniejów Ranking @@ -23,6 +23,7 @@ JM
+
Nadchodzące turnieje
diff --git a/frontend/zalogowany_organizator/style.css b/frontend/zalogowany_organizator/style.css index dbcf55f..017d14d 100644 --- a/frontend/zalogowany_organizator/style.css +++ b/frontend/zalogowany_organizator/style.css @@ -1,50 +1,4 @@ -* { - /* border: solid; */ -} - -img { - width: 150px; - height: 30px; -} - -a { - text-align: center; - line-height: 2; - color: white; - text-decoration: none; -} - -.loginn { - background-color: skyblue; - border-radius: 31px; - border: 1px solid skyblue; - cursor: pointer; - color: #ffffff; - font-family: Arial; - text-decoration: none; - height: 30px; - -} - - -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; -} +@import "../_global/header.css"; .container { height: 100%; @@ -110,16 +64,4 @@ header>p { display: flex; justify-content: center; align-items: center; -} - -@media all and (max-width: 800px) { - header { - justify-content: space-around; - } -} - -@media all and (max-width: 800px) { - header { - flex-direction: colum; - } } \ No newline at end of file