From c1453b3412bdc3ea89342d6a209a3858bc9d828c Mon Sep 17 00:00:00 2001 From: frperalde Date: Sat, 21 Nov 2020 18:41:08 +0100 Subject: [PATCH] formes site --- SwichGIT/Doc/Etudes formes/index.html | 80 ++++++++++++++++++++++++++ SwichGIT/Doc/Etudes formes/style.css | 82 +++++++++++++++++++++++++++ 2 files changed, 162 insertions(+) create mode 100644 SwichGIT/Doc/Etudes formes/index.html create mode 100644 SwichGIT/Doc/Etudes formes/style.css diff --git a/SwichGIT/Doc/Etudes formes/index.html b/SwichGIT/Doc/Etudes formes/index.html new file mode 100644 index 0000000..168490a --- /dev/null +++ b/SwichGIT/Doc/Etudes formes/index.html @@ -0,0 +1,80 @@ + + + + + SwishGame + + + + + + +
+
+
+
+
+
+
+
+ +
+
+
+ +
+
+
+ +
+
+
+ + + + + + + + diff --git a/SwichGIT/Doc/Etudes formes/style.css b/SwichGIT/Doc/Etudes formes/style.css new file mode 100644 index 0000000..b15b9d9 --- /dev/null +++ b/SwichGIT/Doc/Etudes formes/style.css @@ -0,0 +1,82 @@ +:root{ + --x : 6vw; + --d : calc(var(--x)/2); + --e : calc(var(--x)/4); +} + +.containform { + height: var(--x); + width: var(--x); + display: table-cell; + vertical-align: middle; +} + +.anneau { + background-color: #FFD100; + border-radius: var(--x); + height: var(--x); + width: var(--x); + display: table-cell; + vertical-align: middle; +} + +.anneau2 { + background-color: white; + border-radius: var(--x); + height: var(--x); + width: var(--x); + display: table-cell; + vertical-align: middle; +} + +.rondinterieur { + background-color: white; + height: var(--d); + width: var(--d); + display: table; + margin: 0 auto; + border-radius: var(--d); +} +.rond { + display: table; + margin: 0 auto; + background-color: #FFD100; + height: var(--d); + width: var(--d); + border-radius: var(--d); +} + +.containform2{ + height: var(--x); + width: var(--x); + display: table-cell; + vertical-align: middle; + background-color: #FFD100; +} + +.rond2 { + display: table; + margin: 0 auto; + background-color: white; + height: var(--d); + width: var(--d); + border-radius: var(--d); +} + + + + + + + + + + + + + + + + + +