[9.2.25] Thème des pages d'admin
This commit is contained in:
parent
1496712bcf
commit
0c65fc56bb
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
||||||
|
@ -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() + "}";
|
||||||
|
@ -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>
|
||||||
|
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
@ -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);
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user