nuir/static/css/style.css

@font-face {
  font-family: "Merriweather";
  src: url("/theme/fonts/Merriweather-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Open Sans";
  src: url("/theme/fonts/OpenSans-Bold.ttf") format("truetype");
}

@font-face {
  font-family: 'icomoon';
  src: url('/theme/fonts/icomoon.woff') format('woff');
  /*font-weight: normal;
  font-style: normal;
  font-display: block;*/
}

/* Parametres generaux */

* {
  margin: 0;
  background-color: #121224;
}

header {
  height: 3em;
  padding-left: 10px;
  margin-bottom: 2em;
  box-shadow: 0 4px 15px;
  background-color: #0E0E1B;
  display: flex;
}

header * {
    background-color: #0E0E1B;
}

header a {
  padding-top: 1em;
  padding-right: 1em;
  padding-left: 1em;
  color: white;
  text-decoration: none;
}

header a:hover {
  background-color: white;
  color: #0E0E1B
}

footer {
  position: relative;
  width: 100%;
  bottom: 0;
  margin-bottom: 1em;
  text-align: center;
  color: white;
  display: grid;
  grid-template-columns: 0.5fr 0.5fr 2fr 1fr
}

a {
  color: white;
}

/* a:hover {
  color: #121224;
  background-color: white;
} */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans', sans-serif;
}

#base-pagenation {
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 2em;
  display: flex;
  justify-content: space-between;
  align-self: flex-end;
}

#base-next {
  text-align: right;
}

/* Parametres pour macro de prévisualisation d’articles */

.pre-art  * {
    background-color: #0E0E1B;
}

.pre-art {
  background-color: #0E0E1B;
  padding: 1em;
  padding-bottom: 2em;
  border: 1px solid darkgray;
  box-shadow: 1px 1px 5px grey;
  color: white;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 30px;
}

.summary {
  margin-bottom: 5%;
}

.pre-art a {
  text-decoration: none;
}

.author:link {
  color: #6A89CC;
  text-decoration: none;
}

.author:hover {
  color: #121224;
  background-color: #6A89CC;
}

.category:link {
  color: #2DCF29;
  text-decoration: none;
}

.category:hover {
  color: #121224;
  background-color: #2DCF29;
}

.continue:link {
  background-color: #3C5DA4;
  border-radius: 50px;
  padding: 15px;
}

.pre-art hr {
  margin-top: 2em;
  margin-bottom: 1em;
}

.tags a {
  font-size: 12px;
  background-color: #2c3e50;
  padding: 0.25em;
  padding-right: 0.5em;
  padding-left: 0.5em;
  margin-right: 1em;
}

/* parametres pour category */
h1 {
  color: white;
  text-align: center;
  font-size: 60px;
}

#cat-header hr {
  margin: 40px auto;
  width: 70%;
  margin-top: 2em;
  margin-bottom: 3em;
}

/* Parametres pour article */

#article-header {
  color: grey;
  font-size: smaller;
}

#article-header h1 {
  color: white;
  font-size: 4em;
}

#article {
  color: white;
  margin-right: 20%;
  margin-left: 20%;
  font-family: 'Merriweather', sans-serif;
  margin-bottom: 5em;
  line-height: 1.6;
}

#article h1 {
  text-align: center;
  margin-bottom: 2em;
  line-height: 1;
}

#article h2 {
  font-size: 36px;
  margin-top: .75em;
  margin-bottom: .75em;
}

#article p {
  margin-top: 1em;
  font-size: 18px;
}

#article hr {
  width: 50%;
  margin: 40px auto;
}

blockquote p {
  background-color: #1B1B42;
  padding: 10px;
  padding-left: 20px;
  border-left: 5px solid aliceblue
}

pre, code {
  font-family: DejaVu Sans Mono;
  font-size: 16px;
  line-height: 1.4;
  background-color: #F8F8F8;
  border-color: #E6E6E6;
  border-radius: 2px;
}

code {
  color: black;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

pre {
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 10px;
  color: black;
  overflow: auto;
  border-style: solid;
  border-width: 1px;
}

pre code {
  font-weight: normal;
}

pre * {
  background-color: #F8F8F8;
}

#auth-desc {
  color: white;
  text-align: center;
  line-height: 1.4;
}

#auth-info {
  margin-bottom: 2em;
}

