homebox_custom.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. /*
  2. * @file
  3. * Includes style for homebox module boxes
  4. *
  5. * Includes proper styling for homebox module when enabled. Includes style for boxes
  6. * and icons for the box actions
  7. */
  8. #homebox-buttons {
  9. margin: 20px 0 10px;
  10. }
  11. #homebox-buttons a {
  12. padding: 0px 20px;
  13. font-family: "Helvetica", sans-serif;
  14. font-size: 14px;
  15. font-weight: bold;
  16. background: #fff;
  17. line-height: 30px;
  18. border: 2px solid #0074BD;
  19. margin: 5px auto;
  20. border-radius: 100px;
  21. display: inline-block;
  22. transition: all, 0.3s;
  23. }
  24. #homebox-buttons a:hover {
  25. text-decoration: none;
  26. background: #0074BD;
  27. color: #fff;
  28. }
  29. #homebox .homebox-column {
  30. background: transparent;
  31. }
  32. #homebox .homebox-portlet {
  33. border: none;
  34. box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  35. margin-bottom: 15px;
  36. }
  37. #homebox .homebox-portlet .portlet-header {
  38. font-size: 15px;
  39. padding: 8px 13px;
  40. background-color: #F3F4EE;
  41. color: #333;
  42. }
  43. /* Just some support for views on homebox portlets */
  44. #homebox .homebox-portlet .view .view-footer{
  45. padding: 5px;
  46. }
  47. /*
  48. * Material style
  49. */
  50. body.adminimal-skin-material #homebox-buttons a {
  51. text-transform: uppercase;
  52. font-weight: 500;
  53. font-size: 15px;
  54. background: #2196f3;
  55. border: none;
  56. color: #FFFFFF;
  57. padding: 3px 20px 2px;
  58. border-radius: 3px;
  59. display: inline-block;
  60. }
  61. body.adminimal-skin-material #homebox-buttons a:hover {
  62. background: #29B6F6;
  63. text-decoration: none;
  64. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
  65. }
  66. body.adminimal-skin-material #homebox .homebox-portlet {
  67. border: none;
  68. box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
  69. background: #fff;
  70. border-radius: 3px;
  71. }
  72. body.adminimal-skin-material #homebox .homebox-portlet-inner {
  73. border: none;
  74. }
  75. body.adminimal-skin-material #homebox .homebox-portlet .portlet-header {
  76. font-family: Roboto, sans-serif;
  77. font-size: 15px;
  78. font-weight: 500;
  79. }