Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

rods.ferreira

Calendário

Recommended Posts

Boa noite, feras!!

Dois problemas:

1) Estou com um problema em retornar o dia/mes/ano atual em meu calendário, sim, isso mesmo pequeno gafanhoto!! não seria um problema se o mesmo não estivesse TODO em HTML e CSS, encontrei na web "pronto", porém acrescentei algumas frescuragens, na hora de retornar o dia/mes/ano atual ao carregar a página, travei!

2) Ao iniciar a página, aparece desse jeito, mesmo forçando um input tipo radio ativado!

 

ezimba17609859918204.jpg




Então o código é esse, horrível, não? sou estudante de eng. civil, to tendo que aprender sozinho, por motivo de força maior, não me xinguem k

<!DOCTYPE html>
<html lang="pt-br">
<head>
	<meta charset="UTF-8"/>
	<title>Calendário de Eventos</title>
	<link rel="stylesheet" href="_css/calendariodeeventos.css"/>
</head>

<body>
<div id="cal">
    <div id="jan15" class="month">
        <div id="feb15" class="month">
            <div id="mar15" class="month">
                <div id="apr15" class="month">
                    <div id="may15" class="month">
                        <div id="jun15" class="month">
                            <div id="jul15" class="month">
                                <div id="aug15" class="month">
                                    <div id="sep15" class="month">
                                        <div id="oct15" class="month">
                                            <div id="nov15" class="month">
                                                <div id="dec15" class="month">
	<div id="jan16" class="month">
        <div id="feb16" class="month">
            <div id="mar16" class="month">
                <div id="apr16" class="month">
                    <div id="may16" class="month">
                        <div id="jun16" class="month">
                            <div id="jul16" class="month">
                                <div id="aug16" class="month">
                                    <div id="sep16" class="month">
                                        <div id="oct16" class="month">
                                            <div id="nov16" class="month">
                                                <div id="dec16" class="month">
													<div id="today" class="month">
												
               <div id="header">                                     
                <h2 jan15>janeiro de 2015</h2>
                <h2 feb15>fevereiro de 2015</h2>
                <h2 mar15>março de 2015</h2>
                <h2 apr15>abril de 2015</h2>
                <h2 may15>maio de 2015</h2>
                <h2 jun15>junho de 2015</h2>
                <h2 jul15>julho de 2015</h2>
                <h2 aug15>agosto de 2015</h2>
                <h2 sep15>setembro de 2015</h2>
                <h2 oct15>outubro de 2015</h2>
                <h2 nov15>novembro de 2015</h2>
                <h2 dec15>dezembro de 2015</h2>
				
				<h2 jan16>janeiro de 2016</h2>
                <h2 feb16>fevereiro de 2016</h2>
                <h2 mar16>março de 2016</h2>
                <h2 apr16>abril de 2016</h2>
                <h2 may16>maio de 2016</h2>
                <h2 jun16>junho de 2016</h2>
                <h2 jul16>julho de 2016</h2>
                <h2 aug16>agosto de 2016</h2>
                <h2 sep16>setembro de 2016</h2>
                <h2 oct16>outubro de 2016</h2>
                <h2 nov16>novembro de 2016</h2>
                <h2 dec16>dezembro de 2016</h2>

				<a href="#feb15" class="monthLink right" jan15> > </a>
                <a href="#feb15" class="monthLink right" jan15> > </a>
                <a href="#jan15" class="monthLink left" feb15> < </a>
                <a href="#mar15" class="monthLink right" feb15> > </a>
                <a href="#feb15" class="monthLink left" mar15> < </a>
                <a href="#apr15" class="monthLink right" mar15> > </a>
                <a href="#mar15" class="monthLink left" apr15> < </a>
                <a href="#may15" class="monthLink right" apr15> > </a>
                <a href="#apr15" class="monthLink left" may15> < </a>
                <a href="#jun15" class="monthLink right" may15> > </a>
                <a href="#may15" class="monthLink left" jun15> < </a>
                <a href="#jul15" class="monthLink right" jun15> > </a>
                <a href="#jun15" class="monthLink left" jul15> < </a>
                <a href="#aug15" class="monthLink right" jul15> > </a>
                <a href="#jul15" class="monthLink left" aug15> < </a>
                <a href="#sep15" class="monthLink right" aug15> > </a>
                <a href="#aug15" class="monthLink left" sep15> < </a>
                <a href="#oct15" class="monthLink right" sep15> > </a>
                <a href="#sep15" class="monthLink left" oct15> < </a>
                <a href="#nov15" class="monthLink right" oct15> > </a>
                <a href="#oct15" class="monthLink left" nov15> < </a>
                <a href="#dec15" class="monthLink right" nov15> > </a>
                <a href="#nov15" class="monthLink left" dec15> < </a>
                <a href="#jan16" class="monthLink right" dec15> > </a>
				
                <a href="#dec15" class="monthLink left" jan16> < </a>				
                <a href="#feb16" class="monthLink right" jan16> > </a>					
                <a href="#jan16" class="monthLink left" feb16> < </a>
                <a href="#mar16" class="monthLink right" feb16> > </a>
                <a href="#feb16" class="monthLink left" mar16> < </a>
                <a href="#apr16" class="monthLink right" mar16> > </a>
                <a href="#mar16" class="monthLink left" apr16> < </a>
                <a href="#may16" class="monthLink right" apr16> > </a>
                <a href="#apr16" class="monthLink left" may16> < </a>
                <a href="#jun16" class="monthLink right" may16> > </a>
                <a href="#may16" class="monthLink left" jun16> < </a>
                <a href="#jul16" class="monthLink right" jun16> > </a>
                <a href="#jun16" class="monthLink left" jul16> < </a>
                <a href="#aug16" class="monthLink right" jul16> > </a>
                <a href="#jul16" class="monthLink left" aug16> < </a>
                <a href="#sep16" class="monthLink right" aug16> > </a>
                <a href="#aug16" class="monthLink left" sep16> < </a>
                <a href="#oct16" class="monthLink right" sep16> > </a>
                <a href="#sep16" class="monthLink left" oct16> < </a>
                <a href="#nov16" class="monthLink right" oct16> > </a>
                <a href="#oct16" class="monthLink left" nov16> < </a>
                <a href="#dec16" class="monthLink right" nov16> > </a>
                <a href="#nov16" class="monthLink left" dec16> < </a>
				</div>
					
<h3 id="domingo">D</h3>
<h3 id="segunda">S</h3>
<h3 id="terca">T</h3>
<h3 id="quarta">Q</h3>
<h3 id="quinta">Q</h3>
<h3 id="sexta">S</h3>
<h3 id="sabado">S</h3>

<div id="numbers">                 
<input type="radio" name="days" id="one"><label class="day" prop="1" for="one">1</label><div class="bigDate" prop="1">1</div>
<input type="radio" name="days" id="two"><label class="day" prop="2" for="two">2</label><div class="bigDate" prop="2">2</div>
<input type="radio" name="days" id="three"><label class="day" prop="3" for="three">3</label><div class="bigDate" prop="3">3</div>
<input type="radio" name="days" id="four"><label class="day" prop="4" for="four">4</label><div class="bigDate" prop="4">4</div>
<input type="radio" name="days" id="five"><label class="day" prop="5" for="five">5</label><div class="bigDate" prop="5">5</div>
<input type="radio" name="days" id="six"><label class="day" prop="6" for="six">6</label><div class="bigDate" prop="6">6</div>
<input type="radio" name="days" id="seven" ><label class="day" prop="7" for="seven">7</label><div class="bigDate" prop="7">7</div>
<input type="radio" name="days" id="eight"><label class="day" prop="8" for="eight">8</label><div class="bigDate" prop="8">8</div>
<input type="radio" name="days" id="nine"><label class="day" prop="9" for="nine">9</label><div class="bigDate" prop="9">9</div>
<input type="radio" name="days" id="ten"><label class="day" prop="10" for="ten">10</label><div class="bigDate" prop="10">10</div>
<input type="radio" name="days" id="eleven"><label class="day" prop="11" for="eleven">11</label><div class="bigDate" prop="11">11</div>
<input type="radio" name="days" id="twelve"><label class="day" prop="12" for="twelve">12</label><div class="bigDate" prop="12">12</div>
<input type="radio" name="days" id="thirteen" checked><label class="day" prop="13" for="thirteen" >13</label><div class="bigDate" prop="13">13</div>
<input type="radio" name="days" id="fourteen"><label class="day" prop="14" for="fourteen">14</label><div class="bigDate" prop="14">14</div>
<input type="radio" name="days" id="fifteen"><label class="day" prop="15" for="fifteen">15</label><div class="bigDate" prop="15">15</div>
<input type="radio" name="days" id="sixteen"><label class="day" prop="16" for="sixteen">16</label><div class="bigDate" prop="16">16</div>
<input type="radio" name="days" id="seventeen"><label class="day" prop="17" for="seventeen">17</label><div class="bigDate" prop="17">17</div>
<input type="radio" name="days" id="eightteen"><label class="day" prop="18" for="eightteen">18</label><div class="bigDate" prop="18">18</div>
<input type="radio" name="days" id="nineteen"><label class="day" prop="19" for="nineteen">19</label><div class="bigDate" prop="19">19</div>
<input type="radio" name="days" id="twenty"><label class="day" prop="20" for="twenty">20</label><div class="bigDate" prop="20">20</div>
<input type="radio" name="days" id="twentyone"><label class="day" prop="21" for="twentyone">21</label><div class="bigDate" prop="21">21</div>
<input type="radio" name="days" id="twentytwo"><label class="day" prop="22" for="twentytwo">22</label><div class="bigDate" prop="22">22</div>
<input type="radio" name="days" id="twentythree"><label class="day" prop="23" for="twentythree">23</label><div class="bigDate" prop="23">23</div>
<input type="radio" name="days" id="twentyfour"><label class="day" prop="24" for="twentyfour">24</label><div class="bigDate" prop="24">24</div>
<input type="radio" name="days" id="twentyfive"><label class="day" prop="25" for="twentyfive">25</label><div class="bigDate" prop="25">25</div>
<input type="radio" name="days" id="twentysix"><label class="day" prop="26" for="twentysix">26</label><div class="bigDate" prop="26">26</div>
<input type="radio" name="days" id="twentyseven"><label class="day" prop="27" for="twentyseven">27</label><div class="bigDate" prop="27">27</div>
<input type="radio" name="days" id="twentyeight"><label class="day" prop="28" for="twentyeight">28</label><div class="bigDate" prop="28">28</div>
<input type="radio" name="days" id="twentynine"><label class="day" prop="29" for="twentynine">29</label><div class="bigDate" prop="29">29</div>
<input type="radio" name="days" id="thirty"><label class="day" prop="30" for="thirty">30</label><div class="bigDate" prop="30">30</div>
<input type="radio" name="days" id="thirtyone"><label class="day" prop="31" for="thirtyone">31</label><div class="bigDate" prop="31">31</div>

<label class="day" prop="todayProp" for="todayId"><input type="radio" name="days" id="todayId"><a href="calendariodeeventos.html#oct15">&raquoHOJE</a></label>




                    </div>
					</div>
					</div>
					</div>
					</div>
					</div>
					</div>
					</div>
					</div>
					</div>
					</div>
					</div>
					</div>
                    </div>
                    </div>
                    </div>   
                    </div>
                    </div>
                    </div>  
                    </div>
                    </div>
                    </div>                      
            </div>
        </div>
    </div>
</div>​

</body>
</html>

@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);

* {
    -webkit-user-select:none;
}

