From 4d483292bab90796fac57ff1bbdd025219b1c852 Mon Sep 17 00:00:00 2001 From: ache Date: Thu, 17 Aug 2017 05:17:10 +0200 Subject: New website prototype --- design/contenu.css | 176 +++++++++-------------------------------------------- 1 file changed, 30 insertions(+), 146 deletions(-) (limited to 'design/contenu.css') diff --git a/design/contenu.css b/design/contenu.css index 8bcca83..0b7dc48 100755 --- a/design/contenu.css +++ b/design/contenu.css @@ -1,67 +1,21 @@ - -#article { - border-top: 3px solid #eaeaea; - border-top: 3px solid rgba(51, 51, 51, 0.1); - padding: 1.6em 0; - border-color: #eaeaea !important; /* Make sure color schemes don't affect to print */ - margin-left: 10px; -} -#contenu_top -{ - font-size: 1.5em; - font-weight: bold; - font-family: OpenSymbol, "Vemana2000", serif; - text-shadow: 0 2px 0 #FFF; - line-height: 250%; - color: #121311; -} -#info_article { - margin-right: 2%; - margin-left: 3%; - text-indent: 3%; - float: left; - width: 95%; -} -#suite { - float: right; - color: #121212; - font-size: 0.9em; +section p { + text-indent: 10%; } -#autres_articles a -{ - display: inline-block; - text-indent: 30px; - text-decoration: none; - font-style: italic; - font-size: 0.9em; - outline: none; - color: #3322F0; -} -#autres_articles a:hover -{ - color: #222299; -} -#autres_articles:before { - content: "______________________________"; -} -#autres_articles a:before { - //content: ">_"; -} -#autres_articles h4 -{ - text-indent: 10px; - font-style: italic; +section p:nth-of-type(2) { + margin-top: 2.5%; + padding-left: 6%; + text-indent: 5%; + font-size: 0.65em; + color: #944040; } -#autres_articles -{ - float: left; - - width: 100%; - top: 0px; - text-align: center; - margin-bottom: 20px; +section p:first-of-type { + margin-top: 2.5%; + padding-left: 6%; + text-indent: 5%; + font-size: 0.65em; + color: #944040; } -#contenu +article { margin-right: 2%; margin-left: 3%; @@ -72,17 +26,10 @@ padding-right:0%; padding-left:0%; padding: 1.6em 1.6em; - - } + @media only screen and (min-width: 768px) { - #autres_articles - { - float: none; - width: auto; - background: #f1f1f1; - } - #contenu { + article { float: none; margin-right: 7%; margin-left: 390px; @@ -97,85 +44,22 @@ border-color: #eaeaea !important; margin-top: 50px; } - #info_article { - padding-left: 290px; - } -} -#contenu_ -{ - height: auto; -} -#contenu_ p -{ - font-size: 1em; -} -#contenu_ h3 -{ - color: #6b633e; } + @media only screen and (min-width: 768px) { -#contenu_ h3 {font-size: 1.4em;} -#contenu_top2 {font-size: 1.5em;} -} -#intro -{ - margin-top: 2.5%; - padding-left: 6%; - text-indent: 5%; - font-size: 0.65em; - color: #944040; -} -#intro:first-letter -{ - font-size: 1.3em; - color: #bf5353; - font-weight: bold; + section p:first-of-type { + margin-top: 2.5%; + padding-left: 6%; + text-indent: 5%; + font-size: 0.65em; + color: #944040; + } } -#conclusion -{ - margin-top: 2.5%; - padding-left: 6%; - text-indent: 5%; - font-size: 0.9em; - color: #575883; -} -#contenu_ p -{ - text-indent: 6%; -} -#contenu_ a -{ - text-decoration: none; - outline: none; -} -#contenu_ a:hover -{ - font-style: italic; -} -.lireLaSuite { - float: left; - width: 135px; - opacity:0.8; - font-size: 0.6em; - font-weight: bold; - font-family: monospace, serif; - text-shadow: 0 1px 0 #DDD; - color: #888888; -} -.lireLaSuite a { - color: #888888; - outline: none; - text-decoration: none; -} - - -#foot_cloud +.miniature { - background-image: url(../cloud.svg); - position: absolute; - background-position:bottom left; - width: 100%; height: 150px; - position: absolute; - margin: 45px 0px 0px 0px; + float:left; + width:100px; + height:100px; } + -- cgit v1.2.3-54-g00ecf