Coms.php responsive

This commit is contained in:
Guillaume Joffre 2022-04-09 19:08:39 +02:00
parent b60152d6c2
commit 47eac24cf5
6 changed files with 62 additions and 9 deletions

View file

@ -24,8 +24,7 @@ section h4 {
width: 40%;
margin-left: auto;
margin-right: auto;
padding: 30px;
font-size: 23px;
font-size: 1.2rem;
}
section {
@ -55,11 +54,11 @@ section .title_com {
}
#fonction_bureau {
.fonction_bureau {
display: inline-block;
background-color: white;
color: black;
padding: 10px;
margin-top: 0;
font-size: 30px;
font-size: 1.5rem;
}

20
assets/css/queries.css Normal file
View file

@ -0,0 +1,20 @@
@media (max-width: 700px) {
html {
/*font-size: calc(20px + 5vw);*/
font-size: 3vw;
}
section {
width: 95%;
}
#boxjaune {
margin: 40px auto 0 auto;
width: 95%;
}
footer {
width: unset;
}
}

View file

@ -4,10 +4,20 @@
src: url("../fonts/MarioFontExtended.otf") format("opentype");
}
*, *::before, *::after {
box-sizing: border-box;
}
html {
font-size: 20px;
}
body {
font-family: 'Mario Extended', sans-serif;
background-color: #33A8FF;
font-size: 1rem;
padding: 0; margin: 0;
}
main {
@ -44,8 +54,8 @@ a.linkmail:hover {
padding: 10px;
box-shadow: 10px 10px 15px 5px rgba(0,0,0,0.61);
border: 3px solid black;
margin: 40px;
font-size: 30px;
margin: 40px 10vw 0;
font-size: 1.5rem;
}
#title_in_box {
@ -88,4 +98,27 @@ footer {
padding: 50px;
font-size: 20px;
color: black;
}
/* general purpose css */
ul {
padding: 0;
}
li {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: unset;
}
section {
overflow: hidden;
}
#main_content {
padding-top: 20px;
}

View file

@ -21,7 +21,7 @@ ob_start(); // Start reading html
echo "<ul>";
for($i = 0; $i < count($prenom); $i++) {
echo "<li>";
echo "<div id='fonction_bureau'>".$fonction[$i]."</div>";
echo "<div class='fonction_bureau'>".$fonction[$i]."</div>";
echo "<h4>".$prenom[$i]." ".$nom[$i]."</h4>";
echo "<a href='mailto:".$mail[$i]."' class='linkmail'>".$mail[$i]."</a>";
echo "</li>";

View file

@ -39,9 +39,9 @@ ob_start(); // Start reading html
Rébillard Baptiste :<br>
<strong>Mail :</strong> <a href="mailto:rebillar@insa-toulouse.fr" class="linkmail">rebillar@insa-toulouse.fr</a>
<strong>Tel : </strong> 07 83 64 61 06
<strong>Tel : </strong> 07 83 64 61 06<br>
Geoffre Guillaume :<br>
Joffre Guillaume :<br>
<strong>Mail :</strong> <a href="mailto:gjoffre@insa-toulouse.fr" class="linkmail">gjoffre@insa-toulouse.fr</a>
</li>
<li id="crea">

View file

@ -16,6 +16,7 @@ $pagename = $infopage[4]; // nom de la page exact servant à appeler le css
<link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/page/<?= $pagename ?>.css" />
<link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/menu.css" />
<link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/template.css" />
<link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/queries.css" />
<link rel = "shortcut icon" href = "<?= $relativepath ?>assets/img/ico_promo_60.ico" >