PageRenderTime 20ms CodeModel.GetById 16ms RepoModel.GetById 0ms app.codeStats 0ms

/web-app/css/mobile.css

http://github.com/jdmr/mateo
CSS | 82 lines | 61 code | 15 blank | 6 comment | 0 complexity | 69711587d726deed380936c40ef1e301 MD5 | raw file
  1. /* Styles for mobile devices */
  2. @media screen and (max-width: 480px) {
  3. .nav {
  4. padding: 0.5em;
  5. }
  6. .nav li {
  7. margin: 0 0.5em 0 0;
  8. padding: 0.25em;
  9. }
  10. /* Hide individual steps in pagination, just have next & previous */
  11. .pagination .step, .pagination .currentStep {
  12. display: none;
  13. }
  14. .pagination .prevLink {
  15. float: left;
  16. }
  17. .pagination .nextLink {
  18. float: right;
  19. }
  20. /* pagination needs to wrap around floated buttons */
  21. .pagination {
  22. overflow: hidden;
  23. }
  24. /* slightly smaller margin around content body */
  25. fieldset,
  26. .property-list {
  27. padding: 0.3em 1em 1em;
  28. }
  29. input, textarea {
  30. width: 100%;
  31. -moz-box-sizing: border-box;
  32. -webkit-box-sizing: border-box;
  33. -ms-box-sizing: border-box;
  34. box-sizing: border-box;
  35. }
  36. select, input[type=checkbox], input[type=radio], input[type=submit], input[type=button], input[type=reset] {
  37. width: auto;
  38. }
  39. /* hide all but the first column of list tables */
  40. .scaffold-list td:not(:first-child),
  41. .scaffold-list th:not(:first-child) {
  42. display: none;
  43. }
  44. .scaffold-list thead th {
  45. text-align: center;
  46. }
  47. /* stack form elements */
  48. .fieldcontain {
  49. margin-top: 0.6em;
  50. }
  51. .fieldcontain label,
  52. .fieldcontain .property-label,
  53. .fieldcontain .property-value {
  54. display: block;
  55. float: none;
  56. margin: 0 0 0.25em 0;
  57. text-align: left;
  58. width: auto;
  59. }
  60. .errors ul,
  61. .message p {
  62. margin: 0.5em;
  63. }
  64. .error ul {
  65. margin-left: 0;
  66. }
  67. }