-
Notifications
You must be signed in to change notification settings - Fork 15
/
3DArtMuseum.css
33 lines (32 loc) · 4.99 KB
/
3DArtMuseum.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
body{margin:0;padding:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;}
#pleasewait{position:absolute;top:0;left:0;right:0;bottom:0;z-index:800;background-color:#deeff5;}
#pleasewait table{width:100%;height:80%;}
#pleasewait table td{font-family:Arial;font-size:20px;}
#pleasewait img{width:70%;}
#pleasewaitcontainer{position:absolute;bottom:0;width:100%;height:100px;}
#buttonenter{position:absolute;bottom:0;width:100%;height:100px;z-index:801;display:none;}
#buttonenter div{border-radius:5px;padding:15px 25px;font-size:22px;text-decoration:none;margin:20px;color:#fff;position:relative;display:inline-block;font-family:Arial;text-shadow:0 0 1px #000000,0 0 5px #000000;transform:translate(0px, 5px);-webkit-transform:translate(0px, 5px);background-color:#55acee;box-shadow:0px 5px 0px 0px #3C93D5;cursor:pointer;}
#content{width:100%;height:100%;position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;overflow:hidden;text-align:center;}
#container{position:absolute;width:100%;height:100%;background-color:#303030;overflow:hidden;}
#controls{position:absolute;left:10px;top:10px;padding:10px;background:rgba(0,0,0,0.6);border-radius:15px;z-index:700;font-family:Arial;font-size:13px;color:white;}
#controls_minus{float:left;width:32px;height:32px;margin-left:5px;margin-right:10px;background-repeat:no-repeat;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+IHGxEBCkZKDb8AAAGMSURBVFjD7Ze9SsRAEMd/EwJ+1iJ2ZyMidiJa3nG9xRWCj2Aj+PEIgi9gZangE1hZ2giClZ29+ACCnhZ/mz2UXHKZJHuCcAOBZMnu/zeTyewsTGxMJglJpe/ZuMSHhCxfKqkpsCWpPY6IeBba14+tlAnmXbHEJanr9bwxQI74EECR0CiIxCsOnNf9E/IScACRxBQvyvQiiFKAOp4HoXkPoCRSSUkQ2c6BW68Q7g7QAi7N7C2bbIVRkLSh+tYNa8xJeg9jT5IWwvhSNvGyyZgA0xGK3ydwG+7XgOsQ8peyKCQxSq+ZfQE7wGkY6kja9MyNAhAgBJwBg4//twCDKFddOxqAJAMOfu2wD555aUTvr4C9cH8H3Hsj0I/g/RTQC4/PwK6ZSdJithBl60MKPAb6vELUciZgX1IPWAYuzOwjCL029ezEU4hy5s14d0YPxHEVgFFNSO2+QNKRB6CKeOXGpACicUNSFeLQ+wk8UYkBsdq0KbWaEG1g1sxuvOeCoqbkfx5MauyUk7NqoX0D1a6Lyd14PWQAAAAASUVORK5CYII=");}
#controls_plus{float:left;width:32px;height:32px;margin-right:5px;background-repeat:no-repeat;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+IHGxA4BK60xzUAAAKASURBVFjD7Zc7aFRREIb/c7PRlfhAIVHjC0VQkUAKjQYLybqVIhZa2ViksxETLaysBNFKLZQEBSWgoCBqYYyghaABRSTaGCG+0Do+wDUx+Wzm4nDdbDa7N9pkYJnZf+bcmXPPPM6VZmiaCNgGbPlfzpv4Q31Ac9oOtgJtJfRLgPcuiBGgEwhpOD/oHryuhF0dcAz44ewvAFFazgHyZaxZC7x2a86l5fyvAIAM8AAYAHIOrweeuXX703BeLICVCX0PkDXdfGDI8C9AQ7XOix4BsA/45GyuAzWm2+HwrmqdT5gDwFzgtrM77XSXDRsFGgREwHngReI3wOSUdw/OAe3ALPtfC/Sa3S9glSvhmDoEbKJyyruSi8vtVXy+QCPw1fAzhgXgjWG9kaRsCr1pRNJ9kzdKuipJIYTPkq4ZfgAIIQQk3TWsJUqjM4YQRiXtkXTCoBzQYvIt4wskNZr8zvjCKK32bDs7KYl4d8aHnNl64x9iIEp7Djk5KoLVGB9PPQAbNIckxQPnqfHVzmzQ+LIYyKS4+x5JcYt9JKnf5N3GC5I+mrzc+LCAzSmU4WygYNggsNSN5WHf+awM4x5zLyPpuUXfmthRlHh9pRLwJ7BX0hpJ3SGEgrXfbsv+cUmnzLxZUpPJfZOd69EKW/Ec4IazO+t0Xa4VLy4nuY5McRjtBN46mztAxnTbHX5pKhneWeY4XpHQ3wTqTDfPjePvcZ5UG0QygFrgifX6XQ5fBPS7de2V1npHGUcQ/OXT3spLt+ZiVZfTRBAbSthlgcPAN2d/Jc6Hartem3/FRfT1buQCjAHH45vRv/gwaXbOHwOtE/aQaQogSMpLGpP00CblDBWl3zD3hBVJlgzgAAAAAElFTkSuQmCC");}
#info{position:absolute;left:0px;right:0px;bottom:0px;width:100%;margin:0 auto;display:none;}
#infotext{margin:10px;padding:10px;background:rgba(0,0,0,0.6);border-radius:15px;z-index:701;font-family:Arial;font-size:16px;color:white;}
#about{position:absolute;right:10px;top:10px;padding-top:10px;padding-bottom:10px;padding-left:15px;padding-right:15px;background:rgba(0,0,0,0.6);border-radius:15px;z-index:702;font-family:Arial;font-size:16px;line-height:32px;color:white;}
.lds-spinner{color:black;display:inline-block;position:relative;width:64px;height:64px;}
.lds-spinner div{transform-origin:32px 32px;animation:lds-spinner 1.2s linear infinite;}
.lds-spinner div:after{content:" ";display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:#000000;}
.lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s;}
.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s;}
.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s;}
.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s;}
.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s;}
.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s;}
.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s;}
.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s;}
.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s;}
.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s;}
.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s;}
.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s;}
@keyframes lds-spinner{0%{opacity:1;}100%{opacity:0;}}