"
Template:Http://2014.igem.org/Team:Colombia
From 2013.igem.org
| Line 41: | Line 41: | ||
</style> | </style> | ||
| + | |||
| + | <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> | ||
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> | <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> | ||
| Line 46: | Line 48: | ||
<style> | <style> | ||
| - | ul.flatflipbuttons | + | ul.flatflipbuttons{ |
| - | + | ||
| - | { | + | |
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
| Line 59: | Line 59: | ||
ul.flatflipbuttons li{ | ul.flatflipbuttons li{ | ||
margin:0; | margin:0; | ||
| - | display: block; | + | display: inline-block; |
| - | width: | + | width: 50px; /* dimensions of buttons. */ |
| - | height: | + | height: 50px; |
| - | margin- | + | margin-right: 15px; /* spacing between buttons */ |
background: white; | background: white; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| Line 73: | Line 73: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| + | margin-bottom: 4px; | ||
color: black; | color: black; | ||
background: #3B9DD5; | background: #3B9DD5; | ||
text-decoration: none; | text-decoration: none; | ||
outline: none; | outline: none; | ||
| - | -webkit-transition:all 300ms ease-out; /* CSS3 transition. */ | + | -webkit-transition:all 300ms ease-out; /* CSS3 transition. Last value is pause before transition play */ |
-moz-transition:all 300ms ease-out; | -moz-transition:all 300ms ease-out; | ||
transition:all 300ms ease-out; | transition:all 300ms ease-out; | ||
| Line 117: | Line 118: | ||
} | } | ||
| - | ul.flatflipbuttons li b{ /* CSS for text | + | ul.flatflipbuttons li b{ /* CSS for text beneath button */ |
display: block; | display: block; | ||
position: relative; | position: relative; | ||
| - | |||
| - | |||
| - | |||
| - | |||
width: 100%; | width: 100%; | ||
opacity: 0; | opacity: 0; | ||
-webkit-transition: all 300ms ease-out 0.2s; /* CSS3 transition. 0.2s delay */ | -webkit-transition: all 300ms ease-out 0.2s; /* CSS3 transition. 0.2s delay */ | ||
-moz-transition: all 300ms ease-out 0.2s; | -moz-transition: all 300ms ease-out 0.2s; | ||
| - | transition: all 300ms ease-out 0. | + | transition: all 300ms ease-out 0.2s; |
} | } | ||
| Line 161: | Line 158: | ||
ul.flatflipbuttons li:hover b{ | ul.flatflipbuttons li:hover b{ | ||
opacity: 1; | opacity: 1; | ||
| - | |||
} | } | ||
| Line 175: | Line 171: | ||
</style> | </style> | ||
| + | |||
| Line 318: | Line 315: | ||
</table> | </table> | ||
<!-- end of 3 column content --> | <!-- end of 3 column content --> | ||
| + | |||
| + | <ul class="flatflipbuttons"> | ||
| + | <li><a href="http://www.dynamicdrive.com" title="Search"><span class="icon-search"></span></a> <b>Search</b></li> | ||
| + | <li><a href="http://www.dynamicdrive.com"><span class="icon-gears"></span></a> <b>Gears</b></li> | ||
| + | <li><a href="http://www.dynamicdrive.com"><span class="icon-rss"></span></a> <b>RSS</b></li> | ||
| + | <li><a href="http://www.dynamicdrive.com"><span class="icon-twitter"></span></a> <b>Twitter</b></li> | ||
| + | <li><a href="http://www.dynamicdrive.com"><span class="icon-rocket"></span></a> <b>Rocket</b></li> | ||
| + | </ul> | ||
Revision as of 00:12, 21 August 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. |
