feat: schematy wszystkich drabinek w pierwszym systemie
This commit is contained in:
parent
f0ece17555
commit
5462828aba
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
@ -2,16 +2,25 @@
|
||||
|
||||
/*Wersja zwinięta*/
|
||||
.collapsible {
|
||||
/*Box alignment*/
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
width: 80%;
|
||||
|
||||
/*Content alignment*/
|
||||
padding: 1%;
|
||||
text-align: left;
|
||||
|
||||
/*Visual*/
|
||||
background-color: #777;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
padding: 18px;
|
||||
/*szerokość zwiniętego boxa*/
|
||||
width: 100%;
|
||||
border: none;
|
||||
text-align: left;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
|
||||
/*Others*/
|
||||
border: none;
|
||||
outline: none;
|
||||
|
||||
}
|
||||
|
||||
.active, .collapsible:hover {
|
||||
@ -31,7 +40,7 @@
|
||||
}
|
||||
|
||||
/*Wersja rozwinięta*/
|
||||
.content {
|
||||
.collapsibleContent {
|
||||
padding: 0 18px;
|
||||
max-height: 0;
|
||||
/*szerokość drabinki*/
|
||||
|
||||
@ -1,49 +0,0 @@
|
||||
@import "li.css";
|
||||
@import "collapsible.css";
|
||||
@import "round.css";
|
||||
@import "../../_global/header.css";
|
||||
|
||||
|
||||
body {
|
||||
background-color: #C0C0C0;
|
||||
font-family: sans-serif;
|
||||
font-size: small;
|
||||
padding: 10px;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
.dot {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
color: white;
|
||||
background-color: skyblue;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
@ -7,13 +7,12 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Padel Tournaments System</title>
|
||||
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
|
||||
<!-- TODO Zakomentowałem, bo może useless-->
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/less@4"></script>-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<div class="logoBox">
|
||||
<a class="header_link" href="../index.html"><img class="logo" src="../_global/logo.svg" alt="Logo error"></a>
|
||||
@ -27,14 +26,13 @@
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- TODO Sztuczny padding-->
|
||||
<h1> </h1>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<button type="button" class="collapsible">Drabinka Główna</button>
|
||||
|
||||
<div class="content">
|
||||
<!-- Zawartość collapsu-->
|
||||
<div class="collapsibleContent">
|
||||
<!-- Turniej-->
|
||||
<main id="tournament">
|
||||
<!-- ROUND 1-->
|
||||
<ul class="round round-1">
|
||||
@ -192,7 +190,7 @@
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 3-->
|
||||
<!-- ROUND 3-->
|
||||
<ul class="round round-3">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
@ -220,7 +218,7 @@
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 4-->
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
@ -236,10 +234,387 @@
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<!-- DRABINKA O 3 MIEJSCE-->
|
||||
<button type="button" class="collapsible">O 3. miejsce</button>
|
||||
<div class="collapsibleContent">
|
||||
<main id="tournament2">
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<!-- DRABINKA O 5 MIEJSCE-->
|
||||
<button type="button" class="collapsible">O 5. miejsce</button>
|
||||
<div class="collapsibleContent">
|
||||
<main id="tournament3">
|
||||
<!-- ROUND 3-->
|
||||
<ul class="round round-3">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak<br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Emanuel Czerwiński <br>
|
||||
Bartłomiej Michalak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Kryspin Sokołowski <br>
|
||||
Roman Jankowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<!-- DRABINKA O 7 MIEJSCE-->
|
||||
<button type="button" class="collapsible">O 7. miejsce</button>
|
||||
<div class="collapsibleContent">
|
||||
<main id="tournament4">
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<!-- DRABINKA O 9 MIEJSCE-->
|
||||
<button type="button" class="collapsible">O 9. miejsce</button>
|
||||
<div class="collapsibleContent">
|
||||
<main id="tournament5">
|
||||
|
||||
<!-- ROUND 2-->
|
||||
<ul class="round round-2">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak<br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Marcin Szewczyk<br>
|
||||
Martin Marciniak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Emanuel Czerwiński<br>
|
||||
Bartłomiej Michalak
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Anatol Piotrowski<br>
|
||||
Filip Pawlak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Kryspin Ostrowski<br>
|
||||
Bartłomiej Baranowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Kryspin Sokołowski<br>
|
||||
Roman Jankowski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Jerzy Stępień<br>
|
||||
Alojzy Witkowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 3-->
|
||||
<ul class="round round-3">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak<br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Emanuel Czerwiński <br>
|
||||
Bartłomiej Michalak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Kryspin Sokołowski <br>
|
||||
Roman Jankowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<!-- DRABINKA O 11 MIEJSCE-->
|
||||
<button type="button" class="collapsible">O 11. miejsce</button>
|
||||
<div class="collapsibleContent">
|
||||
<main id="tournament6">
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<!-- DRABINKA O 13 MIEJSCE-->
|
||||
<button type="button" class="collapsible">O 13. miejsce</button>
|
||||
<div class="collapsibleContent">
|
||||
<main id="tournament7">
|
||||
<!-- ROUND 3-->
|
||||
<ul class="round round-3">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak<br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Emanuel Czerwiński <br>
|
||||
Bartłomiej Michalak
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox">
|
||||
Kryspin Sokołowski <br>
|
||||
Roman Jankowski
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox winner">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<!-- DRABINKA O 15 MIEJSCE-->
|
||||
<button type="button" class="collapsible">O 15. miejsce</button>
|
||||
<div class="collapsibleContent">
|
||||
<main id="tournament8">
|
||||
<!-- ROUND 4-->
|
||||
<ul class="round round-4">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="game game-spacer"> </li>
|
||||
<li class="game game-bottom teambox">
|
||||
Jędrzej Wróblewski <br>
|
||||
Oskar Kowalski
|
||||
</li>
|
||||
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
<!-- ROUND 5-->
|
||||
<ul class="round round-5">
|
||||
<li class="spacer"> </li>
|
||||
|
||||
<li class="game game-top teambox winner">
|
||||
Jędrzej Kubiak <br>
|
||||
Borys Kamiński
|
||||
</li>
|
||||
<li class="spacer"> </li>
|
||||
</ul>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="collapsible.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
37
frontend/drabinka/style.css
Normal file
37
frontend/drabinka/style.css
Normal file
@ -0,0 +1,37 @@
|
||||
@import "css/li.css";
|
||||
@import "css/collapsible.css";
|
||||
@import "css/round.css";
|
||||
@import "../_global/header.css";
|
||||
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
/*padding: 10px;*/
|
||||
/*line-height: 1.4em;*/
|
||||
}
|
||||
|
||||
.dot {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
color: white;
|
||||
background-color: skyblue;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
@ -11,5 +11,4 @@ body {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user