You are here

Home » API reference » Profile Module Manager 7.2

profile-module-manager.css in Profile Module Manager 7.2

Same filename and directory in other branches
  1. 7 css/profile-module-manager.css
/* Bundle List Description */
.modules-bundle-description {
  margin-bottom: 20px;
}
/* Wrapper for all bundles */
.module-bundles-wrapper {

}
/* Single bundle wrapper */
.module-bundle-wrapper {

}
/* Single bundle */
.module-bundle {

}

.bundle {
  width: 25%;
  height: auto;
  float: left;
}

/* Enableable bundleable */
.bundle-enable {
  float: left;
  margin: 1% 1% 1% 0;
  width: 100%;
  height: 300px;
  position: relative;
  padding-left: 1%;
  border-width: 0 0 0 0.5px;
  border-style: solid;
  border-color: #000;
}
.pmm-actions, .bundle-enable-link, .alakazaam, .bundle-enabled {
  bottom: 10%;
  position: absolute;
}
.bundle-demo-link {
  position: absolute;
  bottom: 10%;
  right: 10%;
}
.enabled-modules-admin {
  clear: both;
  margin: 1% 1% 1% 0;
  width: 100%;
  height: 300px;
  position: relative;
  padding-left: 1%;
  border-width: 0 0 0 0.5px;
  border-style: solid;
  border-color: #000;
}
@media screen and (max-width:768px) {
  .bundle-enable {
    width: 100%;
  }
}
@media screen and (min-width:768px) and (max-width:927px) {
  .bundle-enable {
    width: 49%;
  }
}
@media screen and (min-width:927px) and (max-width:1229px) {
  .bundle-enable {
    width: 32.1%;
  }
}
@media screen and (min-width:1229px) {
  .bundle-enable {
    width: 24%;
  }
}

@media screen and (min-width:768px) {
  .module-bundle {
  }
}
@media screen and (min-width:768px) {
  .module-bundle {
  }
}
.bundle-enabled .module-bundle {

}
.bundle-disabled .module-bundle {

}
/* Bundle description */
.module-bundle-description {

}
/* Bundle actions */
.bundle-actions {
  padding-top: 10px;
  font-size: 75%;
}

File

css/profile-module-manager.css
View source 
  1. /* Bundle List Description */

  2. .modules-bundle-description {

  3.   margin-bottom: 20px;

  4. }

  5. /* Wrapper for all bundles */

  6. .module-bundles-wrapper {

  7. 

  8. }

  9. /* Single bundle wrapper */

  10. .module-bundle-wrapper {

  11. 

  12. }

  13. /* Single bundle */

  14. .module-bundle {

  15. 

  16. }

  17. 

  18. .bundle {

  19.   width: 25%;

  20.   height: auto;

  21.   float: left;

  22. }

  23. 

  24. /* Enableable bundleable */

  25. .bundle-enable {

  26.   float: left;

  27.   margin: 1% 1% 1% 0;

  28.   width: 100%;

  29.   height: 300px;

  30.   position: relative;

  31.   padding-left: 1%;

  32.   border-width: 0 0 0 0.5px;

  33.   border-style: solid;

  34.   border-color: #000;

  35. }

  36. .pmm-actions, .bundle-enable-link, .alakazaam, .bundle-enabled {

  37.   bottom: 10%;

  38.   position: absolute;

  39. }

  40. .bundle-demo-link {

  41.   position: absolute;

  42.   bottom: 10%;

  43.   right: 10%;

  44. }

  45. .enabled-modules-admin {

  46.   clear: both;

  47.   margin: 1% 1% 1% 0;

  48.   width: 100%;

  49.   height: 300px;

  50.   position: relative;

  51.   padding-left: 1%;

  52.   border-width: 0 0 0 0.5px;

  53.   border-style: solid;

  54.   border-color: #000;

  55. }

  56. @media screen and (max-width:768px) {

  57.   .bundle-enable {

  58.     width: 100%;

  59.   }

  60. }

  61. @media screen and (min-width:768px) and (max-width:927px) {

  62.   .bundle-enable {

  63.     width: 49%;

  64.   }

  65. }

  66. @media screen and (min-width:927px) and (max-width:1229px) {

  67.   .bundle-enable {

  68.     width: 32.1%;

  69.   }

  70. }

  71. @media screen and (min-width:1229px) {

  72.   .bundle-enable {

  73.     width: 24%;

  74.   }

  75. }

  76. 

  77. @media screen and (min-width:768px) {

  78.   .module-bundle {

  79.   }

  80. }

  81. @media screen and (min-width:768px) {

  82.   .module-bundle {

  83.   }

  84. }

  85. .bundle-enabled .module-bundle {

  86. 

  87. }

  88. .bundle-disabled .module-bundle {

  89. 

  90. }

  91. /* Bundle description */

  92. .module-bundle-description {

  93. 

  94. }

  95. /* Bundle actions */

  96. .bundle-actions {

  97.   padding-top: 10px;

  98.   font-size: 75%;

  99. }