less-rails-semantic_ui 1.0.1.0

data/assets/stylesheets/semantic_ui/themes/default/collections/menu.overrides

@@ -0,0 +1,3 @@
+/*******************************
+         Theme Overrides
+*******************************/

data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables

@@ -0,0 +1,322 @@
+/*******************************
+             Menu
+*******************************/
+
+
+/*-------------------
+    Globals Used
+--------------------*/
+
+// @textColor
+// @borderColor
+// @invertedUnselectedTextColor
+
+/*-------------------
+      Collection
+--------------------*/
+
+@margin: 1rem 0rem;
+@verticalPadding: 0.83em;
+@horizontalPadding: 0.95em;
+
+@background: #FFFFFF;
+@itemBackground: none;
+
+@fontWeight: normal;
+@boxShadow:
+  0px 0px 0px 1px @borderColor,
+  @subtleShadow
+;
+
+@borderSize: 0em;
+
+@transition:
+  opacity 0.2s ease,
+  background 0.2s ease,
+  box-shadow 0.2s ease
+;
+@borderRadius: @defaultBorderRadius;
+
+@dividerSize: 1px;
+@dividerBackground: linear-gradient(
+  rgba(0, 0, 0, 0.05) 0%,
+  rgba(0, 0, 0, 0.1) 50%,
+  rgba(0, 0, 0, 0.05) 100%)
+;
+
+@headerBackground: rgba(0, 0, 0, 0.04);
+@headerWeight: bold;
+
+@textLineHeight: 1.3;
+
+@transition:
+  opacity 0.2s ease,
+  background 0.2s ease,
+  box-shadow 0.2s ease
+;
+
+@menuTextColor: @textColor;
+
+/* Sub Menu */
+@subMenuMargin: 0.5em;
+@subMenuFontSize: 0.875rem;
+@subMenuTextColor: rgba(0, 0, 0, 0.5);
+
+@subMenuHorizontalPadding: 0.5rem;
+@subMenuVerticalPadding: 1.5rem;
+
+/*--------------
+    Elements
+---------------*/
+
+/* Icon */
+@iconFloat: none;
+@iconMargin: 0em 0.25em 0em 0em;
+@iconOpacity: 0.75;
+
+@dropdownIconFloat: right;
+@dropdownIconDistance: 1em;
+
+@verticalIconFloat: right;
+@verticalIconMargin: 0em 0em 0em 0.5em;
+
+/* Header */
+@headerBackground: rgba(0, 0, 0, 0.04);
+@headerWeight: bold;
+@headerTextTransform: normal;
+
+/*--------------
+    Couplings
+---------------*/
+
+/* Button */
+@buttonOffset: -0.05em;
+@buttonVerticalPadding: 0.55em;
+@buttonSize: 0.875em;
+@actionButtonHorizontalPadding: 0.8em;
+
+/* Input */
+@inputSize: 1em;
+@inputVerticalMargin: -0.6em;
+@inputOffset: 0em;
+@inputVerticalPadding: 0.4em;
+
+@smallInputOffset: 0em;
+@smallInputVerticalPadding: 0.4em;
+
+@largeInputOffset: -0.125em;
+@largeInputVerticalPadding: 0.6em;
+
+/* Label */
+@labelOffset: -0.15em;
+@labelBackground: rgba(0, 0, 0, 0.35);
+@labelTextColor: #FFFFFF;
+
+@labelTextMargin: 0.5em;
+@labelVerticalPadding: 0.3em;
+@labelHorizontalPadding: 0.8em;
+
+@labelAndIconFloat: none;
+@labelAndIconMargin: 0em 0.5em 0em 0em;
+
+/* Dropdown */
+@dropdownBackground: #FFFFFF;
+@dropdownMenuOffset: 0px;
+@dropdownPointingDistance: 0px;
+
+@dropdownTextColor: @textColor;
+@dropdownTextColorHover: @darkTextColor;
+@dropdownIconMargin: 0em 0em 0em 1em;
+
+@dropdownBoxShadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
+@dropdownVerticalBoxShadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
+
+/* Pointing Arrow */
+@arrowSize: 0.6em;
+@arrowOffset: -(@arrowSize / 2);
+@arrowBorder: 1px solid rgba(0, 0, 0, 0.1);
+
+@arrowHoverColor: #FAFAFA;
+@arrowActiveColor: #F6F6F6;
+
+@arrowVerticalHoverColor: #FAFAFA;
+@arrowVerticalActiveColor: #FCFCFC;
+
+/*--------------
+     States
+---------------*/
+
+@hoverBackground: @subtleTransparentBlack;
+@hoverColor: @textColor;
+
+@pressedBackground: @subtleTransparentBlack;
+@pressedColor: @pressedTextColor;
+
+@activeBackground: @subtleTransparentBlack;
+@activeColor: @darkTextColor;
+@activeBorderSize: 2px;
+@activeFontWeight: normal;
+@activeIconOpacity: 1;
+
+@activeHoverBackground: @hoverBackground;
+@subMenuActiveBackground: transparent;
+
+@loadingBackgroundColor: rgba(255, 255, 255, 0.8);
+@loadingImage: "@{imagePath}/loader-large.gif";
+@loadingPosition: 50% 50%;
+
+
+/*--------------
+     Types
+---------------*/
+
+/* Vertical */
+@verticalBackground: #FFFFFF;
+@verticalItemBackground: none;
+@verticalDividerBackground: linear-gradient(to right,
+  rgba(0, 0, 0, 0.03) 0%,
+  rgba(0, 0, 0, 0.1) 1.5em,
+  rgba(0, 0, 0, 0.03) 100%)
+;
+
+
+/* Secondary */
+@secondaryBackground: none;
+@secondaryItemBackground: none;
+
+@secondaryTransition: color 0.2s ease;
+
+@secondaryBorderRadius: @defaultBorderRadius;
+
+@secondaryMargin: 0.25em;
+@secondaryVerticalMargin: 0.3em;
+@secondaryVerticalPadding: 0.5em;
+@secondaryHorizontalPadding: 0.8em;
+
+@secondaryLinkOpacity: 0.8;
+
+@secondaryHeaderBackground: none transparent;
+@secondaryHeaderBorder: 0.1em solid rgba(0, 0, 0, 0.1);
+
+@secondaryActiveBackground: @transparentBlack;
+@secondaryInvertedActiveBackground: @transparentWhite;
+
+
+/* Pointing */
+@secondaryPointingBorderWidth: 3px;
+@secondaryPointingVerticalPadding: 0.6em;
+@secondaryPointingHorizontalPadding: 0.95em;
+
+@secondaryPointingBorderColor: rgba(0, 0, 0, 0.2);
+@secondaryPointingHoverTextColor: @textColor;
+
+@secondaryPointingActiveBorderColor: rgba(0, 0, 0, 0.4);
+@secondaryPointingActiveTextColor: @selectedTextColor;
+
+@secondaryPointingHeaderColor: @darkTextColor;
+
+/* Tiered */
+@tieredActiveItemBackground: #FCFCFC;
+@tieredActiveMenuBackground: #FCFCFC;
+
+@tieredSubMenuTextTransform: normal;
+@tieredSubMenuFontWeight: normal;
+
+@tieredSubMenuColor: @lightTextColor;
+
+@tieredSubMenuHoverBackground: none transparent;
+@tieredSubMenuHoverColor: @hoveredTextColor;
+
+@tieredSubMenuActiveBackground: none transparent;
+@tieredSubMenuActiveColor: @selectedTextColor;
+
+@tieredInvertedSubMenuBackground: rgba(0, 0, 0, 0.2);
+
+/* Tabular */
+@tabularBorderColor: @solidBorderColor;
+@tabularBackgroundColor: #FFFFFF;
+@tabularBorderWidth: 1px;
+@tabularHorizontalPadding: 1.4em;
+@tabularMenuTextColor: @menuTextColor;
+
+@tabularActiveColor: @selectedTextColor;
+
+@tabularMenuActiveBackground: #FFFFFF;
+@tabularActiveWeight: bold;
+@tabularBorderRadius: 5px;
+
+/* Pagination */
+@paginationMinWidth: 3em;
+@paginationActiveBackground: rgba(0, 0, 0, 0.03);
+
+/* Labeled Icon */
+@labeledIconSize: 1.5em;
+@labeledIconMinWidth: 6em;
+@labeledIconTextMargin: 0.5em;
+
+/* Text */
+@textMenuTransition: opacity 0.2s ease;
+
+/*--------------
+   Variations
+---------------*/
+
+/* Inverted */
+@invertedBackground: @black;
+@invertedBoxShadow: none;
+@invertedHeaderBackground: rgba(0, 0, 0, 0.3);
+
+/* Inverted Sub Menu */
+@invertedSubMenuBackground: transparent;
+@invertedSubMenuColor: @invertedUnselectedTextColor;
+
+/* Inverted Hover */
+@invertedHoverBackground: rgba(255, 255, 255, 0.1);
+@invertedHoverColor: @white;
+@invertedSubMenuHoverBackground: transparent;
+@invertedSubMenuHoverColor: @white;
+
+/* Pressed */
+@invertedMenuPressedBackground: rgba(255, 255, 255, 0.15);
+@invertedMenuPressedColor: @white;
+
+/* Inverted Active */
+@invertedActiveBackground: rgba(255, 255, 255, 0.2);
+@invertedActiveColor: @white;
+@invertedSubMenuActiveBackground: transparent;
+@invertedSubMenuActiveColor: @white;
+
+/* Inverted Secondary */
+@secondaryInvertedColor: @invertedLightTextColor;
+@secondaryInvertedHoverColor: @invertedSelectedTextColor;
+
+/* Inverted Menu Divider */
+@invertedDividerBackground: linear-gradient(
+  rgba(255, 255, 255, 0.03) 0%,
+  rgba(255, 255, 255, 0.1) 50%,
+  rgba(255, 255, 255, 0.03) 100%)
+;
+@invertedVerticalDividerBackground: linear-gradient(to right,
+  rgba(255, 255, 255, 0.03) 0%,
+  rgba(255, 255, 255, 0.1) 50%,
+  rgba(255, 255, 255, 0.03) 100%)
+;
+
+/* Fixed */
+@fixedGridMargin: 2.75rem;
+
+/* Attached */
+@attachedBoxShadow: 0px 0px 0px 1px #DDDDDD;
+
+/* Sizes */
+@small: 0.875rem;
+@smallSubMenu: 0.875rem;
+@smallWidth: 13rem;
+
+@medium: 1rem;
+@mediumWidth: 15rem;
+
+@large: 1.125rem;
+@largeSubMenu: 0.875rem;
+@largeDropdown: 1rem;
+@largeWidth: 18rem;

