You are here

Home » API reference » Commerce Kickstart 7.2

commerce_kickstart_help.css in Commerce Kickstart 7.2 

/* First Steps */
.first-steps-left {
  float: left; /* LTR */
  width: 60%;
}
.first-steps-right {
  float: left; /* LTR */
  width: 35%;
}

.first-steps-column.first-steps-right {
  float: right; /* LTR */
}
.first-steps-blocks h2 {
  background-color: #ccc;
  padding: 5px;
  margin-top: 0;
}
.first-steps-videos .first-steps-blocks-inner {
  height: 450px;
  text-align: center;
}

.first-steps-videos iframe {
  height: 90%;
  width: 90%;
  margin: 0 auto;
}

.documentation-steps {
  width: 45%;
  float: left; /* LTR */
  list-style: none;
  font-weight: bold;
}

#kickstart-help-topic ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.documentation-steps ul li {
  list-style: none;
  font-weight: normal;
}

.first-steps-blocks {
  margin: 2px;
}

.first-steps-blocks-inner {
  padding: 5px;
}

.documentation-websites {
  border-top: 1px solid #ccc;
  background-color: #ddd;
}

.first-steps-quick .first-steps-blocks-inner {
  padding: 0;
}
.first-steps-quick ul li {
  border-top: 1px solid #ccc;
  line-height: 2em;
  padding: 4px;
}

.first-steps-quick ul li.first {
  border-top: none;
}

#commerce-kickstart-help {
  margin: 0 auto;
  width: 400px;
}
#commerce-kickstart-help-button {
  margin: 0 auto;
  width: 134px;
}
/* Help Block */
#block-commerce-kickstart-help-commerce-kickstart-ressources {
  float: left; /* LTR */
}
#block-commerce-kickstart-help-commerce-kickstart-community {
  float: right; /* LTR */
}
#block-commerce-kickstart-help-commerce-kickstart-ressources,
#block-commerce-kickstart-help-commerce-kickstart-community {
  width: 47%;
  border: 1px solid #aaa;
  background-color: #fafafa;
  min-height: 150px;
  margin: 5px 10px;
  padding-left: 30px;
  padding-top: 10px;
}
#block-commerce-kickstart-help-commerce-kickstart-ressources h2,
#block-commerce-kickstart-help-commerce-kickstart-community h2 {
  background: transparent url("../images/help-lg.png") no-repeat 0 0;
  padding: 5px 0 5px 40px; /* LTR */
}
#block-commerce-kickstart-help-commerce-kickstart-ressources .content,
#block-commerce-kickstart-help-commerce-kickstart-community .content {
  padding-left: 40px; /* LTR */
}

