Advertisement
pcwriter

Genesis header styles for Preston

Jul 15th, 2015
198
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.88 KB | None | 0 0
  1. Style for http://premium.wpmudev.org/forums/topic/my-header-image-wont-dynamically-resize-any-tips-or-techniques-i-could-try?replies=2#post-916698
  2.  
  3. /*
  4. Media Queries
  5. ---------------------------------------------------------------------------------------------------- */
  6.  
  7. @media only screen and (max-width: 1140px) {
  8.  
  9. .wrap {
  10. max-width: 960px;
  11. }
  12.  
  13. .content-sidebar-sidebar .content-sidebar-wrap,
  14. .sidebar-content-sidebar .content-sidebar-wrap,
  15. .sidebar-sidebar-content .content-sidebar-wrap {
  16. width: 740px;
  17. }
  18.  
  19. .content,
  20. .site-header .widget-area {
  21. width: 620px;
  22. }
  23.  
  24. .content-sidebar-sidebar .content,
  25. .sidebar-content-sidebar .content,
  26. .sidebar-sidebar-content .content {
  27. width: 400px;
  28. }
  29.  
  30. .footer-widgets-1,
  31. .footer-widgets-2,
  32. .footer-widgets-3,
  33. .sidebar-primary,
  34. .title-area {
  35. width: 300px;
  36. }
  37.  
  38. }
  39.  
  40. @media only screen and (max-width: 960px) {
  41.  
  42. .header-image .site-header .title-area {
  43. background-position: center center !important;
  44. }
  45.  
  46. .wrap {
  47. max-width: 768px;
  48. }
  49.  
  50. .content,
  51. .content-sidebar-sidebar .content,
  52. .content-sidebar-sidebar .content-sidebar-wrap,
  53. .footer-widgets-1,
  54. .footer-widgets-2,
  55. .footer-widgets-3,
  56. .sidebar-content-sidebar .content,
  57. .sidebar-content-sidebar .content-sidebar-wrap,
  58. .sidebar-primary,
  59. .sidebar-secondary,
  60. .sidebar-sidebar-content .content,
  61. .sidebar-sidebar-content .content-sidebar-wrap,
  62. .site-header .widget-area,
  63. .title-area {
  64. width: 100%;
  65. }
  66.  
  67. .site-header {
  68. position: static;
  69. }
  70.  
  71. .site-inner {
  72. margin-top: 0;
  73. padding-left: 5%;
  74. padding-right: 5%;
  75. }
  76.  
  77. .comment-respond,
  78. .entry,
  79. .entry-comments,
  80. .entry-footer .entry-meta,
  81. .sidebar .widget {
  82. padding: 0;
  83. }
  84.  
  85. .genesis-nav-menu li,
  86. .nav-primary {
  87. float: none;
  88. }
  89.  
  90. .genesis-nav-menu,
  91. .site-header .title-area,
  92. .site-title {
  93. text-align: center;
  94. }
  95.  
  96. .genesis-nav-menu.responsive-menu {
  97. display: none;
  98. }
  99.  
  100. .genesis-nav-menu.responsive-menu .menu-item,
  101. .responsive-menu-icon {
  102. display: block;
  103. }
  104.  
  105. .genesis-nav-menu.responsive-menu .menu-item:hover {
  106. position: static;
  107. }
  108.  
  109. .genesis-nav-menu.responsive-menu li.current-menu-item > a,
  110. .genesis-nav-menu.responsive-menu .sub-menu li.current-menu-item > a:hover,
  111. .genesis-nav-menu.responsive-menu li a,
  112. .genesis-nav-menu.responsive-menu li a:hover {
  113. display: block;
  114. padding: 20px;
  115. border: none;
  116. }
  117.  
  118. .genesis-nav-menu.responsive-menu .menu-item-has-children {
  119. cursor: pointer;
  120. }
  121.  
  122. .genesis-nav-menu.responsive-menu .menu-item-has-children > a {
  123. margin-right: 60px;
  124. }
  125.  
  126. .genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
  127. content: "\f347";
  128. float: right;
  129. font: normal 20px/1 'dashicons';
  130. height: 20px;
  131. padding: 15px 20px;
  132. right: 0;
  133. text-align: right;
  134. z-index: 9999;
  135. }
  136.  
  137. .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
  138. content: "\f343";
  139. }
  140.  
  141. .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu {
  142. display: none;
  143. }
  144.  
  145. .genesis-nav-menu.responsive-menu .sub-menu {
  146. background-color: rgba(255, 255, 255, 0.07);
  147. left: auto;
  148. opacity: 1;
  149. position: relative;
  150. -webkit-transition: opacity 0.4s ease-in-out;
  151. -moz-transition: opacity 0.4s ease-in-out;
  152. -ms-transition: opacity 0.4s ease-in-out;
  153. -o-transition: opacity 0.4s ease-in-out;
  154. transition: opacity 0.4s ease-in-out;
  155. width: 100%;
  156. z-index: 99;
  157. }
  158.  
  159. .genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
  160. background-color: transparent;
  161. margin: 0;
  162. padding-left: 25px;
  163. }
  164.  
  165. .genesis-nav-menu.responsive-menu .sub-menu li a,
  166. .genesis-nav-menu.responsive-menu .sub-menu li a:hover {
  167. padding: 12px 20px;
  168. position: relative;
  169. width: 100%;
  170. }
  171.  
  172. .nav-primary .genesis-nav-menu.responsive-menu .current-menu-item > a,
  173. .nav-primary .genesis-nav-menu.responsive-menu .sub-menu li a,
  174. .nav-primary .genesis-nav-menu.responsive-menu .sub-menu li a:hover,
  175. .nav-primary .genesis-nav-menu.responsive-menu .sub-menu,
  176. .nav-primary .genesis-nav-menu.responsive-menu > .menu-item-has-children:before,
  177. .nav-primary .genesis-nav-menu.responsive-menu > li:hover > a,
  178. .nav-primary .genesis-nav-menu.responsive-menu a:hover {
  179. color: #fff;
  180. }
  181.  
  182. .content {
  183. border: none;
  184. padding-left: 0;
  185. padding-right: 0;
  186. }
  187.  
  188. .entry-footer .entry-meta {
  189. margin: 0;
  190. padding-top: 12px;
  191. }
  192.  
  193. .author-box {
  194. padding: 20px;
  195. }
  196.  
  197. .sidebar-content-sidebar .author-box {
  198. margin-left: 0;
  199. margin-right: 0;
  200. }
  201.  
  202. .footer-widgets {
  203. padding-left: 5%;
  204. padding-right: 5%;
  205. }
  206.  
  207. .footer-widgets .widget:last-child {
  208. margin-bottom: 40px;
  209. }
  210.  
  211. .footer-widgets-1 {
  212. margin: 0;
  213. }
  214.  
  215. }
  216.  
  217. @media only screen and (max-width: 480px) {
  218.  
  219. .site-description {
  220. font-size: 24px;
  221. }
  222.  
  223. .five-sixths,
  224. .four-sixths,
  225. .one-fourth,
  226. .one-half,
  227. .one-sixth,
  228. .one-third,
  229. .three-fourths,
  230. .three-sixths,
  231. .two-fourths,
  232. .two-sixths,
  233. .two-thirds {
  234. margin: 0;
  235. width: 100%;
  236. }
  237.  
  238. .genesis-grid-even,
  239. .genesis-grid-odd {
  240. width: 100%;
  241. }
  242.  
  243. }
  244.  
  245. @media only screen and (max-width: 320px) {
  246.  
  247. .header-image .site-header .title-area {
  248. background-size: contain !important;
  249. }
  250.  
  251.  
  252. }
  253.  
  254. @media only screen and (max-width: 800px) {
  255.  
  256. .header-image #title-area, .header-image #title, .header-image #title a {
  257. float: none !important;
  258. margin: 0 auto !important;
  259. }
  260. }
  261.  
  262. .page-id-2268 .entry-title {display: none;}
  263. .page-id-2267 .entry-title {display: none;}
  264. .page-id-1495 .entry-title {display: none;} /* Login Page */
  265. .page-id-1683 .entry-title {display: none;} /* Contact Me Page */
  266. .page-id-1492 .entry-title {display: none;} /* Register Page */
  267. .page-id-2318 .entry-title {display: none;} /* Member Account Page */
  268. .page-id-2316 .entry-title {display: none;} /* Member Register Page */
  269. .page-id-1490 .entry-title {display: none;} /* Edit Profile Page */
  270. .page-id-1808 .entry-title {display: none;} /* Training Sessions Page */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement