From f33eb35fd20023d8a7cab28eaded56d363cf035c Mon Sep 17 00:00:00 2001 From: jgenero Date: Fri, 21 Oct 2022 17:41:32 +0200 Subject: [PATCH] initial commit : acte chrono css --- app/static/css/chrono.css | 93 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 93 insertions(+) create mode 100644 app/static/css/chrono.css diff --git a/app/static/css/chrono.css b/app/static/css/chrono.css new file mode 100644 index 0000000..a6740e0 --- /dev/null +++ b/app/static/css/chrono.css @@ -0,0 +1,93 @@ +@charset "UTF-8"; +.boly { + /*background: linear-gradient(55deg, #4E75B9 30%, #5CBF98 90%);*/ + display: flex; + align-items: center; + justify-content: center; +} + +.pboly { + margin-left: 40%; +} + +.timeline-princier { + width: 100%; + /*max-width: 800px;*/ + background: #fff; + padding: 100px 50px; + position: relative; + /*box-shadow: 0.5rem 0.5rem 2rem 0 rgba(0, 0, 0, 0.2);*/ +} +.timeline-princier:before { + content: ''; + position: absolute; + top: 0px; + left: calc(33% + 50px); /*modifier la position de la barre*/ + bottom: 0px; + width: 4px; + background: #ddd; +} +.timeline-princier:after { + content: ""; + display: table; + clear: both; +} + +.entry-princier { + clear: both; + text-align: left; + position: relative; +} +.entry-princier .title-princier { + margin-bottom: .5em; + float: left; + width: 33%; + padding-right: 45px; + text-align: right; + position: relative; +} +.entry-princier .title-princier:before { + content: ''; + position: absolute; + width: 8px; + height: 8px; + border: 7px solid salmon; /* modifier la taille des puces */ + background-color: #fff; + border-radius: 100%; + top: 15%; /* modifier la position des puces */ + right: -42px; + z-index: 99; +} +.entry-princier .title-princier h3 { + margin: 0; + font-size: x-large; +} +.entry-princier .title-princier p { + margin: 0; + font-size: small; +} +.entry-princier .boly { + margin: 0 0 3em; + float: right; + width: 66%; + padding-left: 30px; +} +.entry-princier .boly p { + line-height: 1.4em; +} +.entry-princier .boly p:first-child { + margin-top: 0; + font-weight: 400; +} +.entry-princier .boly ul { + color: #aaa; + padding-left: 0; + list-style-type: none; +} +.entry-princier .boly ul li:before { + content: "–"; + margin-right: .5em; +} +.chrono-p { + font-size: large; +} \ No newline at end of file