mougnibas/site-accueil-insa
2
0
Fork 0
forked from rebillar/site-accueil-insa
Code Issues Pull requests Releases Wiki Activity

Various style improvements

Browse source
This commit is contained in:
keplyx 2019-06-13 11:26:30 +02:00
parent 2cd33ed26a
commit 8a3bd58be1
5 changed files with 100 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

133
assets/css/style.css
View file

@ -29,7 +29,10 @@ table {
Theme Styles Theme Styles
*******************************************************************************/ *******************************************************************************/
@font-face { font-family: Harry-P; src: url('../fonts/HARRYP__.TTF'); } @font-face {
font-family: Harry-P;
src: url('../fonts/HARRYP__.TTF');
}
body { body {
box-sizing: border-box; box-sizing: border-box;
@ -98,7 +101,7 @@ a:hover, a:focus {
color: #f2f2f2; color: #f2f2f2;
} }
#hidea:hover{ #hidea:hover {
text-shadow: 0 0 4px #7ffd78; text-shadow: 0 0 4px #7ffd78;
} }
@ -154,10 +157,10 @@ td {
border: 1px solid #212121; border: 1px solid #212121;
} }
.copyright{ .copyright {
color: #ccc; color: #fff;
font-size: 14px; font-size: 0.9rem;
text-shadow: #000 0 0 1px; text-shadow: #000 0 0 4px;
} }
.video { .video {
@ -300,17 +303,17 @@ Full-Width Styles
} }
#bg_ver { #bg_ver {
background: url("../images/bg_ver.jpg") ; background: url("../images/bg_ver.jpg");
background-size: cover; background-size: cover;
} }
#bg_boo { #bg_boo {
background: url("../images/bg_boo.jpg") ; background: url("../images/bg_boo.jpg");
background-size: cover; background-size: cover;
} }
#bg_pek { #bg_pek {
background: url("../images/bg_pek.jpg") ; background: url("../images/bg_pek.jpg");
background-size: cover; background-size: cover;
} }
@ -318,10 +321,12 @@ Full-Width Styles
height: 200px; height: 200px;
background: linear-gradient(to top, #1c1c1c, transparent 90%); background: linear-gradient(to top, #1c1c1c, transparent 90%);
} }
#main-fading-bottom-edge { #main-fading-bottom-edge {
height: 200px; height: 200px;
background: linear-gradient(to bottom, #1c1c1c, transparent 90%); background: linear-gradient(to bottom, #1c1c1c, transparent 90%);
} }
#main-content-wrap { #main-content-wrap {
background: #1c1c1c; background: #1c1c1c;
} }
@ -335,7 +340,7 @@ Full-Width Styles
} }
#table-coms{ #table-coms {
width: 100%; width: 100%;
table-layout: auto; table-layout: auto;
text-align: center; text-align: center;
@ -344,27 +349,27 @@ Full-Width Styles
margin-bottom: 0px; margin-bottom: 0px;
} }
#table-coms .spacer{ #table-coms .spacer {
width: 20%; width: 20%;
} }
#table-coms td{ #table-coms td {
vertical-align: middle; vertical-align: middle;
border: none; border: none;
padding: 0; padding: 0;
width: 30%; width: 30%;
} }
#table-coms img{ #table-coms img {
height: 100px; height: 100px;
} }
.com-description{ .com-description {
width: 100%; width: 100%;
font-weight: bold; font-weight: bold;
} }
#back-button{ #back-button {
top: 0; top: 0;
left: 0; left: 0;
position: fixed; position: fixed;
@ -405,7 +410,7 @@ Full-Width Styles
padding: 5px; padding: 5px;
height: 50px; height: 50px;
width: 50px; width: 50px;
margin:auto; margin: auto;
} }
#credits-list svg { #credits-list svg {
@ -413,18 +418,22 @@ Full-Width Styles
width: 50px; width: 50px;
} }
#credits-list a:hover{ #credits-list a:hover {
color: #a3a7b3; color: #a3a7b3;
} }
#main-pages{ #main-pages {
width: 100%; width: 100%;
display: inline-grid; display: inline-grid;
padding: 0; padding: 0;
vertical-align: middle; vertical-align: middle;
} }
.main-link{ #home-subtitle {
text-shadow: 0 0 10px #000;
}
.main-link {
width: 85px; width: 85px;
height: 85px; height: 85px;
margin: 2px; margin: 2px;
@ -432,20 +441,22 @@ Full-Width Styles
vertical-align: middle; vertical-align: middle;
padding: 0; padding: 0;
color: #e0e0e0; color: #e0e0e0;
text-shadow: 0 0 10px #000;
} }
.main-link:hover{ .main-link:hover {
color: rgba(233, 184, 47, 0.8); color: rgba(233, 184, 47, 0.8);
} }
#main-link-container{ #main-link-container {
display: block; display: block;
} }
.main-logo { .main-logo {
font-size: 70px; font-size: 70px;
margin:auto; margin: auto;
display: inline-flex; display: inline-flex;
text-shadow: 0 0 10px #000;
} }
.main-logo svg { .main-logo svg {
@ -459,12 +470,12 @@ Full-Width Styles
} }
#list-blouse{ #list-blouse {
text-align: left; text-align: left;
list-style: square; list-style: square;
} }
#map svg path{ #map svg path {
transition: 0.3s; transition: 0.3s;
} }
@ -474,30 +485,38 @@ Full-Width Styles
} }
.team-button{ #teamButtonContainer {
display: block;
}
border-radius: 10px 10px 0 0; .team-button {
border-radius: 10px;
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
padding: 10px;
margin: 10px;
} }
.team-button#buttonGli{
color: #ff000f; .team-button#buttonGli {
background-color: rgb(255, 135, 142); color: #9c000a;
border-color: #1a5dad; background-color: rgb(255, 135, 142);
-webkit-transition: 0.3s; border-color: #1a5dad;
-moz-transition: 0.3s; -webkit-transition: 0.3s;
-ms-transition: 0.3s; -moz-transition: 0.3s;
-o-transition: 0.3s; -ms-transition: 0.3s;
transition: 0.3s; -o-transition: 0.3s;
transition: 0.3s;
} }
.team-button#buttonGli:hover { .team-button#buttonGli:hover {
color: #b30006; color: #b30006;
background-color: #ff7d7f; background-color: #ff7d7f;
border-color: #1f6fce; border-color: #1f6fce;
box-shadow: 0 0 10px #ff506d; box-shadow: 0 0 10px #ff506d;
} }
.team-button#buttonBoo{
color: #c29d00; .team-button#buttonBoo {
color: #917100;
background-color: #fafd78; background-color: #fafd78;
border-color: #1a5dad; border-color: #1a5dad;
-webkit-transition: 0.3s; -webkit-transition: 0.3s;
@ -506,13 +525,15 @@ transition: 0.3s;
-o-transition: 0.3s; -o-transition: 0.3s;
transition: 0.3s; transition: 0.3s;
} }
.team-button#buttonBoo:hover { .team-button#buttonBoo:hover {
color: #a28100; color: #a28100;
background-color: #f7fd51; background-color: #f7fd51;
border-color: #fdf71e; border-color: #fdf71e;
box-shadow: 0 0 10px #fdf71e; box-shadow: 0 0 10px #fdf71e;
} }
.team-button#buttonPek{
.team-button#buttonPek {
color: #0d7b00; color: #0d7b00;
background-color: #7ffd78; background-color: #7ffd78;
border-color: #1a5dad; border-color: #1a5dad;
@ -522,14 +543,16 @@ transition: 0.3s;
-o-transition: 0.3s; -o-transition: 0.3s;
transition: 0.3s; transition: 0.3s;
} }
.team-button#buttonPek:hover { .team-button#buttonPek:hover {
color: #0c5700; color: #0c5700;
background-color: #6bfd5f; background-color: #6bfd5f;
border-color: #8afd6b; border-color: #8afd6b;
box-shadow: 0 0 10px #7efd34; box-shadow: 0 0 10px #7efd34;
} }
.team-button#buttonVer{
color: #1b3aff; .team-button#buttonVer {
color: #1226a7;
background-color: #60bdff; background-color: #60bdff;
border-color: #9be7ff; border-color: #9be7ff;
-webkit-transition: 0.3s; -webkit-transition: 0.3s;
@ -538,6 +561,7 @@ transition: 0.3s;
-o-transition: 0.3s; -o-transition: 0.3s;
transition: 0.3s; transition: 0.3s;
} }
.team-button#buttonVer:hover { .team-button#buttonVer:hover {
color: #0008a5; color: #0008a5;
background-color: #48a7ff; background-color: #48a7ff;
@ -582,52 +606,67 @@ Small Device Styles
body { body {
font-size: 14px; font-size: 14px;
} }
.video { .video {
width: 240px; width: 240px;
height: 135px; height: 135px;
} }
.inner { .inner {
min-width: 320px; min-width: 320px;
max-width: 480px; max-width: 480px;
} }
#title { #title {
font-size: 32px; font-size: 32px;
} }
h1 { h1 {
font-size: 28px; font-size: 28px;
} }
h2 { h2 {
font-size: 24px; font-size: 24px;
} }
h3 { h3 {
font-size: 21px; font-size: 21px;
} }
h4 { h4 {
font-size: 18px; font-size: 18px;
} }
h5 { h5 {
font-size: 14px; font-size: 14px;
} }
h6 { h6 {
font-size: 12px; font-size: 12px;
} }
code, pre { code, pre {
font-size: 11px; font-size: 11px;
} }
#table-wrapper { #table-wrapper {
width: 100%; width: 100%;
overflow: scroll; overflow: scroll;
} }
#table-coms .spacer{
#table-coms .spacer {
width: 0; width: 0;
} }
#table-coms td{
#table-coms td {
width: 50%; width: 50%;
} }
.main-link { .main-link {
width: 40px; width: 40px;
height: 40px; height: 40px;
} }
.main-logo { .main-logo {
font-size: 32px; font-size: 32px;
} }
@ -637,36 +676,46 @@ Small Device Styles
body { body {
font-size: 14px; font-size: 14px;
} }
.inner { .inner {
min-width: 240px; min-width: 240px;
max-width: 320px; max-width: 320px;
} }
#title { #title {
font-size: 28px; font-size: 28px;
} }
h1 { h1 {
font-size: 24px; font-size: 24px;
} }
h2 { h2 {
font-size: 21px; font-size: 21px;
} }
h3 { h3 {
font-size: 18px; font-size: 18px;
} }
h4 { h4 {
font-size: 16px; font-size: 16px;
} }
h5 { h5 {
font-size: 14px; font-size: 14px;
} }
h6 { h6 {
font-size: 12px; font-size: 12px;
} }
code, pre { code, pre {
min-width: 240px; min-width: 240px;
max-width: 320px; max-width: 320px;
font-size: 11px; font-size: 11px;
} }
#table-wrapper { #table-wrapper {
width: 100%; width: 100%;
overflow: scroll; overflow: scroll;

