/* * # Semantic - Rail * http://github.com/semantic-org/semantic-ui/ * * * Copyright 2014 Contributor * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Theme *******************************/ /* ███████╗███████╗███╗ ███╗ █████╗ ███╗ ██╗████████╗██╗ ██████╗ ██╗ ██╗██╗ ██╔════╝██╔════╝████╗ ████║██╔══██╗████╗ ██║╚══██╔══╝██║██╔════╝ ██║ ██║██║ ███████╗█████╗ ██╔████╔██║███████║██╔██╗ ██║ ██║ ██║██║ ██║ ██║██║ ╚════██║██╔══╝ ██║╚██╔╝██║██╔══██║██║╚██╗██║ ██║ ██║██║ ██║ ██║██║ ███████║███████╗██║ ╚═╝ ██║██║ ██║██║ ╚████║ ██║ ██║╚██████╗ ╚██████╔╝██║ ╚══════╝╚══════╝╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═══╝ ╚═╝ ╚═╝ ╚═════╝ ╚═════╝ ╚═╝ */ /******************************* Folders *******************************/ /* Path to theme packages */ /* Path to site override folder */ /******************************* Themes *******************************/ /* To override a theme for an individual element specify theme name below Be sure to update the user folder name (see README) */ /* Global */ /* Elements */ /* Collections */ /* Modules */ /* Views */ /******************************* Import Directives *******************************/ /*------------------ Load Defaults -------------------*/ /******************************* Site Settings *******************************/ /*------------------- Paths --------------------*/ /*------------------- Fonts --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*------------------- Page --------------------*/ /*------------------- Background Colors --------------------*/ /* Used for differentiating neutrals */ /* Used for differentiating layers */ /*------------------- Grid --------------------*/ /*------------------- Breakpoints --------------------*/ /******************************* Power-User *******************************/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Easing --------------------*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /*------------------- Emotive Colors --------------------*/ /* Mood */ /* Status */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Sizes --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Derived Values --------------------*/ /* Makes sure padded grid can fit at 320px */ /* Used to match floats with text */ /* Positive / Negative Dupes */ /* Header Colors */ /* Responsive */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Neutrals ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Neutrals ---*/ /*------------------- Active --------------------*/ /*--- Standard ---*/ /*--- Emotive ---*/ /*--- Neutrals ---*/ /******************************* Rail *******************************/ /*------------------- Element --------------------*/ /*------------------- Variations --------------------*/ /* Close */ /* Divided */ /*------------------ Load Theme -------------------*/ /******************************* Site Settings *******************************/ /*------------------- Paths --------------------*/ /*------------------- Fonts --------------------*/ /*------------------- Site Colors --------------------*/ /*--- Colors ---*/ /*--- Light Colors ---*/ /*------------------- Page --------------------*/ /*------------------- Background Colors --------------------*/ /* Used for differentiating neutrals */ /* Used for differentiating layers */ /*------------------- Grid --------------------*/ /*------------------- Breakpoints --------------------*/ /******************************* Power-User *******************************/ /*------------------- Icons --------------------*/ /* Maximum Glyph Width of Icon */ /*------------------- Easing --------------------*/ /*--- Neutrals ---*/ /*--- Colored Backgrounds ---*/ /*--- Colored Text ---*/ /*--- Colored Headers ---*/ /*------------------- Emotive Colors --------------------*/ /* Mood */ /* Status */ /*------------------- Neutral Text --------------------*/ /*------------------- Brand Colors --------------------*/ /*------------------- Borders --------------------*/ /*------------------- Sizes --------------------*/ /*------------------- Transitions --------------------*/ /*------------------- Derived Values --------------------*/ /* Makes sure padded grid can fit at 320px */ /* Used to match floats with text */ /* Positive / Negative Dupes */ /* Header Colors */ /* Responsive */ /* Columns */ /******************************* States *******************************/ /*------------------- Disabled --------------------*/ /*------------------- Hover --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Neutrals ---*/ /*------------------- Down (:active) --------------------*/ /*--- Colors ---*/ /*--- Emotive ---*/ /*--- Neutrals ---*/ /*------------------- Active --------------------*/ /*--- Standard ---*/ /*--- Emotive ---*/ /*--- Neutrals ---*/ /******************************* Rail *******************************/ /*------------------- Element --------------------*/ /*------------------- Variations --------------------*/ /* Close */ /* Divided */ /*------------------ Load Site -------------------*/ /******************************* User Global Variables *******************************/ /******************************* User Variable Overrides *******************************/ /*------------------ Override Loader -------------------*/ /******************************* Rails *******************************/ .ui.rail { font-size: 1em; position: absolute; top: 0%; width: 300px; box-sizing: content-box; } .ui.left.rail { left: auto; right: 100%; padding: 0em 2rem 0em 0em; margin: 0em 2rem 0em 0em; } .ui.right.rail { left: 100%; right: auto; padding: 0em 0em 0em 2rem; margin: 0em 0em 0em 2rem; } /******************************* Variations *******************************/ /*-------------- Divided ---------------*/ .ui.left.dividing.rail { padding: 0em 2.5rem 0em 0em; margin: 0em 2.5rem 0em 0em; border-right: 1px solid rgba(39, 41, 43, 0.15); } .ui.right.dividing.rail { border-left: 1px solid rgba(39, 41, 43, 0.15); padding: 0em 0em 0em 2.5rem; margin: 0em 0em 0em 2.5rem; } /*-------------- Distance ---------------*/ .ui.close.left.rail { padding: 0em 1em 0em 0em; margin: 0em 1em 0em 0em; } .ui.close.right.rail { padding: 0em 0em 0em 1em; margin: 0em 0em 0em 1em; } .ui.very.close.left.rail { padding: 0em 0.5em 0em 0em; margin: 0em 0.5em 0em 0em; } .ui.very.close.right.rail { padding: 0em 0em 0em 0.5em; margin: 0em 0em 0em 0.5em; } /*-------------- Sizing ---------------*/ .ui.rail { font-size: 1em; } /******************************* Overrides *******************************/ /******************************* Overrides *******************************/