forked from rebillar/site-accueil-insa
Various style improvements
This commit is contained in:
keplyx
parent
2cd33ed26a
commit
8a3bd58be1
5 changed files with 100 additions and 53 deletions
|
|
@ -29,7 +29,10 @@ table {
|
|||
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 {
|
||||
box-sizing: border-box;
|
||||
|
|
@ -155,9 +158,9 @@ td {
|
|||
}
|
||||
|
||||
.copyright {
|
||||
color: #ccc;
|
||||
font-size: 14px;
|
||||
text-shadow: #000 0 0 1px;
|
||||
color: #fff;
|
||||
font-size: 0.9rem;
|
||||
text-shadow: #000 0 0 4px;
|
||||
}
|
||||
|
||||
.video {
|
||||
|
|
@ -318,10 +321,12 @@ Full-Width Styles
|
|||
height: 200px;
|
||||
background: linear-gradient(to top, #1c1c1c, transparent 90%);
|
||||
}
|
||||
|
||||
#main-fading-bottom-edge {
|
||||
height: 200px;
|
||||
background: linear-gradient(to bottom, #1c1c1c, transparent 90%);
|
||||
}
|
||||
|
||||
#main-content-wrap {
|
||||
background: #1c1c1c;
|
||||
}
|
||||
|
|
@ -424,6 +429,10 @@ Full-Width Styles
|
|||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#home-subtitle {
|
||||
text-shadow: 0 0 10px #000;
|
||||
}
|
||||
|
||||
.main-link {
|
||||
width: 85px;
|
||||
height: 85px;
|
||||
|
|
@ -432,6 +441,7 @@ Full-Width Styles
|
|||
vertical-align: middle;
|
||||
padding: 0;
|
||||
color: #e0e0e0;
|
||||
text-shadow: 0 0 10px #000;
|
||||
}
|
||||
|
||||
.main-link:hover {
|
||||
|
|
@ -446,6 +456,7 @@ Full-Width Styles
|
|||
font-size: 70px;
|
||||
margin: auto;
|
||||
display: inline-flex;
|
||||
text-shadow: 0 0 10px #000;
|
||||
}
|
||||
|
||||
.main-logo svg {
|
||||
|
|
@ -474,14 +485,20 @@ Full-Width Styles
|
|||
}
|
||||
|
||||
|
||||
.team-button{
|
||||
#teamButtonContainer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
border-radius: 10px 10px 0 0;
|
||||
.team-button {
|
||||
border-radius: 10px;
|
||||
font-size: 20px;
|
||||
cursor: pointer;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.team-button#buttonGli {
|
||||
color: #ff000f;
|
||||
color: #9c000a;
|
||||
background-color: rgb(255, 135, 142);
|
||||
border-color: #1a5dad;
|
||||
-webkit-transition: 0.3s;
|
||||
|
|
@ -490,14 +507,16 @@ border-color: #1a5dad;
|
|||
-o-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.team-button#buttonGli:hover {
|
||||
color: #b30006;
|
||||
background-color: #ff7d7f;
|
||||
border-color: #1f6fce;
|
||||
box-shadow: 0 0 10px #ff506d;
|
||||
}
|
||||
|
||||
.team-button#buttonBoo {
|
||||
color: #c29d00;
|
||||
color: #917100;
|
||||
background-color: #fafd78;
|
||||
border-color: #1a5dad;
|
||||
-webkit-transition: 0.3s;
|
||||
|
|
@ -506,12 +525,14 @@ transition: 0.3s;
|
|||
-o-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.team-button#buttonBoo:hover {
|
||||
color: #a28100;
|
||||
background-color: #f7fd51;
|
||||
border-color: #fdf71e;
|
||||
box-shadow: 0 0 10px #fdf71e;
|
||||
}
|
||||
|
||||
.team-button#buttonPek {
|
||||
color: #0d7b00;
|
||||
background-color: #7ffd78;
|
||||
|
|
@ -522,14 +543,16 @@ transition: 0.3s;
|
|||
-o-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.team-button#buttonPek:hover {
|
||||
color: #0c5700;
|
||||
background-color: #6bfd5f;
|
||||
border-color: #8afd6b;
|
||||
box-shadow: 0 0 10px #7efd34;
|
||||
}
|
||||
|
||||
.team-button#buttonVer {
|
||||
color: #1b3aff;
|
||||
color: #1226a7;
|
||||
background-color: #60bdff;
|
||||
border-color: #9be7ff;
|
||||
-webkit-transition: 0.3s;
|
||||
|
|
@ -538,6 +561,7 @@ transition: 0.3s;
|
|||
-o-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
.team-button#buttonVer:hover {
|
||||
color: #0008a5;
|
||||
background-color: #48a7ff;
|
||||
|
|
@ -582,52 +606,67 @@ Small Device Styles
|
|||
body {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.video {
|
||||
width: 240px;
|
||||
height: 135px;
|
||||
}
|
||||
|
||||
.inner {
|
||||
min-width: 320px;
|
||||
max-width: 480px;
|
||||
}
|
||||
|
||||
#title {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#table-wrapper {
|
||||
width: 100%;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
#table-coms .spacer {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
#table-coms td {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.main-link {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.main-logo {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
|
@ -637,36 +676,46 @@ Small Device Styles
|
|||
body {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.inner {
|
||||
min-width: 240px;
|
||||
max-width: 320px;
|
||||
}
|
||||
|
||||
#title {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
code, pre {
|
||||
min-width: 240px;
|
||||
max-width: 320px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#table-wrapper {
|
||||
width: 100%;
|
||||
overflow: scroll;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
ob_start(); // Start reading html
|
||||
?>
|
||||
<div class="inner">
|
||||
<h1>Les Téléchargements</h1>
|
||||
<h1>Les Telechargements</h1>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ require_once 'includes/score_functions.php';
|
|||
$platformID = 'main-score';
|
||||
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">
|
||||
<?php
|
||||
$is_image = false;
|
||||
|
|
|
|||
2
info.php
2
info.php
|
|
@ -32,7 +32,7 @@ ob_start(); // Start reading html
|
|||
</li>
|
||||
<br id="arnaud">
|
||||
<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)
|
||||
</li>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -34,15 +34,13 @@ function get_stats($team)
|
|||
<br><br>
|
||||
<strong>Clique sur une équipe pour voir le détail de son score</strong>
|
||||
</p>
|
||||
<br>
|
||||
<div id="teamButtonContainer">
|
||||
<div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div>
|
||||
<br>
|
||||
<div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div>
|
||||
<br>
|
||||
<div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div>
|
||||
<br>
|
||||
<div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/stats.css">
|
||||
|
|
|
|||
Loading…
Reference in a new issue