jordangray

.swd-button {
    background: #11c3ff linear-gradient(to bottom, transparent, #009bcf);
    border: 1px solid white;
    border-radius: 5px;
	color: white;
    display: inline-block;
	font: bold 12px Arial, Helvetica, sans-serif;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;

jordangray

background: #36c;
background: 
linear-gradient(120deg, transparent 80%, rgba(255,255,0,.8) 80%) 0 0,
linear-gradient(240deg, transparent 85%, rgba(255,255,0,.8) 85%) 0 0,
linear-gradient(60deg, transparent 85%, rgba(0,255,255,.8) 85%) 0 0,
linear-gradient(300deg, transparent 85%, rgba(0,255,255,.8) 85%) 0 0,
linear-gradient(60deg, transparent 85%, rgba(0,0,255,.8) 85%) 108px 0,
linear-gradient(300deg, transparent 85%, rgba(0,0,255,.8) 85%) 108px 0,
linear-gradient(60deg, transparent 85%, rgba(0,255,0,.8) 85%) 54px -94px,
linear-gradient(300deg, transparent 85%, rgba(0,255,0,.8) 75%) 54px -94px,

jordangray

/* Tiling colours */

background:
    /* Pointing upwards */
	linear-gradient( 60deg, hsla( 10,  90%,  75%,.6) 12.5%, transparent 0)   0px   0px,
	linear-gradient(-60deg, hsla( 10,  90%,  75%,.6) 12.5%, transparent 0)   0px   0px,
	linear-gradient( 60deg, hsla( 35,  90%,  75%,.6) 12.5%, transparent 0) 150px -86px,
	linear-gradient(-60deg, hsla( 35,  90%,  75%,.6) 12.5%, transparent 0) 150px -86px,
	linear-gradient( 60deg, hsla( 60,  90%,  75%,.6) 12.5%, transparent 0) 100px   0px,
	linear-gradient(-60deg, hsla( 60,  90%,  75%,.6) 12.5%, transparent 0) 100px   0px,

jordangray

/**
 * SO #22531861: simple progress spinner (SVG version)
 * http://stackoverflow.com/questions/22531861/create-circular-round-process-bar-with-gradient
 */

@keyframes rotate {
	from { transform: rotate(0deg);   }
	to   { transform: rotate(360deg); }
}

jordangray

/**
 * SO #22531861: simple progress spinner (pure CSS version)
 * http://stackoverflow.com/questions/22531861/create-circular-round-process-bar-with-gradient
 */

@keyframes rotate {
	from { transform: rotate(0deg);   }
	to   { transform: rotate(360deg); }
}

jordangray

/**
 * SO #22531861: simple progress spinner (SVG version)
 * http://stackoverflow.com/questions/22531861/create-circular-round-process-bar-with-gradient
 */

@keyframes rotate {
	from { transform: rotate(0deg);   }
	to   { transform: rotate(360deg); }
}

jordangray

Regex ParseUrl = new Regex(@"(?:^\w*:?//)?       # Protocol
                             (?<domain> [\.\w]+) # Domain
                             (?::\d)?            # Port
                             (?:/.*)?            # Path",
                           RegexOptions.IgnoreCase |
                           RegexOptions.IgnorePatternWhitespace);

// Example usage
var domain = ParseUrl.Replace(url, @"${domain}");

jordangray

.icon-warning-sign {
position: relative;
}

.icon-warning-sign:before {
left:0;
content: "";
width: 0;
height: 0;
border-style: solid;

jordangray

/* Warning sign */

.icon-warning-sign {
	position: relative;
}

.icon-warning-sign:before {
	left:0;
	content: "";
	width: 0;

jordangray

/* Collapsing warnings */

.error {
	background: #fcc;
	border: 3px solid #c00;
	border-radius: 5px;
	margin: 1em 0;
	padding: 10px;
	position: relative;
	width: 300px;