You are here

Home » API reference » Brainstorm profile 7

corporate_theme.responsive.layout.css in Brainstorm profile 7 

/* Gutters are not currently overridden in theme settings, but may be in theme CSS */

/* smalltouch_landscape one_col_vert */
@media only screen and (min-width:321px) and (max-width:580px) {
.container {width:100%}
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0}
.region-sidebar-first {width: 50%}
.region-sidebar-second {width: 50%}
.one-sidebar .sidebar {width: 100%}
.region-sidebar-first,.region-sidebar-second {overflow: hidden; margin-top: 20px; float: left; clear: none}
.region-sidebar-first.block,.region-sidebar-second .block {width: 100%}
.at-panel .region {display:inline;float:left}.three-inset-right > .inset-wrapper,.three-inset-right > .inset-wrapper > .region,.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region,.three-inset-left > .region-three-inset-left-sidebar,.five-5x20 > .panel-row > .region,.five-5x20 > .panel-row,.six-6x16 > .panel-row > .region,.six-6x16 > .panel-row ,.two-50 > .region,.two-33-66 > .region,.two-66-33 > .region,.two-brick > .panel-row > .region,.three-50-25-25 > .region,.three-3x33 > .region,.three-25-50-25 > .region,.three-25-25-50 > .region,.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {float:none;display:block;width:100%;clear:both}
}
/* tablet_portrait one_col_vert */
@media only screen and (min-width:581px) and (max-width:768px) {
.container {width:100%}
.two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0}
.region-sidebar-first {width: 50%}
.region-sidebar-second {width: 50%}
.one-sidebar .sidebar {width: 100%}
.region-sidebar-first,.region-sidebar-second {overflow: hidden; margin-top: 20px; float: left; clear: none}
.region-sidebar-first.block,.region-sidebar-second .block {width: 100%}
.at-panel .region {display:inline;float:left}.three-inset-right > .region-three-inset-right-sidebar,.three-25-50-25 > div.region-three-25-50-25-third,.three-25-25-50 > div.region-three-25-25-50-second {width:25%}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region,.five-5x20 > div.panel-row,.five-5x20 > div.panel-row > div.region-five-fifth,.six-6x16 > .panel-row,.three-50-25-25 > .region-three-50-25-25-first,.three-3x33 > div.region-three-33-first,.three-25-50-25 > .region-three-25-50-25-first,.three-25-25-50 > .region-three-25-25-50-first,.four-4x25 > .panel-row {float:none;display:block;width:100%;clear:both}.three-inset-left > .region-three-inset-left-sidebar {width:25%;float:right}.three-inset-left > .inset-wrapper {width:75%;float:right}.five-5x20 > .panel-row > div.region,.two-50 > .region,.two-brick > .panel-row > .region,.three-50-25-25 > .region-three-50-25-25-second,.three-50-25-25 .region-three-50-25-25-third,.three-3x33 > .region,.four-4x25 > .panel-row > .region {width:50%}.six-6x16 > .panel-row > .region {width:50%;float:left}.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second {width:33.333333%}.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first {width:66.666666%}.two-brick > .panel-row {float:none}.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third {width:75%}
}
/* tablet_landscape three_col_grail */
@media only screen and (min-width:769px) and (max-width:1024px) {
.container {width:100%}
#content-column,.content-column,div.sidebar {float: left; clear: none}
.two-sidebars .content-inner {margin-left: 20%; margin-right: 20%}
.sidebar-first .content-inner {margin-left: 20%; margin-right: 0}
.sidebar-second .content-inner {margin-right: 20%; margin-left: 0}
.region-sidebar-first {width: 20%; margin-left: -100%}
.region-sidebar-second {width: 20%; margin-left: -20%}
.at-panel .region {display:inline;float:left}.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .region-three-inset-left-sidebar,.three-50-25-25 > .region,.three-25-50-25 > .region,.three-25-25-50 > .region {width:25%}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-inset-right > .inset-wrapper > div.region-three-inset-right-inset,.three-inset-left > .inset-wrapper > div.region-three-inset-left-inset,.five-5x20 > .row-2 > .region,.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second,.three-3x33 > .region {width:33.333333%}.three-inset-right > .inset-wrapper > div.region-three-inset-right-middle,.three-inset-left > .inset-wrapper > div.region-three-inset-left-middle,.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first {width:66.666666%}.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region {width:100%}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region-three-inset-left-middle {float:right}.three-inset-left > .inset-wrapper {width:75%}.five-5x20 > .row-1 {width:40%}.five-5x20 > .row-2 {width:60%}.five-5x20 > .panel-row {float:left}.five-5x20 > .row-1 > .region,.two-50 > .region,.two-brick > .panel-row > .region,.three-50-25-25 > div.region-three-50-25-25-first,.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third {width:50%}.six-6x16 > .panel-row {width:33.333333%;float:left}.six-6x16 > .panel-row > .region {float:none;display:block;width:100%;clear:both}.two-brick > .panel-row {float:none}.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {width:50%;float:left}
}
/* bigscreen three_col_grail */
@media only screen and (min-width:1025px) {
.container {width:100%;max-width:1140px}
#content-column,.content-column,div.sidebar {float: left; clear: none}
.two-sidebars .content-inner {margin-left: 25%; margin-right: 25%}
.sidebar-first .content-inner {margin-left: 25%; margin-right: 0}
.sidebar-second .content-inner {margin-right: 25%; margin-left: 0}
.region-sidebar-first {width: 25%; margin-left: -100%}
.region-sidebar-second {width: 25%; margin-left: -25%}
.at-panel .region {display:inline;float:left}.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .region-three-inset-left-sidebar,.three-50-25-25 > .region,.three-25-50-25 > .region,.three-25-25-50 > .region {width:25%}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-inset-right > .inset-wrapper > div.region-three-inset-right-inset,.three-inset-left > .inset-wrapper > div.region-three-inset-left-inset,.five-5x20 > .panel-row > .region,.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second,.three-3x33 > .region {width:33.333333%}.three-inset-right > .inset-wrapper > div.region-three-inset-right-middle,.three-inset-left > .inset-wrapper > div.region-three-inset-left-middle,.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first {width:66.666666%}.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region {width:100%}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region-three-inset-left-middle {float:right}.three-inset-left > .inset-wrapper {width:75%}.five-5x20 > .row-1 div.region-five-first,.five-5x20 .row-1 div.region-five-second,.two-50 > .region,.two-brick > .panel-row > .region,.three-50-25-25 > div.region-three-50-25-25-first,.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third {width:50%}.five-5x20 > .panel-row,.six-6x16 > .panel-row > .region {float:none;display:block;width:100%;clear:both}.six-6x16 > .panel-row {width:33.333333%;float:left}.two-brick > .panel-row {float:none}.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {width:50%;float:left}
}

