You are here

Home » API reference » Commerce Kickstart 7.2

commerce_kickstart_admin.css in Commerce Kickstart 7.2 

/* Import Mixins and Variables */
/* CG Credits in footer */
#credit {
  float: right;
  /* LTR */
  padding: 20px 0 40px;
}

#powered_by_drupal_commerce {
  float: left;
  /* LTR */
  padding-top: 20px;
}

body.in-maintenance #credit {
  color: #fff;
  margin: 0 auto;
  width: 960px;
}

#credit .message {
  clear: right;
  /* LTR */
  float: right;
  /* LTR */
  margin-bottom: 20px;
  width: 180px;
}

/* CG Logo on White */
#credit .logo a {
  background: transparent url("../images/logo-cg2.png") no-repeat 0 0;
  clear: right;
  /* LTR */
  float: right;
  /* LTR */
  height: 0;
  overflow: hidden;
  padding: 50px 0 0;
  width: 180px;
}

/* CG Logo on Blue */
body.in-maintenance #credit .logo a {
  background: transparent url("../images/logo-cg3.png") no-repeat 0 0;
}

/* CG Logo on Black */
#overlay #overlay-content #credit .logo a {
  background: transparent url("../images/logo-cg.png") no-repeat 0 0;
}

/* Installation/Maintenance Page */
body.in-maintenance {
  background: #256ba7 url("../images/installation-bg.png") repeat 0 0;
  /* Welcome Page Styles */
  /* DFP Styles */
}
body.in-maintenance .body-wrapper {
  background: #256ba7;
  background: -moz-linear-gradient(top, #569ad4 0%, #256ba7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #569ad4), color-stop(100%, #256ba7));
  background: -webkit-linear-gradient(top, #569ad4 0%, #256ba7 100%);
  background: -o-linear-gradient(top, #569ad4 0%, #256ba7 100%);
  background: -ms-linear-gradient(top, #569ad4 0%, #256ba7 100%);
  background: linear-gradient(to bottom, #569ad4 0%, #256ba7 100%);
}
body.in-maintenance .body-wrapper .page-outer {
  background: transparent url("../images/installation-bg.png") repeat 0 0;
  padding: 40px 0;
}
body.in-maintenance #branding {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  box-shadow: none;
  background: #f4f4f4;
  border: 1px solid #edebeb;
  margin: 0;
  padding: 30px 40px;
  width: 960px;
}
body.in-maintenance #branding h1.page-title {
  color: #747474;
  float: right;
  /* LTR */
  font-size: 32px;
  font-weight: 100;
  line-height: 1em;
  padding: 10px 0;
  width: 550px;
}
body.in-maintenance #page {
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.28);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.28);
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: transparent;
  background: #ffffff;
  padding: 0;
  width: 960px;
  overflow: hidden;
}
body.in-maintenance .page-wrapper {
  padding: 40px;
  width: 960px;
}
body.in-maintenance .logo-wrapper {
  float: left;
  /*LTR */
}
body.in-maintenance #logo {
  margin: 0;
  max-width: 100%;
}
body.in-maintenance #sidebar-first {
  width: 270px;
}
body.in-maintenance fieldset .fieldset-wrapper,
body.in-maintenance fieldset.collapsible {
  border: 1px solid #ccc;
  padding: 15px;
}
body.in-maintenance fieldset .fieldset-wrapper input.form-text,
body.in-maintenance fieldset.collapsible input.form-text {
  width: 100%;
}
body.in-maintenance ol.task-list {
  background: transparent url("../images/wizard-bg.png") repeat-y 0 0;
}
body.in-maintenance ol.task-list li {
  background: transparent url("../images/tasks-inactive.png") no-repeat 5px 4px;
  color: #9a9a9a;
  font: normal 400 16px/18px "Open Sans", Arial, sans-serif;
  height: 30px;
  padding: 6px 0 0 40px;
  /* LTR */
  margin: 0 0 22px 0;
  /* LTR */
}
body.in-maintenance ol.task-list li.active {
  background: transparent url("../images/tasks-active.png") no-repeat 5px 4px;
  color: #2e87cd;
}
body.in-maintenance ol.task-list li.done {
  background: transparent url("../images/tasks-complete.png") no-repeat 5px 4px;
  color: #75cd27;
}
body.in-maintenance .form-item-install-demo-store .form-radios {
  float: left;
  /* LTR */
}
body.in-maintenance .form-item-install-demo-store .description {
  background: transparent url("../images/small-pointer.png") no-repeat 0 3px;
  margin-left: 80px;
  /* LTR */
  padding: 3px 5px 5px 23px;
  /* LTR */
}
body.in-maintenance #edit-notice {
  clear: both;
}
body.in-maintenance div.form-type-password {
  width: 500px;
}
body.in-maintenance .password-strength {
  width: 15em;
}
body.in-maintenance .form-item-extras label[for=edit-extras] {
  clear: both;
}
body.in-maintenance #edit-submit.form-disabled {
  opacity: .5;
  cursor: auto;
}
body.in-maintenance #install-welcome > div > p {
  margin-top: 0;
}
body.in-maintenance #progress {
  margin-bottom: 50px;
}
body.installing-demo-store ol.task-list,
body.importing-content ol.task-list,
body.installing-additional-functionality ol.task-list {
  background: transparent url("../images/wizard-bg2.png") repeat-y 0 0;
}

