mirror of
https://github.com/danpros/htmly.git
synced 2026-04-19 03:56:21 +05:30
Improve toolbar
Add menu button for mobile
This commit is contained in:
parent
e5d7d0a106
commit
4fda99425d
2 changed files with 54 additions and 26 deletions
|
|
@ -2,22 +2,6 @@ body {
|
|||
padding-top: 30px
|
||||
}
|
||||
|
||||
.admin-front .tb-admin,
|
||||
.all-posts .tb-posts,
|
||||
.admin-popular .tb-popular,
|
||||
.admin-mine .tb-mine,
|
||||
.admin-draft .tb-draft,
|
||||
.admin-content .tb-addcontent,
|
||||
.admin-categories .tb-categories,
|
||||
.edit-profile .tb-editprofile,
|
||||
.admin-import .tb-import,
|
||||
.admin-backup .tb-backup,
|
||||
.admin-config .tb-config,
|
||||
.admin-clear-cache .tb-clearcache,
|
||||
.admin-update .tb-update {
|
||||
background:#400;
|
||||
}
|
||||
|
||||
#toolbar {
|
||||
background: #666;
|
||||
box-shadow: 0 5px 15px #000;
|
||||
|
|
@ -40,7 +24,6 @@ body {
|
|||
#toolbar ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
#toolbar ul li, #toolbar ul li a {
|
||||
|
|
@ -55,16 +38,9 @@ body {
|
|||
color: #FFF;
|
||||
font-size: .846em;
|
||||
text-decoration: none;
|
||||
border-radius: 10px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 550px) {
|
||||
body {
|
||||
padding-top: 60px
|
||||
}
|
||||
}
|
||||
|
||||
table#config td:first-child {
|
||||
width: 30%
|
||||
}
|
||||
|
|
@ -80,4 +56,56 @@ table#config input {
|
|||
|
||||
table#config tr:last-child td {
|
||||
border-bottom: none
|
||||
}
|
||||
#menu-toggle {
|
||||
display: none;
|
||||
background: #666;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#menu-button {
|
||||
display: none;
|
||||
background: #666;
|
||||
color: white;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 550px) {
|
||||
#menu-button {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#menu {
|
||||
display: none;
|
||||
background: #666;
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
box-shadow: 0 5px 15px #000;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#menu-toggle:checked + #menu {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue