Various style improvements

This commit is contained in:
keplyx 2019-06-13 11:26:30 +02:00
父節點 2cd33ed26a
當前提交 8a3bd58be1
共有 5 個文件被更改,包括 100 次插入53 次删除

查看文件

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

查看文件

@ -32,7 +32,7 @@ ob_start(); // Start reading html
</li>
<br id="arnaud">
<li>
Sinon y'a Arnaud, le créateur du site, mais il est au Canada donc il pourra pas trop te répondre (vergnet
Sinon y'a Arnaud, le créateur du site, mais 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,14 +34,12 @@ function get_stats($team)
<br><br>
<strong>Clique sur une équipe pour voir le détail de son score</strong>
</p>
<br>
<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 id="teamButtonContainer">
<div class="team-button" id="buttonGli" onclick="showScores('gli')">Glissefondor</div>
<div class="team-button" id="buttonPek" onclick="showScores('pek')">Peksentard</div>
<div class="team-button" id="buttonBoo" onclick="showScores('boo')">Boomsouffle</div>
<div class="team-button" id="buttonVer" onclick="showScores('ver')">Verredaigle</div>
</div>
</div>