Difference between revisions of "Team:UCL/Notebook"
Line 57: | Line 57: | ||
#menu2 {top: 0px; left: 100px; position: relative; width: 22%; float: left; text-align: center; z-index: 99;} | #menu2 {top: 0px; left: 100px; position: relative; width: 22%; float: left; text-align: center; z-index: 99;} | ||
+ | |||
+ | #menu3 {top: 0px; left: 100px; position: relative; width: 21%; float: left; z-index: 99; display: none; } | ||
+ | |||
#wrapper {width: 100%; padding-top: 100px; padding-bottom: 150px; background: none; position: relative; margin: 0 auto;} | #wrapper {width: 100%; padding-top: 100px; padding-bottom: 150px; background: none; position: relative; margin: 0 auto;} | ||
Line 80: | Line 83: | ||
− | #menu2 ul {list-style: none; margin: 0; padding: 0; margin-top: -20px; } | + | #menu2 ul, #menu3 ul {list-style: none; margin: 0; padding: 0; margin-top: -20px; } |
− | #menu2 ul li {background-color: rgba(255, 255, 255, 0.8); list-style: none; padding-top: 7px; padding-bottom: 7px; margin-bottom: 10px; margin-top: -4px; opacity: 0.6; color: #000; font-family: Raleway; | + | #menu2 ul li, #menu3 ul li {background-color: rgba(255, 255, 255, 0.8); list-style: none; padding-top: 7px; padding-bottom: 7px; margin-bottom: 10px; margin-top: -4px; opacity: 0.6; color: #000; font-family: Raleway; |
letter-spacing: 1.1px; font-size: 14px; border-radius: 4px; display: inline-block; width: 45% !important; } | letter-spacing: 1.1px; font-size: 14px; border-radius: 4px; display: inline-block; width: 45% !important; } | ||
− | #menu2 ul li:hover {opacity: 0.7; transition-property: opacity; | + | #menu2 ul li:hover, #menu3 ul li:hover {opacity: 0.7; transition-property: opacity; |
transition-duration: 1s; | transition-duration: 1s; | ||
transition-timing-function: ease; color: #000; -webkit-transition: color ease-in-out 150ms;} | transition-timing-function: ease; color: #000; -webkit-transition: color ease-in-out 150ms;} | ||
Line 168: | Line 171: | ||
@media(max-width:520px){ | @media(max-width:520px){ | ||
+ | |||
+ | #menu3 {width: 80%; left: 10%; display: inline;} #menu2 {display: none;} #menu3 ul li {padding-left: 5px; padding-top: 3px; padding-bottom: 3px; padding-right: 10px; opacity: 0.8; font-size: 13px;} | ||
+ | #notebook {width: 80%; right: 10%;} | ||
+ | |||
} | } | ||
Line 202: | Line 209: | ||
<li id="item9">Week 9</li> | <li id="item9">Week 9</li> | ||
<li id="item10">Week 10</li> | <li id="item10">Week 10</li> | ||
+ | <!-- <li id="item11">...</li> | ||
+ | <li id="item12">...</li> | ||
+ | <li id="item13">...</li> --> | ||
+ | |||
+ | |||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="menu3"> | ||
+ | <p class="title">Notebook</p> | ||
+ | <ul class="cos"> | ||
+ | <a href="week1"><li id="item1">Week 1</li></a> | ||
+ | <a href="week2"><li id="item2">Week 2</li></a> | ||
+ | <a href="week3"><li id="item3">Week 3</li></a> | ||
+ | <a href="week4"><li id="item4">Week 4</li></a> | ||
+ | <a href="week5"><li id="item5">Week 5</li></a> | ||
+ | <a href="week6"><li id="item6">Week 6</li></a> | ||
+ | <a href="week7"><li id="item7">Week 7</li></a> | ||
+ | <a href="week8"><li id="item8">Week 8</li></a> | ||
+ | <a href="week9"><li id="item9">Week 9</li></a> | ||
+ | <a href="week10"><li id="item10">Week 10</li></a> | ||
<!-- <li id="item11">...</li> | <!-- <li id="item11">...</li> | ||
<li id="item12">...</li> | <li id="item12">...</li> | ||
Line 218: | Line 247: | ||
− | <div class="notebookweek"> | + | <div class="notebookweek" id="week1"> |
<h2>Week 1 (15<sup>th</sup> June – 21<sup>st</sup> June)</h2> | <h2>Week 1 (15<sup>th</sup> June – 21<sup>st</sup> June)</h2> | ||
Line 310: | Line 339: | ||
− | <div class="notebookweek"> | + | <div class="notebookweek" id="week2"> |
<h2>Week 2 (22<sup>nd</sup> June – 28<sup>th</sup> June)</h2> | <h2>Week 2 (22<sup>nd</sup> June – 28<sup>th</sup> June)</h2> | ||
Line 386: | Line 415: | ||
− | <div class="notebookweek"> | + | <div class="notebookweek" id="week3"> |
<h2>Week 3 (29<sup>th</sup> June – 5<sup>th</sup> July)</h2> | <h2>Week 3 (29<sup>th</sup> June – 5<sup>th</sup> July)</h2> | ||
Line 502: | Line 531: | ||
<div class="about-item4 hide"> | <div class="about-item4 hide"> | ||
− | <div class="notebookweek"> | + | <div class="notebookweek" id="week4"> |
Line 572: | Line 601: | ||
− | <div class="notebookweek"> | + | <div class="notebookweek" id="week5"> |
<h2>Week 5 (13<sup>th</sup> July – 19<sup>th</sup> July)</h2> | <h2>Week 5 (13<sup>th</sup> July – 19<sup>th</sup> July)</h2> | ||
Line 646: | Line 675: | ||
− | <div class="notebookweek"> | + | <div class="notebookweek" id="week6"> |
Line 697: | Line 726: | ||
− | <div class="notebookweek"> | + | <div class="notebookweek" id="week7"> |
Line 764: | Line 793: | ||
− | <div class="notebookweek"> | + | <div class="notebookweek" id="week8"> |
Line 833: | Line 862: | ||
− | <div class="notebookweek"> | + | <div class="notebookweek" id="week9"> |
Line 883: | Line 912: | ||
− | <div class="notebookweek"> | + | <div class="notebookweek" id="week10"> |
<h2>Week 10 (17<sup>th</sup>Aug – 23<sup>rd</sup> Aug)</h2> | <h2>Week 10 (17<sup>th</sup>Aug – 23<sup>rd</sup> Aug)</h2> | ||
Line 919: | Line 948: | ||
− | <div class="notebookweek"> | + | <div class="notebookweek" id="week11"> |
<h2>Week 11 (24<sup>th</sup> Aug – 30<sup>th</sup> August)</h2> | <h2>Week 11 (24<sup>th</sup> Aug – 30<sup>th</sup> August)</h2> |
Revision as of 22:29, 30 August 2015
'