aboutsummaryrefslogtreecommitdiff
path: root/semantic/src/definitions/globals/site.less
diff options
context:
space:
mode:
Diffstat (limited to 'semantic/src/definitions/globals/site.less')
-rw-r--r--semantic/src/definitions/globals/site.less207
1 files changed, 207 insertions, 0 deletions
diff --git a/semantic/src/definitions/globals/site.less b/semantic/src/definitions/globals/site.less
new file mode 100644
index 0000000..876deb3
--- /dev/null
+++ b/semantic/src/definitions/globals/site.less
@@ -0,0 +1,207 @@
+/*!
+ * # Fomantic-UI - Site
+ * http://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * http://opensource.org/licenses/MIT
+ *
+ */
+
+
+/*******************************
+ Theme
+*******************************/
+
+@type : 'global';
+@element : 'site';
+
+@import (multiple) '../../theme.config';
+
+/*******************************
+ Page
+*******************************/
+
+.loadFonts();
+
+html,
+body {
+ height: 100%;
+}
+
+html {
+ font-size: @emSize;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+ overflow-x: @pageOverflowX;
+ min-width: @pageMinWidth;
+ background: @pageBackground;
+ font-family: @pageFont;
+ font-size: @fontSize;
+ line-height: @lineHeight;
+ color: @textColor;
+}
+
+/*******************************
+ Headers
+*******************************/
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+ font-family: @headerFont;
+ line-height: @headerLineHeight;
+ margin: @headerMargin;
+ font-weight: @headerFontWeight;
+ padding: 0;
+}
+
+h1 {
+ min-height: 1rem;
+ font-size: @h1;
+}
+h2 {
+ font-size: @h2;
+}
+h3 {
+ font-size: @h3;
+}
+h4 {
+ font-size: @h4;
+}
+h5 {
+ font-size: @h5;
+}
+
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child {
+ margin-top: 0;
+}
+
+h1:last-child,
+h2:last-child,
+h3:last-child,
+h4:last-child,
+h5:last-child {
+ margin-bottom: 0;
+}
+
+
+/*******************************
+ Text
+*******************************/
+
+p {
+ margin: @paragraphMargin;
+ line-height: @paragraphLineHeight;
+}
+p:first-child {
+ margin-top: 0;
+}
+p:last-child {
+ margin-bottom: 0;
+}
+
+/*-------------------
+ Links
+--------------------*/
+
+a {
+ color: @linkColor;
+ text-decoration: @linkUnderline;
+}
+a:hover {
+ color: @linkHoverColor;
+ text-decoration: @linkHoverUnderline;
+}
+
+
+/*******************************
+ Scrollbars
+*******************************/
+
+.addScrollbars() when (@useCustomScrollbars) {
+
+ /* Force Simple Scrollbars */
+ body ::-webkit-scrollbar {
+ -webkit-appearance: none;
+ width: @customScrollbarWidth;
+ height: @customScrollbarHeight;
+ }
+ body ::-webkit-scrollbar-track {
+ background: @trackBackground;
+ border-radius: @trackBorderRadius;
+ }
+ body ::-webkit-scrollbar-thumb {
+ cursor: pointer;
+ border-radius: @thumbBorderRadius;
+ background: @thumbBackground;
+ transition: @thumbTransition;
+ }
+ body ::-webkit-scrollbar-thumb:window-inactive {
+ background: @thumbInactiveBackground;
+ }
+ body ::-webkit-scrollbar-thumb:hover {
+ background: @thumbHoverBackground;
+ }
+
+ /* Inverted UI */
+ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-track {
+ background: @trackInvertedBackground;
+ }
+ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb {
+ background: @thumbInvertedBackground;
+ }
+ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:window-inactive {
+ background: @thumbInvertedInactiveBackground;
+ }
+ body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
+ background: @thumbInvertedHoverBackground;
+ }
+}
+
+/*******************************
+ Highlighting
+*******************************/
+
+/* Site */
+::-webkit-selection {
+ background-color: @highlightBackground;
+ color: @highlightColor;
+}
+::-moz-selection {
+ background-color: @highlightBackground;
+ color: @highlightColor;
+}
+::selection {
+ background-color: @highlightBackground;
+ color: @highlightColor;
+}
+
+/* Form */
+textarea::-webkit-selection,
+input::-webkit-selection {
+ background-color: @inputHighlightBackground;
+ color: @inputHighlightColor;
+}
+textarea::-moz-selection,
+input::-moz-selection {
+ background-color: @inputHighlightBackground;
+ color: @inputHighlightColor;
+}
+textarea::selection,
+input::selection {
+ background-color: @inputHighlightBackground;
+ color: @inputHighlightColor;
+}
+
+.addScrollbars();
+.loadUIOverrides();