hosting.css

/**
 * Overview 
 */

.hosting-site-list {clear:both;}
#hosting-package-usage {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;
}

/**
 * Hosting queue list.
 */

.view-hosting-task-list .views-field-task-type {
  text-transform: capitalize;
}

.view-hosting-task-list .views-field-task-type a {
  text-transform: 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-disable { 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-disable .hosting-status { background-image: url(images/icon-disable.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-disable 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.view-hosting-task-list .view-content { 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
 */

#hosting-site-edit-info label {
  position: absolute;
  left: 0;
}

.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

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