/* low priority fallback styles */ body { background-color: #404040; color: #20c420; padding: 5%; } head { display: none; } h1 { text-align: center; padding-top: 2%; color: #20c420; } h2, h3, h4, h5 { text-align: center; color: #20c420; } .title { font-size: 120%; font-weight: bold; color: #20c420; } a { text-decoration:none; color: #208020; } .link { text-decoration:none solid #20c420; color: #208020; } ul { text-align: left; padding-left: 5%; } li { text-align: left; } span { display: inline-block; } .inline { display: inline-block; } iframe.iframe-player { display: block; text-align: center; margin: auto; } .text-content { width: 92%; text-align: default; line-height: 142%; font-size: 101%; display: inline-block; color: #202020; background-color: #D8F0D8;/*#D8DFD8;*/ padding: 0.5%; padding-left: 1%; padding-right: 1%; margin: 4%; margin-top: 1%; margin-bottom: 1%; border: 0; border-left: 4px; border-right: 4px; border-style: solid; border-color: #208020; } .tab { margin-left: 40px; } footer { width: 92%; background-color: #D8F0D8; padding: 0.5%; padding-left: 1%; padding-right: 1%; margin: 1%; margin-left: 4%; margin-right: 4%; text-align: right; border: 4px; border-style: solid; border-color: #208020; } /* leaderboard style */ .board { font-size: 200%; background-color: #e0e0e0; color: #111111; width: 100%; } .board-container { width: 99%; border: 5px; border-style: solid; border-color: #505050; text-align: left; } .board-entry { width: 100%; padding-top: 0.25%; padding-bottom: 0.25%; border: 0px; border-bottom: 4px; border-style: solid; border-color: #208020; } .board-rank { width: 15%; font-size: 170%; margin-left: 4%; text-align: left; vertical-align: middle; color: #208020; } .board-name { width: 55%; font-size: 130%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .board-name-a { width: 100%; color: #20c420; } .board-score { width: 20%; margin-left: 4%; font-size: 100%; vertical-align: middle; color: #667766; } .board-header { margin-top: 0.25%; margin-bottom: 0.25%; margin-left: -0.25%; font-weight: bold; text-align: center; font-size: 150%; color: #112211; } /* player style */ .player { font-size: 200%; background-color: #e0e0e0; color: #111111; width: 100%; } .player-container { width: 99%; text-align: left; border: 5px; border-style: solid; border-color: #505050; } .player-name { width: 75%; font-size: 300%; padding-left: 1%; padding-right: 1%; overflow: hidden; vertical-align: middle; } .player-link { width: 100%; } .player-avatar { width: 20%; text-align: center; margin: 0.5%; border-style: solid; border-color: #505050; border: 5px; border-right: 5px; vertical-align: middle; }