/* - - - - - - - - - - - - - - - - - - - - - Title : PHP Quick Profiler CSS Author : Designed by Kevin Hale. URL : http://particletree.com/features/php-quick-profiler/ Last Updated : April 21, 2009 - - - - - - - - - - - - - - - - - - - - - */ .pQp{ width:100%; text-align:center; position:fixed; bottom:0; } * html .pQp{ position:absolute; } .pQp *{ margin:0; padding:0; border:none; } #pQp{ margin:0 auto; width:85%; min-width:960px; background-color:#222; border:12px solid #000; border-bottom:none; font-family:"Lucida Grande", Tahoma, Arial, sans-serif; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; } #pQp .pqp-box h3{ font-weight:normal; line-height:200px; padding:0 15px; color:#fff; } .pQp, .pQp td{ color:#444; } /* ----- IDS ----- */ #pqp-metrics{ background:#000; width:100%; } #pqp-console, #pqp-speed, #pqp-queries, #pqp-memory, #pqp-files{ background:url(../images/overlay.gif); border-top:1px solid #ccc; height:200px; overflow:auto; } /* ----- Colors ----- */ .pQp .green{color:#588E13 !important;} .pQp .blue{color:#3769A0 !important;} .pQp .purple{color:#953FA1 !important;} .pQp .orange{color:#D28C00 !important;} .pQp .red{color:#B72F09 !important;} /* ----- Logic ----- */ #pQp, #pqp-console, #pqp-speed, #pqp-queries, #pqp-memory, #pqp-files{ display:none; } .pQp .console, .pQp .speed, .pQp .queries, .pQp .memory, .pQp .files{ display:block !important; } .pQp .console #pqp-console, .pQp .speed #pqp-speed, .pQp .queries #pqp-queries, .pQp .memory #pqp-memory, .pQp .files #pqp-files{ display:block; } .console td.green, .speed td.blue, .queries td.purple, .memory td.orange, .files td.red{ background:#222 !important; border-bottom:6px solid #fff !important; cursor:default !important; } .tallDetails #pQp .pqp-box{ height:500px; } .tallDetails #pQp .pqp-box h3{ line-height:500px; } .hideDetails #pQp .pqp-box{ display:none !important; } .hideDetails #pqp-footer{ border-top:1px dotted #444; } .hideDetails #pQp #pqp-metrics td{ height:50px; background:#000 !important; border-bottom:none !important; cursor:default !important; } .hideDetails #pQp var{ font-size:18px; margin:0 0 2px 0; } .hideDetails #pQp h4{ font-size:10px; } .hideDetails .heightToggle{ visibility:hidden; } /* ----- Metrics ----- */ #pqp-metrics td{ height:80px; width:20%; text-align:center; cursor:pointer; border:1px solid #000; border-bottom:6px solid #444; -webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topright:10px; } #pqp-metrics td:hover{ background:#222; border-bottom:6px solid #777; } #pqp-metrics .green{ border-left:none; } #pqp-metrics .red{ border-right:none; } #pqp-metrics h4{ text-shadow:#000 1px 1px 1px; } .side var{ text-shadow:#444 1px 1px 1px; } .pQp var{ font-size:23px; font-weight:bold; font-style:normal; margin:0 0 3px 0; display:block; } .pQp h4{ font-size:12px; color:#fff; margin:0 0 4px 0; } /* ----- Main ----- */ .pQp .main{ width:80%; } *+html .pQp .main{ width:78%; } * html .pQp .main{ width:77%; } .pQp .main td{ padding:7px 15px; text-align:left; background:#151515; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px dotted #323232; color:#FFF; } .pQp .main td, pre{ font-family:Monaco, "Consolas", "Lucida Console", "Courier New", monospace; font-size:11px; } .pQp .main td.alt{ background:#111; } .pQp .main tr.alt td{ background:#2E2E2E; border-top:1px dotted #4E4E4E; } .pQp .main tr.alt td.alt{ background:#333; } .pQp .main td b{ float:right; font-weight:normal; color:#E6F387; } .pQp .main td:hover{ background:#2E2E2E; } /* ----- Side ----- */ .pQp .side{ float:left; width:20%; background:#000; color:#fff; -webkit-border-bottom-left-radius:30px; -moz-border-radius-bottomleft:30px; text-align:center; } .pQp .side td{ padding:10px 0 5px 0; background:url(../images/side.png) repeat-y right; } .pQp .side var{ color:#fff; font-size:15px; } .pQp .side h4{ font-weight:normal; color:#F4FCCA; font-size:11px; } /* ----- Console ----- */ #pqp-console .side td{ padding:12px 0; } #pqp-console .side td.alt1{ background:#588E13; width:51%; } #pqp-console .side td.alt2{ background-color:#B72F09; } #pqp-console .side td.alt3{ background:#D28C00; border-bottom:1px solid #9C6800; border-left:1px solid #9C6800; -webkit-border-bottom-left-radius:30px; -moz-border-radius-bottomleft:30px; } #pqp-console .side td.alt4{ background-color:#3769A0; border-bottom:1px solid #274B74; } #pqp-console .main table{ width:100%; } #pqp-console td div{ width:100%; overflow:hidden; } #pqp-console td.type{ font-family:"Lucida Grande", Tahoma, Arial, sans-serif; text-align:center; text-transform: uppercase; font-size:9px; padding-top:9px; color:#F4FCCA; vertical-align:top; width:40px; } .pQp .log-log td.type{ background:#47740D !important; } .pQp .log-error td.type{ background:#9B2700 !important; } .pQp .log-memory td.type{ background:#D28C00 !important; } .pQp .log-speed td.type{ background:#2B5481 !important; } .pQp .log-log pre{ color:#999; } .pQp .log-log td:hover pre{ color:#fff; } .pQp .log-memory em, .pQp .log-speed em{ float:left; font-style:normal; display:block; color:#fff; } .pQp .log-memory pre, .pQp .log-speed pre{ float:right; white-space: normal; display:block; color:#FFFD70; } /* ----- Speed ----- */ #pqp-speed .side td{ padding:12px 0; } #pqp-speed .side{ background-color:#3769A0; } #pqp-speed .side td.alt{ background-color:#2B5481; border-bottom:1px solid #1E3C5C; border-left:1px solid #1E3C5C; -webkit-border-bottom-left-radius:30px; -moz-border-radius-bottomleft:30px; } /* ----- Queries ----- */ #pqp-queries .side{ background-color:#953FA1; border-bottom:1px solid #662A6E; border-left:1px solid #662A6E; } #pqp-queries .side td.alt{ background-color:#7B3384; } #pqp-queries .main b{ float:none; } #pqp-queries .main em{ display:block; padding:2px 0 0 0; font-style:normal; color:#aaa; } /* ----- Memory ----- */ #pqp-memory .side td{ padding:12px 0; } #pqp-memory .side{ background-color:#C48200; } #pqp-memory .side td.alt{ background-color:#AC7200; border-bottom:1px solid #865900; border-left:1px solid #865900; -webkit-border-bottom-left-radius:30px; -moz-border-radius-bottomleft:30px; } /* ----- Files ----- */ #pqp-files .side{ background-color:#B72F09; border-bottom:1px solid #7C1F00; border-left:1px solid #7C1F00; } #pqp-files .side td.alt{ background-color:#9B2700; } /* ----- Footer ----- */ #pqp-footer{ width:100%; background:#000; font-size:11px; border-top:1px solid #ccc; } #pqp-footer td{ padding:0 !important; border:none !important; } #pqp-footer strong{ color:#fff; } #pqp-footer a{ color:#999; padding:5px 10px; text-decoration:none; } #pqp-footer .credit{ width:20%; text-align:left; } #pqp-footer .actions{ width:80%; text-align:right; } #pqp-footer .actions a{ float:right; width:auto; } #pqp-footer a:hover, #pqp-footer a:hover strong, #pqp-footer a:hover b{ background:#fff; color:blue !important; text-decoration:underline; } #pqp-footer a:active, #pqp-footer a:active strong, #pqp-footer a:active b{ background:#ECF488; color:green !important; }