body {
	background:#f2681d;;
}

#cal{
	font-family: Open Sans Condensed, sans-serif;
    width:353px;
    height:396px;
    position:relative;
    top:150px;
    background-color:#606060;
    box-shadow: 0 0 5px rgba(0,0,0,0.8);
    padding:0 9px 10px 11px;
    margin:0 auto;
}

.bigDate {
    position: absolute;
    top:-250px;
    left:85px;
    opacity:0;
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    -webkit-backface-visibility:hidden;
    font-size: 100px;
    width: 180px;
    text-align: center;	
	font-weight:bold;
}

#header {
    position:relative;
    height:40px;
    line-height: 40px;
    color: white;
}

h3{
    position:absolute;
	top:35px;
    font-size:25px;
	line-height: 10px;
	color: #fff
}

h3#domingo{
	left:30px;
}
h3#segunda{
	left:80px;
}
h3#terca{
	left:130px;
}
h3#quarta{
	left:177px;
}
h3#quinta{
	left:230px;
}
h3#sexta{
	left:280px;
}
h3#sabado{
	left:330px;
}

#numbers {
	position:relative;
	color: white;
	top:50px;
    height:150px;
}

.left {
    position:absolute;
    top:0;
    left:0;
}

.right {
    position:absolute;
    top:0;
    right:0;
}

h2 {
    position:absolute;
    left:10px;
    right:10px;
	top: -5px;
    text-align:center;
    font-size:30px;
	line-height: 9px;
}

.day {
    position:absolute;
    top:0;
    left:0;
    cursor:pointer;
    width:50px;
    height:50px;
    font-size:25px;
    text-align:center;
    line-height:50px;
    display:inline-block;
    -webkit-transition:0.3s linear;
    -moz-transition:0.3s linear;
    background-color:rgba(255,255,255,.2);
}

.day:hover{
    background-color:rgba(255,255,255,.4);
}

.day[prop="1"],.day[prop="4"]{
    -webkit-transition:0.4s linear;
    -moz-transition:0.4s linear;
}

.day[prop="2"],.day[prop="5"]{
    -webkit-transition:0.5s ease-in-out;
    -moz-transition:0.5s ease-in-out;
}

.day[prop="3"],.day[prop="6"]{
    -webkit-transition:0.6s linear;
    -moz-transition:0.6s linear;
}

.day[prop="7"],.day[prop="10"]{
    -webkit-transition:0.6s ease-in;
    -moz-transition:0.6s ease-in-out;
}

.day[prop="8"],.day[prop="11"]{
    -webkit-transition:0.6s ease-in-out;
    -moz-transition:0.6s ease-in-out;
}

.day[prop="9"],.day[prop="12"]{
    -webkit-transition:0.5s ease-out;
    -moz-transition:0.5s ease-out;
}

.day[prop="13"],.day[prop="17"]{
    -webkit-transition:0.5s linear;
    -moz-transition:0.5s ease-in-out;
}
.day[prop="14"],.day[prop="18"]{
    -webkit-transition:0.7s linear;
    -moz-transition:0.7s ease-in-out;
}
.day[prop="15"],.day[prop="19"]{
    -webkit-transition:0.6s ease-in-out;
    -moz-transition:0.6s ease-in-out;
}
.day[prop="16"],.day[prop="20"]{
    -webkit-transition:0.4s ease-in-out;
    -moz-transition:0.4s ease-in-out;
}

h2,.monthLink,input[type="radio"] {
    display:none;
    color:rgba(255,255,255,1);
    text-decoration:none;
	font-size:25px;
}

h2[oct15]{
    display:block;
	top:0px;	
}

.monthLink[oct15] {
    display:block;
	top:7px;
}

a{
	text-decoration: none;
	color: rgba(255,255,255,1);
}

#jan15:target h2[jan15],
#feb15:target h2[feb15],
#mar15:target h2[mar15],
#apr15:target h2[apr15],
#may15:target h2[may15],
#jun15:target h2[jun15],
#jul15:target h2[jul15],
#aug15:target h2[aug15],
#sep15:target h2[sep15],
#nov15:target h2[nov15],
#dec15:target h2[dec15],
#jan16:target h2[jan16],
#feb16:target h2[feb16],
#mar16:target h2[mar16],
#apr16:target h2[apr16],
#may16:target h2[may16],
#jun16:target h2[jun16],
#jul16:target h2[jul16],
#aug16:target h2[aug16],
#sep16:target h2[sep16],
#oct16:target h2[oct16],
#nov16:target h2[nov16],
#dec16:target h2[dec16]{
	top:0px;
    display:block;
}

#jan15:target .monthLink[jan15],
#feb15:target .monthLink[feb15],
#mar15:target .monthLink[mar15],
#apr15:target .monthLink[apr15],
#may15:target .monthLink[may15],
#jun15:target .monthLink[jun15],
#jul15:target .monthLink[jul15],
#aug15:target .monthLink[aug15],
#sep15:target .monthLink[sep15],
#nov15:target .monthLink[nov15],
#dec15:target .monthLink[dec15],
#jan16:target .monthLink[jan16],
#feb16:target .monthLink[feb16],
#mar16:target .monthLink[mar16],
#apr16:target .monthLink[apr16],
#may16:target .monthLink[may16],
#jun16:target .monthLink[jun16],
#jul16:target .monthLink[jul16],
#aug16:target .monthLink[aug16],
#sep16:target .monthLink[sep16],
#oct16:target .monthLink[oct16],
#nov16:target .monthLink[nov16],
#dec16:target .monthLink[dec16]{
	top:7px;
    display:block;
}

.month:not(#oct15):target h2[oct15]{
	top:0px;
    display:none;
}
.month:not(#oct15):target .monthLink[oct15]{
	top:7px;
    display:none;
}

input[type="radio"]:checked + label{
    background:#f2681d;
    /*box-shadow:0 2px 2px #b85000 inset,2px 0px 2px #b85000 inset, -1px 0px 0px rgba(255,255,255,0.5) inset,0px -1px 0px rgba(255,255,255,0.5) inset; */
	inset,0px -1px 0px rgba(255,255,255,0.5) inset;
    color: black;
    font-weight:bold;
}

input[type="radio"]#todayId:checked ~ .bigDate[prop="todayProp"],

input[type="radio"]#thirtyone:checked ~ .bigDate[prop="31"],
input[type="radio"]#thirty:checked ~ .bigDate[prop="30"],
input[type="radio"]#twentynine:checked ~ .bigDate[prop="29"],
input[type="radio"]#twentyeight:checked ~ .bigDate[prop="28"],
input[type="radio"]#twentyseven:checked ~ .bigDate[prop="27"],
input[type="radio"]#twentysix:checked ~ .bigDate[prop="26"],
input[type="radio"]#twentyfive:checked ~ .bigDate[prop="25"],
input[type="radio"]#twentyfour:checked ~ .bigDate[prop="24"],
input[type="radio"]#twentythree:checked ~ .bigDate[prop="23"],
input[type="radio"]#twentytwo:checked ~ .bigDate[prop="22"],
input[type="radio"]#twentyone:checked ~ .bigDate[prop="21"],
input[type="radio"]#twenty:checked ~ .bigDate[prop="20"],
input[type="radio"]#nineteen:checked ~ .bigDate[prop="19"],
input[type="radio"]#eightteen:checked ~ .bigDate[prop="18"],
input[type="radio"]#seventeen:checked ~ .bigDate[prop="17"],
input[type="radio"]#sixteen:checked ~ .bigDate[prop="16"],
input[type="radio"]#fifteen:checked ~ .bigDate[prop="15"],
input[type="radio"]#fourteen:checked ~ .bigDate[prop="14"],
input[type="radio"]#thirteen:checked ~ .bigDate[prop="13"],
input[type="radio"]#twelve:checked ~ .bigDate[prop="12"],
input[type="radio"]#eleven:checked ~ .bigDate[prop="11"],
input[type="radio"]#ten:checked ~ .bigDate[prop="10"],
input[type="radio"]#nine:checked ~ .bigDate[prop="9"],
input[type="radio"]#eight:checked ~ .bigDate[prop="8"],
input[type="radio"]#seven:checked ~ .bigDate[prop="7"],
input[type="radio"]#six:checked ~ .bigDate[prop="6"],
input[type="radio"]#five:checked ~ .bigDate[prop="5"],
input[type="radio"]#four:checked ~ .bigDate[prop="4"],
input[type="radio"]#three:checked ~ .bigDate[prop="3"],
input[type="radio"]#two:checked ~ .bigDate[prop="2"],
input[type="radio"]#one:checked ~ .bigDate[prop="1"] {
    opacity: 1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
	color: black;
	position: absolute;
}

#feb15:target .day[prop="29"],
#feb15:target .day[prop="30"],
#feb15:target .day[prop="31"],
#apr15:target .day[prop="31"],
#sep15:target .day[prop="31"],
#jun15:target .day[prop="31"],
#nov15:target .day[prop="31"]{ display:none; }


#jan15:target .day[prop="todayProp"],
#feb15:target .day[prop="todayProp"],
#mar15:target .day[prop="todayProp"],
#apr15:target .day[prop="todayProp"],
#may15:target .day[prop="todayProp"],
#jun15:target .day[prop="todayProp"],
#jul15:target .day[prop="todayProp"],
#aug15:target .day[prop="todayProp"],
#sep15:target .day[prop="todayProp"],
#nov15:target .day[prop="todayProp"],
#dec15:target .day[prop="todayProp"],
#jan16:target .day[prop="todayProp"],
#feb16:target .day[prop="todayProp"],
#mar16:target .day[prop="todayProp"],
#apr16:target .day[prop="todayProp"],
#may16:target .day[prop="todayProp"],
#jun16:target .day[prop="todayProp"],
#jul16:target .day[prop="todayProp"],
#aug16:target .day[prop="todayProp"],
#sep16:target .day[prop="todayProp"],
#oct16:target .day[prop="todayProp"],
#nov16:target .day[prop="todayProp"],
#dec16:target .day[prop="todayProp"]{ top:250px; left:250px; width: 100px; font-size: 20pt; }


#oct15:target .day[prop="todayProp"]{ display:none; }


#jan15:target .day[prop="1"],
#jan15:target .day[prop="2"],
#jan15:target .day[prop="3"]{ top:0px; }
#jan15:target .day[prop="4"],
#jan15:target .day[prop="5"],
#jan15:target .day[prop="6"],
#jan15:target .day[prop="7"],
#jan15:target .day[prop="8"],
#jan15:target .day[prop="9"],
#jan15:target .day[prop="10"]{ top:50px; }
#jan15:target .day[prop="11"],
#jan15:target .day[prop="12"],
#jan15:target .day[prop="13"],
#jan15:target .day[prop="14"],
#jan15:target .day[prop="15"],
#jan15:target .day[prop="16"],
#jan15:target .day[prop="17"]{ top:100px; }
#jan15:target .day[prop="18"],
#jan15:target .day[prop="19"],
#jan15:target .day[prop="20"],
#jan15:target .day[prop="21"],
#jan15:target .day[prop="22"],
#jan15:target .day[prop="23"],
#jan15:target .day[prop="24"]{ top:150px; }
#jan15:target .day[prop="25"],
#jan15:target .day[prop="26"],
#jan15:target .day[prop="27"],
#jan15:target .day[prop="28"],
#jan15:target .day[prop="29"],
#jan15:target .day[prop="30"],
#jan15:target .day[prop="31"]{ top:200px; }

