diff --git a/node/src/documents/elements/icon.html b/node/src/documents/elements/icon.html deleted file mode 100755 index 530cc93cb..000000000 --- a/node/src/documents/elements/icon.html +++ /dev/null @@ -1,463 +0,0 @@ ---- -layout : 'default' -css : 'icon' -title : 'Icon' -type : 'UI Element' ---- - -
-
-

Icon

-

An icon is a glyph used to represent another concept more simply.

-
- Definition - -
-
-
-
- -
-
- Types - States - Variations -
-
- -

Types

- -
-

Icon Set

-

An icon sets contains an arbitrary number of glyphs

-
- Icons serve a very similar function to text in a page. In semantic icons receive a special tag "i" which allow for an abbreviated markup when sitting along-side text. -
- -
- This icon set was built using a custom combination of fonts using the amazing web tool Fontello -
- -

Content

-

Content icons represent nouns

-
-
Attachment
-
Barcode
-
Bookmark
-
Cart
-
Chart
-
Bar chart
-
Pie chart
-
Date
-
Doc
-
Docs
-
Email
-
Folder
-
Open folder
-
Home
-
Mail
-
Photo
-
Photos
-
Search
-
Setting
-
Settings
-
Tag
-
Tags
-
Time
-
Top list
-
Trash
-
Community
-
URL
-
User
-
Users
-
Chat
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-

Special Content

-

Special content are types of content not as frequently used

-
-
Trophy
-
Cloud
-
Flight
-
Gift
-
Dollar
-
Lab
-
RSS
-
-
- - - - - - - -
-
- -
-

User Actions

-

User action icons represent possible actions a user can take

-
-
Add User
-
Block
-
Hide
-
Unhide
-
Lock
-
Unlock
-
Flag
-
Cancel
-
Close
-
Delete
-
Check
-
Edit
-
Open
-
Export
-
Forward
-
Upload
-
Like
-
Dislike
-
Pin
-
Star
-
Empty Star
-
Half Star
-
Print
-
Comment
-
-
- - - - - - - - - - - - - - - - - - - - - - - - -
-
- -
-

View

-

View icons represent ways to modify a page view

-
-
Content
-
Grid Layout
-
Block Layout
-
List Layout
> -
Resize Full
-
Resize Horizontal
-
Resize Small
-
Resize Vertical
-
Zoom in
-
Zoom out
-
-
- - - - - - - - - - -
-
-
-

Media Actions

-

Media actions specify actions a user can take on media elements

-
-
Eject
-
Fast-forward
-
Pause
-
Play
-
To-start
-
To-end
-
Forward
-
Shuffle
-
Clockwise
-
Counter clockwise
-
-
- - - - - - - - - - -
-
-
-

Objects

-

Object icons represent concepts more literally

-
-
Book
-
Calendar
-
Color
-
Desk globe
-
Fire
-
Globe
-
Headphones
-
Id
-
Idea
-
Lightning
-
Money
-
Paint
-
-
- - - - - - - - - - - - -
-
- - -
-

Indications

-

Indications represent the status of an element

-
-
Cancel Circle
-
Asterisk
-
Attention Circle
-
Attention
-
Empty Heart
-
Heart
-
Thumbs Down
-
Thumbs Up
-
Terminal
-
Direction
-
Location
-
Help
-
Info
-
Mic
-
Off
-
Add
-
-
- - - - - - - - - - - - - - - - -
-
- -
-

Symbols

-

Symbol icons represent shapes or figures

-
-
Left Open
-
Left Triangle
-
Left
-
Right
-
Right Triangle
-
Right Arrow
-
Up
-
Up Triangle
-
Up Arrow
-
Down Arrow
-
Down Triangle
-
Down Arrow
-
Cube
-
Minus
-
Plus
-
-
- - - - - - - - - - - - - - - -
-
- -
-

Social

-

Social icons represent common social sites.

-
-
Facebook
-
Twitter
-
Github
-
-
- -

States

- -
-

Disabled

-

An icon can show that it is disabled

- -
- -

Variations

- -
-

Size

-

An icon can vary in size

- -
- -
- -
- -
- -
- -
-

Link

-

An icon can be formatted as a link

- - -
- -
-

Flipped

-

An icon can be flipped

- - -
- -
-

Loading

-

An icon can be spin to be used as a loading indicator

- -
- - -
-

Rotated

-

An icon can be rotated

- - -
- - -
-

Circular

-

An icon can be formatted to appear circular

- - - - -
- - -
-

Square

-

An icon can be formatted to appear square

- - - - -
- -
-

Colors

-

An icon can be formatted with different colors

- - - - - - -
- -
-

Inverted

-

an icon can have its colors inverted for contrast

- - - - - - -
- - -
\ No newline at end of file diff --git a/node/src/documents/elements/icon.html.REMOVED.git-id b/node/src/documents/elements/icon.html.REMOVED.git-id new file mode 100644 index 000000000..9b1d18b37 --- /dev/null +++ b/node/src/documents/elements/icon.html.REMOVED.git-id @@ -0,0 +1 @@ +a08248c6589a97563678cf3bfa5d73a4c622d011 \ No newline at end of file diff --git a/node/src/documents/modules/popup.html b/node/src/documents/modules/popup.html index b8b55d95a..fa2695aaa 100755 --- a/node/src/documents/modules/popup.html +++ b/node/src/documents/modules/popup.html @@ -33,7 +33,7 @@ type : 'UI Module'

Popup

A standard popup

- +

Variations

@@ -41,14 +41,14 @@ type : 'UI Module'

Size

A popup can be large or small

- - + +

Inverted

A popup can have its colors inverted

- +
@@ -64,7 +64,7 @@ type : 'UI Module'

Including metadata

Frequently used metadata like, title, content, html, or arrowOffset or variation, can be included in html metadata

- +
Specifying Content

Popups can specify content in three ways:

@@ -76,7 +76,7 @@ type : 'UI Module'

- +

Examples

@@ -84,32 +84,32 @@ type : 'UI Module'

Positioning

A popup can be positioned to any side of an element. If space is not available, it will automatically search for a similar alternative position to use.

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

Title

A popup can be formatted with a title

- +

HTML

A popup can be formatted with html

- +

Transitions

A popup can have different transitions. Any transition with both an in and out animation can be specified. The following are just a few examples.

- +

$('.fade.icon') @@ -119,7 +119,7 @@ type : 'UI Module'
- +

$('.slide.icon') @@ -129,7 +129,7 @@ type : 'UI Module'
- +

$('.flip.icon') diff --git a/node/src/files/stylesheets/semantic.css b/node/src/files/stylesheets/semantic.css index 171f03f0a..0b53072f6 100755 --- a/node/src/files/stylesheets/semantic.css +++ b/node/src/files/stylesheets/semantic.css @@ -289,6 +289,10 @@ a:hover { top: 50%; width: 100%; } +#example .error.masthead .container { + position: relative; + z-index: 100; +} #example .masthead { position: relative; overflow: hidden; diff --git a/node/src/layouts/default.html.eco b/node/src/layouts/default.html.eco index 11ea2b8a0..2118dab17 100755 --- a/node/src/layouts/default.html.eco +++ b/node/src/layouts/default.html.eco @@ -24,10 +24,12 @@ + + - + @@ -62,7 +64,6 @@ -