rushilwiz/website-2018
1
0
Fork 0
mirror of https://github.com/tjsga/website-2018.git synced 2025-04-20 19:20:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

update layout

Browse Source
This commit is contained in:
William Zhang 2017-06-27 22:30:35 -04:00
parent fb34b4ad93
commit 8cf398eca5
2 changed files with 58 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
css/main.css
View File

@ -64,6 +64,47 @@ nav#menu {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
#dome:before {
position: absolute;
height: 40vh;
min-height: 280px;
width: 100vw;
top: 0vh;
content: '';
display: block;
background-color: rgba(255, 255, 255, 0.1);
-webkit-filter: blur(10px);
filter : blur(10px);
z-index: -1;
}
#dome {
position: relative;
height: 40vh;
min-height: 280px;
width: 100vw;
color: #000;
background-color: rgba(255, 255, 255, 0.7);
box-shadow: 0 28px 79px 0 rgba(66,129,121,.27);
}
#dome:after {
position: absolute;
height: 40vh;
min-height: 280px;
width: 100vw;
top: 0vh;
content: '';
display: block;
background-image: url('../img/bg.jpg');
background-size: cover;
background-position-x: center;
background-position-y: -10vh;
background-repeat: no-repeat;
background-attachment: fixed;
z-index: -2;
}
a { a {
color: #1976D2; color: #1976D2;
text-decoration: none; text-decoration: none;
@ -187,27 +228,26 @@ footer {
min-height: 100vh; min-height: 100vh;
z-index: 1; z-index: 1;
background-color: #616161; background-color: #616161;
/*background-image: url('../img/bg.jpg');
background-size: cover;
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
*/
}
/*#wrapper:before {
position: absolute;
height: 100vh;
width: 100vw;
top: 0vh;
content: '';
display: block;
background-image: url('../img/bg.jpg'); background-image: url('../img/bg.jpg');
background-size: cover; background-size: cover;
background-position-x: center; background-position-x: center;
background-position-y: center; background-position-y: center;
background-repeat: no-repeat; background-repeat: no-repeat;
}
/*#wrapper:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
display: block;
background-image: url('../images/bg3-min.jpg');
background-size: cover;
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
z-index: -1;
}*/ }*/
section { section {
@ -307,9 +347,6 @@ button.menu-item:active {
min-height: 100%; /*calc(10.6em + 50px);*/ min-height: 100%; /*calc(10.6em + 50px);*/
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
color: #000;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 28px 79px 0 rgba(66,129,121,.27);
} }
@media screen and (max-width: 900px) { @media screen and (max-width: 900px) {

2
index.html
View File

@ -31,6 +31,8 @@
<button class="menu-item fluid">Links</button> <button class="menu-item fluid">Links</button>
</a> </a>
</nav> </nav>
<div id="dome">
</div>
</header> </header>
<div id="wrapper" class="fluid"> <div id="wrapper" class="fluid">
<section id="about"> <section id="about">