Difference between revisions of "Template:TCFSH Taiwan footer"
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | |||
<head> | <head> | ||
| + | <meta charset="UTF-8"> | ||
| + | <link href="https://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet"> | ||
| + | <link href="https://2016.igem.org/Team:NCTU_Formosa/wiki_reset?action=raw&ctype=text/css" rel="stylesheet"> | ||
| + | <style type="text/css"> | ||
| + | #sideMenu, #top_title {display:none;} | ||
| + | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;} | ||
| + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
| + | #top_menu_inside {margin-left: 20px; margin-bottom: 0px;} | ||
| + | |||
| + | *{ | ||
| + | font-family: 'Open Sans', sans-serif !important; | ||
| + | font-weight: 300; | ||
| + | } | ||
| + | body{ | ||
| + | padding:0; | ||
| + | margin:0; | ||
| + | |||
| + | } | ||
#index_footer{ | #index_footer{ | ||
| − | + | color:#ccc; | |
| − | + | font-size:12px; | |
| − | + | position:relative; | |
| − | + | z-index:2; | |
| − | + | background-color:#3c3e3f; | |
| − | + | display: block; | |
width:100%; | width:100%; | ||
overflow:hidden; | overflow:hidden; | ||
| Line 14: | Line 31: | ||
#index_footer .conent{ | #index_footer .conent{ | ||
| − | + | width:100vw; | |
| − | + | position:relative; | |
margin-left:0vw; | margin-left:0vw; | ||
| − | + | bottom:0; | |
display: block; | display: block; | ||
| − | + | z-index:1; | |
| − | + | margin-bottom:15px; | |
} | } | ||
#index_foot_list { | #index_foot_list { | ||
| − | + | width:auto; | |
| − | + | height:170px; | |
| − | + | padding:30px 0 0 0; | |
| − | + | margin-left:5%; | |
| − | + | display:block; | |
} | } | ||
/*li width*/ | /*li width*/ | ||
#index_foot_list li{ | #index_foot_list li{ | ||
float:left; | float:left; | ||
| − | + | text-align:left; | |
margin-left:29px; | margin-left:29px; | ||
| − | + | width:117px; | |
line-height:18px; | line-height:18px; | ||
display:block; | display:block; | ||
color:#FFF; | color:#FFF; | ||
font-size:16px; | font-size:16px; | ||
| − | + | text-decoration: none; | |
} | } | ||
#index_foot_list li a { | #index_foot_list li a { | ||
| − | + | text-decoration: none; | |
| − | + | font-size:16px; | |
| − | + | color:#FFF; | |
} | } | ||
#index_foot_list li span { | #index_foot_list li span { | ||
| − | + | text-decoration: none; | |
| − | + | font-size:16px; | |
| − | + | color:#FFF; | |
} | } | ||
#index_foot_list li ul li{ | #index_foot_list li ul li{ | ||
| Line 58: | Line 75: | ||
} | } | ||
#index_foot_list li ul li a { | #index_foot_list li ul li a { | ||
| − | + | font-size:13px; | |
| − | + | color:#a1a1a1; | |
| − | + | line-height:20px; | |
| − | + | text-decoration:none; | |
} | } | ||
#index_foot_list li ul li a:hover { | #index_foot_list li ul li a:hover { | ||
| − | + | color:#fff; | |
} | } | ||
.footer_logo{ | .footer_logo{ | ||
| − | + | color:#fff; | |
| − | + | display:block; | |
| − | + | font-size:10pt !important; | |
line-height:18px; | line-height:18px; | ||
z-index:3; | z-index:3; | ||
width: 70vw; | width: 70vw; | ||
margin: 0 auto; | margin: 0 auto; | ||
| − | } | + | |
| − | + | } | |
| + | /*@media screen and (max-device-width:768px) { | ||
| + | .footer_logo{ | ||
| + | width: 100%; | ||
| + | padding:30pt; | ||
| + | font-size:10pt !important; | ||
| + | } | ||
| + | #index_foot_list { | ||
| + | width: 90%; | ||
| + | } | ||
| + | }*/ | ||
| + | .footlogo{ | ||
| + | height:16vh; | ||
| + | background-size:100%; | ||
| + | background-color:rgb(51,51,51); | ||
| + | } | ||
</style> | </style> | ||
</head> | </head> | ||
| − | |||
<body> | <body> | ||
<div id="index_footer"><div class="conent"> | <div id="index_footer"><div class="conent"> | ||
| Line 175: | Line 206: | ||
</div><!--index_footer--> | </div><!--index_footer--> | ||
</body> | </body> | ||
| − | |||
</html> | </html> | ||
Revision as of 06:32, 25 October 2017
