Difference between revisions of "Team:Exeter/Log"

Line 515: Line 515:
 
padding-top:20px;
 
padding-top:20px;
 
padding-left:0;
 
padding-left:0;
}
 
@media (max-width: 767px){
 
.calendar{
 
display:none;
 
}
 
.calendar_space, .calendar_box, .calendar_link{
 
height:5.2vh;
 
width:5.2vh;
 
}
 
.calendar_selector{
 
font-size:2.6vh;
 
color:#47BCC2;
 
cursor:pointer;
 
}
 
 
}
 
}
 
}
 
}
Line 546: Line 532:
 
/*Mobile and small screen css*/
 
/*Mobile and small screen css*/
 
@media (max-width: 767px){
 
@media (max-width: 767px){
.div_vl.backgroundimage{
 
height:37vh;
 
background-size: auto 200%;
 
}
 
.div_l{
 
display:none;
 
}
 
 
#logo_Banner_Desktop{
 
#logo_Banner_Desktop{
 
display:none;
 
display:none;
Line 569: Line 548:
 
padding:10px 0;
 
padding:10px 0;
 
margin-left:0.85vw;
 
margin-left:0.85vw;
 +
}
 +
}
 +
@media (max-width: 1000px){
 +
.calendar_key{
 +
display:none;
 +
}
 +
.calendar_space, .calendar_box, .calendar_link{
 +
height:5.2vh;
 +
width:5.2vh;
 +
}
 +
.calendar_selector{
 +
font-size:2.6vh;
 +
color:#47BCC2;
 +
cursor:pointer;
 +
}
 +
}
 +
@media (max-width: 595px){
 +
.calendar{
 +
display:none;
 
}
 
}
 
}
 
}
Line 726: Line 724:
 
</script>
 
</script>
 
<div class="container">
 
<div class="container">
<div class="calendar">
+
<div class="div_vl backgroundimage">
<div class="div_vl backgroundimage">
+
<h1 id="title" style="margin-bottom:8vh;">Timeline</h1>
<h1 id="title" style="margin-bottom:8vh;">Timeline</h1>
+
<div class="calendar_key col-xs-1"></div>
<div class="col-xs-0 col-sm-1"></div>
+
<div class="calendar col-xs-1" style="height:40vh;margin-right:1px;">
<div class="col-xs-2" style="height:40vh;">
+
 
<div id="March_btn" class="calendar_btn calendar_selector">March</div>
 
<div id="March_btn" class="calendar_btn calendar_selector">March</div>
 
<div id="April_btn" class="calendar_btn calendar_selector">April</div>
 
<div id="April_btn" class="calendar_btn calendar_selector">April</div>
Line 742: Line 739:
 
</div>
 
</div>
 
<!--Calendar key-->
 
<!--Calendar key-->
<div style="float:right;height:20vh;width:14vw;margin-right:2vw;">
+
<div class="calendar_key" style="float:right;height:20vh;width:14vw;margin-right:2vw;">
 
<div class="col-xs-6 calendar_box date"><span></span></div><div class="col-xs-6">Log entry</div>
 
<div class="col-xs-6 calendar_box date"><span></span></div><div class="col-xs-6">Log entry</div>
 
<div class="col-xs-12" style="height:6vh;"></div>
 
<div class="col-xs-12" style="height:6vh;"></div>
Line 749: Line 746:
 
<div class="col-xs-6 calendar_box grey"><span></span></div><div class="col-xs-6">Easter & Exams</div>
 
<div class="col-xs-6 calendar_box grey"><span></span></div><div class="col-xs-6">Easter & Exams</div>
 
</div>
 
</div>
<div class="col-sm-0 col-xs-1"></div>
+
<div class="col-xs-2 col-sm-0"></div>
<div class="col-xs-9 col-sm-7" style="margin-bottom:30vh;height:10vh;">
+
<div class="calendar col-xs-8" style="margin-bottom:30vh;height:10vh;">
 
<div class="row  calendar_header">
 
<div class="row  calendar_header">
 
<div class="col-xs-0 col-sm-3"></div>
 
<div class="col-xs-0 col-sm-3"></div>

Revision as of 23:06, 6 October 2016