[class^="icone-"] {
  font-family: 'icomoon' !important;
  font-size: 70px;
  text-decoration: none;
  margin-right: 20px;
}

[class^="icone-"]:hover {
  color:grey;
}

.icone-mastodon:before {
  content: "\e900";
}

.icone-twitter:before {
  content: "\e901";
}

.icone-gitea:before {
  content: "\e902";
}

.icone-github:before {
  content: "\e903";
}

/* pygments */
.highlight .c { color: #8f5902; font-style: italic; }

.highlight .err { color: #a40000; border: 1px solid #ef2929; }

.highlight .g { color: #000000; }

.highlight .k { color: #204a87; font-weight: bold; }

.highlight .l { color: #000000; }

.highlight .n { color: #000000; }

.highlight .o { color: #ce5c00; font-weight: bold; }

.highlight .x { color: #000000; }

.highlight .p { color: #000000; font-weight: bold; }

.highlight .cm { color: #8f5902; font-style: italic; }

.highlight .cp { color: #8f5902; font-style: italic; }

.highlight .c1 { color: #8f5902; font-style: italic; }

.highlight .cs { color: #8f5902; font-style: italic; }

.highlight .gd { color: #a40000; }

.highlight .ge { color: #000000; font-style: italic; }

.highlight .gr { color: #ef2929; }

.highlight .gh { color: #000080; font-weight: bold; }

.highlight .gi { color: #00A000; }

.highlight .go { color: #000000; font-style: italic; }

.highlight .gp { color: #8f5902; }

.highlight .gs { color: #000000; font-weight: bold; }

.highlight .gu { color: #800080; font-weight: bold; }

.highlight .gt { color: #a40000; font-weight: bold; }

.highlight .kc { color: #204a87; font-weight: bold; }

.highlight .kd { color: #204a87; font-weight: bold; }

.highlight .kn { color: #204a87; font-weight: bold; }

.highlight .kp { color: #204a87; font-weight: bold; }

.highlight .kr { color: #204a87; font-weight: bold; }

.highlight .kt { color: #204a87; font-weight: bold; }

.highlight .ld { color: #000000; }

.highlight .m { color: #0000cf; font-weight: bold; }

.highlight .s { color: #4e9a06; }

.highlight .na { color: #c4a000; }

.highlight .nb { color: #204a87; }

.highlight .nc { color: #000000; }

.highlight .no { color: #000000; }

.highlight .nd { color: #5c35cc; font-weight: bold; }

.highlight .ni { color: #ce5c00; }

.highlight .ne { color: #cc0000; font-weight: bold; }

.highlight .nf { color: #000000; }

.highlight .nl { color: #f57900; }

.highlight .nn { color: #000000; }

.highlight .nx { color: #000000; }

.highlight .py { color: #000000; }

.highlight .nt { color: #204a87; font-weight: bold; }

.highlight .nv { color: #000000; }

.highlight .ow { color: #204a87; font-weight: bold; }

.highlight .w { color: #f8f8f8; text-decoration: underline; }

.highlight .mb { color: #0000cf; font-weight: bold; }

.highlight .mf { color: #0000cf; font-weight: bold; }

.highlight .mh { color: #0000cf; font-weight: bold; }

.highlight .mi { color: #0000cf; font-weight: bold; }

.highlight .mo { color: #0000cf; font-weight: bold; }

.highlight .sb { color: #4e9a06; }

.highlight .sc { color: #4e9a06; }

.highlight .sd { color: #8f5902; font-style: italic; }

.highlight .s2 { color: #4e9a06; }

.highlight .se { color: #4e9a06; }

.highlight .sh { color: #4e9a06; }

.highlight .si { color: #4e9a06; }

.highlight .sx { color: #4e9a06; }

.highlight .sr { color: #4e9a06; }

.highlight .s1 { color: #4e9a06; }

.highlight .ss { color: #4e9a06; }

.highlight .bp { color: #3465a4; }

.highlight .vc { color: #000000; }

.highlight .vg { color: #000000; }

.highlight .vi { color: #000000; }

.highlight .il { color: #0000cf; font-weight: bold; }

@media (max-width: 800px) {
  .pre-art {
    margin-left: 1em;
    margin-right: 1em;
  }
  
  #article {
    margin-left: 1em;
    margin-right: 1em;
  }
}