✨ Ajoute la vue calendrier

Pour #3

resources/sass/app.scss

@@ -19,3 +19,6 @@
 
 // Surcharge
 @import 'general';
+
+// Calendar
+@import "calendar";

resources/sass/calendar.scss

@@ -0,0 +1,118 @@
+/*******************************Calendar Top Navigation*********************************/
+div#calendar {
+    margin:0 auto;
+    padding:0;
+    width: 602px;
+    font-family:special_eliteregular, "Times New Roman", Times, serif;
+}
+
+div#calendar div.box {
+    position:relative;
+    top:0;
+    left:0;
+    width:100%;
+    height:40px;
+    background-color: #787878 ;
+}
+
+div#calendar div.calendar-header {
+    line-height:40px;
+    vertical-align:middle;
+    position:absolute;
+    left:11px;
+    top:0;
+    width:582px;
+    height:40px;
+    text-align:center;
+}
+
+div#calendar div.calendar-header a.prev,div#calendar div.calendar-header a.next {
+    position:absolute;
+    top:0;
+    height: 17px;
+    display:block;
+    cursor:pointer;
+    text-decoration:none;
+    color:#FFF;
+}
+
+div#calendar div.calendar-header span.title{
+    color:#FFF;
+    font-size:18px;
+}
+
+div#calendar div.calendar-header a.prev{
+    left:0;
+}
+
+div#calendar div.calendar-header a.next{
+    right:0;
+}
+
+/*******************************Calendar Content Cells*********************************/
+div#calendar div.box-content{
+    border:1px solid #787878 ;
+    border-top:none;
+}
+
+div#calendar ul.label{
+    float:left;
+    padding: 0;
+    margin: 5px 0 0 5px;
+}
+
+div#calendar ul.label li{
+    padding:0;
+    margin: 0 5px 0 0;
+    float:left;
+    list-style-type:none;
+    width:80px;
+    height:40px;
+    line-height:40px;
+    vertical-align:middle;
+    text-align:center;
+    color:#000;
+    font-size: 15px;
+    background-color: transparent;
+}
+
+div#calendar ul.dates{
+    float:left;
+    padding: 0;
+    margin: 0 0 5px 5px;
+}
+
+/** overall width = width+padding-right**/
+div#calendar ul.dates li {
+    padding:0;
+    margin: 5px 5px 0 0;
+    line-height:80px;
+    vertical-align:middle;
+    float:left;
+    list-style-type:none;
+    width:80px;
+    height:80px;
+    font-size:25px;
+    color:#000;
+    text-align:center;
+
+    &.day {
+        background-color: #DDD;
+    }
+
+    &.today {
+        background-color: #0d8ddc;
+    }
+
+    &.has-post {
+        background-color: #63ad27;
+    }
+}
+
+:focus{
+    outline:none;
+}
+
+div.clear{
+    clear:both;
+}