[9.2.25] Thème des pages d'admin

This commit is contained in:
Fred Tempez 2020-03-16 15:25:31 +01:00
parent 1496712bcf
commit 0c65fc56bb
16 changed files with 112 additions and 10 deletions

View File

@ -28,5 +28,12 @@ textarea,
.inputFile, .inputFile,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -29,4 +29,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -29,4 +29,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -32,4 +32,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -29,4 +29,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -29,4 +29,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -74,4 +74,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -29,4 +29,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -29,4 +29,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -30,10 +30,16 @@ textarea,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
} }
body:not(.preview) {
font-family: "Open+Sans",sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
}
div.preview { div.preview {
border-radius: 2%; border-radius: 2%;
-webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75); -webkit-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75);
box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75); box-shadow: 5px 5px 5px 2px rgba(0,0,0,0.75);
} }

View File

@ -19,13 +19,16 @@ $( document ).ready(function() {
// Import des polices de caractères // Import des polices de caractères
var titleFont = $("#themeTitleFont").val(); var titleFont = $("#themeTitleFont").val();
var textFont = $("#themeTextFont").val(); var textFont = $("#themeTextFont").val();
var css = "@import url('https://fonts.googleapis.com/css?family=" + titleFont + "|" + textFont + "');"; var css = "@import url('https://fonts.googleapis.com/css?family=" + titleFont + "|" + textFont + "');";
var colors = core.colorVariants($("#themeButtonBackgroundColor").val()); var colors = core.colorVariants($("#themeButtonBackgroundColor").val());
// Texte
css += "p.preview{color:" + $("#themeTextTextColor").val() + ";font-family:'" + textFont.replace(/\+/g, " ") + "',sans-serif}";
// Titres
css += "h1.preview,h3.preview{color:" + $("#themeTitleTextColor").val() + ";font-family:'" + titleFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeTitleFontWeight").val() + ";text-transform:" + $("#themeTitleTextTransform").val() + "}"; css += "h1.preview,h3.preview{color:" + $("#themeTitleTextColor").val() + ";font-family:'" + titleFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeTitleFontWeight").val() + ";text-transform:" + $("#themeTitleTextTransform").val() + "}";
css += "p.preview{color:" + $("#themeTextTextColor").val() + "}"; // Fond
css += "div.preview{background-color:" + $("#themeSiteBackgroundColor").val() + ";}"; css += "div.preview{background-color:" + $("#themeSiteBackgroundColor").val() + ";}";
// Couleurs des liens // Couleurs des liens
colors = core.colorVariants($("#themeLinkTextColor").val()); colors = core.colorVariants($("#themeLinkTextColor").val());
@ -73,9 +76,11 @@ $("input, select").on("change", function() {
//css += "h1,h2,h3,h4,h5,h6{color:" + $("#themeTitleTextColor").val() + ";font-family:'" + titleFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeTitleFontWeight").val() + ";text-transform:" + $("#themeTitleTextTransform").val() + "}"; //css += "h1,h2,h3,h4,h5,h6{color:" + $("#themeTitleTextColor").val() + ";font-family:'" + titleFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeTitleFontWeight").val() + ";text-transform:" + $("#themeTitleTextTransform").val() + "}";
css += "h1.preview,h3.preview{color:" + $("#themeTitleTextColor").val() + ";font-family:'" + titleFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeTitleFontWeight").val() + ";text-transform:" + $("#themeTitleTextTransform").val() + "}"; css += "h1.preview,h3.preview{color:" + $("#themeTitleTextColor").val() + ";font-family:'" + titleFont.replace(/\+/g, " ") + "',sans-serif;font-weight:" + $("#themeTitleFontWeight").val() + ";text-transform:" + $("#themeTitleTextTransform").val() + "}";
// Police de caractères // Police de caractères
css += "body{font-family:'" + textFont.replace(/\+/g, " ") + "',sans-serif}"; //css += "body{font-family:'" + textFont.replace(/\+/g, " ") + "',sans-serif}";
// Police + couleur
css += "p.preview{color:" + $("#themeTextTextColor").val() + ";font-family:'" + textFont.replace(/\+/g, " ") + "',sans-serif}";
// Taille du texte // Taille du texte
css += "body,.row > div{font-size:" + $("#themeTextFontSize").val() + "}"; //css += "body,.row > div{font-size:" + $("#themeTextFontSize").val() + "}";
// Couleur du texte // Couleur du texte
//css += "body,.block h4,input[type='email'],input[type='text'],input[type='password'],.inputFile,select,textarea,.inputFile,.button.buttonGrey,.button.buttonGrey:hover{color:" + $("#themeTextTextColor").val() + "}"; //css += "body,.block h4,input[type='email'],input[type='text'],input[type='password'],.inputFile,select,textarea,.inputFile,.button.buttonGrey,.button.buttonGrey:hover{color:" + $("#themeTextTextColor").val() + "}";
css += "p.preview{color:" + $("#themeTextTextColor").val() + "}"; css += "p.preview{color:" + $("#themeTextTextColor").val() + "}";

View File

@ -64,7 +64,7 @@
</div> </div>
</div> </div>
<div class="col4 preview"> <div class="col4 preview">
<h1 class="preview">Aperçu</h1> <h1>Aperçu</h1>
<div class="row"> <div class="row">
<div class="col8"> <div class="col8">
<h3 class="preview">Titre 3 </h3> <h3 class="preview">Titre 3 </h3>

View File

@ -29,4 +29,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -29,4 +29,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -29,4 +29,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }

View File

@ -29,4 +29,11 @@ textarea,
.button.buttonGrey, .button.buttonGrey,
.button.buttonGrey:hover { .button.buttonGrey:hover {
color: rgba(33, 34, 35, 1); color: rgba(33, 34, 35, 1);
}
body {
font-family: "Open+Sans";
}
body h1, h2, h3, h4, h5, h6 {
font-family: "Oswald";
color: rgba(74, 105, 189, 1);
} }