You are here

hosting.css in Hostmaster (Aegir) 6

/**
 * Overview 
 */

.hosting-site-list {clear:both;}
#hosting-site-list-form {
  position: relative;
}


.hosting-service-info, 
#hosting-server-info, 
#hosting-client-info, 
#hosting-platform-info, 
#hosting-package-info,
#hosting-site-info, 
#hosting-task-info, 
#hosting-site-edit-info, 
#hosting-task-list {
  margin:0 0 1em;
}

#hosting-server-info .form-item, 
#hosting-client-info .form-item, 
#hosting-platform-info .form-item, 
#hosting-package-info .form-item,
#hosting-site-info .form-item, 
#hosting-task-info .form-item, 
#hosting-site-edit-info .form-item {
  margin:0 0 0.5em;
}

#hosting-task-list .form-item {
  margin:0;
}

#hosting-server-info label, 
#hosting-client-info label, 
#hosting-site-edit-info label, 
#hosting-platform-info label, 
#hosting-package-info label, 
#hosting-site-info label, 
#hosting-task-info label {
  display:inline;
}

/**
 * Tables
 */

table code {
  font-size:1em;
}

th.hosting-actions,
td.hosting-actions {
  text-align: right;
}

td.hosting-actions a.hosting-button-enabled,
td.hosting-actions .hosting-button-disabled {
  float: right;
}

.hosting-task-full {
  display: none;
}

/**
 * Status icons, colors.
 */

.hosting-status,
td.hosting-service-available,
td.hosting-service-unavailable,
td.hosting-package-upgrade,
td.hosting-package-downgrade,
td.hosting-package-same,
td.hosting-package-missing {
  padding-left:25px !important;
  background-position:5px 7px !important;
  background-repeat:no-repeat !important;
}

span.hosting-status {
  background-position:5px 0px;
  padding: 0px 0px 4px 0px;
}

table.hosting-table .views-field-status {
  padding:0px;
} 

span.hosting-status-icon {
  margin-right: -4px;
}


tr.hosting-warning,
#hosting-package-comparison td.hosting-package-missing {
  background-color: #fe8 !important;
}

tr.hosting-error,
#hosting-package-comparison td.hosting-package-downgrade {
  background-color: #fa8 !important;
}

tr.hosting-queue,
tr.hosting-processing,
#hosting-package-comparison td.hosting-package-same {
  background-color: #e0e8f0 !important;
}

tr.hosting-info { background-color: #f8f8f8 !important; }

tr.hosting-success,
#hosting-package-comparison td.hosting-package-upgrade {
  background-color: #dfc !important;
}

tr.hosting-warning .hosting-status,
#hosting-package-comparison td.hosting-package-missing {  
  background-image: url(images/icon-warning.png);
}

tr.hosting-info .hosting-status { background-image: url(images/icon-notice.png); }

tr.hosting-queue .hosting-status,
td.hosting-package-same {
  background-image: url(images/icon-queue.png);
}

tr.hosting-processing .hosting-status {
  background-image: url(images/loader.gif);
}

td.hosting-service-unavailable,
tr.hosting-error .hosting-status,
td.hosting-package-downgrade {
  background-image: url(images/icon-error.png);
}

td.hosting-service-available,
tr.hosting-success .hosting-status,
td.hosting-package-upgrade {
  background-image: url(images/icon-ok.png);
}

tr.hosting-warning td,
tr.hosting-info td,
tr.hosting-error td,
tr.hosting-queue td,
tr.hosting-success td {
  background-color:transparent !important;
}

/**
 *  Buttons
 */

a.hosting-button-enabled,
.hosting-button-disabled {
  margin: 0 0.5em 0 0;
}

div.hosting-task-retry form, div.hosting-task-retry form input {
  margin:0 !important;
  padding:0 !important;
}

#hosting-wizard-form-buttons { 
  text-align: right;
  font-size: 4em;
  clear: both;
}

