aboutsummaryrefslogtreecommitdiff
path: root/src/css
diff options
context:
space:
mode:
authorQuentin Dufour <quentin@deuxfleurs.fr>2020-05-16 15:25:52 +0200
committerQuentin Dufour <quentin@deuxfleurs.fr>2020-05-16 15:25:52 +0200
commit0662cca6df84163cf714ada3a8ef2dc095d550e9 (patch)
tree042b8a3cac9a25bb14a175391031ae1667e3ec08 /src/css
parentb8a2463aca292b631692c1ec6e54753b88c8bd9b (diff)
downloadsite-0662cca6df84163cf714ada3a8ef2dc095d550e9.tar.gz
site-0662cca6df84163cf714ada3a8ef2dc095d550e9.zip
WIP site web
Diffstat (limited to 'src/css')
-rw-r--r--src/css/main.css27
1 files changed, 17 insertions, 10 deletions
diff --git a/src/css/main.css b/src/css/main.css
index 139154f..cdc1317 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -44,7 +44,7 @@ body {
*/
/* Header + Menu */
-body > header {
+body > aside > header {
color: white;
background: rgb(125,205,141);
background: linear-gradient(0deg, rgba(125,205,141,1) 0%, rgba(81,156,96,1) 50%, rgba(12,144,110,1) 100%);
@@ -54,27 +54,27 @@ body > header {
box-shadow: 0px 0px 30px rgba(31,38,103,0.2);
}
-body > header > a > svg {
+body > aside > header > a > svg {
fill: white;
display: inline;
vertical-align: sub;
margin-right: 1em;
}
-body > header > h1 { display: inline }
-body > header a {
+body > aside > header > h1 { display: inline }
+body > aside > header a {
color: white;
text-decoration: none;
}
-body > header > nav ul {
+body > aside > header > nav ul {
list-style-type: none;
padding-left: 1em;
}
-body > header > nav > ul { padding-left: 0px }
-body > header > nav a:hover { text-decoration: underline }
-body > header > nav .selected { font-weight: bold }
-body > header > nav .selected::before { content: "» " }
+body > aside > header > nav > ul { padding-left: 0px }
+body > aside > header > nav a:hover { text-decoration: underline }
+body > aside > header > nav .selected { font-weight: bold }
+body > aside > header > nav .selected::before { content: "» " }
body > main {
padding: 1.5rem;
@@ -92,8 +92,10 @@ h3 { font-size: 1.75rem }
h4 { font-size: 1.50rem }
h5 { font-size: 1.25rem }
h6 { font-size: 1.10rem }
+h1, h2, h3, h4, h5, h6 { margin-bottom: 1rem }
section, p, ul, ol { margin-bottom: 1rem }
ul, ol { padding-left: 1.5em }
+a { color: rgb(12,144,110)}
img {
border-radius: 0.5rem;
box-shadow: 0px 0px 30px rgba(31,38,103,0.2);
@@ -153,7 +155,8 @@ input {
.service-box {
color: #000;
text-decoration: none;
- border: 0.2em solid #000;
+ border: 1px solid #ddd;
+ border-radius: 0.5rem;
width: 250px;
text-align:center;
margin: 1em 1em 0em 0em;
@@ -165,3 +168,7 @@ input {
color: #fff;
}
+.frame {
+ border-left: 1rem solid #ddd;
+ padding-left: 1rem;
+}