/* Getting started */
#-commerce-kickstart-help-store {
  -webkit-font-smoothing: antialiased;
}
#-commerce-kickstart-help-store .search {
  background: #ccc;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 15px;
}
#-commerce-kickstart-help-store .search .form-item {
  margin-top: 0;
  float: left; /* LTR */
  width: 80%;
}
#-commerce-kickstart-help-store .search .form-item input.form-text {
  border: 1px solid #999;
  font: normal 500 1em/1em "Open Sans", Arial, sans-serif;
  line-height: normal;
  outline: 0;
  margin: 1px;
  max-width: 100%;
  padding: 5px;
  width: 100%;
  -webkit-font-smoothing: antialiased;
}
#-commerce-kickstart-help-store a.search-submit {
  background: #2F88CD;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36A2F6), to(#2F88CD));
  background-image: -webkit-linear-gradient(top, #36A2F6, #2F88CD);
  background-image: -moz-linear-gradient(top, #36A2F6, #2F88CD);
  background-image: -ms-linear-gradient(top, #36A2F6, #2F88CD);
  background-image: -o-linear-gradient(top, #36A2F6, #2F88CD);
  background-image: linear-gradient(to bottom, #36A2F6, #2F88CD);
  border: 1px solid #2F88CD;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px #ccc, inset 0 1px 1px #7bb8ef;
  -webkit-box-shadow: 0 1px 2px #CCC, inset 0 1px 1px #7BB8EF;
  box-shadow: 0 1px 2px #CCC, inset 0 1px 1px #7BB8EF;
  color: white;
  float: right; /* LTR */
  font: normal 16px/21px "Open Sans", Arial, sans-serif;
  padding: 4px 15px;
  margin-top: 9px;
  text-align: center;
  width: 13%;
}
#-commerce-kickstart-help-store a.search-submit:hover {
  background: #4f9fea;
  -moz-box-shadow: 0 1px 2px #ccc, inset 0 -1px 1px #427ed2;
  -webkit-box-shadow: 0 1px 2px #ccc, inset 0 -1px 1px #427ed2;
  box-shadow: 0 1px 2px #ccc, inset 0 -1px 1px #427ed2;
  text-decoration: none;
}
#-commerce-kickstart-help-store .fieldset-title {
  color: #0879bf;
}
#-commerce-kickstart-help-store .fieldset-title .sub-title {
  color: #8d8d8d;
}
#-commerce-kickstart-help-store label {
  margin: 45px 0 15px;
}
html.js #-commerce-kickstart-help-store fieldset.collapsible {
  background: #efefef;
  border: 0;
  margin: 0 0 10px 0;
  outline: 0;
}
html.js #-commerce-kickstart-help-store fieldset.collapsible .fieldset-wrapper,
html.js #-commerce-kickstart-help-store fieldset.collapsible p {
  font-size: 14px;
  font-weight: 500;
}
.product-management #edit-product-management-title label {
  background: url('../images/products.png') 0 0 no-repeat;
  border-bottom: 1px solid #dfdfdf;
  font-size: 22px;
  line-height: 1em;
  padding: 0 0 10px 40px; /* LTR */
  overflow: hidden;
}
.order-management #edit-order-management-title label {
  background: url('../images/content.png') 0 0 no-repeat;
  border-bottom: 1px solid #dfdfdf;
  font-size: 22px;
  line-height: 1em;
  padding: 0 0 10px 40px; /* LTR */
  overflow: hidden;
}
.store-settings #edit-store-settings-title label {
  background: url('../images/store.png') 0 0 no-repeat;
  border-bottom: 1px solid #dfdfdf;
  font-size: 22px;
  line-height: 1em;
  padding: 0 0 10px 40px; /* LTR */
  overflow: hidden;
}
.prices-payments-taxes #edit-prices-payments-taxes-title label {
  background: url('../images/prices.png') 0 0 no-repeat;
  border-bottom: 1px solid #dfdfdf;
  font-size: 22px;
  line-height: 1em;
  padding: 0 0 10px 40px; /* LTR */
  overflow: hidden;
}
.demo-store-features #edit-demo-store-featuress-title label {
  background: url('../images/demo.png') 0 0 no-repeat;
  border-bottom: 1px solid #dfdfdf;
  font-size: 22px;
  line-height: 1em;
  padding: 0 0 10px 40px; /* LTR */
  overflow: hidden;
}

