h5p-php-library/styles/h5p.css

54 lines
1.4 KiB
CSS
Raw Normal View History

body.h5p-semi-fullscreen {
overflow: hidden;
}
.h5p-content {
width: 100%;
height: 100%;
background: #fefefe;
2013-04-15 14:12:57 +02:00
font-size: 16px;
}
div.h5p-semi-fullscreen {
position: fixed;
top: 0;
left: 0;
z-index: 101;
}
2013-04-18 15:52:06 +02:00
.h5p-content-controls {
2013-04-18 15:52:06 +02:00
margin-bottom: 10px;
}
.h5p-content-controls > div:last-child {
clear: both;
}
.h5p-content-controls > a:link, .h5p-content-controls > a:visited, a.h5p-disable-fullscreen:link, a.h5p-disable-fullscreen:visited {
color: #e5eef6;
}
2013-04-18 15:52:06 +02:00
.h5p-enable-fullscreen, .h5p-disable-fullscreen {
float: right;
display: block;
2013-04-18 15:52:06 +02:00
padding: 6px 12px;
background: #539ad7;
background-image: -webkit-linear-gradient(bottom, #4584ba, #539ad7);
background-image: -moz-linear-gradient(top, #4584ba, #539ad7);
background-image: -o-linear-gradient(top, #4584ba, #539ad7);
background-image: -ms-linear-gradient(top, #4584ba, #539ad7);
background-image: linear-gradient(to bottom, #4584ba, #539ad7);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4584ba', endColorstr='#539ad7',GradientType=0);
font-size: 12px;
box-shadow: 0 0 8px #bebebe;
opacity: 0.8;
filter: alpha(opacity = 80);
}
.h5p-disable-fullscreen {
position: absolute;
right: 0;
top: 0;
z-index: 201;
2013-04-18 15:52:06 +02:00
}
.h5p-enable-fullscreen:hover, .h5p-disable-fullscreen:hover {
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity = 90);
}