chatcontrol.pt/style.css

39 lines
3.2 KiB
CSS

#alternativas .article-row{display:flex;flex-direction:column;gap:3rem;padding-bottom:1.5rem}
@media (min-width:1024px){
#alternativas .article-row{flex-direction:row;flex-wrap:nowrap;gap:1.5rem}
}
#alternativas .article-row>div{display:flex;flex-direction:column;place-content:space-between}
@media (min-width:1024px){
#alternativas .article-row>div{gap:1.5rem}
}
#alternativas .article-row>div>div{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
#alternativas .article-row>div>div>img{width:100%;padding-bottom:.5rem}
#alternativas .article-row>div>div>p{--tw-text-opacity:1;color:rgb(236 234 246/var(--tw-text-opacity))}
#alternativas .article-row>div>div>a{font-size:1.125rem;line-height:120%;font-weight:600}@media (min-width:768px){
#alternativas .article-row>div>div>a{font-size:1.125rem;line-height:140%;font-weight:600}}
#alternativas .article-row>div>div>a{margin:4px;display:flex;cursor:pointer;align-items:center;justify-content:center;border-width:0;--tw-bg-opacity:1;background-color:rgb(31 189 104/var(--tw-bg-opacity));padding:.75rem 1.5rem;color:rgb(15 15 15/var(--tw-text-opacity))}
#alternativas .article-row>div>div>a .icon{margin-right:.5rem;height:1.25rem;width:1.25rem;background-color:rgb(15 15 15/var(--tw-bg-opacity))}
#alternativas .article-row>div>div>a.dark:focus,
.button#alternativas .article-row>div>div>a:focus{margin:0;border-width:4px;border-color:rgb(255 255 255/var(--tw-border-opacity));--tw-border-opacity:0.6}
#alternativas .article-row>div>div>a{margin:2px;border-width:2px;--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));--tw-bg-opacity:0;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}
#alternativas .article-row>div>div>a .icon{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}
#alternativas .article-row>div>div>a:hover{margin:4px;border-width:0;--tw-bg-opacity:1;background-color:rgb(29 165 92/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(15 15 15/var(--tw-text-opacity))}
#alternativas .article-row>div>div>a:hover .icon{--tw-bg-opacity:1;background-color:rgb(15 15 15/var(--tw-bg-opacity))}
#alternativas .article-row>div>div>a:active{--tw-bg-opacity:1;background-color:rgb(23 130 73/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(15 15 15/var(--tw-text-opacity))}
#alternativas .article-row>div>div>a:active .icon{--tw-bg-opacity:1;background-color:rgb(15 15 15/var(--tw-bg-opacity))}
#alternativas .article-row>div>div>a:focus{margin:0;border-width:4px;border-color:rgb(31 189 104/var(--tw-border-opacity));--tw-border-opacity:0.6}
#alternativas .article-row>div>div>a.burger,
#alternativas .article-row>div>div>a.burger:active,
#alternativas .article-row>div>div>a.burger:focus,
#alternativas .article-row>div>div>a.burger:hover{border-width:0;--tw-bg-opacity:0;padding:0}
.mask-social-gitea{display:block;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}
.mask-social-gitea{mask-image:url(../img/social/gitea.svg);-webkit-mask-image:url(../img/social/gitea.svg)}
.hover\:bg-lavender-600:hover{background-color:rgb(59,37,147);}
#o-que-fazer .h3 a {border-bottom: 4px solid rgb(31 189 104);}
#o-que-fazer .h3 a:hover {background-color:rgb(31 189 104)}
#o-que-fazer ul { list-style-type: disc; }