mirror of
https://github.com/NASAWorldWind/WebWorldWind.git
synced 2026-01-18 15:12:57 +00:00
115 lines
2.3 KiB
CSS
Executable File
115 lines
2.3 KiB
CSS
Executable File
|
|
.background-image {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
|
|
display: block;
|
|
|
|
background-image:
|
|
linear-gradient(
|
|
rgba(232, 232, 232, 0.55),
|
|
rgba(255, 255, 255, 0.55)
|
|
),
|
|
/* bottom, image */
|
|
|
|
url(https://humanlink.files.wordpress.com/2008/10/picture-141.png);
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
-webkit-filter: blur(6px);
|
|
-moz-filter: blur(5px);
|
|
-o-filter: blur(5px);
|
|
-ms-filter: blur(5px);
|
|
|
|
filter: blur(5px);
|
|
}
|
|
|
|
.content {
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 9999;
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.tcon {
|
|
appearance: none;
|
|
border: none;
|
|
cursor: pointer;
|
|
display: -webkit-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-justify-content: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-align-items: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
height: 40px;
|
|
transition: 0.3s;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
width: 40px;
|
|
background: transparent;
|
|
outline: none; }
|
|
.tcon > * {
|
|
display: block; }
|
|
.tcon:hover, .tcon:focus {
|
|
outline: none; }
|
|
.tcon::-moz-focus-inner {
|
|
border: 0; }
|
|
|
|
.tcon-plus {
|
|
height: 40px;
|
|
position: relative;
|
|
-webkit-transform: scale(.75);
|
|
transform: scale(.75);
|
|
width: 40px; }
|
|
.tcon-plus::before, .tcon-plus::after {
|
|
content: "";
|
|
border-radius: 2px;
|
|
display: block;
|
|
width: 85%;
|
|
height: 25%;
|
|
position: absolute;
|
|
top: 37%;
|
|
left: 8%;
|
|
transition: 0.3s;
|
|
background: #333; }
|
|
.tcon-plus:after {
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg); }
|
|
|
|
.tcon-plus--minus.tcon-transform::before {
|
|
-webkit-transform: rotate(180deg) translate(0, 0);
|
|
transform: rotate(180deg) translate(0, 0);
|
|
width: 62%; }
|
|
.tcon-plus--minus.tcon-transform::after {
|
|
-webkit-transform: rotate(-180deg) translate(-37.5%, 0);
|
|
transform: rotate(-180deg) translate(-37.5%, 0);
|
|
width: 62%; }
|
|
|
|
.tcon-visuallyhidden {
|
|
border: 0;
|
|
clip: rect(0 0 0 0);
|
|
height: 1px;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: absolute;
|
|
width: 1px; }
|
|
.tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
|
|
clip: auto;
|
|
height: auto;
|
|
margin: 0;
|
|
overflow: visible;
|
|
position: static;
|
|
width: auto; }
|
|
|
|
|