_mediaquery.scss 1018 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /**
  2. * @copyright 2014 by Tobias Reich
  3. */
  4. @media only screen and (max-width: 900px) {
  5. #title {
  6. margin: 0 20% !important;
  7. width: 40% !important;
  8. }
  9. #title.view {
  10. margin: 0 20% !important;
  11. width: 60% !important;
  12. }
  13. #title span {
  14. display: none !important;
  15. }
  16. }
  17. @media only screen and (max-width: 640px) {
  18. #title {
  19. display: none !important;
  20. }
  21. #title.view {
  22. display: block !important;
  23. width: 70% !important;
  24. margin: 0 20% 0 10% !important;
  25. }
  26. #button_move {
  27. display: none !important;
  28. }
  29. .center {
  30. top: 0 !important;
  31. left: 0 !important;
  32. }
  33. .album, .photo {
  34. margin: 40px 0 0 50px !important;
  35. }
  36. #imageview .arrow_wrapper {
  37. display: none !important;
  38. }
  39. .message {
  40. position: fixed !important;
  41. width: 100% !important;
  42. height: 100% !important;
  43. margin: 1px 0 0 0 !important;
  44. border-radius: 0 !important;
  45. /* Animation */
  46. animation: moveUp .3s !important;
  47. }
  48. .upload_message {
  49. margin-top: 0 !important;
  50. margin-left: 0 !important;
  51. width: 100% !important;
  52. }
  53. }