|
|
| (не показаны 2 промежуточные версии 2 участников) |
| Строка 1: |
Строка 1: |
| {{#css:
| | <templatestyles src="Template:FunnyTable.css" /> |
| .wrap table { | |
| width: 30%;
| |
| 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;
| |
| 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;
| |
| }
| |
|
| |
| .wrap td:hover > a > img {
| |
| transform: scale(1.2);
| |
| }
| |
|
| |
| .wrap td > a {
| |
| display: block;
| |
| 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 > span {
| |
| position: relative;
| |
| color: black;
| |
| text-decoration: none;
| |
| padding-bottom: 3px;
| |
| }
| |
|
| |
| .wrap td > a > span: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 > span:before {
| |
| visibility: visible;
| |
| -webkit-transform: scaleX(1);
| |
| transform: scaleX(1);
| |
| }
| |
|
| |
| .wrap th,
| |
| .wrap td {
| |
| width: 25%;
| |
| text-align: center;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .table-elementary { background-color: #F5F5FF; }
| |
| .table-elementary th { background-color: #BDBDFF; }
| |
| }
| |
|
| |
| .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;
| |
| }
| |
| }}
| |
| Данные справочники нужны для поднятия грамотности отыгрыша в различных сферах деятельности.<br> | | Данные справочники нужны для поднятия грамотности отыгрыша в различных сферах деятельности.<br> |
| Согласитесь, ведь лицезреть начитанного учёного куда приятнее, нежели оного шпарящего по "фене"? | | Согласитесь, ведь лицезреть начитанного учёного куда приятнее, нежели оного шпарящего по "фене"? |
| <div class="wrap"> | | <div class="wrap" style="width: 30%; border-collapse: collapse; box-shadow: 0px 3px 20px -5px grey; margin-bottom: 40px;" > |
| = <span class="hidden-anchor"></span> = | | = <span class="hidden-anchor"></span> = |
| <table class="table-elementary"> | | <table class="table-elementary"> |
| Строка 158: |
Строка 9: |
| <th>Перечень справочников</th> | | <th>Перечень справочников</th> |
| </tr> | | </tr> |
| <tr><td>[[General_Directory|<img alt="Notebook" src="https://wiki.taucetistation.org/images/9/95/Notebook.png"><br /><span>Общий справочник</span>]]</td></tr> | | <tr><td>[[File: Notebook.png | Общий справочник | link=General_Directory]]</td></tr> |
| <tr><td>[[Medical_Directory|<img alt="Book_Medical" src="https://wiki.taucetistation.org/images/e/e0/Book_Medical.png"><br /><span>Медицинский справочник</span>]]</td></tr> | | <tr><td>[[File: Book_Medical.png | Медицинский справочник | link=Medical_Directory]]</td></tr> |
| <tr><td>[[Engineer_Directory|<img alt="Book_Construction" src="https://wiki.taucetistation.org/images/4/4d/Book_Construction.png"><br /><span>Инженерский справочник</span>]]</td></tr> | | <tr><td>[[File: Book_Construction.png | Инженерский справочник | link=Engineer_Directory]]</td></tr> |
| <tr><td>[[Security_Directory|<img alt="SpaceLaw" src="https://wiki.taucetistation.org/images/1/15/SpaceLaw.png"><br /><span>Справочник службы безопасности</span>]]</td></tr> | | <tr><td>[[File: SpaceLaw.png | Справочник службы безопасности | link=Security_Directory]]</td></tr> |
| <tr><td>[[Scientist_Directory|<img alt="Basics_of_research" src="https://wiki.taucetistation.org/images/b/b8/Basics_of_research.png"><br /><span>Справочник учёных</span>]]</td></tr> | | <tr><td>[[File: Basics_of_research.png | Справочник учёных | link=Scientist_Directory]]</td></tr> |
| </table> | | </table> |
| </div> | | </div> |
Данные справочники нужны для поднятия грамотности отыгрыша в различных сферах деятельности.
Согласитесь, ведь лицезреть начитанного учёного куда приятнее, нежели оного шпарящего по "фене"?
