[9.2.25] Thème des pages d'admin
This commit is contained in:
parent
1496712bcf
commit
0c65fc56bb
@ -30,3 +30,10 @@ textarea,
|
|||||||
.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,3 +30,10 @@ textarea,
|
|||||||
.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,3 +30,10 @@ textarea,
|
|||||||
.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);
|
||||||
|
}
|
@ -33,3 +33,10 @@ textarea,
|
|||||||
.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,3 +30,10 @@ textarea,
|
|||||||
.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,3 +30,10 @@ textarea,
|
|||||||
.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);
|
||||||
|
}
|
@ -75,3 +75,10 @@ textarea,
|
|||||||
.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,3 +30,10 @@ textarea,
|
|||||||
.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,3 +30,10 @@ textarea,
|
|||||||
.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,7 +30,13 @@ 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);
|
||||||
|
@ -19,12 +19,15 @@ $( 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
|
||||||
@ -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>
|
||||||
|
@ -30,3 +30,10 @@ textarea,
|
|||||||
.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,3 +30,10 @@ textarea,
|
|||||||
.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,3 +30,10 @@ textarea,
|
|||||||
.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,3 +30,10 @@ textarea,
|
|||||||
.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