mirror of
https://github.com/danpros/htmly.git
synced 2026-04-22 21:46:22 +05:30
Add dynamic menu class
Add dynamic menu class. Toolbar should has global style, added toolbar.css.
This commit is contained in:
parent
6504517949
commit
b652407a3e
5 changed files with 47 additions and 123 deletions
|
|
@ -61,50 +61,6 @@ h5 {
|
|||
h6 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
/*-------------------------
|
||||
Toolbar
|
||||
--------------------------*/
|
||||
|
||||
#toolbar {
|
||||
background: #666666;
|
||||
box-shadow: 0 5px 15px #000000;
|
||||
color: #CCCCCC;
|
||||
font-family: Georgia, sans-serif;
|
||||
left: 0;
|
||||
margin: 0 -20px;
|
||||
padding: 0 25px;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 600;
|
||||
border: 0 none;
|
||||
font-size: 15px;
|
||||
text-align: left;
|
||||
vertical-align: baseline;
|
||||
min-height:30px;
|
||||
}
|
||||
|
||||
#toolbar ul {
|
||||
margin:0;
|
||||
padding-top:5px;
|
||||
padding-bottom:5px;
|
||||
padding-left:30px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#toolbar ul li, #toolbar ul li a {
|
||||
float: left;
|
||||
list-style: none outside none;
|
||||
margin:0;
|
||||
}
|
||||
#toolbar a {
|
||||
color: #FFFFFF;
|
||||
font-size: 0.846em;
|
||||
text-decoration: none;
|
||||
border-radius: 10px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
/*-------------------------
|
||||
Layout
|
||||
|
|
|
|||
1
themes/default/css/toolbar.css
Normal file
1
themes/default/css/toolbar.css
Normal file
|
|
@ -0,0 +1 @@
|
|||
body{ padding-top:30px;}#toolbar {background: #666666;box-shadow: 0 5px 15px #000000;color: #CCCCCC;font-family: Georgia, sans-serif;left: 0;margin: 0 -20px;padding: 0 25px;position: fixed;right: 0;top: 0;z-index: 600;border: 0 none;font-size: 15px;text-align: left;vertical-align: baseline;min-height:30px;}#toolbar ul {margin:0;padding-top:5px;padding-bottom:5px;padding-left:30px;float:left;}#toolbar ul li, #toolbar ul li a {float: left;list-style: none outside none;margin:0;}#toolbar a {color: #FFFFFF;font-size: 0.846em;text-decoration: none;border-radius: 10px;padding: 0 10px;} @media all and (max-width: 550px) {body{ padding-top:60px;}}
|
||||
Loading…
Add table
Add a link
Reference in a new issue