MoOx

/**
 * Shape/Polygon/Triangle
 *
 * @author Maxime Thirouin [email protected] @MoOx
 */
@mixin triangle($direction: top, $width: 1em, $height: 0, $color: #000)
{
    @if ($height == 0)
    {
        $height: $width;

MoOx

/* Basic Reset */
* {
    margin: 0;
    padding: 0;
}

html, body {
    background: #252525;
}

MoOx

/**
 * Gravatar without <img> tag
 * 
 * @memo https://secure.gravatar.com/avatar/36d07341931078d5125fa99397a34ed8?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png
 * 
 * @todo make this doable with a javascript
 * @link http://darcyclarke.me/development/quick-tip-get-gravatar-images-from-emails-with-javascript/
 */

[data-gravatar-uri]::after

MoOx

body
{
position: relative;
margin: 100px;
height: 300px;
border: 1px solid green;
}
div
{
background: red;

MoOx

// http://cssdeck.com/item/175/pure-css3-smooth-ribbon-with-borders
//http://jsfiddle.net/Calou/juQ9n/

.container
{
position: relative;
margin: 100px;
height: 300px;
border: 1px solid green;
margin: 4em;

MoOx

/**
 * Gravatar without <img> tag
 * 
 * @memo https://secure.gravatar.com/avatar/36d07341931078d5125fa99397a34ed8?s=140&d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-140.png
 * 
 * @todo make this doable with a javascript
 * @link http://darcyclarke.me/development/quick-tip-get-gravatar-images-from-emails-with-javascript/
 */

[data-gravatar-uri]::after

MoOx

qsd

qsd

This is a a line

MoOx

/*
	Ratings Stars
	(with as little code as possible)
*/
.rating {
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
}
.rating > span {

MoOx

ul
{
	display: none
}

nav:hover ul
{
	position: relative;
	display: block;
	outline: 1px solid blue;

MoOx

/* dropdown with an after for maintaining the hover when you mouse around */

ul
{
	display: none
}

nav:hover ul
{
	position: relative;