flexbox

/* Liens externes */
a[rel="external"]{
     font-size:16px;
}

/* Liens Email
   Le selecteur ^= permet de cibler tous les liens commençant par mailto:
   :before ajoute une entite sous forme d'icone
*/
a[href^="mailto:"]:before{

flexbox

.buttons
{
display: inline-block;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

flexbox

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/js/jquery-1.4.2.min.js' type='text/javascript'%3E%3C/script%3E"));
}
</script>

flexbox

.map { 
	 display: block;
	 overflow: hidden;
}
.map span{
	display: block;
	height: 250px;
	background:url(../img/map.jpg) no-repeat top left;

	transition: transform 0.2s linear 0s;

flexbox

Title

# h1
## h2
### h3
#### h4
##### h5
###### h6

flexbox

<table>
  <thead>
    <tr>
      <th scope="col">Name</th>
      <th scope="col">Email</th>
      <th scope="col">Dept, Title</th>
      <th scope="col">Phone</th>
    </tr>
  </thead>
  <tbody>

flexbox

// Straightforward + simple.
$("button").on("click", function(event) {
  event.preventDefault();
  var button = $(this);
  var numberElem = button.find(".number");
  var number = Number(numberElem.text()) - 1;
  numberElem.text(number);
  if (number === 0) {
    button.prop("disabled", true);
    button.off("click");

flexbox

@media only screen and (min-width: 960px) and (max-width: 970px) {

body {
  -webkit-transform : rotate(180deg);
  -moz-transform : rotate(180deg);
  -o-transform : rotate(180deg);
  transform : rotate(180deg); }

}

flexbox

.bg-zoom {
  background-position: center center;
  background-size: 100% auto;
  transition: background-size 0.5s ease 0s;
}

.bg-zoom:hover {
  background-size: 150% auto;
}

flexbox

@mixin headings($from: 1, $to: 6){
    @if $from >= 1 and $to <= 6{
        $heading-selector: (unquote(""));
        @for $i from $from through $to {
            $heading-selector: $heading-selector, unquote("h#{$i}")
        }
        #{$heading-selector}{
            @content
        }
    }