html.js #-commerce-kickstart-help-store fieldset.collapsible .fieldset-legend {
  background: transparent url("../images/expandable.png") no-repeat 0 -13px;
  font-size: 16px;
  margin: 15px 0 0 25px; /* LTR */
  padding-left: 25px; /* LTR */
}
html.js #-commerce-kickstart-help-store fieldset.collapsed .fieldset-legend {
  background-position: 0 9px;
}
#kickstart-help-topic .first-steps-left {
  width: 63%;
}
#kickstart-help-topic .first-steps-blocks {
  margin-bottom: 30px;
  padding: 0;
}
#kickstart-help-topic .first-steps-blocks-inner,
#kickstart-help-topic .first-steps-documentation .documentation-help,
#kickstart-help-topic .first-steps-documentation .documentation-websites,
#kickstart-help-topic .first-steps-quick .first-steps-blocks-inner {
  padding: 15px;
}
#kickstart-help-topic .first-steps-documentation .first-steps-blocks-inner,
#kickstart-help-topic .first-steps-quick .first-steps-blocks-inner {
  padding: 0;
}
#kickstart-help-topic .first-steps-quick ul li {
  border: 0;
  clear: left; /* LTR */
  float: left; /* LTR */
  margin-bottom: 5px;
  padding: 0;
  width: 100%;
}
#kickstart-help-topic .first-steps-quick ul li a {
  background: #ffffff url("../images/quicklinks.png") no-repeat 8px center; /* LTR */
  clear: left; /* LTR */
  float: left; /* LTR */
  padding: 0 5px 0 25px; /* LTR */
  width: 100%;
}
#kickstart-help-topic .first-steps-blocks h2 {
  background: transparent url("../images/icons-get-started.png") no-repeat 0 0;
  border-bottom: 1px solid #dfdfdf;
  font-weight: 500;
  padding: 5px 15px 10px 40px; /* LTR */
}
/* Specific Help Block Styles */
#kickstart-help-topic .first-steps-videos .first-steps-blocks-inner {
  padding: 0;
}
#kickstart-help-topic .first-steps-documentation h2 {
  background-position: 0 1px;
  border-bottom: 0;
  padding-bottom: 5px;
}
#kickstart-help-topic .first-steps-documentation .first-steps-blocks-inner {
  background: #ffffff;
  border: 1px solid #cccccc;
}
#kickstart-help-topic .first-steps-quick h2 {
  background-position: 0 -26px;
}
#kickstart-help-topic .first-steps-services h2 {
  background-position: 0 -55px;
  margin-bottom: 0;
}
#kickstart-help-topic .first-steps-services .first-steps-blocks-inner {
  background: #ffffff;
}
#kickstart-help-topic .first-steps-mode h2 {
  background-position: 0 -90px;
  margin-bottom: 0;
}
html.js #-commerce-kickstart-help-store fieldset.collapsible .fieldset-legend {
  border-bottom: 0;
  font-weight: 500;
  padding: 0 0 0 25px; /* LTR */
}
#-commerce-kickstart-help-store div > .form-wrapper > .form-item label {
  border-bottom: 1px solid #DFDFDF;
  font-size: 22px;
  line-height: 1em;
  padding: 0 0 10px 40px; /* LTR */
  overflow: hidden;
}
html.js #-commerce-kickstart-help-store fieldset.collapsible {
  margin-top: 15px;
  min-height: 25px;
}
.fieldset-wrapper {
  padding: 0 42px 25px;
}
#prices-payments-taxes-title label {
  background: transparent url("../images/icons-get-started.png") no-repeat 0 0;
}
#kickstart-help-topic {
  padding-top: 30px;
}

File

