-
+
+
+
+
+
actualités des languages
-
+
+
Quelques données...
Voici quelques données sur les différants languages de
programmation.
Voir les données...
-
-
-
-
-
-
+
+
+
+ Actualités du site
+
+
+ Initialisation du site
+ 08/09/2022: Création de la page d'acceuil, des 3 premiers articles,
+ et de la table.
+
+
+
+ Ajouts des stylesheets
+ 15/09/2022: Ajouts de styles.css.
+
+
+
-
-
- Actualités du site
-
- Initialisation du site
- 08/09/2022: Création de la page d'acceuil, des 3 premiers articles,
- et de la table.
-
-
- Ajouts des stylesheets
- 15/09/2022: Ajouts de styles.css.
-
-
-
-
+
diff --git a/styles.css b/styles.css
deleted file mode 100644
index c31e962..0000000
--- a/styles.css
+++ /dev/null
@@ -1,22 +0,0 @@
-body {
- background-color: #ebebeb;
- margin-width: 80%;
-}
-
-h1 {
- background-color: #c9832e;
- color: white;
-}
-
-
-.imghead {
- float: right;
- width: 400px;
- height: 250px;
-}
-
-.links {
- height: 400px;
- float: right;
- border-width: 20%;
-}
diff --git a/styles/main.css b/styles/main.css
new file mode 100644
index 0000000..e9d8b3b
--- /dev/null
+++ b/styles/main.css
@@ -0,0 +1,89 @@
+body {
+ background-color: #ebebeb;
+}
+
+/* HEADER */
+
+.header {
+ border-left: 6px solid cadetblue;
+ background-color: #ebebeb;
+ position: sticky;
+ top: 0px;
+}
+
+.header .title {
+ display: block;
+}
+
+.header h1 {
+ margin-left: 10px;
+ margin-bottom: 4px;
+}
+
+.header img {
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 124px;
+}
+
+.header nav {
+ background-color: cadetblue;
+ color: white;
+}
+
+.header nav a {
+ color: white;
+ margin-inline: 10px;
+}
+
+/* MAIN CONTENT */
+
+.main-content {
+ border-left: 6px solid cadetblue;
+}
+
+.main-content section {
+ margin-left: 10px;
+}
+
+.main-content h2,h3 {
+ border-bottom: 6px solid cadetblue;
+ border-left: 6px solid darkgrey;
+ padding-bottom: 4px;
+ padding-left: 10px;
+}
+
+.main-content h2 {
+ background-color: cadetblue;
+}
+
+/* ASIDE */
+
+.links {
+ background-color: #ebebebca;
+ border: 6px solid cadetblue;
+ display: block;
+ float: right;
+ position: fixed;
+ top: 400px;
+ right: 8px;
+ height: 400px;
+}
+
+/* FOOTER */
+
+footer {
+ background-color: darkgray;
+ padding: 0;
+ margin: 0;
+ position: sticky;
+ bottom: 0px;
+}
+
+footer p {
+ display: inline-block;
+ text-align: right;
+ padding: 0;
+ margin: 0;
+}
+