Ouvrir le menu principal

Modifications

MediaWiki:Common.css

2 761 octets ajoutés, 12 avril 2013 à 10:06
aucun résumé de modification
/* Tout CSS ici sera chargé avec chaque page accédée par n'importe quel utilisateur. */
 
/* ===================================================== */
/* Grille responsive */
/* ===================================================== */
.rwd { }
.rwd *,
.rwd *:before,
.rwd *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.rwd .left { float: left; }
.rwd .right { float: right; }
.rwd .text-left { text-align: left; }
.rwd .text-right { text-align: right; }
.rwd .text-center { text-align: center; }
 
.row { width:auto; max-width:1400px; min-width: 400px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }
.row .row.collapse { margin: 0; }
 
.column, .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }
[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }
 
.one, .row .one { width: 8.33333%; }
.two, .row .two { width: 16.66667%; }
.three, .row .three { width: 25%; }
.four, .row .four { width: 33.33333%; }
.five, .row .five { width: 41.66667%; }
.six, .row .six { width: 50%; }
.seven, .row .seven { width: 58.33333%; }
.eight, .row .eight { width: 66.66667%; }
.nine, .row .nine { width: 75%; }
.ten, .row .ten { width: 83.33333%; }
.eleven, .row .eleven { width: 91.66667%; }
.twelve, .row .twelve { width: 100%; }
 
.rwd img { height:auto!important; width:auto!important; }
.rwd img,
.rwd object,
.rwd embed { max-width: 100%; }
.rwd img { -ms-interpolation-mode: bicubic; }
.rwd #map_canvas img,
.rwd .map_canvas img { max-width: none!important; }
.rwd input[type="text"], .rwd input[type="password"], .rwd input[type="date"], .rwd input[type="datetime"], .rwd input[type="email"], .rwd input[type="number"], .rwd input[type="search"], .rwd input[type="tel"], .rwd input[type="time"], .rwd input[type="url"], .rwd textarea { width: 100%!important; }
 
/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before,
.row:after { content: " "; display: table; }
.row:after { clear: both; }
 
@media only screen and (max-width:800px) { /* Global Misc --- */
.rwd .left,
.rwd .right { float: none; }
.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
.column, .columns { width: auto !important; float: none; }
.column:last-child, .columns:last-child { float: none; }
[class*="column"] + [class*="column"]:last-child { float: none; }
.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
.column:after, .columns:after { clear: both; }
}
/* ===================================================== */