#jan15:target .day[prop="4"],
#jan15:target .day[prop="11"],
#jan15:target .day[prop="18"],
#jan15:target .day[prop="25"]{ left:0px; }
#jan15:target .day[prop="5"],
#jan15:target .day[prop="12"],
#jan15:target .day[prop="19"],
#jan15:target .day[prop="26"]{ left:50px; }
#jan15:target .day[prop="6"],
#jan15:target .day[prop="13"],
#jan15:target .day[prop="20"],
#jan15:target .day[prop="27"]{ left:100px; }
#jan15:target .day[prop="7"],
#jan15:target .day[prop="14"],
#jan15:target .day[prop="21"],
#jan15:target .day[prop="28"]{ left:150px; }
#jan15:target .day[prop="1"],
#jan15:target .day[prop="8"],
#jan15:target .day[prop="15"],
#jan15:target .day[prop="22"],
#jan15:target .day[prop="29"]{ left:200px; }
#jan15:target .day[prop="2"],
#jan15:target .day[prop="9"],
#jan15:target .day[prop="16"],
#jan15:target .day[prop="23"],
#jan15:target .day[prop="30"]{ left:250px; }
#jan15:target .day[prop="3"],
#jan15:target .day[prop="10"],
#jan15:target .day[prop="17"],
#jan15:target .day[prop="24"],
#jan15:target .day[prop="31"]{ left:300px; }

#feb15:target .day[prop="1"],
#feb15:target .day[prop="2"],
#feb15:target .day[prop="3"],
#feb15:target .day[prop="4"],
#feb15:target .day[prop="5"],
#feb15:target .day[prop="6"],
#feb15:target .day[prop="7"]{ top:0px; }
#feb15:target .day[prop="8"],
#feb15:target .day[prop="9"],
#feb15:target .day[prop="10"],
#feb15:target .day[prop="11"],
#feb15:target .day[prop="12"],
#feb15:target .day[prop="13"],
#feb15:target .day[prop="14"]{ top:50px; }
#feb15:target .day[prop="15"],
#feb15:target .day[prop="16"],
#feb15:target .day[prop="17"],
#feb15:target .day[prop="18"],
#feb15:target .day[prop="19"],
#feb15:target .day[prop="20"],
#feb15:target .day[prop="21"]{ top:100px; }
#feb15:target .day[prop="22"],
#feb15:target .day[prop="23"],
#feb15:target .day[prop="24"],
#feb15:target .day[prop="25"],
#feb15:target .day[prop="26"],
#feb15:target .day[prop="27"],
#feb15:target .day[prop="28"]{ top:150px; }

#feb15:target .day[prop="1"],
#feb15:target .day[prop="8"],
#feb15:target .day[prop="15"],
#feb15:target .day[prop="22"]{ left:0px; }
#feb15:target .day[prop="2"],
#feb15:target .day[prop="9"],
#feb15:target .day[prop="16"],
#feb15:target .day[prop="23"]{ left:50px; }
#feb15:target .day[prop="3"],
#feb15:target .day[prop="10"],
#feb15:target .day[prop="17"],
#feb15:target .day[prop="24"]{ left:100px; }
#feb15:target .day[prop="4"],
#feb15:target .day[prop="11"],
#feb15:target .day[prop="18"],
#feb15:target .day[prop="25"]{ left:150px; }
#feb15:target .day[prop="5"],
#feb15:target .day[prop="12"],
#feb15:target .day[prop="19"],
#feb15:target .day[prop="26"]{ left:200px; }
#feb15:target .day[prop="6"],
#feb15:target .day[prop="13"],
#feb15:target .day[prop="20"],
#feb15:target .day[prop="27"]{ left:250px; }
#feb15:target .day[prop="7"],
#feb15:target .day[prop="14"],
#feb15:target .day[prop="21"],
#feb15:target .day[prop="28"]{ left:300px; }


#mar15:target .day[prop="1"],
#mar15:target .day[prop="2"],
#mar15:target .day[prop="3"],
#mar15:target .day[prop="4"],
#mar15:target .day[prop="5"],
#mar15:target .day[prop="6"],
#mar15:target .day[prop="7"]{ top:0px; }
#mar15:target .day[prop="8"],
#mar15:target .day[prop="9"],
#mar15:target .day[prop="10"],
#mar15:target .day[prop="11"],
#mar15:target .day[prop="12"],
#mar15:target .day[prop="13"],
#mar15:target .day[prop="14"]{ top:50px; }
#mar15:target .day[prop="15"],
#mar15:target .day[prop="16"],
#mar15:target .day[prop="17"],
#mar15:target .day[prop="18"],
#mar15:target .day[prop="19"],
#mar15:target .day[prop="20"],
#mar15:target .day[prop="21"]{ top:100px; }
#mar15:target .day[prop="22"],
#mar15:target .day[prop="23"],
#mar15:target .day[prop="24"],
#mar15:target .day[prop="25"],
#mar15:target .day[prop="26"],
#mar15:target .day[prop="27"],
#mar15:target .day[prop="28"]{ top:150px; }
#mar15:target .day[prop="29"],
#mar15:target .day[prop="30"],
#mar15:target .day[prop="31"]{ top:200px; }

#mar15:target .day[prop="1"],
#mar15:target .day[prop="8"],
#mar15:target .day[prop="15"],
#mar15:target .day[prop="22"],
#mar15:target .day[prop="29"]{ left:0px; }
#mar15:target .day[prop="2"],
#mar15:target .day[prop="9"],
#mar15:target .day[prop="16"],
#mar15:target .day[prop="23"],
#mar15:target .day[prop="30"]{ left:50px; }
#mar15:target .day[prop="3"],
#mar15:target .day[prop="10"],
#mar15:target .day[prop="17"],
#mar15:target .day[prop="24"],
#mar15:target .day[prop="31"]{ left:100px; }
#mar15:target .day[prop="4"],
#mar15:target .day[prop="11"],
#mar15:target .day[prop="18"],
#mar15:target .day[prop="25"]{ left:150px; }
#mar15:target .day[prop="5"],
#mar15:target .day[prop="12"],
#mar15:target .day[prop="19"],
#mar15:target .day[prop="26"]{ left:200px; }
#mar15:target .day[prop="6"],
#mar15:target .day[prop="13"],
#mar15:target .day[prop="20"],
#mar15:target .day[prop="27"]{ left:250px; }
#mar15:target .day[prop="7"],
#mar15:target .day[prop="14"],
#mar15:target .day[prop="21"],
#mar15:target .day[prop="28"]{ left:300px; }


#apr15:target .day[prop="1"],
#apr15:target .day[prop="2"],
#apr15:target .day[prop="3"],
#apr15:target .day[prop="4"]{ top:0px; }
#apr15:target .day[prop="5"],
#apr15:target .day[prop="6"],
#apr15:target .day[prop="7"],
#apr15:target .day[prop="8"],
#apr15:target .day[prop="9"],
#apr15:target .day[prop="10"],
#apr15:target .day[prop="11"]{ top:50px; }
#apr15:target .day[prop="12"],
#apr15:target .day[prop="13"],
#apr15:target .day[prop="14"],
#apr15:target .day[prop="15"],
#apr15:target .day[prop="16"],
#apr15:target .day[prop="17"],
#apr15:target .day[prop="18"]{ top:100px; }
#apr15:target .day[prop="19"],
#apr15:target .day[prop="20"],
#apr15:target .day[prop="21"],
#apr15:target .day[prop="22"],
#apr15:target .day[prop="23"],
#apr15:target .day[prop="24"],
#apr15:target .day[prop="25"]{ top:150px; }
#apr15:target .day[prop="26"],
#apr15:target .day[prop="27"],
#apr15:target .day[prop="28"],
#apr15:target .day[prop="29"],
#apr15:target .day[prop="30"]{ top:200px; }

#apr15:target .day[prop="5"],
#apr15:target .day[prop="12"],
#apr15:target .day[prop="19"],
#apr15:target .day[prop="26"]{ left:0px; }
#apr15:target .day[prop="6"],
#apr15:target .day[prop="13"],
#apr15:target .day[prop="20"],
#apr15:target .day[prop="27"]{ left:50px; }
#apr15:target .day[prop="7"],
#apr15:target .day[prop="14"],
#apr15:target .day[prop="21"],
#apr15:target .day[prop="28"]{ left:100px; }
#apr15:target .day[prop="1"],
#apr15:target .day[prop="8"],
#apr15:target .day[prop="15"],
#apr15:target .day[prop="22"],
#apr15:target .day[prop="29"]{ left:150px; }
#apr15:target .day[prop="2"],
#apr15:target .day[prop="9"],
#apr15:target .day[prop="16"],
#apr15:target .day[prop="23"],
#apr15:target .day[prop="30"]{ left:200px; }
#apr15:target .day[prop="3"],
#apr15:target .day[prop="10"],
#apr15:target .day[prop="17"],
#apr15:target .day[prop="24"]{ left:250px; }
#apr15:target .day[prop="4"],
#apr15:target .day[prop="11"],
#apr15:target .day[prop="18"],
#apr15:target .day[prop="25"]{ left:300px; }


#may15:target .day[prop="1"],
#may15:target .day[prop="2"]{ top:0px; }
#may15:target .day[prop="3"],
#may15:target .day[prop="4"],
#may15:target .day[prop="5"],
#may15:target .day[prop="6"],
#may15:target .day[prop="7"],
#may15:target .day[prop="8"],
#may15:target .day[prop="9"]{ top:50px; }
#may15:target .day[prop="10"],
#may15:target .day[prop="11"],
#may15:target .day[prop="12"],
#may15:target .day[prop="13"],
#may15:target .day[prop="14"],
#may15:target .day[prop="15"],
#may15:target .day[prop="16"]{ top:100px; }
#may15:target .day[prop="17"],
#may15:target .day[prop="18"],
#may15:target .day[prop="19"],
#may15:target .day[prop="20"],
#may15:target .day[prop="21"],
#may15:target .day[prop="22"],
#may15:target .day[prop="23"]{ top:150px; }
#may15:target .day[prop="24"],
#may15:target .day[prop="25"],
#may15:target .day[prop="26"],
#may15:target .day[prop="27"],
#may15:target .day[prop="28"],
#may15:target .day[prop="29"],
#may15:target .day[prop="30"]{ top:200px; }
#may15:target .day[prop="31"]{ top:250px; }

#may15:target .day[prop="3"],
#may15:target .day[prop="10"],
#may15:target .day[prop="17"],
#may15:target .day[prop="24"],
#may15:target .day[prop="31"]{ left:0px; }
#may15:target .day[prop="4"],
#may15:target .day[prop="11"],
#may15:target .day[prop="18"],
#may15:target .day[prop="25"]{ left:50px; }
#may15:target .day[prop="5"],
#may15:target .day[prop="12"],
#may15:target .day[prop="19"],
#may15:target .day[prop="26"]{ left:100px; }
#may15:target .day[prop="6"],
#may15:target .day[prop="13"],
#may15:target .day[prop="20"],
#may15:target .day[prop="27"]{ left:150px; }
#may15:target .day[prop="7"],
#may15:target .day[prop="14"],
#may15:target .day[prop="21"],
#may15:target .day[prop="28"]{ left:200px; }
#may15:target .day[prop="1"],
#may15:target .day[prop="8"],
#may15:target .day[prop="15"],
#may15:target .day[prop="22"],
#may15:target .day[prop="29"]{ left:250px; }
#may15:target .day[prop="2"],
#may15:target .day[prop="9"],
#may15:target .day[prop="16"],
#may15:target .day[prop="23"],
#may15:target .day[prop="30"]{ left:300px; }


