site-accueil-insa/assets/css/template.css

90 lines
1.3 KiB
CSS
Raw Normal View History

/* Custom mario font definition : */
@font-face{
font-family: "Mario Extended";
src: url("../fonts/MarioFontExtended.otf") format("opentype");
}
2022-04-08 13:13:19 +02:00
body {
font-family: 'Mario Extended', sans-serif;
2022-04-08 14:42:53 +02:00
background-color: #33A8FF;
}
main {
2022-04-09 13:35:13 +02:00
text-align: center;
2022-04-08 14:42:53 +02:00
}
#boxjaune {
display: inline-block;
background-color: #FFDC00;
padding: 10px;
box-shadow: 10px 10px 15px 5px rgba(0,0,0,0.61);
border: 3px solid black;
margin: 40px;
2022-04-08 15:07:59 +02:00
font-size: 30px;
2022-04-08 14:42:53 +02:00
}
#title_in_box {
padding: 25px;
2022-04-08 17:42:31 +02:00
color: black;
2022-04-08 14:42:53 +02:00
}
.circle {
2022-04-08 15:07:59 +02:00
width: 10px;
height: 10px;
border-radius: 5px;
2022-04-08 14:42:53 +02:00
background: black;
}
#circle_l {
float: right;
}
#circle_r {
float: left;
2022-04-08 13:13:19 +02:00
}
2022-04-09 12:55:13 +02:00
.menu_space_bottom {
position: sticky;
2022-04-05 21:56:56 +02:00
width: 100%;
2022-04-09 12:55:13 +02:00
opacity: 0;
left: 0;
bottom: 0;
padding: 0;
margin: 0;
2022-04-08 17:42:31 +02:00
}
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;
2022-04-09 12:55:13 +02:00
}
footer {
display: block;
background-color: rgba(255,255,255,0.3);
width: 60%;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
padding: 50px;
font-size: 20px;
2022-04-09 12:58:45 +02:00
color: black;
2022-04-05 21:56:56 +02:00
}