Commit 1c14be75 authored by Corentin Bettiol's avatar Corentin Bettiol 💻

update css - fix hr design

parent a42f3f52
......@@ -31,8 +31,9 @@ article p, #pageTitle, article h3, article ul, #listAdmin, article pre, article
hr{
width: 50%;
color: #aaa;
height: 3px;
border: none;
background-color: #aaa;
}
.input{
......
*{color:#1f1f2e}#page{padding:0;width:100%;margin:auto;font-size:1.5em;font-family:ubuntulight;background-color:#ddd}#header{padding:2px;display:flex;flex-direction:row;align-items:center;font-family:ubuntumono;background-color:#f0f0f0;border-bottom:5px solid #aaa;justify-content:space-between}#listAdmin,#pageTitle,article h3,article h4,article p,article pre,article ul{width:90%;max-width:1000px;margin:30px auto}hr{width:50%;color:#aaa;height:3px}.input{width:90%;margin:30px auto}article section{margin-left:15px}#logo,h1{vertical-align:middle;width:auto;margin:auto;display:flex}#logo{width:45px;height:45px;margin-right:15px}#title{width:auto;margin:auto;display:flex;color:#2e2e2e;text-shadow:0 0 3px #69f}#menu{margin:auto}h2{margin:0;padding:0;font-size:1.5em;max-width:280px;overflow:hidden;font-weight:400;white-space:nowrap;display:inline-block;text-overflow:ellipsis}h3 a{text-decoration:none;transition:color .3s;text-shadow:0 0 1px #69f}h3 a:hover{color:#47476b;transition:color .3s;text-shadow:0 0 1px #69f}#listMenu{padding:0;display:flex;margin:15px 0;flex-wrap:wrap;flex-direction:row;list-style-type:none;justify-content:space-around}#listMenu a{padding:7px;margin:10px;text-decoration:none;border-bottom:0 solid #888;transition:color .2s,background-color .2s,padding .1s,border-bottom .1s}#listMenu a:hover{color:#47476b;padding-bottom:2px;border-bottom-width:5px;background-color:#f0f0f0;transition:color .2s,background-color .2s,padding .1s,border-bottom .1s}article{margin:20px 0;padding:5px 15px;overflow-wrap:anywhere;background-color:#f0f0f0;border-bottom:3px solid #aaa}#listMenu .selected{padding-bottom:2px;border-bottom:5px solid #aaa}article .postInfos{font-size:.8em}#footer{width:98%;padding:1%;margin:auto;font-size:.8em;text-align:center;background-color:#f0f0f0}a{transition:color .3s}a:hover{color:#55a;transition:color .3s}#editContent{width:100%;margin-top:5px;min-height:15em;overflow:scroll;resize:both;white-space:pre-wrap;display:inline-block}.wysiwyg,input,textarea{width:50%;border:none;padding:10px;display:block;font-size:1em;margin:15px auto;padding-left:13px;box-sizing:border-box;background-color:#fff;border-left:0 solid #ccc;border-bottom:3px solid #aaa;transition:border-left 50ms,padding-left 50ms}.input input,.input textarea,.wysiwyg{margin:0 0 0 20px}.wysiwyg{display:flex;align-items:center;flex-direction:column}.wysiwyg button{border:none;padding:2px;font-size:1em;margin:0 2px;cursor:pointer;min-width:20px;text-align:center;display:inline-block;background-color:#ccc}input:focus,input:hover,textarea:focus,textarea:hover{border-left:3px solid #ccc;transition:border-left 50ms}input[type=submit]{border:none;padding-left:13px;background-color:#ccc;transition:background-color .3s}input[type=submit]:hover{background-color:#ddd;transition:background-color .3s}label{width:250px;padding:10px;display:inline-block;background-color:#d9d9d9}label .large{width:300px}form .small{font-size:.7em}.input{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listAdmin{display:flex;flex-wrap:wrap}#listAdmin article{flex:50%;box-sizing:border-box}#listAdmin h3{margin:auto;text-align:center}#listAdmin article:first-child{border-right:5px solid #ccc}.listAdmin{display:flex;align-items:center;justify-content:space-evenly}.listAdmin b{width:50%;display:inline-block;border-right:1px solid #ccc}.listAdmin span{padding:3px}.listAdmin .postInfos{width:200px}.button{padding:5px;margin-left:2px;text-decoration:none;background-color:#d9d9d9;transition:background-color .3s,color .3s}.button:hover{background-color:#f0f0f0;transition:background-color .3s,color .3s}#toggle,.nav-label{height:0;display:none;background-color:#f0f0f0}.paging{width:80%;display:flex;max-width:400px;font-size:1.5em;margin:20px auto;font-family:monospace;justify-content:space-around}.paging a,.paging em,.paging span{width:30px}.paging a,.paging em{margin:3px;padding:5px;text-align:center}.paging a{text-decoration:none;background-color:rgba(240,240,240,.8);border-bottom:0 solid rgba(12,12,12,.4);transition:border-bottom .1s,padding-bottom .1s}.paging a:hover{padding-bottom:0;border-bottom-width:5px;transition:border-bottom .1s,padding-bottom .1s}.paging em{color:rgba(12,12,12,.5)}.paging .current{opacity:1;background-color:#ccc}.alignleft{text-align:left}.aligncenter{text-align:center}.alignright{text-align:right}.tag a{margin:2px;padding:2px 7px;text-decoration:none;background-color:#ddd;transition:background-color .2s}.tag a:hover{background-color:#f0f0f0;transition:background-color .2s}img{max-width:75%}pre{background-color:#ddd;border-left:5px solid #b5b5b5}code{margin:5px}@media all and (max-width:1500px){*{font-size:.9em}#title{font-size:1.3em;justify-content:space-around}#header{font-size:1.2em}}@media all and (max-width:1075px){#header,#title{padding-top:5px;flex-direction:column}#title{margin:0;text-align:center}#logo{width:auto;height:auto;margin:auto}}@media all and (max-width:700px){#editContent,.wysiwyg,input,label,textarea{width:100%}label{margin-right:20px}#menu{width:100%}#listMenu{flex-direction:column;justify-content:center}#listMenu a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#listMenu a,#listMenu h2,#listMenu li{padding:0;width:90%;display:block;margin:2px auto;text-align:center}#listMenu a:hover{padding-bottom:2px}}@media all and (max-width:500px){article{padding:5px}#logo{width:45px;height:45px}#header{margin-top:30px}#toggle{left:-9999px;position:absolute}.nav-label{top:0;padding:0;width:50px;height:50px;opacity:.6;position:fixed;display:inline-block;background-size:50px 50px;background-size:50px 50px;transition:transform .3s ease;background-image:url(/img/mobile-menu-icon.png)}#listMenu{top:0;width:100%;margin:auto;position:fixed;background-color:#f0f0f0;transition:border-bottom .3s}#listMenu li{max-height:0;margin:0 auto;transition:max-height .45s}#listMenu a{opacity:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s,padding .3s}#listMenu a:hover{padding:0;border-bottom:0}#listMenu .selected{padding:0;opacity:.5;max-height:300px;border-bottom:0 solid #000}#listMenu .selected:hover{padding:0;border-bottom:0 solid #000}#toggle:checked~#listMenu{border-bottom:5px solid #aaa;transition:border-bottom .3s}#toggle:checked~#listMenu li{max-height:300px;transition:max-height .45s}#toggle:checked~#listMenu a{opacity:1;padding:3px 0;max-height:300px;transition:max-height .3s,opacity .3s,padding .3s}#toggle:checked~.nav-label{transform:rotate(180deg);background-size:50px 50px;transition:transform .3s ease;background-image:url(/img/mobile-menu-icon-close.png)}#toggle:checked~#listMenu .selected{background-color:#ccc}}@font-face{font-family:ubuntulight;font-display:swap;src:url(../fonts/Ubuntu-L.ttf)}@font-face{font-family:ubuntumono;font-display:swap;src:url(../fonts/UbuntuMono.ttf)}
\ No newline at end of file
*{color:#1f1f2e}#page{padding:0;width:100%;margin:auto;font-size:1.5em;font-family:ubuntulight;background-color:#ddd}#header{padding:2px;display:flex;flex-direction:row;align-items:center;font-family:ubuntumono;background-color:#f0f0f0;border-bottom:5px solid #aaa;justify-content:space-between}#listAdmin,#pageTitle,article h3,article h4,article p,article pre,article ul{width:90%;max-width:1000px;margin:30px auto}hr{width:50%;height:3px;border:none;background-color:#aaa}.input{width:90%;margin:30px auto}article section{margin-left:15px}#logo,h1{vertical-align:middle;width:auto;margin:auto;display:flex}#logo{width:45px;height:45px;margin-right:15px}#title{width:auto;margin:auto;display:flex;color:#2e2e2e;text-shadow:0 0 3px #69f}#menu{margin:auto}h2{margin:0;padding:0;font-size:1.5em;max-width:280px;overflow:hidden;font-weight:400;white-space:nowrap;display:inline-block;text-overflow:ellipsis}h3 a{text-decoration:none;transition:color .3s;text-shadow:0 0 1px #69f}h3 a:hover{color:#47476b;transition:color .3s;text-shadow:0 0 1px #69f}#listMenu{padding:0;display:flex;margin:15px 0;flex-wrap:wrap;flex-direction:row;list-style-type:none;justify-content:space-around}#listMenu a{padding:7px;margin:10px;text-decoration:none;border-bottom:0 solid #888;transition:color .2s,background-color .2s,padding .1s,border-bottom .1s}#listMenu a:hover{color:#47476b;padding-bottom:2px;border-bottom-width:5px;background-color:#f0f0f0;transition:color .2s,background-color .2s,padding .1s,border-bottom .1s}article{margin:20px 0;padding:5px 15px;overflow-wrap:anywhere;background-color:#f0f0f0;border-bottom:3px solid #aaa}#listMenu .selected{padding-bottom:2px;border-bottom:5px solid #aaa}article .postInfos{font-size:.8em}#footer{width:98%;padding:1%;margin:auto;font-size:.8em;text-align:center;background-color:#f0f0f0}a{transition:color .3s}a:hover{color:#55a;transition:color .3s}#editContent{width:100%;margin-top:5px;min-height:15em;overflow:scroll;resize:both;white-space:pre-wrap;display:inline-block}.wysiwyg,input,textarea{width:50%;border:none;padding:10px;display:block;font-size:1em;margin:15px auto;padding-left:13px;box-sizing:border-box;background-color:#fff;border-left:0 solid #ccc;border-bottom:3px solid #aaa;transition:border-left 50ms,padding-left 50ms}.input input,.input textarea,.wysiwyg{margin:0 0 0 20px}.wysiwyg{display:flex;align-items:center;flex-direction:column}.wysiwyg button{border:none;padding:2px;font-size:1em;margin:0 2px;cursor:pointer;min-width:20px;text-align:center;display:inline-block;background-color:#ccc}input:focus,input:hover,textarea:focus,textarea:hover{border-left:3px solid #ccc;transition:border-left 50ms}input[type=submit]{border:none;padding-left:13px;background-color:#ccc;transition:background-color .3s}input[type=submit]:hover{background-color:#ddd;transition:background-color .3s}label{width:250px;padding:10px;display:inline-block;background-color:#d9d9d9}label .large{width:300px}form .small{font-size:.7em}.input{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}#listAdmin{display:flex;flex-wrap:wrap}#listAdmin article{flex:50%;box-sizing:border-box}#listAdmin h3{margin:auto;text-align:center}#listAdmin article:first-child{border-right:5px solid #ccc}.listAdmin{display:flex;align-items:center;justify-content:space-evenly}.listAdmin b{width:50%;display:inline-block;border-right:1px solid #ccc}.listAdmin span{padding:3px}.listAdmin .postInfos{width:200px}.button{padding:5px;margin-left:2px;text-decoration:none;background-color:#d9d9d9;transition:background-color .3s,color .3s}.button:hover{background-color:#f0f0f0;transition:background-color .3s,color .3s}#toggle,.nav-label{height:0;display:none;background-color:#f0f0f0}.paging{width:80%;display:flex;max-width:400px;font-size:1.5em;margin:20px auto;font-family:monospace;justify-content:space-around}.paging a,.paging em,.paging span{width:30px}.paging a,.paging em{margin:3px;padding:5px;text-align:center}.paging a{text-decoration:none;background-color:rgba(240,240,240,.8);border-bottom:0 solid rgba(12,12,12,.4);transition:border-bottom .1s,padding-bottom .1s}.paging a:hover{padding-bottom:0;border-bottom-width:5px;transition:border-bottom .1s,padding-bottom .1s}.paging em{color:rgba(12,12,12,.5)}.paging .current{opacity:1;background-color:#ccc}.alignleft{text-align:left}.aligncenter{text-align:center}.alignright{text-align:right}.tag a{margin:2px;padding:2px 7px;text-decoration:none;background-color:#ddd;transition:background-color .2s}.tag a:hover{background-color:#f0f0f0;transition:background-color .2s}img{max-width:75%}pre{background-color:#ddd;border-left:5px solid #b5b5b5}code{margin:5px}@media all and (max-width:1500px){*{font-size:.9em}#title{font-size:1.3em;justify-content:space-around}#header{font-size:1.2em}}@media all and (max-width:1075px){#header,#title{padding-top:5px;flex-direction:column}#title{margin:0;text-align:center}#logo{width:auto;height:auto;margin:auto}}@media all and (max-width:700px){#editContent,.wysiwyg,input,label,textarea{width:100%}label{margin-right:20px}#menu{width:100%}#listMenu{flex-direction:column;justify-content:center}#listMenu a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#listMenu a,#listMenu h2,#listMenu li{padding:0;width:90%;display:block;margin:2px auto;text-align:center}#listMenu a:hover{padding-bottom:2px}}@media all and (max-width:500px){article{padding:5px}#logo{width:45px;height:45px}#header{margin-top:30px}#toggle{left:-9999px;position:absolute}.nav-label{top:0;padding:0;width:50px;height:50px;opacity:.6;position:fixed;display:inline-block;background-size:50px 50px;background-size:50px 50px;transition:transform .3s ease;background-image:url(/img/mobile-menu-icon.png)}#listMenu{top:0;width:100%;margin:auto;position:fixed;background-color:#f0f0f0;transition:border-bottom .3s}#listMenu li{max-height:0;margin:0 auto;transition:max-height .45s}#listMenu a{opacity:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s,padding .3s}#listMenu a:hover{padding:0;border-bottom:0}#listMenu .selected{padding:0;opacity:.5;max-height:300px;border-bottom:0 solid #000}#listMenu .selected:hover{padding:0;border-bottom:0 solid #000}#toggle:checked~#listMenu{border-bottom:5px solid #aaa;transition:border-bottom .3s}#toggle:checked~#listMenu li{max-height:300px;transition:max-height .45s}#toggle:checked~#listMenu a{opacity:1;padding:3px 0;max-height:300px;transition:max-height .3s,opacity .3s,padding .3s}#toggle:checked~.nav-label{transform:rotate(180deg);background-size:50px 50px;transition:transform .3s ease;background-image:url(/img/mobile-menu-icon-close.png)}#toggle:checked~#listMenu .selected{background-color:#ccc}}@font-face{font-family:ubuntulight;font-display:swap;src:url(../fonts/Ubuntu-L.ttf)}@font-face{font-family:ubuntumono;font-display:swap;src:url(../fonts/UbuntuMono.ttf)}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment