Template:Archetypes/majorarcana.css: Difference between revisions
Dascent-wiki (talk | contribs) Created page with "#appslenani .container {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px; padding: 20px;} #appslenani .card {flex: 1 0 300px; →Fiecare card ocupă o treime din spațiu, dar are o lățime minimă de 300px: border: 1px solid #ccc;border-radius: 5px;padding:0 0 20px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);display: flex; flex-direction: column;min-height: 200px;} #appslenani .card-inner{display:block;width:90%;height:auto;margin:10px auto 12px auto;pad..." |
Dascent-wiki (talk | contribs) m Protected "Template:Archetypes/majorarcana.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) |
(No difference)
| |
Revision as of 11:42, 27 July 2025
#appslenani .container {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px; padding: 20px;}
#appslenani .card {flex: 1 0 300px; /* Fiecare card ocupă o treime din spațiu, dar are o lățime minimă de 300px */
border: 1px solid #ccc;border-radius: 5px;padding:0 0 20px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);display: flex;
flex-direction: column;min-height: 200px;}
#appslenani .card-inner{display:block;width:90%;height:auto;margin:10px auto 12px auto;padding:10px;}
#appslenani .card-cover{display:block;width:100%;height:auto;margin:0 auto 12px auto;padding:0;text-align:center;border-radius:5px 5px 0 0;overflow:hidden;background-color:#000;}
#appslenani .card-cover img{display:block;width:100%;height:250px;object-fit:cover;margin:0 auto;transform:scale(1);opacity:.5;transition: opacity .3s ease-in-out, transform 1.3s;}#appslenani .card:hover img{opacity:1;transform:scale(1.2);}
#appslenani .card-title {font-size: 1.2em;font-weight: bold;margin-bottom: 10px;}
#appslenani .card-text {margin-bottom: 20px;flex-grow: 1; /* Permite textului să ocupe spațiul disponibil */}
#appslenani .card-button {background-color: #007bff;color: white;padding: 10px 20px;border: none;border-radius: 5px;text-decoration: none;text-align: center;align-self: flex-start; /* Aliniază butonul la începutul containerului cardului pe axa cross */}
#appslenani .appsinfo{display:block;min-width:80%;max-width:97%;height:auto;margin:10px auto 12px auto;padding:1em 0 1em;text-align:center;}#appslenani .appsinfo h3{font-size:1.7rem;color:#036;}#appslenani .appsinfo p{font-size:1.3rem;color:#888;}
@media (max-width: 768px) {#appslenani .card {flex-basis: 100%; /* Cardurile ocupă toată lățimea pe ecrane mici */}}
.fullbanner,.fullbanner img{display:block;width:100%;height:auto;margin:0 auto;padding:0;text-align:center;background-color:#000;}