mediaquery.scss 1.1 KB

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