"
Template:Team:Aachen/Stylesheet
From 2014.igem.org
(Difference between revisions)
| Line 4: | Line 4: | ||
/****/ | /****/ | ||
| - | /* Menu | + | /* Menu RIGHT |
| + | /****/ | ||
| + | |||
| + | .menuright-grid { | ||
| + | margin: 0px 0 0 0; | ||
| + | padding: 0; | ||
| + | list-style: none; | ||
| + | display: inline-block; | ||
| + | text-align: center; | ||
| + | float: right; | ||
| + | width: 300px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .menuright-grid:after, | ||
| + | .menuright-item:before { | ||
| + | content: ''; | ||
| + | display: table; | ||
| + | } | ||
| + | .menuright-grid:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .menuright-grid li { | ||
| + | width: 150px; | ||
| + | display: inline-block; | ||
| + | margin-bottom:20px; | ||
| + | position:relative; | ||
| + | float: left; | ||
| + | margin-left: 20px ; | ||
| + | margin-right: auto ; /*75px*/ | ||
| + | display: table-cell; | ||
| + | } | ||
| + | .menuright-grid ul { | ||
| + | display: table; | ||
| + | } | ||
| + | .menuright-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; | ||
| + | } | ||
| + | |||
| + | .menuright-img { | ||
| + | background-size:100% 100%; | ||
| + | border-radius: 10%; | ||
| + | height: 150px; | ||
| + | width: 150px; | ||
| + | } | ||
| + | .menuright-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 */ | ||
| + | } | ||
| + | .menuright-info p{ | ||
| + | padding-top:25%; | ||
| + | } | ||
| + | .menuright-img:hover { | ||
| + | opacity: 0.2; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | .menuright-info-item | ||
| + | { | ||
| + | height:280px; | ||
| + | width:225px; | ||
| + | position: relative; | ||
| + | float: left; | ||
| + | margin: 10px; | ||
| + | } | ||
| + | |||
| + | .menuright-info-item img | ||
| + | { | ||
| + | max-width:100%; | ||
| + | max-height:100%; | ||
| + | margin:left; | ||
| + | display:inline-block; | ||
| + | } | ||
| + | /****/ | ||
| + | /* Menu Left | ||
/****/ | /****/ | ||
Revision as of 11:58, 14 October 2014