/**
 *  Forms
 */

div.hosting-site-field-description {
  display: none;
}


/**
 * Overlay
 */

.ui-dialog-overlay, 
.hosting-overlay { 
  background:transparent url(images/overlay.png) repeat 0 0;
  position: absolute;
  display:block;
  width: 100%;
  height: 100%;
}

.hosting-throbber { 
  background:#FFF url(images/loader.gif) no-repeat center center;
  width: 30px;
  height:30px;
  vertical-align:middle;
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  margin:-15px 0 0 -15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

div#hosting-task-list, div#hosting-task-queue-block { position: relative }
div.modalframe-page-wrapper { background: white }


/**
 * Log in to site link
 */

a.hosting-goto-site-link {
  background-image: url(images/icon-home-32.png);
  background-repeat: no-repeat;
  padding: 8px 0 15px 35px;
  font-weight: bold;
  display: block;
}


.site-form-ajax-processed .form-text {
  width: 90%;
}

.site-form-progress {
  float: right;
}

.site-form-progress .throbber {
  background:#FFF url(images/loader.gif) no-repeat center center;
  width: 19px;
  height: 19px;
  vertical-align:middle;
  float: left;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

File

modules/hosting/hosting.css
View source
  1. /**
  2. * Overview
  3. */
  4. .hosting-site-list {clear:both;}
  5. #hosting-site-list-form {
  6. position: relative;
  7. }
  8. .hosting-service-info,
  9. #hosting-server-info,
  10. #hosting-client-info,
  11. #hosting-platform-info,
  12. #hosting-package-info,
  13. #hosting-site-info,
  14. #hosting-task-info,
  15. #hosting-site-edit-info,
  16. #hosting-task-list {
  17. margin:0 0 1em;
  18. }
  19. #hosting-server-info .form-item,
  20. #hosting-client-info .form-item,
  21. #hosting-platform-info .form-item,
  22. #hosting-package-info .form-item,
  23. #hosting-site-info .form-item,
  24. #hosting-task-info .form-item,
  25. #hosting-site-edit-info .form-item {
  26. margin:0 0 0.5em;
  27. }
  28. #hosting-task-list .form-item {
  29. margin:0;
  30. }
  31. #hosting-server-info label,
  32. #hosting-client-info label,
  33. #hosting-site-edit-info label,
  34. #hosting-platform-info label,
  35. #hosting-package-info label,
  36. #hosting-site-info label,
  37. #hosting-task-info label {
  38. display:inline;
  39. }
  40. /**
  41. * Tables
  42. */
  43. table code {
  44. font-size:1em;
  45. }
  46. th.hosting-actions,
  47. td.hosting-actions {
  48. text-align: right;
  49. }
  50. td.hosting-actions a.hosting-button-enabled,
  51. td.hosting-actions .hosting-button-disabled {
  52. float: right;
  53. }
  54. .hosting-task-full {
  55. display: none;
  56. }
  57. /**
  58. * Status icons, colors.
  59. */
  60. .hosting-status,
  61. td.hosting-service-available,
  62. td.hosting-service-unavailable,
  63. td.hosting-package-upgrade,
  64. td.hosting-package-downgrade,
  65. td.hosting-package-same,
  66. td.hosting-package-missing {
  67. padding-left:25px !important;
  68. background-position:5px 7px !important;
  69. background-repeat:no-repeat !important;
  70. }
  71. span.hosting-status {
  72. background-position:5px 0px;
  73. padding: 0px 0px 4px 0px;
  74. }
  75. table.hosting-table .views-field-status {
  76. padding:0px;
  77. }
  78. span.hosting-status-icon {
  79. margin-right: -4px;
  80. }
  81. tr.hosting-warning,
  82. #hosting-package-comparison td.hosting-package-missing {
  83. background-color: #fe8 !important;
  84. }
  85. tr.hosting-error,
  86. #hosting-package-comparison td.hosting-package-downgrade {
  87. background-color: #fa8 !important;
  88. }
  89. tr.hosting-queue,
  90. tr.hosting-processing,
  91. #hosting-package-comparison td.hosting-package-same {
  92. background-color: #e0e8f0 !important;
  93. }
  94. tr.hosting-info { background-color: #f8f8f8 !important; }
  95. tr.hosting-success,
  96. #hosting-package-comparison td.hosting-package-upgrade {
  97. background-color: #dfc !important;
  98. }
  99. tr.hosting-warning .hosting-status,
  100. #hosting-package-comparison td.hosting-package-missing {
  101. background-image: url(images/icon-warning.png);
  102. }
  103. tr.hosting-info .hosting-status { background-image: url(images/icon-notice.png); }
  104. tr.hosting-queue .hosting-status,
  105. td.hosting-package-same {
  106. background-image: url(images/icon-queue.png);
  107. }
  108. tr.hosting-processing .hosting-status {
  109. background-image: url(images/loader.gif);
  110. }
  111. td.hosting-service-unavailable,
  112. tr.hosting-error .hosting-status,
  113. td.hosting-package-downgrade {
  114. background-image: url(images/icon-error.png);
  115. }
  116. td.hosting-service-available,
  117. tr.hosting-success .hosting-status,
  118. td.hosting-package-upgrade {
  119. background-image: url(images/icon-ok.png);
  120. }
  121. tr.hosting-warning td,
  122. tr.hosting-info td,
  123. tr.hosting-error td,
  124. tr.hosting-queue td,
  125. tr.hosting-success td {
  126. background-color:transparent !important;
  127. }
  128. /**
  129. * Buttons
  130. */
  131. a.hosting-button-enabled,
  132. .hosting-button-disabled {
  133. margin: 0 0.5em 0 0;
  134. }
  135. div.hosting-task-retry form, div.hosting-task-retry form input {
  136. margin:0 !important;
  137. padding:0 !important;
  138. }
  139. #hosting-wizard-form-buttons {
  140. text-align: right;
  141. font-size: 4em;
  142. clear: both;
  143. }
  144. /**
  145. * Forms
  146. */
  147. div.hosting-site-field-description {
  148. display: none;
  149. }
  150. /**
  151. * Overlay
  152. */
  153. .ui-dialog-overlay,
  154. .hosting-overlay {
  155. background:transparent url(images/overlay.png) repeat 0 0;
  156. position: absolute;
  157. display:block;
  158. width: 100%;
  159. height: 100%;
  160. }
  161. .hosting-throbber {
  162. background:#FFF url(images/loader.gif) no-repeat center center;
  163. width: 30px;
  164. height:30px;
  165. vertical-align:middle;
  166. display:block;
  167. position:absolute;
  168. top:50%;
  169. left:50%;
  170. margin:-15px 0 0 -15px;
  171. -moz-border-radius: 3px;
  172. -webkit-border-radius: 3px;
  173. }
  174. div#hosting-task-list, div#hosting-task-queue-block { position: relative }
  175. div.modalframe-page-wrapper { background: white }
  176. /**
  177. * Log in to site link
  178. */
  179. a.hosting-goto-site-link {
  180. background-image: url(images/icon-home-32.png);
  181. background-repeat: no-repeat;
  182. padding: 8px 0 15px 35px;
  183. font-weight: bold;
  184. display: block;
  185. }
  186. .site-form-ajax-processed .form-text {
  187. width: 90%;
  188. }
  189. .site-form-progress {
  190. float: right;
  191. }
  192. .site-form-progress .throbber {
  193. background:#FFF url(images/loader.gif) no-repeat center center;
  194. width: 19px;
  195. height: 19px;
  196. vertical-align:middle;
  197. float: left;
  198. -moz-border-radius: 3px;
  199. -webkit-border-radius: 3px;
  200. }