modules/commerce_kickstart/commerce_kickstart_help/help/commerce_kickstart_help.css
View source 
  1. /* First Steps */

  2. .first-steps-left {

  3.   float: left; /* LTR */

  4.   width: 60%;

  5. }

  6. .first-steps-right {

  7.   float: left; /* LTR */

  8.   width: 35%;

  9. }

  10. 

  11. .first-steps-column.first-steps-right {

  12.   float: right; /* LTR */

  13. }

  14. .first-steps-blocks h2 {

  15.   background-color: #ccc;

  16.   padding: 5px;

  17.   margin-top: 0;

  18. }

  19. .first-steps-videos .first-steps-blocks-inner {

  20.   height: 450px;

  21.   text-align: center;

  22. }

  23. 

  24. .first-steps-videos iframe {

  25.   height: 90%;

  26.   width: 90%;

  27.   margin: 0 auto;

  28. }

  29. 

  30. .documentation-steps {

  31.   width: 45%;

  32.   float: left; /* LTR */

  33.   list-style: none;

  34.   font-weight: bold;

  35. }

  36. 

  37. #kickstart-help-topic ul {

  38.   margin-left: 0;

  39.   padding-left: 0;

  40.   list-style: none;

  41. }

  42. 

  43. .documentation-steps ul li {

  44.   list-style: none;

  45.   font-weight: normal;

  46. }

  47. 

  48. .first-steps-blocks {

  49.   margin: 2px;

  50. }

  51. 

  52. .first-steps-blocks-inner {

  53.   padding: 5px;

  54. }

  55. 

  56. .documentation-websites {

  57.   border-top: 1px solid #ccc;

  58.   background-color: #ddd;

  59. }

  60. 

  61. .first-steps-quick .first-steps-blocks-inner {

  62.   padding: 0;

  63. }

  64. .first-steps-quick ul li {

  65.   border-top: 1px solid #ccc;

  66.   line-height: 2em;

  67.   padding: 4px;

  68. }

  69. 

  70. .first-steps-quick ul li.first {

  71.   border-top: none;

  72. }

  73. 

  74. #commerce-kickstart-help {

  75.   margin: 0 auto;

  76.   width: 400px;

  77. }

  78. #commerce-kickstart-help-button {

  79.   margin: 0 auto;

  80.   width: 134px;

  81. }

  82. /* Help Block */

  83. #block-commerce-kickstart-help-commerce-kickstart-ressources {

  84.   float: left; /* LTR */

  85. }

  86. #block-commerce-kickstart-help-commerce-kickstart-community {

  87.   float: right; /* LTR */

  88. }

  89. #block-commerce-kickstart-help-commerce-kickstart-ressources,

  90. #block-commerce-kickstart-help-commerce-kickstart-community {

  91.   width: 47%;

  92.   border: 1px solid #aaa;

  93.   background-color: #fafafa;

  94.   min-height: 150px;

  95.   margin: 5px 10px;

  96.   padding-left: 30px;

  97.   padding-top: 10px;

  98. }

  99. #block-commerce-kickstart-help-commerce-kickstart-ressources h2,

  100. #block-commerce-kickstart-help-commerce-kickstart-community h2 {

  101.   background: transparent url("../images/help-lg.png") no-repeat 0 0;

  102.   padding: 5px 0 5px 40px; /* LTR */

  103. }

  104. #block-commerce-kickstart-help-commerce-kickstart-ressources .content,

  105. #block-commerce-kickstart-help-commerce-kickstart-community .content {

  106.   padding-left: 40px; /* LTR */

  107. }

  108. 

  109. /* Getting started */

  110. #-commerce-kickstart-help-store {

  111.   -webkit-font-smoothing: antialiased;

  112. }

  113. #-commerce-kickstart-help-store .search {

  114.   background: #ccc;

  115.   -moz-border-radius: 3px;

  116.   -webkit-border-radius: 3px;

  117.   border-radius: 3px;

  118.   padding: 15px;

  119. }

  120. #-commerce-kickstart-help-store .search .form-item {

  121.   margin-top: 0;

  122.   float: left; /* LTR */

  123.   width: 80%;

  124. }

  125. #-commerce-kickstart-help-store .search .form-item input.form-text {

  126.   border: 1px solid #999;

  127.   font: normal 500 1em/1em "Open Sans", Arial, sans-serif;

  128.   line-height: normal;

  129.   outline: 0;

  130.   margin: 1px;

  131.   max-width: 100%;

  132.   padding: 5px;

  133.   width: 100%;

  134.   -webkit-font-smoothing: antialiased;

  135. }

  136. #-commerce-kickstart-help-store a.search-submit {

  137.   background: #2F88CD;

  138.   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#36A2F6), to(#2F88CD));

  139.   background-image: -webkit-linear-gradient(top, #36A2F6, #2F88CD);

  140.   background-image: -moz-linear-gradient(top, #36A2F6, #2F88CD);

  141.   background-image: -ms-linear-gradient(top, #36A2F6, #2F88CD);

  142.   background-image: -o-linear-gradient(top, #36A2F6, #2F88CD);

  143.   background-image: linear-gradient(to bottom, #36A2F6, #2F88CD);

  144.   border: 1px solid #2F88CD;

  145.   -moz-border-radius: 4px;

  146.   -webkit-border-radius: 4px;

  147.   border-radius: 4px;

  148.   -moz-box-shadow: 0 1px 2px #ccc, inset 0 1px 1px #7bb8ef;

  149.   -webkit-box-shadow: 0 1px 2px #CCC, inset 0 1px 1px #7BB8EF;

  150.   box-shadow: 0 1px 2px #CCC, inset 0 1px 1px #7BB8EF;

  151.   color: white;

  152.   float: right; /* LTR */

  153.   font: normal 16px/21px "Open Sans", Arial, sans-serif;

  154.   padding: 4px 15px;

  155.   margin-top: 9px;

  156.   text-align: center;

  157.   width: 13%;

  158. }

  159. #-commerce-kickstart-help-store a.search-submit:hover {

  160.   background: #4f9fea;

  161.   -moz-box-shadow: 0 1px 2px #ccc, inset 0 -1px 1px #427ed2;

  162.   -webkit-box-shadow: 0 1px 2px #ccc, inset 0 -1px 1px #427ed2;

  163.   box-shadow: 0 1px 2px #ccc, inset 0 -1px 1px #427ed2;

  164.   text-decoration: none;

  165. }

  166. #-commerce-kickstart-help-store .fieldset-title {

  167.   color: #0879bf;

  168. }

  169. #-commerce-kickstart-help-store .fieldset-title .sub-title {

  170.   color: #8d8d8d;

  171. }

  172. #-commerce-kickstart-help-store label {

  173.   margin: 45px 0 15px;

  174. }

  175. html.js #-commerce-kickstart-help-store fieldset.collapsible {

  176.   background: #efefef;

  177.   border: 0;

  178.   margin: 0 0 10px 0;

  179.   outline: 0;

  180. }

  181. html.js #-commerce-kickstart-help-store fieldset.collapsible .fieldset-wrapper,

  182. html.js #-commerce-kickstart-help-store fieldset.collapsible p {

  183.   font-size: 14px;

  184.   font-weight: 500;

  185. }

  186. .product-management #edit-product-management-title label {

  187.   background: url('../images/products.png') 0 0 no-repeat;

  188.   border-bottom: 1px solid #dfdfdf;

  189.   font-size: 22px;

  190.   line-height: 1em;

  191.   padding: 0 0 10px 40px; /* LTR */

  192.   overflow: hidden;

  193. }

  194. .order-management #edit-order-management-title label {

  195.   background: url('../images/content.png') 0 0 no-repeat;

  196.   border-bottom: 1px solid #dfdfdf;

  197.   font-size: 22px;

  198.   line-height: 1em;

  199.   padding: 0 0 10px 40px; /* LTR */

  200.   overflow: hidden;

  201. }

  202. .store-settings #edit-store-settings-title label {

  203.   background: url('../images/store.png') 0 0 no-repeat;

  204.   border-bottom: 1px solid #dfdfdf;

  205.   font-size: 22px;

  206.   line-height: 1em;

  207.   padding: 0 0 10px 40px; /* LTR */

  208.   overflow: hidden;

  209. }

  210. .prices-payments-taxes #edit-prices-payments-taxes-title label {

  211.   background: url('../images/prices.png') 0 0 no-repeat;

  212.   border-bottom: 1px solid #dfdfdf;

  213.   font-size: 22px;

  214.   line-height: 1em;

  215.   padding: 0 0 10px 40px; /* LTR */

  216.   overflow: hidden;

  217. }

  218. .demo-store-features #edit-demo-store-featuress-title label {

  219.   background: url('../images/demo.png') 0 0 no-repeat;

  220.   border-bottom: 1px solid #dfdfdf;

  221.   font-size: 22px;

  222.   line-height: 1em;

  223.   padding: 0 0 10px 40px; /* LTR */

  224.   overflow: hidden;

  225. }

  226. 

  227. html.js #-commerce-kickstart-help-store fieldset.collapsible .fieldset-legend {

  228.   background: transparent url("../images/expandable.png") no-repeat 0 -13px;

  229.   font-size: 16px;

  230.   margin: 15px 0 0 25px; /* LTR */

  231.   padding-left: 25px; /* LTR */

  232. }

  233. html.js #-commerce-kickstart-help-store fieldset.collapsed .fieldset-legend {

  234.   background-position: 0 9px;

  235. }

  236. #kickstart-help-topic .first-steps-left {

  237.   width: 63%;

  238. }

  239. #kickstart-help-topic .first-steps-blocks {

  240.   margin-bottom: 30px;

  241.   padding: 0;

  242. }

  243. #kickstart-help-topic .first-steps-blocks-inner,

  244. #kickstart-help-topic .first-steps-documentation .documentation-help,

  245. #kickstart-help-topic .first-steps-documentation .documentation-websites,

  246. #kickstart-help-topic .first-steps-quick .first-steps-blocks-inner {

  247.   padding: 15px;

  248. }

  249. #kickstart-help-topic .first-steps-documentation .first-steps-blocks-inner,

  250. #kickstart-help-topic .first-steps-quick .first-steps-blocks-inner {

  251.   padding: 0;

  252. }

  253. #kickstart-help-topic .first-steps-quick ul li {

  254.   border: 0;

  255.   clear: left; /* LTR */

  256.   float: left; /* LTR */

  257.   margin-bottom: 5px;

  258.   padding: 0;

  259.   width: 100%;

  260. }

  261. #kickstart-help-topic .first-steps-quick ul li a {

  262.   background: #ffffff url("../images/quicklinks.png") no-repeat 8px center; /* LTR */

  263.   clear: left; /* LTR */

  264.   float: left; /* LTR */

  265.   padding: 0 5px 0 25px; /* LTR */

  266.   width: 100%;

  267. }

  268. #kickstart-help-topic .first-steps-blocks h2 {

  269.   background: transparent url("../images/icons-get-started.png") no-repeat 0 0;

  270.   border-bottom: 1px solid #dfdfdf;

  271.   font-weight: 500;

  272.   padding: 5px 15px 10px 40px; /* LTR */

  273. }

  274. /* Specific Help Block Styles */

  275. #kickstart-help-topic .first-steps-videos .first-steps-blocks-inner {

  276.   padding: 0;

  277. }

  278. #kickstart-help-topic .first-steps-documentation h2 {

  279.   background-position: 0 1px;

  280.   border-bottom: 0;

  281.   padding-bottom: 5px;

  282. }

  283. #kickstart-help-topic .first-steps-documentation .first-steps-blocks-inner {

  284.   background: #ffffff;

  285.   border: 1px solid #cccccc;

  286. }

  287. #kickstart-help-topic .first-steps-quick h2 {

  288.   background-position: 0 -26px;

  289. }

  290. #kickstart-help-topic .first-steps-services h2 {

  291.   background-position: 0 -55px;

  292.   margin-bottom: 0;

  293. }

  294. #kickstart-help-topic .first-steps-services .first-steps-blocks-inner {

  295.   background: #ffffff;

  296. }

  297. #kickstart-help-topic .first-steps-mode h2 {

  298.   background-position: 0 -90px;

  299.   margin-bottom: 0;

  300. }

  301. html.js #-commerce-kickstart-help-store fieldset.collapsible .fieldset-legend {

  302.   border-bottom: 0;

  303.   font-weight: 500;

  304.   padding: 0 0 0 25px; /* LTR */

  305. }

  306. #-commerce-kickstart-help-store div > .form-wrapper > .form-item label {

  307.   border-bottom: 1px solid #DFDFDF;

  308.   font-size: 22px;

  309.   line-height: 1em;

  310.   padding: 0 0 10px 40px; /* LTR */

  311.   overflow: hidden;

  312. }

  313. html.js #-commerce-kickstart-help-store fieldset.collapsible {

  314.   margin-top: 15px;

  315.   min-height: 25px;

  316. }

  317. .fieldset-wrapper {

  318.   padding: 0 42px 25px;

  319. }

  320. #prices-payments-taxes-title label {

  321.   background: transparent url("../images/icons-get-started.png") no-repeat 0 0;

  322. }

  323. #kickstart-help-topic {

  324.   padding-top: 30px;

  325. }