From 402dbdf824154fed65dc3e48460bcef4ab2c96df Mon Sep 17 00:00:00 2001 From: Vlad Varlamov Date: Fri, 26 Dec 2014 23:39:28 +0300 Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?= =?UTF-8?q?=D0=BD=D0=B0=20=D1=82=D1=91=D0=BC=D0=BD=D0=B0=D1=8F=20=D1=82?= =?UTF-8?q?=D0=B5=D0=BC=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- YiiDebugToolbar.php | 2 +- assets/main.css | 244 +++++----- assets/main.dark.css | 565 +++++++++++++++++++++++ widgets/YiiDebugToolbarResourceUsage.php | 8 +- 4 files changed, 692 insertions(+), 127 deletions(-) create mode 100644 assets/main.dark.css diff --git a/YiiDebugToolbar.php b/YiiDebugToolbar.php index 73e4bf5..6f8c1c5 100644 --- a/YiiDebugToolbar.php +++ b/YiiDebugToolbar.php @@ -125,7 +125,7 @@ private function registerClientScripts() { $cs = Yii::app()->getClientScript() ->registerCoreScript('jquery'); - $cs->registerCssFile($this->assetsUrl . '/main.css'); + $cs->registerCssFile($this->assetsUrl . '/main.dark.css'); $cs->registerScriptFile($this->assetsUrl . '/main.js', CClientScript::POS_END); diff --git a/assets/main.css b/assets/main.css index 6ff5fa5..b2dc2ce 100644 --- a/assets/main.css +++ b/assets/main.css @@ -1,31 +1,31 @@ @charset "UTF-8"; @font-face { - font-family:"yii-debug"; - src:url("fonts/yii-debug.eot"); - src:url("fonts/yii-debug.eot?#iefix") format("embedded-opentype"), - url("fonts/yii-debug.ttf") format("truetype"), - url("fonts/yii-debug.svg#yii-debug") format("svg"), - url("fonts/yii-debug.woff") format("woff"); - font-weight:normal; - font-style:normal; + font-family:"yii-debug"; + src:url("fonts/yii-debug.eot"); + src:url("fonts/yii-debug.eot?#iefix") format("embedded-opentype"), + url("fonts/yii-debug.ttf") format("truetype"), + url("fonts/yii-debug.svg#yii-debug") format("svg"), + url("fonts/yii-debug.woff") format("woff"); + font-weight:normal; + font-style:normal; } #ydtb-toolbar * { - background:#FFF; - margin:0; - padding:0; - outline:0; - vertical-align:baseline; - background:transparent; - text-align:left; - list-style:none; - list-style-type:none; - font:16px/1.3 "Trebuchet MS", Helvetica, sans-serif; - line-height:20px; - text-decoration:none; - border:0 none; - color:#333; + background:#FFF; + margin:0; + padding:0; + outline:0; + vertical-align:baseline; + background:transparent; + text-align:left; + list-style:none; + list-style-type:none; + font:16px/1.3 "Trebuchet MS", Helvetica, sans-serif; + line-height:20px; + text-decoration:none; + border:0 none; + color:#333; } #ydtb-toolbar div[data-ydtb-container] {padding: 20px;} @@ -35,13 +35,13 @@ #ydtb-toolbar .clear {clear:both;} #ydtb-toolbar { - position:fixed; - z-index:10000000; - top:0; - right:0; - bottom:0; - overflow:hidden; - background:transparent; + position:fixed; + z-index:10000000; + top:0; + right:0; + bottom:0; + overflow:hidden; + background:transparent; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; @@ -49,7 +49,7 @@ } #ydtb-toolbar h2 { - color: #273C46; + color: #42B3E5; padding: 10px 10px; } @@ -61,16 +61,16 @@ #ydtb-toolbar a[data-ydtb-toggle]{ z-index:10000100; display:block; - position:fixed; - top:0px; - right:0px; - height:24px; - width:24px; - bottom:0; - background: #273C46 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QsODwEuO+qYwAAAAHNJREFUWMNjdNr89D8DbgCTY2SgMWAhIE9zB8AAE8MgAYPKIf8Hi0MYR6NmMDqEhRLNe32kUPjOW56NRs2oQ0YdMniyL3oWJSdbE5O1R6Nm0DqEkUBTcTTXjFZ6ow4ZnomVksQ5GjWjDhl1CK0d8p9enXQAt4YV/tNRncAAAAAASUVORK5CYII=) no-repeat scroll center center; - text-indent:-999999px; - display:block; - color:#fff; + position:fixed; + top:0px; + right:0px; + height:24px; + width:24px; + bottom:0; + background: #42B3E5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QsODwEuO+qYwAAAAHNJREFUWMNjdNr89D8DbgCTY2SgMWAhIE9zB8AAE8MgAYPKIf8Hi0MYR6NmMDqEhRLNe32kUPjOW56NRs2oQ0YdMniyL3oWJSdbE5O1R6Nm0DqEkUBTcTTXjFZ6ow4ZnomVksQ5GjWjDhl1CK0d8p9enXQAt4YV/tNRncAAAAAASUVORK5CYII=) no-repeat scroll center center; + text-indent:-999999px; + display:block; + color:#fff; } #ydtb-toolbar.ydtb-collapse a[data-ydtb-toggle] { @@ -86,24 +86,24 @@ #ydtb-toolbar.ydtb-collapse a[data-ydtb-toggle]:hover, #ydtb-toolbar:not(.ydtb-collapse) a[data-ydtb-toggle] { height:64px; - width:64px; - -moz-opacity:1; + width:64px; + -moz-opacity:1; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); } #ydtb-toolbar [data-ydtb-icon] {vertical-align: middle;} #ydtb-toolbar [data-ydtb-icon]:before { - font-family:"yii-debug" !important; - content:attr(data-ydtb-icon); - font-style:normal !important; - font-weight:normal !important; - font-variant:normal !important; - text-transform:none !important; - speak:none; - line-height:1; - -webkit-font-smoothing:antialiased; - -moz-osx-font-smoothing:grayscale; + font-family:"yii-debug" !important; + content:attr(data-ydtb-icon); + font-style:normal !important; + font-weight:normal !important; + font-variant:normal !important; + text-transform:none !important; + speak:none; + line-height:1; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; } #ydtb-toolbar a { @@ -117,12 +117,12 @@ #ydtb-toolbar a:hover{text-decoration:none;} #ydtb-toolbar div[data-ydtb-options] { position:fixed; - right: 216px; - bottom:0; + right: 216px; + bottom:0; width: 64px; - height: 64px; - z-index:10000110; - -webkit-transition:all 0.2s ease-in-out; + height: 64px; + z-index:10000110; + -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; @@ -145,16 +145,16 @@ #ydtb-toolbar div[data-ydtb-options] i[data-ydtb-icon="t"] {display: block;} #ydtb-toolbar div[data-ydtb-sidebar] { - position:fixed; - -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); - box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); - z-index:10000010; - top:0px; - right:0; - width:280px; - bottom:0; - background:#273C46; - -webkit-transition:all 0.2s ease-in-out; + position:fixed; + -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); + z-index:10000010; + top:0px; + right:0; + width:280px; + bottom:0; + background:#42B3E5; + -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; @@ -176,18 +176,18 @@ #ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-dashboard] { display:block; - overflow:hidden; - width:100%; + overflow:hidden; + width:100%; } #ydtb-toolbar.ydtb-slim div[data-ydtb-sidebar] ul[data-ydtb-dashboard] {display:none;} #ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-dashboard] li { display:block; - width:30%; - margin:0 5px 5px 0; - overflow:hidden; - float:left; - text-align:center; + width:30%; + margin:0 5px 5px 0; + overflow:hidden; + float:left; + text-align:center; padding:10px 0px; color:#fff; } @@ -217,16 +217,16 @@ #ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] { display:block; padding:0px; - overflow:hidden; - clear:both; - display:block; - width:280px; - -webkit-transition:all 0.2s ease-in-out; + overflow:hidden; + clear:both; + display:block; + width:280px; + -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; overflow: auto; - overflow-x: hidden; + overflow-x: hidden; position: fixed; top: 180px; bottom: 64px; @@ -265,18 +265,18 @@ #ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a:hover, #ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a.active { background:#fff; - color:#273C46; + color:#42B3E5; } #ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a:hover i, #ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a.active i, #ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a:hover span, -#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a.active span {color:#273C46;} +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a.active span {color:#42B3E5;} #ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a:hover small, #ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a.active small { color:#fff; - background:#273C46; + background:#42B3E5; } #ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a small { @@ -285,7 +285,7 @@ height:20px; line-height:20px; margin-top:25px; - color:#273C46; + color:#42B3E5; background:#fff; padding:0 10px; -webkit-border-radius:3px; @@ -296,14 +296,14 @@ /** panels */ #ydtb-toolbar div[data-ydtb-panel] { - position:fixed; - z-index:10000000; - top:0px; - left:0; - right: 280px; - bottom:0; - background:#fff; - -webkit-transition:all 0.2s ease-in-out; + position:fixed; + z-index:10000000; + top:0px; + left:0; + right: 280px; + bottom:0; + background:#fff; + -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; @@ -312,14 +312,14 @@ } #ydtb-toolbar div[data-ydtb-panel] div[data-ydtb-panel-content] { - position:fixed; - top:64px; - bottom:0; - left:0px; - right: 280px; - color:#666; - z-index:100000000; - -webkit-transition:all 0.2s ease-in-out; + position:fixed; + top:64px; + bottom:0; + left:0px; + right: 280px; + color:#666; + z-index:100000000; + -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; @@ -329,20 +329,20 @@ #ydtb-toolbar.ydtb-slim div[data-ydtb-panel] {right:64px;} #ydtb-toolbar.ydtb-collapse div[data-ydtb-panel] {display:none;} #ydtb-toolbar div[data-ydtb-panel].ydtb-collapse {display:none;} -#ydtb-toolbar div[data-ydtb-panel] i[data-ydtb-icon] {color:#273C46;} +#ydtb-toolbar div[data-ydtb-panel] i[data-ydtb-icon] {color:#42B3E5;} #ydtb-toolbar div[data-ydtb-panel] > div:first-child { - position:absolute; - background-color:#fff; - color:#273C46; - top:0; - right:0; - left:0; - height:64px; + position:absolute; + background-color:#fff; + color:#42B3E5; + top:0; + right:0; + left:0; + height:64px; line-height:64px; font-size:24px; padding:0 20px; - border-bottom:1px solid #273C46; + border-bottom:1px solid #42B3E5; white-space: nowrap; min-width: 500px; overflow-x: hidden; @@ -375,7 +375,7 @@ #ydtb-toolbar div[data-ydtb-tabs] ul { border-top: 1px solid none; - border-bottom: 1px solid #273C46; + border-bottom: 1px solid #42B3E5; display: block; height: 48px; line-height: 48px; @@ -397,7 +397,7 @@ #ydtb-toolbar div[data-ydtb-tabs] ul li a { display:block; - color:#273C46; + color:#42B3E5; height:34px; line-height:34px; padding:0 5px; @@ -415,7 +415,7 @@ #ydtb-toolbar div[data-ydtb-tabs] ul li a:hover, #ydtb-toolbar div[data-ydtb-tabs] ul li a[data-ydtb-tab-state="open"] { - border-bottom-color:#273C46; + border-bottom-color:#42B3E5; -moz-opacity:1; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); @@ -423,12 +423,12 @@ #ydtb-toolbar div[data-ydtb-panel-data] { position:fixed; - z-index:10000000; - top:64px; - left:0; - right: 280px; - bottom:0; - -webkit-transition:all 0.2s ease-in-out; + z-index:10000000; + top:64px; + left:0; + right: 280px; + bottom:0; + -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; @@ -446,7 +446,7 @@ #ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-heading] { border-top: 1px solid none; - border-bottom: 1px solid #273C46; + border-bottom: 1px solid #42B3E5; display: block; height: 48px; line-height: 48px; @@ -456,7 +456,7 @@ } #ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-heading] * { - color:#273C46; + color:#42B3E5; } #ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-heading] i[data-ydtb-icon="q"], @@ -495,7 +495,7 @@ -o-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; overflow: hidden; - border-bottom: 1px solid #273C46; + border-bottom: 1px solid #42B3E5; } #ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group="collapsed"] div[data-ydtb-accordion-body] { @@ -525,7 +525,7 @@ #ydtb-toolbar table[data-ydtb-data-table] th { background: #E7F8FF; - color: #273C46; + color: #42B3E5; padding: 5px 10px 5px 10px; } diff --git a/assets/main.dark.css b/assets/main.dark.css new file mode 100644 index 0000000..6ff5fa5 --- /dev/null +++ b/assets/main.dark.css @@ -0,0 +1,565 @@ +@charset "UTF-8"; + +@font-face { + font-family:"yii-debug"; + src:url("fonts/yii-debug.eot"); + src:url("fonts/yii-debug.eot?#iefix") format("embedded-opentype"), + url("fonts/yii-debug.ttf") format("truetype"), + url("fonts/yii-debug.svg#yii-debug") format("svg"), + url("fonts/yii-debug.woff") format("woff"); + font-weight:normal; + font-style:normal; +} + +#ydtb-toolbar * { + background:#FFF; + margin:0; + padding:0; + outline:0; + vertical-align:baseline; + background:transparent; + text-align:left; + list-style:none; + list-style-type:none; + font:16px/1.3 "Trebuchet MS", Helvetica, sans-serif; + line-height:20px; + text-decoration:none; + border:0 none; + color:#333; +} + +#ydtb-toolbar div[data-ydtb-container] {padding: 20px;} + +#ydtb-toolbar .clearfix:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;} +#ydtb-toolbar .clearfix {display:block;} +#ydtb-toolbar .clear {clear:both;} + +#ydtb-toolbar { + position:fixed; + z-index:10000000; + top:0; + right:0; + bottom:0; + overflow:hidden; + background:transparent; + -webkit-transition:all 0.3s ease-in-out; + -moz-transition:all 0.3s ease-in-out; + -o-transition:all 0.3s ease-in-out; + transition:all 0.3s ease-in-out; +} + +#ydtb-toolbar h2 { + color: #273C46; + padding: 10px 10px; +} + +#ydtb-toolbar.ydtb-collapse { + width:10px; + right:-10px; +} + +#ydtb-toolbar a[data-ydtb-toggle]{ + z-index:10000100; + display:block; + position:fixed; + top:0px; + right:0px; + height:24px; + width:24px; + bottom:0; + background: #273C46 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QsODwEuO+qYwAAAAHNJREFUWMNjdNr89D8DbgCTY2SgMWAhIE9zB8AAE8MgAYPKIf8Hi0MYR6NmMDqEhRLNe32kUPjOW56NRs2oQ0YdMniyL3oWJSdbE5O1R6Nm0DqEkUBTcTTXjFZ6ow4ZnomVksQ5GjWjDhl1CK0d8p9enXQAt4YV/tNRncAAAAAASUVORK5CYII=) no-repeat scroll center center; + text-indent:-999999px; + display:block; + color:#fff; +} + +#ydtb-toolbar.ydtb-collapse a[data-ydtb-toggle] { + -moz-opacity:0.30; + opacity:0.30; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30); + -webkit-transition:all 300ms ease-in-out; + -moz-transition:all 300ms ease-in-out; + -o-transition:all 300ms ease-in-out; + transition:all 300ms ease-in-out; +} + +#ydtb-toolbar.ydtb-collapse a[data-ydtb-toggle]:hover, +#ydtb-toolbar:not(.ydtb-collapse) a[data-ydtb-toggle] { + height:64px; + width:64px; + -moz-opacity:1; + opacity:1; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); +} + +#ydtb-toolbar [data-ydtb-icon] {vertical-align: middle;} +#ydtb-toolbar [data-ydtb-icon]:before { + font-family:"yii-debug" !important; + content:attr(data-ydtb-icon); + font-style:normal !important; + font-weight:normal !important; + font-variant:normal !important; + text-transform:none !important; + speak:none; + line-height:1; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing:grayscale; +} + +#ydtb-toolbar a { + transition-delay:100ms; + -webkit-transition-delay:100ms; + -webkit-transition:background-color 200ms ease-in-out,z-index 200ms ease-in-out; + transition:background-color 200ms ease-in-out,z-index 200ms ease-in-out; + text-decoration:none; +} + +#ydtb-toolbar a:hover{text-decoration:none;} +#ydtb-toolbar div[data-ydtb-options] { + position:fixed; + right: 216px; + bottom:0; + width: 64px; + height: 64px; + z-index:10000110; + -webkit-transition:all 0.2s ease-in-out; + -moz-transition:all 0.2s ease-in-out; + -o-transition:all 0.2s ease-in-out; + transition:all 0.2s ease-in-out; +} + +#ydtb-toolbar div[data-ydtb-options] i { + height: 64px; + line-height: 64px; + text-align: center; + color: #fff; + font-size:40px; + cursor: pointer; +} + +#ydtb-toolbar.ydtb-slim div[data-ydtb-options] {right:0;} + +#ydtb-toolbar.ydtb-slim div[data-ydtb-options] i[data-ydtb-icon="t"], +#ydtb-toolbar div[data-ydtb-options] i[data-ydtb-icon="u"] {display: none;} +#ydtb-toolbar.ydtb-slim div[data-ydtb-options] i[data-ydtb-icon="u"], +#ydtb-toolbar div[data-ydtb-options] i[data-ydtb-icon="t"] {display: block;} + +#ydtb-toolbar div[data-ydtb-sidebar] { + position:fixed; + -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); + z-index:10000010; + top:0px; + right:0; + width:280px; + bottom:0; + background:#273C46; + -webkit-transition:all 0.2s ease-in-out; + -moz-transition:all 0.2s ease-in-out; + -o-transition:all 0.2s ease-in-out; + transition:all 0.2s ease-in-out; +} + +#ydtb-toolbar.ydtb-collapse div[data-ydtb-sidebar] {display:none;} +#ydtb-toolbar.ydtb-slim div[data-ydtb-sidebar] {width:64px;} +#ydtb-toolbar div[data-ydtb-sidebar] * {color:#fff;} +#ydtb-toolbar div[data-ydtb-sidebar] h1 { + height:64px; + line-height:64px; + font-size:24px; + display:block; + color:#fff; + padding:0 20px; +} + +#ydtb-toolbar.ydtb-slim div[data-ydtb-sidebar] h1 {text-indent:-999999px;} + +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-dashboard] { + display:block; + overflow:hidden; + width:100%; +} + +#ydtb-toolbar.ydtb-slim div[data-ydtb-sidebar] ul[data-ydtb-dashboard] {display:none;} +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-dashboard] li { + display:block; + width:30%; + margin:0 5px 5px 0; + overflow:hidden; + float:left; + text-align:center; + padding:10px 0px; + color:#fff; +} + +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-dashboard] li i{ + font-size:40px; + display:block; + text-align:center; + height:55px; + line-height:55px; +} + +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-dashboard] li em{ + display:block; + text-align:center; + font-size:14px; + font-weight:normal; +} + +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-dashboard] li small{ + display:block; + text-align:center; + font-weight:normal; + font-size:13px; +} + +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] { + display:block; + padding:0px; + overflow:hidden; + clear:both; + display:block; + width:280px; + -webkit-transition:all 0.2s ease-in-out; + -moz-transition:all 0.2s ease-in-out; + -o-transition:all 0.2s ease-in-out; + transition:all 0.2s ease-in-out; + overflow: auto; + overflow-x: hidden; + position: fixed; + top: 180px; + bottom: 64px; +} + +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a { + display:block; + height:64px; + line-height:64px; + margin:0; + font-size:18px; + padding:0 10px; + color:#fff; +} +#ydtb-toolbar.ydtb-slim div[data-ydtb-sidebar] ul[data-ydtb-menu]{top: 64px;} +#ydtb-toolbar.ydtb-slim div[data-ydtb-sidebar] ul[data-ydtb-menu] li a {padding:0;} +#ydtb-toolbar.ydtb-slim div[data-ydtb-sidebar] ul[data-ydtb-menu] li a span, +#ydtb-toolbar.ydtb-slim div[data-ydtb-sidebar] ul[data-ydtb-menu] li a small {display:none;} + +#ydtb-toolbar.ydtb-slim div[data-ydtb-sidebar] ul[data-ydtb-menu] li a i { + width:64px; + float:none; + text-align:center; +} + +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a i { + color:#fff; + font-size:28px; + display:block; + height:64px; + line-height:64px; + float:left; + margin:0 8px 0 0; +} + +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a:hover, +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a.active { + background:#fff; + color:#273C46; +} + +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a:hover i, +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a.active i, +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a:hover span, +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a.active span {color:#273C46;} + +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a:hover small, +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a.active small { + color:#fff; + background:#273C46; +} + +#ydtb-toolbar div[data-ydtb-sidebar] ul[data-ydtb-menu] li a small { + display:block; + float:right; + height:20px; + line-height:20px; + margin-top:25px; + color:#273C46; + background:#fff; + padding:0 10px; + -webkit-border-radius:3px; + -moz-border-radius:3px; + border-radius:3px; + font-size:11px; +} + +/** panels */ +#ydtb-toolbar div[data-ydtb-panel] { + position:fixed; + z-index:10000000; + top:0px; + left:0; + right: 280px; + bottom:0; + background:#fff; + -webkit-transition:all 0.2s ease-in-out; + -moz-transition:all 0.2s ease-in-out; + -o-transition:all 0.2s ease-in-out; + transition:all 0.2s ease-in-out; + min-width: 500px; + overflow-x: hidden; +} + +#ydtb-toolbar div[data-ydtb-panel] div[data-ydtb-panel-content] { + position:fixed; + top:64px; + bottom:0; + left:0px; + right: 280px; + color:#666; + z-index:100000000; + -webkit-transition:all 0.2s ease-in-out; + -moz-transition:all 0.2s ease-in-out; + -o-transition:all 0.2s ease-in-out; + transition:all 0.2s ease-in-out; +} + +#ydtb-toolbar.ydtb-slim div[data-ydtb-panel] div[data-ydtb-panel-content] {right:64px;} +#ydtb-toolbar.ydtb-slim div[data-ydtb-panel] {right:64px;} +#ydtb-toolbar.ydtb-collapse div[data-ydtb-panel] {display:none;} +#ydtb-toolbar div[data-ydtb-panel].ydtb-collapse {display:none;} +#ydtb-toolbar div[data-ydtb-panel] i[data-ydtb-icon] {color:#273C46;} + +#ydtb-toolbar div[data-ydtb-panel] > div:first-child { + position:absolute; + background-color:#fff; + color:#273C46; + top:0; + right:0; + left:0; + height:64px; + line-height:64px; + font-size:24px; + padding:0 20px; + border-bottom:1px solid #273C46; + white-space: nowrap; + min-width: 500px; + overflow-x: hidden; + overflow: hidden; +} + +#ydtb-toolbar div[data-ydtb-panel] > div:first-child ul, +#ydtb-toolbar div[data-ydtb-panel] > div:first-child ul li { + display:block; + float:right; +} + +#ydtb-toolbar div[data-ydtb-panel] > div:first-child ul li {display:inline;} + +#ydtb-toolbar div[data-ydtb-panel] div[data-ydtb-panel-header] i { + font-size:34px; + line-height:64px; + vertical-align: middle; + margin:0 15px 0 0px; +} + +#ydtb-toolbar div[data-ydtb-panel] > div:first-child ul li i { + font-size:24px; + cursor:pointer; + display:block; + margin:0 0 0 10px; +} + +#ydtb-toolbar div[data-ydtb-panel].ydtb-panel-lock > div:first-child ul li i[data-ydtb-icon="z"] {color:#ff8729;} + +#ydtb-toolbar div[data-ydtb-tabs] ul { + border-top: 1px solid none; + border-bottom: 1px solid #273C46; + display: block; + height: 48px; + line-height: 48px; + text-align: right; + padding: 0 20px; + padding-bottom: 3px; +} + +#ydtb-toolbar div[data-ydtb-tabs] ul li { + display:inline-block; + padding-left: 5px; +} + +#ydtb-toolbar div[data-ydtb-tabs] ul li i[data-ydtb-icon] { + padding: 0 5px 0 0; + font-size: 11px; + vertical-align: 5%; +} + +#ydtb-toolbar div[data-ydtb-tabs] ul li a { + display:block; + color:#273C46; + height:34px; + line-height:34px; + padding:0 5px; + border:0px solid transparent; + border-width:3px 0; + background:none; + -moz-opacity:0.70; + opacity:0.70; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70); + -webkit-transition:all 100ms ease-in-out; + -moz-transition:all 100ms ease-in-out; + -o-transition:all 100ms ease-in-out; + transition:all 100ms ease-in-out; +} + +#ydtb-toolbar div[data-ydtb-tabs] ul li a:hover, +#ydtb-toolbar div[data-ydtb-tabs] ul li a[data-ydtb-tab-state="open"] { + border-bottom-color:#273C46; + -moz-opacity:1; + opacity:1; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); +} + +#ydtb-toolbar div[data-ydtb-panel-data] { + position:fixed; + z-index:10000000; + top:64px; + left:0; + right: 280px; + bottom:0; + -webkit-transition:all 0.2s ease-in-out; + -moz-transition:all 0.2s ease-in-out; + -o-transition:all 0.2s ease-in-out; + transition:all 0.2s ease-in-out; + min-width: 500px; + overflow-x: hidden; +} + +#ydtb-toolbar.ydtb-slim div[data-ydtb-panel-data] {right: 64px;} +#ydtb-toolbar div[data-ydtb-tabs] div[data-ydtb-panel-data] {top:116px;} + +#ydtb-toolbar div[data-ydtb-panel-data] > div{ + overflow-y: auto; + height: 100%; +} + +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-heading] { + border-top: 1px solid none; + border-bottom: 1px solid #273C46; + display: block; + height: 48px; + line-height: 48px; + padding: 0 20px; + cursor: pointer; + white-space: nowrap; +} + +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-heading] * { + color:#273C46; +} + +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-heading] i[data-ydtb-icon="q"], +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-heading] i[data-ydtb-icon="t"] { + float: right; + font-size: 24px; + vertical-align: middle; + height: 48px; + line-height: 48px; +} + +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-heading][data-ydtb-data-size="0"] { + cursor: default; +} + +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-heading][data-ydtb-data-size="0"] * { + -moz-opacity:0.30; + opacity:0.30; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=30); +} + + + +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-heading] i:first-child {margin-right: 10px;} +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group="collapsed"] div[data-ydtb-accordion-heading] i[data-ydtb-icon="q"] {display: none;} +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group="expanded"] div[data-ydtb-accordion-heading] i[data-ydtb-icon="t"] {display: none;} + +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-heading][data-ydtb-data-size="0"] i[data-ydtb-icon="q"], +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-heading][data-ydtb-data-size="0"] i[data-ydtb-icon="t"] { + display: none; +} + +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group] div[data-ydtb-accordion-body] { + -webkit-transition: height 0.3s ease-in-out; + -moz-transition: height 0.3s ease-in-out; + -o-transition: height 0.3s ease-in-out; + transition: height 0.3s ease-in-out; + overflow: hidden; + border-bottom: 1px solid #273C46; +} + +#ydtb-toolbar div[data-ydtb-accordion] div[data-ydtb-accordion-group="collapsed"] div[data-ydtb-accordion-body] { + height: 0px; + border-bottom: 1px solid #fff; +} + + +#ydtb-toolbar table[data-ydtb-data-table] { + width:100%; + border-collapse: collapse; +} + +#ydtb-toolbar table[data-ydtb-data-table="fixed"] { + table-layout:fixed; +} + + +#ydtb-toolbar table[data-ydtb-data-table] * { + font-size: 14px; +} + +#ydtb-toolbar table[data-ydtb-data-table] tr { + border: 1px solid #E7F8FF; + border-right: 0 none; +} + +#ydtb-toolbar table[data-ydtb-data-table] th { + background: #E7F8FF; + color: #273C46; + padding: 5px 10px 5px 10px; +} + +#ydtb-toolbar table[data-ydtb-data-table] tbody tr th { + width: 20%; + text-align: right; + overflow: hidden; + font-weight: bold; +} + +#ydtb-toolbar table[data-ydtb-data-table] tr td { + padding: 5px 10px 5px 10px; + vertical-align: middle; + overflow: hidden; +} + +#ydtb-toolbar table[data-ydtb-data-table] tr.ydtb-hover, +#ydtb-toolbar table[data-ydtb-data-table] tbody tr.ydtb-hover th { + background: #E7F8EE; + border: 1px solid #E7F8EE; +} + +#ydtb-toolbar table[data-ydtb-data-table] tr td[data-ydtb-data-type="varchar"] { + width: 100%; +} + +#ydtb-toolbar table[data-ydtb-data-table] tr td[data-ydtb-data-type="char"] { + white-space: nowrap; +} + + +#ydtb-toolbar table[data-ydtb-data-table] tr td[data-ydtb-data-type="number"] { + text-align: right; + white-space: nowrap; +} + + diff --git a/widgets/YiiDebugToolbarResourceUsage.php b/widgets/YiiDebugToolbarResourceUsage.php index d9de683..9fafadd 100644 --- a/widgets/YiiDebugToolbarResourceUsage.php +++ b/widgets/YiiDebugToolbarResourceUsage.php @@ -46,14 +46,14 @@ public function run() 'i' => 'b', 'value' => sprintf('%0.4F', $this->getLoadTime()), 'unit' => 'seconds', - 'title' => YiiDebug::t('Page Load Time') + 'title' => YiiDebug::t('Page Load Time') ); $data[] = array( 'i' => 'a', 'value' => sprintf('%0.4F', $this->getRequestLoadTime()), 'unit' => 'seconds', - 'title' => YiiDebug::t('Elapsed Time') + 'title' => YiiDebug::t('Elapsed Time') ); $memoryUsage = number_format(Yii::getLogger()->getMemoryUsage() / 1024 / 1024, 2); @@ -66,7 +66,7 @@ public function run() 'i' => 'p', 'value' => $memoryUsage, 'unit' => 'megabytes', - 'title' => YiiDebug::t('Memory Usage') .'/'. YiiDebug::t('Memory Peak Usage') + 'title' => YiiDebug::t('Memory Usage') .'/'. YiiDebug::t('Memory Peak Usage') ); @@ -75,4 +75,4 @@ public function run() )); } -} \ No newline at end of file +}