ESIR
/
KiWi-Calendar
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Merge branch 'master' of github.com:TheMrNomis/KiWi-calendar

master
n0m1s 11 years ago
parent
812b39b73b 1268cd0d8d
commit
a73f5283a5
2 changed files with 198 additions and 14 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +103
    -4
      index.css
  2. +95
    -10
      index.html

+ 103
- 4
index.css View File

@ -1,6 +1,7 @@
body body
{ {
padding:0px;
padding:0px;
overflow:hidden;
} }
#title #title
@ -143,11 +144,12 @@ input[type="checkbox"]:checked + label span {
height:100%; height:100%;
margin:0; margin:0;
margin-left:-10px; margin-left:-10px;
background-color:#f1f1f1;
} }
#footer #footer
{ {
position:absolute;
position:fixed;
background-color:#f1f1f1; background-color:#f1f1f1;
bottom:0px; bottom:0px;
height:54px; height:54px;
@ -161,14 +163,111 @@ input[type="checkbox"]:checked + label span {
{ {
float: right; float: right;
margin-right:25px; margin-right:25px;
margin-top:-30px;
}
#exMois
{
margin-top:-10px;
height:30px;
width:30%;
margin-left:auto;
margin-right:auto;
} }
#Mois #Mois
{ {
text-align:center; text-align:center;
margin-top:10px;
font-size: 30px; font-size: 30px;
margin-bottom:-30px;
margin-top:-45px;
}
#exLess
{
width:40px;
height:40px;
float:right;
margin-top:-40px;
}
#exMore
{
width:40px;
height:40px;
padding-top:20px;
}
/*Calendar*/
table
{
width:100%;
margin:0;
padding:0;
border-style:none;
table-layout: fixed;
}
tr
{
height:250px;
border-style:none;
margin:0;
width:100%;
padding:0;
}
td
{
border-style:none;
height:100%;
margin:0;
padding:0;
}
td:hover
{
background-color: #40c1e6;
} }
tr #date
{
font-size:30px;
margin:20px;
color:#2b2b2b;
}
#calendar #event
{
margin:0;
border:1px solid #2b2b2b;
height:100%;
width:100%;
}
#link
{
margin-left:10px;
font-size:12px;
}
@media only screen and (max-width: 1000px) and (max-height: 500px){
#title
{
height: 50px;
}
#title img
{
padding-top:10px;
height: 30px;
}
}

+ 95
- 10
index.html View File

@ -6,13 +6,6 @@
<link rel="stylesheet" href="./index.css" /> <link rel="stylesheet" href="./index.css" />
<link rel="icon" type="image/png" href="favicon.png" /> <link rel="icon" type="image/png" href="favicon.png" />
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]--> <!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]-->
<!--Using jQuery and jQuery UI for display effects-->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<!--Using the hamburger menu display code-->
<script src="js/hamburger.js"></script>
</head> </head>
<body> <body>
<header id="title"> <header id="title">
@ -70,14 +63,106 @@
</div> </div>
</form> </form>
</div> </div>
<div class="Button" id="AddEvent">
<a id="ancherEvent" href="#addEvent" onclick="alert('Ajoute un evenement');"><div class="Button" id="AddEvent">
+ Ajouter un Évènement + Ajouter un Évènement
</div>
</div></a>
</nav> </nav>
<div id="calendar"> <div id="calendar">
<table border="1">
<tr>
<td><div id="event"><div id="date">6</div>
<div id="link">Conférence - Sécurité</div></td>
<td><div id="event"><div id="date">7</div>
</td>
<td><div id="event"><div id="date">8</div>
</td>
<td><div id="event"><div id="date">9</div>
<div id="link">Club tricot</div></td>
<td><div id="event"><div id="date">10</div>
<div id="link">Grosse soirée</div></td>
<td><div id="event"><div id="date">11</div>
</td>
<td><div id="event"><div id="date">12</div>
<div id="link">Invasion de kakapos</div></td>
</tr>
<tr>
<td><div id="event"><div id="date">6</div>
<div id="link">Conférence - Sécurité</div></td>
<td><div id="event"><div id="date">7</div>
</td>
<td><div id="event"><div id="date">8</div>
</td>
<td><div id="event"><div id="date">9</div>
<div id="link">Club tricot</div></td>
<td><div id="event"><div id="date">10</div>
<div id="link">Grosse soirée</div></td>
<td><div id="event"><div id="date">11</div>
</td>
<td><div id="event"><div id="date">12</div>
<div id="link">Invasion de kakapos</div></td>
</tr>
<tr>
<td><div id="event"><div id="date">6</div>
<div id="link">Conférence - Sécurité</div></td>
<td><div id="event"><div id="date">7</div>
</td>
<td><div id="event"><div id="date">8</div>
</td>
<td><div id="event"><div id="date">9</div>
<div id="link">Club tricot</div></td>
<td><div id="event"><div id="date">10</div>
<div id="link">Grosse soirée</div></td>
<td><div id="event"><div id="date">11</div>
</td>
<td><div id="event"><div id="date">12</div>
<div id="link">Invasion de kakapos</div></td>
</tr>
<tr>
<td><div id="event"><div id="date">6</div>
<div id="link">Conférence - Sécurité</div></td>
<td><div id="event"><div id="date">7</div>
</td>
<td><div id="event"><div id="date">8</div>
</td>
<td><div id="event"><div id="date">9</div>
<div id="link">Club tricot</div></td>
<td><div id="event"><div id="date">10</div>
<div id="link">Grosse soirée</div></td>
<td><div id="event"><div id="date">11</div>
</td>
<td><div id="event"><div id="date">12</div>
<div id="link">Invasion de kakapos</div></td>
</tr>
<tr>
<td><div id="event"><div id="date">6</div>
<div id="link">Conférence - Sécurité</div></td>
<td><div id="event"><div id="date">7</div>
</td>
<td><div id="event"><div id="date">8</div>
</td>
<td><div id="event"><div id="date">9</div>
<div id="link">Club tricot</div></td>
<td><div id="event"><div id="date">10</div>
<div id="link">Grosse soirée</div></td>
<td><div id="event"><div id="date">11</div>
</td>
<td><div id="event"><div id="date">12</div>
<div id="link">Invasion de kakapos</div></td>
</tr>
</table>
<div id="footer"> <div id="footer">
<div id="TextFooter"> <div id="TextFooter">
<div id="Mois">Mars 2015</div>
<div id="exMois">
<a id="ancherMore" href="#More" onclick="alert('Click on More');"><img id="exMore" alt="expand less" src="images/expand_less.png" /></a>
<div id="Mois">Mars 2015</div>
<a id="ancherLess" href="#Less" onclick="alert('Click on Less');"><img id="exLess" alt="expand more" src="images/expand_more.png" /></a>
</div>
<div id="Export">Exporter en <a href="#RSS">RSS</a>, <a href="#iCal">iCal</a>, <a href="#webCal">WebCal</a></div> <div id="Export">Exporter en <a href="#RSS">RSS</a>, <a href="#iCal">iCal</a>, <a href="#webCal">WebCal</a></div>
</div> </div>
<div> <div>


Write Preview
Loading…
Cancel
Save