forked from sent/waves
1 line
18 KiB
CSS
1 line
18 KiB
CSS
fieldset,hr{border:0;padding:0}.element img,.element span,.icon,.menuTabs li,.toggleFullscreen{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}button,html,input,select,textarea{color:#222}hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}fieldset{margin:0}textarea{resize:vertical}#libraryOverlay{position:absolute;margin-left:33px;height:100%;width:52px}.broadcast .content{white-space:nowrap}.outerNotificationBox{position:absolute;bottom:0;margin-left:50%;z-index:1000;pointer-events:none}.notificationBox{position:relative;bottom:0;left:0;min-height:60px;max-height:100px;width:380px;background:#e8ded0;margin-left:-50%;line-height:1.5;pointer-events:auto;-webkit-transition:bottom .4s ease-out;transition:bottom .4s ease-out}.alphabet,.historyButtons,.side,.toggleFullscreen,.workspace .element{position:absolute}.elementName,.libraryFade,body>:first-child{pointer-events:none}.notificationBox.show{bottom:0}.notificationBox.hide{bottom:-100px;-webkit-transition:bottom .2s ease-out;transition:bottom .2s ease-out}.notificationBox .close{position:absolute;top:5px;right:5px;cursor:pointer}.notificationBox .content{margin-right:45px;padding:5px 0 5px 5px}.library .element{float:left}.alphabet{height:100%;overflow:hidden}.hidden{display:none}.visible{display:block}.menuCheckbox,.panel{display:none}.toggleFullscreen{width:29px;height:29px;cursor:pointer;top:10px;left:10px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdBAMAAACkvXo8AAAAElBMVEUAAADV1dXo3tDp3dL/v7/o3tDxDfasAAAABXRSTlMABrgYBKk7qoUAAAB0SURBVBjTbc/BCYAwEETRBCwgWIEevAvRu1iBBNJ/KwZ/mFFwbw/+YSeEEJequ5rD+DaBTWAT2IlAngnkQiDXJxhyzjtuAddNYBPYCuRyfF3XX5+2Vtg8aRPYBLg9vxE0c32mzJNxwgpSt1dUB9iB7QA7uAHMx1brSZFnbAAAAABJRU5ErkJggg==)}:-webkit-full-screen .toggleFullscreen{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdBAMAAACkvXo8AAAAGFBMVEUAAADp39Pq38/p3tHo3tDo3tDf39/o3tA1q3PCAAAAB3RSTlMALTBObtwIVaOPMwAAAGlJREFUGNN9yssJgDAQhOHRqGcXxTriaUuxDxPZ9jUgeQzif/uYAdB5NPWBbJ4cyPVBZDGLktqS1XJnsiNDyY4MJQ/k/stH62v829/YkWyeHMjmyaG4HCZJrc8qMiOndqLOkaFkR8YO4AaZ11fNtEe+jAAAAABJRU5ErkJggg==)}:-moz-full-screen .toggleFullscreen{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdBAMAAACkvXo8AAAAGFBMVEUAAADp39Pq38/p3tHo3tDo3tDf39/o3tA1q3PCAAAAB3RSTlMALTBObtwIVaOPMwAAAGlJREFUGNN9yssJgDAQhOHRqGcXxTriaUuxDxPZ9jUgeQzif/uYAdB5NPWBbJ4cyPVBZDGLktqS1XJnsiNDyY4MJQ/k/stH62v829/YkWyeHMjmyaG4HCZJrc8qMiOndqLOkaFkR8YO4AaZ11fNtEe+jAAAAABJRU5ErkJggg==)}:-ms-full-screen .toggleFullscreen{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdBAMAAACkvXo8AAAAGFBMVEUAAADp39Pq38/p3tHo3tDo3tDf39/o3tA1q3PCAAAAB3RSTlMALTBObtwIVaOPMwAAAGlJREFUGNN9yssJgDAQhOHRqGcXxTriaUuxDxPZ9jUgeQzif/uYAdB5NPWBbJ4cyPVBZDGLktqS1XJnsiNDyY4MJQ/k/stH62v829/YkWyeHMjmyaG4HCZJrc8qMiOndqLOkaFkR8YO4AaZ11fNtEe+jAAAAABJRU5ErkJggg==)}.historyButtons{bottom:10px;left:400px}.elementLoadingImage{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAABKCAMAAAArDjJDAAAAkFBMVEUAAAAAAAAAAAAAAAAAAAACAgIAAAADAwMCAgIAAAAAAAAAAAAAAAAAAAAAAAAAAAD////MzMwAAADk5ORdXV3a2tp0dHQICAj8/Pzw8PD19fXq6uoXFxfe3t5sbGzR0dHOzs7i4uJCQkLAwMA1NTVNTU0mJiawsLCYmJiKioqjo6NhYWHZ2dl+fn5XV1fT09PRrWOXAAAAEHRSTlMAYTbBS9Uk++MDdRapmQyK8ORcjAAAAdBJREFUWMPt1l2WojAQhuEoguBffyltEwFBEWlttfe/vJm7HGhNhXA1Z3wWkMMbQijx9vbPGgfUFY6FjznlxbataCgSHkYk0XWkmfAwoS90nWgkPKxiuqFtS2rut1khpWhRcST8xDXazirxPAx0Qds3TYSXD1qjbaeWwsu0RteZkmF9xpdf4ZIydKVq4bFSoir89kMrn75vGIMKl2qH37RaePSd8cytf+HE9HEfNN+X4hmdB3376IznClp5XlbDCxemb2DhijbAy8L5sD5D0qhfn8ZLedir74bXtn0KR3TCa2WfP1iQa1g0YY++AjYPiob1GXeaDewzmth57tjC7kqR59zhP4WEOdJPmxR17Nx3lDZ718IZlSilzUGv6cOpr0Eq7Xaop4IX0eNvn90nLjR26bujlAyduRTGDXaSk6FSCd93xV4aAwpntMdBsrTDqBXXps8iM8Mk08e6m2HS0qdNn7WQe4dBbvqYwjpktqrCWro4YsMc+OkPjtLFHgUxT3XG2nGpG7NU0DjvVRWzY78uJe+gU+6MjqnA7uDyUA92wA3oBJ0d7TKNUsXc9zxX6pqCoy/K4UqOQlLVxq5SFI8FL5ksQjW1ChejRLy9/cf+ADN8f5lRBqTtAAAAAElFTkSuQmCC);background-size:50px 50px}.noTransition{transition:none!important;-webkit-transition:none!important}.notificationLink{text-decoration:none;color:#938671}body{font:16px/26px Roboto,sans-serif-light,"Roboto Condensed",Helvetica,"Helvetica Neue",Arial,sans-serif;font-weight:300;color:#938671}.broadcast,.loadingScreen,.login,.menuCheckboxLabel,.menuTabs,.progress,.side,.ui,.workspace{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.workspace{width:100%;height:100%;background-image:url(../images/workspace-background.png)}.workspace .element{z-index:100}.workspace .element .elementName{text-align:center;transition:opacity .15s ease;-webkit-transition:opacity .15s ease}.elementName{cursor:default}.element img,.element span{cursor:pointer}.finalElement div{text-decoration:underline}.side{background-color:#f7f1e7;overflow:hidden;background-image:url(../images/library-background.png);z-index:100}.alphabet{min-height:100%;top:0;border-right:1px solid #fffcfc}.alphabet ul{list-style:none;text-align:center;padding:0;margin:0}.alphabet li{cursor:pointer;padding:4px 0}.outerLibrary{height:100%;overflow:hidden}.library{overflow:hidden}.library .element img,.library .element span{width:50px;height:50px;float:left}.libraryFade,.panel{position:absolute;top:0;height:100%}.libraryFade{width:29px;right:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAABCAYAAAAih6XvAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAU0lEQVR4nDXJSw6AMBACUGjrr7ZqTLz/+bp3aUSMcfHCwFBSQGvTOSunS/lKLPFmvcUlgJugHcQByLhCqO4FQLbRfRDRE+h9d/4l76/oLcrwCX8+Vj8V0MFbfqQAAAAASUVORK5CYII=);background-repeat:repeat-y}.progress{position:absolute;font-family:Roboto,sans-serif-light,sans-serif;font-weight:100;color:#e8ded0;cursor:pointer}.icons{position:absolute}.icon{float:left;background-position:center center;background-repeat:no-repeat}.icon:active,.toggleFullscreen:active{opacity:.7}.iconMenu{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjAgMAAABjt1vKAAAADFBMVEUAAADp3tHn3s/o3tCQbMP2AAAAA3RSTlMAdIvLTyKEAAAAIElEQVQY02P4DwV/qMQiHayCghVUckEoFISQ7hRqhwYAZZvW4VxuN5AAAAAASUVORK5CYII=)}.iconClear{background-image:url(../images/clear.png);background-position:bottom}.iconScreenshot{background-image:url(../images/screenshot.png)}.iconLA2{background-image:url(../images/la2button.png)}.broadcast{overflow:hidden;position:absolute;cursor:default}.broadcast a{text-decoration:none;color:#938671;border-bottom:solid 1px #e8ded0}.broadcast a:hover{color:#c226a2}.login{position:absolute;cursor:pointer}.panel{z-index:1000;left:0;width:100%;background:rgba(255,255,255,.5);padding:0}.panel .content{background-color:#f7f1e7;width:460px;margin-left:auto;margin-right:auto;position:relative;padding:0}.panel h3{clear:both;margin:16px 0 0}.closePanel,.notificationBox .close{width:30px;height:30px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoAgMAAADxkFD+AAAADFBMVEUAAACShnGThnGThnHNmJQEAAAAA3RSTlMAjNd191TuAAAAd0lEQVQY02WR2xGAMAgE8UersBeLohBLsyQ9OWZxJI9hkk2AI86wrZHt7s+wZWxHeculKXuP0qiWUd8I9dYHabT39DdFGe5AaUhwoQWLMSzUsFDDQg0bxQXgGZ8R4h+YdEiS1CmIMr/FIwlCTfkQdUpNA2ZbaNYNOKYfr3bYp54AAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center}.closePanel{position:absolute;padding:17px 14px 0 0;top:1px;right:1px;background-size:30px 30px;background-position:left bottom;cursor:pointer}.outerMenuTabs{width:400px;height:55px;overflow:hidden}.menuTabs{height:50px;list-style:none;padding:4px 0 0;margin:0 auto 0 10px;font-family:roboto condensed,sans-serif-condensed,sans-serif;border-bottom:1px solid rgba(232,222,208,.5)}.menuButtonContainer,.menuTabs li{margin-top:10px}.menuTabs li{float:left;padding:10px 6px 0;cursor:pointer;border-right:1px solid rgba(232,222,208,.5);margin-bottom:4px}.menuTabs .active,.menuTabs li:hover{border-bottom:4px solid #e8ded0;margin-bottom:0}.menuTabs li:last-of-type{border-right:0}li.menuwelcome{background-image:url(../fonts/home.svg);background-size:30px;background-repeat:no-repeat;padding-left:30px;background-position:0 6px}li.menusettings{background-image:url(../fonts/settings.svg);background-size:26px;background-repeat:no-repeat;padding-left:30px;background-position:3px 8px}li.menuachievements,li.menuleaderboards{background-size:27px;padding-left:30px;background-position:3px 8px;background-repeat:no-repeat}li.menuleaderboards{background-image:url(../fonts/leaderboard.svg)}li.menuachievements{background-image:url(../fonts/achievements.svg)}.menuContent{width:100%;clear:both;overflow:hidden;position:absolute}.menuContent a{color:#938671;text-decoration:none;border-bottom:1px solid #e8ded0}.menuButton,.menuSelect{border:2px solid #e8ded0;background-color:#f7f1e7;font-family:Roboto}.menuContent a:hover{color:#75005d}.menuScroll{padding:0 15px 100px}.menuContent ul{list-style:none;margin-left:0;padding-left:0}.menuSelect{height:34px;margin-bottom:10px;color:#938671}.menuButton{padding:6px 10px;color:#938671}input[type=checkbox].menuCheckbox+label.menuCheckboxLabel{display:inline-block;line-height:34px;padding-left:40px;background-image:url(../images/menu-checkbox-unchecked.png);background-repeat:no-repeat;margin-bottom:10px;cursor:pointer}input[type=checkbox].menuCheckbox:checked+label.menuCheckboxLabel{background-image:url(../images/menu-checkbox-checked.png)}.menuSocialMedia{width:100%;height:60px;margin-bottom:20px}.menuSocialMedia img,.menuSocialMedia li{width:60px;height:60px}.menuSocialMedia li{margin-right:20px;float:left}.menuSocialMedia a{display:block;border:0}.loggedInAs{margin-top:20px}.achievementImage{width:50px;height:50px;margin-right:-50px;float:left}.achievementTitle{margin-left:60px}.achievementDescription{font-weight:100;margin-left:60px}.achievementSpacer{margin-bottom:30px;clear:both}.leaderboardList li{width:100%;height:40px;margin-bottom:10px;clear:both}.leaderboardScore{width:30px;display:block;float:left;padding:5px 5px 0 0;text-align:right}.leaderboardAvatar{width:40px;height:40px;border-radius:100%;display:block;float:left;margin-right:5px}.leaderboardName{padding-top:5px;display:block}.currentPlayer .leaderboardName{border-bottom:2px solid #e8ded0}.googlePlusHaxor{display:none}body>:first-child>div div iframe{pointer-events:auto}.waitingIndicator{position:relative;width:64px;height:64px;-moz-transform:scale(.6);-webkit-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6)}.waitingIndicator:after{border-width:0 3px 0 0;border-style:solid;border-color:rgba(0,0,0,.5);border-radius:50%;display:block;height:50px;left:50%;margin:-25px 0 0 -25px;position:absolute;top:50%;width:50px;content:"";animation:spin 1s infinite linear;-webkit-animation:spin 1s infinite linear}.elementInfoBox .close,.elementInfoBox .elementInfoBoxIcon{width:20px;height:20px}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}.elementInfoBox{position:absolute;background:#f7f1e7;color:#938671;padding:10px}.elementInfoInnerContainer{margin-bottom:20px}.elementInfoBox .close{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABl0lEQVR4nM3Y3U6DMBQH8BZujc9jvF280HeZ0X2whAcgcSpb3MMs28Kt25WPJPaEVcEBbc85UP4JyeGjzS+hLQ1ykzx/CSEP4zhdiAFlk0xehMjvAlXvVBF9JE/vvlE6hSWPVLkLt9kpexjdXkkhpvejm2t1vveNk0JO1Ft9G8erRQgXt9nxMARkFZfO4Vqob/pG1uEqQJ/IJtwF0AeyDVcL7BNpwjUC+0Da4FqBXSJtcUZgF0gXnBWQE+mKswZyIDE4JyAFicU5AzFICg4FdEFScWigDZIDRwK2IblwEElprKN2v69qgznLRZ4WnfLgir6YopHnbllwkICjE0guvoO6mhrSGNQpjzl1fHJ+u8nA/xOC+9tNAjbNVk4kGmhaSriQKKDtOseBdAZqHKx5j/FqZnqeinQCVnHrqW07QAIO2roirYFY3B/ytMcgrYBUHAVpBHLhsMhWIDcOg2wEdoVzRdYCu8a5IC+AfeFskRVg3zgb5C/QF86EDIeAa0PK89/0yDeunNJmZBnAr34ohoKDFBa5BNsPlgH3lSmETvoAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:center;position:absolute;top:5px;right:5px;cursor:pointer}.elementInfoBox h3{max-width:130px;margin:-5px 0 7px;line-height:1.17em}.elementInfoBox div ul{margin:0 0 14px;padding:0;list-style:none}.elementInfoBox div ul li{height:20px}.elementInfoBox .shareButton{border:0;text-decoration:none;background-color:#e8ded0;color:#938671;padding:5px 10px;float:right}.searchBar{width:20%;position:absolute;z-index:990;top:45%;left:38%;background:rgba(232,222,208,.5);border:0;padding:10px;color:#938671}.nightMode .loadingScreenLink,.nightMode .loadingScreenMessage a,.nightMode .loadingScreenPlatforms a,body.nightMode{color:#9779a6}.searchBar:focus{outline:0}.socialLinks{margin:0;padding:0}.socialLinks li{list-style-type:none}.ie7 .title{padding-top:20px}.nightMode .loadingScreen{background-color:#201a24}.nightMode .loadingScreenLink:hover,.nightMode .loadingScreenMessage a:hover,.nightMode .loadingScreenPlatforms a:hover{color:#c226a2}.nightMode .workspace{background-color:#171319;background-image:none}.nightMode .side{background-color:#201a24;background-size:0 0}.nightMode .progress{color:#5d4a66}.nightMode .libraryFade{display:none}.nightMode .alphabet{border-right:1px solid #5d4a66}.nightMode .panel{background-color:rgba(0,0,0,.7)}.nightMode .panel .content{background-color:#171319}.nightMode .menuTabs{border-bottom:1px solid #201a24}.nightMode .menuTabs li{border-right:1px solid #201a24}.nightMode .menuTabs li:last-of-type{border-right:0}.nightMode .menuTabs .active,.nightMode .menuTabs li:hover{border-bottom:4px solid #5d4a66}.nightMode .menuButton,.nightMode .menuSelect{color:#9779a6;background-color:#171319;border-color:#5d4a66}.nightMode .broadcast .content a,.nightMode .menuContent a{color:#9779a6;border-bottom:1px solid #5d4a66}.nightMode .broadcast .content a:hover,.nightMode .menuContent a:hover{color:#75005d}.nightMode .menuSocialMedia a{border-bottom:0}.nightMode input[type=checkbox].menuCheckbox+label.menuCheckboxLabel{background-image:url(../images/night-mode-menu-checkbox-unchecked.png)}.nightMode input[type=checkbox].menuCheckbox:checked+label.menuCheckboxLabel{background-image:url(../images/night-mode-menu-checkbox-checked.png)}.nightMode .elementInfoBox{color:#171319;background-color:#5d4a66}.nightMode .elementInfoBox .shareButton{color:#201a24;background-color:#9779a6}.nightMode .searchBar{color:#171319;background-color:#5d4a66}.nightMode .iconClear{background-image:url(../images/night-mode-clear.png)}.nightMode .iconScreenshot{background-image:url(../images/night-mode-screenshot.png)}.nightMode .iconMenu{background-image:url(../images/night-mode-menu.png)}.nightMode .iconLA2{background-image:url(../images/night-mode-la2button.png)}.nightMode .closePanel,.nightMode .notificationBox .close{background-image:url(../images/night-mode-cross-panel.png)}.nightMode .elementInfoBox .close{background-image:url(../images/night-mode-cross-panel-dark.png)}.nightMode .toggleFullscreen{background-image:url(../images/night-mode-fullscreen.png)}:-webkit-full-screen .nightMode .toggleFullscreen{background-image:url(../images/night-mode-un-fullscreen.png)}:-moz-full-screen .nightMode .toggleFullscreen{background-image:url(../images/night-mode-un-fullscreen.png)}:-ms-full-screen .nightMode .toggleFullscreen{background-image:url(../images/night-mode-un-fullscreen.png)}@media only screen and (min-width:768px){.alphabet,.side{top:0;position:absolute}.library,.side{overflow:hidden}.progress,.progressShare{text-decoration:none}.workspace .element,.workspace img{width:74px;height:74px}.workspace .element .elementName{text-align:center;width:174px;margin-left:-50px}.side{width:250px;height:100%;right:0}.alphabet{width:30px;min-height:100%}.library{margin-left:34px}.library .element{width:250px;height:50px;padding:5px 0}.library .element img,.library .element span{padding-right:3px;float:left}.library .element .elementName{padding:12px 0}.progress{bottom:26px;left:10px;font-size:60pt}.icons{width:35px;right:260px;bottom:10px}.icon{width:35px;height:35px;margin-top:10px;cursor:pointer}.broadcast{right:260px;top:2px}.login{right:320px;bottom:2px}}@media only screen and (min-width:598px) and (max-width:767px){.alphabet,.side{top:0;position:absolute}.library,.side{overflow:hidden}.workspace .element,.workspace img{width:64px;height:64px}.workspace .element .elementName{text-align:center;width:164px;margin-left:-50px;font-size:90%}.side{width:210px;height:100%;right:0;font-size:90%}.alphabet{width:30px;min-height:100%}.library{margin-left:34px}.library .element{width:250px;height:50px;padding:5px 0}.library .element img{padding-right:3px;float:left}.library .element .elementName{padding:12px 0}.progress{bottom:20px;left:10px;font-size:50pt}.icons{width:35px;right:220px;bottom:10px}.icon{width:35px;height:35px;margin-top:10px}.broadcast{right:220px;top:2px;font-size:90%;font-family:roboto condensed,sans-serif-condensed,sans-serif}.login{right:263px;bottom:2px;font-size:90%;font-family:Roboto,sans-serif-light,sans-serif;font-weight:300}}@media only screen and (min-width:490px) and (max-width:597px){.alphabet,.side{top:0;position:absolute}.library,.side{overflow:hidden}.workspace .element,.workspace img{width:58px;height:58px}.workspace .element .elementName{text-align:center;width:158px;margin-left:-50px;font-size:90%}.side{width:200px;height:100%;right:0;font-size:90%}.alphabet{width:30px;min-height:100%}.library{margin-left:34px}.library .element{width:250px;height:50px;padding:5px 0}.library .element img,.library .element span{padding-right:3px;float:left}.library .element .elementName{padding:12px 0}.progress{bottom:14px;left:5px;font-size:39pt}.icons{width:35px;right:210px;bottom:10px}.icon{width:35px;height:35px;margin-top:10px}.broadcast{right:210px;top:2px;font-size:90%;font-family:roboto condensed,sans-serif-condensed,sans-serif}.login:before{display:none}.login{right:253px;bottom:2px;font-size:90%;font-family:Roboto,sans-serif-light,sans-serif;font-weight:300}.notificationBox,.outerNotificationBox{width:100%}.panel .content{height:100%}}@media only screen and (max-width:489px){.alphabet,.side{top:0;position:absolute}.library,.side{overflow:hidden}.library .element,.progress{font-family:roboto condensed,sans-serif-condensed,sans-serif}.workspace .element,.workspace img{width:54px;height:54px}.workspace .element .elementName{text-align:center;width:154px;margin-left:-50px;font-size:90%}.side{width:150px;height:100%;right:0;font-size:90%}.alphabet{width:30px;min-height:100%}.library{margin-left:34px}.library .element{width:250px;height:50px;padding:5px 0}.library .element img,.library .element span{padding-right:3px;float:left}.library .element .elementName{padding:12px 0}.libraryFade{width:18px;background-position:left}.progress{bottom:12px;left:4px;font-size:30pt;letter-spacing:-2px}.icons{width:35px;right:160px;bottom:10px}.icon{width:35px;height:35px;margin-top:10px}.broadcast{display:none}.login{right:160px;top:12px;font-size:90%;font-family:Roboto,sans-serif-light,sans-serif;font-weight:300}.notificationBox,.outerNotificationBox{width:100%}.panel .content{width:100%;height:100%}} |