css: clock is now a css class
This commit is contained in:
parent
46aaa7cb4a
commit
f9237d2dcf
7 changed files with 15 additions and 15 deletions
|
|
@ -67,10 +67,10 @@ body {
|
|||
margin: 3px auto;
|
||||
height: 100px;
|
||||
}
|
||||
.navbar #clock {
|
||||
.navbar .clock {
|
||||
font-size: 70px;
|
||||
}
|
||||
#clock:not(.expired) .point, #clock.expired {
|
||||
.clock:not(.expired) .point, .clock.expired {
|
||||
transition: color text-shadow 1s;
|
||||
position: relative;
|
||||
animation: clockanim 1s ease infinite;
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
<img src="/img/fic.png" alt="Forum International de la Cybersécurité">
|
||||
</a>
|
||||
</div>
|
||||
<div id="clock" class="col-md-auto text-center">Challenge Forensic</div>
|
||||
<div class="clock col-md-auto text-center">Challenge Forensic</div>
|
||||
<div class="col-md-auto">
|
||||
<a href="http://www.epita.fr/">
|
||||
<img src="/img/epita.png" alt="Epita">
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
<img src="/img/fic.png" alt="Forum International de la Cybersécurité">
|
||||
</a>
|
||||
</div>
|
||||
<div id="clock" class="col-md-auto text-center">Challenge Forensic</div>
|
||||
<div class="clock col-md-auto text-center">Challenge Forensic</div>
|
||||
<div class="col-md-auto">
|
||||
<a href="http://www.epita.fr/">
|
||||
<img src="/img/epita.png" alt="Epita">
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
<img src="/img/fic.png" alt="Forum International de la Cybersécurité">
|
||||
</a>
|
||||
</div>
|
||||
<div id="clock" class="col-md-auto text-center">Challenge Forensic</div>
|
||||
<div class="clock col-md-auto text-center">Challenge Forensic</div>
|
||||
<div class="col-md-auto">
|
||||
<a href="http://www.epita.fr/">
|
||||
<img src="/img/epita.png" alt="Epita">
|
||||
|
|
|
|||
|
|
@ -26,15 +26,15 @@
|
|||
<img src="/img/fic.png" alt="Forum International de la Cybersécurité" class="center-block">
|
||||
</a>
|
||||
</div>
|
||||
<div id="clock" class="col-md-auto text-center" ng-hide="1">Chargement...</div>
|
||||
<div id="clock" class="col-md-auto text-center" ng-class="{expired: time.expired, end: time.end}" ng-if="time.remaining !== undefined && settings.end - settings.start > 0" ng-cloak>
|
||||
<div class="clock col-md-auto text-center" ng-hide="1">Chargement...</div>
|
||||
<div class="clock col-md-auto text-center" ng-class="{expired: time.expired, end: time.end}" ng-if="time.remaining !== undefined && settings.end - settings.start > 0" ng-cloak>
|
||||
<span id="hours">{{ time.hours | time }}</span>
|
||||
<span class="point">:</span>
|
||||
<span id="min">{{ time.minutes | time }}</span>
|
||||
<span class="point">:</span>
|
||||
<span id="sec">{{ time.seconds | time }}</span>
|
||||
</div>
|
||||
<div id="clock" class="col-md-auto btn-group btn-group-lg" ng-if="time.remaining === undefined || settings.end - settings.start <= 0" ng-cloak>
|
||||
<div class="clock col-md-auto btn-group btn-group-lg" ng-if="time.remaining === undefined || settings.end - settings.start <= 0" ng-cloak>
|
||||
<a class="btn btn-light" href="/">
|
||||
<span class="glyphicon glyphicon-home"></span> Accueil
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
<img src="/img/fic.png" alt="Forum International de la Cybersécurité">
|
||||
</a>
|
||||
</div>
|
||||
<div id="clock" class="col-md-auto text-center">Challenge Forensic</div>
|
||||
<div class="clock col-md-auto text-center">Challenge Forensic</div>
|
||||
<div class="col-md-auto">
|
||||
<a href="http://www.epita.fr/">
|
||||
<img src="/img/epita.png" alt="Epita">
|
||||
|
|
|
|||
Reference in a new issue