visuals in place
This commit is contained in:
parent
56c31cb4b5
commit
39032dcd7b
11 changed files with 443 additions and 78 deletions
|
|
@ -3,11 +3,17 @@
|
|||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.badges {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
grid-template-rows: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
.badge {
|
||||
border: 2px solid black;
|
||||
border: 2px solid #e1c300;
|
||||
border-radius: 10px;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
padding: 2%;
|
||||
margin: 2%;
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
@ -18,12 +24,59 @@ h1 {
|
|||
color: #e1c300;
|
||||
}
|
||||
|
||||
.over-background {
|
||||
background-color: white;
|
||||
border-radius: 1vw;
|
||||
padding: 2vw;
|
||||
margin: 1%;
|
||||
}
|
||||
|
||||
#create-profile-card-content > * {
|
||||
text-align: center;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
display: block;
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.create-profile-card-section > * {
|
||||
text-align: center;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
display: block;
|
||||
max-width: 1000px;
|
||||
}
|
||||
|
||||
.create-profile-card-section .badge img {
|
||||
width: 10%;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
background: #e1c300;
|
||||
border-radius: 1vw;
|
||||
border: 0;
|
||||
color: white;
|
||||
padding: 1%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.button-primary:hover {
|
||||
background-color: #dfca41;
|
||||
}
|
||||
|
||||
.button-primary:disabled {
|
||||
background-color: #d8d8d8;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.button-large {
|
||||
font-weight: bold;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.invite-card {
|
||||
margin: 5vh 20vw;
|
||||
background-color: white;
|
||||
height: 100%;
|
||||
padding: 2vw;
|
||||
border-radius: 1vw;
|
||||
}
|
||||
|
||||
.invite-card-content {
|
||||
|
|
@ -36,18 +89,18 @@ h1 {
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
.invite-card-popup {
|
||||
.card-secondary {
|
||||
background-color: #369;
|
||||
border-radius: 1vw;
|
||||
padding: 1vw;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.invite-card-popup a {
|
||||
.card-secondarya {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.invite-card-popup a:hover {
|
||||
.card-secondarya:hover {
|
||||
color: #e1c300;
|
||||
}
|
||||
|
||||
|
|
@ -57,7 +110,6 @@ h1 {
|
|||
border-radius: 1vw;
|
||||
border: 0;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
padding: 1%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue