forked from rebillar/site-accueil-insa
187 lines
No EOL
2.9 KiB
CSS
187 lines
No EOL
2.9 KiB
CSS
/* Custom Obelix font definition : */
|
|
@font-face{
|
|
font-family: "ObelixPro";
|
|
src: url("../fonts/obelix-pro/ObelixPro-cyr.ttf");
|
|
}
|
|
|
|
*, *::before, *::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
html {
|
|
font-size: 20px;
|
|
|
|
}
|
|
|
|
body {
|
|
font-family: 'ObelixPro';
|
|
|
|
font-size: 1rem;
|
|
|
|
padding: 0; margin: 0;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
min-height: 100vh;
|
|
|
|
background-attachment: fixed;
|
|
background-color: #bdc7f3;
|
|
/*background-image: url("/assets/img/background.jpg");*/
|
|
}
|
|
|
|
|
|
main {
|
|
text-align: center;
|
|
height: 100%;
|
|
}
|
|
|
|
a.link {
|
|
text-decoration: none;
|
|
color: #FFDC00;
|
|
-webkit-text-stroke: 1px black;
|
|
}
|
|
|
|
a.link:hover {
|
|
color: white;
|
|
-webkit-text-stroke: 1px white;
|
|
}
|
|
|
|
a.linkmail {
|
|
font-family: arial, sans-serif;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
color: #FFDC00;
|
|
}
|
|
|
|
a.linkmail:hover {
|
|
color: white;
|
|
-webkit-text-stroke: 1px white;
|
|
}
|
|
|
|
/* BEGIN PANCARTE */
|
|
.pancarte {
|
|
display: inline-block;
|
|
position: relative;
|
|
padding: 10px;
|
|
margin: 40px 10vw 0;
|
|
font-size: 2.5px;
|
|
|
|
background-color: #a06827;
|
|
border-top: solid 2em #a06827;
|
|
border-left: solid 2em #a06827;
|
|
border-right: solid 2em #a06827;
|
|
border-bottom: solid 2em #332806;
|
|
|
|
/*clip-path: polygon(
|
|
0 2.00em,1em 1em,2.00em 0,
|
|
calc(100% - 2.00em) 0,calc(100% - 1em) 1em,100% 2.00em,
|
|
100% calc(100% - 2.00em),calc(100% - 1em) calc(100% - 1em),calc(100% - 2.00em) 100%,
|
|
2.00em 100%,1em calc(100% - 1em),0 calc(100% - 2.00em)
|
|
);*/
|
|
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.pancarte .title {
|
|
padding: 3vw 4.5vw;
|
|
color: black;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.circles-top {
|
|
top: 3em;
|
|
}
|
|
|
|
.circles-bottom {
|
|
bottom: 3em;
|
|
}
|
|
|
|
.circles::after,
|
|
.circles::before {
|
|
content: "";
|
|
position: absolute;
|
|
display: block;
|
|
width: 2em;
|
|
height: 2em;
|
|
top: inherit;
|
|
bottom: inherit;
|
|
border-radius: 100%;
|
|
background: black;
|
|
opacity: .9;
|
|
}
|
|
|
|
.circles::before {
|
|
left: 3em;
|
|
}
|
|
|
|
.circles::after {
|
|
right: 3em;
|
|
}
|
|
|
|
/** END PANCARTE **/
|
|
|
|
.menu_space_bottom {
|
|
position: sticky;
|
|
width: 100%;
|
|
opacity: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.complete-wrapper {
|
|
flex: 1 0 auto;
|
|
padding-bottom: 60px;
|
|
}
|
|
|
|
footer {
|
|
display: block;
|
|
flex-shrink: 0;
|
|
background-color: #74c457;
|
|
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%237ee15e' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
|
|
border-radius: 20px 20px 0 0;
|
|
-webkit-box-shadow: 0 0 8px -1px rgba(8, 10, 13, 0.34);
|
|
box-shadow: 0 0 8px -1px rgba(8, 10, 13, 0.34);
|
|
width: 100%;
|
|
padding: 50px;
|
|
font-size: 1rem;
|
|
color: black;
|
|
}
|
|
|
|
.footer-text-area {
|
|
width: 80%;
|
|
max-width: 800px;
|
|
margin-top: 2vh;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
|
|
|
|
/* general purpose css */
|
|
ul {
|
|
padding: 0;
|
|
}
|
|
|
|
li {
|
|
list-style: none;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: unset;
|
|
}
|
|
|
|
section {
|
|
overflow: hidden;
|
|
max-width: 1000px;
|
|
}
|
|
|
|
#main_content {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.pc_container{
|
|
text-align: center;
|
|
} |