Для всех авторов - ПРОЧТИТЕ!

Данный кусок кода необходим для применения мобильной версии во время игры, чтобы задания отображались на смартфонах кореектнее и удобнее! Вставлять этот код необходимо в каждое задание.

Примечание от авторов кода: "При организации игр первой строкой каждого задания вставьте содержимое game.html. Замечу, что скрипт можно разместить в сквозном бонусе, но автор не проверял работу в таком режиме."

<style> body { min-width: initial; } .header { padding-right: 445px; } .content img { max-width: 100%; } @media (max-width: 768px) { .header { position: initial; min-height: initial; padding-right: 0; padding-left: 0; } .header .logo { display: block; max-width: 37px; } .header .logo img { width: 37px; height: 37px; position: initial; } .header .gametype { float: left; display: block; margin-top: 3px; margin-right: 8px; position: initial; } .header h1 { border-top: 1px dashed #414141; font-size: 1.5em; font-weight: normal; line-height: 30px; height: initial; display: block; } .header ul { right: 10px; top: 0; height: 40px; margin-top: 0; } .header li { width: 50px; height: 100%; background-position-y: 6px !important; } .header li a { height: 100%; } .header li span { display: none; } .header .refresh { background-position-x: 10px; } .header .stats { background-position-x: -76px; } .header .discuss { background-position-x: -240px; } .header .levelstats { background-position-x: -157px; } .header li.print, .header li.mail { display: none; } #this.pane { max-height: 55px; } .aside { height: initial; width: initial; float: none; } #this.pane { max-height: 55px; margin-bottom: 0; } .content { margin-left: 0; } #ChatFrame, #ChatForm { display: none !important; } .cols-wrapper .cols { width: initial; float: initial; padding-right: 0; } } </style> <script type="text/javascript"> var metaTag = document.createElement('meta'); metaTag.name = "viewport"; metaTag.content = "width=device-width, initial-scale=1"; document.getElementsByTagName('head')[0].appendChild(metaTag); </script>