m |
m |
||
Line 25: | Line 25: | ||
#HQ_page div.row{ | #HQ_page div.row{ | ||
+ | width: 100%; | ||
+ | margin-left: 0; | ||
+ | margin-right: 0; | ||
margin-top: 2rem; | margin-top: 2rem; | ||
padding-top: 3rem; | padding-top: 3rem; |
Revision as of 22:50, 19 October 2016
html, body {
position: relative; width: 100%; height: 100%; font-family: Roboto, Arial, Helvetica, sans-serif;
}
h2 {
padding-top: 50px; padding-bottom: 50px;
}
.orbit+div h2 {
padding-top: 20px;
}
div.inner-text-container {
position: relative;
}
div.inner-text-container>img {
width: 100%;
}
- HQ_page div.row{
width: 100%; margin-left: 0; margin-right: 0; margin-top: 2rem; padding-top: 3rem; padding-bottom: 3rem; padding-left: 2rem; padding-right: 2rem;
}
- HQ_page .row img{
padding-top:3.8rem;
}
- HQ_page #link2 {
background-color: #e0e0e0;
}
- HQ_page #link2 h2{
margin-top:1rem;
}
- HQ_page #link3 h2{
margin-top:2rem;
}
- HQ_page #link4 {
background-color: #e0e0e0;
}
- HQ_page #link5 h2{
margin-top:6rem;
}
- HQ_page .row h2{
font-family:'Raleway';
}
- HQ_page .row p{
font-size:18px; margin-right:5%;
}
- HQ_page a.button{
display: inline-block; text-align: center; line-height: 1; height:40px; cursor: pointer; -webkit-appearance: none; transition: background-color .25s ease-out,color .25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0; padding: .85em 1em; margin: 0 0 1rem; font-size: .9rem; background-color: #2199e8; color: #fefefe;
}
/* div.inner-text-container:hover>img {
-webkit-filter: brightness(.5); filter: brightness(.5); transition: all .3s ease-in-out;
}
div.inner-text-container:hover>h3 {
top: 43%; opacity: 1;
}
- /
h3.inner-text {
position: absolute; top: 120%; left: 35%; opacity: 0; /* transition: all .38s cubic-bezier(.75, 0, .1, 1); color: white;*/
}
nav.top-bar ul {
background-color: transparent;
}
/*the style below is used to fix the igem bar*/
div#content {
width: 100%; margin: -20px 0 0 0; padding: 0;
}
div#top_title {
display: none;
}
- top_menu_under{
height:16px;
}
- top_menu_inside #bars_item {
left: auto; right: calc(1% + 170px);
}
div#sideMenu {
display: none; left: auto; right: 1%; box-sizing: content-box; line-height: 1.5em;
}
div#top_menu_14 {
box-sizing: content-box; line-height: 1em;
}
div#top_menu_14 ul {
line-height: 1.45em;
}
div#top_menu_14 #user_item {
padding-top: 3px;
}
div#top_menu_14 #bars_item>img {
padding-top: .5px;
}
div#sideMenu div.mainMenu_toggle {
padding-top: 12px; padding-bottom: 11px;
}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
margin: 0;
}
- HQ_page {
width: 100%; font-size: 1.2em;
}
- HQ_page a:link {
text-decoration: none;
}
- HQ_page a:hover {
text-decoration: none;
}
/*end of style to fix igem bar*/
div.large-6 {
font-size: .9em;
}
div.large-6>img {
padding-top: 5px;
}
div.sticky {
z-index: 15;
}
div.sticky.is-stuck {
z-index: 15;
}
ul.dropdown.menu {
font-weight: bold; letter-spacing: .2px;
}
ul.dropdown.menu a:link {
color: white;
}
ul.dropdown.menu a:visited {
color: white;
}
ul.is-dropdown-submenu.menu>li>a:link {
color: #333;
}
ul.is-dropdown-submenu.menu>li>a:visited {
color: #333;
}
ul.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
content: none;
}
ul.is-dropdown-submenu.menu {
border: none; background-color: white; min-width: 180px; margin-top: 10px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 3px rgba(0, 0, 0, 0.24);
}
ul.is-dropdown-submenu.menu>li {
padding: 2px 0; margin-bottom: 5px; margin-top: 5px;
}
ul.is-dropdown-submenu.menu>li:hover {
background-color: #03a9f4;
}
ul.is-dropdown-submenu.menu>li>a:hover {
color: white;
}
ul.menu li.menu-text a {
color: white; text-transform: uppercase;
}
.img-fixed-position {
height: 169px; margin-top: 10px; background-repeat: no-repeat; background-position: center; background-size: 100%;
}
- main-img-container {
position: relative; z-index: 9;
}
- main-img {
width: 100%; height: 100%;
}
.top-bar {
padding: 0;
}
.menu>li {
padding: 16px 5px;
}
- navbar-global {
position: absolute; z-index: 20; top: 5px; width: 100%; background-color: #03A9F4;
}
- navbar-global>div>ul>li>a {
transition: color .25s cubic-bezier(.75, 0, .1, 1);
}
- navbar-global>div>ul>li:hover {
background-color: #9c27b0;
}
- navbar-global>div>ul>li:hover>a {
opacity: .9;
}
- navbar-global-mobile li {
margin: 0; padding: 0;
}
.title-bar {
background-color: #0288D1;
}
- navbar-global-mobile ul {
background-color: #0288D1;
}
- navbar-global-mobile li {
background-color: #0288D1; color: white;
}
- navbar-global-mobile li a::after {
border-color: #B3E5FC transparent transparent;
}
- navbar-global-mobile li>a:link {
color: white;
}
- navbar-global-mobile li>a:visited {
color: white;
}
nav#navbar-head {
width: 100%; transition: all .25s cubic-bezier(.75, 0, .1, 1); background-color: transparent;
}
- navbar-head h3 {
font-size: 1rem; margin-bottom: 0; padding: .7rem 1rem;
}
- navbar-head #nav-top {
visibility: hidden;
}
- navbar-head>div.top-bar-right {
padding-right: 30px;
}
- navbar-head>.top-bar-right li {
transition: color .2s ease-in-out; color: #2199e8;
}
- navbar-head>.top-bar-right li:hover {
color: #ddd;
}
- navbar-head>.top-bar-title li>h3 {
font-weight: bold; color: #aaa;
}
- navbar-head h3:hover {
cursor: pointer;
}
- navbar-head li {
padding: 0; background-color: transparent;
}
- navbar-head a {
position: relative; padding: calc(.7rem + 15px) calc(1rem + 20px); padding-top: calc(.7rem + 30px);
}
- navbar-head a:hover {
color: white;
}
- navbar-head.is-stuck a {
color: #0288d1; transition: all .3s ease-in-out;
}
- navbar-head.is-stuck a:hover {
background: #757575; color: white;
}
- navbar-head.is-stuck a:active {
background: rgba(0, 0, 0, .7); color: white;
}
div#sticky-wrapper {
position: relative; top: -84.4px; z-index: 20;
}
- navbar-head ul {
background-color: transparent;
}
nav#navbar-head.is-stuck {
background-color: white; box-shadow: 0 0 8px rgba(0, 0, 0, .4);
}
nav#navbar-head.is-stuck li#nav-top {
visibility: visible;
}
- navbar-head.is-stuck>div.top-bar-right>ul.menu>li>h3 {
color: #333;
}
- navbar-head.is-stuck>div.top-bar-right>ul.menu>li>h3:hover {
color: #aaa;
}
button.orbit-next, button.orbit-previous {
opacity: 0; transition: all .2s ease-in-out;
}
ul.orbit-container:hover button.orbit-next {
opacity: 1;
}
ul.orbit-container:hover button.orbit-previous {
opacity: 1;
}
button.orbit-next:focus {
background: transparent;
}
button.orbit-next:hover:focus {
background: hsla(0, 0%, 4%, .5)
}
button.orbit-previous:focus {
background: transparent; ;
}
button.orbit-previous:hover:focus {
background: hsla(0, 0%, 4%, .5);
}
.animation>* {
visibility: hidden;
}
.orbit-image {
height: calc(100vh - 13px);
}
section {
overflow: hidden;
}
@media(min-width: 1024px) {
section { margin-top: -50px; } .content-container { padding-top: 25px; padding-bottom: 25px; } .orbit+div h2 { padding-top: 50px; }
}
@media(min-width: 768px) {
/* #main-img-container { width: 100%; height: calc(100vh - 14px); } */ .img-fixed-position { min-height: 500px; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }
}