data/assets/stylesheets/semantic_ui/themes/default/collections/message.overrides

@@ -0,0 +1,3 @@
+/*******************************
+         Theme Overrides
+*******************************/

data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables

@@ -0,0 +1,88 @@
+/*******************************
+            Message
+*******************************/
+
+// @textColor
+
+/*-------------------
+       Elements
+--------------------*/
+
+@verticalMargin: 1em;
+
+@verticalPadding: 1em;
+@horizontalPadding: 1.5em;
+
+@background: #EFEFEF;
+@lineHeight: 1.3;
+@lineHeightOffset: ((@lineHeight - 1em) / 2);
+
+@borderRadius: @defaultBorderRadius;
+@borderWidth: 1px;
+@borderShadow: 0px 0px 0px @borderWidth @borderColor inset;
+@shadowShadow: 0px 0px 0px 0px transparent;
+@boxShadow:
+  @borderShadow,
+  @shadowShadow
+;
+
+@transition:
+  opacity 0.2s ease,
+  color 0.2s ease,
+  background 0.2s ease,
+  box-shadow 0.2s ease
+;
+
+/* Header */
+@headerFontSize: 1.1em;
+@headerFontWeight: bold;
+@headerDisplay: block;
+@headerDistance: 0.5rem;
+@headerParagraphDistance: 0.25em;
+
+/* Paragraph */
+@messageTextOpacity: 0.85;
+@messageParagraphMargin: 0.75em;
+
+/* List */
+@listOpacity: 0.85;
+@listStylePosition: inside;
+@listMargin: 0.5em;
+@listItemIndent: 1em;
+@listItemMargin: 0.3em;
+
+/* Icon */
+@iconDistance: 0.6em;
+
+/* Close Icon */
+@closeTopDistance: (1em + @lineHeightOffset);
+@closeRightDistance: 0.5em;
+@closeOpacity: 0.7;
+
+
+/*-------------------
+        Types
+--------------------*/
+
+/* Icon Message */
+@iconSize: 3em;
+@iconOpacity: 0.8;
+@iconContentDistance: 1.5rem;
+@iconVerticalAlign: middle;
+@circularIconContentDistance: 2em;
+
+/* Attached */
+@attachedXOffset: -1px;
+@attachedYOffset: -1px;
+@attachedBoxShadow: 0em 0em 0em @borderWidth rgba(0, 0, 0, 0.1) inset;
+@attachedBottomBoxShadow:
+  @attachedBoxShadow,
+  @subtleShadow
+;
+
+/* Floating */
+@floatingShadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
+@floatingBoxShadow:
+  @floatingShadow,
+  @borderShadow
+;

