Difference between revisions of "Template:CCU Taiwan"

Line 60: Line 60:
 
}
 
}
  
 +
body::-webkit-scrollbar {
 +
    display: none;
 +
}
 +
.background {
 +
width:100%;
 +
height: 100%;
 +
z-index:1;
 +
margin-bottom:-10%;
 +
padding-top:10%;
 +
padding-bottom:10%;
 +
  background-image: url('https://static.igem.org/mediawiki/2018/0/0a/T--CCU_Taiwan--BC.PNG');
 +
}
 
header{
 
header{
 
margin:0 auto;
 
margin:0 auto;
Line 65: Line 77:
 
width:100%;
 
width:100%;
 
position: fixed;
 
position: fixed;
−
z-index:10;
+
z-index:10;
 
}
 
}
  
Line 78: Line 90:
 
width: 100%;
 
width: 100%;
 
background:#41ce6f;
 
background:#41ce6f;
 +
box-shadow:0px 4px 6px 0px #444444;
 
}
 
}
 
.front {
 
.front {
Line 87: Line 100:
 
position: relative;
 
position: relative;
 
padding-top:10px;
 
padding-top:10px;
−
left:3.5vw;
+
left:4vw;
 
width: 13.5vw;
 
width: 13.5vw;
 
height: 5.5vh;
 
height: 5.5vh;
Line 101: Line 114:
 
position:absolute;
 
position:absolute;
 
left:0vw;
 
left:0vw;
−
width:5vw;
+
width:5.5vw;
 
height:7vh;
 
height:7vh;
 
text-align:center;
 
text-align:center;
 
z-index:10;
 
z-index:10;
 
background:#9c957e;
 
background:#9c957e;
−
border-radius: 3px;
 
 
}
 
}
 
#home_button img {
 
#home_button img {
Line 119: Line 131:
 
}
 
}
  
−
#Project img {
 
−
 
−
}
 
  
 
.sub {
 
.sub {
Line 127: Line 136:
 
position:absolute;
 
position:absolute;
 
text-align: center;
 
text-align: center;
 +
right:0vw;
 
top:6.2vh;
 
top:6.2vh;
−
width:101vw!important;
+
width:13.5vw!important;
−
height:30vh;
+
height:40vh;
 
margin: 0 auto;
 
margin: 0 auto;
 
padding:0;
 
padding:0;
 
z-index:9!important;
 
z-index:9!important;
−
background:#006400;
+
background:#36BF36;
 +
box-shadow:3px 3px 3px 0px #444444;
 
}
 
}
−
.sub a {
+
 
−
  color: #F5F5F5;
+
#sub_home{
 +
height:32.5vh;
 
}
 
}
−
#sub_home {
+
 
−
left:-7.8vw;
+
#sub_project{
 +
height:40.5vh;
 
}
 
}
−
#sub_project {
+
 
−
left:-21vw;
+
#sub_parts{
 +
height:32.5vh;
 
}
 
}
  
−
#sub_parts {
+
#sub_modeling{
−
left:-34.5vw;
+
height:32.5vh;
 
}
 
}
  
−
#sub_modeling {
+
#sub_drylab{
−
left:-48.2vw;
+
height:24.5vh;
 
}
 
}
  
−
#sub_drylab {
+
#sub_human_practice{
−
left:-61.8vw;
+
height:32.5vh;
 
}
 
}
  
−
#sub_human_practice {
+
#sub_notebook{
−
left:-75.5vw;
+
height:40.5vh;
 
}
 
}
  
−
#sub_notebook {
+
.sub a {
−
left:-89vw;
+
  color: #F5F5F5;
 
}
 
}
  
 
.sub li {
 
.sub li {
 
float:none;
 
float:none;
−
margin-left: 10vw;
+
margin: auto;
−
margin-top: 1vh;
+
/*margin-top: 1vh;*/
−
height: 5vh;
+
height: 8vh;
−
width: 8vw;
+
width: 13.5vw;
 
display:block!important;
 
display:block!important;
 +
border-top-style:solid;
 +
border-top-width:1px;
 +
border-top-color: #F8F8FF;
 
}
 
}
−
.list a {
+
.sub a {
 
font-size:15px;
 
font-size:15px;
 +
line-height:8vh;
 
}
 
}
 
nav a {
 
nav a {
Line 193: Line 211:
 
background-color:#000;
 
background-color:#000;
 
transition: 500ms;
 
transition: 500ms;
−
border-radius: 4px;
 
−
}
 
−
 
−
#home_img {
 
−
position:absolute;
 
−
display:none;
 
−
top:8vh;
 
−
left:40vw;
 
−
height:25vh;
 
−
width:90vw;
 
−
}
 
−
 
−
#home_img img {
 
−
float:left;
 
−
height: 25vh!important;
 
−
}
 
−
 
−
#home_word {
 
−
position:absolute;
 
−
top:18vh;
 
−
left:42vw;
 
−
display:none;
 
−
}
 
−
 
−
#home_word a {
 
−
font-size:50px;
 
−
}
 
−
 
−
hr {
 
−
position:relative;
 
−
border: 0;
 
−
    height: 1.8px;
 
−
width: 20%;
 
−
top: -2.7vh;
 
−
left: 12.18vw;
 
−
    background-image: linear-gradient(to right, rgba(54, 191, 54, 0), rgba(225, 255, 255, 1), rgba(54, 191, 54, 0));
 
−
transform:rotate(90deg);
 
−
    -o-transform:rotate(90deg);
 
−
    -moz-transform:rotate(90deg);
 
−
    -webkit-transform:rotate(90deg);
 
−
}
 
−
.sub hr {
 
−
position:absolute;
 
−
border: 0;
 
−
    height: 2px;
 
−
width: 10%;
 
−
top:15vh;
 
−
left:13.5vw;
 
−
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
 
−
transform:rotate(90deg);
 
−
    -o-transform:rotate(90deg);
 
−
    -moz-transform:rotate(90deg);
 
−
    -webkit-transform:rotate(90deg);
 
−
    -webkit-animation: fadein 2s;
 
−
}
 
−
@-webkit-keyframes fadein {
 
−
    from { opacity: 0; }
 
−
    to  { opacity: 1; }
 
 
}
 
}
 
/*!
 
/*!

Revision as of 14:58, 10 October 2018