WikitemplateA home
From 2014.igem.org
(2 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
<!-- this section changes the default wiki template to a | <!-- this section changes the default wiki template to a | ||
- | |||
white full width background --> | white full width background --> | ||
Line 44: | Line 43: | ||
height: 100%; | height: 100%; | ||
background-color: transparent; | background-color: transparent; | ||
+ | } | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | nav ul ul { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | nav ul li:hover > ul { | ||
+ | display: block; | ||
+ | } | ||
+ | nav ul { | ||
+ | background: #efefef; | ||
+ | background: linear-gradient(top, #efefef 0%, #bbbbbb 100%); | ||
+ | background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); | ||
+ | background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); | ||
+ | box-shadow: 0px 0px 9px rgba(0,0,0,0.15); | ||
+ | padding: 0 20px; | ||
+ | border-radius: 10px; | ||
+ | list-style: none; | ||
+ | position: relative; | ||
+ | display: inline-table; | ||
+ | } | ||
+ | nav ul:after { | ||
+ | content: ""; clear: both; display: block; | ||
+ | } | ||
+ | nav ul li { | ||
+ | float: left; | ||
+ | } | ||
+ | nav ul li:hover { | ||
+ | background: #4b545f; | ||
+ | background: linear-gradient(top, #4f5964 0%, #5f6975 40%); | ||
+ | background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); | ||
+ | background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); | ||
+ | } | ||
+ | nav ul li:hover a { | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | nav ul li a { | ||
+ | display: block; padding: 25px 40px; | ||
+ | color: #757575; text-decoration: none; | ||
+ | } | ||
+ | nav ul ul { | ||
+ | background: #5f6975; border-radius: 0px; padding: 0; | ||
+ | position: absolute; top: 100%; | ||
+ | } | ||
+ | nav ul ul li { | ||
+ | float: none; | ||
+ | border-top: 1px solid #6b727c; | ||
+ | border-bottom: 1px solid #575f6a; | ||
+ | position: relative; | ||
+ | } | ||
+ | nav ul ul li a { | ||
+ | padding: 15px 40px; | ||
+ | color: #fff; | ||
+ | } | ||
+ | nav ul ul li a:hover { | ||
+ | background: #4b545f; | ||
+ | } | ||
+ | nav ul ul ul { | ||
+ | position: absolute; left: 100%; top:0; | ||
} | } | ||
</style> | </style> | ||
Line 63: | Line 123: | ||
<tr> | <tr> | ||
- | + | <!-- | |
**************Navigation bar************** | **************Navigation bar************** | ||
Each cell represents a button, | Each cell represents a button, | ||
Line 80: | Line 140: | ||
--> | --> | ||
+ | <td> | ||
+ | <nav> | ||
+ | <ul> | ||
+ | <li><a href="#">Home</a></li> | ||
+ | <li><a href="#">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Alejandro</a></li> | ||
+ | <li><a href="#">Isabel</a></li> | ||
+ | <li><a href="#">Karla Rios</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Perfil</a></li> | ||
+ | <li><a href="#">Historial</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="#">Tema investigación I</a></li> | ||
+ | <li><a href="#">Tema investigación II</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Parts</a></li> | ||
+ | <li><a href="#">Modeling</a></li> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | <li><a href="#">Safely</a></li> | ||
+ | <li><a href="#">Attributions</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </td> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
Latest revision as of 16:48, 29 September 2014
Welcome !This is a basic template you may use to customize your wiki, you can take it apart and modify it as much as you want. The links and tabs provided here are basic suggestions, feel free to adapt it for your team and your project.
If you are looking for general wiki guidelines,
restrictions, design tips and more, visit the |
||
ResultsLorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. |
Human PracticeLorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. |
Follow us on Twitter/Facebook!Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. |