Différences entre les versions de « Utilisateur:Lamenax/common.css »
De Semantic MediaWiki - Sandbox
Ligne 1 : | Ligne 1 : | ||
div#mw-panel { | div#mw-panel { | ||
− | width: | + | width: 15em; |
} | } | ||
.mw-body { | .mw-body { | ||
− | margin-left: | + | margin-left: 15em; |
} | } | ||
#left-navigation { | #left-navigation { | ||
− | margin-left: | + | margin-left: 15em; |
} | } | ||
.vectorTabs { | .vectorTabs { | ||
Ligne 16 : | Ligne 16 : | ||
.portal { | .portal { | ||
font-family: calibri; | font-family: calibri; | ||
− | font-size: | + | font-size: 20px; |
} | } | ||
Version du 23 octobre 2016 à 17:24
div#mw-panel {
width: 15em;
}
.mw-body {
margin-left: 15em;
}
#left-navigation {
margin-left: 15em;
}
.vectorTabs {
margin-left: 0;
}
.portal {
font-family: calibri;
font-size: 20px;
}
.calibri_18 {
font-family: calibri;
font-size: 18px;
}
.cadre_accueil_quoi2neuf {
border: solid 3px #088A08;
background-color: #CEF6D8;
padding: 5px;
border-radius: 10px;
}
.cadre_accueil_paroucommencer {
border: solid 3px #FA8258;
background-color: #F6E3CE;
padding: 5px;
border-radius: 10px;
}
.cadre_accueil_autrechose {
border: solid 3px #8258FA;
background-color: #E3CEF6;
padding: 5px;
border-radius: 10px;
}
.cadre_logo {
background-color: #2E75B6;
}
.titre_quoi2neuf {
font-size: 23px;
font-family: calibri;
font-style: bold;
text-align: center;
border-bottom: solid 1px;
}
.titre_paroucommencer {
font-size: 23px;
font-family: calibri;
font-style: bold;
text-align: center;
border-bottom: solid 1px;
}
.titre_autrechose {
font-size: 23px;
font-family: calibri;
font-style: bold;
text-align: center;
border-bottom: solid 1px;
}
/* SECTIONS ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* GROUPING ============================================================================= */
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
/* GRID COLUMN SETUP ==================================================================== */
.col {
display: block;
float:left;
margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
.col {
margin: 1% 0 1% 0%;
}
}
/* GRID OF THREE */
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 66.13%;
}
.span_1_of_3 {
width: 32.26%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.span_3_of_3 {
width: 100%;
}
.span_2_of_3 {
width: 100%;
}
.span_1_of_3 {
width: 100%;
}
}