_mediaquery.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. /**
  2. * @copyright 2014 by Tobias Reich
  3. */
  4. @media only screen and (max-width: 900px) {
  5. #title {
  6. margin: 0px 20% !important;
  7. width: 40% !important;
  8. }
  9. #title.view {
  10. margin: 0px 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: 0px 20% 0px 10% !important;
  25. }
  26. #button_move {
  27. display: none !important;
  28. }
  29. #button_archive {
  30. display: none !important;
  31. }
  32. .center {
  33. top: 0px !important;
  34. left: 0px !important;
  35. }
  36. .album, .photo {
  37. margin: 40px 0px 0px 50px !important;
  38. }
  39. #imageview .arrow_wrapper {
  40. display: none !important;
  41. }
  42. .message {
  43. position: fixed !important;
  44. width: 100% !important;
  45. height: 100% !important;
  46. margin: 1px 0px 0px 0px !important;
  47. border-radius: 0px !important;
  48. /* Animation */
  49. animation: moveUp .3s !important;
  50. }
  51. .upload_message {
  52. margin-top: 0px !important;
  53. margin-left: 0px !important;
  54. width: 100% !important;
  55. }
  56. }