From 60d3abc6ecdc21b4ab921d34a55b4af48690f55a Mon Sep 17 00:00:00 2001 From: Julien Dessaux Date: Thu, 11 Mar 2021 18:53:14 +0100 Subject: Rewrote the whole website to get rid on a heavy theme --- assets/base.css | 26 ++++++++++++++++++++++++++ assets/footer.css | 9 +++++++++ assets/header.css | 32 ++++++++++++++++++++++++++++++++ assets/home.css | 17 +++++++++++++++++ assets/pagination.css | 36 ++++++++++++++++++++++++++++++++++++ assets/scss/_variables_project.scss | 9 --------- 6 files changed, 120 insertions(+), 9 deletions(-) create mode 100644 assets/base.css create mode 100644 assets/footer.css create mode 100644 assets/header.css create mode 100644 assets/home.css create mode 100644 assets/pagination.css delete mode 100644 assets/scss/_variables_project.scss (limited to 'assets') diff --git a/assets/base.css b/assets/base.css new file mode 100644 index 0000000..2eb5a46 --- /dev/null +++ b/assets/base.css @@ -0,0 +1,26 @@ +* { + box-sizing: border-box; +} +body { + font-family: open sans,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; + font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + display: grid; + grid-template-rows: auto 1fr auto; +} +main p { + text-align: justify; +} +nav#TableOfContents ul { + padding: 0; + list-style-type: none; + a + ul { + padding-left:1em; + } +} +@media only screen and (min-width: 60rem) { + body { + max-width:60rem; + margin-left: auto; + margin-right: auto; + } +} diff --git a/assets/footer.css b/assets/footer.css new file mode 100644 index 0000000..137e791 --- /dev/null +++ b/assets/footer.css @@ -0,0 +1,9 @@ +footer { + background-color: #30638e; + color: lightgray; + text-align: center; + padding: 10px; +} +footer a { + color: lightgray; +} diff --git a/assets/header.css b/assets/header.css new file mode 100644 index 0000000..fc4c83e --- /dev/null +++ b/assets/header.css @@ -0,0 +1,32 @@ +header { + background-color: #30638e; +} +header nav ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + font-size: 1.25rem; +} +header nav ul li { + display: inline; + float: right; +} +header nav ul li a { + display: block; + color: lightgray; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} +header nav ul li a:hover { + color: black; +} +.nav-menu-title { + float: left; + text-transform: uppercase; + font-weight: 700; +} +.nav-menu-active { + color: white; +} diff --git a/assets/home.css b/assets/home.css new file mode 100644 index 0000000..24c5b63 --- /dev/null +++ b/assets/home.css @@ -0,0 +1,17 @@ +.home-page { + min-height: 80vh; +} +.home-page h1 { + text-align: center; + margin-top: 3rem; + padding-bottom: 1.5rem; + font-size: 3rem; + font-weight: 700; + line-height: 1.2; + margin-bottom: .5rem; +} + +.home-page p { + font-size: 1.25rem; + font-weight: 300; +} diff --git a/assets/pagination.css b/assets/pagination.css new file mode 100644 index 0000000..65f4480 --- /dev/null +++ b/assets/pagination.css @@ -0,0 +1,36 @@ +.pagination { + display:-webkit-box; + display:-webkit-flex; + display:-ms-flexbox; + display:flex; + list-style:none; + border-radius:.25rem; +} +.pagination li a { + border:1px solid rgba(0,0,0,.1); + position:relative; + display:block; + padding:.5rem .75rem; + line-height:1.25; + text-decoration: none; +} +.pagination li:first-child a { + border-top-left-radius:.25rem; + border-bottom-left-radius:.25rem +} +.pagination li:last-child a { + border-top-right-radius:.25rem; + border-bottom-right-radius:.25rem +} +.pagination li a:hover { + color:#1e53a0; + background-color:#eee; + z-index: 999; +} +.pagination-disabled { + color: lightgray; +} +.pagination-active a { + color: white; + background-color: #30638e; +} diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss deleted file mode 100644 index 5ae5529..0000000 --- a/assets/scss/_variables_project.scss +++ /dev/null @@ -1,9 +0,0 @@ -/* - -Add styles or override variables from the theme here. - -*/ - -p { - text-align: justify; -} -- cgit v1.2.3