Advertisement
Guest User

WordPress CSS Media Queries

a guest
Feb 4th, 2014
107
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.54 KB | None | 0 0
  1. /*
  2. ================================
  3.  
  4. Breakpoints of the WordPress Admin Area
  5.  
  6. ================================
  7. */
  8.  
  9. /**
  10.  * General Admin Media Queries
  11.  */
  12. /* Auto-folding of the admin menu */
  13. @media only screen and (max-width: 900px) {}
  14. /* Auto-hiding of the admin menu and metamorphosing of the admin bar */
  15. @media screen and ( max-width: 782px ) {}
  16. /* Smartphone */
  17. @media screen and (max-width: 600px) {}
  18.  
  19. /**
  20.  * Dashboard Page
  21.  */
  22. /* one column on the dash */
  23. @media only screen and (max-width: 799px) {}
  24. /* two columns on the dash, but keep the setting if one is selected */
  25. @media only screen and (min-width: 800px) and (max-width: 1499px) {}
  26. /* three columns on the dash */
  27. @media only screen and (min-width: 1500px) and (max-width: 1800px) {}
  28.  
  29.  
  30. /**
  31.  * Post Write/Edit Page: One column
  32.  */
  33. @media only screen and (max-width: 850px) {}
  34.  
  35. /**
  36.  * Appeareance Page (Themes Selection)
  37.  */
  38. @media only screen and (min-width: 2000px) {}
  39. @media only screen and (min-width: 1680px) {}
  40. @media only screen and (min-width: 1640px) {}
  41. @media only screen and (max-width: 1120px) {}
  42. @media only screen and (max-width: 900px) {}
  43. @media only screen and (max-width: 780px) {}
  44. @media only screen and (max-width: 480px) {}
  45. @media only screen and (max-width: 650px) {}
  46.  
  47. /**
  48.  * Theme Install Page
  49.  */
  50. /* Allow for three-up in small windows when sidebar is collapsed */
  51. @media only screen and (max-width: 1200px) {}
  52. /* Adjust three-up display in smaller windows when sidebar is collapsed */
  53. @media only screen and (max-width: 1079px) {}
  54. /* Allow for three-up on 1024px wide screens, e.g. tablets */
  55. @media only screen and (max-width: 1200px) {}
  56.  
  57. /**
  58.  * Widgets Page
  59.  */
  60. @media screen and (max-width: 480px) {}
  61. @media screen and (max-width: 320px) {}
  62. @media only screen and (min-width: 1250px) {}
  63.  
  64. /**
  65.  * Categories Page
  66.  */
  67. @media only screen and (max-width: 768px) {}
  68. @media only screen and (min-width: 769px) {}
  69. @media only screen and (max-width: 860px) {}
  70. @media only screen and (min-width: 980px) {}
  71.  
  72. /**
  73.  * Media Page
  74.  */
  75. @media only screen and (max-width: 960px) {}
  76. @media only screen and (max-width: 900px) {}
  77. /* Responsive on portrait and landscape */
  78. @media only screen and (max-width: 640px), screen and (max-height: 400px) {}
  79. /* Landscape specific header override */
  80. @media screen and (max-height: 400px) {}
  81. @media only screen and (max-width: 680px) {}
  82.  
  83. /**
  84.  * Pages About, Credits, Freedom
  85.  */
  86. @media only screen and (max-width: 500px) {}
  87.  
  88. /**
  89.  * Responsive Button Styles
  90.  */
  91. @media screen and ( max-width: 782px ) {}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement