webprofiler_toolbar.css.twig in Devel 4.x
.sf-minitoolbar {
display: none;
position: fixed;
bottom: 0;
right: 0;
padding: 5px 5px 0;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #e4e4e4, #ffffff);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#ffffff));
background-image: -o-linear-gradient(top, #e4e4e4, #ffffff);
background: linear-gradient(top, #e4e4e4, #ffffff);
border-radius: 16px 0 0 0;
z-index: 6000000;
}
.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(top, #e4e4e4, #ffffff);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#ffffff));
background-image: -o-linear-gradient(top, #e4e4e4, #ffffff);
background: linear-gradient(top, #e4e4e4, #ffffff);
bottom: 0;
border-top: 1px solid #bbb;
}
.sf-toolbarreset abbr {
border-bottom: 1px dotted #000000;
}
.sf-toolbarreset span,
.sf-toolbarreset div {
font-size: 11px;
}
.sf-toolbarreset img {
width: auto;
display: inline;
}
.sf-toolbarreset .hide-button {
display: block;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
cursor: pointer;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAllBMVEXDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PExMTPz8/Q0NDR0dHT09Pb29vc3Nzf39/h4eHi4uLj4+P6+vr7+/v8/Pz9/f3///+Nh2QuAAAAIXRSTlMABgwPGBswMzk8QktRV4SKjZOWmaKlq7TAxszb3urt+fy1vNEpAAAAiklEQVQIHUXBBxKCQBREwRFzDqjoGh+C2YV//8u5Sll2S0E/dof1tKdKM6GyqCto7PjZRJIS/mbSELgXOSd/BzpKIH1ZefVWpDDTHsi8mZVnwImPi5ndCLbaAZk3M58Bay0h9VbeSvMpjDUAHj4jL55AW1rxN5fU2PLjIgVRzNdxVFOlGzvnJi0Fb1XNGBHA9uQOAAAAAElFTkSuQmCC');
background-repeat: no-repeat;
background-position: 13px 11px;
}
.sf-toolbarreset a {
color: #000 !important;
border: none;
}
.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 {
line-height: 19px;
margin-bottom: 5px;
}
.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status {
padding: 0px 5px;
border-radius: 5px;
margin-bottom: 0px;
vertical-align: top;
}
.sf-toolbar-block .sf-toolbar-info-piece:last-child {
margin-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: 150px;
vertical-align: top;
}
.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: 9px 0;
margin-left: -1px;
bottom: 38px;
border-bottom-width: 0;
border-bottom: 1px solid #bbb;
border-radius: 4px 4px 0 0;
}
.sf-toolbarreset > div:last-of-type .sf-toolbar-info {
right: -1px;
}
.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 abbr {
color: #fff;
border-bottom: 1px dotted black;
}
.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;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 5px 6px;
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 > a[href]:after {
content: "";
}
.sf-toolbar-block .sf-toolbar-icon img {
border-width: 0;
vertical-align: middle;
}
.sf-toolbar-block .sf-toolbar-icon img + span {
margin-left: 0;
margin-top: 2px;
}
.sf-toolbar-block .sf-toolbar-icon .sf-toolbar-status {
border-radius: 12px;
border-bottom-left-radius: 0;
margin-top: 0;
}
.sf-toolbar-block .sf-toolbar-info-method {
cursor: hand;
}
.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.35) 0 0 5px;
border-right: none;
margin-right: 1px;
position: relative;
}
.sf-toolbar-block:hover .sf-toolbar-icon {
background-color: #fff;
border-top: 1px dotted #DDD;
position: relative;
margin-top: -1px;
z-index: 10002;
}
.sf-toolbar-block:hover .sf-toolbar-info {
display: block;
min-width: -webkit-calc(100% + 2px);
min-width: calc(100% + 2px);
z-index: 10001;
box-sizing: border-box;
padding: 9px;
line-height: 19px;
}
/***** 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 (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;
}
}
/***** Media query print: Do not print the Toolbar. *****/
@media print {
.sf-toolbar {
display: none;
visibility: hidden;
}
}
File
webprofiler/templates/Profiler/webprofiler_toolbar.css.twig
View source
- .sf-minitoolbar {
- display: none;
-
- position: fixed;
- bottom: 0;
- right: 0;
-
- padding: 5px 5px 0;
-
- background-color: #f7f7f7;
- background-image: -moz-linear-gradient(top, #e4e4e4, #ffffff);
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#ffffff));
- background-image: -o-linear-gradient(top, #e4e4e4, #ffffff);
- background: linear-gradient(top, #e4e4e4, #ffffff);
-
- border-radius: 16px 0 0 0;
-
- z-index: 6000000;
- }
-
- .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(top, #e4e4e4, #ffffff);
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4e4e4), to(#ffffff));
- background-image: -o-linear-gradient(top, #e4e4e4, #ffffff);
- background: linear-gradient(top, #e4e4e4, #ffffff);
-
- bottom: 0;
- border-top: 1px solid #bbb;
- }
- .sf-toolbarreset abbr {
- border-bottom: 1px dotted #000000;
- }
- .sf-toolbarreset span,
- .sf-toolbarreset div {
- font-size: 11px;
- }
- .sf-toolbarreset img {
- width: auto;
- display: inline;
- }
-
- .sf-toolbarreset .hide-button {
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- width: 40px;
- height: 40px;
- cursor: pointer;
- background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAllBMVEXDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PDw8PExMTPz8/Q0NDR0dHT09Pb29vc3Nzf39/h4eHi4uLj4+P6+vr7+/v8/Pz9/f3///+Nh2QuAAAAIXRSTlMABgwPGBswMzk8QktRV4SKjZOWmaKlq7TAxszb3urt+fy1vNEpAAAAiklEQVQIHUXBBxKCQBREwRFzDqjoGh+C2YV//8u5Sll2S0E/dof1tKdKM6GyqCto7PjZRJIS/mbSELgXOSd/BzpKIH1ZefVWpDDTHsi8mZVnwImPi5ndCLbaAZk3M58Bay0h9VbeSvMpjDUAHj4jL55AW1rxN5fU2PLjIgVRzNdxVFOlGzvnJi0Fb1XNGBHA9uQOAAAAAElFTkSuQmCC');
- background-repeat: no-repeat;
- background-position: 13px 11px;
- }
- .sf-toolbarreset a {
- color: #000 !important;
- border: none;
- }
-
- .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 {
- line-height: 19px;
- margin-bottom: 5px;
- }
-
- .sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status {
- padding: 0px 5px;
- border-radius: 5px;
- margin-bottom: 0px;
- vertical-align: top;
- }
-
- .sf-toolbar-block .sf-toolbar-info-piece:last-child {
- margin-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: 150px;
- vertical-align: top;
- }
-
- .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: 9px 0;
- margin-left: -1px;
-
- bottom: 38px;
- border-bottom-width: 0;
- border-bottom: 1px solid #bbb;
- border-radius: 4px 4px 0 0;
- }
-
- .sf-toolbarreset > div:last-of-type .sf-toolbar-info {
- right: -1px;
- }
-
- .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 abbr {
- color: #fff;
- border-bottom: 1px dotted black;
- }
-
- .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;
- font-weight: normal;
- text-decoration: none;
- margin: 0;
- padding: 5px 6px;
- 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 > a[href]:after {
- content: "";
- }
-
- .sf-toolbar-block .sf-toolbar-icon img {
- border-width: 0;
- vertical-align: middle;
- }
-
- .sf-toolbar-block .sf-toolbar-icon img + span {
- margin-left: 0;
- margin-top: 2px;
- }
-
- .sf-toolbar-block .sf-toolbar-icon .sf-toolbar-status {
- border-radius: 12px;
- border-bottom-left-radius: 0;
- margin-top: 0;
- }
-
- .sf-toolbar-block .sf-toolbar-info-method {
- cursor: hand;
- }
-
- .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.35) 0 0 5px;
- border-right: none;
- margin-right: 1px;
- position: relative;
- }
-
- .sf-toolbar-block:hover .sf-toolbar-icon {
- background-color: #fff;
- border-top: 1px dotted #DDD;
- position: relative;
- margin-top: -1px;
- z-index: 10002;
- }
-
- .sf-toolbar-block:hover .sf-toolbar-info {
- display: block;
- min-width: -webkit-calc(100% + 2px);
- min-width: calc(100% + 2px);
- z-index: 10001;
- box-sizing: border-box;
- padding: 9px;
- line-height: 19px;
- }
-
- /***** 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 (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;
- }
- }
-
- /***** Media query print: Do not print the Toolbar. *****/
- @media print {
- .sf-toolbar {
- display: none;
- visibility: hidden;
- }
- }