forked from vergnet/site-accueil-insa
Coms.php responsive
This commit is contained in:
parent
b60152d6c2
commit
47eac24cf5
6 changed files with 62 additions and 9 deletions
|
@ -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
20
assets/css/queries.css
Normal 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;
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
}
|
2
coms.php
2
coms.php
|
@ -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>";
|
||||
|
|
4
info.php
4
info.php
|
@ -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">
|
||||
|
|
|
@ -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" >
|
||||
|
||||
|
||||
|
|
Loading…
Reference in a new issue