Перейти к содержанию

Шаблон:JobPageHeader/styles.css: различия между версиями

Новая страница: «.ss13-job-header { background-color: rgba(20, 22, 23, 0.6) !important; border: 2px solid var(--border-color, #3f4348) !important; box-shadow: 0 0 10px rgba(0, 173, 181, 0.2) !important; border-radius: 6px !important; padding: 15px !important; margin-bottom: 20px !important; font-family: 'Courier New', Courier, monospace !important; color: var(--text-main, #e3e4e6) !important; text-align: left !important; box-sizing: bo...»
 
Нет описания правки
Строка 11: Строка 11:
     box-sizing: border-box !important;
     box-sizing: border-box !important;
     width: 100% !important;
     width: 100% !important;
    position: relative !important;
}
}


Строка 32: Строка 33:
     line-height: 1.2 !important;
     line-height: 1.2 !important;
     text-align: left !important;
     text-align: left !important;
    width: 90% !important;
}
}


Строка 84: Строка 84:
}
}


/* Принудительное сохранение кастомных цветов сложности и отделов из параметров шаблона */
.difficulty-tile, .dept-tile {
.difficulty-tile, .dept-tile {
     border-left-color: var(--tile-color) !important;
     border-left-color: var(--tile-color) !important;
Строка 109: Строка 108:
}
}


/* Корректировка теней коробок под опасные антаг-темы */
.ss13-job-header.rgb {
    border-image: linear-gradient(to right, red, orange, yellow, green, cyan, blue, violet) 1 !important;
    border-radius: 0 !important;
}
 
.rainbow {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    height: 4px !important;
    width: 100% !important;
    background: linear-gradient(to right, red, orange, yellow, green, cyan, blue, violet) !important;
}
 
body.theme-syndicate .ss13-job-header { box-shadow: 0 0 10px rgba(255, 51, 51, 0.3) !important; }
body.theme-syndicate .ss13-job-header { box-shadow: 0 0 10px rgba(255, 51, 51, 0.3) !important; }
body.theme-bloodcult .ss13-job-header { box-shadow: 0 0 10px rgba(255, 77, 77, 0.3) !important; }
body.theme-bloodcult .ss13-job-header { box-shadow: 0 0 10px rgba(255, 77, 77, 0.3) !important; }
body.theme-heretic .ss13-job-header { box-shadow: 0 0 10px rgba(57, 255, 20, 0.3) !important; }
body.theme-heretic .ss13-job-header { box-shadow: 0 0 10px rgba(57, 255, 20, 0.3) !important; }