Line 232: | Line 232: | ||
/********************************* HTML STYLING *********************************/ | /********************************* HTML STYLING *********************************/ | ||
#BACKGROUND { | #BACKGROUND { | ||
− | + | background-image: url(https://static.igem.org/mediawiki/2017/5/50/Kyotobackground.jpeg); | |
− | + | background-position: center center; | |
− | + | background-repeat: no-repeat; | |
− | + | background-attachment: fixed; | |
− | + | background-size: cover; | |
− | + | } | |
#wrapper { | #wrapper { | ||
− | + | width: 90%; | |
− | + | margin: 0 auto; | |
− | + | background-color: #e8f0d2; | |
− | + | padding-top:0; | |
− | + | padding-bottom:0; | |
} | } | ||
Line 252: | Line 252: | ||
font-size: 60px; | font-size: 60px; | ||
font-family: serif, 'Times New Roman'; | font-family: serif, 'Times New Roman'; | ||
− | padding: | + | padding:35px 5px 15px 15px; |
− | + | ||
border-bottom: 0px; | border-bottom: 0px; | ||
color: black; | color: black; | ||
Line 309: | Line 308: | ||
text-align: left; | text-align: left; | ||
line-height:60px; | line-height:60px; | ||
− | |||
− | |||
} | } | ||
Line 324: | Line 321: | ||
} | } | ||
/* Links */ | /* Links */ | ||
− | a { color:# | + | a { color:#000000; |
-ebkit-transition: all 0.4s ease; | -ebkit-transition: all 0.4s ease; | ||
− | + | -moz-transition: all 0.4s ease; | |
-ms-transition: all 0.4s ease; | -ms-transition: all 0.4s ease; | ||
-o-transition: all 0.4s ease; | -o-transition: all 0.4s ease; | ||
Line 335: | Line 332: | ||
a:hover { | a:hover { | ||
text-decoration:underline; | text-decoration:underline; | ||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* top banner list */ | /* top banner list */ | ||
Line 349: | Line 338: | ||
position:fixed; | position:fixed; | ||
width:70%; | width:70%; | ||
+ | margin-left:auto; | ||
margin-right:0; | margin-right:0; | ||
z-index:2; | z-index:2; | ||
} | } | ||
− | ul.nv { position:fixed; | + | ul.nv { |
+ | position:fixed; | ||
width:100%; | width:100%; | ||
min-height: 40px; | min-height: 40px; | ||
position: relative; | position: relative; | ||
font-size: 0px; | font-size: 0px; | ||
− | + | ||
} | } | ||
ul.nv li { | ul.nv li { | ||
− | width: | + | width: 12.5%; |
display: inline-block; | display: inline-block; | ||
list-style-type: none; | list-style-type: none; | ||
Line 377: | Line 368: | ||
background-color: #556c14; | background-color: #556c14; | ||
color: white; | color: white; | ||
− | line-height: | + | line-height: 40px; |
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
Line 393: | Line 384: | ||
ul.nv ul{ | ul.nv ul{ | ||
− | width: | + | width: 100%; |
display: none; | display: none; | ||
margin: 0px; | margin: 0px; | ||
Line 410: | Line 401: | ||
} | } | ||
ul.nv ul li a { | ul.nv ul li a { | ||
− | line-height: | + | line-height: 1.5em; |
text-align: center; | text-align: center; | ||
padding-left: 5px; | padding-left: 5px; |
Revision as of 16:29, 31 October 2017