276 lines
7.6 KiB
Twig
276 lines
7.6 KiB
Twig
<style type="text/css">
|
|
.sf-toolbarreset {
|
|
position: fixed;
|
|
background-color: #f7f7f7;
|
|
left: 0;
|
|
right: 0;
|
|
height: 38px;
|
|
margin: 0;
|
|
padding: 0 40px 0 0;
|
|
z-index: 6000000;
|
|
font: 11px Verdana, Arial, sans-serif;
|
|
text-align: left;
|
|
color: #2f2f2f;
|
|
|
|
background-image: -moz-linear-gradient(-90deg, #e4e4e4, #ffffff);
|
|
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#ffffff));
|
|
bottom: 0;
|
|
border-top: 1px solid #bbb;
|
|
}
|
|
.sf-toolbarreset img {
|
|
width: auto;
|
|
display: inline;
|
|
}
|
|
|
|
.sf-toolbarreset .hide-button {
|
|
display: block;
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 10px;
|
|
width: 15px;
|
|
height: 15px;
|
|
cursor: pointer;
|
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAllBMVEXDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PExMTPz8/Q0NDR0dHT09Pb29vc3Nzf39/h4eHi4uLj4+P6+vr7+/v8/Pz9/f3///+Nh2QuAAAAIXRSTlMABgwPGBswMzk8QktRV4SKjZOWmaKlq7TAxszb3urt+fy1vNEpAAAAiklEQVQIHUXBBxKCQBREwRFzDqjoGh+C2YV//8u5Sll2S0E/dof1tKdKM6GyqCto7PjZRJIS/mbSELgXOSd/BzpKIH1ZefVWpDDTHsi8mZVnwImPi5ndCLbaAZk3M58Bay0h9VbeSvMpjDUAHj4jL55AW1rxN5fU2PLjIgVRzNdxVFOlGzvnJi0Fb1XNGBHA9uQOAAAAAElFTkSuQmCC');
|
|
}
|
|
|
|
.sf-toolbar-block {
|
|
white-space: nowrap;
|
|
color: #2f2f2f;
|
|
display: block;
|
|
min-height: 28px;
|
|
border-right: 1px solid #e4e4e4;
|
|
padding: 0;
|
|
float: left;
|
|
cursor: default;
|
|
}
|
|
|
|
.sf-toolbar-block span {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-info-piece {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-info-piece:last-child {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-info-piece a,
|
|
.sf-toolbar-block .sf-toolbar-info-piece abbr {
|
|
color: #2f2f2f;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-info-piece b {
|
|
display: inline-block;
|
|
width: 110px;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-info-with-next-pointer:after {
|
|
content: ' :: ';
|
|
color: #999;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-info-with-delimiter {
|
|
border-right: 1px solid #999;
|
|
padding-right: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-info {
|
|
display: none;
|
|
position: absolute;
|
|
background-color: #fff;
|
|
border: 1px solid #bbb;
|
|
padding: 10px 8px;
|
|
margin-left: -1px;
|
|
|
|
bottom: 38px;
|
|
border-bottom-width: 0;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-info:empty {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-status {
|
|
display: inline-block;
|
|
color: #fff;
|
|
background-color: #666;
|
|
padding: 3px 6px;
|
|
border-radius: 3px;
|
|
margin-bottom: 2px;
|
|
vertical-align: middle;
|
|
min-width: 6px;
|
|
min-height: 13px;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-status-green {
|
|
background-color: #759e1a;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-status-red {
|
|
background-color: #a33;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-status-yellow {
|
|
background-color: #ffcc00;
|
|
color: #000;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-status-black {
|
|
background-color: #000;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-icon {
|
|
display: block;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-icon > a,
|
|
.sf-toolbar-block .sf-toolbar-icon > span {
|
|
display: block;
|
|
text-decoration: none;
|
|
margin: 0;
|
|
padding: 5px 8px;
|
|
min-width: 20px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-icon > a,
|
|
.sf-toolbar-block .sf-toolbar-icon > a:link
|
|
.sf-toolbar-block .sf-toolbar-icon > a:hover {
|
|
color: black !important;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-icon img {
|
|
border-width: 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-icon img + span {
|
|
margin-left: 5px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-icon .sf-toolbar-status {
|
|
border-radius: 12px;
|
|
border-bottom-left-radius: 0px;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-info-method {
|
|
border-bottom: 1px dashed #ccc;
|
|
cursor: help;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-info-method[onclick=""] {
|
|
border-bottom: none;
|
|
cursor: inherit;
|
|
}
|
|
|
|
.sf-toolbar-info-php {}
|
|
.sf-toolbar-info-php-ext {}
|
|
|
|
.sf-toolbar-info-php-ext .sf-toolbar-status {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.sf-toolbar-info-php-ext .sf-toolbar-status:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.sf-toolbar-block a .sf-toolbar-info-piece-additional,
|
|
.sf-toolbar-block a .sf-toolbar-info-piece-additional-detail {
|
|
display: inline-block;
|
|
}
|
|
|
|
.sf-toolbar-block a .sf-toolbar-info-piece-additional:empty,
|
|
.sf-toolbar-block a .sf-toolbar-info-piece-additional-detail:empty {
|
|
display: none;
|
|
}
|
|
|
|
.sf-toolbarreset:hover {
|
|
box-shadow: rgba(0, 0, 0, 0.3) 0 0 50px;
|
|
}
|
|
|
|
.sf-toolbar-block:hover {
|
|
box-shadow: rgba(0, 0, 0, 0.3) 0 0 5px;
|
|
}
|
|
|
|
.sf-toolbar-block:hover .sf-toolbar-icon {
|
|
background-color: #fff;
|
|
}
|
|
.sf-toolbar-block:hover .sf-toolbar-info {
|
|
display: block;
|
|
}
|
|
|
|
/***** Override the setting when the toolbar is on the top *****/
|
|
{% if position == 'top' %}
|
|
.sf-toolbarreset {
|
|
background-image: -moz-linear-gradient(-90deg, #ffffff, #e4e4e4);
|
|
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e4e4e4));
|
|
top: 0;
|
|
bottom: auto;
|
|
border-bottom: 1px solid #bbb;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-info {
|
|
top: 39px;
|
|
bottom: auto;
|
|
border-top-width: 0;
|
|
border-bottom: 1px solid #bbb;
|
|
}
|
|
{% endif %}
|
|
|
|
{% if not floatable %}
|
|
.sf-toolbarreset {
|
|
position: static;
|
|
background: #cbcbcb;
|
|
background-image: -moz-linear-gradient(-90deg, #e8e8e8, #cbcbcb) !important;
|
|
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8e8e8), to(#cbcbcb)) !important;
|
|
}
|
|
|
|
.sf-toolbarreset abbr {
|
|
border-bottom: 1px dotted #000000;
|
|
cursor: help;
|
|
}
|
|
{% endif %}
|
|
|
|
/***** Media query *****/
|
|
@media screen and (max-width: 779px) {
|
|
.sf-toolbar-block .sf-toolbar-icon > * > :first-child ~ * {
|
|
display: none;
|
|
}
|
|
|
|
.sf-toolbar-block .sf-toolbar-icon > * > .sf-toolbar-info-piece-additional,
|
|
.sf-toolbar-block .sf-toolbar-icon > * > .sf-toolbar-info-piece-additional-detail {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 880px) {
|
|
.sf-toolbar-block .sf-toolbar-icon a[href$="config"] .sf-toolbar-info-piece-additional {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 980px) {
|
|
.sf-toolbar-block .sf-toolbar-icon a[href$="security"] .sf-toolbar-info-piece-additional {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1179px) {
|
|
.sf-toolbar-block .sf-toolbar-icon > * > .sf-toolbar-info-piece-additional {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1439px) {
|
|
.sf-toolbar-block .sf-toolbar-icon > * > .sf-toolbar-info-piece-additional-detail {
|
|
display: none;
|
|
}
|
|
}
|
|
</style>
|