mirror of
https://github.com/olivierlacan/keep-a-changelog.git
synced 2025-08-28 13:18:13 +02:00
1 line
5.6 KiB
CSS
1 line
5.6 KiB
CSS
body{margin:0}article{margin:0 auto;max-width:65em}.main{background-color:#FFFFFF}.main div{padding-left:8%;padding-right:8%;padding-bottom:3em}.main div.title aside{background-color:#594446;margin-bottom:-3em;margin-left:-5%;margin-right:-5%;margin-top:3em;padding:2em 5%;text-align:center}aside .main div.title{background-position:top}article p{font-size:1.3em}article code{border-radius:0.315em;border:1px solid #ccc;padding:0 0.3em 0.040em;font-size:0.9em}article ul{font-size:1.1em;line-height:1.5;list-style-type:square;padding-left:1em}@media (min-width: 1200px){body{margin:8px}.main{margin-bottom:2em}.main div:not(.header){padding-left:20%;padding-right:20%}.main div:not(.header) aside{margin-left:-35%;margin-right:-35%;padding:2em 20%}}.anchor{display:none;font-style:normal;font-weight:normal;position:absolute;right:100%;top:0}.anchor::before{line-height:3.2;content:"∞";color:#E05735;padding-right:0.1em}.anchor:hover a{text-decoration:none}div.header{padding-top:5em;padding-bottom:0.1em;background-color:#E05735;background-image:url("/assets/images/bg-hero@2x-eacb1873.png");background-size:cover}div.header h1{color:#FEECD3}div.header h2{font-weight:normal}div.header a{color:#342828}div.header .title{width:60%;margin:0 auto;margin-bottom:-2em;font-size:60%;margin-left:10em;margin-right:2em}@media (min-width: 576px){div.header .title{width:60%}}@media (min-width: 768px){div.header .title{font-size:100%;margin-left:7em;margin-right:2em}}@media (min-width: 992px){div.header .title{margin-left:auto}}div.header .changelog{background-color:#FFFFFF;-webkit-box-shadow:0px 4px 12px 0px rgba(0,0,0,0.2);box-shadow:0px 4px 12px 0px rgba(0,0,0,0.2);font-size:0.8em;height:20em;margin-bottom:-14em;margin-left:0.5em;margin-right:0.5em;margin-top:1em;overflow-x:auto;padding:1em}div.answers{margin-top:12em;background-color:#FFFFFF}div.answers h3{font-size:1.7em;color:#E05735}div.answers a{color:#faa930}div.answers p{font-size:1em}.good-practices{background-color:#faa930;background-image:url("/assets/images/bg-img1@2x-5008bd72.png");background-position:bottom left;background-repeat:no-repeat;background-size:100%;padding-top:2em}.good-practices a.anchor{color:#342828}.good-practices h3{font-size:1.6em;font-weight:bold}.good-practices ul{font-size:1em}.good-practices p a{color:#FFFFFF;text-decoration:underline}div.bad-practices{color:#FFFFFF;background-color:#3F2B2D;background-image:url("/assets/images/bg-img2@2x-74899289.png");background-position:bottom left;background-repeat:no-repeat;background-size:100%;padding-top:3em}div.bad-practices code{color:#342828;background-color:#bbaeaf;border:none}div.bad-practices p a,div.bad-practices aside a{color:#faa930;text-decoration:underline}div.bad-practices aside a{text-decoration:none}div.bad-practices h3{font-size:1.7em;color:#faa930;float:left}div.bad-practices p{clear:left;font-size:1em}div.effort{padding-top:2em;background-color:#FFFFFF}div.effort h3{font-size:1.6em;font-weight:bold;color:#E05735}div.frequently-asked-questions{padding-top:2em;background-color:#FFFFFF}div.frequently-asked-questions h2{color:#E05735}div.frequently-asked-questions h3{color:#E05735;margin-bottom:1.5em;font-size:1.7em}div.frequently-asked-questions h4{cursor:pointer;border-bottom:1px solid rgba(63,43,45,0.2);padding:0 1.1em 1.3em 0}div.frequently-asked-questions h4~p{font-size:1em;margin-left:1em}.footer{font-size:.6em;font-weight:normal;border-top:1px solid #e9e6e1;padding-top:1em;padding-left:2em;padding-right:2em;background-color:#E05735;color:#FEECD3}.footer a{color:#FFFFFF;text-decoration:underline}.footer:after{content:"";display:table;clear:both}@media (min-width: 1200px){div.answers{padding-left:25%;padding-right:25%}div.effort{padding-left:25%;padding-right:25%}div.frequently-asked-questions{padding-left:25%;padding-right:25%}.good-practices h3{width:50%}.good-practices h4{padding-left:15em}.good-practices ul{padding-left:16em}.bad-practices h3{width:35%}.bad-practices h4,.bad-practices p{padding-left:12em}}html{font:16px/1.4 "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#342828;background-color:#FEECD3}a{color:#E05735;text-decoration:none}a:hover{text-decoration:underline}h1{color:#E05735;font-size:3.2em;font-weight:bold;font-family:"Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom:0;line-height:1;text-transform:lowercase}h2{font-size:1.2em;margin-top:0.2em;margin-bottom:2em}h1,h2{text-align:left}h3{font-size:1.3em;font-family:"Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom:1em;position:relative;padding-left:.1em}h3:hover .anchor,h3:focus .anchor{display:block}h3~p{margin-top:0}h1,h2,h3{margin-top:0;padding-top:1em}.about{text-align:center}.about{margin-top:0}header .mark{float:left;margin-top:2em;margin-left:2em;clear:both;width:80px}@inclde sm{header .mark{margin-top:1em;margin-left:1.5em;width:100px}}@media (min-width: 768px){header .mark{width:120px;margin-top:3em;margin-bottom:2em;margin-left:3em}}@media (min-width: 992px){header .mark{width:150px;clear:none;margin-top:3em;margin-bottom:4em}}@media (min-width: 1200px){header .mark{width:150px}}header .locales{margin-top:2em;margin-right:3em;margin-left:1em;font-size:75%}@media (min-width: 768px){header .locales{font-size:85%}}@media (min-width: 992px){header .locales{font-size:100%;margin-bottom:-2em;margin-top:2em}}header .newer,header .last-version-notice{padding:1rem;background-color:black;color:#efefef}.footer{line-height:2.2}.footer .mark{float:left}.locales{float:right;background-color:rgba(255,255,255,0.5);border-radius:.5rem;padding:.7rem 1rem}.locales li{float:right;font-size:0.7em;display:inline;list-style-type:none;white-space:nowrap}pre,code{background-color:white;font-family:"Source Code Pro", monospace}code{white-space:nowrap} |