API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 10th, 2014
447
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.99 KB | None | 0 0
raw download clone embed print report
  1. /* ================================================ */
  2. /* Responsive - Media queries */
  3. /* Based on: */
  4. /* http://lab.maltewassermann.com/viewport-resizer/ */
  5. /* ================================================ */
  6.  
  7.  
  8. /* ============================================== */
  9. /* HDTV */
  10. /* 1920x1080 */
  11. /* ============================================== */
  12. @media all and (min-width: 1080px) and (max-width: 1920px) {
  13. /* <your css here> */
  14.  
  15. }
  16. /* ============================================== */
  17. /* Widescreen */
  18. /* 1280x800 */
  19. /* ============================================== */
  20. @media all and (min-width: 800px) and (max-width: 1280px) {
  21. /* <your css here> */
  22.  
  23. }
  24.  
  25. /* ============================================== */
  26. /* Twitter Bootstrap */
  27. /* */
  28. /* ============================================== */
  29. @media all and (min-width: 980px) {
  30. /* <your css here> */
  31.  
  32. }
  33.  
  34. /* ============================================== */
  35. /* Twitter Bootstrap */
  36. /* */
  37. /* ============================================== */
  38. @media all and (max-width: 979px) {
  39. /* <your css here> */
  40.  
  41. }
  42.  
  43. /* ============================================== */
  44. /* iPad Landscape and Narrow browser */
  45. /* 1024x768 */
  46. /* ============================================== */
  47. @media all and (min-width: 768px) and (max-width: 1024px) {
  48. /* <your css here> */
  49.  
  50. }
  51.  
  52. /* ============================================== */
  53. /* iPad Portrait and Narrower browsers */
  54. /* 768x1024 */
  55. /* ============================================== */
  56. @media all and (max-width: 768px) {
  57. /* <your css here> */
  58.  
  59. }
  60.  
  61. /* ============================================== */
  62. /* Small Tablet Landscape */
  63. /* 800x600 */
  64. /* ============================================== */
  65. @media all and (min-width: 600px) and (max-width:800px) {
  66. /* <your css here> */
  67.  
  68. }
  69.  
  70. /* ============================================== */
  71. /* Small Tablet Portrait */
  72. /* 600x800 */
  73. /* ============================================== */
  74. @media all and (max-width:600px) {
  75. /* <your css here> */
  76.  
  77. }
  78.  
  79. /* ============================================== */
  80. /* iPhone5/Android landscape (& narrow browser) */
  81. /* 568x320 */
  82. /* ============================================== */
  83. @media all and (min-width: 320px) and (max-width:568px) {
  84. /* <your css here> */
  85.  
  86. }
  87.  
  88. /* ============================================== */
  89. /* iPhone4/Android landscape (& narrow browser) */
  90. /* 480x320 */
  91. /* ============================================== */
  92. @media all and (min-width: 320px) and (max-width:480px) {
  93. /* <your css here> */
  94.  
  95. }
  96.  
  97. /* ============================================== */
  98. /* iPhone4/Android portrait 320x480 */
  99. /* iPhone5 portrait 320x568 */
  100. /* ============================================== */
  101. @media all and (max-width:320px) {
  102. /* <your css here> */
  103.  
  104. }
  105.  
  106. /* ============================================== */
  107. /* Smaller devices */
  108. /* Android Landscape 320x240 */
  109. /* ============================================== */
  110. @media all and (min-width:240px) and (max-width:320px) {
  111. /* <your css here> */
  112.  
  113. }
  114.  
  115. /* ============================================== */
  116. /* Smaller devices */
  117. /* Android Portrait 240x320 */
  118. /* ============================================== */
  119. @media all and (max-width:240px) {
  120. /* <your css here> */
  121.  
  122. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!