kitoy.me/public/base.css

2 lines
2.6 KiB
CSS
Raw Normal View History

2020-04-19 09:06:04 +02:00
html{height:100%}body{font:100% Helvetica,sans-serif;color:#DFE166;background-color:#5D535E}*{-moz-box-sizing:border-box;box-sizing:border-box}a{color:#9A9EAB;text-decoration:none}.date{margin-bottom:0}.slug{text-align:left;margin-bottom:2rem}.readmore{text-align:right}.readmore a{color:#DFE166;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:#ED5752;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:#DFE166;height:100px;width:100px;transform:scale(0);border-radius:50%;border-style:double;border-color:#ED5752;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:#5D535E}.menu p{margin-top:-4px;font-size:5px}a:nth-child(1){top:3px;left:43px}a:nth-child(2){top:25px;left:69px}a:nth-child(3){top:54px;left:65px}a:nth-child(4){top:65px;left:35px}a:nth-child(5){top:45px;left:7px}a:nth-child(6){top:15px;left:13px}.articles{margin-left:21rem;margin-top:5rem;margin-bottom:3rem;padding:0.5em;border:7px double;border-color:#DFE166;border-radius:10px 10px 10px 10px}.articles h1{color:#DFE166;text-align:center}.description{text-align:center;font-weight:200;font-style:italic;font-size:17px;padding-bottom:30px}.articles h2,h3,h4{color:#9A9EAB}.pagination a{border:1px solid;border-color:#9A9EAB;padding:3px;font-size:13px}.center{margin:auto;width:50%;padding:10px}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:#ED5752;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:7%}a:nth-child(2){top:25px;left:24%}a:nth-child(3){top:25px;left:41%}a:nth-child(4){top:25px;left:58%}a:nth-child(5){top:25px;left:75%}a:nth-child(6){top:25px;left:90%}}@media only screen and (max-width: 700px){.menu p{display:none}.menu{align-self:center}}