css

@supports (-moz-appearance:none) and (background-attachment:local)

  and (not (-moz-osx-font-smoothing:auto)) {

    @media not screen and (-moz-os-version) { 

[...CSS...]

    } 

}

tabella dei colori e nomenclatura:

l'input #input dovrebbe avere dimensione 95% ma viene sovrascritto, nonostante sia in cima, dalla seconda regola...

#input {
  width: 95%;
}

...che dice che tutti gli input contenuti nel #form sono di 98%.

#form input {
  min-height: 25px;
  width: 98%;
}

Per risolvere, basta specificare il tipo ad #input e usare il selettore più preciso input#input

I "mixins" permettono di inserire tutte le proprietà di una classe "padre", semplicemente includendo il nome della classe stessa come uno delle proprietà della classe "figlia".

.padre{ color: red; font-size: 12px; } 

.figlia{ .padre; }

Nelle dichiarazioni dei valori nel CSS,  si va in senso orario: questo vuol dire che nella regola

Accedere da CSS alle proprietà di un altra dichiarazione CSS:

.text {
  color:#333333;
}
.altraclasse {
  color: .text['color'];
}

css:

@media screen and (-webkit-min-device-pixel-ratio:0) { // regola }

JavaScript:

if (navigator.appVersion.indexOf("Chrome/") != -1) { // regola }

Il tempo di caricamento di una pagina dipende anche dal numero di richieste che vengono inoltrate, può essere utile, quindi, comprimere e accorpare i file css e i file javascript (così come è buona regola accorpare in un unica immagine, detta sprite, le nostre varie gif,png,jpg: sarà il CSS opportunamente compilato ad occuparsi di ritagliare la porzione che ci interessa).