blue/switching
2
0
Fork 0
Code Issues Pull Requests Releases 1 Wiki Activity

Merge branch 'master' of Tolstoevsky/switching into master

Browse Source
This commit is contained in:
Tolstoevsky 2019-07-31 14:13:11 +00:00 committed by Gitea
commit 5f0c2dbac6
2 changed files with 69 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
index.html
View File

@ -21,8 +21,9 @@
</nav> </nav>
<div class="content"> <div class="content">
<h1>У вас всегда есть выбор.</h1> <h1>У вас всегда есть выбор.</h1>
<p> Чем плохи централизованные соцсети и сервисы? Почему ими опасно пользоваться? <a class="button" href="info.html">Узнать подробности</a> <p><a class="button" href="info.html">Узнать подробности</a>
Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как. Чем плохи привычные централизованные соцсети и сервисы?
Почему ими опасно пользоваться? Почему они никогда не станут лучше? И - главное - что со всем этим делать? Чтоб выйти из-под крыла государственной цензуры и ока Большого Брата корпораций, необязательно быть хакером, для этого не нужны особые знания. Мы расскажем, как.
</p> </p>
<br> <br>
<hr style="clear: right"> <hr style="clear: right">

68
style/main.css
View File

@ -11,7 +11,7 @@ html, body {
.button { .button {
border-radius: 5px; border-radius: 5px;
display: block; display: block;
padding: 20px; padding: 15px;
background-color: #cde6ea; background-color: #cde6ea;
box-sizing: content-box; box-sizing: content-box;
text-decoration: none; text-decoration: none;
@ -308,7 +308,7 @@ img, iframe {
} }
.mainContainer { .mainContainer {
width: 600px; width: 520px;
} }
.mainContainer > nav > a { .mainContainer > nav > a {
margin: 10px; margin: 10px;
@ -329,3 +329,67 @@ img, iframe {
margin: 15px 0; margin: 15px 0;
} }
} }
@media only screen and (max-width : 520px) {
nav {
display: block;
overflow: hidden;
background-color: #93ff83;
}
.mainContainer {
width: 480px;
}
.mainContainer > nav > a {
margin: 10px;
}
.mainContainer > nav > a > div {
transform: initial;
top: 0;
position: static;
}
.floatRight {
float: none;
}
.mainContainer img,
.mainContainer iframe {
margin: 15px 0;
}
}
@media only screen and (max-width : 480px) {
nav {
display: block;
overflow: hidden;
background-color: #93ff83;
}
.mainContainer {
width: 375px;
}
.mainContainer > nav > a {
margin: 10px;
}
.mainContainer > nav > a > div {
transform: initial;
top: 0;
position: static;
}
.floatRight {
float: none;
}
.mainContainer img,
.mainContainer iframe {
margin: 15px 0;
}
}