Difference between revisions of "Team:Aix-Marseille/Notebook"

Line 1: Line 1:
−
{{:Team:Aix-Marseille/Template-Style-and-Menu}}<div class="calendar">
+
{{:Team:Aix-Marseille/Template-Style-and-Menu}}<style>
 +
* { box-sizing: border-box; }
 +
body { font: medium sans-serif; }
 +
 
 +
.calendar { display: flex; flex-wrap: wrap; }
 +
 
 +
.week {
 +
  display: flex;
 +
  list-style-type: none;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
.day {
 +
  width: calc(100% / 7 - 1em);
 +
  min-width: 3em;
 +
  margin: .5em;
 +
  display: block;
 +
}
 +
 
 +
.day a[href]:hover {
 +
  transition: all 100ms ease-in;
 +
  transform: scale(1.2);
 +
  font-weight: bold;
 +
}
 +
 
 +
.week:first-of-type {
 +
  justify-content: flex-end;
 +
}
 +
 
 +
.week:last-of-type {
 +
  justify-content: flex-start;
 +
}
 +
 
 +
.month {
 +
  max-width: 460px;
 +
  margin: 20px auto;
 +
}
 +
 
 +
.week {
 +
  height: 60px;
 +
}
 +
 
 +
.day a {
 +
  display: block;
 +
  text-shadow: 2px 2px rgba(210,83,65,0.4);
 +
  box-shadow: 2px 2px rgba(210,83,65,0.4);
 +
  transition: all 50ms ease-out;
 +
  background-color: #fff;
 +
  animation: 1s linear fadeIn;
 +
  height: 100%;
 +
  padding: 5px;
 +
  text-decoration: none;
 +
  color: #fff;
 +
}
 +
 
 +
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 +
 
 +
.evday { display: none; }
 +
.evday:target { display: block; }
 +
 
 +
time.day-0 a { background-color: #ffeeeb; }
 +
time.day-1 a { background-color: #ffccc4; }
 +
time.day-2 a { background-color: #ffa99d; }
 +
time.day-3 a { background-color: #ff8776; }
 +
time.day-4 a { background-color: #ff654e; }
 +
time.day-5 a { background-color: #ff3114; }
 +
</style><div class="calendar">
 
__NOTOC__
 
__NOTOC__
 
<div class="month">
 
<div class="month">

Revision as of 20:36, 17 October 2016