You are here

homebox.css in Homebox 8

#homebox-page .homebox-save-form {
  display: none;
}
#homebox {
position: relative;
}

/**
 * Columns/regions
 */
.homebox-column {
  /*margin: 2px;*/
  min-height: 40px;
  background: url(../images/stripe.png);
  float: left;
  width: 100%;
}

/*
** Portlets/boxes
*/
#homebox .homebox-portlet {
  margin: 2px 0 5px;
  padding: 0;
  border: 3px solid #eee;
  background-color: white;
}
#homebox .homebox-portlet .homebox-portlet-inner {
  border: 1px solid #c0c0c0;
  overflow: hidden;
}
#homebox .portlet-content {
  padding: 4px;
}
#homebox .homebox-portlet .portlet-header {
  margin: 0;
  padding: 2px 4px;
  border-bottom: 1px solid #ddd;
  background: #e4f0f8; /* matches garland */
  color: #494949;
  min-height: 18px;
  font-size: 1em;
}
#homebox .homebox-draggable .portlet-header:hover {
  cursor: move;
}
#homebox .homebox-portlet .portlet-header .portlet-title {
  display: block;
  z-index: 9; /* IE is terrible */
  position: relative; /* IE is terrible */
  width: 75%;
  float: left;
}

/*
** Icons
*/
.portlet-icon {
  float: right;
  height: 16px;
  width: 16px;
  cursor: pointer;
  z-index: 10; /* IE is terrible */
  position: relative; /* IE is terrible */
}
.portlet-close {
  background: url(../images/close.gif);
  text-indent: -9999px;
}

File

css/homebox.css
View source
  1. #homebox-page .homebox-save-form {
  2. display: none;
  3. }
  4. #homebox {
  5. position: relative;
  6. }
  7. /**
  8. * Columns/regions
  9. */
  10. .homebox-column {
  11. /*margin: 2px;*/
  12. min-height: 40px;
  13. background: url(../images/stripe.png);
  14. float: left;
  15. width: 100%;
  16. }
  17. /*
  18. ** Portlets/boxes
  19. */
  20. #homebox .homebox-portlet {
  21. margin: 2px 0 5px;
  22. padding: 0;
  23. border: 3px solid #eee;
  24. background-color: white;
  25. }
  26. #homebox .homebox-portlet .homebox-portlet-inner {
  27. border: 1px solid #c0c0c0;
  28. overflow: hidden;
  29. }
  30. #homebox .portlet-content {
  31. padding: 4px;
  32. }
  33. #homebox .homebox-portlet .portlet-header {
  34. margin: 0;
  35. padding: 2px 4px;
  36. border-bottom: 1px solid #ddd;
  37. background: #e4f0f8; /* matches garland */
  38. color: #494949;
  39. min-height: 18px;
  40. font-size: 1em;
  41. }
  42. #homebox .homebox-draggable .portlet-header:hover {
  43. cursor: move;
  44. }
  45. #homebox .homebox-portlet .portlet-header .portlet-title {
  46. display: block;
  47. z-index: 9; /* IE is terrible */
  48. position: relative; /* IE is terrible */
  49. width: 75%;
  50. float: left;
  51. }
  52. /*
  53. ** Icons
  54. */
  55. .portlet-icon {
  56. float: right;
  57. height: 16px;
  58. width: 16px;
  59. cursor: pointer;
  60. z-index: 10; /* IE is terrible */
  61. position: relative; /* IE is terrible */
  62. }
  63. .portlet-close {
  64. background: url(../images/close.gif);
  65. text-indent: -9999px;
  66. }