From df3612ed7e6691530503f79483d2fdbc032d01b8 Mon Sep 17 00:00:00 2001 From: polo-pc-greta Date: Thu, 27 Mar 2025 10:13:03 +0100 Subject: mise en ligne github --- public/css/main.css | 110 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) create mode 100644 public/css/main.css (limited to 'public/css/main.css') diff --git a/public/css/main.css b/public/css/main.css new file mode 100644 index 0000000..b38f8d9 --- /dev/null +++ b/public/css/main.css @@ -0,0 +1,110 @@ +main +{ + margin: auto; + /*max-width: 1200px;*/ + background-color: #E3F3FF; + padding: 15px 0; +} +section > h3 +{ + padding: 15px; + margin: 0; + text-align: center; +} +section > p /* boutons spéciaux mode admin */ +{ + /*margin-left: 15px;*/ +} +.grid_columns +{ + display: grid; + grid-template-columns: repeat(3, 1fr); +} +.galery_photos +{ + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; +} +.galery_photos .html_from_editor img +{ + max-width: 400px; + max-height: 250px; +} +article +{ + /*display: flex;*/ + background-color: white; + margin: 15px 15px 0 15px; + padding: 0 15px; + /*min-height: 150px;*/ +} +article .logo2 +{ + vertical-align: middle; + max-width: 200px; + max-height: 200px; + margin-right: 15px; +} +.new_content, .article_content +{ + width: 100%; +} +.new_content_text +{ + max-height: 250px; + overflow: hidden; +} + +article .action_icon +{ + width: 24px; + vertical-align: middle; + border: white 2px solid; /* invisible */ +} +article .action_icon:hover +{ + background-color: #ffff00; + border-radius: 4px; + border: lightgrey 2px outset; +} +.article_title_zone +{ + display: flex; + justify-content: space-between; +} +.under_an_article +{ + display: flex; + justify-content: space-between; + font-size: small; +} +.under_an_article p +{ + margin: 5px; +} +.under_an_article img +{ + width: 24px; + vertical-align: middle; + margin-right: 5px; +} +.article_admin_zone +{ + display: flex; + justify-content: end; +} +main button +{ + color: #ff1d04; + font-size: medium; + border-radius: 4px; + background-color: white; + border: lightgrey 2px outset; /* rend identiques les boutons firefox et chromium */ +} +main button:hover +{ + cursor: pointer; /* curseur qui pointe du doigt */ + background-color: #ffff00; + border-radius: 4px; +} \ No newline at end of file -- cgit v1.2.3