lacoloc.cafe/style.css

2 lines
9.6 KiB
CSS
Raw Permalink Normal View History

2021-04-26 09:37:16 +02:00
@font-face{font-family:'b612';src:url("fonts/b612-regular.ttf") format("truetype")}html{background-color:#fff;-webkit-font-smoothing:antialiased}body{color:#474747;font-family:'b612', Helvetica Neue, sans-serif;font-size:15px;width:100%;margin:0 auto 30px auto;background-color:#fff;line-height:1.6em}p{line-height:1.9em;font-weight:400;font-size:14px}a{text-decoration:none}a:link,a:visited{opacity:1;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;-ms-transition:all .15s linear;transition:all .15s linear;color:#424242}a:hover,a:active{color:#4786D6}img{max-width:100%;height:auto}.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-20px)}100%{opacity:1;-moz-transform:translateY(0)}}@-o-keyframes fadeInDown{0%{opacity:0;-o-transform:translateY(-20px)}100%{opacity:1;-o-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-o-animation-name:fadeInDown;animation-name:fadeInDown}.content{height:auto;float:right;width:60%;margin-top:60px}.page-top{width:60%;position:fixed;right:0;z-index:3;background-color:#fff;height:60px;border-bottom:1px solid #f2f2f2}.page-top .nav{list-style:none;padding:18px 30px;float:left;font-size:12px}.page-top .nav li{position:relative;display:initial;padding-right:20px}.page-top .nav a{color:#5A5A5A}.page-top .nav a:hover{color:#4786D6}.page-top .nav a.current{color:#5A5A5A;padding-bottom:22px;border-bottom:1px solid #5A5A5A}.page-top .information{float:right;padding-top:12px;padding-right:20px}.page-top .information .avatar{float:right}.page-top .information .avatar img{width:32px;height:32px;border-radius:300px}.page-top .information .back_btn{float:left;padding-top:5px;margin-right:-10px}.page-top .information .back_btn li{display:initial;padding-right:40px}#sidebar{width:40%;-webkit-background-size:cover;background-size:cover;background-color:#fff;height:100%;transition:0.8s;top:0;left:0;position:fixed;z-index:4;border-right:1px solid #f2f2f2}#sidebar .logo-title{text-align:center;padding-top:240px}#sidebar .logo-title .description{font-size:14px;color:#565654}#sidebar .logo-title .logo{margin:0 auto}#sidebar .logo-title .title h3{text-transform:uppercase;font-size:2rem;font-weight:bold;letter-spacing:2px;line-height:1;margin:0}#sidebar .logo-title .title a{text-decoration:none;color:#464646;font-size:2rem;font-weight:bold}#sidebar .social-links{list-style:none;padding:0;font-size:14px;text-align:center}#sidebar .social-links li{display:inline;padding:0 4px;line-height:0}#sidebar .social-links a{color:#565654}#sidebar .social-links a:hover{color:#4786D6}.post{background-color:#FFF;margin:30px;max-width:650px}.post .post-title h1{text-transform:uppercase;font-size:30px;letter-spacing:5px;line-height:1}.post .post-title h2{text-transform:uppercase;letter-spacing:1px;font-size:28px;line-height:1}.post .post-title h3{text-transform:uppercase;letter-spacing:1px;line-height:1;font-weight:600;color:#464646;font-size:22px;margin:0}.post .post-title a{text-decoration:none;letter-spacing:1px;color:#5f5f5f}.post .post-title a:hover{text-decoration:underline}.post .post-content a{text-decoration:none;letter-spacing:1px;color:#4786D6}.post .post-content a:hover{color:#2F69B3}.post .post-content h3{color:#5F5F5F;font-size:22px;font-weight:600}.post .post-content h4{color:#5F5F5F;font-size:16px}.post .post-content li{font-size:14px}.post .post-content>p>