Skip to content
Snippets Groups Projects
Commit feb14be1 authored by benjamin.sitbon's avatar benjamin.sitbon
Browse files

migration du projet sur git

parent 7bf7e9ab
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
frontend/select.css 0 → 100644
+ 240
− 0
View file @ feb14be1
main {
display: flex;
flex-direction:column ;
}
#selected{
display: flex;
flex-direction: row;
margin-top: 5vh;
}
.box {
justify-content: center;
display: flex;
flex-direction: column;
width: 25vw;
height: 30vw;
background-color: rgb(255, 255, 255);
border: gray 2px groove;
border-radius: 5px 5px;
margin-left: 2.5vw;
margin-right: 2.5vw;
}
.gif {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 25vh;
height: 25vh;
border: gray 2px groove;
border-radius: 5px;
overflow-y: hidden;
}
.gif > img{
background-color: white;
width: 100%;
height: 100%;
}
.names {
font-weight: bold;
margin-bottom: 2.5%;
font-size: 3vh;
text-align: center;
color: rgb(11, 2, 61);
border-radius: 10px 10px;
}
button {
width: 50%;
position: relative;
left: 50%;
transform: translateX(-50%);
border: none;
background-image: url(img/poke.svg);
background-color: rgba(0, 0, 0, 0);
font-size: small;
width: 15.2%;
height: 15.2%;
transition: 0.1s linear;
outline: none;
cursor: pointer;
}
button:hover {
width: 16.5%;
height: 16.5%;
}
.add {
text-align: center;
font-size: 1.5vh;
margin-bottom: 5px;
color: rgb(11, 2, 61);
}
.typebox {
display: flex;
justify-content: center;
width:100%;
height: 35px;
}
.type {
width: 40px;
height: 20px;
padding-top: 0.5vh;
margin-left: 5px;
margin-right: 2px;
}
.container {
display: flex;
flex-direction: row;
width: 40vw;
margin-left: 2.5vw;
margin-right: 2.5vw;
}
.description {
font-size: 2vh;
font-weight: bold;
width: 70%;
height: 15vw;
border: solid 2px rgba(150, 150, 150, 1);
background-color: rgba(240, 240, 240, 0.5);
}
.description > p {
margin-top: 1%;
margin-left: 1%;
border-bottom: 1px solid rgba(150, 150, 150, 1);
}
.choice {
position: relative;
left: 50%;
transform: translateX(-50%);
display: block;
margin-top: 2%;
width: 15vw;
height: 11.5vh;
overflow-y: hidden;
border: gray 2px groove;
}
.abilities{
display: block;
margin-right: 1%;
width: 40%;
height: 30vw;
border: solid 2px rgba(150, 150, 150, 1);
background-color: white;
}
.abilities::-webkit-scrollbar {
width: 3px;
}
.abilities::-webkit-scrollbar-thumb {
background-color: gray;
}
.ability {
display: flex;
flex-direction: row;
height: 2.5vh;
margin-left: 0.5%;
margin-top: 0.5%;
margin-bottom: 1%;
background-color: rgb(255, 255, 255);
border-radius: 2px 2px;
text-align: center;
overflow-y: hidden;
cursor: pointer;
}
.ability:hover {
background-color: rgb(231, 231, 231);
}
.ability > p {
position: relative;
left: 15%;
overflow-y: hidden;
font-size: 1.8vh;
font-weight: bold;
}
.ability > img {
width: 40px;
height: 100%;
}
.dmgclass{
position: relative;
left: 1%;
}
.shiny {
font-size: 1.5vh;
font-weight: bold;
position: relative;
left: 50%;
transform: translateX(-50%);
width: 15%;
background-color: white;
height: 2.2vh;
border: gray groove 2px;
text-align: center;
cursor: pointer;
border-radius: 2px 2px;
overflow-y: hidden;
}
\ No newline at end of file
frontend/select.html 0 → 100644
+ 42
− 0
View file @ feb14be1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200&display=swap" rel="stylesheet">
<title>Document</title>
<link rel="stylesheet" href="menu.css">
<link rel="stylesheet" href="select.css">
</head>
<body>
<nav>
<div class="shop">
<img src="img/player.svg" id="logo">
</div>
<p id="fill">POKESHOP</p>
<div class="shop">
<div id="sac"></div>
</div>
</nav>
<main>
<div id="selected">
</div>
</main>
<script src="js/product.js"></script>
</body>
</html>
\ No newline at end of file
frontend/style.css 0 → 100644
+ 137
− 0
View file @ feb14be1
main{
height: 85vh;
width: 100vw;
background-color: whitesmoke;
}
.search {
display: flex;
width: 100vw;
height: 15vh;
}
input {
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 7.5vh;
width: 50vw;
border-radius: 10px 10px;
border: solid rgba(135, 135, 135, 0.5);
font-size: large;
padding-left: 2vh;
outline: none;
}
input:focus {
outline: none;
color: rgb(255, 83, 64);
}
.tab {
display: grid;
grid-template-columns: auto auto auto auto auto;
gap:40px;
justify-content: center;
width: 100vw;
}
.box {
justify-content: center;
display: flex;
flex-direction: column;
width: 15vw;
height: 15vw;
background-color: rgb(255, 255, 255);
border-radius: 10px 10px;
}
.canvas {
width: 50%;
height: 50%;
position: relative;
left: 50%;
transform: translateX(-50%);
border-radius: 100%;
}
.names {
margin-bottom: 5%;
font-size: 1.5vh;
text-align: center;
color: rgb(11, 2, 61);
border-radius: 10px 10px;
}
button {
width: 50%;
position: relative;
left: 50%;
transform: translateX(-50%);
border: none;
background-image: url(img/poke.svg);
background-color: rgba(0, 0, 0, 0);
font-size: small;
width: 15.2%;
height: 15.2%;
transition: 0.1s linear;
outline: none;
cursor: pointer;
}
button:hover {
width: 16.5%;
height: 16.5%;
}
.add {
text-align: center;
font-size: 1.5vh;
margin-bottom: 5px;
color: rgb(11, 2, 61);
}
.typebox {
display: flex;
justify-content: center;
width:100%;
height: 26px;
}
.type {
width: 30px;
height: 15px;
padding-top: 0.5vh;
margin-left: 5px;
margin-right: 2px;
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment