mbirth/LuckyCoinkydink
1
0
Fork 0
Code Issues Pull Requests Activity

Improved header layout on small screens.

Browse Source
This commit is contained in:
Matthias Mees 2013-07-07 18:24:43 +02:00
parent 078bf9a18a
commit 02a07a59d9
1 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
templates/2k11/admin/style.css
View File

@ -1176,17 +1176,16 @@ summary {
}
#user_menu ul {
margin: .75em 0;
text-align: right;
margin: 0 0 1em;
}
#user_menu li {
margin: 0 0 0 1em;
margin: 0 1em 0 0;
}
#user_menu .logged_in {
float: left;
margin: 0 1em 0 0;
display: block;
margin: 0 0 1em;
}
@ -1877,6 +1876,22 @@ input[name="serendipity[filter][fileCategory]"] {
/* SMALL SCREEN (e.g. smartphones)
----------------------------------------------------------------- */
@media only screen and (min-width: 480px) {
#user_menu ul {
text-align: right;
}
#user_menu li {
margin: 0 0 0 1em;
}
#user_menu .logged_in {
display: inline;
float: left;
margin: 0 1em 0 0;
}
}
@media only screen and (min-width: 481px) {
#login {
max-width: 25em;