From c13af2fed72391f75460d88ea091e3c602422290 Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Thu, 18 Apr 2013 17:15:27 -0400 Subject: [PATCH] ui: wrote a first pass at a menu, created an all new layout for docs with top fixed nav. wired in some spying menus that follow you around Former-commit-id: 7a38665a9844b2c13986e91712404c3cadf0a435 Former-commit-id: 277f138fc35b85557edebcbcfbb4225d24fe581c --- docs/button.html | 343 ++++++++-------- docs/javascript/example.js | 64 ++- docs/library/waypoints.js | 555 ++++++++++++++++++++++++++ docs/module.html | 76 +++- docs/shape.html | 2 +- docs/stylesheets/example.css | 58 ++- src/spec/multiple.js | 2 +- src/ui/flat/button.css | 555 +++++++++++++------------- src/ui/flat/icons.css | 10 +- src/ui/flat/menu.css | 246 ++++++++++++ src/ui/flat/panel.css | 50 +-- src/ui/fonts/icons.eot.REMOVED.git-id | 1 + src/ui/fonts/icons.svg.REMOVED.git-id | 1 + src/ui/fonts/icons.ttf.REMOVED.git-id | 1 + src/ui/fonts/icons.woff | Bin 0 -> 24676 bytes src/ui/shaded/panel.css | 1 + 16 files changed, 1437 insertions(+), 528 deletions(-) create mode 100755 docs/library/waypoints.js create mode 100644 src/ui/fonts/icons.eot.REMOVED.git-id create mode 100644 src/ui/fonts/icons.svg.REMOVED.git-id create mode 100644 src/ui/fonts/icons.ttf.REMOVED.git-id create mode 100755 src/ui/fonts/icons.woff diff --git a/docs/button.html b/docs/button.html index c57f205c5..303f51556 100755 --- a/docs/button.html +++ b/docs/button.html @@ -4,12 +4,14 @@ UI Button - Semantic - - - - - - + + + + + + + + @@ -21,6 +23,7 @@ + @@ -72,178 +75,204 @@ -
+
+
+
+ Semantic UI: Button +
+ +
+ 1 of 14 +
+
1. Button
+
2. Text
+
3. Headers
+
4. Columns
+
5. Elements
+
6. Tags
+
7. Items
+
8. Panels
+
+
+ +
+ Swap Layout +
+
+
+
Menu
-
Swap Style
-
+
+
+

Button

+

Semantic is a set of standards designed to make front end development less arbitrary. This is the definition of a button.

+
-
-
-

Semantic UI Spec

+
-

Semantic is a set of standards designed to make front end development less arbitrary. This is the definition of a button.

- -

Button

- -

The standard button:

-
Button
- -

States

