mougnibas/site-accueil-insa
2
0
Fork 0
rozštěpen z rebillar/site-accueil-insa
Zdrojový kód Problémy Žádosti o sloučení Vydání Wiki Aktivita

Various style improvements

Procházet zdroj
Tento commit je obsažen v:
keplyx 2019-06-13 11:26:30 +02:00
rodič 2cd33ed26a
revize 8a3bd58be1
5 změnil soubory, kde provedl 100 přidání a 53 odebrání
Zobrazit statistiky Stáhnout soubor patche Stáhnout rozdílový soubor Rozbalit všechny soubory Sbalit všechny soubory

133
assets/css/style.css
Zobrazit soubor

@ -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
Zobrazit soubor

@ -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
Zobrazit soubor

@ -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
Zobrazit soubor

@ -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
Zobrazit soubor

@ -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>