From a8bae94e8d0e4f627f8e48fce4adcc3f1cea2e40 Mon Sep 17 00:00:00 2001 From: RaNaN Date: Tue, 18 Dec 2012 21:00:35 +0100 Subject: separeted dashboard.less --- module/web/static/css/default/dashboard.less | 134 ++++++++++++++++++++++++++ module/web/static/css/default/style.less | 135 +-------------------------- module/web/templates/default/dashboard.html | 4 + 3 files changed, 139 insertions(+), 134 deletions(-) create mode 100644 module/web/static/css/default/dashboard.less diff --git a/module/web/static/css/default/dashboard.less b/module/web/static/css/default/dashboard.less new file mode 100644 index 000000000..4e056dc8d --- /dev/null +++ b/module/web/static/css/default/dashboard.less @@ -0,0 +1,134 @@ +@import "style.less"; + +/* + Dashboard +*/ + +.nav > li > a:hover { + color: @blue; +} + +#dash-nav { + border-bottom: 1px dashed @grey; + padding-bottom: 2px; + margin-bottom: 5px; +} + +#dash-nav > li > a { + margin-top: 5px; +} + +#dash-nav .breadcrumb { + margin: 0; + padding-top: 10px; + padding-bottom: 0; + + .active { + color: @grey; + } + +} + +#dash-nav form { + margin-top: 8px; + margin-bottom: 0; +} + +#dash-nav input, #dash-nav button { + padding-top: 2px; + padding-bottom: 2px; +} + +#dash-nav .dropdown-menu i { + margin-top: 4px; + padding-right: 5px; +} + +#dashboard ul { + margin: 0; + list-style: none; +} + +/* + Package View +*/ + +.package-view { + margin-bottom: 3px; +} + +.package-view > div { + color: @light; + .gradient(top, @blue, @blueLight); // background-color: @blue; + font-weight: bold; + border-radius: 5px; + line-height: 28px; + cursor: pointer; +} + +.package-view > div:hover { + .gradient(top, @blue, @blueDark); +} + +.package-row { + display: inline-block; + height: 100%; + padding-left: 8px; + padding-right: 8px; +} + +.package-row.first { + width: 50%; +} + +.package-row.second { + width: 30%; + .gradient(top, @blueDark, @blueDarker); + font-size: smaller; +} + +.package-view a { + color: @light; +} + +.package-graph { + display: inline; + width: 20px; + height: 20px; + + canvas { + margin-bottom: -3px; + } +} + +/* + File view +*/ + +.file-view { + margin-top: 3px; +} + +.file-view > div { + border-radius: 5px; + .gradient(top, @blueLighter, @blueLightest); + line-height: 26px; +} + +.file-view > div:hover { + .gradient(top, @blue, @blueLight) +} + +.file-row { + display: inline-block; + height: 100%; + padding-left: 8px; + padding-right: 8px; +} + +.file-row.first { + width: 50%; +} +.file-row.second { + width: 30%; +} \ No newline at end of file diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less index 93a017fba..4ad4d5f19 100644 --- a/module/web/static/css/default/style.less +++ b/module/web/static/css/default/style.less @@ -345,137 +345,4 @@ footer h2 { background: radial-gradient(center, ellipse cover, rgba(236, 208, 66, 0) 0%, rgba(40, 119, 171, 0.9) 100%); z-index: 50; opacity: 0; -} - -/* - Dashboard -*/ - -.nav > li > a:hover { - color: @blue; -} - -#dash-nav { - border-bottom: 1px dashed @grey; - padding-bottom: 2px; - margin-bottom: 5px; -} - -#dash-nav > li > a { - margin-top: 5px; -} - -#dash-nav .breadcrumb { - margin: 0; - padding-top: 10px; - padding-bottom: 0; - - .active { - color: @grey; - } - -} - -#dash-nav form { - margin-top: 8px; - margin-bottom: 0; -} - -#dash-nav input, #dash-nav button { - padding-top: 2px; - padding-bottom: 2px; -} - -#dash-nav .dropdown-menu i { - margin-top: 4px; - padding-right: 5px; -} - -#dashboard ul { - margin: 0; - list-style: none; -} - -/* - Package View -*/ - -.package-view { - margin-bottom: 3px; -} - -.package-view > div { - color: @light; - .gradient(top, @blue, @blueLight); // background-color: @blue; - font-weight: bold; - border-radius: 5px; - line-height: 28px; - cursor: pointer; -} - -.package-view > div:hover { - .gradient(top, @blue, @blueDark); -} - -.package-row { - display: inline-block; - height: 100%; - padding-left: 8px; - padding-right: 8px; -} - -.package-row.first { - width: 50%; -} - -.package-row.second { - width: 30%; - .gradient(top, @blueDark, @blueDarker); - font-size: smaller; -} - -.package-view a { - color: @light; -} - -.package-graph { - display: inline; - width: 20px; - height: 20px; - - canvas { - margin-bottom: -3px; - } -} - -/* - File view -*/ - -.file-view { - margin-top: 3px; -} - -.file-view > div { - border-radius: 5px; - .gradient(top, @blueLighter, @blueLightest); - line-height: 26px; -} - -.file-view > div:hover { - .gradient(top, @blue, @blueLight) -} - -.file-row { - display: inline-block; - height: 100%; - padding-left: 8px; - padding-right: 8px; -} - -.file-row.first { - width: 50%; -} -.file-row.second { - width: 30%; -} +} \ No newline at end of file diff --git a/module/web/templates/default/dashboard.html b/module/web/templates/default/dashboard.html index 2ce97635e..b5fdf406b 100644 --- a/module/web/templates/default/dashboard.html +++ b/module/web/templates/default/dashboard.html @@ -3,6 +3,10 @@ {{ _("Dashboard") }} - {{ super() }} {% endblock %} +{% block css %} + +{% endblock %} + {% block require %} App.initPackageTree(); {% endblock %} -- cgit v1.2.3