|
|
| Строка 1: |
Строка 1: |
| /* Todo: use some unique class, not "wrap" */
| | .itemtable { |
| | | background-color: {{ColorPalette|{{{Palette|}}}|Transparent}} !important; |
| .wrap table { | |
| width: 100%; | |
| height: 1px;
| |
| border-collapse: collapse;
| |
| box-shadow: 0 3px 20px -5px grey;
| |
| margin-bottom: 40px;
| |
| } | | } |
| | | .itemtable>*>*>* { |
| .wrap table,
| | padding: 10px !important; |
| .wrap th,
| | border: 1px solid {{ColorPalette|{{{Palette|}}}|Primary}} !important; |
| .wrap td { border: 1px solid grey; } | |
| | |
| .wrap th { border-color: black; }
| |
| | |
| .wrap td {
| |
| padding: 0; | |
| height: 100%; | |
| transition: box-shadow linear 0.15s;
| |
| } | | } |
| | | .itemtable>*>tr>th { |
| .wrap td:hover { | |
| box-shadow: inset 0 2px 20px -5px black;
| |
| border: 0;
| |
| }
| |
| | |
| .wrap td > span {
| |
| width: 100%;
| |
| height: 100%;
| |
| }
| |
| | |
| .wrap td > span > a > img {
| |
| max-width: 32px;
| |
| max-height: 32px;
| |
| transition: transform linear 0.15s;
| |
| margin-top: 6px;
| |
| }
| |
| | |
| .wrap td:hover > span > a > img {
| |
| transform: scale(0.9);
| |
| }
| |
| | |
| .wrap td > span > a {
| |
| height: 100%;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| flex-direction: column;
| |
| position: relative;
| |
| transition: font-size linear 0.15s;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .wrap td > span > a::after {
| |
| display: block;
| |
| content: attr(title);
| |
| font-size: 1rem;
| |
| position: relative;
| |
| color: var(--color-base, black);
| |
| text-decoration: none;
| |
| padding-bottom: 3px;
| |
| }
| |
| | |
| /*.wrap td > span > a::before {
| |
| content: "";
| |
| position: absolute;
| |
| width: 100%;
| |
| height: 2px;
| |
| bottom: 0;
| |
| left: 0;
| |
| background-color: black;
| |
| visibility: hidden;
| |
| transform: scaleX(0);
| |
| transition: all ease-in-out 0.3s;
| |
| }
| |
| | |
| .wrap td > span > a:hover::before {
| |
| visibility: visible;
| |
| transform: scaleX(1);
| |
| }
| |
| */
| |
| .wrap th,
| |
| .wrap td {
| |
| width: 25%;
| |
| text-align: center; | | text-align: center; |
| }
| | padding: 10px !important; |
| | | background-color: {{ColorPalette|{{{Palette|}}}|Light}} !important; |
| .table-elementary { background-color: hsla(220, 30%, 80%, 0.4); }
| |
| .table-elementary th { background-color: #2C5697; color: #FFFFFF !important; }
| |
| | |
| .table-world { background-color: hsla(220, 30%, 80%, 0.4); }
| |
| .table-world th { background-color: #2C5697; color: #FFFFFF !important; }
| |
| .table-world td > span > a { height: 50%;}
| |
| .table-world td > span > a > img { max-width: 100%; max-height: 100%;}
| |
| | |
| .table-engineering { background-color: hsla(28, 40%, 82%, 0.4); }
| |
| .table-engineering th { background-color: #9B6834; color: #FFFFFF !important; }
| |
| | |
| .table-medicine { background-color: hsla(210, 40%, 82%, 0.4); }
| |
| .table-medicine th { background-color: #336EAE; color: #FFFFFF !important; }
| |
| | |
| .table-science { background-color: hsla(280, 40%, 82%, 0.4); }
| |
| .table-science th { background-color: #9147B1; color: #FFFFFF !important; }
| |
| | |
| .table-security { background-color: hsla(12, 50%, 82%, 0.4); }
| |
| .table-security th { background-color: #B03013; color: #FFFFFF !important; }
| |
| | |
| .table-civil { background-color: hsla(125, 30%, 78%, 0.4); }
| |
| .table-civil th { background-color: #3A8A45; color: #FFFFFF !important; }
| |
| .table-civil td { width: 20%; }
| |
| | |
| .table-antagonists { background-color: hsla(0, 0%, 90%, 0.4); }
| |
| .table-antagonists th { background-color: #000000; color: #B03013 !important; }
| |
| .table-antagonists td { width: 20%; }
| |
| | |
| .table-other { background-color: hsla(60, 5%, 82%, 0.4); }
| |
| .table-other th { background-color: #524F4D; color: #FFFFFF !important; }
| |
| | |
| .table-technical { background-color: hsla(20, 70%, 85%, 0.4); }
| |
| .table-technical th { background-color: #BD4F11; color: #FFFFFF !important; }
| |
| | |
| .wrap table { width: 100%; border-collapse: collapse; margin-bottom: 10px; }
| |
| .wrap th { padding: 10px; font-size: 1.2em; text-align: center; }
| |
| .wrap td { padding: 10px; text-align: center; vertical-align: middle; }
| |
| | |
| .tlp {
| |
| display: inline-block;
| |
| position: relative;
| |
| font-size: 80%;
| |
| font-weight: bold;
| |
| }
| |
| | |
| .tlp.tlp-warning { color: red; }
| |
| .tlp.tlp-warning:before { content: " ❗"; }
| |
| | |
| .tlp.tlp-notice { color: black; }
| |
| .tlp.tlp-notice:before { content: " ❓"; }
| |
| | |
| .tlp > span {
| |
| position: absolute;
| |
| background-color: gold;
| |
| color: black;
| |
| border-radius: 7px;
| |
| box-shadow: 4px 4px 7px -3px grey;
| |
| padding: 4px;
| |
| min-width: 140px;
| |
| top: -10px;
| |
| right: 9999px;
| |
| opacity: 0;
| |
| transition: opacity linear 0.15s;
| |
| }
| |
| | |
| .tlp > span:before {
| |
| content: " ";
| |
| position: absolute;
| |
| top: 50%;
| |
| left: -14px;
| |
| width: 0;
| |
| height: 0;
| |
| margin-top: -6px;
| |
| color: var(--color-base);
| |
| border: 8px solid transparent;
| |
| border-right-color: gold;
| |
| }
| |
| | |
| .tlp:hover > span {
| |
| right: -162px;
| |
| opacity: 1;
| |
| }
| |
| | |
| .wrap .hidden-anchor {
| |
| display: none;
| |
| }
| |
| | |
| .wrap h1 {
| |
| border-bottom: initial;
| |
| } | | } |
.itemtable {
background-color: hsla(28, 6%,46%,calc(50/100)) !important;
}
.itemtable>*>*>* {
padding: 10px !important;
border: 1px solid hsla(28, 6%,46%,calc(50/100)) !important;
}
.itemtable>*>tr>th {
text-align: center;
padding: 10px !important;
background-color: hsla(28, 6%,46%,calc(50/100)) !important;
}
