/* Smartphones (portrait and landscape) ----------- */ @media screen and (max-width : 910px) { body { font-size: 11pt; } header { height: 70px; } footer { position: relative; clear: both; max-height: 100%; } #announcementArea, #notificationArea { width: 80%; } #leftColumn { width: 100%; margin: 0; } #wordEntryForm { padding: 8px 0; width: 100%; max-width: 450px; margin: 10px auto; } #wordEntryForm label { overflow: hidden; display: flex; justify-content: center; font-size: 10pt; } #wordEntryForm label span { float: left; width: 30%; text-align: right; margin-right: 8px; } #wordEntryForm input, #wordEntryForm select, #wordEntryForm textarea { float: right; width: 60%; margin-right: 8px; align-self: center; } .longDefinition { min-width: 200px; height: 80px; } #wordEntryForm button { display: block; width: 50%; height: 30px; margin: 0px auto; } #mobileWordFormPullout { position: fixed; top: 7%; left: 0; width: 32px; height: 32px; font-size: 20px; font-weight: bold; text-align: center; padding: 6px; background: #86ac41; -webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); border: none; cursor: pointer; } #dictionaryColumn { width: 100%; margin: 0; padding: 0; } #dictionaryContent { margin: 0 auto; padding: 15px; } #dictionaryDescription { margin: 0 auto; } #searchFilterArea { width: 90%; min-width: 200px; padding: 10px 10px 3px; margin: 0 auto; } .fixedFade { z-index: 5; } .fixedPage { z-index: 10; } entry { margin: 0 auto 5px; } #formLockButton { display: none; } #showFullScreenTextbox { display: none; } #settingsSaveButtons { position: relative; right: 0; bottom: 0; clear: both; width: 100%; } }