data/assets/stylesheets/semantic_ui/themes/default/collections/table.overrides

@@ -0,0 +1,3 @@
+/*******************************
+         Theme Overrides
+*******************************/

data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables

@@ -0,0 +1,228 @@
+/*******************************
+             Table
+*******************************/
+
+/*-------------------
+       Element
+--------------------*/
+
+@margin: 1em 0em;
+@borderCollapse: separate;
+@borderSpacing: 0px;
+@transition:
+  background @transitionDuration @transitionEasing,
+  border-color @transitionDuration @transitionEasing,
+  color @transitionDuration @transitionEasing
+;
+@borderRadius: 0.25rem;
+@background: #FFFFFF;
+@color: @textColor;
+@borderWidth: 1px;
+@borderColor: #D0D0D0;
+@border: @borderWidth solid @borderColor;
+@boxShadow: none;
+@textAlign: left;
+
+/*-------------------
+       Types
+--------------------*/
+
+/* Definition */
+@definitionPageBackground: @white;
+
+@definitionHeaderBackground: transparent;
+@definitionHeaderColor: @unselectedTextColor;
+@definitionHeaderFontWeight: normal;
+
+@definitionFooterBackground: @definitionHeaderBackground;
+@definitionFooterColor: @definitionHeaderColor;
+@definitionFooterFontWeight: @definitionHeaderFontWeight;
+
+@definitionColumnBackground: @subtleTransparentBlack;
+@definitionColumnColor: @selectedTextColor;
+@definitionColumnFontWeight: bold;
+
+
+/*--------------
+     Parts
+---------------*/
+
+/* Table Row */
+@rowBorder: 1px solid @solidBorderColor;
+
+/* Table Cell */
+@cellVerticalPadding: 0.7em;
+@cellHorizontalPadding: 0.8em;
+@cellVerticalAlign: middle;
+@cellTextAlign: @textAlign;
+@cellBorder: 1px solid @solidBorderColor;
+
+/* Table Header */
+@headerBorder: 1px solid @solidBorderColor;
+@headerDivider: none;
+@headerBackground: @darkWhite;
+@headerAlign: @textAlign;
+@headerVerticalAlign: middle;
+@headerColor: @textColor;
+@headerVerticalPadding: @cellVerticalPadding;
+@headerHorizontalPadding: @cellHorizontalPadding;
+@headerFontStyle: none;
+@headerFontWeight: bold;
+@headerTextTransform: none;
+@headerBoxShadow: none;
+
+/* Table Footer */
+@footerBoxShadow: none;
+@footerBorder: 1px solid @solidBorderColor;
+@footerDivider: none;
+@footerBackground: @white;
+@footerAlign: @textAlign;
+@footerVerticalAlign: middle;
+@footerColor: @textColor;
+@footerVerticalPadding: @cellVerticalPadding;
+@footerHorizontalPadding: @cellHorizontalPadding;
+@footerFontStyle: normal;
+@footerFontWeight: normal;
+@footerTextTransform: none;
+
+/* Responsive Size */
+@responsiveHeaderDisplay: block;
+@responsiveFooterDisplay: block;
+@responsiveRowVerticalPadding: 1em;
+@responsiveRowBoxShadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+@responsiveCellVerticalPadding: 0.25em;
+@responsiveCellHorizontalPadding: 0.75em;
+@responsiveCellBoxShadow: none !important;
+@responsiveStatusColor: transparent;
+
+/*--------------
+    Couplings
+---------------*/
+
+@iconVerticalAlign: baseline;
+
+
+/*--------------
+     States
+---------------*/
+
+@stateMarkerWidth: 0px;
+
+/* Positive */
+@positiveColor: @positiveTextColor;
+@positiveBoxShadow: @stateMarkerWidth 0px 0px @positiveBorderColor inset;
+@positiveBackgroundHover: darken(@positiveBackgroundColor, 3);
+@positiveColorHover: darken(@positiveColor, 3);
+
+/* Negative */
+@negativeColor: #CD2929;
+@negativeBoxShadow: @stateMarkerWidth 0px 0px @negativeBorderColor inset;
+@negativeBackgroundHover: darken(@negativeBackgroundColor, 3);
+@negativeColorHover: darken(@negativeColor, 3);
+
+/* Error */
+@errorColor: #CD2929;
+@errorBoxShadow: @stateMarkerWidth 0px 0px @errorBorderColor inset;
+@errorBackgroundHover: darken(@errorBackgroundColor, 3);
+@errorColorHover: darken(@errorColor, 3);
+
+/* Warning */
+@warningColor: #7D6C00;
+@warningBoxShadow: @stateMarkerWidth 0px 0px @warningBorderColor inset;
+@warningBackgroundHover: darken(@warningBackgroundColor, 3);
+@warningColorHover: darken(@warningColor, 3);
+
+/* Active */
+@activeColor: rgba(50, 50, 50, 0.9);
+@activeBackgroundColor: #E0E0E0;
+@activeBoxShadow: @stateMarkerWidth 0px 0px @activeColor inset;
+@activeBackgroundHover: #EFEFEF;
+@activeColorHover: rgba(50, 50, 50, 1);
+
+/*--------------
+     Types
+---------------*/
+
+/* Attached */
+@attachedHorizontalOffset: -1px;
+@attachedBoxShadow: none;
+@attachedTableWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
+
+/* Striped */
+@stripedBackground: rgba(0, 0, 50, 0.03);
+@invertedStripedBackground: rgba(255, 255, 255, 0.06);
+
+/* Sortable */
+@sortableBackground: '';
+@sortableColor: @textColor;
+
+@sortableBorder: 1px solid @borderColor;
+@sortableIconWidth: 1em;
+@sortableIconDistance: 0.5em;
+@sortableIconOpacity: 0.8;
+@sortableIconFont: 'Icons';
+@sortableIconAscending: '\f0d7';
+@sortableIconDescending: '\f0d8';
+@sortableDisabledColor: @disabledTextColor;
+
+@sortableHoverBackground: @transparentBlack;
+@sortableHoverColor: @hoveredTextColor;
+
+@sortableActiveBackground: @transparentBlack;
+@sortableActiveColor: @selectedTextColor;
+
+@sortableActiveHoverBackground: @transparentBlack;
+@sortableActiveHoverColor: @selectedTextColor;
+
+@sortableInvertedBorderColor: transparent;
+@sortableInvertedHoverBackground: @transparentWhite @subtleGradient;
+@sortableInvertedHoverColor: @invertedHoveredTextColor;
+@sortableInvertedActiveBackground: @strongTransparentWhite @subtleGradient;
+@sortableInvertedActiveColor: @invertedSelectedTextColor;
+
+/* Colors */
+@coloredBorderSize: 0.2em;
+@coloredBorderRadius: 0em 0em @borderRadius @borderRadius;
+
+/* Inverted */
+@invertedBackground: #333333;
+@invertedBorder: none;
+@invertedCellBorderColor: rgba(0, 0, 0, 0.2);
+@invertedCellColor: @invertedTextColor;
+@invertedHeaderBackground: rgba(0, 0, 0, 0.15);
+@invertedHeaderColor: rgba(255, 255, 255, 0.9);
+
+@invertedDefinitionColumnBackground: @subtleTransparentWhite;
+@invertedDefinitionColumnColor: @invertedSelectedTextColor;
+@invertedDefinitionColumnFontWeight: bold;
+
+/* Basic */
+@basicTableBackground: transparent;
+@basicTableBorder: 1px solid @borderColor;
+@basicBoxShadow: none;
+
+@basicTableHeaderBackground: transparent;
+@basicTableCellBackground: transparent;
+@basicTableHeaderDivider: none;
+@basicTableCellBorder: 1px solid rgba(0, 0, 0, 0.1);
+@basicTableCellVerticalPadding: 0.8em;
+@basicTableCellHorizontalPadding: 0em;
+@basicTableStripedBackground: @transparentBlack;
+
+/* Padded */
+@paddedVerticalPadding: 1em;
+@paddedHorizontalPadding: 1em;
+@veryPaddedVerticalPadding: 1.5em;
+@veryPaddedHorizontalPadding: 1.5em;
+
+/* Compact */
+@compactVerticalPadding: 0.5em;
+@compactHorizontalPadding: 0.7em;
+@veryCompactVerticalPadding: 0.4em;
+@veryCompactHorizontalPadding: 0.6em;
+
+
+/* Sizes */
+@small: 0.9em;
+@medium: 1em;
+@large: 1.1em;