| body {background-color: green;} |
| |
| .maschine {width: 400px;} |
| +.comment {visibility: hidden;} |
| +/* |
| + |
| +Testing CSS-3 Galerie, [Nartum Nr.9] |
| +Bilder, Originalmaße: 1.280px × 960px |
| +*/ |
| + |
| +#galerie { |
| + /* float: right; |
| + */ display: table; |
| + border-spacing: 6px; |
| + } |
| + |
| + #galerie a { |
| + display: table-cell; |
| + vertical-align: top; /* middle; bottom; */ |
| + } |
| + #galerie img { |
| + height: 80px; /* Vorschau-Größe */ |
| + transition: 1s; |
| + -moz-transition: 1s; |
| + -o-transition: 1s; |
| + -webkit-transition: 1s; |
| + } |
| + |
| + #galerie img:target { |
| + position: absolute; |
| + Bottom: 10px; |
| + right: 100px; |
| + width: 400px; /* Vollbild-Größe */ |
| + height: auto; / hier 960px; |
| + } |
| + |
| + #galerie img { |
| + background-color: #ffffff; |
| + padding: 4px; |
| + border-radius: 4px; |
| + -moz-border-radius: 4px; |
| + -webkit-border-radius: 4px; |
| + box-shadow: 0 0 6px rgba(100, 100, 100, 1); |
| + -moz-box-shadow: 0 0 6px rgba(100, 100, 100, 1); |
| + -webkit-box-shadow: 0 0 6px rgba(100, 100, 100, 1); |
| + } |