Skip to content

Commit

Permalink
feature 1668: visual enhancement for user manager redesign. Appropriate
Browse files Browse the repository at this point in the history 
(fontello) icons for open/close user details, appropriate colors for
DataTables.


git-svn-id: http://piwigo.org/svn/trunk@25457 68402e56-0260-453c-a942-63ccdbb3a9ee
  • Loading branch information
@plegall
plegall committed Nov 11, 2013
1 parent 0ccfcb8 commit 1f4e4b9
Show file tree
Hide file tree
Showing 18 changed files with 404 additions and 321 deletions.
22 changes: 22 additions & 0 deletions admin/themes/clear/theme.css
View file
Expand Up @@ -335,4 +335,26 @@ label>p.group_select {

.userSeparator {
color:#999;
}

table.dataTable tr.even {
background-color: #ddd !important;
}

table.dataTable tr.even td.sorting_1 {
background-color: #ccc !important;
color:#333;
}

table.dataTable tr.odd {
background-color: #eee !important;
}

table.dataTable tr.odd td.sorting_1 {
background-color: #ddd !important;
color:#333;
}

table.dataTable thead th {
border-color: #aaa !important;
}
36 changes: 18 additions & 18 deletions admin/themes/default/fontello/LICENSE.txt
View file
@@ -1,15 +1,6 @@
Font license info


## Entypo

Copyright (C) 2012 by Daniel Bruce

Author: Daniel Bruce
License: CC BY-SA (http://creativecommons.org/licenses/by-sa/2.0/)
Homepage: http://www.entypo.com


## Font Awesome

Copyright (C) 2012 by Dave Gandy
Expand All @@ -19,15 +10,6 @@ Font license info
Homepage: http://fortawesome.github.com/Font-Awesome/


## Iconic

Copyright (C) 2012 by P.J. Onori

Author: P.J. Onori
License: SIL (http://scripts.sil.org/OFL)
Homepage: http://somerandomdude.com/work/iconic/


## Elusive

Copyright (C) 2013 by Aristeides Stathopoulos
Expand All @@ -37,6 +19,15 @@ Font license info
Homepage: http://aristeides.com/


## Entypo

Copyright (C) 2012 by Daniel Bruce

Author: Daniel Bruce
License: CC BY-SA (http://creativecommons.org/licenses/by-sa/2.0/)
Homepage: http://www.entypo.com


## Typicons

(c) Stephen Hutchings 2012
Expand All @@ -46,6 +37,15 @@ Font license info
Homepage: http://typicons.com/


## Iconic

Copyright (C) 2012 by P.J. Onori

Author: P.J. Onori
License: SIL (http://scripts.sil.org/OFL)
Homepage: http://somerandomdude.com/work/iconic/


## MFG Labs

Copyright (C) 2012 by Daniel Bruce
Expand Down
15 changes: 15 additions & 0 deletions admin/themes/default/fontello/config.json
View file
Expand Up @@ -2,6 +2,9 @@
"name": "",
"css_prefix_text": "icon-",
"css_use_suffix": false,
"hinting": true,
"units_per_em": 1000,
"ascent": 850,
"glyphs": [
{
"uid": "bf882b30900da12fca090d9796bc3030",
Expand Down Expand Up @@ -147,6 +150,18 @@
"code": 59410,
"src": "fontawesome"
},
{
"uid": "8cbd5bcfb00043b8094fd7ac21ae5e06",
"css": "angle-circled-up",
"code": 59417,
"src": "fontawesome"
},
{
"uid": "c35e0796f6f806945a44b1655ce7bbe7",
"css": "angle-circled-down",
"code": 59416,
"src": "fontawesome"
},
{
"uid": "bc71f4c6e53394d5ba46b063040014f1",
"css": "cw",
Expand Down
76 changes: 39 additions & 37 deletions admin/themes/default/fontello/css/fontello-codes.css
View file
@@ -1,54 +1,56 @@
@charset "UTF-8";


.icon-home:before { content: '\e80e'; } /* '' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-asl:before { content: '\e0ad'; } /* '' */
.icon-star:before { content: '\2605'; } /* '★' */
.icon-star-empty:before { content: '\2606'; } /* '☆' */
.icon-tools:before { content: '\e803'; } /* '' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-cog-alt:before { content: '\26ef'; } /* '⛯' */
.icon-mail-1:before { content: '\e810'; } /* '' */
.icon-mail:before { content: '\2709'; } /* '✉' */
.icon-pencil:before { content: '\270e'; } /* '✎' */
.icon-user:before { content: '👤'; } /* '\1f464' */
.icon-picture:before { content: '🌄'; } /* '\1f304' */
.icon-plus-circled:before { content: '\2795'; } /* '➕' */
.icon-cw:before { content: '\e80c'; } /* '' */
.icon-group:before { content: '\e80d'; } /* '' */
.icon-asl:before { content: '\e0ad'; } /* '' */
.icon-puzzle:before { content: '\e7b6'; } /* '' */
.icon-user-add:before { content: '\e80b'; } /* '' */
.icon-info-circled-1:before { content: '\e817'; } /* '' */
.icon-link:before { content: '🔗'; } /* '\1f517' */
.icon-lock:before { content: '🔒'; } /* '\1f512' */
.icon-eye:before { content: '\e70a'; } /* '' */
.icon-tags:before { content: '\e70d'; } /* '' */
.icon-upload-cloud:before { content: '\e814'; } /* '' */
.icon-code:before { content: '\e80a'; } /* '' */
.icon-pencil:before { content: '\270e'; } /* '✎' */
.icon-chat:before { content: '\e720'; } /* '' */
.icon-trash:before { content: '\e729'; } /* '' */
.icon-folder-open:before { content: '\e806'; } /* '' */
.icon-menu:before { content: '\e809'; } /* '' */
.icon-cog:before { content: '\2699'; } /* '⚙' */
.icon-cog-alt:before { content: '\26ef'; } /* '⛯' */
.icon-wrench:before { content: '🔧'; } /* '\1f527' */
.icon-basket:before { content: '\e73d'; } /* '' */
.icon-language:before { content: '\e800'; } /* '' */
.icon-arrows-cw:before { content: '\e804'; } /* '' */
.icon-network:before { content: '\e816'; } /* '' */
.icon-flow-branch:before { content: '\e808'; } /* '' */
.icon-equalizer:before { content: '\e80f'; } /* '' */
.icon-brush:before { content: '\e807'; } /* '' */
.icon-clock:before { content: '🕔'; } /* '\1f554' */
.icon-block:before { content: '🚫'; } /* '\1f6ab' */
.icon-move:before { content: '\e812'; } /* '' */
.icon-users:before { content: '\e802'; } /* '' */
.icon-tasks:before { content: '\f0ae'; } /* '' */
.icon-filter:before { content: '\f0b0'; } /* '' */
.icon-menu:before { content: '\e809'; } /* '' */
.icon-angle-circled-up:before { content: '\e819'; } /* '' */
.icon-angle-circled-down:before { content: '\e818'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-arrows-cw:before { content: '\e804'; } /* '' */
.icon-shuffle:before { content: '🔀'; } /* '\1f500' */
.icon-exchange:before { content: '\e805'; } /* '' */
.icon-code:before { content: '\e80a'; } /* '' */
.icon-crop:before { content: '\f125'; } /* '' */
.icon-picture:before { content: '🌄'; } /* '\1f304' */
.icon-user:before { content: '👤'; } /* '\1f464' */
.icon-folder-open:before { content: '\e806'; } /* '' */
.icon-upload:before { content: '\e813'; } /* '' */
.icon-signal:before { content: '\e801'; } /* '' */
.icon-shuffle:before { content: '🔀'; } /* '\1f500' */
.icon-crop:before { content: '\f125'; } /* '' */
.icon-tasks:before { content: '\f0ae'; } /* '' */
.icon-filter:before { content: '\f0b0'; } /* '' */
.icon-sitemap:before { content: '\f0e8'; } /* '' */
.icon-search:before { content: '\e811'; } /* '' */
.icon-user-add:before { content: '\e80b'; } /* '' */
.icon-info-circled-1:before { content: '\e817'; } /* '' */
.icon-home:before { content: '\e80e'; } /* '' */
.icon-upload:before { content: '\e813'; } /* '' */
.icon-upload-cloud:before { content: '\e814'; } /* '' */
.icon-tools:before { content: '\e803'; } /* '' */
.icon-network:before { content: '\e816'; } /* '' */
.icon-brush:before { content: '\e807'; } /* '' */
.icon-language:before { content: '\e800'; } /* '' */
.icon-key:before { content: '\e815'; } /* '' */
.icon-lock:before { content: '🔒'; } /* '\1f512' */
.icon-link:before { content: '🔗'; } /* '\1f517' */
.icon-wrench:before { content: '🔧'; } /* '\1f527' */
.icon-clock:before { content: '🕔'; } /* '\1f554' */
.icon-block:before { content: '🚫'; } /* '\1f6ab' */
.icon-flow-branch:before { content: '\e808'; } /* '' */
.icon-puzzle:before { content: '\e7b6'; } /* '' */
.icon-mail-1:before { content: '\e810'; } /* '' */
.icon-equalizer:before { content: '\e80f'; } /* '' */
.icon-users:before { content: '\e802'; } /* '' */
.icon-group:before { content: '\e80d'; } /* '' */
.icon-cw:before { content: '\e80c'; } /* '' */
88 changes: 45 additions & 43 deletions admin/themes/default/fontello/css/fontello-embedded.css
View file

Large diffs are not rendered by default.

76 changes: 39 additions & 37 deletions admin/themes/default/fontello/css/fontello-ie7-codes.css
View file
@@ -1,52 +1,54 @@

.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '✉ '); }
.icon-asl { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-star { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '★ '); }
.icon-star-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '☆ '); }
.icon-tools { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '⚙ '); }
.icon-cog-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '⛯ '); }
.icon-mail-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '✉ '); }
.icon-pencil { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '✎ '); }
.icon-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '👤 '); }
.icon-picture { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🌄 '); }
.icon-plus-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '➕ '); }
.icon-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-group { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-asl { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-puzzle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-user-add { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-info-circled-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-link { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔗 '); }
.icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔒 '); }
.icon-eye { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-tags { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-upload-cloud { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-code { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-pencil { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '✎ '); }
.icon-chat { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-trash { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-folder-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-menu { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '⚙ '); }
.icon-cog-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '⛯ '); }
.icon-wrench { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔧 '); }
.icon-basket { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-language { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-arrows-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-network { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-flow-branch { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-equalizer { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-brush { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-clock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🕔 '); }
.icon-block { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🚫 '); }
.icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-users { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-tasks { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-filter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-menu { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-circled-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-angle-circled-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-mail-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-sitemap { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-arrows-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-shuffle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔀 '); }
.icon-exchange { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-code { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-crop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-picture { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🌄 '); }
.icon-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '👤 '); }
.icon-folder-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-signal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-shuffle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔀 '); }
.icon-crop { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-tasks { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-filter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-sitemap { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-user-add { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-info-circled-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-upload-cloud { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-tools { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-network { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-brush { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-language { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-key { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔒 '); }
.icon-link { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔗 '); }
.icon-wrench { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔧 '); }
.icon-clock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🕔 '); }
.icon-block { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🚫 '); }
.icon-flow-branch { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-puzzle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-mail-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-equalizer { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-users { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-group { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

0 comments on commit 1f4e4b9

Please sign in to comment.