Разделы

Представляю на Ваш суд пример ссылок для скачивания файлов с автоматическими svg иконками в зависимости от mime-type файлов

Пример

HTML:

<div class="requirements">
<a target="_blank" href="file.pdf" download>
<div class="left">
<div class="icon"></div>
</div>
<div class="right">
<b>No документа</b> &laquo;Заголовок документа&raquo;
</div>
</a>
<a target="_blank" href="file.xls" download>
<div class="left">
<div class="icon"></div>
</div>
<div class="right">
<b>No документа</b> &laquo;Заголовок документа&raquo;
</div>
</a>
<a target="_blank" href="file.docx" download>
<div class="left">
<div class="icon"></div>
</div>
<div class="right">
<b>No документа</b> &laquo;Заголовок документа&raquo;
</div>
</a>
<a target="_blank" href="file.ppt" download>
<div class="left">
<div class="icon"></div>
</div>
<div class="right">
<b>No документа</b> &laquo;Заголовок документа&raquo;
</div>
</a>
<a target="_blank" href="file.rtf" download>
<div class="left">
<div class="icon"></div>
</div>
<div class="right">
<b>No документа</b> &laquo;Заголовок документа&raquo;
</div>
</a>
<a target="_blank" href="file.zip" download>
<div class="left">
<div class="icon"></div>
</div>
<div class="right">
<b>No документа</b> &laquo;Заголовок документа&raquo;
</div>
</a>
<a target="_blank" href="file.rar" download>
<div class="left">
<div class="icon"></div>
</div>
<div class="right">
<b>No документа</b> &laquo;Заголовок документа&raquo;
</div>
</a>
<a target="_blank" href="file.7zip" download>
<div class="left">
<div class="icon"></div>
</div>
<div class="right">
<b>No документа</b> &laquo;Заголовок документа&raquo;
</div>
</a>
</div>

CSS

