From a4bc6867bd42fca9b37156e080d1c8b058fc9ca5 Mon Sep 17 00:00:00 2001 From: RaNaN Date: Tue, 26 Feb 2013 19:18:34 +0100 Subject: improved file view, added default plugin icon --- module/web/static/css/default/common.less | 2 + module/web/static/css/default/dashboard.less | 48 ++++++++++-- module/web/static/css/default/style.less | 4 + module/web/static/css/fontawesome.css | 109 +++++++++++++++------------ 4 files changed, 109 insertions(+), 54 deletions(-) (limited to 'module/web/static/css') diff --git a/module/web/static/css/default/common.less b/module/web/static/css/default/common.less index ba96bb4ed..97cc20463 100644 --- a/module/web/static/css/default/common.less +++ b/module/web/static/css/default/common.less @@ -39,9 +39,11 @@ @green: #468847; @greenLight: lighten(spin(@green, 5), 10%); +@greenDark: darken(spin(@green, -5), 10%); @red: #b94a48; @redLight: lighten(spin(@red, 5), 10%); +@redDark: darken(spin(@red, -5), 10%); @emph: #FF7637; diff --git a/module/web/static/css/default/dashboard.less b/module/web/static/css/default/dashboard.less index 72758959c..12d833168 100644 --- a/module/web/static/css/default/dashboard.less +++ b/module/web/static/css/default/dashboard.less @@ -156,14 +156,38 @@ } .file-view { + position: relative; margin-bottom: 3px; color: @light; .gradient(top, @blue, @blueLight); // background-color: @blue; border-radius: 5px; line-height: 28px; + &:hover { .gradient(top, @blue, @blueDark); } + + &.selected { + .gradient(top, @yellow, @yellowDark); + color: @dark; + + .iconf-chevron-down:hover { + color: @light; + } + + } + + img { + padding: 0 2px; + height: 24px; + width: 24px; + } + + .iconf-chevron-down:hover { + cursor: pointer; + color: @yellow; + } + } .file-row { @@ -185,22 +209,36 @@ width: 50%; font-weight: bold; - .icon-file { + .icon-white { cursor: move; } } .file-row.second { + color: @light; + font-size: small; width: 20%; .gradient(top, @blueDark, @blueDarker); - font-size: smaller; } -.file-view a { - color: @light; +.file-row.third { + font-size: small; + + .dropdown-menu { + font-size: medium; + } + } +//.file-row.finished { +// .gradient(top, @green, @greenLight); +//} +// +//.file-row.failed { +// .gradient(top, @red, @redLight); +//} + /* FANCY CHECKBOXES */ @@ -214,6 +252,6 @@ FANCY CHECKBOXES cursor: pointer; } -.file-view .checkbox.checked { +.file-view.selected .checkbox { background: url(../../img/default/checks_sheet.png) -21px top no-repeat; } diff --git a/module/web/static/css/default/style.less b/module/web/static/css/default/style.less index 7c857227f..c009a3920 100644 --- a/module/web/static/css/default/style.less +++ b/module/web/static/css/default/style.less @@ -271,6 +271,10 @@ header .logo { font-size: small; li { + background-repeat: no-repeat; + background-size: 32px 32px; + background-position: 0px 8px; + padding-left: 38px; &:not(:last-child) { margin-bottom: 5px; diff --git a/module/web/static/css/fontawesome.css b/module/web/static/css/fontawesome.css index ca7a8ed83..d8cb66237 100644 --- a/module/web/static/css/fontawesome.css +++ b/module/web/static/css/fontawesome.css @@ -268,52 +268,63 @@ ul.icons li [class*=" iconf-"] { .btn .iconf-spin.iconf-large { height: .75em; } -}.iconf-search:before { content: "\f021"; } -.iconf-user:before { content: "\f022"; } -.iconf-ok:before { content: "\f023"; } -.iconf-remove:before { content: "\f024"; } -.iconf-cog:before { content: "\f025"; } -.iconf-trash:before { content: "\f026"; } -.iconf-repeat:before { content: "\f027"; } -.iconf-refresh:before { content: "\f028"; } -.iconf-list-alt:before { content: "\f029"; } -.iconf-lock:before { content: "\f02a"; } -.iconf-tag:before { content: "\f02b"; } -.iconf-tags:before { content: "\f02c"; } -.iconf-list:before { content: "\f02d"; } -.iconf-pencil:before { content: "\f02e"; } -.iconf-edit:before { content: "\f02f"; } -.iconf-share:before { content: "\f030"; } -.iconf-check:before { content: "\f031"; } -.iconf-play:before { content: "\f032"; } -.iconf-pause:before { content: "\f033"; } -.iconf-stop:before { content: "\f034"; } -.iconf-eye-open:before { content: "\f035"; } -.iconf-eye-close:before { content: "\f036"; } -.iconf-check-empty:before { content: "\f037"; } -.iconf-globe:before { content: "\f038"; } -.iconf-tasks:before { content: "\f039"; } -.iconf-filter:before { content: "\f03a"; } -.iconf-plus-sign:before { content: "\f03b"; } -.iconf-chevron-left:before { content: "\f03c"; } -.iconf-chevron-right:before { content: "\f03d"; } -.iconf-chevron-up:before { content: "\f03e"; } -.iconf-chevron-down:before { content: "\f03f"; } -.iconf-key:before { content: "\f040"; } -.iconf-cogs:before { content: "\f041"; } -.iconf-signout:before { content: "\f042"; } -.iconf-signin:before { content: "\f043"; } -.iconf-wrench:before { content: "\f044"; } -.iconf-inbox:before { content: "\f045"; } -.iconf-share:before { content: "\f046"; } -.iconf-hdd:before { content: "\f047"; } -.iconf-group:before { content: "\f048"; } -.iconf-cloud:before { content: "\f049"; } -.iconf-carret-left:before { content: "\f04a"; } -.iconf-sort-down:before { content: "\f04b"; } -.iconf-sort-up:before { content: "\f04c"; } -.iconf-sitemap:before { content: "\f04d"; } -.iconf-folder-open:before { content: "\f04e"; } -.iconf-folder-open-alt:before { content: "\f04f"; } -.iconf-folder-close:before { content: "\f050"; } -.iconf-folder-close-alt:before { content: "\f051"; } +}.iconf-music:before { content: "\f021"; } +.iconf-search:before { content: "\f022"; } +.iconf-user:before { content: "\f023"; } +.iconf-film:before { content: "\f024"; } +.iconf-file:before { content: "\f025"; } +.iconf-download-alt:before { content: "\f026"; } +.iconf-download:before { content: "\f027"; } +.iconf-inbox:before { content: "\f028"; } +.iconf-ok:before { content: "\f029"; } +.iconf-remove:before { content: "\f02a"; } +.iconf-cog:before { content: "\f02b"; } +.iconf-trash:before { content: "\f02c"; } +.iconf-repeat:before { content: "\f02d"; } +.iconf-refresh:before { content: "\f02e"; } +.iconf-list-alt:before { content: "\f02f"; } +.iconf-lock:before { content: "\f030"; } +.iconf-tag:before { content: "\f031"; } +.iconf-tags:before { content: "\f032"; } +.iconf-print:before { content: "\f033"; } +.iconf-list:before { content: "\f034"; } +.iconf-picture:before { content: "\f035"; } +.iconf-pencil:before { content: "\f036"; } +.iconf-edit:before { content: "\f037"; } +.iconf-share:before { content: "\f038"; } +.iconf-check:before { content: "\f039"; } +.iconf-play:before { content: "\f03a"; } +.iconf-pause:before { content: "\f03b"; } +.iconf-stop:before { content: "\f03c"; } +.iconf-eye-open:before { content: "\f03d"; } +.iconf-eye-close:before { content: "\f03e"; } +.iconf-bar-chart:before { content: "\f03f"; } +.iconf-check-empty:before { content: "\f040"; } +.iconf-globe:before { content: "\f041"; } +.iconf-tasks:before { content: "\f042"; } +.iconf-filter:before { content: "\f043"; } +.iconf-plus-sign:before { content: "\f044"; } +.iconf-chevron-left:before { content: "\f045"; } +.iconf-chevron-right:before { content: "\f046"; } +.iconf-chevron-up:before { content: "\f047"; } +.iconf-chevron-down:before { content: "\f048"; } +.iconf-key:before { content: "\f049"; } +.iconf-cogs:before { content: "\f04a"; } +.iconf-signout:before { content: "\f04b"; } +.iconf-signin:before { content: "\f04c"; } +.iconf-wrench:before { content: "\f04d"; } +.iconf-inbox:before { content: "\f04e"; } +.iconf-share:before { content: "\f04f"; } +.iconf-hdd:before { content: "\f050"; } +.iconf-group:before { content: "\f051"; } +.iconf-cloud:before { content: "\f052"; } +.iconf-save:before { content: "\f053"; } +.iconf-carret-left:before { content: "\f054"; } +.iconf-sort-down:before { content: "\f055"; } +.iconf-sort-up:before { content: "\f056"; } +.iconf-sitemap:before { content: "\f057"; } +.iconf-file-alt:before { content: "\f058"; } +.iconf-folder-open:before { content: "\f059"; } +.iconf-folder-open-alt:before { content: "\f05a"; } +.iconf-folder-close:before { content: "\f05b"; } +.iconf-folder-close-alt:before { content: "\f05c"; } -- cgit v1.2.3