bbrochier

/* Text highlight color -------------- */
::selection{
  background:#000;
  color:#fff;
}
::-moz-selection{
  background:#000;
  color:#fff;
}

bbrochier

// Glowing focus on form input ---------------------

input[type=text], input[type=email], textarea {
  transition: all 0.30s ease-in-out;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  outline:none;
}

input[type=text]:focus, input[type=email]:focus, textarea:focus {

bbrochier

<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

bbrochier

.alert {
    padding: 15px 35px 15px 15px;
    margin-bottom: 20px;
    color: #c09853;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
}
 
.alert-error {

bbrochier

a.bouton {
    background: url(sprites.png) no-repeat;
    background-position: 0 0;
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;    
}
 
a.bouton:after {

bbrochier

/* http://css-tricks.com/snippets/css/css-triangle/ */
 
.arrow-up {
    width: 0; 
    height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid black;
}

bbrochier

.transition (@transition: all 0.2s ease-in) {
  transition: @transition;
  -moz-transition: @transition;
  -o-transition: @transition;
  -webkit-transition: @transition;
}

//Usage : .transition(background 0.5s ease-in);

bbrochier

// Same Height Elements
$.fn.setAllToMaxHeight = function(){
    return this.height( Math.max.apply(this, $.map( this , function(e){ return $(e).height() }) ) );
}
$(".mon-ul li").setAllToMaxHeight();

bbrochier

<script src='https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false'></script>

<div id="map-canvas" height="500" width="500"></div>
<div id="info"></div>

bbrochier

::-webkit-input-placeholder {color: #fff;}
::-moz-placeholder {color: #fff;}
:-ms-input-placeholder {color: #fff;}