summaryrefslogtreecommitdiff
path: root/Static/Css/main.css
diff options
context:
space:
mode:
Diffstat (limited to 'Static/Css/main.css')
-rw-r--r--Static/Css/main.css85
1 files changed, 47 insertions, 38 deletions
diff --git a/Static/Css/main.css b/Static/Css/main.css
index ff1e229..7614cd3 100644
--- a/Static/Css/main.css
+++ b/Static/Css/main.css
@@ -6,7 +6,6 @@
# #
############################################################################
-
Sites web utilisés pour le CSS:
https://css-tricks.com/guides/
https://stackoverflow.com/
@@ -16,51 +15,60 @@ Toutes les recherches sont effectuées en anglais
sur mon instance SearX https://searx.debulois.fr
*/
+
:root {
/* Global */
- --mainSiteColor: #c0392b;
- --bodyBg: #fafafa;
- --separatorBg: var(--bodyBg);
- --bg: white;
- --text: black;
+ --mainSiteColor: #c0392b;
+ --bodyBg: #fafafa;
+ --separatorBg: var(--bodyBg);
+ --bg: white;
+ --text: black;
/* Header & navbar */
- --navbarTextColor: var(--text);
- --headerBg: var(--bg);
- --navBg: #f8f8f8;
+ --navbarTextColor: var(--text);
+ --headerBg: var(--bg);
+ --navBg: #f8f8f8;
/* Slideshow */
- --slideText: whitesmoke;
- --slideBg: black;
- --slideStroke: black;
+ --slideText: whitesmoke;
+ --slideBg: black;
+ --slideStroke: black;
/* Footer */
- --footerTextColor: #636e72;
- --footerBgColor: #2d3436;
+ --footerTextColor: #636e72;
+ --footerBgColor: #2d3436;
/* Tableaux */
- --tableText: var(--text);
- --tableBg: var(--bodyBg);
- --tdBorderColor: rgba(0, 0, 0, 0.2);
- --tableStarUnchecked: darkgray;
- --tableStarChecked: orange;
+ --tableText: var(--text);
+ --tableBg: var(--bodyBg);
+ --tdBorderColor: rgba(0, 0, 0, 0.2);
+ --tableStarUnchecked: darkgray;
+ --tableStarChecked: orange;
/* Messages */
- --messageTextErrorColor: red;
- --messageTextSuccessColor: green;
+ --messageTextErrorColor: red;
+ --messageTextSuccessColor: green;
/* Input icon et button */
- --iconColor: white;
- --btnHoverBg: #e74c3c;
+ --iconColor: white;
+ --btnHoverBg: #e74c3c;
/* Input border */
- --inputBorder: 2px solid var(--mainSiteColor);
- --thBorder: 2px solid var(--mainSiteColor);
- --tdBorder: 2px solid var(--tdBorderColor);
- --iBorderRadius: 5px 0px 0px 5px;
- --inputBorderRadius: 0px 5px 5px 0px;
+ --inputBorder: 2px solid var(--mainSiteColor);
+ --thBorder: 2px solid var(--mainSiteColor);
+ --tdBorder: 2px solid var(--tdBorderColor);
+ --iBorderRadius: 5px 0px 0px 5px;
+ --inputBorderRadius: 0px 5px 5px 0px;
+ /* Notification */
+ --notifAsideBg: #f8f8f8;
+ --notifAsideBorder: 4px solid #cf7e39;
+ --notifButtonCloseColor: #1a1a1a;
+ --notifButtonCloseBg: #d3c9c3c9;
+ --notifButtonCloseBorder: solid 1px #6e5e5e;
+ --notifButtonCloseHoverColor: #e7e7e7;
+ --notifButtonCloseHoverBg: #ff5959;
/* Fonts size */
- --fontSizeI: 20px;
- --fontSizeSlideP: 34px;
- --fontSizeSmallPhone: 12px;
- --fontSizeSmallLess: 14px;
- --fontSizeSmall: 16px;
- --fontSizeSmallPlus: 18px;
- --fontSizeMedium: 26px;
- --fontSizeLarge: 28px;
+ --fontSizeI: 20px;
+ --fontSizeSlideP: 34px;
+ --fontSizeSmallPhone: 12px;
+ --fontSizeSmallLess: 14px;
+ --fontSizeSmall: 16px;
+ --fontSizeSmallPlus: 18px;
+ --fontSizeMedium: 26px;
+ --fontSizeLarge: 28px;
}
@font-face {
@@ -184,6 +192,7 @@ main table {
main th {
border: var(--thBorder);
background-color: var(--tableBg);
+
}
main td {
@@ -203,7 +212,7 @@ main input[type="email"],
main input[type="password"] {
padding: 2px;
height: 2.5em;
- font-size: calc(32px / 2.5);
+ font-size: calc(32px / 2.5); /* nécessaire par rapport à quand c'est une div */
border: var(--inputBorder);
border-radius: var(--inputBorderRadius);
}
@@ -237,4 +246,4 @@ main button:hover {
main h3 {
font-size: var(--fontSizeSmallPlus);
}
-} \ No newline at end of file
+}