2 lines
2.6 KiB
CSS
2 lines
2.6 KiB
CSS
html{height:100%}body{font:100% Helvetica,sans-serif;color:#F8F5F2;background-color:#000B29}*{-moz-box-sizing:border-box;box-sizing:border-box}a{color:#EDB83D;text-decoration:none}.date{margin-bottom:0}.slug{text-align:left;margin-bottom:2rem}.readmore{text-align:right}.readmore a{color:#F8F5F2;text-decoration:underline}.menugauche{position:fixed;max-width:100px}.menu img{max-width:20px;max-height:20px}.copyleft{display:inline-block;transform:rotate(180deg);padding-bottom:-15px}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.toggle{background-color:#D70026;text-align:center;height:100px;width:100px;border-radius:50%;position:fixed;margin:140px;margin-left:110px;top:100px;bottom:0px;left:0px;right:0px}.toggle h2{margin-top:1.5em}.menu{background-color:#F8F5F2;height:100px;width:100px;transform:scale(0);border-radius:50%;border-style:double;border-color:#D70026;position:fixed;margin-top:140px;margin-left:110px;top:100px;bottom:0px;left:0px;right:0px;z-index:-1;transition:0.7s}.menu a{display:inline-block;position:fixed;font-size:15px;color:#000B29}.menu p{margin-top:-4px;font-size:5px}a:nth-child(1){top:3px;left:40px}a:nth-child(2){top:35px;left:7px}a:nth-child(3){top:67px;left:40px}a:nth-child(4){top:35px;left:69px}a:nth-child(6){top:15px;left:35px}.articles{margin-left:21rem;margin-top:5rem;margin-bottom:3rem;padding:0.5em;border:7px double;border-color:#F8F5F2;border-radius:10px 10px 10px 10px}.articles h1{color:#F8F5F2;text-align:center}.description{text-align:center;font-weight:200;font-style:italic;font-size:17px;padding-bottom:30px}.articles h2,h3,h4{color:#EDB83D}.pagination a{border:1px solid;border-color:#EDB83D;padding:3px;font-size:13px}.center{margin:auto;width:50%;padding:10px}.contact{text-align:center}footer{position:relative;bottom:0px;width:100%;text-align:center}@media only screen and (max-width: 768px){.articles{margin-left:3rem;position:relative}.toggle{display:none}.menugauche{max-width:unset;position:sticky;top:0px;z-index:5;width:100%}.menu{width:93%;height:5rem;border-radius:0%;border:5px double;border-color:#D70026;position:sticky;margin-top:3rem;border-radius:10px 10px 10px 10px;margin-bottom:0px;margin-left:7%;transform:none}.menu a{display:inline-block;position:absolute}.menu img{transform:scale(2)}.menu p{margin:0.3rem;font-size:13px}.menu img:hover{transform:scale(3)}a:nth-child(1){top:25px;left:20%}a:nth-child(2){top:25px;left:40%}a:nth-child(3){top:25px;left:60%}a:nth-child(4){top:25px;left:80%}}@media only screen and (max-width: 700px){.menu p{display:none}.menu{align-self:center}}
|