Différences entre les versions de « MediaWiki:Common.css »

De Wiki Monnaie Bulle
Aller à la navigation Aller à la recherche
m
m (Adaptations CSS pour OpenAgenda)
 
(2 versions intermédiaires par le même utilisateur non affichées)
Ligne 180 : Ligne 180 :


/* Adaptations pour OpenAgenda */
/* Adaptations pour OpenAgenda */
div#colonne1 {
.colonne1 {
float: left;
float: left;
width: 160px;
width: 80%;
background: lightblue;
}
}
div#colonne2 {
.colonne2 {
float: right;
float: right;
width: 300px;
width: 20%;
background: burlywood;
}
}

Version actuelle datée du 15 novembre 2018 à 22:27

@import url('./resources/assets/font-awesome.min.css');

/* Le CSS placé ici sera appliqué à tous les habillages. */

/* Chargement des polices webfont */
@font-face {
    font-family: 'open_sansregular';
    src: url('./resources/assets/webfont/OpenSans-Regular-webfont.woff');
    font-weight: normal;
    font-style: normal;}

@font-face {
font-family: 'caturigasthin-regular';
src: url('./resources/assets/webfont/caturigasthin-regular-webfont.woff') format('woff');}

@font-face {
font-family: 'caturigas-bold';
src: url('./resources/assets/webfont/caturigas-bold-webfont.woff') format('woff');}

/* Changements cosmétiques sur les titres */
.mw-body h1, .mw-body-content h1 {
	font-family: 'caturigasthin-regular', sans-serif;
    font-size: 2em;
    color: #fa4d1a;
}

.mw-body-content h2 {
	font-family: 'caturigas-bold', sans-serif;
    font-size: 1.8em;
    color: #00c1f2;
}

.mw-body-content h3 {
    font-size: 1.4em;
    color: #00aa71;
}

.mw-body-content h4 {
    font-size: 1.2em;
}

/* Changements cosmétiques sur la page en général */
body {
    color: #555e65;
    font-family: "open_sansregular", sans-serif;
    font-size: larger;
}

.mw-body, .parsoid-body {
    color: #384047;
}

.mw-body-content {
    font-size: 0.9em;
}

/* Changements couleurs des liens */
a {
    color: #0093d2;
}

a:visited {
  color: #0093d2;
}

a:hover {
  color: #00c1f2;
}

/* lien d'édition section */
.mw-editsection a {
    color: #f5a300;
}

/* barre de navigation utilisateur top */
#p-personal a {
	color: #555e65;
}

/* lien catégorie en bas de page */
#catlinks a {
    color: #555e65;
}

#footer a {
	color: #555e65;
}

/* Bloc pour notes */

.note {
background: RGBA(254, 220, 87, 0.40) none repeat scroll 0% 0%;
-webkit-print-color-adjust: exact;
font-size: large;
color: black;
border-color: #F1C40F;
border-left-width: 7px;
border-left-style: solid;
border-radius: 0 5px 5px 0;
padding: 10px;
overflow: hidden;
clear: both;
}

.astuce {
background: RGBA(46, 204, 113, 0.40) none repeat scroll 0% 0%;
-webkit-print-color-adjust: exact;
font-size: large;
color: black;
border-color: #2ECC71;
border-left-width: 7px;
border-left-style: solid;
border-radius: 0 5px 5px 0;
padding: 10px;
overflow: hidden;
clear: both;
}

.attention {
background: RGBA(231, 76, 60, 0.40) none repeat scroll 0% 0%;
-webkit-print-color-adjust: exact;
font-size: large;
color: black;
border-color: #E74C3C;
border-left-width: 7px;
border-left-style: solid;
border-radius: 0 5px 5px 0;
padding: 10px;
overflow: hidden;
clear: both;
}

.note2 {
background: RGBA(254, 140, 87, 0.4) none repeat scroll 0% 0%;
-webkit-print-color-adjust: exact;
font-size: large;
color: black;
border-color: #F1770F;
border-left-width: 7px;
border-left-style: solid;
border-radius: 0 5px 5px 0;
padding: 10px;
overflow: hidden;
clear: both;
}

.info {
background: rgba(52, 152, 219, 0.20) none repeat scroll 0% 0%;
-webkit-print-color-adjust: exact;
font-size: large;
color: black;
border-color: #3498DB;
border-left-width: 7px;
border-left-style: solid;
border-radius: 0 5px 5px 0;
padding: 10px;
overflow: hidden;
clear: both;
}

/* Bloc pour stabilo */

.stabilo {
background: RGB(254, 220, 87) none repeat scroll 0% 0%;
border-radius: 5px 5px;
padding: 2px 4px;
overflow: hidden;
clear: both;
}

.stabilo2 {
background: RGB(254, 199, 87) none repeat scroll 0% 0%;
border-radius: 5px 5px;
padding: 2px 4px;
overflow: hidden;
clear: both;
}

body.page-Accueil li#ca-talk { display: none !important; }

/* Adaptations pour OpenAgenda */
.colonne1 {
	float: left;
	width: 80%;
}
.colonne2 {
	float: right;
	width: 20%;
}