/* Installation Page Field Styles */
#edit-account-commerce-kickstart-name,
#edit-account-commerce-kickstart-password {
  font-weight: 700;
}

#edit-account-commerce-kickstart-name label,
#edit-account-commerce-kickstart-password label {
  color: #333;
  float: left;
  /* LTR */
  margin-right: 8px;
  /* LTR */
  font-weight: 500;
}

/* Make the Username & Password stand out from the label */
#edit-account-commerce-kickstart-name,
#edit-account-commerce-kickstart-password {
  color: black;
  font-weight: bold;
}

/* Commerce Kickstart Help */
#commerce-kickstart-inline-help {
  position: relative;
}

#edit-commerce-kickstart-inline-help-button {
  padding: 5px 15px;
}

#commerce-kickstart-inline-help #edit-commerce-kickstart-inline-help-close-button {
  padding: 5px 15px;
  position: absolute;
  right: 0;
  /* LTR */
  top: 10px;
}

#commerce-kickstart-inline-help .advanced-help-topic {
  background: #fef2c4;
  border: 1px solid #efb120;
  -moz-box-shadow: inset 0 0 10px #fff;
  -webkit-box-shadow: inset 0 0 10px #fff;
  box-shadow: inset 0 0 10px #fff;
  margin-bottom: 30px;
  padding: 15px;
}

.page-admin-getting-started .advanced-help-topic {
  background: transparent;
  border: 0;
  padding: 0;
}

.page-admin-getting-started .advanced-help-topic a {
  color: #36A2F6;
}

#block-commerce-kickstart-help-commerce-kickstart-ressources,
#block-commerce-kickstart-help-commerce-kickstart-community {
  background: #fefefe;
  border: 1px solid #efb120;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border-radius: 15px 15px 15px 15px;
  margin: 0;
  min-height: 250px;
  padding: 10px 30px;
  width: 48.27586%;
  /* 420px/870px */
}

.block-commerce-kickstart-help h2 {
  color: #acacac;
  font: normal 600 26px/26px "Open Sans", Arial, sans-serif;
}

#commerce-kickstart-inline-help-form-ajax .ajax-progress {
  padding-top: 10px;
}

#commerce-kickstart-inline-close-help-form-ajax .ajax-progress {
  position: absolute;
  right: 100px;
  /* LTR */
  top: 10px;
}

#commerce-kickstart-inline-help-form-ajax #edit-commerce-kickstart-inline-help-button {
  float: right;
  /* LTR */
}

/* Help Overrides */
#-commerce-kickstart-help-store .search .form-item {
  width: 85%;
}

#-commerce-kickstart-help-store a.search-submit {
  margin-top: 0;
}

html.js #-commerce-kickstart-help-store fieldset.collapsible {
  min-height: 55px;
}

