You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

96 lines
2.0 KiB

  1. /*--------------------
  2. Horizontal Dividers
  3. ---------------------*/
  4. .ui.divider {
  5. margin: 1em 0em;
  6. height: 1px;
  7. background-color: rgba(0, 0, 0, 0.1);
  8. border-top: none;
  9. border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  10. }
  11. .ui.vertical.divider,
  12. .ui.horizontal.divider {
  13. position: relative;
  14. margin: 25px 0px 10px;
  15. font-size: 14px;
  16. line-height: 14px;
  17. text-align: center;
  18. text-transform: uppercase;
  19. text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  20. color: #555555;
  21. font-weight: bold;
  22. }
  23. .ui.divider .rule {
  24. position: absolute;
  25. top: 6px;
  26. width: 45%;
  27. height: 1px;
  28. background-color: #ADADAD;
  29. background-color: rgba(0, 0, 0, 0.1);
  30. border-bottom: 1px solid #F8F8F8;
  31. border-bottom: 1px solid rgba(255, 255, 255, 0.9);
  32. }
  33. .ui.divider .left.rule {
  34. left: 0px;
  35. }
  36. .ui.divider .right.rule {
  37. right: 0px;
  38. }
  39. .ui.divider .label {
  40. display: block;
  41. margin: 14px 0px 0px;
  42. text-transform: none;
  43. color: #333333;
  44. }
  45. /*--------------------
  46. Vertical Dividers
  47. ---------------------*/
  48. .vertical.ui.divider {
  49. position: absolute;
  50. top: 0px;
  51. left: 50%;
  52. height: 100%;
  53. margin: 0px 0px 0px -50px;
  54. min-width: 100px;
  55. color: #555555;
  56. font-weight: bold;
  57. }
  58. .vertical.ui.divider .rule {
  59. position: absolute;
  60. left: 50%;
  61. width: 1px;
  62. height: 45%;
  63. background-color: #ADADAD;
  64. background-color: rgba(0, 0, 0, 0.2);
  65. border-right: 1px solid #F8F8F8;
  66. border-right: 1px solid rgba(255, 255, 255, 0.9);
  67. }
  68. .vertical.ui.divider .top.rule {
  69. top: 0px;
  70. }
  71. .vertical.ui.divider .bottom.rule {
  72. top: auto;
  73. bottom: 0px;
  74. }
  75. .vertical.ui.divider .label {
  76. position: relative;
  77. top: 50%;
  78. margin-top: -7px;
  79. display: block;
  80. width: 100%;
  81. font-size: 14px;
  82. line-height: 14px;
  83. text-align: center;
  84. text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8);
  85. text-transform: none;
  86. color: #333333;
  87. }
  88. /* Inverted Color Divider (Black BG) */
  89. .ui.divider.inverted {
  90. text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8);
  91. color: #FFFFFF;
  92. }
  93. .ui.divider.inverted .rule {
  94. border-color: #4A4A4A;
  95. border-color: rgba(255, 255, 255, 0.2);
  96. }