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

Немного доработок для мелких экранов (<400px) #8

Merged
Ghost merged 4 commits from :master into master 2019-07-31 14:13:12 +00:00
Conversation 0 Commits 4 Files Changed 2 +65 -1
1 changed files with 65 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2a791ed8dc - Show all commits

66
style/main.css
View File

@ -308,7 +308,7 @@ img, iframe {
}
.mainContainer {
width: 600px;
width: 520px;
}
.mainContainer > nav > a {
margin: 10px;
@ -329,3 +329,67 @@ img, iframe {
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;
}
}