|
|
| Строка 1: |
Строка 1: |
| __NOTOC__ | | __NOTOC__ |
| {{#css: | | {{FunnyTable}} |
| .wrap table {
| |
| width: 100%;
| |
| height: 1px;
| |
| border-collapse: collapse;
| |
| box-shadow: 0px 3px 20px -5px grey;
| |
| margin-bottom: 40px;
| |
| } | |
| | |
| .wrap table,
| |
| .wrap th,
| |
| .wrap td { border: 1px solid grey; }
| |
| | |
| .wrap th { border-color: black; }
| |
| | |
| .wrap td {
| |
| padding: 0;
| |
| height: 100%;
| |
| transition: box-shadow linear 0.15s;
| |
| -webkit-transition: box-shadow linear 0.15s;
| |
| -o-transition: box-shadow linear 0.15s;
| |
| -moz-transition: box-shadow linear 0.15s;
| |
| }
| |
| | |
| .wrap td:hover {
| |
| box-shadow: inset 0px 2px 20px -5px black;
| |
| border: 0;
| |
| }
| |
| | |
| .wrap td > a > img {
| |
| max-width: 32px;
| |
| max-height: 32px;
| |
| transition: transform linear 0.15s;
| |
| -webkit-transition: transform linear 0.15s;
| |
| -o-transition: transform linear 0.15s;
| |
| -moz-transition: transform linear 0.15s;
| |
| margin-top: 6px;
| |
| }
| |
| | |
| .wrap td:hover > a > img {
| |
| transform: scale(0.9);
| |
| }
| |
| | |
| .wrap td > a {
| |
| height: 100%;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| flex-direction: column;
| |
| position: relative;
| |
| transition: font-size linear 0.15s;
| |
| -webkit-transition: font-size linear 0.15s;
| |
| -o-transition: font-size linear 0.15s;
| |
| -moz-transition: font-size linear 0.15s;
| |
| color: black;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .wrap td > a::after {
| |
| display: block;
| |
| content: attr(title);
| |
| position: relative;
| |
| color: black;
| |
| text-decoration: none;
| |
| padding-bottom: 3px;
| |
| }
| |
| | |
| .wrap td > 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;
| |
| -webkit-transition: all ease-in-out 0.3s;
| |
| -o-transition: all ease-in-out 0.3s;
| |
| -moz-transition: all ease-in-out 0.3s;
| |
| }
| |
| | |
| .wrap td > a:hover::before {
| |
| visibility: visible;
| |
| -webkit-transform: scaleX(1);
| |
| transform: scaleX(1);
| |
| }
| |
| | |
| .wrap th,
| |
| .wrap td {
| |
| width: 25%;
| |
| text-align: center;
| |
| }
| |
| | |
| .table-elementary { background-color: #F5F5FF; }
| |
| .table-elementary th { background-color: #BDBDFF; }
| |
| | |
| .table-engineering { background-color: #FEE098; }
| |
| .table-engineering th { background-color: #D7B460; }
| |
| | |
| .table-medicine { background-color: #DDF3FF; }
| |
| .table-medicine th { background-color: #A5E0FF; }
| |
| | |
| .table-science { background-color: #E1C3FF; }
| |
| .table-science th { background-color: #C893FF; }
| |
| | |
| .table-security { background-color: #FFC6C6; }
| |
| .table-security th { background-color: #DA8C8C; }
| |
| | |
| .table-civil { background-color: #99FF97; }
| |
| .table-civil th { background-color: #69FF69; }
| |
| .table-civil td { width: 20%; }
| |
| | |
| .table-antagonists { background-color: #F5F5F5; }
| |
| .table-antagonists td { width: 20%; }
| |
| .table-antagonists th {
| |
| background-color: black;
| |
| color: white;
| |
| }
| |
| | |
| .table-other { background-color: white; }
| |
| .table-other th { background-color: #CECECE; }
| |
| | |
| .table-technical { background-color: #FFF4C7; }
| |
| .table-technical th { background-color: #C5B160; }
| |
| | |
| .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;
| |
| -webkit-transition: opacity linear 0.15s;
| |
| -o-transition: opacity linear 0.15s;
| |
| -moz-transition: opacity linear 0.15s;
| |
| }
| |
| | |
| .tlp > span:before {
| |
| content: " ";
| |
| position: absolute;
| |
| top: 50%;
| |
| left: -14px;
| |
| width: 0;
| |
| height: 0;
| |
| margin-top: -6px;
| |
| 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;
| |
| }
| |
| }}
| |
| | |
| <div class="wrap"> | | <div class="wrap"> |
| = <span class="hidden-anchor">Начальное</span> = | | = <span class="hidden-anchor">Начальное</span> = |
