You are here

hosting.css in Hosting 7.4

Same filename and directory in other branches
  1. 5 hosting.css
  2. 6.2 hosting.css
  3. 7.3 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;
}

.hosting-panel {
  float: left;
  max-width: 45%;
  margin-right: 5%;
}

.hosting-panel .form-item {
  text-overflow: ellipsis;
  overflow: hidden;
}

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