sforkowany z rebillar/site-accueil-insa
Various style improvements
This commit is contained in:
keplyx
rodzic
2cd33ed26a
commit
8a3bd58be1
5 zmienionych plików z 100 dodań i 53 usunięć
|
|
@ -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;
|
||||
|
|
@ -98,7 +101,7 @@ a:hover, a:focus {
|
|||
color: #f2f2f2;
|
||||
}
|
||||
|
||||
#hidea:hover{
|
||||
#hidea:hover {
|
||||
text-shadow: 0 0 4px #7ffd78;
|
||||
}
|
||||
|
||||
|
|
@ -154,10 +157,10 @@ td {
|
|||
border: 1px solid #212121;
|
||||
}
|
||||
|
||||
.copyright{
|
||||
color: #ccc;
|
||||
font-size: 14px;
|
||||
text-shadow: #000 0 0 1px;
|
||||
.copyright {
|
||||
color: #fff;
|
||||
font-size: 0.9rem;
|
||||
text-shadow: #000 0 0 4px;
|
||||
}
|
||||
|
||||
.video {
|
||||
|
|
@ -300,17 +303,17 @@ Full-Width Styles
|
|||
}
|
||||
|
||||
#bg_ver {
|
||||
background: url("../images/bg_ver.jpg") ;
|
||||
background: url("../images/bg_ver.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#bg_boo {
|
||||
background: url("../images/bg_boo.jpg") ;
|
||||
background: url("../images/bg_boo.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#bg_pek {
|
||||
background: url("../images/bg_pek.jpg") ;
|
||||
background: url("../images/bg_pek.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -335,7 +340,7 @@ Full-Width Styles
|
|||
}
|
||||
|
||||
|
||||
#table-coms{
|
||||
#table-coms {
|
||||
width: 100%;
|
||||
table-layout: auto;
|
||||
text-align: center;
|
||||
|
|
@ -344,27 +349,27 @@ Full-Width Styles
|
|||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
#table-coms .spacer{
|
||||
#table-coms .spacer {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
#table-coms td{
|
||||
#table-coms td {
|
||||
vertical-align: middle;
|
||||
border: none;
|
||||
padding: 0;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
#table-coms img{
|
||||
#table-coms img {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.com-description{
|
||||
.com-description {
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#back-button{
|
||||
#back-button {
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: fixed;
|
||||
|
|
@ -405,7 +410,7 @@ Full-Width Styles
|
|||
padding: 5px;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
margin:auto;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#credits-list svg {
|
||||
|
|
@ -413,18 +418,22 @@ Full-Width Styles
|
|||
width: 50px;
|
||||
}
|
||||
|
||||
#credits-list a:hover{
|
||||
#credits-list a:hover {
|
||||
color: #a3a7b3;
|
||||
}
|
||||
|
||||
#main-pages{
|
||||
#main-pages {
|
||||
width: 100%;
|
||||
display: inline-grid;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.main-link{
|
||||
#home-subtitle {
|
||||
text-shadow: 0 0 10px #000;
|
||||
}
|
||||
|
||||
.main-link {
|
||||
width: 85px;
|
||||
height: 85px;
|
||||
margin: 2px;
|
||||
|
|
@ -432,20 +441,22 @@ Full-Width Styles
|
|||
vertical-align: middle;
|
||||
padding: 0;
|
||||
color: #e0e0e0;
|
||||
text-shadow: 0 0 10px #000;
|
||||
}
|
||||
|
||||
.main-link:hover{
|
||||
.main-link:hover {
|
||||
color: rgba(233, 184, 47, 0.8);
|
||||
}
|
||||
|
||||
#main-link-container{
|
||||
#main-link-container {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.main-logo {
|
||||
font-size: 70px;
|
||||
margin:auto;
|
||||
margin: auto;
|
||||
display: inline-flex;
|
||||
text-shadow: 0 0 10px #000;
|
||||
}
|
||||
|
||||
.main-logo svg {
|
||||
|
|
@ -459,12 +470,12 @@ Full-Width Styles
|
|||
}
|
||||
|
||||
|
||||
#list-blouse{
|
||||
#list-blouse {
|
||||
text-align: left;
|
||||
list-style: square;
|
||||
}
|
||||
|
||||
#map svg path{
|
||||
#map svg path {
|
||||
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;
|
||||
cursor: pointer;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
.team-button#buttonGli{
|
||||
color: #ff000f;
|
||||
background-color: rgb(255, 135, 142);
|
||||
border-color: #1a5dad;
|
||||
-webkit-transition: 0.3s;
|
||||
-moz-transition: 0.3s;
|
||||
-ms-transition: 0.3s;
|
||||
-o-transition: 0.3s;
|
||||
transition: 0.3s;
|
||||
|
||||
.team-button#buttonGli {
|
||||
color: #9c000a;
|
||||
background-color: rgb(255, 135, 142);
|
||||
border-color: #1a5dad;
|
||||
-webkit-transition: 0.3s;
|
||||
-moz-transition: 0.3s;
|
||||
-ms-transition: 0.3s;
|
||||
-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;
|
||||
|
||||
.team-button#buttonBoo {
|
||||
color: #917100;
|
||||
background-color: #fafd78;
|
||||
border-color: #1a5dad;
|
||||
-webkit-transition: 0.3s;
|
||||
|
|
@ -506,13 +525,15 @@ 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{
|
||||
|
||||
.team-button#buttonPek {
|
||||
color: #0d7b00;
|
||||
background-color: #7ffd78;
|
||||
border-color: #1a5dad;
|
||||
|
|
@ -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;
|
||||
|
||||
.team-button#buttonVer {
|
||||
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{
|
||||
|
||||
#table-coms .spacer {
|
||||
width: 0;
|
||||
}
|
||||
#table-coms td{
|
||||
|
||||
#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">
|
||||
|
|
|
|||
Ładowanie…
Reference in a new issue