File

node_export_assets/adaptivetheme/corporate_theme_files/corporate_theme.responsive.layout.css
View source 
  1. /* Gutters are not currently overridden in theme settings, but may be in theme CSS */

  2. 

  3. /* smalltouch_landscape one_col_vert */

  4. @media only screen and (min-width:321px) and (max-width:580px) {

  5. .container {width:100%}

  6. .two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0}

  7. .region-sidebar-first {width: 50%}

  8. .region-sidebar-second {width: 50%}

  9. .one-sidebar .sidebar {width: 100%}

  10. .region-sidebar-first,.region-sidebar-second {overflow: hidden; margin-top: 20px; float: left; clear: none}

  11. .region-sidebar-first.block,.region-sidebar-second .block {width: 100%}

  12. .at-panel .region {display:inline;float:left}.three-inset-right > .inset-wrapper,.three-inset-right > .inset-wrapper > .region,.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region,.three-inset-left > .region-three-inset-left-sidebar,.five-5x20 > .panel-row > .region,.five-5x20 > .panel-row,.six-6x16 > .panel-row > .region,.six-6x16 > .panel-row ,.two-50 > .region,.two-33-66 > .region,.two-66-33 > .region,.two-brick > .panel-row > .region,.three-50-25-25 > .region,.three-3x33 > .region,.three-25-50-25 > .region,.three-25-25-50 > .region,.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {float:none;display:block;width:100%;clear:both}

  13. }

  14. /* tablet_portrait one_col_vert */

  15. @media only screen and (min-width:581px) and (max-width:768px) {

  16. .container {width:100%}

  17. .two-sidebars .content-inner,.one-sidebar .content-inner,.region-sidebar-first,.region-sidebar-second {margin-left: 0; margin-right: 0}

  18. .region-sidebar-first {width: 50%}

  19. .region-sidebar-second {width: 50%}

  20. .one-sidebar .sidebar {width: 100%}

  21. .region-sidebar-first,.region-sidebar-second {overflow: hidden; margin-top: 20px; float: left; clear: none}

  22. .region-sidebar-first.block,.region-sidebar-second .block {width: 100%}

  23. .at-panel .region {display:inline;float:left}.three-inset-right > .region-three-inset-right-sidebar,.three-25-50-25 > div.region-three-25-50-25-third,.three-25-25-50 > div.region-three-25-25-50-second {width:25%}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region,.five-5x20 > div.panel-row,.five-5x20 > div.panel-row > div.region-five-fifth,.six-6x16 > .panel-row,.three-50-25-25 > .region-three-50-25-25-first,.three-3x33 > div.region-three-33-first,.three-25-50-25 > .region-three-25-50-25-first,.three-25-25-50 > .region-three-25-25-50-first,.four-4x25 > .panel-row {float:none;display:block;width:100%;clear:both}.three-inset-left > .region-three-inset-left-sidebar {width:25%;float:right}.three-inset-left > .inset-wrapper {width:75%;float:right}.five-5x20 > .panel-row > div.region,.two-50 > .region,.two-brick > .panel-row > .region,.three-50-25-25 > .region-three-50-25-25-second,.three-50-25-25 .region-three-50-25-25-third,.three-3x33 > .region,.four-4x25 > .panel-row > .region {width:50%}.six-6x16 > .panel-row > .region {width:50%;float:left}.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second {width:33.333333%}.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first {width:66.666666%}.two-brick > .panel-row {float:none}.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third {width:75%}

  24. }

  25. /* tablet_landscape three_col_grail */

  26. @media only screen and (min-width:769px) and (max-width:1024px) {

  27. .container {width:100%}

  28. #content-column,.content-column,div.sidebar {float: left; clear: none}

  29. .two-sidebars .content-inner {margin-left: 20%; margin-right: 20%}

  30. .sidebar-first .content-inner {margin-left: 20%; margin-right: 0}

  31. .sidebar-second .content-inner {margin-right: 20%; margin-left: 0}

  32. .region-sidebar-first {width: 20%; margin-left: -100%}

  33. .region-sidebar-second {width: 20%; margin-left: -20%}

  34. .at-panel .region {display:inline;float:left}.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .region-three-inset-left-sidebar,.three-50-25-25 > .region,.three-25-50-25 > .region,.three-25-25-50 > .region {width:25%}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-inset-right > .inset-wrapper > div.region-three-inset-right-inset,.three-inset-left > .inset-wrapper > div.region-three-inset-left-inset,.five-5x20 > .row-2 > .region,.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second,.three-3x33 > .region {width:33.333333%}.three-inset-right > .inset-wrapper > div.region-three-inset-right-middle,.three-inset-left > .inset-wrapper > div.region-three-inset-left-middle,.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first {width:66.666666%}.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region {width:100%}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region-three-inset-left-middle {float:right}.three-inset-left > .inset-wrapper {width:75%}.five-5x20 > .row-1 {width:40%}.five-5x20 > .row-2 {width:60%}.five-5x20 > .panel-row {float:left}.five-5x20 > .row-1 > .region,.two-50 > .region,.two-brick > .panel-row > .region,.three-50-25-25 > div.region-three-50-25-25-first,.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third {width:50%}.six-6x16 > .panel-row {width:33.333333%;float:left}.six-6x16 > .panel-row > .region {float:none;display:block;width:100%;clear:both}.two-brick > .panel-row {float:none}.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {width:50%;float:left}

  35. }

  36. /* bigscreen three_col_grail */

  37. @media only screen and (min-width:1025px) {

  38. .container {width:100%;max-width:1140px}

  39. #content-column,.content-column,div.sidebar {float: left; clear: none}

  40. .two-sidebars .content-inner {margin-left: 25%; margin-right: 25%}

  41. .sidebar-first .content-inner {margin-left: 25%; margin-right: 0}

  42. .sidebar-second .content-inner {margin-right: 25%; margin-left: 0}

  43. .region-sidebar-first {width: 25%; margin-left: -100%}

  44. .region-sidebar-second {width: 25%; margin-left: -25%}

  45. .at-panel .region {display:inline;float:left}.three-inset-right > .region-three-inset-right-sidebar,.three-inset-left > .region-three-inset-left-sidebar,.three-50-25-25 > .region,.three-25-50-25 > .region,.three-25-25-50 > .region {width:25%}.three-inset-right > .inset-wrapper {width:75%;float:left}.three-inset-right > .inset-wrapper > div.region-three-inset-right-inset,.three-inset-left > .inset-wrapper > div.region-three-inset-left-inset,.five-5x20 > .panel-row > .region,.two-33-66 > .region-two-33-66-first,.two-66-33 > .region-two-66-33-second,.three-3x33 > .region {width:33.333333%}.three-inset-right > .inset-wrapper > div.region-three-inset-right-middle,.three-inset-left > .inset-wrapper > div.region-three-inset-left-middle,.two-33-66 > .region-two-33-66-second,.two-66-33 > .region-two-66-33-first {width:66.666666%}.three-inset-right > .inset-wrapper > .region,.three-inset-left > .inset-wrapper > .region {width:100%}.three-inset-left > .region-three-inset-left-sidebar,.three-inset-left > .inset-wrapper,.three-inset-left > .inset-wrapper > .region-three-inset-left-middle {float:right}.three-inset-left > .inset-wrapper {width:75%}.five-5x20 > .row-1 div.region-five-first,.five-5x20 .row-1 div.region-five-second,.two-50 > .region,.two-brick > .panel-row > .region,.three-50-25-25 > div.region-three-50-25-25-first,.three-25-50-25 > div.region-three-25-50-25-second,.three-25-25-50 > div.region-three-25-25-50-third {width:50%}.five-5x20 > .panel-row,.six-6x16 > .panel-row > .region {float:none;display:block;width:100%;clear:both}.six-6x16 > .panel-row {width:33.333333%;float:left}.two-brick > .panel-row {float:none}.four-4x25 > .panel-row > .region,.four-4x25 > .panel-row {width:50%;float:left}

  46. }