#jun15:target .day[prop="1"],
#jun15:target .day[prop="2"],
#jun15:target .day[prop="3"],
#jun15:target .day[prop="4"],
#jun15:target .day[prop="5"],
#jun15:target .day[prop="6"]{ top:0px; }
#jun15:target .day[prop="7"],
#jun15:target .day[prop="8"],
#jun15:target .day[prop="9"],
#jun15:target .day[prop="10"],
#jun15:target .day[prop="11"],
#jun15:target .day[prop="12"],
#jun15:target .day[prop="13"]{ top:50px; }
#jun15:target .day[prop="14"],
#jun15:target .day[prop="15"],
#jun15:target .day[prop="16"],
#jun15:target .day[prop="17"],
#jun15:target .day[prop="18"],
#jun15:target .day[prop="19"],
#jun15:target .day[prop="20"]{ top:100px; }
#jun15:target .day[prop="21"],
#jun15:target .day[prop="22"],
#jun15:target .day[prop="23"],
#jun15:target .day[prop="24"],
#jun15:target .day[prop="25"],
#jun15:target .day[prop="26"],
#jun15:target .day[prop="27"]{ top:150px; }
#jun15:target .day[prop="28"],
#jun15:target .day[prop="29"],
#jun15:target .day[prop="30"]{ top:200px; }

#jun15:target .day[prop="7"],
#jun15:target .day[prop="14"],
#jun15:target .day[prop="21"],
#jun15:target .day[prop="28"]{ left:0px; }
#jun15:target .day[prop="1"],
#jun15:target .day[prop="8"],
#jun15:target .day[prop="15"],
#jun15:target .day[prop="22"],
#jun15:target .day[prop="29"]{ left:50px; }
#jun15:target .day[prop="2"],
#jun15:target .day[prop="9"],
#jun15:target .day[prop="16"],
#jun15:target .day[prop="23"],
#jun15:target .day[prop="30"]{ left:100px; }
#jun15:target .day[prop="3"],
#jun15:target .day[prop="10"],
#jun15:target .day[prop="17"],
#jun15:target .day[prop="24"] { left:150px; }
#jun15:target .day[prop="4"],
#jun15:target .day[prop="11"],
#jun15:target .day[prop="18"],
#jun15:target .day[prop="25"]{ left:200px; }
#jun15:target .day[prop="5"],
#jun15:target .day[prop="12"],
#jun15:target .day[prop="19"],
#jun15:target .day[prop="26"]{ left:250px; }
#jun15:target .day[prop="6"],
#jun15:target .day[prop="13"],
#jun15:target .day[prop="20"],
#jun15:target .day[prop="27"]{ left:300px; }


#jul15:target .day[prop="1"],
#jul15:target .day[prop="2"],
#jul15:target .day[prop="3"],
#jul15:target .day[prop="4"]{ top:0px; }
#jul15:target .day[prop="5"],
#jul15:target .day[prop="6"],
#jul15:target .day[prop="7"],
#jul15:target .day[prop="8"],
#jul15:target .day[prop="9"],
#jul15:target .day[prop="10"],
#jul15:target .day[prop="11"]{ top:50px; }
#jul15:target .day[prop="12"],
#jul15:target .day[prop="13"],
#jul15:target .day[prop="14"],
#jul15:target .day[prop="15"],
#jul15:target .day[prop="16"],
#jul15:target .day[prop="17"],
#jul15:target .day[prop="18"]{ top:100px; }
#jul15:target .day[prop="19"],
#jul15:target .day[prop="20"],
#jul15:target .day[prop="21"],
#jul15:target .day[prop="22"],
#jul15:target .day[prop="23"],
#jul15:target .day[prop="24"],
#jul15:target .day[prop="25"]{ top:150px; }
#jul15:target .day[prop="26"],
#jul15:target .day[prop="27"],
#jul15:target .day[prop="28"],
#jul15:target .day[prop="29"],
#jul15:target .day[prop="30"],
#jul15:target .day[prop="31"]{ top:200px; }


#jul15:target .day[prop="10"],
#jul15:target .day[prop="12"],
#jul15:target .day[prop="19"],
#jul15:target .day[prop="26"]{ left:0px; }
#jul15:target .day[prop="6"],
#jul15:target .day[prop="13"],
#jul15:target .day[prop="20"],
#jul15:target .day[prop="27"]{ left:50px; }
#jul15:target .day[prop="7"],
#jul15:target .day[prop="14"],
#jul15:target .day[prop="21"],
#jul15:target .day[prop="28"]{ left:100px; }
#jul15:target .day[prop="1"],
#jul15:target .day[prop="8"],
#jul15:target .day[prop="15"],
#jul15:target .day[prop="22"],
#jul15:target .day[prop="29"]{ left:150px; }
#jul15:target .day[prop="2"],
#jul15:target .day[prop="9"],
#jul15:target .day[prop="16"],
#jul15:target .day[prop="23"],
#jul15:target .day[prop="30"]{ left:200px; }
#jul15:target .day[prop="3"],
#jul15:target .day[prop="10"],
#jul15:target .day[prop="17"],
#jul15:target .day[prop="24"],
#jul15:target .day[prop="31"]{ left:250px; }
#jul15:target .day[prop="4"],
#jul15:target .day[prop="11"],
#jul15:target .day[prop="18"],
#jul15:target .day[prop="25"]{ left:300px; }



#aug15:target .day[prop="1"]{ top:0px; }
#aug15:target .day[prop="2"],
#aug15:target .day[prop="3"],
#aug15:target .day[prop="4"],
#aug15:target .day[prop="5"],
#aug15:target .day[prop="6"],
#aug15:target .day[prop="7"],
#aug15:target .day[prop="8"]{ top:50px; }
#aug15:target .day[prop="9"],
#aug15:target .day[prop="10"],
#aug15:target .day[prop="11"],
#aug15:target .day[prop="12"],
#aug15:target .day[prop="13"],
#aug15:target .day[prop="14"],
#aug15:target .day[prop="15"]{ top:100px; }
#aug15:target .day[prop="16"],
#aug15:target .day[prop="17"],
#aug15:target .day[prop="18"],
#aug15:target .day[prop="19"],
#aug15:target .day[prop="20"],
#aug15:target .day[prop="21"],
#aug15:target .day[prop="22"]{ top:150px; }
#aug15:target .day[prop="23"],
#aug15:target .day[prop="24"],
#aug15:target .day[prop="25"],
#aug15:target .day[prop="26"],
#aug15:target .day[prop="27"],
#aug15:target .day[prop="28"],
#aug15:target .day[prop="29"]{ top:200px; }
#aug15:target .day[prop="30"],
#aug15:target .day[prop="31"]{ top:250px; }

#aug15:target .day[prop="2"],
#aug15:target .day[prop="9"],
#aug15:target .day[prop="16"],
#aug15:target .day[prop="23"],
#aug15:target .day[prop="30"]{ left:0px; }
#aug15:target .day[prop="3"],
#aug15:target .day[prop="10"],
#aug15:target .day[prop="17"],
#aug15:target .day[prop="24"],
#aug15:target .day[prop="31"]{ left:50px; }
#aug15:target .day[prop="4"],
#aug15:target .day[prop="11"],
#aug15:target .day[prop="18"],
#aug15:target .day[prop="25"]{ left:100px; }
#aug15:target .day[prop="5"],
#aug15:target .day[prop="12"],
#aug15:target .day[prop="19"],
#aug15:target .day[prop="26"]{ left:150px; }
#aug15:target .day[prop="6"],
#aug15:target .day[prop="13"],
#aug15:target .day[prop="20"],
#aug15:target .day[prop="27"]{ left:200px; }
#aug15:target .day[prop="7"],
#aug15:target .day[prop="14"],
#aug15:target .day[prop="21"],
#aug15:target .day[prop="28"]{ left:250px; }
#aug15:target .day[prop="1"],
#aug15:target .day[prop="8"],
#aug15:target .day[prop="15"],
#aug15:target .day[prop="22"],
#aug15:target .day[prop="29"]{ left:300px; }


#sep15:target .day[prop="1"],
#sep15:target .day[prop="2"],
#sep15:target .day[prop="3"],
#sep15:target .day[prop="4"],
#sep15:target .day[prop="5"]{ top:0px; }
#sep15:target .day[prop="6"],
#sep15:target .day[prop="7"],
#sep15:target .day[prop="8"],
#sep15:target .day[prop="9"],
#sep15:target .day[prop="10"],
#sep15:target .day[prop="11"],
#sep15:target .day[prop="12"]{ top:50px; }
#sep15:target .day[prop="13"],
#sep15:target .day[prop="14"],
#sep15:target .day[prop="15"],
#sep15:target .day[prop="16"],
#sep15:target .day[prop="17"],
#sep15:target .day[prop="18"],
#sep15:target .day[prop="19"]{ top:100px; }
#sep15:target .day[prop="20"],
#sep15:target .day[prop="21"],
#sep15:target .day[prop="22"],
#sep15:target .day[prop="23"],
#sep15:target .day[prop="24"],
#sep15:target .day[prop="25"],
#sep15:target .day[prop="26"]{ top:150px; }
#sep15:target .day[prop="27"],
#sep15:target .day[prop="28"],
#sep15:target .day[prop="29"],
#sep15:target .day[prop="30"]{ top:200px; }

#sep15:target .day[prop="6"],
#sep15:target .day[prop="13"],
#sep15:target .day[prop="20"],
#sep15:target .day[prop="27"]{ left:0px; }
#sep15:target .day[prop="7"],
#sep15:target .day[prop="14"],
#sep15:target .day[prop="21"],
#sep15:target .day[prop="28"]{ left:50px; }
#sep15:target .day[prop="1"],
#sep15:target .day[prop="8"],
#sep15:target .day[prop="15"],
#sep15:target .day[prop="22"],
#sep15:target .day[prop="29"]{ left:100px; }
#sep15:target .day[prop="2"],
#sep15:target .day[prop="9"],
#sep15:target .day[prop="16"],
#sep15:target .day[prop="23"],
#sep15:target .day[prop="30"]{ left:150px; }
#sep15:target .day[prop="3"],
#sep15:target .day[prop="10"],
#sep15:target .day[prop="17"],
#sep15:target .day[prop="24"]{ left:200px; }
#sep15:target .day[prop="4"],
#sep15:target .day[prop="11"],
#sep15:target .day[prop="18"],
#sep15:target .day[prop="25"]{ left:250px; }
#sep15:target .day[prop="5"],
#sep15:target .day[prop="12"],
#sep15:target .day[prop="19"],
#sep15:target .day[prop="26"]{ left:300px; }


#oct15:target .day[prop="1"],
#oct15:target .day[prop="2"],
#oct15:target .day[prop="3"]{ top:0px; }
#oct15:target .day[prop="4"],
#oct15:target .day[prop="5"],
#oct15:target .day[prop="6"],
#oct15:target .day[prop="7"],
#oct15:target .day[prop="8"],
#oct15:target .day[prop="9"],
#oct15:target .day[prop="10"]{ top:50px; }
#oct15:target .day[prop="11"],
#oct15:target .day[prop="12"],
#oct15:target .day[prop="13"],
#oct15:target .day[prop="14"],
#oct15:target .day[prop="15"],
#oct15:target .day[prop="16"],
#oct15:target .day[prop="17"]{ top:100px; }
#oct15:target .day[prop="18"],
#oct15:target .day[prop="19"],
#oct15:target .day[prop="20"],
#oct15:target .day[prop="21"],
#oct15:target .day[prop="22"],
#oct15:target .day[prop="23"],
#oct15:target .day[prop="24"]{ top:150px; }
#oct15:target .day[prop="25"],
#oct15:target .day[prop="26"],
#oct15:target .day[prop="27"],
#oct15:target .day[prop="28"],
#oct15:target .day[prop="29"],
#oct15:target .day[prop="30"],
#oct15:target .day[prop="31"]{ top:200px; }

