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.

126 lines
2.0 KiB

  1. /*!
  2. * # Semantic UI 2.1.6 - Rail
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2015 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Rails
  13. *******************************/
  14. .ui.rail {
  15. position: absolute;
  16. top: 0%;
  17. width: 300px;
  18. height: 100%;
  19. }
  20. .ui.left.rail {
  21. left: auto;
  22. right: 100%;
  23. padding: 0em 2rem 0em 0em;
  24. margin: 0em 2rem 0em 0em;
  25. }
  26. .ui.right.rail {
  27. left: 100%;
  28. right: auto;
  29. padding: 0em 0em 0em 2rem;
  30. margin: 0em 0em 0em 2rem;
  31. }
  32. /*******************************
  33. Variations
  34. *******************************/
  35. /*--------------
  36. Internal
  37. ---------------*/
  38. .ui.left.internal.rail {
  39. left: 0%;
  40. right: auto;
  41. padding: 0em 0em 0em 2rem;
  42. margin: 0em 0em 0em 2rem;
  43. }
  44. .ui.right.internal.rail {
  45. left: auto;
  46. right: 0%;
  47. padding: 0em 2rem 0em 0em;
  48. margin: 0em 2rem 0em 0em;
  49. }
  50. /*--------------
  51. Dividing
  52. ---------------*/
  53. .ui.dividing.rail {
  54. width: 302.5px;
  55. }
  56. .ui.left.dividing.rail {
  57. padding: 0em 2.5rem 0em 0em;
  58. margin: 0em 2.5rem 0em 0em;
  59. border-right: 1px solid rgba(0, 0, 0, 0.13);
  60. }
  61. .ui.right.dividing.rail {
  62. border-left: 1px solid rgba(0, 0, 0, 0.13);
  63. padding: 0em 0em 0em 2.5rem;
  64. margin: 0em 0em 0em 2.5rem;
  65. }
  66. /*--------------
  67. Distance
  68. ---------------*/
  69. .ui.close.rail {
  70. width: 301px;
  71. }
  72. .ui.close.left.rail {
  73. padding: 0em 1em 0em 0em;
  74. margin: 0em 1em 0em 0em;
  75. }
  76. .ui.close.right.rail {
  77. padding: 0em 0em 0em 1em;
  78. margin: 0em 0em 0em 1em;
  79. }
  80. .ui.very.close.rail {
  81. width: 300.5px;
  82. }
  83. .ui.very.close.left.rail {
  84. padding: 0em 0.5em 0em 0em;
  85. margin: 0em 0.5em 0em 0em;
  86. }
  87. .ui.very.close.right.rail {
  88. padding: 0em 0em 0em 0.5em;
  89. margin: 0em 0em 0em 0.5em;
  90. }
  91. /*--------------
  92. Attached
  93. ---------------*/
  94. .ui.attached.left.rail,
  95. .ui.attached.right.rail {
  96. padding: 0em;
  97. margin: 0em;
  98. }
  99. /*--------------
  100. Sizing
  101. ---------------*/
  102. .ui.rail {
  103. font-size: 1rem;
  104. }
  105. /*******************************
  106. Site Overrides
  107. *******************************/