380 lines
7.4 KiB
CSS
380 lines
7.4 KiB
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";
|
||
}
|
||
|
||
@media screen and (min-resolution: 192dpi) {
|
||
.pre-art {
|
||
margin-left: 1em;
|
||
margin-right: 1em;
|
||
}
|
||
|
||
#article {
|
||
margin-left: 1em;
|
||
margin-right: 1em;
|
||
}
|
||
|
||
#article-content h2 {
|
||
font-size: 60px;
|
||
}
|
||
|
||
#article-content p, code {
|
||
font-size: 40px;
|
||
}
|
||
}
|
||
|
||
/* 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; }
|