You are here

responsive.smalltouch.landscape.css in Brainstorm profile 7

/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */

/* =============================================================================
 *   Mobile Menu Toggle
 *   See your theme settings extensions for how to enable the menu toggle.
 *   These are example styles for the menu toggle menu, you can use these in the
 *   relevant responsive stylesheets as required. Modify to suit your design.
 * ========================================================================== */
/* The toggle link */
.at-mt .at-menu-toggle h2 {
  margin-bottom: 5px;
}

.at-mt .at-menu-toggle h2 a {
  background: #eee;
  border: 2px solid #ccc;
  padding: 2px 10px;
}

/* Menu items */
.at-mt .at-menu-toggle ul.menu li a {
  background: #eee;
  border-bottom: 1px solid #fff;
}

File

themes/brainstorm_theme/css/responsive.smalltouch.landscape.css
View source
  1. /*
  2. * Important Information about this CSS File
  3. *
  4. * - Do not delete or rename this file, if you do not use it leave it blank (delete
  5. * everything) and the file will be skipped when you enable Production Mode in
  6. * the Global theme settings.
  7. *
  8. * - Read the _README file in this directory, it contains useful help and other information.
  9. */
  10. /* =============================================================================
  11. * Mobile Menu Toggle
  12. * See your theme settings extensions for how to enable the menu toggle.
  13. * These are example styles for the menu toggle menu, you can use these in the
  14. * relevant responsive stylesheets as required. Modify to suit your design.
  15. * ========================================================================== */
  16. /* The toggle link */
  17. .at-mt .at-menu-toggle h2 {
  18. margin-bottom: 5px;
  19. }
  20. .at-mt .at-menu-toggle h2 a {
  21. background: #eee;
  22. border: 2px solid #ccc;
  23. padding: 2px 10px;
  24. }
  25. /* Menu items */
  26. .at-mt .at-menu-toggle ul.menu li a {
  27. background: #eee;
  28. border-bottom: 1px solid #fff;
  29. }