You are here

commerce-kickstart-theme-alpha-default.css in Commerce Kickstart 7.2

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,300,600,800);
@import url(//fonts.googleapis.com/css?family=Gentium+Basic:400,700);
/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */
/* Include Default Variables & Mixins */
/* End Variables & Mixins */
/**************************************************
* --
* 1. Global
* --
**************************************************/
.selectnav {
  display: none; }

/**************************************************
* --
* 2. Section header
* --
**************************************************/
/**********************************************
* 2.3. Zone menu
**********************************************/
.zone-menu .region-menu {
  margin: 0 !important;
  width: 100% !important; }

/**
* Navigation
*/
.navigation {
  margin: 0;
  /* Main menu */
  /* Secondary menu */ }
  .navigation .primary-menu ul,
  .navigation .second-menu ul {
    margin: 26px 0px; }
    .navigation .primary-menu ul li.first a,
    .navigation .second-menu ul li.first a {
      -moz-border-radius: 8px 0 0 8px;
      -webkit-border-radius: 8px 0 0 8px;
      -khtml-border-radius: 8px 0 0 8px;
      border-radius: 8px 0 0 8px;
      /* LTR */ }
    .navigation .primary-menu ul li.last a,
    .navigation .second-menu ul li.last a {
      -moz-border-radius: 0 8px 8px 0;
      -webkit-border-radius: 0 8px 8px 0;
      -khtml-border-radius: 0 8px 8px 0;
      border-radius: 0 8px 8px 0;
      /* LTR */ }
  .navigation .primary-menu ul li a {
    background-color: #000000;
    color: #ffffff; }
    .navigation .primary-menu ul li a.active, .navigation .primary-menu ul li a:hover {
      background-color: #ffffff; }
    .navigation .primary-menu ul li a.active {
      color: #2698F2; }
    .navigation .primary-menu ul li a:hover {
      color: #000000; }
  .navigation .second-menu ul li a {
    background-color: #ffffff;
    color: #000000; }
    .navigation .second-menu ul li a.active, .navigation .second-menu ul li a:hover {
      background-color: #000000; }
    .navigation .second-menu ul li a.active {
      color: #2698F2; }
    .navigation .second-menu ul li a:hover {
      color: #ffffff; }

/**************************************************
* --
* 3. Section content
* --
**************************************************/
/**********************************************
* 3.2. Zone content
**********************************************/
/*******************************************
* 3.2.2. Content
*******************************************/
/**
* Blocks
*/
/* HP blocks: Top advert */
#promotional_banner {
  padding-bottom: 10px;
  left: -10px;
  /* LTR */
  width: 100%; }

.block-shipping-discount {
  /* HP blocks: Side advert */
  position: absolute;
  left: -50px;
  /* LTR */
  top: 85px;
  z-index: 100; }
  .block-shipping-discount #shipping {
    border-color: #FFF;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    -khtml-border-radius: 80px;
    border-radius: 80px;
    height: 120px;
    line-height: 24px;
    padding: 10px 5px;
    margin-top: 0;
    width: 130px; }

/**************************************************
* --
* 5. Commerce specific
* --
**************************************************/
/**********************************************
* 5.1. Search & Collection page
**********************************************/
/**
* Collection page
*/
.view-collection-taxonomy-term .view-content .item-list h3 span {
  top: -90px; }

File

themes/commerce_kickstart_theme/css/commerce-kickstart-theme-alpha-default.css
View source
  1. @import url(//fonts.googleapis.com/css?family=Open+Sans:400,700,300,600,800);
  2. @import url(//fonts.googleapis.com/css?family=Gentium+Basic:400,700);
  3. /* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */
  4. /* Include Default Variables & Mixins */
  5. /* End Variables & Mixins */
  6. /**************************************************
  7. * --
  8. * 1. Global
  9. * --
  10. **************************************************/
  11. .selectnav {
  12. display: none; }
  13. /**************************************************
  14. * --
  15. * 2. Section header
  16. * --
  17. **************************************************/
  18. /**********************************************
  19. * 2.3. Zone menu
  20. **********************************************/
  21. .zone-menu .region-menu {
  22. margin: 0 !important;
  23. width: 100% !important; }
  24. /**
  25. * Navigation
  26. */
  27. .navigation {
  28. margin: 0;
  29. /* Main menu */
  30. /* Secondary menu */ }
  31. .navigation .primary-menu ul,
  32. .navigation .second-menu ul {
  33. margin: 26px 0px; }
  34. .navigation .primary-menu ul li.first a,
  35. .navigation .second-menu ul li.first a {
  36. -moz-border-radius: 8px 0 0 8px;
  37. -webkit-border-radius: 8px 0 0 8px;
  38. -khtml-border-radius: 8px 0 0 8px;
  39. border-radius: 8px 0 0 8px;
  40. /* LTR */ }
  41. .navigation .primary-menu ul li.last a,
  42. .navigation .second-menu ul li.last a {
  43. -moz-border-radius: 0 8px 8px 0;
  44. -webkit-border-radius: 0 8px 8px 0;
  45. -khtml-border-radius: 0 8px 8px 0;
  46. border-radius: 0 8px 8px 0;
  47. /* LTR */ }
  48. .navigation .primary-menu ul li a {
  49. background-color: #000000;
  50. color: #ffffff; }
  51. .navigation .primary-menu ul li a.active, .navigation .primary-menu ul li a:hover {
  52. background-color: #ffffff; }
  53. .navigation .primary-menu ul li a.active {
  54. color: #2698F2; }
  55. .navigation .primary-menu ul li a:hover {
  56. color: #000000; }
  57. .navigation .second-menu ul li a {
  58. background-color: #ffffff;
  59. color: #000000; }
  60. .navigation .second-menu ul li a.active, .navigation .second-menu ul li a:hover {
  61. background-color: #000000; }
  62. .navigation .second-menu ul li a.active {
  63. color: #2698F2; }
  64. .navigation .second-menu ul li a:hover {
  65. color: #ffffff; }
  66. /**************************************************
  67. * --
  68. * 3. Section content
  69. * --
  70. **************************************************/
  71. /**********************************************
  72. * 3.2. Zone content
  73. **********************************************/
  74. /*******************************************
  75. * 3.2.2. Content
  76. *******************************************/
  77. /**
  78. * Blocks
  79. */
  80. /* HP blocks: Top advert */
  81. #promotional_banner {
  82. padding-bottom: 10px;
  83. left: -10px;
  84. /* LTR */
  85. width: 100%; }
  86. .block-shipping-discount {
  87. /* HP blocks: Side advert */
  88. position: absolute;
  89. left: -50px;
  90. /* LTR */
  91. top: 85px;
  92. z-index: 100; }
  93. .block-shipping-discount #shipping {
  94. border-color: #FFF;
  95. -moz-border-radius: 80px;
  96. -webkit-border-radius: 80px;
  97. -khtml-border-radius: 80px;
  98. border-radius: 80px;
  99. height: 120px;
  100. line-height: 24px;
  101. padding: 10px 5px;
  102. margin-top: 0;
  103. width: 130px; }
  104. /**************************************************
  105. * --
  106. * 5. Commerce specific
  107. * --
  108. **************************************************/
  109. /**********************************************
  110. * 5.1. Search & Collection page
  111. **********************************************/
  112. /**
  113. * Collection page
  114. */
  115. .view-collection-taxonomy-term .view-content .item-list h3 span {
  116. top: -90px; }