.requirements a {
	font-size: 16px;
	color: #3d4850;
	text-decoration: none;
	overflow: hidden;
	position: relative;
	display: flex;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: .5em;
	border-bottom: 1px solid #d0d7dc;
	min-height: 40px;
}
.requirements a:last-child {
	border-bottom: none;
}
.requirements a:hover {
	background-color: #eee;
}
.requirements a .left {
	float: left;
	align-self: center;
	border-right: 1px dashed #dddddd;
	padding-right: 1em;
}
.requirements a .right {
	align-self: center;
	text-align: justify;
	padding-left: 1em;
}
.requirements a[href $='.pdf'] .left .icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.57 256'%3E%3Cdefs%3E%3Cstyle%3E.a2b4159f-fd38-4c39-a1e6-d53b71130823%7Bfill:%23e9e9e0;%7D.a1701b32-200a-4ad0-bc14-08c0d4ca9aa9%7Bfill:%23d9d7ca;%7D.a179ccb9-6bb8-4bc8-9162-ce029c061ea3%7Bfill:%23f15642;%7D.e36dbd16-d4d1-49d0-ab0d-4f1727489699%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Epdf%3C/title%3E%3Cpath class='a2b4159f-fd38-4c39-a1e6-d53b71130823' d='M139.37.06H6.69C3,.06,0,3.05,0,8.86V251.49c0,1.57,3,4.57,6.68,4.57h183.2c3.69,0,6.69-3,6.69-4.57V59.39c0-3.19-.43-4.21-1.18-5L142.21,1.23A4,4,0,0,0,139.37.06Z'/%3E%3Cpolygon class='a1701b32-200a-4ad0-bc14-08c0d4ca9aa9' points='141.72 0.75 141.72 54.91 195.89 54.91 141.72 0.75'/%3E%3Cpath class='a179ccb9-6bb8-4bc8-9162-ce029c061ea3' d='M189.89,256.06H6.69A6.69,6.69,0,0,1,0,249.37v-71H196.58v71A6.7,6.7,0,0,1,189.89,256.06Z'/%3E%3Cpath class='e36dbd16-d4d1-49d0-ab0d-4f1727489699' d='M52.7,224.14v18.09H46.6V196h17q7.58,0,11.88,3.87a13.12,13.12,0,0,1,4.3,10.25q0,6.74-4.2,10.36t-12,3.64Zm0-5H63.65c3.25,0,5.75-.76,7.49-2.3a8.45,8.45,0,0,0,2.6-6.66,8.71,8.71,0,0,0-2.6-6.61A10.24,10.24,0,0,0,64,201H52.7Z'/%3E%3Cpath class='e36dbd16-d4d1-49d0-ab0d-4f1727489699' d='M87.61,242.23V196h13a21.1,21.1,0,0,1,10.67,2.66,18,18,0,0,1,7.15,7.59,24.56,24.56,0,0,1,2.56,11.3v3A24.81,24.81,0,0,1,118.51,232a17.82,17.82,0,0,1-7.21,7.55,22.28,22.28,0,0,1-10.9,2.7ZM93.7,201v36.25h6.41q7,0,11-4.39T115,220.38v-2.7q0-7.89-3.7-12.25T100.81,201Z'/%3E%3Cpath class='e36dbd16-d4d1-49d0-ab0d-4f1727489699' d='M155.72,221.82H136.33v20.41h-6.1V196h28.63v5H136.33v15.84h19.39Z'/%3E%3Cpath class='a179ccb9-6bb8-4bc8-9162-ce029c061ea3' d='M47.86,167h0a9,9,0,0,1-5.42-1.83c-5.84-4.38-6.62-9.25-6.25-12.57,1-9.14,12.31-18.69,33.57-28.43A377.82,377.82,0,0,0,91,63.87c-5.6-12.18-11-28-7.08-37.26,1.39-3.25,3.13-5.74,6.36-6.82a27.29,27.29,0,0,1,5.7-1c2.83,0,5.31,3.64,7.07,5.88s5.41,6.58-2.09,38.15c7.56,15.62,18.28,31.53,28.54,42.42a109.15,109.15,0,0,1,18.84-2c8.78,0,14.11,2,16.28,6.27,1.79,3.49,1.06,7.57-2.19,12.11A14.92,14.92,0,0,1,150,128.34c-6.82,0-14.77-4.31-23.62-12.82a268,268,0,0,0-49.52,15.83,158.74,158.74,0,0,1-13.37,23.84C57.73,163.24,52.77,167,47.86,167ZM62.8,138.25c-12,6.73-16.88,12.27-17.23,15.39-.06.51-.21,1.87,2.42,3.88C48.82,157.26,53.7,155,62.8,138.25Zm76.49-24.92c4.57,3.52,5.69,5.3,8.68,5.3,1.31,0,5.05-.06,6.78-2.48a8.35,8.35,0,0,0,1.29-2.33c-.69-.36-1.6-1.1-6.59-1.1A81.34,81.34,0,0,0,139.29,113.33ZM97.39,76.41a400.43,400.43,0,0,1-15,42.43,280,280,0,0,1,36.44-11.33A191.79,191.79,0,0,1,97.39,76.41ZM94,29c-.55.18-7.46,9.85.54,18C99.85,35.12,94.22,28.87,94,29Z'/%3E%3C/svg%3E");
}
.requirements a[href $='.xls'] .left .icon, .requirements a[href $='.xlsx'] .left .icon {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.57 256'%3E%3Cdefs%3E%3Cstyle%3E.a557ad09-928b-408c-a351-aed2878924f6%7Bfill:%23e9e9e0;%7D.a730a5f9-1703-4fa5-be25-bd172067c91d%7Bfill:%23d9d7ca;%7D.bab7bbb6-9d92-4c38-b091-d9d2819ed575%7Bfill:%23107c41;%7D.bb5efdae-d145-42b6-a3ef-3a3f86d20d77%7Bfill:%23fff;%7D.bf2defe1-86c0-46a4-bfc4-c837a53af71d%7Bfill:%23c8c6c4;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Exls%3C/title%3E%3Cpath class='a557ad09-928b-408c-a351-aed2878924f6' d='M139.37.06H6.69C3,.06,0,3.05,0,8.86V251.49c0,1.57,3,4.57,6.68,4.57h183.2c3.69,0,6.69-3,6.69-4.57V59.39c0-3.19-.43-4.21-1.18-5L142.21,1.23A4,4,0,0,0,139.37.06Z'/%3E%3Cpolygon class='a730a5f9-1703-4fa5-be25-bd172067c91d' points='141.72 0.75 141.72 54.91 195.89 54.91 141.72 0.75'/%3E%3Cpath class='bab7bbb6-9d92-4c38-b091-d9d2819ed575' d='M189.89,256.06H6.69A6.69,6.69,0,0,1,0,249.37v-71H196.58v71A6.7,6.7,0,0,1,189.89,256.06Z'/%3E%3Cpath class='bb5efdae-d145-42b6-a3ef-3a3f86d20d77' d='M61.68,213.73,72.75,196h7.18l-14.6,22.91,15,23.3H73l-11.36-18-11.43,18h-7.2l15-23.3L43.4,196h7.14Z'/%3E%3Cpath class='bb5efdae-d145-42b6-a3ef-3a3f86d20d77' d='M93.48,237.25h21.9v5h-28V196h6.13Z'/%3E%3Cpath class='bb5efdae-d145-42b6-a3ef-3a3f86d20d77' d='M136,221.63q-7.84-2.25-11.41-5.54A10.58,10.58,0,0,1,121,208a11.17,11.17,0,0,1,4.36-9q4.37-3.57,11.35-3.57a19.05,19.05,0,0,1,8.49,1.84,14,14,0,0,1,5.77,5.08,13,13,0,0,1,2.05,7.08h-6.13a8.47,8.47,0,0,0-2.66-6.61c-1.78-1.6-4.29-2.41-7.52-2.41a11.11,11.11,0,0,0-7,2,6.63,6.63,0,0,0-2.53,5.52,6,6,0,0,0,2.4,4.78q2.4,2,8.16,3.58a37.86,37.86,0,0,1,9,3.57,13.63,13.63,0,0,1,4.82,4.56,11.59,11.59,0,0,1,1.57,6.12,10.79,10.79,0,0,1-4.38,9q-4.38,3.39-11.71,3.38a21.81,21.81,0,0,1-8.88-1.82,15,15,0,0,1-6.37-5,12.22,12.22,0,0,1-2.23-7.21h6.12a8,8,0,0,0,3.09,6.62,13,13,0,0,0,8.27,2.43c3.22,0,5.68-.66,7.4-2a6.4,6.4,0,0,0,2.57-5.36,6.28,6.28,0,0,0-2.38-5.26C143,224.06,140.11,222.83,136,221.63Z'/%3E%3Cpath class='bf2defe1-86c0-46a4-bfc4-c837a53af71d' d='M57.73,145.68H14.44V137H57.73a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,57.73,145.68Zm0-26H14.44V111H57.73a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,57.73,119.7Zm0-26H14.44V85.07H57.73a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,57.73,93.73Zm0-26H14.44V59.09H57.73a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,57.73,67.75Zm0,103.91H14.44V163H57.73a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,57.73,171.66Zm121.23-26h-43.3a4.33,4.33,0,0,1-4.33-4.33h0a4.33,4.33,0,0,1,4.33-4.33H179a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,179,145.68Zm0,26h-43.3a4.33,4.33,0,0,1-4.33-4.33h0a4.33,4.33,0,0,1,4.33-4.33H179a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,179,171.66Zm0-52h-43.3a4.33,4.33,0,0,1-4.33-4.33h0a4.33,4.33,0,0,1,4.33-4.33H179a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,179,119.7Zm0-26h-43.3a4.33,4.33,0,0,1-4.33-4.33h0a4.33,4.33,0,0,1,4.33-4.33H179a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,179,93.73Zm0-26h-43.3a4.33,4.33,0,0,1-4.33-4.33h0a4.33,4.33,0,0,1,4.33-4.33H179a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,179,67.75Zm-60.62,77.93H75.05a4.33,4.33,0,0,1-4.33-4.33h0A4.33,4.33,0,0,1,75.05,137h43.29a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,118.34,145.68Zm0,26H75.05a4.33,4.33,0,0,1-4.33-4.33h0A4.33,4.33,0,0,1,75.05,163h43.29a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,118.34,171.66Zm0-52H75.05a4.33,4.33,0,0,1-4.33-4.33h0A4.33,4.33,0,0,1,75.05,111h43.29a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,118.34,119.7Zm0-26H75.05a4.33,4.33,0,0,1-4.33-4.33h0a4.33,4.33,0,0,1,4.33-4.33h43.29a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,118.34,93.73Zm0-26H75.05a4.33,4.33,0,0,1-4.33-4.33h0a4.33,4.33,0,0,1,4.33-4.33h43.29a4.33,4.33,0,0,1,4.33,4.33h0A4.33,4.33,0,0,1,118.34,67.75Z'/%3E%3Cpath class='bab7bbb6-9d92-4c38-b091-d9d2819ed575' d='M25.12,143.4h90.81a11.36,11.36,0,0,0,11.36-11.35V41.24a11.36,11.36,0,0,0-11.36-11.35H25.12A11.35,11.35,0,0,0,13.77,41.24v90.81A11.35,11.35,0,0,0,25.12,143.4Z'/%3E%3Cpath class='bb5efdae-d145-42b6-a3ef-3a3f86d20d77' d='M39.17,120.7,61.54,86.55l-20.49-34H57.54L68.73,74.3c1,2,1.73,3.59,2.12,4.6H71q1.13-2.46,2.32-4.79l12-21.52h15.14l-21,33.77,21.56,34.34H84.83L71.91,96.86a19.41,19.41,0,0,1-1.54-3.19h-.19a14.89,14.89,0,0,1-1.5,3.09L55.37,120.7Z'/%3E%3C/svg%3E");
}
.requirements a[href $='.doc'] .left .icon, .requirements a[href $='.docx'] .left .icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.57 256'%3E%3Cdefs%3E%3Cstyle%3E.e1728de1-409e-4579-897f-4bf97d6f8a64%7Bfill:%23e9e9e0;%7D.a467530e-dc74-4dd4-8d82-06f45a7e810a%7Bfill:%23d9d7ca;%7D.e416585c-164c-4e87-b7a6-b72bf1225b08%7Bfill:%23185abd;%7D.bb7cb3fa-6aeb-420c-9d47-a57a92f6be50%7Bfill:%23fff;%7D.aefc3fbb-74ef-47e0-a002-0b87d36cdffe%7Bfill:%23c8c6c4;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Edoc%3C/title%3E%3Cpath class='e1728de1-409e-4579-897f-4bf97d6f8a64' d='M139.37.06H6.69C3,.06,0,3.05,0,8.86V251.49c0,1.57,3,4.57,6.68,4.57h183.2c3.69,0,6.69-3,6.69-4.57V59.39c0-3.19-.43-4.21-1.18-5L142.21,1.23A4,4,0,0,0,139.37.06Z'/%3E%3Cpolygon class='a467530e-dc74-4dd4-8d82-06f45a7e810a' points='141.72 0.75 141.72 54.91 195.89 54.91 141.72 0.75'/%3E%3Cpath class='e416585c-164c-4e87-b7a6-b72bf1225b08' d='M189.89,256.06H6.69A6.69,6.69,0,0,1,0,249.37v-71H196.58v71A6.7,6.7,0,0,1,189.89,256.06Z'/%3E%3Cpath class='bb7cb3fa-6aeb-420c-9d47-a57a92f6be50' d='M38.6,242.23V196h13a21.06,21.06,0,0,1,10.66,2.66,18,18,0,0,1,7.16,7.59A24.69,24.69,0,0,1,72,217.57v3A24.81,24.81,0,0,1,69.5,232a17.71,17.71,0,0,1-7.21,7.55,22.25,22.25,0,0,1-10.9,2.7ZM44.7,201v36.25h6.41q7,0,11-4.39T66,220.38v-2.7q0-7.89-3.7-12.25T51.81,201Z'/%3E%3Cpath class='bb7cb3fa-6aeb-420c-9d47-a57a92f6be50' d='M116.77,220.61a28.68,28.68,0,0,1-2.28,11.86A17.36,17.36,0,0,1,108,240.2a17.86,17.86,0,0,1-9.77,2.66A17.25,17.25,0,0,1,82,232.53,27.44,27.44,0,0,1,79.61,221v-3.34a28.32,28.32,0,0,1,2.31-11.77,17.17,17.17,0,0,1,16.26-10.54,18,18,0,0,1,9.79,2.68,17.34,17.34,0,0,1,6.52,7.78,28.8,28.8,0,0,1,2.28,11.85Zm-6.06-3q0-8.22-3.3-12.62a10.88,10.88,0,0,0-9.23-4.39,10.77,10.77,0,0,0-9.1,4.39c-2.21,2.94-3.35,7-3.41,12.21v3.39q0,8,3.35,12.52a11.73,11.73,0,0,0,18.36.26q3.24-4.3,3.33-12.33Z'/%3E%3Cpath class='bb7cb3fa-6aeb-420c-9d47-a57a92f6be50' d='M159.91,227.56q-.87,7.33-5.42,11.32t-12.1,4A16.28,16.28,0,0,1,129.26,237q-4.93-5.87-4.93-15.71v-4.44a26.2,26.2,0,0,1,2.3-11.33,17.21,17.21,0,0,1,6.52-7.51,18.11,18.11,0,0,1,9.78-2.62q7.35,0,11.8,4.11t5.18,11.38h-6.13c-.53-3.69-1.68-6.37-3.44-8s-4.24-2.49-7.41-2.49a10.88,10.88,0,0,0-9.16,4.33Q130.45,209,130.45,217v4.48q0,7.53,3.15,12a10.13,10.13,0,0,0,8.79,4.45q5.07,0,7.79-2.3t3.6-8Z'/%3E%3Cpath class='aefc3fbb-74ef-47e0-a002-0b87d36cdffe' d='M179.94,145.92H14.29v-8.69H179.94c2.95,0,5.35,2,5.35,4.35h0C185.29,144,182.89,145.92,179.94,145.92Zm0-26.07H14.29v-8.7H179.94c2.95,0,5.35,1.95,5.35,4.35h0C185.29,117.9,182.89,119.85,179.94,119.85Zm0-26.08H14.29V85.08H179.94c2.95,0,5.35,1.94,5.35,4.34h0C185.29,91.82,182.89,93.77,179.94,93.77Zm0-26.08H14.29V59H179.94c2.95,0,5.35,2,5.35,4.35h0C185.29,65.75,182.89,67.69,179.94,67.69Zm0,104.31H14.29v-8.69H179.94c2.95,0,5.35,1.94,5.35,4.34h0C185.29,170.05,182.89,172,179.94,172Z'/%3E%3Cpath class='e416585c-164c-4e87-b7a6-b72bf1225b08' d='M25.31,142.39h89.91a11.24,11.24,0,0,0,11.24-11.24V41.24A11.24,11.24,0,0,0,115.22,30H25.31A11.24,11.24,0,0,0,14.07,41.24v89.91A11.24,11.24,0,0,0,25.31,142.39Z'/%3E%3Cpath class='bb7cb3fa-6aeb-420c-9d47-a57a92f6be50' d='M52.35,104.87q.28,2.19.36,3.84h.22c.08-1,.25-2.29.49-3.76s.48-2.7.71-3.7L64.06,58.1H76.9l10.27,42.5a62.17,62.17,0,0,1,1.29,8h.17a61.41,61.41,0,0,1,1.07-7.76L97.92,58.1H109.6L95.22,119.91H81.56L71.76,79c-.28-1.18-.6-2.71-1-4.61s-.58-3.28-.66-4.14H70c-.11,1-.33,2.5-.66,4.48s-.59,3.45-.79,4.4l-9.2,40.82H45.44L30.93,58.1h11.9l8.94,43.24C52,102.22,52.16,103.4,52.35,104.87Z'/%3E%3C/svg%3E");
}
.requirements a[href $='.rtf'] .left .icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.57 256'%3E%3Cdefs%3E%3Cstyle%3E.b1f8304f-3d8b-4279-a791-aa6491234686%7Bfill:%23e9e9e0;%7D.b4bd7173-249c-4a3d-8b3e-d9ea5e81a519%7Bfill:%23d9d7ca;%7D.fd4114a2-a8da-41e8-97a7-a7843cb5eaf1%7Bfill:%2390bae1;%7D.b3ace452-3e53-4400-b80a-24dd8aece902%7Bfill:%23fff;%7D.f5b058cc-920c-49ff-ba60-6c0a088a6ee0%7Bfill:%23c8c6c4;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ertf%3C/title%3E%3Cpath class='b1f8304f-3d8b-4279-a791-aa6491234686' d='M139.37.06H6.69C3,.06,0,3.05,0,8.86V251.49c0,1.57,3,4.57,6.68,4.57h183.2c3.69,0,6.69-3,6.69-4.57V59.39c0-3.19-.43-4.21-1.18-5L142.21,1.23A4,4,0,0,0,139.37.06Z'/%3E%3Cpolygon class='b4bd7173-249c-4a3d-8b3e-d9ea5e81a519' points='141.72 0.75 141.72 54.91 195.89 54.91 141.72 0.75'/%3E%3Cpath class='fd4114a2-a8da-41e8-97a7-a7843cb5eaf1' d='M189.89,256.06H6.69A6.7,6.7,0,0,1,0,249.37H0v-71H196.58v71A6.71,6.71,0,0,1,189.89,256.06Z'/%3E%3Cpath class='b3ace452-3e53-4400-b80a-24dd8aece902' d='M63.55,223.53H52.7v18.7H46.57V196h15.3q7.8,0,12,3.55t4.21,10.35a12.38,12.38,0,0,1-2.34,7.52,13.9,13.9,0,0,1-6.49,4.79l10.86,19.62v.38H73.58Zm-10.85-5h9.36a10.57,10.57,0,0,0,7.22-2.35A8,8,0,0,0,72,209.9a8.37,8.37,0,0,0-2.55-6.58C67.72,201.77,65.23,201,62,201H52.7Z'/%3E%3Cpath class='b3ace452-3e53-4400-b80a-24dd8aece902' d='M116,201H101.16v41.23H95.1V201H80.28v-5H116Z'/%3E%3Cpath class='b3ace452-3e53-4400-b80a-24dd8aece902' d='M148.35,221.82H129v20.41h-6.09V196H151.5v5H129v15.84h19.39Z'/%3E%3Cpath class='f5b058cc-920c-49ff-ba60-6c0a088a6ee0' d='M91.62,126.84H23.15a3.26,3.26,0,0,1-3.26-3.26h0a3.26,3.26,0,0,1,3.26-3.26H91.62a3.26,3.26,0,0,1,3.26,3.26h0A3.26,3.26,0,0,1,91.62,126.84Z'/%3E%3Cpath class='fd4114a2-a8da-41e8-97a7-a7843cb5eaf1' d='M173.13,107.28h-150A3.26,3.26,0,0,1,19.89,104h0a3.26,3.26,0,0,1,3.26-3.26h150a3.26,3.26,0,0,1,3.26,3.26h0A3.26,3.26,0,0,1,173.13,107.28Z'/%3E%3Cpath class='fd4114a2-a8da-41e8-97a7-a7843cb5eaf1' d='M173.13,87.72h-88a3.26,3.26,0,0,1-3.26-3.26h0A3.25,3.25,0,0,1,85.1,81.2h88a3.25,3.25,0,0,1,3.26,3.26h0A3.26,3.26,0,0,1,173.13,87.72Zm0-19.57h-88a3.26,3.26,0,0,1-3.26-3.26h0a3.26,3.26,0,0,1,3.26-3.26h88a3.26,3.26,0,0,1,3.26,3.26h0A3.26,3.26,0,0,1,173.13,68.15Z'/%3E%3Cpath class='f5b058cc-920c-49ff-ba60-6c0a088a6ee0' d='M91.62,146.4H23.15a3.26,3.26,0,0,1-3.26-3.26h0a3.26,3.26,0,0,1,3.26-3.26H91.62a3.26,3.26,0,0,1,3.26,3.26h0A3.26,3.26,0,0,1,91.62,146.4Zm0,19.56H23.15a3.26,3.26,0,0,1-3.26-3.26h0a3.26,3.26,0,0,1,3.26-3.26H91.62a3.26,3.26,0,0,1,3.26,3.26h0A3.26,3.26,0,0,1,91.62,166Z'/%3E%3Cpath class='fd4114a2-a8da-41e8-97a7-a7843cb5eaf1' d='M72.06,87.72H60.64L56.1,75.87H35.32L31,87.72H19.89L40.14,35.55h11.1ZM52.73,67.08,45.57,47.72l-7,19.36Z'/%3E%3Cpath class='fd4114a2-a8da-41e8-97a7-a7843cb5eaf1' d='M169.87,166H114.44a6.52,6.52,0,0,1-6.52-6.52v-32.6a6.52,6.52,0,0,1,6.52-6.52h55.43a6.52,6.52,0,0,1,6.52,6.52v32.6A6.52,6.52,0,0,1,169.87,166Z'/%3E%3C/svg%3E");
}
.requirements a[href $='.ppt'] .left .icon, .requirements a[href $='.pptx'] .left .icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.57 256'%3E%3Cdefs%3E%3Cstyle%3E.f54e5206-a209-4369-b585-c78ee89c6366%7Bfill:%23e9e9e0;%7D.be11355c-8dee-4407-bc79-c742dd1f3435%7Bfill:%23d9d7ca;%7D.eadb5e92-0a0e-4610-8d8b-b32f29e291f4%7Bfill:%23c43e1c;%7D.a291ee6d-2036-4b2b-be53-7f4d4cab4b28%7Bfill:%23fff;%7D.ab75c160-715f-4a6d-a9e2-d898f10fef42%7Bfill:%23f5ba9d;%7D.a3dfc660-c6df-4d8d-89fc-9bdd90ef8ab8%7Bfill:%23c8c6c4;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Eppt%3C/title%3E%3Cpath class='f54e5206-a209-4369-b585-c78ee89c6366' d='M139.37.06H6.69C3,.06,0,3.05,0,8.86V251.49c0,1.57,3,4.57,6.68,4.57h183.2c3.69,0,6.69-3,6.69-4.57V59.39c0-3.19-.43-4.21-1.18-5L142.21,1.23A4,4,0,0,0,139.37.06Z'/%3E%3Cpolygon class='be11355c-8dee-4407-bc79-c742dd1f3435' points='141.72 0.75 141.72 54.91 195.89 54.91 141.72 0.75'/%3E%3Cpath class='eadb5e92-0a0e-4610-8d8b-b32f29e291f4' d='M189.89,256.06H6.69A6.69,6.69,0,0,1,0,249.37v-71H196.58v71A6.7,6.7,0,0,1,189.89,256.06Z'/%3E%3Cpath class='a291ee6d-2036-4b2b-be53-7f4d4cab4b28' d='M49.7,224.14v18.09H43.6V196h17q7.58,0,11.88,3.87a13.12,13.12,0,0,1,4.3,10.25q0,6.74-4.2,10.36t-12,3.64Zm0-5H60.65c3.25,0,5.75-.76,7.49-2.3a8.45,8.45,0,0,0,2.6-6.66,8.71,8.71,0,0,0-2.6-6.61A10.24,10.24,0,0,0,61,201H49.7Z'/%3E%3Cpath class='a291ee6d-2036-4b2b-be53-7f4d4cab4b28' d='M90.7,224.14v18.09H84.61V196h17q7.59,0,11.89,3.87a13.15,13.15,0,0,1,4.3,10.25q0,6.74-4.21,10.36t-12,3.64Zm0-5h11c3.26,0,5.76-.76,7.49-2.3a8.42,8.42,0,0,0,2.6-6.66,8.67,8.67,0,0,0-2.6-6.61A10.19,10.19,0,0,0,102,201H90.7Z'/%3E%3Cpath class='a291ee6d-2036-4b2b-be53-7f4d4cab4b28' d='M157.54,201H142.69v41.23h-6.06V201H121.8v-5h35.74Z'/%3E%3Cpath class='ab75c160-715f-4a6d-a9e2-d898f10fef42' d='M140.38,59.13a38.25,38.25,0,0,1,38.25,38.26H140.38Z'/%3E%3Cpath class='a3dfc660-c6df-4d8d-89fc-9bdd90ef8ab8' d='M178.63,102.49a43.36,43.36,0,1,1-43.35-43.36v43.36Z'/%3E%3Cpath class='a3dfc660-c6df-4d8d-89fc-9bdd90ef8ab8' d='M182.71,166.25H21.86c-2,0-3.57,1.14-3.57,2.55s1.6,2.55,3.57,2.55H182.71c2,0,3.58-1.14,3.58-2.55S184.68,166.25,182.71,166.25Z'/%3E%3Cpath class='a3dfc660-c6df-4d8d-89fc-9bdd90ef8ab8' d='M182.71,153.5H21.86c-2,0-3.57,1.14-3.57,2.55s1.6,2.55,3.57,2.55H182.71c2,0,3.58-1.15,3.58-2.55S184.68,153.5,182.71,153.5Z'/%3E%3Cpath class='eadb5e92-0a0e-4610-8d8b-b32f29e291f4' d='M25.49,142h89.6a11.2,11.2,0,0,0,11.2-11.2V41.2A11.2,11.2,0,0,0,115.09,30H25.49a11.19,11.19,0,0,0-11.2,11.2v89.6A11.19,11.19,0,0,0,25.49,142Z'/%3E%3Cpath class='a291ee6d-2036-4b2b-be53-7f4d4cab4b28' d='M75.48,52.4q12.4,0,19,5.56t6.6,16.09a22.33,22.33,0,0,1-3.27,12,21.76,21.76,0,0,1-9.27,8.2A31.52,31.52,0,0,1,74.61,97.2H61.88v25.2h-14v-70ZM61.88,86H73q6.49,0,9.81-2.93c2.22-1.95,3.32-4.8,3.32-8.55q0-10.92-12.72-10.92H61.88Z'/%3E%3C/svg%3E");
}
.requirements a[href $='.zip'] .left .icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.57 256'%3E%3Cdefs%3E%3Cstyle%3E.bdb932cd-21a1-491b-a677-2c2edbd00b1d%7Bfill:%23e9e9e0;%7D.b497c510-f5f5-4f09-951b-871e527688b3%7Bfill:%23d9d7ca;%7D.f5b2746b-e17a-4f67-bbda-49de402b09e1%7Bfill:%23666;%7D.fcf7bf6b-ca52-4781-aa99-5b433294f034%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Ezip%3C/title%3E%3Cpath class='bdb932cd-21a1-491b-a677-2c2edbd00b1d' d='M139.37.06H6.69C3,.06,0,3.05,0,8.86V251.49c0,1.57,3,4.57,6.68,4.57h183.2c3.69,0,6.69-3,6.69-4.57V59.39c0-3.19-.43-4.21-1.18-5L142.21,1.23A4,4,0,0,0,139.37.06Z'/%3E%3Cpolygon class='b497c510-f5f5-4f09-951b-871e527688b3' points='141.72 0.75 141.72 54.91 195.89 54.91 141.72 0.75'/%3E%3Cpath class='f5b2746b-e17a-4f67-bbda-49de402b09e1' d='M189.89,256.06H6.69A6.69,6.69,0,0,1,0,249.37v-71H196.58v71A6.7,6.7,0,0,1,189.89,256.06Z'/%3E%3Cpath class='fcf7bf6b-ca52-4781-aa99-5b433294f034' d='M60.17,237.25H86.61v5H53v-4.57L78.29,201H53.38v-5H85.59v4.44Z'/%3E%3Cpath class='fcf7bf6b-ca52-4781-aa99-5b433294f034' d='M101.05,242.23H95V196h6.09Z'/%3E%3Cpath class='fcf7bf6b-ca52-4781-aa99-5b433294f034' d='M118.28,224.14v18.09h-6.09V196h17q7.59,0,11.89,3.87a13.12,13.12,0,0,1,4.3,10.25q0,6.74-4.2,10.36t-12.05,3.64Zm0-5h10.95c3.26,0,5.76-.76,7.49-2.3a8.42,8.42,0,0,0,2.61-6.66,8.68,8.68,0,0,0-2.61-6.61,10.19,10.19,0,0,0-7.14-2.58h-11.3Z'/%3E%3Cpath class='f5b2746b-e17a-4f67-bbda-49de402b09e1' d='M39.86,118.71c-6,0-10.81,3.52-10.81,7.86s4.87,7.86,10.85,7.86,10.81-3.52,10.81-7.86S45.84,118.71,39.86,118.71Z'/%3E%3Cpath class='f5b2746b-e17a-4f67-bbda-49de402b09e1' d='M115.09,30H25.49a11.19,11.19,0,0,0-11.2,11.2v89.6A11.19,11.19,0,0,0,25.49,142H39.8c-11.08,0-19.36-8.85-17.16-18.31l6.54-28.27V86.11H39.86V76.79H29.18V67.48H39.86V58.16H29.18V48.85H39.86V39.53H50.54v9.32H39.86v9.31H50.54v9.32H39.86v9.31H50.54v9.32H39.86v9.31h7.38a3.93,3.93,0,0,1,3.93,2.83L57,123.78C59.08,133.21,50.81,142,39.8,142h75.29a11.2,11.2,0,0,0,11.2-11.2V41.2A11.2,11.2,0,0,0,115.09,30ZM39.7,39.53H29V30.22H39.7Z'/%3E%3C/svg%3E");
}
.requirements a[href $='.rar'] .left .icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.57 256'%3E%3Cdefs%3E%3Cstyle%3E.f67f4bf5-c1f7-41fd-a157-13ad6b9b0eaf%7Bfill:%23e9e9e0;%7D.ad233ed9-34c5-4587-a4a8-2e77804007d2%7Bfill:%23d9d7ca;%7D.b9c84903-675b-4570-9cc9-076a6b1c2a27%7Bfill:%23666;%7D.aa0ea2c3-e7b8-4390-b4b7-505ffe3f18b1%7Bfill:%23fff;%7D.bc3a1450-4314-4edc-a183-1a4566969579%7Bfill:%23096;%7D.badf02c0-14f5-41ae-8d00-0cb058932e43%7Bfill:%2336f;%7D.b96e34ae-72dd-42c3-8e83-e2e03a9762ec%7Bfill:%23c06;%7D.f066fbc0-cd2b-4c7c-8342-ffed1624793a%7Bfill:%23963;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Erar%3C/title%3E%3Cpath class='f67f4bf5-c1f7-41fd-a157-13ad6b9b0eaf' d='M139.37.06H6.69C3,.06,0,3.05,0,8.86V251.49c0,1.57,3,4.57,6.68,4.57h183.2c3.69,0,6.69-3,6.69-4.57V59.39c0-3.19-.43-4.21-1.18-5L142.21,1.23A4,4,0,0,0,139.37.06Z'/%3E%3Cpolygon class='ad233ed9-34c5-4587-a4a8-2e77804007d2' points='141.72 0.75 141.72 54.91 195.89 54.91 141.72 0.75'/%3E%3Cpath class='b9c84903-675b-4570-9cc9-076a6b1c2a27' d='M189.89,256.06H6.69A6.69,6.69,0,0,1,0,249.37v-71H196.58v71A6.7,6.7,0,0,1,189.89,256.06Z'/%3E%3Cpath class='aa0ea2c3-e7b8-4390-b4b7-505ffe3f18b1' d='M58.55,223.53H47.7v18.7H41.57V196h15.3q7.8,0,12,3.55t4.21,10.35a12.41,12.41,0,0,1-2.34,7.52,13.9,13.9,0,0,1-6.49,4.79l10.86,19.62v.38H68.58Zm-10.85-5h9.36a10.56,10.56,0,0,0,7.22-2.35A8,8,0,0,0,67,209.9a8.39,8.39,0,0,0-2.55-6.58Q61.85,201,57,201H47.7Z'/%3E%3Cpath class='aa0ea2c3-e7b8-4390-b4b7-505ffe3f18b1' d='M107.14,230.14H87.78l-4.35,12.09H77.15L94.8,196h5.33l17.68,46.21h-6.26Zm-17.52-5h15.71l-7.87-21.61Z'/%3E%3Cpath class='aa0ea2c3-e7b8-4390-b4b7-505ffe3f18b1' d='M141,223.53H130.12v18.7H124V196h15.3q7.82,0,12,3.55t4.2,10.35a12.47,12.47,0,0,1-2.33,7.52,14,14,0,0,1-6.49,4.79l10.85,19.62v.38H151Zm-10.85-5h9.36a10.53,10.53,0,0,0,7.22-2.35,8,8,0,0,0,2.69-6.3,8.4,8.4,0,0,0-2.56-6.58q-2.55-2.3-7.38-2.32h-9.33Z'/%3E%3Crect class='bc3a1450-4314-4edc-a183-1a4566969579' x='13.29' y='104.25' width='112' height='26.53'/%3E%3Crect class='badf02c0-14f5-41ae-8d00-0cb058932e43' x='38.15' y='71.83' width='12.53' height='10.05'/%3E%3Crect class='badf02c0-14f5-41ae-8d00-0cb058932e43' x='22.68' y='71.83' width='12.53' height='10.05'/%3E%3Cpolygon class='badf02c0-14f5-41ae-8d00-0cb058932e43' points='52.15 71.83 52.15 83.28 38.15 83.28 35.21 83.28 21.21 83.28 21.21 71.83 13.29 71.83 13.29 98.36 125.28 98.36 125.28 71.83 52.15 71.83'/%3E%3Crect class='b96e34ae-72dd-42c3-8e83-e2e03a9762ec' x='22.68' y='55.36' width='28' height='10.58'/%3E%3Cpolygon class='b96e34ae-72dd-42c3-8e83-e2e03a9762ec' points='13.29 39.41 13.29 65.93 21.21 65.93 21.21 53.96 52.15 53.96 52.15 65.93 125.28 65.93 125.28 39.41 13.29 39.41'/%3E%3Cpath class='f066fbc0-cd2b-4c7c-8342-ffed1624793a' d='M38.15,83.28h-11v52.65H46.26V83.28Zm-1.29,40.86a4.42,4.42,0,1,1,4.43-4.42A4.42,4.42,0,0,1,36.86,124.14Zm0-16.21a4.42,4.42,0,1,1,4.43-4.42A4.42,4.42,0,0,1,36.86,107.93Z'/%3E%3Cpolygon class='f066fbc0-cd2b-4c7c-8342-ffed1624793a' points='46.26 81.88 46.26 55.35 27.1 55.35 27.1 81.88 35.21 81.88 35.21 71.49 38.15 71.49 38.15 81.88 46.26 81.88'/%3E%3Crect class='f066fbc0-cd2b-4c7c-8342-ffed1624793a' x='27.1' y='34.25' width='19.16' height='19.71'/%3E%3C/svg%3E");
}
.requirements a[href $='.7zip'] .left .icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 196.57 256'%3E%3Cdefs%3E%3Cstyle%3E.f3fbe413-6f67-494f-9aa9-733b2ac004be%7Bfill:%23e9e9e0;%7D.ac400728-2942-4e4b-b6cc-fc56177d5606%7Bfill:%23d9d7ca;%7D.b59e5256-142d-440b-8a32-bc76bf735991%7Bfill:%23666;%7D.ea74177a-3ee4-4b75-b688-7e746ad5402f%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3E7zip%3C/title%3E%3Cpath class='f3fbe413-6f67-494f-9aa9-733b2ac004be' d='M139.37.06H6.69C3,.06,0,3.05,0,8.86V251.49c0,1.57,3,4.57,6.68,4.57h183.2c3.69,0,6.69-3,6.69-4.57V59.39c0-3.19-.43-4.21-1.18-5L142.21,1.23A4,4,0,0,0,139.37.06Z'/%3E%3Cpolygon class='ac400728-2942-4e4b-b6cc-fc56177d5606' points='141.72 0.75 141.72 54.91 195.89 54.91 141.72 0.75'/%3E%3Cpath class='b59e5256-142d-440b-8a32-bc76bf735991' d='M189.89,256.06H6.69A6.69,6.69,0,0,1,0,249.37v-71H196.58v71A6.7,6.7,0,0,1,189.89,256.06Z'/%3E%3Cpath class='ea74177a-3ee4-4b75-b688-7e746ad5402f' d='M64.91,199.32,45.77,242.23H39.62l19.07-41.39h-25V196H64.91Z'/%3E%3Cpath class='ea74177a-3ee4-4b75-b688-7e746ad5402f' d='M77.67,237.25h26.44v5H70.47v-4.57L95.79,201H70.88v-5h32.21v4.44Z'/%3E%3Cpath class='ea74177a-3ee4-4b75-b688-7e746ad5402f' d='M118.55,242.23h-6.09V196h6.09Z'/%3E%3Cpath class='ea74177a-3ee4-4b75-b688-7e746ad5402f' d='M135.78,224.14v18.09h-6.09V196h17q7.59,0,11.89,3.87a13.12,13.12,0,0,1,4.3,10.25q0,6.74-4.2,10.36t-12.05,3.64Zm0-5h10.95c3.26,0,5.76-.76,7.49-2.3a8.42,8.42,0,0,0,2.61-6.66,8.68,8.68,0,0,0-2.61-6.61,10.19,10.19,0,0,0-7.14-2.58h-11.3Z'/%3E%3Cpolygon class='b59e5256-142d-440b-8a32-bc76bf735991' points='44.1 87.27 44.1 108.55 57.2 108.55 57.2 87.27 70.28 74.18 70.28 62.73 34.28 62.73 34.28 72.55 58.83 72.55 44.1 87.27'/%3E%3Cpath class='b59e5256-142d-440b-8a32-bc76bf735991' d='M115.6,29.29H24.79A11.35,11.35,0,0,0,13.44,40.64v90.81A11.35,11.35,0,0,0,24.79,142.8H115.6A11.36,11.36,0,0,0,127,131.45V40.64A11.36,11.36,0,0,0,115.6,29.29ZM80.1,118.36H21.19V52.91H80.1Zm39.28-35L102,108.55h17.35v9.81H89.92v-10.8l17.35-25.2H89.92V72.55h29.46Z'/%3E%3C/svg%3E");
}
.requirements a .left .icon {
width: 32px;
height: 42px;
}


QR-код
© 2024. Лайфхаки для админа и не только
Наверх