mediaquery.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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. -webkit-animation: moveUp .3s !important;
  52. -moz-animation: moveUp .3s !important;
  53. animation: moveUp .3s !important;
  54. }
  55. .upload_message {
  56. top: 50% !important;
  57. left: 50% !important;
  58. }
  59. }