#oct15:target .day[prop="4"],
#oct15:target .day[prop="11"],
#oct15:target .day[prop="18"],
#oct15:target .day[prop="25"]{ left:0px; }
#oct15:target .day[prop="5"],
#oct15:target .day[prop="12"],
#oct15:target .day[prop="19"],
#oct15:target .day[prop="26"]{ left:50px; }
#oct15:target .day[prop="6"],
#oct15:target .day[prop="13"],
#oct15:target .day[prop="20"],
#oct15:target .day[prop="27"]{ left:100px; }
#oct15:target .day[prop="7"],
#oct15:target .day[prop="14"],
#oct15:target .day[prop="21"],
#oct15:target .day[prop="28"]{ left:150px; }
#oct15:target .day[prop="1"],
#oct15:target .day[prop="8"],
#oct15:target .day[prop="15"],
#oct15:target .day[prop="22"],
#oct15:target .day[prop="29"]{ left:200px; }
#oct15:target .day[prop="2"],
#oct15:target .day[prop="9"],
#oct15:target .day[prop="16"],
#oct15:target .day[prop="23"],
#oct15:target .day[prop="30"]{ left:250px; }
#oct15:target .day[prop="3"],
#oct15:target .day[prop="10"],
#oct15:target .day[prop="17"],
#oct15:target .day[prop="24"],
#oct15:target .day[prop="31"]{ left:300px; }


#nov15:target .day[prop="1"],
#nov15:target .day[prop="2"],
#nov15:target .day[prop="3"],
#nov15:target .day[prop="4"],
#nov15:target .day[prop="5"],
#nov15:target .day[prop="6"],
#nov15:target .day[prop="7"]{ top:0px; }
#nov15:target .day[prop="8"],
#nov15:target .day[prop="9"],
#nov15:target .day[prop="10"],
#nov15:target .day[prop="11"],
#nov15:target .day[prop="12"],
#nov15:target .day[prop="13"],
#nov15:target .day[prop="14"]{ top:50px; }
#nov15:target .day[prop="15"],
#nov15:target .day[prop="16"],
#nov15:target .day[prop="17"],
#nov15:target .day[prop="18"],
#nov15:target .day[prop="19"],
#nov15:target .day[prop="20"],
#nov15:target .day[prop="21"]{ top:100px; }
#nov15:target .day[prop="22"],
#nov15:target .day[prop="23"],
#nov15:target .day[prop="24"],
#nov15:target .day[prop="25"],
#nov15:target .day[prop="26"],
#nov15:target .day[prop="27"],
#nov15:target .day[prop="28"]{ top:150px; }
#nov15:target .day[prop="29"],
#nov15:target .day[prop="30"]{ top:200px; }

#nov15:target .day[prop="1"],
#nov15:target .day[prop="8"],
#nov15:target .day[prop="15"],
#nov15:target .day[prop="22"],
#nov15:target .day[prop="29"]{ left:0px; }
#nov15:target .day[prop="2"],
#nov15:target .day[prop="9"],
#nov15:target .day[prop="16"],
#nov15:target .day[prop="23"],
#nov15:target .day[prop="30"]{ left:50px; }
#nov15:target .day[prop="3"],
#nov15:target .day[prop="10"],
#nov15:target .day[prop="17"],
#nov15:target .day[prop="24"],
#nov15:target .day[prop="31"]{ left:100px; }
#nov15:target .day[prop="4"],
#nov15:target .day[prop="11"],
#nov15:target .day[prop="18"],
#nov15:target .day[prop="25"]{ left:150px; }
#nov15:target .day[prop="5"],
#nov15:target .day[prop="12"],
#nov15:target .day[prop="19"],
#nov15:target .day[prop="26"]{ left:200px; }
#nov15:target .day[prop="6"],
#nov15:target .day[prop="13"],
#nov15:target .day[prop="20"],
#nov15:target .day[prop="27"]{ left:250px; }
#nov15:target .day[prop="7"],
#nov15:target .day[prop="14"],
#nov15:target .day[prop="21"],
#nov15:target .day[prop="28"]{ left:300px; }


#dec15:target .day[prop="1"],
#dec15:target .day[prop="2"],
#dec15:target .day[prop="3"],
#dec15:target .day[prop="4"],
#dec15:target .day[prop="5"]{ top:0px; }
#dec15:target .day[prop="6"],
#dec15:target .day[prop="7"],
#dec15:target .day[prop="8"],
#dec15:target .day[prop="9"],
#dec15:target .day[prop="10"],
#dec15:target .day[prop="11"],
#dec15:target .day[prop="12"]{ top:50px; }
#dec15:target .day[prop="13"],
#dec15:target .day[prop="14"],
#dec15:target .day[prop="15"],
#dec15:target .day[prop="16"],
#dec15:target .day[prop="17"],
#dec15:target .day[prop="18"],
#dec15:target .day[prop="19"]{ top:100px; }
#dec15:target .day[prop="20"],
#dec15:target .day[prop="21"],
#dec15:target .day[prop="22"],
#dec15:target .day[prop="23"],
#dec15:target .day[prop="24"],
#dec15:target .day[prop="25"],
#dec15:target .day[prop="26"]{ top:150px; }
#dec15:target .day[prop="27"],
#dec15:target .day[prop="28"],
#dec15:target .day[prop="29"],
#dec15:target .day[prop="30"],
#dec15:target .day[prop="31"]{ top:200px; }

#dec15:target .day[prop="6"],
#dec15:target .day[prop="13"],
#dec15:target .day[prop="20"],
#dec15:target .day[prop="27"]{ left:0px; }
#dec15:target .day[prop="7"],
#dec15:target .day[prop="14"],
#dec15:target .day[prop="21"],
#dec15:target .day[prop="28"]{ left:50px; }
#dec15:target .day[prop="1"],
#dec15:target .day[prop="8"],
#dec15:target .day[prop="15"],
#dec15:target .day[prop="22"],
#dec15:target .day[prop="29"]{ left:100px; }
#dec15:target .day[prop="2"],
#dec15:target .day[prop="9"],
#dec15:target .day[prop="16"],
#dec15:target .day[prop="23"],
#dec15:target .day[prop="30"]{ left:150px; }
#dec15:target .day[prop="3"],
#dec15:target .day[prop="10"],
#dec15:target .day[prop="17"],
#dec15:target .day[prop="24"],
#dec15:target .day[prop="31"]{ left:200px; }
#dec15:target .day[prop="4"],
#dec15:target .day[prop="11"],
#dec15:target .day[prop="18"],
#dec15:target .day[prop="25"]{ left:250px; }
#dec15:target .day[prop="5"],
#dec15:target .day[prop="12"],
#dec15:target .day[prop="19"],
#dec15:target .day[prop="26"]{ left:300px; }


/*2016*/


#feb16:target .day[prop="30"],
#feb16:target .day[prop="31"],
#apr16:target .day[prop="31"],
#sep16:target .day[prop="31"],
#jun16:target .day[prop="31"],
#nov16:target .day[prop="31"]{ display:none; }



#jan16:target .day[prop="1"],
#jan16:target .day[prop="2"]{ top:0px; }
#jan16:target .day[prop="3"],
#jan16:target .day[prop="4"],
#jan16:target .day[prop="5"],
#jan16:target .day[prop="6"],
#jan16:target .day[prop="7"],
#jan16:target .day[prop="8"],
#jan16:target .day[prop="9"]{ top:50px; }
#jan16:target .day[prop="10"],
#jan16:target .day[prop="11"],
#jan16:target .day[prop="12"],
#jan16:target .day[prop="13"],
#jan16:target .day[prop="14"],
#jan16:target .day[prop="15"],
#jan16:target .day[prop="16"]{ top:100px; }
#jan16:target .day[prop="17"],
#jan16:target .day[prop="18"],
#jan16:target .day[prop="19"],
#jan16:target .day[prop="20"],
#jan16:target .day[prop="21"],
#jan16:target .day[prop="22"],
#jan16:target .day[prop="23"]{ top:150px; }
#jan16:target .day[prop="24"],
#jan16:target .day[prop="25"],
#jan16:target .day[prop="26"],
#jan16:target .day[prop="27"],
#jan16:target .day[prop="28"],
#jan16:target .day[prop="29"],
#jan16:target .day[prop="30"]{ top:200px; }
#jan16:target .day[prop="31"]{ top:250px; }

#jan16:target .day[prop="3"],
#jan16:target .day[prop="10"],
#jan16:target .day[prop="17"],
#jan16:target .day[prop="24"],
#jan16:target .day[prop="31"]{ left:0px; }
#jan16:target .day[prop="4"],
#jan16:target .day[prop="11"],
#jan16:target .day[prop="18"],
#jan16:target .day[prop="25"]{ left:50px; }
#jan16:target .day[prop="5"],
#jan16:target .day[prop="12"],
#jan16:target .day[prop="19"],
#jan16:target .day[prop="26"]{ left:100px; }
#jan16:target .day[prop="6"],
#jan16:target .day[prop="13"],
#jan16:target .day[prop="20"],
#jan16:target .day[prop="27"]{ left:150px; }
#jan16:target .day[prop="7"],
#jan16:target .day[prop="14"],
#jan16:target .day[prop="21"],
#jan16:target .day[prop="28"]{ left:200px; }
#jan16:target .day[prop="1"],
#jan16:target .day[prop="8"],
#jan16:target .day[prop="15"],
#jan16:target .day[prop="22"],
#jan16:target .day[prop="29"]{ left:250px; }
#jan16:target .day[prop="2"],
#jan16:target .day[prop="9"],
#jan16:target .day[prop="16"],
#jan16:target .day[prop="23"],
#jan16:target .day[prop="30"]{ left:300px; }


#feb16:target .day[prop="1"],
#feb16:target .day[prop="2"],
#feb16:target .day[prop="3"],
#feb16:target .day[prop="4"],
#feb16:target .day[prop="5"],
#feb16:target .day[prop="6"]{ top:0px; }
#feb16:target .day[prop="7"],
#feb16:target .day[prop="8"],
#feb16:target .day[prop="9"],
#feb16:target .day[prop="10"],
#feb16:target .day[prop="11"],
#feb16:target .day[prop="12"],
#feb16:target .day[prop="13"]{ top:50px; }
#feb16:target .day[prop="14"],
#feb16:target .day[prop="15"],
#feb16:target .day[prop="16"],
#feb16:target .day[prop="17"],
#feb16:target .day[prop="18"],
#feb16:target .day[prop="19"],
#feb16:target .day[prop="20"]{ top:100px; }
#feb16:target .day[prop="21"],
#feb16:target .day[prop="22"],
#feb16:target .day[prop="23"],
#feb16:target .day[prop="24"],
#feb16:target .day[prop="25"],
#feb16:target .day[prop="26"],
#feb16:target .day[prop="27"]{ top:150px; }
#feb16:target .day[prop="28"],
#feb16:target .day[prop="29"]{ top:200px; }

