Template:Download/styles.css: Difference between revisions

Latest revision as of 13:35, 20 August 2025

/** File Icons **/
.wikitable-optimized{border-collapse:collapse;width:100%;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:5px;overflow:hidden;font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;font-size:17px;font-weight:100;}.wikitable-optimized th,.wikitable-optimized td{border:1px solid #ddd;padding:10px;text-align:left}.wikitable-optimized th{background-color:#f0f0f0;font-weight:700}.wikitable-optimized tr:nth-child(even){background-color:#f9f9f9}.wikitable-optimized tr:hover{background-color:#edf7fc}.wikitable-optimized caption{caption-side:top;font-size:1.2em;font-weight:700;margin-bottom:10px}
.wikitable-optimized tr:hover .file-icon img{filter:brightness(110%) contrast(110%);opacity:1;}
.file-icon{display: inline-block;width: 60px;height: 60px;overflow:hidden;}
.file-icon img {display:block;width: 60px;height: 730px;margin:0 auto;filter:brightness(60%) contrast(110%);opacity:.7;}
.file-pdf img {transform:translateY(0);}
.file-zip img {transform:translateY(-60px);}
.file-mp3 img {transform:translateY(-120px);}
.file-txt img {transform:translateY(-180px);}
.file-code img {transform:translateY(-240px);}
.file-link img {transform:translateY(-300px);}
.file-png img {transform:translateY(-360px);}
.file-jpg img {transform:translateY(-420px);}
.file-svg img {transform:translateY(-480px);}
.file-gif img {transform:translateY(-540px);}
.file-video img {transform:translateY(-600px);}
.file-other img {transform:translateY(-660px);}
.download-button a {display: block;padding: 5px 0 5px;background-color: #2196F3;color: white;text-decoration: none;border-radius: 5px;font-weight: 400;text-align: center;}
.download-button a:hover {background-color: #0d84d1;}
.isnum{width:3%;text-align:center;}
.isttle{width:70%;text-align:left;}
.istype{width:10%;text-align:center;}
.islink{width:17%;text-align:center;}
.file-icon,.download-button{display:block;margin:0 auto;text-align:center;vertical-align: middle;}
.file-is{display: inline-block;width: 60px;height: 60px;vertical-align: middle;overflow:hidden;}
.file-is img {display:block;width: 60px;height: 730px;margin:0 auto;}
@media (max-width: 270px) and (max-width: 768px){.wikitable-optimized,.wikitable-optimized thead,.wikitable-optimized tbody,.wikitable-optimized th,.wikitable-optimized td,.wikitable-optimized tr{display:block;}.wikitable-optimized thead{display:none;}.wikitable-optimized tr{border:1px solid #ddd;margin-bottom:10px;padding:10px;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);}.wikitable-optimized td{border:none;position:relative;padding-left:5%;text-align:center;}.wikitable-optimized td:nth-of-type(1),.wikitable-optimized td:nth-of-type(2),.wikitable-optimized td:nth-of-type(3),.wikitable-optimized td:nth-of-type(4){display:block;text-align:center;}.wikitable-optimized .isnum,.wikitable-optimized .isttle,.wikitable-optimized .istype,.wikitable-optimized .islink{display:none;}}
a.external{background-image:none;}

.flag{display:inline-block;width:30px;height:25px;margin-left:3px;margin-top:1px;overflow:hidden;text-align:center;}
.ro,.en{display:block;width:30px;height:25px;text-align:center;}
.ro img,.en img{display:block;width:30px;height:300px;margin:0 auto;}
.ro img{transform:translateY(-24px);}
.en img{transform:translateY(2px);}