AndrewWild (Talk | contribs) |
AndrewWild (Talk | contribs) |
||
Line 515: | Line 515: | ||
padding-top:20px; | padding-top:20px; | ||
padding-left:0; | padding-left:0; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
} | } | ||
Line 546: | Line 532: | ||
/*Mobile and small screen css*/ | /*Mobile and small screen css*/ | ||
@media (max-width: 767px){ | @media (max-width: 767px){ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
#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="div_vl backgroundimage"> | |
− | + | <h1 id="title" style="margin-bottom:8vh;">Timeline</h1> | |
− | + | <div class="calendar_key col-xs-1"></div> | |
− | <div class="col-xs | + | <div class="calendar col-xs-1" style="height:40vh;margin-right:1px;"> |
− | <div class="col-xs- | + | |
<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- | + | <div class="col-xs-2 col-sm-0"></div> |
− | <div class="col-xs- | + | <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