adrian/jean-cloud_website
1
0
Fork 0
Code Issues 1 Pull Requests 1 Releases Wiki Activity

Auto stash before merge of "master" and "origin/master"

Browse Source
This commit is contained in:
Elisa 2019-09-15 12:09:12 +02:00
parent 931dbfbcbb
commit 0eafa87b38
2 changed files with 3001 additions and 2894 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5746
css/helios.css
View File

File diff suppressed because it is too large Load Diff

149
css/main.css
View File

@ -6,8 +6,12 @@ html {
} }
a { a {
color: white;
text-decoration: none; text-decoration: none;
color: #df7366;
}
#header a {
color: inherit;
} }
body { body {
@ -250,29 +254,130 @@ hr::after {
background-size: 100% 150%; background-size: 100% 150%;
} }
#contact {
/* contact section */ display: flex;
section#contact { border: 2px solid #553f59;
width:98%; width: 80%;
} margin: auto;
section.split { background-color: #ffffff12;
width: 45%;
display:inline-block;
} }
section#contact section.alt h3{ #contact * {
margin-bottom:0; box-sizing: border-box;
}
section#contact section.alt p,
section#contact section.alt ul{
margin-top:0;
} }
/* End of contact section */ #contact > section {
flex-basis: 50%;
flex-grow: 1;
/* Footer style */ flex-shrink: 1;
footer p{ border-left: 2px solid #553f59;
margin: 0;
} }
/* end Footer style */
#contact > section:first-child {
padding: 4rem 4rem 2rem 4rem;
border: 0;
}
#contact section section {
display: table-row;
width: 100%;
white-space: nowrap;
}
#contact section section > * {
display: table-cell;
padding: 4rem 0.5rem 3rem;
border-bottom: 2px solid #553f59;
}
#contact section section p, #contact section section ul {
font-size: 1rem;
color: #d6c6d9;
}
#contact section section > *:first-child {
padding-left: 4rem;
}
#contact section section > *:last-child {
padding-right: 4rem;
width: 100%;
}
#contact input[type="text"], #contact input[type="password"], #contact input[type="email"], #contact select {
height: 3rem;
}
#contact .fields {
display: flex;
flex-wrap: wrap;
width: calc(100% + 3rem);
margin: -1.5rem 0 2rem -1.5rem;
}
#contact .fields .field{
padding: 1.5rem 0 0 1.5rem;
width: calc(100% - 1.5rem);
flex-shrink: 0;
flex-grow: 0;
}
#contact input[type="text"], #contact input[type="password"], #contact input[type="email"], #contact select, #contact textarea {
display: block;
outline: 0;
padding: 0 1rem;
text-decoration: none;
width: 100%;
background: #ffd1eb26;
border-radius: 0;
border: solid 2px #553f59;
color: inherit;
}
#contact input[type="text"]:focus, #contact input[type="password"]:focus, #contact input[type="email"]:focus, #contact select:focus, #contact textarea:focus {
border-color: #a869a7;
}
#contact input[type="submit"]:hover, #contact input[type="reset"]:hover, #contact input[type="button"]:hover, #contact button:hover, #contact .button:hover, #contact a:hover{
color: #a869a7;
}
#contact label, #contact h3 {
display: block;
font-weight: 600;
line-height: 1.5;
letter-spacing: 0.075em;
font-size: 1rem;
text-transform: uppercase;
margin: 0 0 0.75rem 0;
}
#contact textarea {
padding: 0.75rem 1rem;
}
#contact ul, #contact li {
margin: 0;
padding: 0;
}
#contact input[type="submit"], #contact input[type="reset"], #contact input[type="button"], #contact button, #contact .button {
background-color: transparent;
box-shadow: inset 0 0 0 2px;
color: inherit;
transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
border: 0;
border-radius: 0;
cursor: pointer;
display: inline-block;
font-size: 0.8rem;
font-weight: 900;
letter-spacing: 0.075em;
height: 3rem;
line-height: 3rem;
padding: 0 2rem;
text-align: center;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
}