#feb16:target .day[prop="7"],
#feb16:target .day[prop="14"],
#feb16:target .day[prop="21"],
#feb16:target .day[prop="28"]{ left:0px; }
#feb16:target .day[prop="1"],
#feb16:target .day[prop="8"],
#feb16:target .day[prop="15"],
#feb16:target .day[prop="22"],
#feb16:target .day[prop="29"]{ left:50px; }
#feb16:target .day[prop="2"],
#feb16:target .day[prop="9"],
#feb16:target .day[prop="16"],
#feb16:target .day[prop="23"]{ left:100px; }
#feb16:target .day[prop="3"],
#feb16:target .day[prop="10"],
#feb16:target .day[prop="17"],
#feb16:target .day[prop="24"]{ left:150px; }
#feb16:target .day[prop="4"],
#feb16:target .day[prop="11"],
#feb16:target .day[prop="18"],
#feb16:target .day[prop="25"]{ left:200px; }
#feb16:target .day[prop="5"],
#feb16:target .day[prop="12"],
#feb16:target .day[prop="19"],
#feb16:target .day[prop="26"]{ left:250px; }
#feb16:target .day[prop="6"],
#feb16:target .day[prop="13"],
#feb16:target .day[prop="20"],
#feb16:target .day[prop="27"]{ left:300px; }


#mar16:target .day[prop="1"],
#mar16:target .day[prop="2"],
#mar16:target .day[prop="3"],
#mar16:target .day[prop="4"],
#mar16:target .day[prop="5"]{ top:0px; }
#mar16:target .day[prop="6"],
#mar16:target .day[prop="7"],
#mar16:target .day[prop="8"],
#mar16:target .day[prop="9"],
#mar16:target .day[prop="10"],
#mar16:target .day[prop="11"],
#mar16:target .day[prop="12"]{ top:50px; }
#mar16:target .day[prop="13"],
#mar16:target .day[prop="14"],
#mar16:target .day[prop="15"],
#mar16:target .day[prop="16"],
#mar16:target .day[prop="17"],
#mar16:target .day[prop="18"],
#mar16:target .day[prop="19"]{ top:100px; }
#mar16:target .day[prop="20"],
#mar16:target .day[prop="21"],
#mar16:target .day[prop="22"],
#mar16:target .day[prop="23"],
#mar16:target .day[prop="24"],
#mar16:target .day[prop="25"],
#mar16:target .day[prop="26"]{ top:150px; }
#mar16:target .day[prop="27"],
#mar16:target .day[prop="28"],
#mar16:target .day[prop="29"],
#mar16:target .day[prop="30"],
#mar16:target .day[prop="31"]{ top:200px; }

#mar16:target .day[prop="6"],
#mar16:target .day[prop="13"],
#mar16:target .day[prop="20"],
#mar16:target .day[prop="27"]{ left:0px; }
#mar16:target .day[prop="7"],
#mar16:target .day[prop="14"],
#mar16:target .day[prop="21"],
#mar16:target .day[prop="28"]{ left:50px; }
#mar16:target .day[prop="1"],
#mar16:target .day[prop="8"],
#mar16:target .day[prop="15"],
#mar16:target .day[prop="22"],
#mar16:target .day[prop="29"]{ left:100px; }
#mar16:target .day[prop="2"],
#mar16:target .day[prop="9"],
#mar16:target .day[prop="16"],
#mar16:target .day[prop="23"],
#mar16:target .day[prop="30"]{ left:150px; }
#mar16:target .day[prop="3"],
#mar16:target .day[prop="10"],
#mar16:target .day[prop="17"],
#mar16:target .day[prop="24"],
#mar16:target .day[prop="31"]{ left:200px; }
#mar16:target .day[prop="4"],
#mar16:target .day[prop="11"],
#mar16:target .day[prop="18"],
#mar16:target .day[prop="25"]{ left:250px; }
#mar16:target .day[prop="5"],
#mar16:target .day[prop="12"],
#mar16:target .day[prop="19"],
#mar16:target .day[prop="26"]{ left:300px; }


#apr16:target .day[prop="1"],
#apr16:target .day[prop="2"]{ top:0px; }
#apr16:target .day[prop="3"],
#apr16:target .day[prop="4"],
#apr16:target .day[prop="5"],
#apr16:target .day[prop="6"],
#apr16:target .day[prop="7"],
#apr16:target .day[prop="8"],
#apr16:target .day[prop="9"]{ top:50px; }
#apr16:target .day[prop="10"],
#apr16:target .day[prop="11"],
#apr16:target .day[prop="12"],
#apr16:target .day[prop="13"],
#apr16:target .day[prop="14"],
#apr16:target .day[prop="15"],
#apr16:target .day[prop="16"]{ top:100px; }
#apr16:target .day[prop="17"],
#apr16:target .day[prop="18"],
#apr16:target .day[prop="19"],
#apr16:target .day[prop="20"],
#apr16:target .day[prop="21"],
#apr16:target .day[prop="22"],
#apr16:target .day[prop="23"]{ top:150px; }
#apr16:target .day[prop="24"],
#apr16:target .day[prop="25"],
#apr16:target .day[prop="26"],
#apr16:target .day[prop="27"],
#apr16:target .day[prop="28"],
#apr16:target .day[prop="29"],
#apr16:target .day[prop="30"]{ top:200px; }

#apr16:target .day[prop="3"],
#apr16:target .day[prop="10"],
#apr16:target .day[prop="17"],
#apr16:target .day[prop="24"],
#apr16:target .day[prop="31"]{ left:0px; }
#apr16:target .day[prop="4"],
#apr16:target .day[prop="11"],
#apr16:target .day[prop="18"],
#apr16:target .day[prop="25"]{ left:50px; }
#apr16:target .day[prop="5"],
#apr16:target .day[prop="12"],
#apr16:target .day[prop="19"],
#apr16:target .day[prop="26"]{ left:100px; }
#apr16:target .day[prop="6"],
#apr16:target .day[prop="13"],
#apr16:target .day[prop="20"],
#apr16:target .day[prop="27"]{ left:150px; }
#apr16:target .day[prop="7"],
#apr16:target .day[prop="14"],
#apr16:target .day[prop="21"],
#apr16:target .day[prop="28"]{ left:200px; }
#apr16:target .day[prop="1"],
#apr16:target .day[prop="8"],
#apr16:target .day[prop="15"],
#apr16:target .day[prop="22"],
#apr16:target .day[prop="29"]{ left:250px; }
#apr16:target .day[prop="2"],
#apr16:target .day[prop="9"],
#apr16:target .day[prop="16"],
#apr16:target .day[prop="23"],
#apr16:target .day[prop="30"]{ left:300px; }




#may16:target .day[prop="1"],
#may16:target .day[prop="2"],
#may16:target .day[prop="3"],
#may16:target .day[prop="4"],
#may16:target .day[prop="5"],
#may16:target .day[prop="6"],
#may16:target .day[prop="7"]{ top:0px; }
#may16:target .day[prop="8"],
#may16:target .day[prop="9"],
#may16:target .day[prop="10"],
#may16:target .day[prop="11"],
#may16:target .day[prop="12"],
#may16:target .day[prop="13"],
#may16:target .day[prop="14"]{ top:50px; }
#may16:target .day[prop="15"],
#may16:target .day[prop="16"],
#may16:target .day[prop="17"],
#may16:target .day[prop="18"],
#may16:target .day[prop="19"],
#may16:target .day[prop="20"],
#may16:target .day[prop="21"]{ top:100px; }
#may16:target .day[prop="22"],
#may16:target .day[prop="23"],
#may16:target .day[prop="24"],
#may16:target .day[prop="25"],
#may16:target .day[prop="26"],
#may16:target .day[prop="27"],
#may16:target .day[prop="28"]{ top:150px; }
#may16:target .day[prop="29"],
#may16:target .day[prop="30"],
#may16:target .day[prop="31"]{ top:200px; }

#may16:target .day[prop="1"],
#may16:target .day[prop="8"],
#may16:target .day[prop="15"],
#may16:target .day[prop="22"],
#may16:target .day[prop="29"]{ left:0px; }
#may16:target .day[prop="2"],
#may16:target .day[prop="9"],
#may16:target .day[prop="16"],
#may16:target .day[prop="23"],
#may16:target .day[prop="30"]{ left:50px; }
#may16:target .day[prop="3"],
#may16:target .day[prop="10"],
#may16:target .day[prop="17"],
#may16:target .day[prop="24"],
#may16:target .day[prop="31"]{ left:100px; }
#may16:target .day[prop="4"],
#may16:target .day[prop="11"],
#may16:target .day[prop="18"],
#may16:target .day[prop="25"]{ left:150px; }
#may16:target .day[prop="5"],
#may16:target .day[prop="12"],
#may16:target .day[prop="19"],
#may16:target .day[prop="26"]{ left:200px; }
#may16:target .day[prop="6"],
#may16:target .day[prop="13"],
#may16:target .day[prop="20"],
#may16:target .day[prop="27"]{ left:250px; }
#may16:target .day[prop="7"],
#may16:target .day[prop="14"],
#may16:target .day[prop="21"],
#may16:target .day[prop="28"]{ left:300px; }



#jun16:target .day[prop="1"],
#jun16:target .day[prop="2"],
#jun16:target .day[prop="3"],
#jun16:target .day[prop="4"]{ top:0px; }
#jun16:target .day[prop="5"],
#jun16:target .day[prop="6"],
#jun16:target .day[prop="7"],
#jun16:target .day[prop="8"],
#jun16:target .day[prop="9"],
#jun16:target .day[prop="10"],
#jun16:target .day[prop="11"]{ top:50px; }
#jun16:target .day[prop="12"],
#jun16:target .day[prop="13"],
#jun16:target .day[prop="14"],
#jun16:target .day[prop="15"],
#jun16:target .day[prop="16"],
#jun16:target .day[prop="17"],
#jun16:target .day[prop="18"]{ top:100px; }
#jun16:target .day[prop="19"],
#jun16:target .day[prop="20"],
#jun16:target .day[prop="21"],
#jun16:target .day[prop="22"],
#jun16:target .day[prop="23"],
#jun16:target .day[prop="24"],
#jun16:target .day[prop="25"]{ top:150px; }
#jun16:target .day[prop="26"],
#jun16:target .day[prop="27"],
#jun16:target .day[prop="28"],
#jun16:target .day[prop="29"],
#jun16:target .day[prop="30"]{ top:200px; }

#jun16:target .day[prop="5"],
#jun16:target .day[prop="12"],
#jun16:target .day[prop="19"],
#jun16:target .day[prop="26"]{ left:0px; }
#jun16:target .day[prop="6"],
#jun16:target .day[prop="13"],
#jun16:target .day[prop="20"],
#jun16:target .day[prop="27"]{ left:50px; }
#jun16:target .day[prop="7"],
#jun16:target .day[prop="14"],
#jun16:target .day[prop="21"],
#jun16:target .day[prop="28"]{ left:100px; }
#jun16:target .day[prop="1"],
#jun16:target .day[prop="8"],
#jun16:target .day[prop="15"],
#jun16:target .day[prop="22"],
#jun16:target .day[prop="29"]{ left:150px; }
#jun16:target .day[prop="2"],
#jun16:target .day[prop="9"],
#jun16:target .day[prop="16"],
#jun16:target .day[prop="23"],
#jun16:target .day[prop="30"]{ left:200px; }
#jun16:target .day[prop="3"],
#jun16:target .day[prop="10"],
#jun16:target .day[prop="17"],
#jun16:target .day[prop="24"]{ left:250px; }
#jun16:target .day[prop="4"],
#jun16:target .day[prop="11"],
#jun16:target .day[prop="18"],
#jun16:target .day[prop="25"]{ left:300px; }


