"
Template:Team:Aachen/Stylesheet
From 2014.igem.org
(Difference between revisions)
| Line 2: | Line 2: | ||
<head> | <head> | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
| + | /****/ | ||
| + | /* Menu Small | ||
| + | /****/ | ||
| + | |||
| + | .menuleft-grid { | ||
| + | margin: 0px 0 0 0; | ||
| + | padding: 0; | ||
| + | list-style: none; | ||
| + | display: inline-block; | ||
| + | text-align: center; | ||
| + | z-index:1000; | ||
| + | float: left; | ||
| + | width: 300px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .menuleft-grid:after, | ||
| + | .menuleft-item:before { | ||
| + | content: ''; | ||
| + | display: table; | ||
| + | } | ||
| + | .menuleft-grid:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .menuleft-grid li { | ||
| + | width: 150px; | ||
| + | display: inline-block; | ||
| + | margin-bottom:20px; | ||
| + | position:relative; | ||
| + | float: left; | ||
| + | margin-left: 20px ; | ||
| + | margin-right: auto ; /*75px*/ | ||
| + | display: table-cell; | ||
| + | } | ||
| + | .menuleft-grid ul { | ||
| + | display: table; | ||
| + | } | ||
| + | .menuleft-item { | ||
| + | border-radius: 10%; | ||
| + | border: 3px solid #0069B3; /* #1B4046; */ | ||
| + | position: relative; | ||
| + | cursor: default; | ||
| + | |||
| + | -webkit-transition: all 0.4s ease-in-out; | ||
| + | -moz-transition: all 0.4s ease-in-out; | ||
| + | -o-transition: all 0.4s ease-in-out; | ||
| + | -ms-transition: all 0.4s ease-in-out; | ||
| + | transition: all 0.4s ease-in-out; | ||
| + | } | ||
| + | |||
| + | .menuleft-img { | ||
| + | background-size:100% 100%; | ||
| + | border-radius: 10%; | ||
| + | height: 150px; | ||
| + | width: 150px; | ||
| + | } | ||
| + | .menuleft-info { | ||
| + | position: absolute; | ||
| + | width: 150px; | ||
| + | height: 150px; | ||
| + | border-radius: 10%; | ||
| + | opacity: 1; | ||
| + | text-align: center; | ||
| + | font-size: medium; | ||
| + | background-color: #E8E8E8; | ||
| + | -webkit-backface-visibility: hidden; /*for a smooth font */ | ||
| + | } | ||
| + | .menuleft-info p{ | ||
| + | padding-top:25%; | ||
| + | } | ||
| + | .menuleft-img:hover { | ||
| + | opacity: 0.2; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | .menusmall-info-item | ||
| + | { | ||
| + | height:280px; | ||
| + | width:225px; | ||
| + | position: relative; | ||
| + | float: left; | ||
| + | margin: 10px; | ||
| + | } | ||
| + | |||
| + | .menuleft-info-item img | ||
| + | { | ||
| + | max-width:100%; | ||
| + | max-height:100%; | ||
| + | margin:left; | ||
| + | display:inline-block; | ||
| + | } | ||
/****/ | /****/ | ||
Revision as of 11:21, 14 October 2014
