52 lines
1019 B
CSS
52 lines
1019 B
CSS
/* Hintergrundbild */
|
|
.scroll-content {
|
|
background: url("../images/background.png");
|
|
background-size: cover;
|
|
color: #333;
|
|
font: 100% Arial, Sans Serif;
|
|
height: 100vh;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.dragzone{
|
|
height:48px;
|
|
width: 64px;
|
|
}
|
|
|
|
.dropzone{
|
|
height:96px;
|
|
width: 128px;
|
|
}
|
|
|
|
|
|
.rotate {
|
|
-webkit-animation:spin 4s linear;
|
|
-moz-animation:spin 4s linear;
|
|
animation:spin 4s linear;
|
|
}
|
|
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
|
|
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
|
|
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
|
|
|
|
|
|
/* ----------- Kindle Fire HD 7" ----------- */
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 800px)
|
|
and (max-device-width: 1280px)
|
|
and (-webkit-min-device-pixel-ratio: 1.5)
|
|
and (orientation: landscape) {
|
|
|
|
.dragzone{
|
|
height:100px;
|
|
width: 128px;
|
|
}
|
|
|
|
.dropzone{
|
|
height:200px;
|
|
width: 256px;
|
|
}
|
|
|
|
} |