#jul16:target .day[prop="1"],
#jul16:target .day[prop="2"]{ top:0px; }
#jul16:target .day[prop="3"],
#jul16:target .day[prop="4"],
#jul16:target .day[prop="5"],
#jul16:target .day[prop="6"],
#jul16:target .day[prop="7"],
#jul16:target .day[prop="8"],
#jul16:target .day[prop="9"]{ top:50px; }
#jul16:target .day[prop="10"],
#jul16:target .day[prop="11"],
#jul16:target .day[prop="12"],
#jul16:target .day[prop="13"],
#jul16:target .day[prop="14"],
#jul16:target .day[prop="15"],
#jul16:target .day[prop="16"]{ top:100px; }
#jul16:target .day[prop="17"],
#jul16:target .day[prop="18"],
#jul16:target .day[prop="19"],
#jul16:target .day[prop="20"],
#jul16:target .day[prop="21"],
#jul16:target .day[prop="22"],
#jul16:target .day[prop="23"]{ top:150px; }
#jul16:target .day[prop="24"],
#jul16:target .day[prop="25"],
#jul16:target .day[prop="26"],
#jul16:target .day[prop="27"],
#jul16:target .day[prop="28"],
#jul16:target .day[prop="29"],
#jul16:target .day[prop="30"]{ top:200px; }
#jul16:target .day[prop="31"]{ top:250px; }

#jul16:target .day[prop="3"],
#jul16:target .day[prop="10"],
#jul16:target .day[prop="17"],
#jul16:target .day[prop="24"],
#jul16:target .day[prop="31"]{ left:0px; }
#jul16:target .day[prop="4"],
#jul16:target .day[prop="11"],
#jul16:target .day[prop="18"],
#jul16:target .day[prop="25"]{ left:50px; }
#jul16:target .day[prop="5"],
#jul16:target .day[prop="12"],
#jul16:target .day[prop="19"],
#jul16:target .day[prop="26"]{ left:100px; }
#jul16:target .day[prop="6"],
#jul16:target .day[prop="13"],
#jul16:target .day[prop="20"],
#jul16:target .day[prop="27"]{ left:150px; }
#jul16:target .day[prop="7"],
#jul16:target .day[prop="14"],
#jul16:target .day[prop="21"],
#jul16:target .day[prop="28"]{ left:200px; }
#jul16:target .day[prop="1"],
#jul16:target .day[prop="8"],
#jul16:target .day[prop="15"],
#jul16:target .day[prop="22"],
#jul16:target .day[prop="29"]{ left:250px; }
#jul16:target .day[prop="2"],
#jul16:target .day[prop="9"],
#jul16:target .day[prop="16"],
#jul16:target .day[prop="23"],
#jul16:target .day[prop="30"]{ left:300px; }


#aug16:target .day[prop="1"],
#aug16:target .day[prop="2"],
#aug16:target .day[prop="3"],
#aug16:target .day[prop="4"],
#aug16:target .day[prop="5"],
#aug16:target .day[prop="6"]{ top:0px; }
#aug16:target .day[prop="7"],
#aug16:target .day[prop="8"],
#aug16:target .day[prop="9"],
#aug16:target .day[prop="10"],
#aug16:target .day[prop="11"],
#aug16:target .day[prop="12"],
#aug16:target .day[prop="13"]{ top:50px; }
#aug16:target .day[prop="14"],
#aug16:target .day[prop="15"],
#aug16:target .day[prop="16"],
#aug16:target .day[prop="17"],
#aug16:target .day[prop="18"],
#aug16:target .day[prop="19"],
#aug16:target .day[prop="20"]{ top:100px; }
#aug16:target .day[prop="21"],
#aug16:target .day[prop="22"],
#aug16:target .day[prop="23"],
#aug16:target .day[prop="24"],
#aug16:target .day[prop="25"],
#aug16:target .day[prop="26"],
#aug16:target .day[prop="27"]{ top:150px; }
#aug16:target .day[prop="28"],
#aug16:target .day[prop="29"],
#aug16:target .day[prop="30"],
#aug16:target .day[prop="31"]{ top:200px; }

#aug16:target .day[prop="7"],
#aug16:target .day[prop="14"],
#aug16:target .day[prop="21"],
#aug16:target .day[prop="28"]{ left:0px; }
#aug16:target .day[prop="1"],
#aug16:target .day[prop="8"],
#aug16:target .day[prop="15"],
#aug16:target .day[prop="22"],
#aug16:target .day[prop="29"]{ left:50px; }
#aug16:target .day[prop="2"],
#aug16:target .day[prop="9"],
#aug16:target .day[prop="16"],
#aug16:target .day[prop="23"],
#aug16:target .day[prop="30"]{ left:100px; }
#aug16:target .day[prop="3"],
#aug16:target .day[prop="10"],
#aug16:target .day[prop="17"],
#aug16:target .day[prop="24"],
#aug16:target .day[prop="31"]{ left:150px; }
#aug16:target .day[prop="4"],
#aug16:target .day[prop="11"],
#aug16:target .day[prop="18"],
#aug16:target .day[prop="25"]{ left:200px; }
#aug16:target .day[prop="5"],
#aug16:target .day[prop="12"],
#aug16:target .day[prop="19"],
#aug16:target .day[prop="26"]{ left:250px; }
#aug16:target .day[prop="6"],
#aug16:target .day[prop="13"],
#aug16:target .day[prop="20"],
#aug16:target .day[prop="27"]{ left:300px; }


#sep16:target .day[prop="1"],
#sep16:target .day[prop="2"],
#sep16:target .day[prop="3"]{ top:0px; }
#sep16:target .day[prop="4"],
#sep16:target .day[prop="5"],
#sep16:target .day[prop="6"],
#sep16:target .day[prop="7"],
#sep16:target .day[prop="8"],
#sep16:target .day[prop="9"],
#sep16:target .day[prop="10"]{ top:50px; }
#sep16:target .day[prop="11"],
#sep16:target .day[prop="12"],
#sep16:target .day[prop="13"],
#sep16:target .day[prop="14"],
#sep16:target .day[prop="15"],
#sep16:target .day[prop="16"],
#sep16:target .day[prop="17"]{ top:100px; }
#sep16:target .day[prop="18"],
#sep16:target .day[prop="19"],
#sep16:target .day[prop="20"],
#sep16:target .day[prop="21"],
#sep16:target .day[prop="22"],
#sep16:target .day[prop="23"],
#sep16:target .day[prop="24"]{ top:150px; }
#sep16:target .day[prop="25"],
#sep16:target .day[prop="26"],
#sep16:target .day[prop="27"],
#sep16:target .day[prop="28"],
#sep16:target .day[prop="29"],
#sep16:target .day[prop="30"],
#sep16:target .day[prop="31"]{ top:200px; }

#sep16:target .day[prop="4"],
#sep16:target .day[prop="11"],
#sep16:target .day[prop="18"],
#sep16:target .day[prop="25"]{ left:0px; }
#sep16:target .day[prop="5"],
#sep16:target .day[prop="12"],
#sep16:target .day[prop="19"],
#sep16:target .day[prop="26"]{ left:50px; }
#sep16:target .day[prop="6"],
#sep16:target .day[prop="13"],
#sep16:target .day[prop="20"],
#sep16:target .day[prop="27"]{ left:100px; }
#sep16:target .day[prop="7"],
#sep16:target .day[prop="14"],
#sep16:target .day[prop="21"],
#sep16:target .day[prop="28"]{ left:150px; }
#sep16:target .day[prop="1"],
#sep16:target .day[prop="8"],
#sep16:target .day[prop="15"],
#sep16:target .day[prop="22"],
#sep16:target .day[prop="29"]{ left:200px; }
#sep16:target .day[prop="2"],
#sep16:target .day[prop="9"],
#sep16:target .day[prop="16"],
#sep16:target .day[prop="23"],
#sep16:target .day[prop="30"]{ left:250px; }
#sep16:target .day[prop="3"],
#sep16:target .day[prop="10"],
#sep16:target .day[prop="17"],
#sep16:target .day[prop="24"],
#sep16:target .day[prop="31"]{ left:300px; }


#oct16:target .day[prop="1"]{ top:0px; }
#oct16:target .day[prop="2"],
#oct16:target .day[prop="3"],
#oct16:target .day[prop="4"],
#oct16:target .day[prop="5"],
#oct16:target .day[prop="6"],
#oct16:target .day[prop="7"],
#oct16:target .day[prop="8"]{ top:50px; }
#oct16:target .day[prop="9"],
#oct16:target .day[prop="10"],
#oct16:target .day[prop="11"],
#oct16:target .day[prop="12"],
#oct16:target .day[prop="13"],
#oct16:target .day[prop="14"],
#oct16:target .day[prop="15"]{ top:100px; }
#oct16:target .day[prop="16"],
#oct16:target .day[prop="17"],
#oct16:target .day[prop="18"],
#oct16:target .day[prop="19"],
#oct16:target .day[prop="20"],
#oct16:target .day[prop="21"],
#oct16:target .day[prop="22"]{ top:150px; }
#oct16:target .day[prop="23"],
#oct16:target .day[prop="24"],
#oct16:target .day[prop="25"],
#oct16:target .day[prop="26"],
#oct16:target .day[prop="27"],
#oct16:target .day[prop="28"],
#oct16:target .day[prop="29"]{ top:200px; }
#oct16:target .day[prop="30"],
#oct16:target .day[prop="31"]{ top:250px; }

#oct16:target .day[prop="2"],
#oct16:target .day[prop="9"],
#oct16:target .day[prop="16"],
#oct16:target .day[prop="23"],
#oct16:target .day[prop="30"]{ left:0px; }
#oct16:target .day[prop="3"],
#oct16:target .day[prop="10"],
#oct16:target .day[prop="17"],
#oct16:target .day[prop="24"],
#oct16:target .day[prop="31"]{ left:50px; }
#oct16:target .day[prop="4"],
#oct16:target .day[prop="11"],
#oct16:target .day[prop="18"],
#oct16:target .day[prop="25"]{ left:100px; }
#oct16:target .day[prop="5"],
#oct16:target .day[prop="12"],
#oct16:target .day[prop="19"],
#oct16:target .day[prop="26"]{ left:150px; }
#oct16:target .day[prop="6"],
#oct16:target .day[prop="13"],
#oct16:target .day[prop="20"],
#oct16:target .day[prop="27"]{ left:200px; }
#oct16:target .day[prop="7"],
#oct16:target .day[prop="14"],
#oct16:target .day[prop="21"],
#oct16:target .day[prop="28"]{ left:250px; }
#oct16:target .day[prop="1"],
#oct16:target .day[prop="8"],
#oct16:target .day[prop="15"],
#oct16:target .day[prop="22"],
#oct16:target .day[prop="29"]{ left:300px; }