/* Customer Profiles Fix */
.view-commerce-customer-profiles .views-exposed-form #edit-name-wrapper {
  width: 520px;
}

.view-commerce-customer-profiles .views-exposed-form label {
  float: left;
  margin-right: 15px;
}

/* Inline Help Adjustment */
.page-admin-commerce-products #commerce-kickstart-inline-help-button {
  position: absolute;
  right: 0px;
  top: 0px;
  padding-top: 26px;
}
.page-admin-commerce-products #commerce-kickstart-inline-help-button #edit-commerce-kickstart-inline-help-button {
  margin-bottom: 0;
  margin-top: 0;
  position: absolute;
  top: 8px;
  right: 0;
}

File

themes/commerce_kickstart_admin/css/commerce_kickstart_admin.css
View source 
  1. /* Import Mixins and Variables */

  2. /* CG Credits in footer */

  3. #credit {

  4.   float: right;

  5.   /* LTR */

  6.   padding: 20px 0 40px;

  7. }

  8. 

  9. #powered_by_drupal_commerce {

  10.   float: left;

  11.   /* LTR */

  12.   padding-top: 20px;

  13. }

  14. 

  15. body.in-maintenance #credit {

  16.   color: #fff;

  17.   margin: 0 auto;

  18.   width: 960px;

  19. }

  20. 

  21. #credit .message {

  22.   clear: right;

  23.   /* LTR */

  24.   float: right;

  25.   /* LTR */

  26.   margin-bottom: 20px;

  27.   width: 180px;

  28. }

  29. 

  30. /* CG Logo on White */

  31. #credit .logo a {

  32.   background: transparent url("../images/logo-cg2.png") no-repeat 0 0;

  33.   clear: right;

  34.   /* LTR */

  35.   float: right;

  36.   /* LTR */

  37.   height: 0;

  38.   overflow: hidden;

  39.   padding: 50px 0 0;

  40.   width: 180px;

  41. }

  42. 

  43. /* CG Logo on Blue */

  44. body.in-maintenance #credit .logo a {

  45.   background: transparent url("../images/logo-cg3.png") no-repeat 0 0;

  46. }

  47. 

  48. /* CG Logo on Black */

  49. #overlay #overlay-content #credit .logo a {

  50.   background: transparent url("../images/logo-cg.png") no-repeat 0 0;

  51. }

  52. 

  53. /* Installation/Maintenance Page */

  54. body.in-maintenance {

  55.   background: #256ba7 url("../images/installation-bg.png") repeat 0 0;

  56.   /* Welcome Page Styles */

  57.   /* DFP Styles */

  58. }

  59. body.in-maintenance .body-wrapper {

  60.   background: #256ba7;

  61.   background: -moz-linear-gradient(top, #569ad4 0%, #256ba7 100%);

  62.   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #569ad4), color-stop(100%, #256ba7));

  63.   background: -webkit-linear-gradient(top, #569ad4 0%, #256ba7 100%);

  64.   background: -o-linear-gradient(top, #569ad4 0%, #256ba7 100%);

  65.   background: -ms-linear-gradient(top, #569ad4 0%, #256ba7 100%);

  66.   background: linear-gradient(to bottom, #569ad4 0%, #256ba7 100%);

  67. }

  68. body.in-maintenance .body-wrapper .page-outer {

  69.   background: transparent url("../images/installation-bg.png") repeat 0 0;

  70.   padding: 40px 0;

  71. }

  72. body.in-maintenance #branding {

  73.   -moz-border-radius: 5px 5px 0 0;

  74.   -webkit-border-radius: 5px 5px 0 0;

  75.   border-radius: 5px 5px 0 0;

  76.   box-shadow: none;

  77.   background: #f4f4f4;

  78.   border: 1px solid #edebeb;

  79.   margin: 0;

  80.   padding: 30px 40px;

  81.   width: 960px;

  82. }

  83. body.in-maintenance #branding h1.page-title {

  84.   color: #747474;

  85.   float: right;

  86.   /* LTR */

  87.   font-size: 32px;

  88.   font-weight: 100;

  89.   line-height: 1em;

  90.   padding: 10px 0;

  91.   width: 550px;

  92. }

  93. body.in-maintenance #page {

  94.   -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.28);

  95.   -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.28);

  96.   box-shadow: 0 5px 5px rgba(0, 0, 0, 0.28);

  97.   -moz-border-radius: 5px 5px 5px 5px;

  98.   -webkit-border-radius: 5px 5px 5px 5px;

  99.   border-radius: 5px 5px 5px 5px;

  100.   background: transparent;

  101.   background: #ffffff;

  102.   padding: 0;

  103.   width: 960px;

  104.   overflow: hidden;

  105. }

  106. body.in-maintenance .page-wrapper {

  107.   padding: 40px;

  108.   width: 960px;

  109. }

  110. body.in-maintenance .logo-wrapper {

  111.   float: left;

  112.   /*LTR */

  113. }

  114. body.in-maintenance #logo {

  115.   margin: 0;

  116.   max-width: 100%;

  117. }

  118. body.in-maintenance #sidebar-first {

  119.   width: 270px;

  120. }

  121. body.in-maintenance fieldset .fieldset-wrapper,

  122. body.in-maintenance fieldset.collapsible {

  123.   border: 1px solid #ccc;

  124.   padding: 15px;

  125. }

  126. body.in-maintenance fieldset .fieldset-wrapper input.form-text,

  127. body.in-maintenance fieldset.collapsible input.form-text {

  128.   width: 100%;

  129. }

  130. body.in-maintenance ol.task-list {

  131.   background: transparent url("../images/wizard-bg.png") repeat-y 0 0;

  132. }

  133. body.in-maintenance ol.task-list li {

  134.   background: transparent url("../images/tasks-inactive.png") no-repeat 5px 4px;

  135.   color: #9a9a9a;

  136.   font: normal 400 16px/18px "Open Sans", Arial, sans-serif;

  137.   height: 30px;

  138.   padding: 6px 0 0 40px;

  139.   /* LTR */

  140.   margin: 0 0 22px 0;

  141.   /* LTR */

  142. }

  143. body.in-maintenance ol.task-list li.active {

  144.   background: transparent url("../images/tasks-active.png") no-repeat 5px 4px;

  145.   color: #2e87cd;

  146. }

  147. body.in-maintenance ol.task-list li.done {

  148.   background: transparent url("../images/tasks-complete.png") no-repeat 5px 4px;

  149.   color: #75cd27;

  150. }

  151. body.in-maintenance .form-item-install-demo-store .form-radios {

  152.   float: left;

  153.   /* LTR */

  154. }

  155. body.in-maintenance .form-item-install-demo-store .description {

  156.   background: transparent url("../images/small-pointer.png") no-repeat 0 3px;

  157.   margin-left: 80px;

  158.   /* LTR */

  159.   padding: 3px 5px 5px 23px;

  160.   /* LTR */

  161. }

  162. body.in-maintenance #edit-notice {

  163.   clear: both;

  164. }

  165. body.in-maintenance div.form-type-password {

  166.   width: 500px;

  167. }

  168. body.in-maintenance .password-strength {

  169.   width: 15em;

  170. }

  171. body.in-maintenance .form-item-extras label[for=edit-extras] {

  172.   clear: both;

  173. }

  174. body.in-maintenance #edit-submit.form-disabled {

  175.   opacity: .5;

  176.   cursor: auto;

  177. }

  178. body.in-maintenance #install-welcome > div > p {

  179.   margin-top: 0;

  180. }

  181. body.in-maintenance #progress {

  182.   margin-bottom: 50px;

  183. }

  184. body.installing-demo-store ol.task-list,

  185. body.importing-content ol.task-list,

  186. body.installing-additional-functionality ol.task-list {

  187.   background: transparent url("../images/wizard-bg2.png") repeat-y 0 0;

  188. }

  189. 

  190. /* Installation Page Field Styles */

  191. #edit-account-commerce-kickstart-name,

  192. #edit-account-commerce-kickstart-password {

  193.   font-weight: 700;

  194. }

  195. 

  196. #edit-account-commerce-kickstart-name label,

  197. #edit-account-commerce-kickstart-password label {

  198.   color: #333;

  199.   float: left;

  200.   /* LTR */

  201.   margin-right: 8px;

  202.   /* LTR */

  203.   font-weight: 500;

  204. }

  205. 

  206. /* Make the Username & Password stand out from the label */

  207. #edit-account-commerce-kickstart-name,

  208. #edit-account-commerce-kickstart-password {

  209.   color: black;

  210.   font-weight: bold;

  211. }

  212. 

  213. /* Commerce Kickstart Help */

  214. #commerce-kickstart-inline-help {

  215.   position: relative;

  216. }

  217. 

  218. #edit-commerce-kickstart-inline-help-button {

  219.   padding: 5px 15px;

  220. }

  221. 

  222. #commerce-kickstart-inline-help #edit-commerce-kickstart-inline-help-close-button {

  223.   padding: 5px 15px;

  224.   position: absolute;

  225.   right: 0;

  226.   /* LTR */

  227.   top: 10px;

  228. }

  229. 

  230. #commerce-kickstart-inline-help .advanced-help-topic {

  231.   background: #fef2c4;

  232.   border: 1px solid #efb120;

  233.   -moz-box-shadow: inset 0 0 10px #fff;

  234.   -webkit-box-shadow: inset 0 0 10px #fff;

  235.   box-shadow: inset 0 0 10px #fff;

  236.   margin-bottom: 30px;

  237.   padding: 15px;

  238. }

  239. 

  240. .page-admin-getting-started .advanced-help-topic {

  241.   background: transparent;

  242.   border: 0;

  243.   padding: 0;

  244. }

  245. 

  246. .page-admin-getting-started .advanced-help-topic a {

  247.   color: #36A2F6;

  248. }

  249. 

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

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

  252.   background: #fefefe;

  253.   border: 1px solid #efb120;

  254.   -moz-border-radius: 15px 15px 15px 15px;

  255.   -webkit-border-radius: 15px 15px 15px 15px;

  256.   border-radius: 15px 15px 15px 15px;

  257.   margin: 0;

  258.   min-height: 250px;

  259.   padding: 10px 30px;

  260.   width: 48.27586%;

  261.   /* 420px/870px */

  262. }

  263. 

  264. .block-commerce-kickstart-help h2 {

  265.   color: #acacac;

  266.   font: normal 600 26px/26px "Open Sans", Arial, sans-serif;

  267. }

  268. 

  269. #commerce-kickstart-inline-help-form-ajax .ajax-progress {

  270.   padding-top: 10px;

  271. }

  272. 

  273. #commerce-kickstart-inline-close-help-form-ajax .ajax-progress {

  274.   position: absolute;

  275.   right: 100px;

  276.   /* LTR */

  277.   top: 10px;

  278. }

  279. 

  280. #commerce-kickstart-inline-help-form-ajax #edit-commerce-kickstart-inline-help-button {

  281.   float: right;

  282.   /* LTR */

  283. }

  284. 

  285. /* Help Overrides */

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

  287.   width: 85%;

  288. }

  289. 

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

  291.   margin-top: 0;

  292. }

  293. 

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

  295.   min-height: 55px;

  296. }

  297. 

  298. /* Customer Profiles Fix */

  299. .view-commerce-customer-profiles .views-exposed-form #edit-name-wrapper {

  300.   width: 520px;

  301. }

  302. 

  303. .view-commerce-customer-profiles .views-exposed-form label {

  304.   float: left;

  305.   margin-right: 15px;

  306. }

  307. 

  308. /* Inline Help Adjustment */

  309. .page-admin-commerce-products #commerce-kickstart-inline-help-button {

  310.   position: absolute;

  311.   right: 0px;

  312.   top: 0px;

  313.   padding-top: 26px;

  314. }

  315. .page-admin-commerce-products #commerce-kickstart-inline-help-button #edit-commerce-kickstart-inline-help-button {

  316.   margin-bottom: 0;

  317.   margin-top: 0;

  318.   position: absolute;

  319.   top: 8px;

  320.   right: 0;

  321. }