+
+
  • Standard
    • +
  • States
    • +
  • Variations
    • +
  • Group
    • +
    +

    Standard

    -

    Can be hovered:

    -
    Hovered Button
    -

    Can be pressed in:

    - -
    Pressed Button
    +

    Button:

    +
    Button
    -

    Can be active:

    -
    Active Button
    +

    States

    -

    Can be disabled:

    -
    Disabled Button
    +

    Can be hovered:

    +
    Hovered Button
    +

    Can be pressed in:

    + +
    Pressed Button
    -

    Can show a loading indicator:

    -
    Loading Button
    +

    Can be active:

    +
    Active Button
    -

    Can alert to a succesful action:

    -
    Successful Button
    +

    Can be disabled:

    +
    Disabled Button
    -

    Can alert user of an error:

    -
    Error Button
    +

    Can show a loading indicator:

    +
    Loading Button
    -

    Standard Variations

    +

    Can alert to a succesful action:

    +
    Successful Button
    -

    Can have different sizes:

    -
    - Mini -
    -
    - Tiny -
    -
    - Small -
    -
    - Medium -
    -
    - Big -
    -
    - Huge -
    -
    - - Massive -
    -
    - - Gigantic -
    - - -

    Can have different colors:

    -
    Blue Button
    -
    Purple Button
    -
    Green Button
    - -

    Can fit parent container:

    -
    Fits container
    +

    Can alert user of an error:

    +
    Error Button
    + +
    Normal
    +
    Hover
    +
    Down
    +
    Loading
    +

    +
    Disabled
    +
    Active
    +
    Toggled
    +
    Error
    +
    Success
    + +

    Variations

    + +

    Can have different sizes:

    +
    + Mini +
    +
    + Tiny +
    +
    + Small +
    +
    + Medium +
    +
    + Big +
    +
    + Huge +
    +
    + + Massive +
    +
    + + Gigantic +
    -

    Buttons (Button Groups)

    -

    Can exist together as groups

    -
    -
    One
    -
    Two
    -
    Three
    -
    -

    Groups can be vertical

    -
    -
    One
    -
    Two
    -
    Three
    -
    -

    Groups can be divided evenly to fit parent

    -
    -
    One
    -
    Two
    -
    Three
    -
    +

    Can have different colors:

    +
    Blue Button
    +
    Purple Button
    +
    Green Button
    -

    Singular variations can be applied to groups to infer all elements share the same quality

    -

    Blue

    -
    -
    One
    -
    Two
    -
    Three
    -
    -

    -

    Large

    -
    -
    One
    -
    Two
    -
    Three
    -
    +

    Can fit parent container:

    +
    Fits container
    + +

    Can be formatted to fit just an icon or image:

    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +
    + +
    +

    Can be attached to the top or bottom of other content

    +
    Top
    +
    +
    Bottom
    -

    Additional Variations

    +

    Can be attached to an input field

    +
    + +
    Search
    +
    -

    Can be formatted to fit just an icon or image:

    -
    - -
    -
    - -
    -
    - -
    -
    - -
    -
    - -
    -
    - -
    -
    - -
    -
    - -
    +

    Buttons (Button Groups)

    -

    Can be attached to the top or bottom of other content

    -
    Top
    -
    -
    Bottom
    - -

    Can be attached to an input field

    -
    - -
    Search
    -
    - -

    States

    -
    -

    Button States

    -
    Normal
    -
    Hover
    -
    Down
    -
    Loading
    - -

    -
    Disabled
    -
    Active
    -
    Toggled
    -
    Error
    -
    Success
    -
    +

    Can exist together as groups

    +
    +
    One
    +
    Two
    +
    Three
    +
    +

    Groups can be vertical

    +
    +
    One
    +
    Two
    +
    Three
    +
    +

    Groups can be divided evenly to fit parent

    +
    +
    One
    +
    Two
    +
    Three
    +
    +

    Singular variations can be applied to groups to infer all elements share the same quality

    +

    Blue

    +
    +
    One
    +
    Two
    +
    Three
    +

    +

    Large

    +
    +
    One
    +
    Two
    +
    Three
    +
    + +
    \ No newline at end of file diff --git a/docs/javascript/example.js b/docs/javascript/example.js index 3d6fbab60..ef9bbff0f 100755 --- a/docs/javascript/example.js +++ b/docs/javascript/example.js @@ -8,29 +8,45 @@ shape.ready = function() { // selector cache var - $ui = $('.ui'), - $swap = $('.swap.button'), - $menu = $('.menu.button'), - $demo = $('.demo'), + $ui = $('.ui'), + $swap = $('.swap'), + $menu = $('.menu.button'), + $demo = $('.demo'), + $waypoints = $('h2'), + + $peek = $('.peek'), + $peekMenu = $peek.find('li'), // alias handler ; // event handlers handler = { + + peek: function() { + $('html, body') + .animate({ + scrollTop: $waypoints.eq( $peekMenu.index( $(this) ) ).offset().top - 90 + }, 500, function(){ + $(this).addClass('active').siblings().removeClass('active'); + }) + ; + $('html') + .one('scroll', function() { + $('html,body').stop(); + }) + ; + }, swapStyle: function() { - $('head link') + $('head link.ui') .each(function() { var href = $(this).attr('href') ; - console.log (href, href.search('flat') ); if( href.search('flat') > -1 ) { - console.log('zz'); $(this).attr('href', href.replace('flat', 'shaded')); } else { - console.log('aaa'); $(this).attr('href', href.replace('shaded', 'flat')); } }) @@ -43,6 +59,27 @@ shape.ready = function() { .state() ; + $waypoints + .waypoint({ + continuous : false, + offset : 220, + handler : function(direction) { + var + index = (direction == 'down') + ? $waypoints.index(this) + : ($waypoints.index(this) - 1 >= 0) + ? ($waypoints.index(this) - 1) + : 0 + ; + $peekMenu + .removeClass('active') + .eq( index ) + .addClass('active') + ; + } + }) + ; + $swap .on('click', handler.swapStyle) ; @@ -53,6 +90,17 @@ shape.ready = function() { }) ; + $peek + .waypoint('sticky', { + offset: 80, + stuckClass: 'stuck' + }) + ; + $peekMenu + .state() + .on('click', handler.peek) + ; + }; diff --git a/docs/library/waypoints.js b/docs/library/waypoints.js new file mode 100755 index 000000000..4488c5b8e --- /dev/null +++ b/docs/library/waypoints.js @@ -0,0 +1,555 @@ +// Generated by CoffeeScript 1.4.0 + +/* +jQuery Waypoints - v2.0.2 +Copyright (c) 2011-2013 Caleb Troughton +Dual licensed under the MIT license and GPL license. +https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt +*/ + + +(function() { + var __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; }, + __slice = [].slice; + + (function(root, factory) { + if (typeof define === 'function' && define.amd) { + return define('waypoints', ['jquery'], function($) { + return factory($, root); + }); + } else { + return factory(root.jQuery, root); + } + })(this, function($, window) { + var $w, Context, Waypoint, allWaypoints, contextCounter, contextKey, contexts, isTouch, jQMethods, methods, resizeEvent, scrollEvent, waypointCounter, waypointKey, wp, wps; + $w = $(window); + isTouch = __indexOf.call(window, 'ontouchstart') >= 0; + allWaypoints = { + horizontal: {}, + vertical: {} + }; + contextCounter = 1; + contexts = {}; + contextKey = 'waypoints-context-id'; + resizeEvent = 'resize.waypoints'; + scrollEvent = 'scroll.waypoints'; + waypointCounter = 1; + waypointKey = 'waypoints-waypoint-ids'; + wp = 'waypoint'; + wps = 'waypoints'; + Context = (function() { + + function Context($element) { + var _this = this; + this.$element = $element; + this.element = $element[0]; + this.didResize = false; + this.didScroll = false; + this.id = 'context' + contextCounter++; + this.oldScroll = { + x: $element.scrollLeft(), + y: $element.scrollTop() + }; + this.waypoints = { + horizontal: {}, + vertical: {} + }; + $element.data(contextKey, this.id); + contexts[this.id] = this; + $element.bind(scrollEvent, function() { + var scrollHandler; + if (!(_this.didScroll || isTouch)) { + _this.didScroll = true; + scrollHandler = function() { + _this.doScroll(); + return _this.didScroll = false; + }; + return window.setTimeout(scrollHandler, $[wps].settings.scrollThrottle); + } + }); + $element.bind(resizeEvent, function() { + var resizeHandler; + if (!_this.didResize) { + _this.didResize = true; + resizeHandler = function() { + $[wps]('refresh'); + return _this.didResize = false; + }; + return window.setTimeout(resizeHandler, $[wps].settings.resizeThrottle); + } + }); + } + + Context.prototype.doScroll = function() { + var axes, + _this = this; + axes = { + horizontal: { + newScroll: this.$element.scrollLeft(), + oldScroll: this.oldScroll.x, + forward: 'right', + backward: 'left' + }, + vertical: { + newScroll: this.$element.scrollTop(), + oldScroll: this.oldScroll.y, + forward: 'down', + backward: 'up' + } + }; + if (isTouch && (!axes.vertical.oldScroll || !axes.vertical.newScroll)) { + $[wps]('refresh'); + } + $.each(axes, function(aKey, axis) { + var direction, isForward, triggered; + triggered = []; + isForward = axis.newScroll > axis.oldScroll; + direction = isForward ? axis.forward : axis.backward; + $.each(_this.waypoints[aKey], function(wKey, waypoint) { + var _ref, _ref1; + if ((axis.oldScroll < (_ref = waypoint.offset) && _ref <= axis.newScroll)) { + return triggered.push(waypoint); + } else if ((axis.newScroll < (_ref1 = waypoint.offset) && _ref1 <= axis.oldScroll)) { + return triggered.push(waypoint); + } + }); + triggered.sort(function(a, b) { + return a.offset - b.offset; + }); + if (!isForward) { + triggered.reverse(); + } + return $.each(triggered, function(i, waypoint) { + if (waypoint.options.continuous || i === triggered.length - 1) { + return waypoint.trigger([direction]); + } + }); + }); + return this.oldScroll = { + x: axes.horizontal.newScroll, + y: axes.vertical.newScroll + }; + }; + + Context.prototype.refresh = function() { + var axes, cOffset, isWin, + _this = this; + isWin = $.isWindow(this.element); + cOffset = this.$element.offset(); + this.doScroll(); + axes = { + horizontal: { + contextOffset: isWin ? 0 : cOffset.left, + contextScroll: isWin ? 0 : this.oldScroll.x, + contextDimension: this.$element.width(), + oldScroll: this.oldScroll.x, + forward: 'right', + backward: 'left', + offsetProp: 'left' + }, + vertical: { + contextOffset: isWin ? 0 : cOffset.top, + contextScroll: isWin ? 0 : this.oldScroll.y, + contextDimension: isWin ? $[wps]('viewportHeight') : this.$element.height(), + oldScroll: this.oldScroll.y, + forward: 'down', + backward: 'up', + offsetProp: 'top' + } + }; + return $.each(axes, function(aKey, axis) { + return $.each(_this.waypoints[aKey], function(i, waypoint) { + var adjustment, elementOffset, oldOffset, _ref, _ref1; + adjustment = waypoint.options.offset; + oldOffset = waypoint.offset; + elementOffset = $.isWindow(waypoint.element) ? 0 : waypoint.$element.offset()[axis.offsetProp]; + if ($.isFunction(adjustment)) { + adjustment = adjustment.apply(waypoint.element); + } else if (typeof adjustment === 'string') { + adjustment = parseFloat(adjustment); + if (waypoint.options.offset.indexOf('%') > -1) { + adjustment = Math.ceil(axis.contextDimension * adjustment / 100); + } + } + waypoint.offset = elementOffset - axis.contextOffset + axis.contextScroll - adjustment; + if ((waypoint.options.onlyOnScroll && (oldOffset != null)) || !waypoint.enabled) { + return; + } + if (oldOffset !== null && (oldOffset < (_ref = axis.oldScroll) && _ref <= waypoint.offset)) { + return waypoint.trigger([axis.backward]); + } else if (oldOffset !== null && (oldOffset > (_ref1 = axis.oldScroll) && _ref1 >= waypoint.offset)) { + return waypoint.trigger([axis.forward]); + } else if (oldOffset === null && axis.oldScroll >= waypoint.offset) { + return waypoint.trigger([axis.forward]); + } + }); + }); + }; + + Context.prototype.checkEmpty = function() { + if ($.isEmptyObject(this.waypoints.horizontal) && $.isEmptyObject(this.waypoints.vertical)) { + this.$element.unbind([resizeEvent, scrollEvent].join(' ')); + return delete contexts[this.id]; + } + }; + + return Context; + + })(); + Waypoint = (function() { + + function Waypoint($element, context, options) { + var idList, _ref; + options = $.extend({}, $.fn[wp].defaults, options); + if (options.offset === 'bottom-in-view') { + options.offset = function() { + var contextHeight; + contextHeight = $[wps]('viewportHeight'); + if (!$.isWindow(context.element)) { + contextHeight = context.$element.height(); + } + return contextHeight - $(this).outerHeight(); + }; + } + this.$element = $element; + this.element = $element[0]; + this.axis = options.horizontal ? 'horizontal' : 'vertical'; + this.callback = options.handler; + this.context = context; + this.enabled = options.enabled; + this.id = 'waypoints' + waypointCounter++; + this.offset = null; + this.options = options; + context.waypoints[this.axis][this.id] = this; + allWaypoints[this.axis][this.id] = this; + idList = (_ref = $element.data(waypointKey)) != null ? _ref : []; + idList.push(this.id); + $element.data(waypointKey, idList); + } + + Waypoint.prototype.trigger = function(args) { + if (!this.enabled) { + return; + } + if (this.callback != null) { + this.callback.apply(this.element, args); + } + if (this.options.triggerOnce) { + return this.destroy(); + } + }; + + Waypoint.prototype.disable = function() { + return this.enabled = false; + }; + + Waypoint.prototype.enable = function() { + this.context.refresh(); + return this.enabled = true; + }; + + Waypoint.prototype.destroy = function() { + delete allWaypoints[this.axis][this.id]; + delete this.context.waypoints[this.axis][this.id]; + return this.context.checkEmpty(); + }; + + Waypoint.getWaypointsByElement = function(element) { + var all, ids; + ids = $(element).data(waypointKey); + if (!ids) { + return []; + } + all = $.extend({}, allWaypoints.horizontal, allWaypoints.vertical); + return $.map(ids, function(id) { + return all[id]; + }); + }; + + return Waypoint; + + })(); + methods = { + init: function(f, options) { + var _ref; + if (options == null) { + options = {}; + } + if ((_ref = options.handler) == null) { + options.handler = f; + } + this.each(function() { + var $this, context, contextElement, _ref1; + $this = $(this); + contextElement = (_ref1 = options.context) != null ? _ref1 : $.fn[wp].defaults.context; + if (!$.isWindow(contextElement)) { + contextElement = $this.closest(contextElement); + } + contextElement = $(contextElement); + context = contexts[contextElement.data(contextKey)]; + if (!context) { + context = new Context(contextElement); + } + return new Waypoint($this, context, options); + }); + $[wps]('refresh'); + return this; + }, + disable: function() { + return methods._invoke(this, 'disable'); + }, + enable: function() { + return methods._invoke(this, 'enable'); + }, + destroy: function() { + return methods._invoke(this, 'destroy'); + }, + prev: function(axis, selector) { + return methods._traverse.call(this, axis, selector, function(stack, index, waypoints) { + if (index > 0) { + return stack.push(waypoints[index - 1]); + } + }); + }, + next: function(axis, selector) { + return methods._traverse.call(this, axis, selector, function(stack, index, waypoints) { + if (index < waypoints.length - 1) { + return stack.push(waypoints[index + 1]); + } + }); + }, + _traverse: function(axis, selector, push) { + var stack, waypoints; + if (axis == null) { + axis = 'vertical'; + } + if (selector == null) { + selector = window; + } + waypoints = jQMethods.aggregate(selector); + stack = []; + this.each(function() { + var index; + index = $.inArray(this, waypoints[axis]); + return push(stack, index, waypoints[axis]); + }); + return this.pushStack(stack); + }, + _invoke: function($elements, method) { + $elements.each(function() { + var waypoints; + waypoints = Waypoint.getWaypointsByElement(this); + return $.each(waypoints, function(i, waypoint) { + waypoint[method](); + return true; + }); + }); + return this; + } + }; + $.fn[wp] = function() { + var args, method; + method = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : []; + if (methods[method]) { + return methods[method].apply(this, args); + } else if ($.isFunction(method)) { + return methods.init.apply(this, arguments); + } else if ($.isPlainObject(method)) { + return methods.init.apply(this, [null, method]); + } else if (!method) { + return $.error("jQuery Waypoints needs a callback function or handler option."); + } else { + return $.error("The " + method + " method does not exist in jQuery Waypoints."); + } + }; + $.fn[wp].defaults = { + context: window, + continuous: true, + enabled: true, + horizontal: false, + offset: 0, + triggerOnce: false + }; + jQMethods = { + refresh: function() { + return $.each(contexts, function(i, context) { + return context.refresh(); + }); + }, + viewportHeight: function() { + var _ref; + return (_ref = window.innerHeight) != null ? _ref : $w.height(); + }, + aggregate: function(contextSelector) { + var collection, waypoints, _ref; + collection = allWaypoints; + if (contextSelector) { + collection = (_ref = contexts[$(contextSelector).data(contextKey)]) != null ? _ref.waypoints : void 0; + } + if (!collection) { + return []; + } + waypoints = { + horizontal: [], + vertical: [] + }; + $.each(waypoints, function(axis, arr) { + $.each(collection[axis], function(key, waypoint) { + return arr.push(waypoint); + }); + arr.sort(function(a, b) { + return a.offset - b.offset; + }); + waypoints[axis] = $.map(arr, function(waypoint) { + return waypoint.element; + }); + return waypoints[axis] = $.unique(waypoints[axis]); + }); + return waypoints; + }, + above: function(contextSelector) { + if (contextSelector == null) { + contextSelector = window; + } + return jQMethods._filter(contextSelector, 'vertical', function(context, waypoint) { + return waypoint.offset <= context.oldScroll.y; + }); + }, + below: function(contextSelector) { + if (contextSelector == null) { + contextSelector = window; + } + return jQMethods._filter(contextSelector, 'vertical', function(context, waypoint) { + return waypoint.offset > context.oldScroll.y; + }); + }, + left: function(contextSelector) { + if (contextSelector == null) { + contextSelector = window; + } + return jQMethods._filter(contextSelector, 'horizontal', function(context, waypoint) { + return waypoint.offset <= context.oldScroll.x; + }); + }, + right: function(contextSelector) { + if (contextSelector == null) { + contextSelector = window; + } + return jQMethods._filter(contextSelector, 'horizontal', function(context, waypoint) { + return waypoint.offset > context.oldScroll.x; + }); + }, + enable: function() { + return jQMethods._invoke('enable'); + }, + disable: function() { + return jQMethods._invoke('disable'); + }, + destroy: function() { + return jQMethods._invoke('destroy'); + }, + extendFn: function(methodName, f) { + return methods[methodName] = f; + }, + _invoke: function(method) { + var waypoints; + waypoints = $.extend({}, allWaypoints.vertical, allWaypoints.horizontal); + return $.each(waypoints, function(key, waypoint) { + waypoint[method](); + return true; + }); + }, + _filter: function(selector, axis, test) { + var context, waypoints; + context = contexts[$(selector).data(contextKey)]; + if (!context) { + return []; + } + waypoints = []; + $.each(context.waypoints[axis], function(i, waypoint) { + if (test(context, waypoint)) { + return waypoints.push(waypoint); + } + }); + waypoints.sort(function(a, b) { + return a.offset - b.offset; + }); + return $.map(waypoints, function(waypoint) { + return waypoint.element; + }); + } + }; + $[wps] = function() { + var args, method; + method = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : []; + if (jQMethods[method]) { + return jQMethods[method].apply(null, args); + } else { + return jQMethods.aggregate.call(null, method); + } + }; + $[wps].settings = { + resizeThrottle: 100, + scrollThrottle: 30 + }; + return $w.load(function() { + return $[wps]('refresh'); + }); + }); + +}).call(this); + +// Generated by CoffeeScript 1.4.0 + +/* +Sticky Elements Shortcut for jQuery Waypoints - v2.0.2 +Copyright (c) 2011-2013 Caleb Troughton +Dual licensed under the MIT license and GPL license. +https://github.com/imakewebthings/jquery-waypoints/blob/master/licenses.txt +*/ + + +(function() { + + (function(root, factory) { + if (typeof define === 'function' && define.amd) { + return define(['jquery', 'waypoints'], factory); + } else { + return factory(root.jQuery); + } + })(this, function($) { + var defaults, wrap; + defaults = { + wrapper: '
    ', + stuckClass: 'stuck' + }; + wrap = function($elements, options) { + $elements.wrap(options.wrapper); + return $elements.parent(); + }; + $.waypoints('extendFn', 'sticky', function(opt) { + var $wrap, options, originalHandler; + options = $.extend({}, $.fn.waypoint.defaults, defaults, opt); + $wrap = wrap(this, options); + originalHandler = options.handler; + options.handler = function(direction) { + var $sticky, shouldBeStuck; + $sticky = $(this).children(':first'); + shouldBeStuck = direction === 'down' || direction === 'right'; + $(this).toggleClass(options.stuckClass, shouldBeStuck); + $wrap.height(shouldBeStuck ? $sticky.outerHeight() : ''); + if (originalHandler != null) { + return originalHandler.call(this, direction); + } + }; + $wrap.waypoint(options); + return this.data('stuckClass', options.stuckClass); + }); + return $.waypoints('extendFn', 'unsticky', function() { + this.parent().waypoint('destroy'); + this.unwrap(); + return this.removeClass(this.data('stuckClass')); + }); + }); + +}).call(this); \ No newline at end of file diff --git a/docs/module.html b/docs/module.html index b33107fd7..7b6a024ee 100755 --- a/docs/module.html +++ b/docs/module.html @@ -7,6 +7,7 @@ + @@ -17,22 +18,23 @@ - + + -
    -
    Menu
    +
    +
    +
    + Semantic UI: Introduction +
    + +
    + 1 of 2 +
    +
    1. Introduction
    +
    2. Download
    +
    3. UI Library
    +
    4. UI Modules
    +
    5. Behavioral Modules
    +
    +
    + +
    +
    +
    +
    Menu
    -

    +
    - Semantic +

    Semantic

    +

    UI is the DNA of the web. Semantic empowers designers and developers by creating a shared vocabulary for UI.

    -

    -
    -

    UI is the DNA of the web. Semantic empowers developers by creating a shared vocabulary for UI.

    +
    +
    +
    +
  • What is Semantic?
    • +
  • The Standard
    • +
  • The Library
    • +

    What is Semantic?

    Semantic has two parts. The semantic standard, and the semantic library.

    -

    The standard

    +

    The standard

    The semantic standard attempts to create a standard design pattern for describing static UI components (UI elements), and dynamic UI components or behavioral definitions (Javascript modules).

    Static elements: menus, columns, grids, tables, buttons, forms.

    Dynamic components: popups, modals, chat rooms.

    Behavioral components: form validation, state management, history.

    -

    Defining UI

    +

    Defining UI

    Semantic creates an exchange format for UI, by defining a consistent HTML structure and set of class names for representing UI elements.

    Sharing a common standard for UI releases the burden from developers at being a naming authorities in their own projects.

    If together as a community we can define a standard for interface elements, we can share designs without having to modify our site's code to match the arbitrary specifications of a library, and interface designs can be freely exchanged between projects and teams.

    @@ -111,7 +145,7 @@

    If you'd like to shortcut any more explanation, check out the standard definition for a UI button for a live example.

    UI Button Spec -

    Defining Modules

    +

    Defining Modules

    The Semantic modules standard is created primarily to accomplish two things:

    1. Provide conveniences for module authors so that they can be written faster and without clutter.
      2. @@ -137,7 +171,7 @@
    -

    The Libraries

    +

    The Libraries

    To semantic library is a set of UI elements and javascript modules that provides an example implementation of the Semantic standard. The purpose is to be useful in their own right for developers, but also to provide a guide for how the standard can be used.

    The UI Library

      diff --git a/docs/shape.html b/docs/shape.html index c58054b2b..40b6d2174 100755 --- a/docs/shape.html +++ b/docs/shape.html @@ -76,7 +76,7 @@
    -
    +
    Menu
    diff --git a/docs/stylesheets/example.css b/docs/stylesheets/example.css index a14ff2482..1f6401f66 100755 --- a/docs/stylesheets/example.css +++ b/docs/stylesheets/example.css @@ -24,8 +24,9 @@ body#example { font-family: "Neutraface", "Helvetica Neue", "Arial", sans-serif; - background: #FCFCFC url(images/bg.jpg) repeat; - padding-bottom: 150px; + background: #FCFCFC url(../images/bg.jpg) repeat; + margin: 0px; + padding: 0px 0px 150px; } /* links */ @@ -70,10 +71,12 @@ a:hover { } #example h1:first-child { margin-top: 0px; - padding-top: 20px; + padding-top: 0px; } #example h2 { - margin: 40px 0px 20px; + margin: 35px 0px 0px; + padding-bottom: 10px; + border-bottom: 1px solid #DDDDDD; } #example h3 { font-size: 20px; @@ -102,6 +105,22 @@ a:hover { #example p > a { font-weight: bold; } +#example .section.dropdown .menu { + left: -46px; + width: 215px; +} + +/* segment headers */ +#example .segment { + margin: 0px 0px 46px; + padding: 65px 0px 20px; + background-color: #FAFAFA; + border-bottom: 1px solid #DDDDDD; +} +#example .segment .text { + width: 800px; + margin: 0px auto; +} /* lists */ #example ol { @@ -126,13 +145,8 @@ a:hover { /* content */ -#example .full.container { - position: relative; - width: 800px; -} - #example .container { - width: 700px; + width: 800px; margin: 0px auto; } #example .shortcuts { @@ -140,8 +154,26 @@ a:hover { clear: both; } -#example .menu.buttons { +#example .side.buttons { + position: fixed; + margin-top: 75px; +} + +#example .main.container { + position: relative; +} +#example .peek { + position: absolute; + top: -8px; + left: -230px; + width: 180px; +} +#example .sticky-wrapper.stuck { + height: 0px !important; +} +#example .sticky-wrapper.stuck .peek { position: fixed; - margin-top: 20px; - margin-left: -8px; + top: 75px; + left: 50%; + margin-left: -630px; } \ No newline at end of file diff --git a/src/spec/multiple.js b/src/spec/multiple.js index 353d735d5..c304b90a9 100755 --- a/src/spec/multiple.js +++ b/src/spec/multiple.js @@ -11,7 +11,7 @@ * * Copyright 2013 Contributors * Released under the MIT license - * http://jquery.org/license + * http://opensource.org/licenses/MIT * * Released: April 17 2013 */ diff --git a/src/ui/flat/button.css b/src/ui/flat/button.css index 6a2ee7b63..0754769ee 100755 --- a/src/ui/flat/button.css +++ b/src/ui/flat/button.css @@ -1,11 +1,20 @@ +/* + * # Semantic Button - Flat + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ + + /******************************* - UI Button + Standard *******************************/ -/*-------------- - Standard Button ----------------*/ - /* Normal */ .ui.button { cursor: pointer; @@ -73,8 +82,225 @@ ; } + +/******************************* + States +*******************************/ + +/*-------------- + Hover +---------------*/ + +.ui.button.hover { + background-color: #DDDDDD; +} +/* Down */ +.ui.button.down { + -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; + box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; +} + + +/*-------------- + Active +---------------*/ + +.ui.buttons .button.active, +.ui.button.active { + background-color: #E6E6E6; + -webkit-box-shadow: + 0px 1px 6px -3px rgba(0, 0, 0, 0.3) inset + ; + -moz-box-shadow: + 0px 1px 6px -3px rgba(0, 0, 0, 0.3) inset + ; + box-shadow: + 0px 1px 6px -3px rgba(0, 0, 0, 0.3) inset + ; +} +.ui.buttons .button.active, +.ui.buttons .button.active a, +.ui.button.active, +.ui.button.active a { + color: #7A7A7A; +} +.ui.buttons .button.active.hover, +.ui.button.active.hover { + background: #E0E0E0; + + -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; + -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; + box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; + +} +.ui.buttons .button.active.hover, +.ui.buttons .button.active.hover a, +.ui.button.active.hover, +.ui.button.active.hover a { + color: #555555; +} +.ui.buttons .button.active.hover.down, +.ui.button.active.hover.down { + background: #E0E0E0 -webkit-linear-gradient(top, #E0E0E0 0%, #E8E8E8 100%); + background: #E0E0E0 -moz-linear-gradient(top, #E0E0E0 0%, #E8E8E8 100%); + background: #E0E0E0 -o-linear-gradient(top, #E0E0E0 0%, #E8E8E8 100%); + background: #E0E0E0 -ms-linear-gradient(top, #E0E0E0 0%, #E8E8E8 100%); + background: #E0E0E0 linear-gradient(top, #E0E0E0 0%, #E8E8E8 100%); +} + +/*-------------- + Loading +---------------*/ + +.ui.button.loading, +.ui.button.loading.hover { + position: relative; + cursor: default; + opacity: 0.75; + color: #888888 !important; + + background-image: none !important; + + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; + + -webkit-transition: all 0s linear; + -moz-transition: all 0s linear; + -o-transition: all 0s linear; + -ms-transition: all 0s linear; + transition: all 0s linear; +} +.ui.button.loading:after { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + content: ''; + background: #EEEEEE url(../images/throbber-blue-tiny.gif) no-repeat 50% 50%; + background-position: 50% 50%; + background-repeat: no-repeat; + + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} +/* Opposite color loader */ +.ui.grey.button.loading, +.ui.button.active.loading { + border-color: #BBBBBB +} +.ui.grey.button.loading:after, +.ui.button.active.loading:after { + background-color: #FAFAFA; + background: url(../images/throbber-tiny.gif) no-repeat 50% 50%; +} + +/* resizes */ + +/* blue */ +.ui.huge.button.loading:after { + background-image: url(../images/throbber-blue-small.gif); +} +.ui.massive.buttons .button.loading:after, +.ui.gigantic.buttons .button.loading:after, +.ui.massive.button.loading:after, +.ui.gigantic.button.loading:after { + background-image: url(../images/throbber-blue-medium.gif); +} + +/* grey */ +.ui.huge.grey.button.loading:after, +.ui.huge.button.loading.active:after { + background-image: url(../images/throbber-small.gif); +} +.ui.massive.grey.buttons .button.loading:after, +.ui.gigantic.grey.buttons .button.loading:after, +.ui.massive.grey.button.loading:after, +.ui.gigantic.grey.button.loading:after, +.ui.massive.grey.buttons .button.loading.active:after, +.ui.gigantic.grey.buttons .button.loading.active:after, +.ui.massive.button.loading.active:after, +.ui.gigantic.button.loading.active:after { + background-image: url(../images/throbber-medium.gif); +} + + +/*-------------- + Error +---------------*/ + +.ui.buttons .button.error, +.ui.buttons .button.error.hover, +.ui.buttons .button.error.down, +.ui.button.error, +.ui.button.error.hover, +.ui.button.error.down { + cursor: default; + position: relative; + + color: #FFFFFF; + text-shadow: none; + + -webkit-transition: all 0s linear; + -moz-transition: all 0s linear; + -o-transition: all 0s linear; + -ms-transition: all 0s linear; + transition: all 0s linear; +} +.ui.buttons .button.error:after, +.ui.buttons .button.error.hover:after, +.ui.buttons .button.error.down:after, +.ui.button.error:after, +.ui.button.error.hover:after, +.ui.button.error.down:after { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + content: ''; + /* standard */ + background: #EE141D url(../images/button-error.gif) no-repeat 50% 50%; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +.ui.button.success, +.ui.button.success.hover, +.ui.button.success.down { + background-color: #59B94B; + color: #FFFFFF; + border-color: #588D0F; +} + +/* Disabled State */ +.ui.button.disabled, +.ui.button.disabled.hover, +.ui.button.disabled.down { + cursor: default; + color: #BBBBBB; + background-color: #F8F8F8 !important; + background-image: none !important; + + text-shadow: none !important; + + -webkit-box-shadow: none !important; + -moz-box-shadow: none !important; + box-shadow: none !important; +} + + +/******************************* + Variations +*******************************/ + + /*--------------- - Blue Button + Blue ----------------*/ .ui.blue.buttons .button, @@ -92,7 +318,7 @@ } /*--------------- - Purple Button + Purple ----------------*/ .ui.purple.buttons .button, @@ -110,7 +336,7 @@ } /*--------------- - Green Button + Green ----------------*/ .ui.button.green, @@ -132,7 +358,7 @@ } /*-------------------- - Transparent Button + Transparent ----------------------*/ .ui.transparent.buttons .button, @@ -160,7 +386,6 @@ .ui.transparent.button.down a { color: #555555; } - .ui.transparent.buttons .button.down { background-color: rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15); @@ -170,7 +395,7 @@ /*------------------- - Resizes + Sizes --------------------*/ .ui.buttons.mini .button, @@ -226,7 +451,7 @@ /*-------------- - Icons +Containing Icon ---------------*/ .ui.button i { @@ -254,18 +479,17 @@ } /*-------------- - Labels + Labels ---------------*/ .ui.button .label { } -/******************************* - Modifiers -*******************************/ -/* Image Buttons */ +/*-------------- + Icon Only +---------------*/ .ui.icon.buttons .button, .ui.icon.button { padding: 7px; @@ -311,11 +535,16 @@ } +/*-------------- + Toggle +---------------*/ + /* Toggle (Modifies active state to give affordances) */ .ui.toggle.buttons .button.active, .ui.buttons .button.toggle.active, .ui.button.toggle.active { background-color: #BBF0A9; + color: #1C8C21; } .ui.buttons.toggle .ui.button.active.hover, .ui.buttons .ui.button.toggle.active.hover, @@ -350,13 +579,38 @@ } -/* Bubbly Variation */ +/*-------------- + Bubbly +---------------*/ .ui.button.bubbly { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } + +/*-------------- + Attached +---------------*/ + +.ui.button.attached { + display: block; +} +.ui.button.attached.top { + margin-left: -1px; + margin-right: -1px; + -webkit-border-radius: 5px 5px 0px 0px; + -moz-border-radius: 5px 5px 0px 0px; + border-radius: 5px 5px 0px 0px; +} +.ui.button.attached.bottom { + margin-left: -1px; + margin-right: -1px; + -webkit-border-radius: 0px 0px 5px 5px; + -moz-border-radius: 0px 0px 5px 5px; + border-radius: 0px 0px 5px 5px; +} + /* Button attached to a form element */ input + .ui.attached.button { display: inline-block; @@ -386,271 +640,6 @@ input + .ui.attached.button.down { opacity: 1; } -/*------------------- - Attached Style ---------------------*/ - -.ui.button.attached { - display: block; -} -.ui.button.attached.top { - margin-left: -1px; - margin-right: -1px; - -webkit-border-radius: 5px 5px 0px 0px; - -moz-border-radius: 5px 5px 0px 0px; - border-radius: 5px 5px 0px 0px; -} -.ui.button.attached.bottom { - margin-left: -1px; - margin-right: -1px; - -webkit-border-radius: 0px 0px 5px 5px; - -moz-border-radius: 0px 0px 5px 5px; - border-radius: 0px 0px 5px 5px; -} - - -/******************************* - States -*******************************/ - -/* Hover */ -.ui.button.hover { - background-color: #DDDDDD; -} -/* Down */ -.ui.button.down { - -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; - -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; - box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; -} - -/* Active */ -.ui.buttons .button.active, -.ui.button.active { - background-color: #E6E6E6; - background: -webkit-linear-gradient(top, #E9E9E9 0%, #F0F0F0 100%); - background: -moz-linear-gradient(top, #E9E9E9 0%, #F0F0F0 100%); - background: -o-linear-gradient(top, #E9E9E9 0%, #F0F0F0 100%); - background: -ms-linear-gradient(top, #E9E9E9 0%, #F0F0F0 100%); - background: linear-gradient(top, #E9E9E9 0%, #F0F0F0 100%); - - - -webkit-box-shadow: - 0px 1px 6px -3px rgba(0, 0, 0, 0.3) inset - ; - -moz-box-shadow: - 0px 1px 6px -3px rgba(0, 0, 0, 0.3) inset - ; - box-shadow: - 0px 1px 6px -3px rgba(0, 0, 0, 0.3) inset - ; -} -.ui.buttons .button.active, -.ui.buttons .button.active a, -.ui.button.active, -.ui.button.active a { - color: #7A7A7A; -} -.ui.buttons .button.active.hover, -.ui.button.active.hover { - background: #E0E0E0 -webkit-linear-gradient(top, #E8E8E8 0%, #E0E0E0 100%); - background: #E0E0E0 -moz-linear-gradient(top, #E8E8E8 0%, #E0E0E0 100%); - background: #E0E0E0 -o-linear-gradient(top, #E8E8E8 0%, #E0E0E0 100%); - background: #E0E0E0 -ms-linear-gradient(top, #E8E8E8 0%, #E0E0E0 100%); - background: #E0E0E0 linear-gradient(top, #E8E8E8 0%, #E0E0E0 100%); - - -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; - -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; - box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset; - -} -.ui.buttons .button.active.hover, -.ui.buttons .button.active.hover a, -.ui.button.active.hover, -.ui.button.active.hover a { - color: #555555; -} -.ui.buttons .button.active.hover.down, -.ui.button.active.hover.down { - background: #E0E0E0 -webkit-linear-gradient(top, #E0E0E0 0%, #E8E8E8 100%); - background: #E0E0E0 -moz-linear-gradient(top, #E0E0E0 0%, #E8E8E8 100%); - background: #E0E0E0 -o-linear-gradient(top, #E0E0E0 0%, #E8E8E8 100%); - background: #E0E0E0 -ms-linear-gradient(top, #E0E0E0 0%, #E8E8E8 100%); - background: #E0E0E0 linear-gradient(top, #E0E0E0 0%, #E8E8E8 100%); -} - - - - -/******************************* - Loading -*******************************/ - -/* Loading */ -.ui.button.loading, -.ui.button.loading.hover { - position: relative; - cursor: default; - opacity: 0.75; - color: #888888 !important; - - background-image: none !important; - - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; - box-shadow: none !important; - - -webkit-transition: all 0s linear; - -moz-transition: all 0s linear; - -o-transition: all 0s linear; - -ms-transition: all 0s linear; - transition: all 0s linear; -} -.ui.button.loading:after { - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 100%; - content: ''; - background: #EEEEEE url(../images/throbber-blue-tiny.gif) no-repeat 50% 50%; - background-position: 50% 50%; - background-repeat: no-repeat; - - -moz-border-radius: 3px; - -webkit-border-radius: 3px; - border-radius: 3px; -} -/* Opposite color loader */ -.ui.grey.button.loading, -.ui.button.active.loading { - border-color: #BBBBBB -} -.ui.grey.button.loading:after, -.ui.button.active.loading:after { - background-color: #FAFAFA; - /* standard */ - background: url(../images/throbber-tiny.gif) no-repeat 50% 50%; - /* css 3 multi image */ - background-image: url(../images/throbber-tiny.gif); - background-image: url(../images/throbber-tiny.gif); - background-image: url(../images/throbber-tiny.gif); - background-image: url(../images/throbber-tiny.gif); - background-image: url(../images/throbber-tiny.gif); - background-position: 50% 50%, 0px 0px; - background-repeat: no-repeat; -} - -/* resizes */ - -/* blue */ -.ui.huge.button.loading:after { - background-image: url(../images/throbber-blue-small.gif); - background-image: url(../images/throbber-blue-small.gif); - background-image: url(../images/throbber-blue-small.gif); - background-image: url(../images/throbber-blue-small.gif); - background-image: url(../images/throbber-blue-small.gif); -} -.ui.massive.buttons .button.loading:after, -.ui.gigantic.buttons .button.loading:after, -.ui.massive.button.loading:after, -.ui.gigantic.button.loading:after { - background-image: url(../images/throbber-blue-medium.gif); - background-image: url(../images/throbber-blue-medium.gif); - background-image: url(../images/throbber-blue-medium.gif); - background-image: url(../images/throbber-blue-medium.gif); - background-image: url(../images/throbber-blue-medium.gif); -} - -/* grey */ -.ui.huge.grey.button.loading:after, -.ui.huge.button.loading.active:after { - background-image: url(../images/throbber-small.gif); - background-image: url(../images/throbber-small.gif); - background-image: url(../images/throbber-small.gif); - background-image: url(../images/throbber-small.gif); - background-image: url(../images/throbber-small.gif); -} -.ui.massive.grey.buttons .button.loading:after, -.ui.gigantic.grey.buttons .button.loading:after, -.ui.massive.grey.button.loading:after, -.ui.gigantic.grey.button.loading:after, -.ui.massive.grey.buttons .button.loading.active:after, -.ui.gigantic.grey.buttons .button.loading.active:after, -.ui.massive.button.loading.active:after, -.ui.gigantic.button.loading.active:after { - background-image: url(../images/throbber-medium.gif); - background-image: url(../images/throbber-medium.gif); - background-image: url(../images/throbber-medium.gif); - background-image: url(../images/throbber-medium.gif); - background-image: url(../images/throbber-medium.gif); -} - - -/******************************* - Error States -*******************************/ - -.ui.buttons .button.error, -.ui.buttons .button.error.hover, -.ui.buttons .button.error.down, -.ui.button.error, -.ui.button.error.hover, -.ui.button.error.down { - cursor: default; - position: relative; - - color: #FFFFFF; - text-shadow: none; - - -webkit-transition: all 0s linear; - -moz-transition: all 0s linear; - -o-transition: all 0s linear; - -ms-transition: all 0s linear; - transition: all 0s linear; -} -.ui.buttons .button.error:after, -.ui.buttons .button.error.hover:after, -.ui.buttons .button.error.down:after, -.ui.button.error:after, -.ui.button.error.hover:after, -.ui.button.error.down:after { - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 100%; - content: ''; - /* standard */ - background: #EE141D url(../images/button-error.gif) no-repeat 50% 50%; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; -} - -.ui.button.success, -.ui.button.success.hover, -.ui.button.success.down { - background-color: #59B94B; - color: #FFFFFF; - border-color: #588D0F; -} - -/* Disabled State */ -.ui.button.disabled, -.ui.button.disabled.hover, -.ui.button.disabled.down { - cursor: default; - color: #BBBBBB; - background-color: #F8F8F8 !important; - background-image: none !important; - - text-shadow: none !important; - - -webkit-box-shadow: none !important; - -moz-box-shadow: none !important; - box-shadow: none !important; -} /******************************* diff --git a/src/ui/flat/icons.css b/src/ui/flat/icons.css index 22327f398..31a9ec6e0 100755 --- a/src/ui/flat/icons.css +++ b/src/ui/flat/icons.css @@ -4,12 +4,12 @@ @font-face { font-family: 'Icons'; - src: url("/fonts/icons.eot"); + src: url("..//fonts/icons.eot"); src: - url("/fonts/icons.eot?#iefix") format('embedded-opentype'), - url("/fonts/icons.woff") format('woff'), - url("/fonts/icons.ttf") format('truetype'), - url("/fonts/icons.svg#icons") format('svg') + url("../fonts/icons.eot?#iefix") format('embedded-opentype'), + url("../fonts/icons.woff") format('woff'), + url("../fonts/icons.ttf") format('truetype'), + url("../fonts/icons.svg#icons") format('svg') ; font-weight: normal; font-style: normal; diff --git a/src/ui/flat/menu.css b/src/ui/flat/menu.css index e69de29bb..346b9ec6f 100755 --- a/src/ui/flat/menu.css +++ b/src/ui/flat/menu.css @@ -0,0 +1,246 @@ +/* + * # Semantic Menu - Flat + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ + + +/******************************* + Standard +*******************************/ + +.ui.menu { + background-color: #EEEEEE; + font-size: 0px; +} + +/* Items */ +.ui.menu .item { + display: inline-block; + border-right: 1px solid rgba(0, 0, 0, 0.1); +} +.ui.menu .item:first-child { + border-left: 1px solid rgba(0, 0, 0, 0.1); +} + +.ui.menu .menu.left, +.ui.menu .item.left { + float: left; +} +.ui.menu .menu.right, +.ui.menu .item.right { + float: right; + border-left: 1px solid rgba(0, 0, 0, 0.1); +} + + +/* Dropdown Menu */ +.ui.menu .dropdown.item { + position: relative; +} +.ui.menu .dropdown.item .menu { + overflow: hidden; + height: 0px; + width: 0px; + position: absolute; + top: 100%; + left: 0px; + background-color: #FFFFFF; + opacity: 0; + + -webkit-transition: opacity 0.2s ease-out; + -moz-transition: opacity 0.2s ease-out; + -o-transition: opacity 0.2s ease-out; + -ms-transition: opacity 0.2s ease-out; + transition: opacity 0.2s ease-out; +} +.ui.menu .dropdown.item:hover .menu { + display: block; + overflow: visible; + width: 100%; + height: auto; + + opacity: 1; + border: 1px solid rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); +} +.ui.menu .dropdown.item .menu .item { + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.1); + font-size: 0.9em; + display: block; + color: #555555; +} +.ui.menu .dropdown.item .menu .item:first-child { + border-top: none; +} + + + +/******************************* + States +*******************************/ + +/*-------------- + Hover +---------------*/ + +/* Pseudo states cautiously used for convenience */ +.ui.menu .item.hover, +.ui.menu .link.item:hover, +.ui.menu a.item:hover, +.ui.menu .dropdown.item .menu .item:hover { + cursor: pointer; + background-color: rgba(0, 0, 0, 0.05); +} +/*-------------- + Active +---------------*/ +.ui.menu .item.down, +.ui.menu .link.item:active, +.ui.menu a.item:active, +.ui.menu .dropdown.item .menu .item:active { + background-color: rgba(0, 0, 0, 0.05); + + -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset; + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset; +} + +.ui.menu .item.active { + font-weight: bold; +} + + +/******************************* + Variations +*******************************/ + +/*-------------- + Colors +---------------*/ + +.ui.black.menu { + background-color: #333333; + color: #FFFFFF; +} +.ui.black.menu .item { + border-right: 1px solid rgba(255, 255, 255, 0.1); +} +.ui.black.menu .item:first-child { + border-left: 1px solid rgba(255, 255, 255, 0.1); +} +.ui.black.menu .menu.right, +.ui.black.menu .item.right { + border-left: 1px solid rgba(255, 255, 255, 0.1); +} + + +/* hover */ +.ui.black.menu .item.hover, +.ui.black.menu .link.item:hover, +.ui.black.menu a.item:hover { + cursor: pointer; + background-color: rgba(255, 255, 255, .15); +} +/* active */ +.ui.black.menu .item.down, +.ui.black.menu .link.item:active, +.ui.black.menu a.item:active { + background-color: rgba(255, 255, 255, .05); + + -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset; + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1) inset; +} + + + +/*-------------- + Transparent +---------------*/ + +.ui.transparent.menu { + opacity: 0.95; +} + +/*-------------- + Vertical +---------------*/ + +.ui.vertical.menu { + width: 100%; +} +.ui.vertical.menu .item { + border-left: none; + border-top: 1px solid rgba(0, 0, 0, 0.1); +} + +/*-------------- + Icons +---------------*/ + +.ui.menu .icon.menu .item i { + margin: 0px; +} +.ui.menu .icon.item i { + padding: 0px; +} + +/*-------------- + Fixed +---------------*/ + +.ui.menu.fixed { + position: fixed; + z-index: 10; + width: 100%; +} +.ui.menu.fixed.top { + top: 0px; + left: 0px; + right: auto; + bottom: auto; +} +.ui.menu.fixed.right { + top: 0px; + right: 0px; + left: auto; + bottom: auto; + width: auto; + height: 100%; +} +.ui.menu.fixed.bottom { + bottom: 0px; + left: 0px; + top: auto; + right: auto; +} +.ui.menu.fixed.left { + top: 0px; + left: 0px; + right: auto; + bottom: auto; + width: auto; + height: 100%; +} + +/*-------------- + Sizes +---------------*/ +.ui.menu .item { + padding: 5px 10px; + font-size: 13px; +} +.ui.large.menu .item { + padding: 12px 10px; + font-size: 16px; +} \ No newline at end of file diff --git a/src/ui/flat/panel.css b/src/ui/flat/panel.css index f85e404de..dd1194bbc 100755 --- a/src/ui/flat/panel.css +++ b/src/ui/flat/panel.css @@ -16,12 +16,6 @@ border-radius: 4px; background-color: #FAFAFA; - background: -webkit-linear-gradient(top, #FAFAFA 0%, #ECECEC 100%); - background: -moz-linear-gradient(top, #FAFAFA 0%, #ECECEC 100%); - background: -o-linear-gradient(top, #FAFAFA 0%, #ECECEC 100%); - background: -ms-linear-gradient(top, #FAFAFA 0%, #ECECEC 100%); - background: linear-gradient(top, #FAFAFA 0%, #ECECEC 100%); - } .ui.panel li { @@ -54,11 +48,6 @@ ; background-color: #FAFAFA; - background: -webkit-linear-gradient(top, #FAFAFA 0%, #ECECEC 100%); - background: -moz-linear-gradient(top, #FAFAFA 0%, #ECECEC 100%); - background: -o-linear-gradient(top, #FAFAFA 0%, #ECECEC 100%); - background: -ms-linear-gradient(top, #FAFAFA 0%, #ECECEC 100%); - background: linear-gradient(top, #FAFAFA 0%, #ECECEC 100%); -webkit-user-select: none; -moz-user-select: none; @@ -109,11 +98,7 @@ /* States */ .ui.panel li.hover { - background: -webkit-linear-gradient(top, #F6F6F6 0%, #EAEAEA 100%); - background: -moz-linear-gradient(top, #F6F6F6 0%, #EAEAEA 100%); - background: -o-linear-gradient(top, #F6F6F6 0%, #EAEAEA 100%); - background: -ms-linear-gradient(top, #F6F6F6 0%, #EAEAEA 100%); - background: linear-gradient(top, #F6F6F6 0%, #EAEAEA 100%); + background-color: #F6F6F6; color: #333333; } .ui.panel li.hover a { @@ -123,31 +108,18 @@ .ui.panel li.down, .ui.panel li.active { + background-color: #EAEAEA; text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); -webkit-box-shadow: - 0px 1px 5px rgba(0, 0, 0, 0.1) inset, - 0px 0px 0px 1px #DDDDDD inset, - 0px 0px 0px 1px #CCCCCC + 0px 0px 2px rgba(0, 0, 0, 0.1) inset ; -moz-box-shadow: - 0px 1px 5px rgba(0, 0, 0, 0.1) inset, - 0px 0px 0px 1px #DDDDDD inset, - 0px 0px 0px 1px #CCCCCC + 0px 0px 2px rgba(0, 0, 0, 0.1) inset ; box-shadow: - 0px 1px 5px rgba(0, 0, 0, 0.1) inset, - 0px 0px 0px 1px #DDDDDD inset, - 0px 0px 0px 1px #CCCCCC + 0px 0px 2px rgba(0, 0, 0, 0.1) inset ; - - background-color: #EAEAEA; - background: -webkit-linear-gradient(top, #EAEAEA 0%, #ECECEC 100%); - background: -moz-linear-gradient(top, #EAEAEA 0%, #ECECEC 100%); - background: -o-linear-gradient(top, #EAEAEA 0%, #ECECEC 100%); - background: -ms-linear-gradient(top, #EAEAEA 0%, #ECECEC 100%); - background: linear-gradient(top, #EAEAEA 0%, #ECECEC 100%); - } .ui.panel li.active, .ui.panel li.active.hover { @@ -173,9 +145,9 @@ width: 12px; height: 12px; - -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.2) inset; - -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.2) inset; - box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.2) inset; + -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.1) inset; + box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.1) inset; background-color: #ECECEC; background-image: none; @@ -193,9 +165,9 @@ bottom: auto; left: auto; - -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.2) inset; - -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.2) inset; - box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.2) inset; + -webkit-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset; + box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.1) inset; margin-top: -7px; width: 12px; diff --git a/src/ui/fonts/icons.eot.REMOVED.git-id b/src/ui/fonts/icons.eot.REMOVED.git-id new file mode 100644 index 000000000..2776fbe5d --- /dev/null +++ b/src/ui/fonts/icons.eot.REMOVED.git-id @@ -0,0 +1 @@ +25066de069a62374b39f220581d1314fa60a5f45 \ No newline at end of file diff --git a/src/ui/fonts/icons.svg.REMOVED.git-id b/src/ui/fonts/icons.svg.REMOVED.git-id new file mode 100644 index 000000000..fbf9c2439 --- /dev/null +++ b/src/ui/fonts/icons.svg.REMOVED.git-id @@ -0,0 +1 @@ +b9c54d022b2628b920f09afd4cb10d4dc0ce0d17 \ No newline at end of file diff --git a/src/ui/fonts/icons.ttf.REMOVED.git-id b/src/ui/fonts/icons.ttf.REMOVED.git-id new file mode 100644 index 000000000..f8d220df0 --- /dev/null +++ b/src/ui/fonts/icons.ttf.REMOVED.git-id @@ -0,0 +1 @@ +318a2643d3af55fe51b472e7769b99caf74ff7b0 \ No newline at end of file diff --git a/src/ui/fonts/icons.woff b/src/ui/fonts/icons.woff new file mode 100755 index 0000000000000000000000000000000000000000..baba1b5ebee3f11eee7b9c77ee9b1ba0317cfd63 GIT binary patch literal 24676 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