2
downloads.php
View file

@ -2,7 +2,7 @@
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<div class="inner"> <div class="inner">
<h1>Les Téléchargements</h1> <h1>Les Telechargements</h1>
</div> </div>
<?php <?php

2
index.php
View file

@ -50,7 +50,7 @@ require_once 'includes/score_functions.php';
$platformID = 'main-score'; $platformID = 'main-score';
include("includes/score_counter.php"); include("includes/score_counter.php");
?> ?>
<h4>Semaine d'Accueil INSA Toulouse 2019</h4> <h4 id="home-subtitle">Semaine d'Accueil INSA Toulouse 2019</h4>
<div id="main-link-container"> <div id="main-link-container">
<?php <?php
$is_image = false; $is_image = false;

2
info.php
View file

@ -32,7 +32,7 @@ ob_start(); // Start reading html
</li> </li>
<br id="arnaud"> <br id="arnaud">
<li> <li>
Sinon y'a Arnaud, le créateur du site, mais là il est au Canada donc il pourra pas trop te répondre (vergnet Sinon y'a Arnaud, le créateur du site, mais là il est en Suède donc il pourra pas trop te répondre (vergnet
@etud.insa-toulouse.fr ou Arnaud Vergnet sur Facebook) @etud.insa-toulouse.fr ou Arnaud Vergnet sur Facebook)
</li> </li>
</ul> </ul>

14
stats.php
View file

@ -34,14 +34,12 @@ function get_stats($team)
<br><br> <br><br>
<strong>Clique sur une équipe pour voir le détail de son score</strong> <strong>Clique sur une équipe pour voir le détail de son score</strong>
</p> </p>
<br> <div id="teamButtonContainer">
<div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div> <div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div>
<br> <div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div>
<div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div> <div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div>
<br> <div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div>
<div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div> </div>
<br>
<div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div>
</div> </div>