Шаблон:Research/styles.css

.research { display: grid; grid-template-rows: 0fr 0fr; grid-template-columns: 0fr; background: #2b2b35; font-size: 14px; padding: 10px; border-top: 10px solid silver; box-shadow: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.4); border-radius: 0.2em; }

.tabs-tabbox > .tabs-container {

   padding: 20px 14px;
   background: #303039;

}

.research-grid {

   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
   gap: 18px;

}

@media (max-width: 800px) { .research-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } }

.research__images { grid-row: 1 / 3; margin-right: 14px; }

.research__name { display: flex; justify-content: space-between; font-weight: bold; font-size: 16px; border-bottom: 2px solid #525567; padding-bottom: 6px; }

.research__type { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0 5px; margin-top: 6px; }

.research__unblocks { grid-column: 1 / 3; margin-top: 8px; }

.research ul { margin: 4px 0 0 0; }

.research li { list-style-type: none; color: #eded00; }

.research li::before { content: "-"; margin-right: 4px; color: lightgrey; }

1. Arsenal.research {

border-top-color: #a92424; }

1. Industrial.research {

border-top-color: #dc9f30; }

1. Experimental.research {

border-top-color: #835dcc; }

1. CivilianServices.research {

border-top-color: #68a93b; }

1. Arsenal .research__technology {

color: #dc373b; }

1. Industrial .research__technology {

color: #eeac34; }

1. Experimental .research__technology {

color: #9a6ef0; }

1. CivilianServices .research__technology {

color: #7ecd48; }