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

Участник:Richard Jones/Community/Creative Content: различия между версиями

Материал из Tau Ceti Station Wiki
Richard Jones (обсуждение | вклад)
Новая страница: «__NOTOC__ {{#css: .wrap table { width: 100%; border-collapse: collapse; margin-bottom: 40px; } table.grey > tr > th, table.grey > tr > td, table.grey > * >…»
 
Richard Jones (обсуждение | вклад)
Нет описания правки
 
Строка 87: Строка 87:
<div style="position: relative; width: 600px;">
<div style="position: relative; width: 600px;">
[[Файл:Book Of Stories.png|link=]]
[[Файл:Book Of Stories.png|link=]]
{{метка изображения|x=0.35 |y=1.20 |scale=300|text=[[Guides|<td>
{{метка изображения|x=0.35 |y=1.20 |scale=300|text=[[Участник:Richard Jones/Community/Creations/Fiction|<td>
{|
{|
|-
|-
Строка 95: Строка 95:
</td>
</td>
<br>]]}}
<br>]]}}
{{метка изображения|x=0.35 |y=0.35 |scale=300|text=[[Guides|<td>
{{метка изображения|x=0.35 |y=0.35 |scale=300|text=[[Gallery|<td>
{|
{|
|-
|-
Строка 102: Строка 102:
</td><br>
</td><br>
<br>]]}}
<br>]]}}
{{метка изображения|x=1.5 |y=0.35 |scale=300|text=[[Guides|<td>
{{метка изображения|x=1.5 |y=0.35 |scale=300|text=[[Videos|<td>
{|
{|
|-
|-

Текущая версия от 17:17, 19 апреля 2019

{{#css: .wrap table {

 width: 100%;
 border-collapse: collapse;
 margin-bottom: 40px;

}

table.grey > tr > th, table.grey > tr > td, table.grey > * > tr > th, table.grey > * > tr > td {

background-color: rgba(0, 0, 0, 0.1);

}

.wrap td {

 padding: 0;
 width: 200px;
 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;
 font-weight: bold;

}

.wrap td:hover {

 box-shadow: inset 0px 2px 20px -5px black;
 border: 0;

}

.wrap td > img {

 max-width: 60px;
 max-height: 60px;
 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 > img {

 transform: scale(1.3);

}

.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);

}

}}

Куда выкладывать моё творчество?

Если у вас возникло желание поделиться с сообществом своими творениями, но вы не знаете, как это сделать, то здесь вы найдёте ответ на данный вопрос: