Commit 42bee14c authored by colmoneill's avatar colmoneill

Intermediary nav:

* now using an alt fork awesome icon (first time using FA, is deadly)
* media query between 767 (responsive nav) and 1400 (small to medium laptop)
parent c47c88e2
@font-face {
font-family: "merriweather-regular";
src: url("../fonts/Merriweather-Regular.ttf");
......@@ -599,6 +600,10 @@ div .pad {
font-size: 125%;
}
i.fa{
display: none;
}
@media screen and (max-width: 1330px) {
ul.secondary{
width: 20%;
......@@ -625,6 +630,53 @@ div .pad {
display: none;
}
}
@media screen and (min-width: 767px) and (max-width:1400px) {
div.about{
padding:20px;
}
div.about h1{
margin-top: 12px;
margin-bottom: 12px;
}
div.about p.intro{
font-size:0.8em;
line-height: 1.2em;
}
div.project{
margin: 0px !important;
}
div#detail-container{
padding: 15px;
}
ul.secondary{
float: left;
width: auto;
position: absolute;
right: 10px;
}
ul.secondary li{
margin-right: 20px;
}
ul.secondary li:nth-of-type(1) span{
display: none !important;
}
ul.secondary li:nth-of-type(2) a{
padding: 0px;
color: black;
}
ul.secondary li:nth-of-type(2) a:hover{
color: var(--dark-blue)
}
ul.secondary li:nth-of-type(2) span{
display: none !important;
}
p.menu-footer{
display: none;
}
i.fa{
display: block;
}
}
@media only screen and (max-width: 767px) {
body {
......
......@@ -5,14 +5,7 @@
<link rel="stylesheet" type="text/css" media="all" href="assets/css/styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="assets/js/responsive-nav.js"></script>
<style>
body {
margin: 10px;
overflow-x: hidden;
position: relative;
}
</style>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<title>OPI</title>
</head>
<body>
......@@ -43,8 +36,8 @@
<li class="secondaryitem"><a href="#">all events</a></li>
</ul>
<ul class="secondary">
<li class="secondary head-li"><a href="">contact</a></li>
<li class="secondary head-li"><a class="button" href="">login to opi.org</a></li>
<li class="secondary head-li"><a title="contact" class="contact-button" href=""><span>contact</span><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
<li class="secondary head-li"><a title="login" class="login-button button" href=""><span>login to opi.org</span><i class="fa fa-user-circle" aria-hidden="true"></i></a></li>
<p class="menu-footer">the OPI is proudly supported by Erasmus + Quia optio dolore error beatae quia quibusdam quo cum. Adipisci impedit vero nesciunt. Cumque et alias vitae.</p>
</ul>
......@@ -64,14 +57,11 @@
<div class="about">
<h1 class="intro">The OPI</h1>
<p class="intro">The Oceans Past Initiative (OPI) is a global research network for marine historical research. Our goal is to enhance knowledge and understanding of how the diversity, distribution and abundance of marine life in the world’s oceans has changed over the long term to better indicate future changes and possibilities.</p>
<br>
<p><a class="button" href="#">read more about the OPI</a></p>
<br>
</div>
</aside>
<aside class="right">
<div class="agenda">
<div id="conf-law-labor" class="project presentation">
<div class="project presentation">
<div class="project-detail-header">
<p class="section-title">Ongoing projects</p>
<br>
......@@ -79,20 +69,20 @@
<p class="project-exerpt">The Oceans Past Initiative is closely linked with the expert working group, WGHIST of the International Council for the Exploration of the Sea (ICES): The ICES Working Group on the History of Fish and Fisheries (WGHIST) brings together fisheries scientists, historians, and marine biologists working on multidecadal to centennial changes in the marine environment. WGHIST aims to improve the understanding of the long-term dynamics of fish populations, fishing fleets, and catching technologies. The results are used for setting baselines for management, restoration, and conservation of marine resources and ecosystems.</p>
</div>
</div>
<div id="conf-law-labor" class="project presentation">
<div class="project presentation">
<div class="project-detail-header">
<p class="project-title">EU COST Action Network</p>
<p><img class="project-hero" src="assets/img/hmap.jpg"></p>
<p class="project-exerpt">The Oceans Past Initiative is closely linked with the expert working group, WGHIST of the International Council for the Exploration of the Sea (ICES): The ICES Working Group on the History of Fish and Fisheries (WGHIST) brings together fisheries scientists, historians, and marine biologists working on multidecadal to centennial changes in the marine environment. WGHIST aims to improve the understanding of the long-term dynamics of fish populations, fishing fleets, and catching technologies. The results are used for setting baselines for management, restoration, and conservation of marine resources and ecosystems.</p>
</div>
</div>
<div id="conf-law-labor" class="project presentation">
<div class="project presentation">
<div class="project-detail-header">
<p class="project-title">ICES WGHIST</p>
<p class="project-exerpt">The Oceans Past Initiative is closely linked with the expert working group, WGHIST of the International Council for the Exploration of the Sea (ICES): The ICES Working Group on the History of Fish and Fisheries (WGHIST) brings together fisheries scientists, historians, and marine biologists working on multidecadal to centennial changes in the marine environment. WGHIST aims to improve the understanding of the long-term dynamics of fish populations, fishing fleets, and catching technologies. The results are used for setting baselines for management, restoration, and conservation of marine resources and ecosystems.</p>
</div>
</div>
<div id="conf-law-labor" class="project presentation">
<div class="project presentation">
<div class="project-detail-header">
<p class="project-title">EU COST Action Network</p>
<p class="project-exerpt">The Oceans Past Initiative is closely linked with the expert working group, WGHIST of the International Council for the Exploration of the Sea (ICES): The ICES Working Group on the History of Fish and Fisheries (WGHIST) brings together fisheries scientists, historians, and marine biologists working on multidecadal to centennial changes in the marine environment. WGHIST aims to improve the understanding of the long-term dynamics of fish populations, fishing fleets, and catching technologies. The results are used for setting baselines for management, restoration, and conservation of marine resources and ecosystems.</p>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment