/web-app/css/mobile.css
CSS | 82 lines | 61 code | 15 blank | 6 comment | 0 complexity | 69711587d726deed380936c40ef1e301 MD5 | raw file
- /* Styles for mobile devices */
- @media screen and (max-width: 480px) {
- .nav {
- padding: 0.5em;
- }
- .nav li {
- margin: 0 0.5em 0 0;
- padding: 0.25em;
- }
- /* Hide individual steps in pagination, just have next & previous */
- .pagination .step, .pagination .currentStep {
- display: none;
- }
- .pagination .prevLink {
- float: left;
- }
- .pagination .nextLink {
- float: right;
- }
-
- /* pagination needs to wrap around floated buttons */
- .pagination {
- overflow: hidden;
- }
- /* slightly smaller margin around content body */
- fieldset,
- .property-list {
- padding: 0.3em 1em 1em;
- }
-
- input, textarea {
- width: 100%;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -ms-box-sizing: border-box;
- box-sizing: border-box;
- }
-
- select, input[type=checkbox], input[type=radio], input[type=submit], input[type=button], input[type=reset] {
- width: auto;
- }
- /* hide all but the first column of list tables */
- .scaffold-list td:not(:first-child),
- .scaffold-list th:not(:first-child) {
- display: none;
- }
- .scaffold-list thead th {
- text-align: center;
- }
- /* stack form elements */
- .fieldcontain {
- margin-top: 0.6em;
- }
- .fieldcontain label,
- .fieldcontain .property-label,
- .fieldcontain .property-value {
- display: block;
- float: none;
- margin: 0 0 0.25em 0;
- text-align: left;
- width: auto;
- }
-
- .errors ul,
- .message p {
- margin: 0.5em;
- }
- .error ul {
- margin-left: 0;
- }
- }