You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
dropin-minimal-css/min/clmaterial.min.css

1 line
12 KiB
CSS

@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Roboto");html{font-family:Roboto,sans-serif;background-color:#f5f5f5;font-size:10px;box-sizing:border-box;zoom:120%}*{box-sizing:inherit;position:relative}a,a[xx]{background-color:transparent;color:#3f51b5;text-weight:bold;text-decoration:none;display:inline-block;z-index:1}a:active,a[xx]:active{outline:0}a:hover,a[xx]:hover{outline:0}b{font-weight:700}strong{font-weight:700}h1,h1[xx]{margin:0 5% 2rem;text-shadow:1px 1px 3px rgba(0,0,0,0.3);font-weight:200;font-size:4rem;line-height:1.1;letter-spacing:-1px;margin-top:50px;text-align:center;margin-bottom:50px}h2,h2[xx]{margin:5px 5% 0 5%;text-shadow:1px 1px 3px rgba(0,0,0,0.3);font-weight:200;font-size:3rem;line-height:1.1;letter-spacing:-.05rem}h3,h3[xx]{margin:5px 5% 0 5%;font-weight:200;font-size:2.5rem;line-height:1.3;letter-spacing:-.05rem}h4,h4[xx]{margin:5px 5% 0 5%;font-weight:200;font-size:2rem;line-height:1.3;letter-spacing:-.05rem}h5,h5[xx]{margin:5px 5% 0 5%;font-weight:200;font-size:1.4rem;line-height:1.5;letter-spacing:0;text-transform:uppercase;font-weight:700}h6,h6[xx]{margin:5px 5% 0 5%;font-weight:200;font-size:1.4rem;line-height:1.5;letter-spacing:0;text-transform:uppercase;font-weight:400}img,img[xx]{border:0;margin:20px 5% 10px 5%;height:auto;max-width:90%;border-radius:2px;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}::-moz-selection{background-color:#3f51b5;color:#FFF}::selection{background-color:#3f51b5;color:#FFF}:after{box-sizing:inherit;position:relative;transition:all .3s ease-in-out}:before{box-sizing:inherit;position:relative;transition:all .3s ease-in-out}:focus{outline:0}body{color:#000;margin:0;font-size:1.4rem;line-height:1.8;font-weight:300}form{background-color:#FFF;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);border-radius:2px;margin:7%;padding:8%}table{margin:7%;padding:8%;width:86%;background-color:#FFF;border-radius:2px;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);text-align:left}table td{height:3.2em;border-bottom:1px solid #e0e0e0;padding:1rem}table th{height:4em;border-bottom:1px solid #e0e0e0;padding:1rem;font-weight:700;color:#616161}table th:before{content:"";width:100%;height:100%;position:absolute;display:block;top:0;left:0;background:#f5f5f5;z-index:-1;opacity:0;visibility:hidden}table th:hover:before{opacity:1;visibility:visible}table tbody tr:hover{background:#f5f5f5}card{background:#FFF;display:block;margin:7%;padding:2rem;width:86%;box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23);border-radius:2px;margin-bottom:2rem}card hr[xx]{margin:1rem 0}card:last-child{margin-bottom:0}card>h5{margin-top:10px;margin-bottom:25px}card>img,card>img[xx]{width:calc(100%+4rem);max-width:none;margin:0 0 2rem -2rem;display:block;padding:0;margin:0 0 2rem -2rem;display:block;box-shadow:none;border-radius:0}card>img:first-child,card>img[xx]:first-child{margin:-2rem 0 2rem -2rem;border-radius:2px 2px 0 0}card>img:last-child,card>img[xx]:last-child{margin:0 0 -2rem -2rem;border-radius:0 0 2px 2px}card hr{margin:1rem 0}@media(min-width:900px){form{padding:4%;margin:7% 15% 7% 15%}table{padding:4%;margin:7% 15% 7% 15%;width:70%}card{margin:7% 15% 7% 15%;width:70%}}@media(min-width:1200px){form{padding:3%;margin:7% 25% 7% 25%}table{padding:2%;margin:7% 20% 7% 20%;width:60%}card{margin:7% 20% 7% 20%;width:60%}}@media(max-width:50rem){body{overflow-x:hidden;padding-top:4.4rem}[btn][full]{width:100%}button[xx][full]{width:100%}input[type=submit][full]{width:100%}button[full]{width:100%}}p{margin:0 2% 0 2%}p:last-child{margin:0}p a:not([btn]):before{content:"";display:inline-block;width:100%;height:100%;position:absolute;opacity:.5;transform:scale3d(1,0.1,1);transform-origin:bottom;z-index:-1}p a:not([btn]):hover:before{color:red;transform:none}button,button[xx]{transition:all .3s ease-in-out;cursor:pointer;color:#FFF;padding:10px;background:#3f51b5;border:1px solid #3f51b5;border-radius:1.5px;box-shadow:0 0 0 transparent;text-transform:uppercase;text-decoration:none;text-align:center;font-size:1.2re