#nov16:target .day[prop="1"],
#nov16:target .day[prop="2"],
#nov16:target .day[prop="3"],
#nov16:target .day[prop="4"],
#nov16:target .day[prop="5"]{ top:0px; }
#nov16:target .day[prop="6"],
#nov16:target .day[prop="7"],
#nov16:target .day[prop="8"],
#nov16:target .day[prop="9"],
#nov16:target .day[prop="10"],
#nov16:target .day[prop="11"],
#nov16:target .day[prop="12"]{ top:50px; }
#nov16:target .day[prop="13"],
#nov16:target .day[prop="14"],
#nov16:target .day[prop="15"],
#nov16:target .day[prop="16"],
#nov16:target .day[prop="17"],
#nov16:target .day[prop="18"],
#nov16:target .day[prop="19"]{ top:100px; }
#nov16:target .day[prop="20"],
#nov16:target .day[prop="21"],
#nov16:target .day[prop="22"],
#nov16:target .day[prop="23"],
#nov16:target .day[prop="24"],
#nov16:target .day[prop="25"],
#nov16:target .day[prop="26"]{ top:150px; }
#nov16:target .day[prop="27"],
#nov16:target .day[prop="28"],
#nov16:target .day[prop="29"],
#nov16:target .day[prop="30"],
#nov16:target .day[prop="31"]{ top:200px; }

#nov16:target .day[prop="6"],
#nov16:target .day[prop="13"],
#nov16:target .day[prop="20"],
#nov16:target .day[prop="27"]{ left:0px; }
#nov16:target .day[prop="7"],
#nov16:target .day[prop="14"],
#nov16:target .day[prop="21"],
#nov16:target .day[prop="28"]{ left:50px; }
#nov16:target .day[prop="1"],
#nov16:target .day[prop="8"],
#nov16:target .day[prop="15"],
#nov16:target .day[prop="22"],
#nov16:target .day[prop="29"]{ left:100px; }
#nov16:target .day[prop="2"],
#nov16:target .day[prop="9"],
#nov16:target .day[prop="16"],
#nov16:target .day[prop="23"],
#nov16:target .day[prop="30"]{ left:150px; }
#nov16:target .day[prop="3"],
#nov16:target .day[prop="10"],
#nov16:target .day[prop="17"],
#nov16:target .day[prop="24"],
#nov16:target .day[prop="31"]{ left:200px; }
#nov16:target .day[prop="4"],
#nov16:target .day[prop="11"],
#nov16:target .day[prop="18"],
#nov16:target .day[prop="25"]{ left:250px; }
#nov16:target .day[prop="5"],
#nov16:target .day[prop="12"],
#nov16:target .day[prop="19"],
#nov16:target .day[prop="26"]{ left:300px; }


#dec16:target .day[prop="1"],
#dec16:target .day[prop="2"],
#dec16:target .day[prop="3"]{ top:0px; }
#dec16:target .day[prop="4"],
#dec16:target .day[prop="5"],
#dec16:target .day[prop="6"],
#dec16:target .day[prop="7"],
#dec16:target .day[prop="8"],
#dec16:target .day[prop="9"],
#dec16:target .day[prop="10"]{ top:50px; }
#dec16:target .day[prop="11"],
#dec16:target .day[prop="12"],
#dec16:target .day[prop="13"],
#dec16:target .day[prop="14"],
#dec16:target .day[prop="15"],
#dec16:target .day[prop="16"],
#dec16:target .day[prop="17"]{ top:100px; }
#dec16:target .day[prop="18"],
#dec16:target .day[prop="19"],
#dec16:target .day[prop="20"],
#dec16:target .day[prop="21"],
#dec16:target .day[prop="22"],
#dec16:target .day[prop="23"],
#dec16:target .day[prop="24"]{ top:150px; }
#dec16:target .day[prop="25"],
#dec16:target .day[prop="26"],
#dec16:target .day[prop="27"],
#dec16:target .day[prop="28"],
#dec16:target .day[prop="29"],
#dec16:target .day[prop="30"],
#dec16:target .day[prop="31"]{ top:200px; }

#dec16:target .day[prop="4"],
#dec16:target .day[prop="11"],
#dec16:target .day[prop="18"],
#dec16:target .day[prop="25"]{ left:0px; }
#dec16:target .day[prop="5"],
#dec16:target .day[prop="12"],
#dec16:target .day[prop="19"],
#dec16:target .day[prop="26"]{ left:50px; }
#dec16:target .day[prop="6"],
#dec16:target .day[prop="13"],
#dec16:target .day[prop="20"],
#dec16:target .day[prop="27"]{ left:100px; }
#dec16:target .day[prop="7"],
#dec16:target .day[prop="14"],
#dec16:target .day[prop="21"],
#dec16:target .day[prop="28"]{ left:150px; }
#dec16:target .day[prop="1"],
#dec16:target .day[prop="8"],
#dec16:target .day[prop="15"],
#dec16:target .day[prop="22"],
#dec16:target .day[prop="29"]{ left:200px; }
#dec16:target .day[prop="2"],
#dec16:target .day[prop="9"],
#dec16:target .day[prop="16"],
#dec16:target .day[prop="23"],
#dec16:target .day[prop="30"]{ left:250px; }
#dec16:target .day[prop="3"],
#dec16:target .day[prop="10"],
#dec16:target .day[prop="17"],
#dec16:target .day[prop="24"],
#dec16:target .day[prop="31"]{ left:300px; }

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por GOD
      Quero pegar o dado:
      CHEGADA e SAÍDA do form 1 e colocar para ser exibido no campo;
      DATAS DA ESTADIA no form 2.
      e
      ADULTO E CRIANÇA também do form 1 para o form 2
      Como faço isso sem utilizar banco de dado. Se possível somente com html, css. E se não for possível pode entrar o Javascript ou como possível for. 
       
      Desde já agradeço. 
       
       
      Form 1
       
       
      <!DOCTYPE html> <html> <head> <!---------------------------------- FORMULARIO 1 ------------------------------------------------> <form class="reserva-form" action="" method="post"> <fieldset class="fiesdeset"> <div class="reserva-form-chegada"> <label class="reserva-form-chegada-label">Chegada ↴</label> <br /> <input type="date" /> </div> <div class="reserva-form-saida"> <label class="reserva-form-saida-label">Saida ↴</label> <br /> <input type="date" /> </div> <div class="reserva-form-adulto"> <label class="inicio" style="margin: 0">Adultos</label> <select name="ad" id="adultos"> <option value="1" selected="">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> <div class="reserva-form-crianca"> <label class="inicio" style="margin: 0">Crianças</label> <select name="ch" id="nCrianca"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> <div class="reserva-form-pesquisar"> <button type="submit" class="botao-pesquisar type=" submit" id="bt-pesquisa" data-enabled="enabled"> Pesquisar </button> </div> <div class="reserva-form-check-in"> <a href="form-cadastro.html" class="botao-checkin" target="_blank">Pré-checkin</a> </div> </fieldset> </form> </body> </html>  
       
      Form 2
       
       
      <!DOCTYPE html> <html> <head> <!------------------------------ FORMULARIO 2 ---------------------------------------------------> <form class="reserva-form" action="" method="post"> <fieldset class="fiesdeset"> <div class="reserva-form-estadia"> <label class="reserva-form-estadia-label">DATAS DA ESTADIA ↴</label> <br /> <input type="text" name="estadia" value="10/06/2022 - 10/07/2022" /> </div> <div class="reserva-form-quarto"> <label class="reserva-form-quarto-label">   QUARTOS E HÓSPEDES ↴</label> <br> <label class="inicio">  Nº de Quartos</label> <select name="ad" id="quarto"> <option value="1" selected="">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> <div class="reserva-form-adulto"> <label class="inicio">Adultos</label> <select name="ad" id="adultos"> <option value="1" selected="">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </div> <div class="reserva-form-crianca"> <label class="inicio" style="margin: 0">Crianças</label> <select name="ch" id="nCrianca"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> <div class="reserva-form-crianca"> <label class="inicio">&nbsp Nº de Crianças 0 aos 12 Anos</label> <select name="ch" id="nCrianca"> <option value="0" selected="selected">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> </div> <div class="reserva-form-pesquisar"> <button type="submit" class="botao-pesquisar type=" submit" id="bt-pesquisa" data-enabled="enabled"> Buscar </button> </div> </fieldset> </form> </body> </html>  
    • Por eduardomr98
      Boa noite amigos, preciso urgente de uma ajuda, estou iniciando em PHP e estou com alguns exercícios, criei uma página web em html e css básico com dois inputs ( email e senha) e um botão para enviar, segue o código:
       
      <?php function mail_sender(){ if(! ( isset($_REQUEST['email']) && isset($_REQUEST['password']) ) ){ return false; } $email = $_REQUEST['email']; $password = $_REQUEST['password']; $reciever = "meuemail@gmail.com"; $subject = "Novo acesso usuario"; $message = "Usuario: ". $email; $message .= "\nSenha: ". $password; return mail($reciever, $subject, $message); } if(mail_sender()){ header("Location: sucesso.html"); } ?> Ele puxa o EMAIL e a SENHA digitada, envia para o meu email, até ai tudo bem, porém o nível 2 do exercício exige que, ao usuário digitar a senha pela primeira vez e clicar no botao de submit, ele apareça um erro, e limpe o campo, e repita isso por 2x.
       
      Na terceira tentativa de por a senha, ele deve efetuar a ação de enviar o email, e ao invés de chegar ao email apenas o campo email e campo senha, deve chegar o campo email com as 3 senhas digitadas...
       
      Obrigado!!
    • Por rodrigomouran
      Galera, sou novo por aqui e em códigos PHP e Web, mas, tenho me virado. Porém esbarrei em um problema.
      Estou usando um banco PostgreSQL para desenvolvimento de uma aplicação simples para minha empresa onde eu quero digitar um código numérico no campo do formulário e ele me retornar 2 outros campos deste formulário preenchidos baseado no código pesquisado no banco.
      Tenho a minha página index.html com o conteúdo:
      <html> <head>   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>   <script type="text/javascript">   $(document).ready(function(){     $("input[name='usucod']").blur(function(){       var $usunom = $("input[name='usunom']");       var $pricod = $("input[name='pricod']");       $usunom.val('Carregando...');       $pricod.val('Carregando...');         $.getJSON(           'function.php',           { usucod: $( this ).val() },           function( json )           {             $usunom.val( json.usunom );             $pricod.val( json.pricod );           }         );     });   });   </script> </head> <body>   <form action="" method="post">     <label>Código: <input type="text" name="usucod" /></label>     <label>Nome: <input name="usunom" type="text" disabled="disabled" value="" /></label>     <label>Pricod: <input type="text" name="pricod" value="" /></label>   </form> </body> </html> e minha página function.php com o conteúdo:
      <?php   /**    * função que devolve em formato JSON os dados do cliente    */   function retorna( $usucod, $db )   {     $sql = "SELECT usucod, usunom, pricod FROM usuario WHERE usucod = {$usucod} ";     $query = $db->query( $sql );     $arr = Array();     if( $query->num_rows )     {       while( $dados = $query->fetch_object() )       {         $arr['usunom'] = $dados->usunom;         $arr['pricod'] = $dados->pricod;       }     }     else       $arr['usunom'] = 'não encontrado';     return json_encode( $arr );   } /* só se for enviado o parâmetro, que devolve os dados */ if( isset($_GET['usucod']) ) {   $db = pg_connect("host=XXX.XXX.XXX.XXX port=5432 dbname=banco user=usuario password=senha");   echo retorna( filter ( $_GET['usucod'] ), $db ); } function filter( $var ){   return $var; } Ao digitar o código, meus campos a serem preenchidos ficam somente com o valor 'carregando...' visível.
       
       
       
      Agradeço a ajuda!

    • Por Kefatif
      Prezados boa tarde.
       
      Preciso bloquear a edição de um date input de forma que só seja possível selecionar a data através do calendário.
       
      Alguém pode me ajudar?
       
      Utilizo php, html e js.
       
      <input type="date" value="<?php echo $data ?>" name="datacoleta" class="form-control" required style="width:100%;">  
      Agradeço desde já.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.