diff options
| author | mattab <matthieu.aubry@gmail.com> | 2013-11-22 06:03:35 +0400 |
|---|---|---|
| committer | mattab <matthieu.aubry@gmail.com> | 2013-11-22 06:03:35 +0400 |
| commit | 4c2f9736268b4b5e20113ad02051610dc16f54b0 (patch) | |
| tree | a15fb1ccec38a6820f9fabd31c5b01d0daf7352e /plugins | |
| parent | e35d3c860315a0617217fdb7a7c1fa8684b7c8e0 (diff) | |
Refs #4127 Adding new theme for Piwik 2: Morpheus. Morpheus is the default theme of Piwik 2 designed to help you focus on your analytics reports. In Greek mythology, Morpheus is the God of dreams. In the Matrix movie, Morpheus is the leader of the rebel forces who fight to awaken humans from a dreamlike reality called The Matrix.
Kuddos to the team at Clearcode for building this new theme!
Work in progress...
Diffstat (limited to 'plugins')
113 files changed, 2598 insertions, 0 deletions
diff --git a/plugins/Morpheus/images/add.png b/plugins/Morpheus/images/add.png Binary files differnew file mode 100644 index 0000000000..20ca336160 --- /dev/null +++ b/plugins/Morpheus/images/add.png diff --git a/plugins/Morpheus/images/affix-arrow.png b/plugins/Morpheus/images/affix-arrow.png Binary files differnew file mode 100644 index 0000000000..bc45f553a4 --- /dev/null +++ b/plugins/Morpheus/images/affix-arrow.png diff --git a/plugins/Morpheus/images/arr_r.png b/plugins/Morpheus/images/arr_r.png Binary files differnew file mode 100644 index 0000000000..4a244a89e9 --- /dev/null +++ b/plugins/Morpheus/images/arr_r.png diff --git a/plugins/Morpheus/images/background-submit.png b/plugins/Morpheus/images/background-submit.png Binary files differnew file mode 100644 index 0000000000..033a47ad9a --- /dev/null +++ b/plugins/Morpheus/images/background-submit.png diff --git a/plugins/Morpheus/images/chart_bar.png b/plugins/Morpheus/images/chart_bar.png Binary files differnew file mode 100644 index 0000000000..6c96e7bd57 --- /dev/null +++ b/plugins/Morpheus/images/chart_bar.png diff --git a/plugins/Morpheus/images/chart_line_edit.png b/plugins/Morpheus/images/chart_line_edit.png Binary files differnew file mode 100644 index 0000000000..e437801b3d --- /dev/null +++ b/plugins/Morpheus/images/chart_line_edit.png diff --git a/plugins/Morpheus/images/chart_line_edit_bg.png b/plugins/Morpheus/images/chart_line_edit_bg.png Binary files differnew file mode 100644 index 0000000000..b474a161ad --- /dev/null +++ b/plugins/Morpheus/images/chart_line_edit_bg.png diff --git a/plugins/Morpheus/images/chart_pie.png b/plugins/Morpheus/images/chart_pie.png Binary files differnew file mode 100644 index 0000000000..610f857890 --- /dev/null +++ b/plugins/Morpheus/images/chart_pie.png diff --git a/plugins/Morpheus/images/close.png b/plugins/Morpheus/images/close.png Binary files differnew file mode 100644 index 0000000000..44b591bd03 --- /dev/null +++ b/plugins/Morpheus/images/close.png diff --git a/plugins/Morpheus/images/collapsed_arrows.gif b/plugins/Morpheus/images/collapsed_arrows.gif Binary files differnew file mode 100644 index 0000000000..458728fdec --- /dev/null +++ b/plugins/Morpheus/images/collapsed_arrows.gif diff --git a/plugins/Morpheus/images/configure-highlight.png b/plugins/Morpheus/images/configure-highlight.png Binary files differnew file mode 100644 index 0000000000..dd37fc14de --- /dev/null +++ b/plugins/Morpheus/images/configure-highlight.png diff --git a/plugins/Morpheus/images/configure.png b/plugins/Morpheus/images/configure.png Binary files differnew file mode 100644 index 0000000000..5a0ec4a785 --- /dev/null +++ b/plugins/Morpheus/images/configure.png diff --git a/plugins/Morpheus/images/dashboard_h_bg.png b/plugins/Morpheus/images/dashboard_h_bg.png Binary files differnew file mode 100644 index 0000000000..279a94949d --- /dev/null +++ b/plugins/Morpheus/images/dashboard_h_bg.png diff --git a/plugins/Morpheus/images/dashboard_h_bg_hover.png b/plugins/Morpheus/images/dashboard_h_bg_hover.png Binary files differnew file mode 100644 index 0000000000..37e4bd54e8 --- /dev/null +++ b/plugins/Morpheus/images/dashboard_h_bg_hover.png diff --git a/plugins/Morpheus/images/data_table_footer_active_item.png b/plugins/Morpheus/images/data_table_footer_active_item.png Binary files differnew file mode 100644 index 0000000000..343591f6bf --- /dev/null +++ b/plugins/Morpheus/images/data_table_footer_active_item.png diff --git a/plugins/Morpheus/images/datepicker_arr_l.png b/plugins/Morpheus/images/datepicker_arr_l.png Binary files differnew file mode 100644 index 0000000000..aa73d36239 --- /dev/null +++ b/plugins/Morpheus/images/datepicker_arr_l.png diff --git a/plugins/Morpheus/images/datepicker_arr_r.png b/plugins/Morpheus/images/datepicker_arr_r.png Binary files differnew file mode 100644 index 0000000000..7bd04bc236 --- /dev/null +++ b/plugins/Morpheus/images/datepicker_arr_r.png diff --git a/plugins/Morpheus/images/delete.png b/plugins/Morpheus/images/delete.png Binary files differnew file mode 100644 index 0000000000..f2a3c2a20d --- /dev/null +++ b/plugins/Morpheus/images/delete.png diff --git a/plugins/Morpheus/images/download.png b/plugins/Morpheus/images/download.png Binary files differnew file mode 100644 index 0000000000..1920b1bb22 --- /dev/null +++ b/plugins/Morpheus/images/download.png diff --git a/plugins/Morpheus/images/ecommerceAbandonedCart.gif b/plugins/Morpheus/images/ecommerceAbandonedCart.gif Binary files differnew file mode 100644 index 0000000000..b4ec1d75f7 --- /dev/null +++ b/plugins/Morpheus/images/ecommerceAbandonedCart.gif diff --git a/plugins/Morpheus/images/ecommerceOrder.gif b/plugins/Morpheus/images/ecommerceOrder.gif Binary files differnew file mode 100644 index 0000000000..664e035509 --- /dev/null +++ b/plugins/Morpheus/images/ecommerceOrder.gif diff --git a/plugins/Morpheus/images/email.png b/plugins/Morpheus/images/email.png Binary files differnew file mode 100644 index 0000000000..4a6c5d396a --- /dev/null +++ b/plugins/Morpheus/images/email.png diff --git a/plugins/Morpheus/images/error.png b/plugins/Morpheus/images/error.png Binary files differnew file mode 100644 index 0000000000..2997461b21 --- /dev/null +++ b/plugins/Morpheus/images/error.png diff --git a/plugins/Morpheus/images/error_medium.png b/plugins/Morpheus/images/error_medium.png Binary files differnew file mode 100644 index 0000000000..538cb9039f --- /dev/null +++ b/plugins/Morpheus/images/error_medium.png diff --git a/plugins/Morpheus/images/event.png b/plugins/Morpheus/images/event.png Binary files differnew file mode 100644 index 0000000000..ad4b38a01b --- /dev/null +++ b/plugins/Morpheus/images/event.png diff --git a/plugins/Morpheus/images/expanded_arrows.gif b/plugins/Morpheus/images/expanded_arrows.gif Binary files differnew file mode 100644 index 0000000000..ed33959206 --- /dev/null +++ b/plugins/Morpheus/images/expanded_arrows.gif diff --git a/plugins/Morpheus/images/export.png b/plugins/Morpheus/images/export.png Binary files differnew file mode 100644 index 0000000000..110af8c431 --- /dev/null +++ b/plugins/Morpheus/images/export.png diff --git a/plugins/Morpheus/images/feed.png b/plugins/Morpheus/images/feed.png Binary files differnew file mode 100644 index 0000000000..315c4f4fa6 --- /dev/null +++ b/plugins/Morpheus/images/feed.png diff --git a/plugins/Morpheus/images/fullscreen.png b/plugins/Morpheus/images/fullscreen.png Binary files differnew file mode 100644 index 0000000000..3c3273ba9d --- /dev/null +++ b/plugins/Morpheus/images/fullscreen.png diff --git a/plugins/Morpheus/images/goal.png b/plugins/Morpheus/images/goal.png Binary files differnew file mode 100644 index 0000000000..69db019e5e --- /dev/null +++ b/plugins/Morpheus/images/goal.png diff --git a/plugins/Morpheus/images/grey_marker.png b/plugins/Morpheus/images/grey_marker.png Binary files differnew file mode 100644 index 0000000000..b0e3e3e6ae --- /dev/null +++ b/plugins/Morpheus/images/grey_marker.png diff --git a/plugins/Morpheus/images/help.png b/plugins/Morpheus/images/help.png Binary files differnew file mode 100644 index 0000000000..5c870176d4 --- /dev/null +++ b/plugins/Morpheus/images/help.png diff --git a/plugins/Morpheus/images/help_grey.png b/plugins/Morpheus/images/help_grey.png Binary files differnew file mode 100644 index 0000000000..8f3df97e9c --- /dev/null +++ b/plugins/Morpheus/images/help_grey.png diff --git a/plugins/Morpheus/images/html_icon.png b/plugins/Morpheus/images/html_icon.png Binary files differnew file mode 100644 index 0000000000..7b4308d885 --- /dev/null +++ b/plugins/Morpheus/images/html_icon.png diff --git a/plugins/Morpheus/images/ico_alert.png b/plugins/Morpheus/images/ico_alert.png Binary files differnew file mode 100644 index 0000000000..b8087eba9c --- /dev/null +++ b/plugins/Morpheus/images/ico_alert.png diff --git a/plugins/Morpheus/images/ico_delete.png b/plugins/Morpheus/images/ico_delete.png Binary files differnew file mode 100644 index 0000000000..eb6cbc030b --- /dev/null +++ b/plugins/Morpheus/images/ico_delete.png diff --git a/plugins/Morpheus/images/ico_edit.png b/plugins/Morpheus/images/ico_edit.png Binary files differnew file mode 100644 index 0000000000..0d1a0fa16f --- /dev/null +++ b/plugins/Morpheus/images/ico_edit.png diff --git a/plugins/Morpheus/images/ico_info.png b/plugins/Morpheus/images/ico_info.png Binary files differnew file mode 100644 index 0000000000..1278cef852 --- /dev/null +++ b/plugins/Morpheus/images/ico_info.png diff --git a/plugins/Morpheus/images/icon-calendar.gif b/plugins/Morpheus/images/icon-calendar.gif Binary files differnew file mode 100644 index 0000000000..132350e783 --- /dev/null +++ b/plugins/Morpheus/images/icon-calendar.gif diff --git a/plugins/Morpheus/images/image.png b/plugins/Morpheus/images/image.png Binary files differnew file mode 100644 index 0000000000..546ebcdec7 --- /dev/null +++ b/plugins/Morpheus/images/image.png diff --git a/plugins/Morpheus/images/info.png b/plugins/Morpheus/images/info.png Binary files differnew file mode 100644 index 0000000000..0be95bbb6b --- /dev/null +++ b/plugins/Morpheus/images/info.png diff --git a/plugins/Morpheus/images/inp_bg.png b/plugins/Morpheus/images/inp_bg.png Binary files differnew file mode 100644 index 0000000000..6bd9674743 --- /dev/null +++ b/plugins/Morpheus/images/inp_bg.png diff --git a/plugins/Morpheus/images/li_dbl_gray.gif b/plugins/Morpheus/images/li_dbl_gray.gif Binary files differnew file mode 100644 index 0000000000..42fe8b3b89 --- /dev/null +++ b/plugins/Morpheus/images/li_dbl_gray.gif diff --git a/plugins/Morpheus/images/link.gif b/plugins/Morpheus/images/link.gif Binary files differnew file mode 100644 index 0000000000..e160f23b63 --- /dev/null +++ b/plugins/Morpheus/images/link.gif diff --git a/plugins/Morpheus/images/loading-blue.gif b/plugins/Morpheus/images/loading-blue.gif Binary files differnew file mode 100644 index 0000000000..4df2f1fde6 --- /dev/null +++ b/plugins/Morpheus/images/loading-blue.gif diff --git a/plugins/Morpheus/images/login-sprite.png b/plugins/Morpheus/images/login-sprite.png Binary files differnew file mode 100644 index 0000000000..1692e4b09b --- /dev/null +++ b/plugins/Morpheus/images/login-sprite.png diff --git a/plugins/Morpheus/images/logo-header.png b/plugins/Morpheus/images/logo-header.png Binary files differnew file mode 100644 index 0000000000..d10293eaef --- /dev/null +++ b/plugins/Morpheus/images/logo-header.png diff --git a/plugins/Morpheus/images/logo.png b/plugins/Morpheus/images/logo.png Binary files differnew file mode 100644 index 0000000000..00421e4497 --- /dev/null +++ b/plugins/Morpheus/images/logo.png diff --git a/plugins/Morpheus/images/logo.svg b/plugins/Morpheus/images/logo.svg new file mode 100644 index 0000000000..2179f9cb5d --- /dev/null +++ b/plugins/Morpheus/images/logo.svg @@ -0,0 +1,26 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> +<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + width="170.666px" height="45.704px" viewBox="0 0 170.666 45.704" enable-background="new 0 0 170.666 45.704" + xml:space="preserve"> +<path fill="#D42A1F" d="M106.995,1.016c-2.57-0.739-5.251,0.751-5.987,3.329l-5.532,19.351L89.943,4.345 + c-0.592-2.071-2.441-3.417-4.477-3.492c-0.103-0.009-0.203-0.004-0.306-0.007c-0.102,0.003-0.203-0.003-0.306,0.007 + c-2.036,0.075-3.885,1.421-4.477,3.492l-5.509,19.27l-5.509-19.27c-0.737-2.578-3.418-4.068-5.987-3.329 + c-2.57,0.739-4.056,3.428-3.319,6.005l10.075,35.24c0.583,2.038,2.384,3.376,4.382,3.49c0.121,0.011,0.239,0.006,0.359,0.008 + c0.12-0.002,0.238,0.004,0.359-0.008c1.998-0.114,3.799-1.451,4.382-3.49l5.551-19.416l5.551,19.416 + c0.588,2.056,2.416,3.398,4.434,3.491c0.111,0.01,0.219,0.005,0.33,0.007c0.11-0.003,0.219,0.003,0.33-0.007 + c2.019-0.093,3.846-1.435,4.434-3.491l10.075-35.24C111.05,4.444,109.564,1.756,106.995,1.016z"/> +<path fill="#D42A1F" d="M116.502,40.44c0,2.972,2.35,5.322,5.322,5.322c2.972,0,5.322-2.35,5.322-5.322V6.147 + c0-2.972-2.35-5.322-5.322-5.322c-2.972,0-5.322,2.35-5.322,5.322V40.44z"/> +<path fill="#D42A1F" d="M43.334,40.457c0,2.972,2.35,5.322,5.322,5.322c2.972,0,5.322-2.35,5.322-5.322V6.164 + c0-2.972-2.35-5.322-5.322-5.322c-2.972,0-5.322,2.35-5.322,5.322V40.457z"/> +<path fill="#D42A1F" d="M155.406,23.156l13.779-13.779c1.974-1.974,1.974-5.097,0-7.071c-1.974-1.974-5.097-1.974-7.071,0 + l-16.448,16.448V6.147c0-2.972-2.35-5.322-5.322-5.322c-2.972,0-5.322,2.35-5.322,5.322V40.44c0,2.972,2.35,5.322,5.322,5.322 + c2.972,0,5.322-2.35,5.322-5.322v-7.544l2.669-2.669l13.618,13.857c1.957,1.992,5.079,2.019,7.071,0.062 + c1.992-1.957,2.019-5.079,0.062-7.071L155.406,23.156z"/> +<path fill="#D42A1F" d="M37.292,16.816c0-8.58-6.787-15.557-15.283-15.9l0.007-0.033H5.322C2.35,0.883,0,3.233,0,6.205v34.177 + c0,2.972,2.35,5.322,5.322,5.322c2.972,0,5.322-2.35,5.322-5.322v-7.63h11.371l-0.007-0.036 + C30.505,32.372,37.292,25.396,37.292,16.816z M20.296,23.284l0-0.002h-9.651V10.491h9.464c3.535,0,6.401,2.866,6.401,6.401 + C26.51,20.364,23.744,23.184,20.296,23.284z"/> +</svg>
\ No newline at end of file diff --git a/plugins/Morpheus/images/maximise.png b/plugins/Morpheus/images/maximise.png Binary files differnew file mode 100644 index 0000000000..143dfa5c89 --- /dev/null +++ b/plugins/Morpheus/images/maximise.png diff --git a/plugins/Morpheus/images/minimise.png b/plugins/Morpheus/images/minimise.png Binary files differnew file mode 100644 index 0000000000..73c82a3cee --- /dev/null +++ b/plugins/Morpheus/images/minimise.png diff --git a/plugins/Morpheus/images/minus.png b/plugins/Morpheus/images/minus.png Binary files differnew file mode 100644 index 0000000000..48a507df9b --- /dev/null +++ b/plugins/Morpheus/images/minus.png diff --git a/plugins/Morpheus/images/newtab.png b/plugins/Morpheus/images/newtab.png Binary files differnew file mode 100644 index 0000000000..1e50c59200 --- /dev/null +++ b/plugins/Morpheus/images/newtab.png diff --git a/plugins/Morpheus/images/ok.png b/plugins/Morpheus/images/ok.png Binary files differnew file mode 100644 index 0000000000..148319419d --- /dev/null +++ b/plugins/Morpheus/images/ok.png diff --git a/plugins/Morpheus/images/paypal_subscribe.gif b/plugins/Morpheus/images/paypal_subscribe.gif Binary files differnew file mode 100644 index 0000000000..50d8ee52e9 --- /dev/null +++ b/plugins/Morpheus/images/paypal_subscribe.gif diff --git a/plugins/Morpheus/images/plus.png b/plugins/Morpheus/images/plus.png Binary files differnew file mode 100644 index 0000000000..7216c7d7a9 --- /dev/null +++ b/plugins/Morpheus/images/plus.png diff --git a/plugins/Morpheus/images/plus_blue.png b/plugins/Morpheus/images/plus_blue.png Binary files differnew file mode 100644 index 0000000000..bf16b7512a --- /dev/null +++ b/plugins/Morpheus/images/plus_blue.png diff --git a/plugins/Morpheus/images/refresh.png b/plugins/Morpheus/images/refresh.png Binary files differnew file mode 100644 index 0000000000..8e99a5f0ab --- /dev/null +++ b/plugins/Morpheus/images/refresh.png diff --git a/plugins/Morpheus/images/reload.png b/plugins/Morpheus/images/reload.png Binary files differnew file mode 100644 index 0000000000..a77ffe7c64 --- /dev/null +++ b/plugins/Morpheus/images/reload.png diff --git a/plugins/Morpheus/images/row_evolution.png b/plugins/Morpheus/images/row_evolution.png Binary files differnew file mode 100644 index 0000000000..7423c473cc --- /dev/null +++ b/plugins/Morpheus/images/row_evolution.png diff --git a/plugins/Morpheus/images/row_evolution_hover.png b/plugins/Morpheus/images/row_evolution_hover.png Binary files differnew file mode 100644 index 0000000000..53827ae4df --- /dev/null +++ b/plugins/Morpheus/images/row_evolution_hover.png diff --git a/plugins/Morpheus/images/search_bg.png b/plugins/Morpheus/images/search_bg.png Binary files differnew file mode 100644 index 0000000000..7688b8080b --- /dev/null +++ b/plugins/Morpheus/images/search_bg.png diff --git a/plugins/Morpheus/images/search_ico.png b/plugins/Morpheus/images/search_ico.png Binary files differnew file mode 100644 index 0000000000..dba240f91f --- /dev/null +++ b/plugins/Morpheus/images/search_ico.png diff --git a/plugins/Morpheus/images/sites_selection.png b/plugins/Morpheus/images/sites_selection.png Binary files differnew file mode 100644 index 0000000000..15750a63d8 --- /dev/null +++ b/plugins/Morpheus/images/sites_selection.png diff --git a/plugins/Morpheus/images/smileyprog_0.png b/plugins/Morpheus/images/smileyprog_0.png Binary files differnew file mode 100644 index 0000000000..8a4627eea3 --- /dev/null +++ b/plugins/Morpheus/images/smileyprog_0.png diff --git a/plugins/Morpheus/images/smileyprog_1.png b/plugins/Morpheus/images/smileyprog_1.png Binary files differnew file mode 100644 index 0000000000..5b16b257ae --- /dev/null +++ b/plugins/Morpheus/images/smileyprog_1.png diff --git a/plugins/Morpheus/images/smileyprog_2.png b/plugins/Morpheus/images/smileyprog_2.png Binary files differnew file mode 100644 index 0000000000..55537fb732 --- /dev/null +++ b/plugins/Morpheus/images/smileyprog_2.png diff --git a/plugins/Morpheus/images/smileyprog_3.png b/plugins/Morpheus/images/smileyprog_3.png Binary files differnew file mode 100644 index 0000000000..3410a344be --- /dev/null +++ b/plugins/Morpheus/images/smileyprog_3.png diff --git a/plugins/Morpheus/images/smileyprog_4.png b/plugins/Morpheus/images/smileyprog_4.png Binary files differnew file mode 100644 index 0000000000..0facd94f85 --- /dev/null +++ b/plugins/Morpheus/images/smileyprog_4.png diff --git a/plugins/Morpheus/images/sort_subtable_asc.png b/plugins/Morpheus/images/sort_subtable_asc.png Binary files differnew file mode 100644 index 0000000000..e402026efe --- /dev/null +++ b/plugins/Morpheus/images/sort_subtable_asc.png diff --git a/plugins/Morpheus/images/sort_subtable_asc_light.png b/plugins/Morpheus/images/sort_subtable_asc_light.png Binary files differnew file mode 100644 index 0000000000..cad89bd570 --- /dev/null +++ b/plugins/Morpheus/images/sort_subtable_asc_light.png diff --git a/plugins/Morpheus/images/sort_subtable_desc.png b/plugins/Morpheus/images/sort_subtable_desc.png Binary files differnew file mode 100644 index 0000000000..a3d7a5dfd4 --- /dev/null +++ b/plugins/Morpheus/images/sort_subtable_desc.png diff --git a/plugins/Morpheus/images/sort_subtable_desc_light.png b/plugins/Morpheus/images/sort_subtable_desc_light.png Binary files differnew file mode 100644 index 0000000000..5091fe6841 --- /dev/null +++ b/plugins/Morpheus/images/sort_subtable_desc_light.png diff --git a/plugins/Morpheus/images/sortasc.png b/plugins/Morpheus/images/sortasc.png Binary files differnew file mode 100644 index 0000000000..29a06dad88 --- /dev/null +++ b/plugins/Morpheus/images/sortasc.png diff --git a/plugins/Morpheus/images/sortdesc.png b/plugins/Morpheus/images/sortdesc.png Binary files differnew file mode 100644 index 0000000000..347773740e --- /dev/null +++ b/plugins/Morpheus/images/sortdesc.png diff --git a/plugins/Morpheus/images/star.png b/plugins/Morpheus/images/star.png Binary files differnew file mode 100644 index 0000000000..52d161eab4 --- /dev/null +++ b/plugins/Morpheus/images/star.png diff --git a/plugins/Morpheus/images/star_empty.png b/plugins/Morpheus/images/star_empty.png Binary files differnew file mode 100644 index 0000000000..965f4bacb8 --- /dev/null +++ b/plugins/Morpheus/images/star_empty.png diff --git a/plugins/Morpheus/images/success_medium.png b/plugins/Morpheus/images/success_medium.png Binary files differnew file mode 100644 index 0000000000..05a3a06be4 --- /dev/null +++ b/plugins/Morpheus/images/success_medium.png diff --git a/plugins/Morpheus/images/table.png b/plugins/Morpheus/images/table.png Binary files differnew file mode 100644 index 0000000000..ab0814775d --- /dev/null +++ b/plugins/Morpheus/images/table.png diff --git a/plugins/Morpheus/images/table_more.png b/plugins/Morpheus/images/table_more.png Binary files differnew file mode 100644 index 0000000000..d438326d83 --- /dev/null +++ b/plugins/Morpheus/images/table_more.png diff --git a/plugins/Morpheus/images/tagcloud.png b/plugins/Morpheus/images/tagcloud.png Binary files differnew file mode 100644 index 0000000000..47e9d166fc --- /dev/null +++ b/plugins/Morpheus/images/tagcloud.png diff --git a/plugins/Morpheus/images/video_play.png b/plugins/Morpheus/images/video_play.png Binary files differnew file mode 100644 index 0000000000..7ca28d991f --- /dev/null +++ b/plugins/Morpheus/images/video_play.png diff --git a/plugins/Morpheus/images/warning.png b/plugins/Morpheus/images/warning.png Binary files differnew file mode 100644 index 0000000000..fd49f31f29 --- /dev/null +++ b/plugins/Morpheus/images/warning.png diff --git a/plugins/Morpheus/images/warning_medium.png b/plugins/Morpheus/images/warning_medium.png Binary files differnew file mode 100644 index 0000000000..62bd22dc5c --- /dev/null +++ b/plugins/Morpheus/images/warning_medium.png diff --git a/plugins/Morpheus/images/warning_small.png b/plugins/Morpheus/images/warning_small.png Binary files differnew file mode 100644 index 0000000000..1242b4f180 --- /dev/null +++ b/plugins/Morpheus/images/warning_small.png diff --git a/plugins/Morpheus/images/yellow_marker.png b/plugins/Morpheus/images/yellow_marker.png Binary files differnew file mode 100644 index 0000000000..a2506a2a7d --- /dev/null +++ b/plugins/Morpheus/images/yellow_marker.png diff --git a/plugins/Morpheus/images/zoom-out.png b/plugins/Morpheus/images/zoom-out.png Binary files differnew file mode 100644 index 0000000000..ec195a571d --- /dev/null +++ b/plugins/Morpheus/images/zoom-out.png diff --git a/plugins/Morpheus/plugin.json b/plugins/Morpheus/plugin.json new file mode 100644 index 0000000000..ed9f182955 --- /dev/null +++ b/plugins/Morpheus/plugin.json @@ -0,0 +1,6 @@ +{ + "name": "Morpheus", + "description": "Morpheus is the default theme of Piwik 2 designed to help you focus on your analytics reports. In Greek mythology, Morpheus is the God of dreams. In the Matrix movie, Morpheus is the leader of the rebel forces who fight to awaken humans from a dreamlike reality called The Matrix. ", + "theme": true, + "stylesheet": "stylesheets/theme.less" +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/admin.less b/plugins/Morpheus/stylesheets/admin.less new file mode 100644 index 0000000000..a85d7260ee --- /dev/null +++ b/plugins/Morpheus/stylesheets/admin.less @@ -0,0 +1,101 @@ +.Menu--admin { + .Menu-tabList { + .border-radius(0px); + border-color: @gray; + background-image: none; + padding-left: 0; + border-top: 0; + > li { + padding-bottom: 0px; + > span { + color: @brand-black; + .font-default(18px, 26px); + border-top: 1px solid @gray; + border-bottom: 1px solid @gray; + padding: 12px 15px; + } + ul { + li { + a { + color: @silver-40 !important; + padding: 0.6em 1.1em; + &:hover { + color: @brand-black; + text-decoration: none; + } + } + } + } + } + } +} + +.admin { + h2 { + border-bottom: 1px solid @gray; + } + h3 { + color: @brand-black; + .font-default(18px, 24px); + font-weight: normal; + } +} + +.ui-state-highlight { + border-color: @silver-80 !important; + background: @silver-95 !important; + .ui-icon { + background-image: url('plugins/Morpheus/images/info.png'); + background-position: 0 0; + } +} + +.adminTable { + td { + padding: 0; + } + label { + cursor: pointer; + min-height: 30px; + } + + .sites_autocomplete { + position: static !important; + } +} + +#loadingError { + color: @brand-red; + font-weight: normal; +} + +.sites_autocomplete .custom_select .custom_select_block .custom_select_container .custom_select_ul_list { + margin-top: 5px; + padding-bottom: 0; +} + +.form-description { + margin-left: 0; +} + +.adminTable a { + color: @brand-blue; +} + +.addRowSite { + display: inline-block; + margin: 5px 0; + &:before { + content: url(plugins/Morpheus/images/add.png) !important; + } +} + +code { + border-color: @silver-80; + border-left: 5px solid @brand-red; +} + +#geoipdb-screen1>div>p { + line-height: 1.4em; + height: 6em; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/base.less b/plugins/Morpheus/stylesheets/base.less new file mode 100644 index 0000000000..caa900da61 --- /dev/null +++ b/plugins/Morpheus/stylesheets/base.less @@ -0,0 +1,28 @@ +/* base.less is a standalone Less file */ + +/* General styles */ +@import "general/_default.less"; + +@import "general/_utils.less"; + +@import "general/_form.less"; + +@import "general/_jqueryUI.less"; + +@import "general/_misc.less"; + +/* Component styles */ +@import "ui/_header.less"; + +@import "ui/_headerMessage.less"; + +@import "ui/_siteSelect.less"; + +@import "ui/_periodSelect.less"; + +@import "ui/_languageSelect.less"; + +@import "ui/_loading.less"; + +/* Remote components */ +@import "../../CoreHome/stylesheets/_donate.less"; diff --git a/plugins/Morpheus/stylesheets/colors.less b/plugins/Morpheus/stylesheets/colors.less new file mode 100644 index 0000000000..661ab637d5 --- /dev/null +++ b/plugins/Morpheus/stylesheets/colors.less @@ -0,0 +1,37 @@ +@white: #fff; +@silver: #999; +@silverDark: #333; +@gray: #ccc; +@lightGray: #f0f0f0; +@hr: #eee; + +@articleHeader: #0c0c0c; +@quoteText: #999; +@tabActiveBackground: #f4f4f4; + +//new colors define +@black: #000; +@silver-14: lighten(@black, 14%); +@silver-20: lighten(@black, 20%); +@silver-20: lighten(@black, 30%); +@silver-40: lighten(@black, 40%); +@silver-50: lighten(@black, 50%); +@silver-60: lighten(@black, 60%); +@silver-70: lighten(@black, 70%); +@silver-80: lighten(@black, 80%); +@silver-90: lighten(@black, 90%); +@silver-95: lighten(@black, 95%); + +@brand-black: #0d0d0d; +@brand-blue: #1e93d1; +@brand-red: #d4291f; +@brand-social-green: #009874; +@brand-social-blue: #3b5998; +@brand-social-blue2: #00aced; +@brand-social-lightblue: #1c87bd; +@brand-orange: #ff9600; + +.color-red { + color: @defaultRed; +} + diff --git a/plugins/Morpheus/stylesheets/components.less b/plugins/Morpheus/stylesheets/components.less new file mode 100644 index 0000000000..20d8c321d1 --- /dev/null +++ b/plugins/Morpheus/stylesheets/components.less @@ -0,0 +1,136 @@ +//colors calendar +@calendarHeaderBackground: #fff; +@calendarHeaderColor: #999; +@calendarCurrentStateHover: #f5f5f5; +@calendarBorder: #ccc; +.ui-datepicker { + + th, th.ui-datepicker-week-end { + background: @calendarHeaderBackground !important; + color: @calendarHeaderColor !important; + } + + .ui-state-default { + border-color: @calendarBorder !important; + background: @brad-black !important; + } + + .ui-datepicker-header { + background: @calendarHeaderBackground !important; + border-color: @gray; + border-bottom-width: 0px; + } + + .ui-datepicker-calendar { + border: 1px solid @gray; + thead { + border-bottom: 1px solid @gray; + } + } +} + +.ui-datepicker td.ui-datepicker-current-period a.ui-state-default, td .ui-state-active, .ui-datepicker td.ui-datepicker-current-period a.ui-state-active, .ui-datepicker td.ui-datepicker-week-end .ui-state-active, .ui-datepicker td.ui-datepicker-other-month.ui-datepicker-current-period { + background: @brand-black !important; +} + +.ui-datepicker td.ui-datepicker-current-period a.ui-state-default, td .ui-state-active, .ui-datepicker td.ui-datepicker-current-period a.ui-state-active, .ui-datepicker td.ui-datepicker-week-end .ui-state-active, .ui-datepicker td.ui-datepicker-other-month.ui-datepicker-current-period { + background: @calendarCurrentStateHover; +} + +.add_new_segment, +#calendarRangeApply { + font-size: 12px !important; + padding: 0 10px !important; + margin-left: 0px !important; +} + +#periodString { + border: 1px solid @silver-80; + .border-radius(0px); + background: #fff; + &:hover { + background: #fff; + border-color: @silver-80; + } + + .calendar-icon { + width: 17px; + height: 17px; + } + + label.selected-period-label { + text-decoration: none !important; + } + + h6 { + .font-default(13px, 16px); + font-weight: normal; + color: @brand-black; + } + + #periodMore { + .period-range { + .ui-datepicker-header { + background: red; + } + } + } + + #date { + .border-radius(0px); + background-color: #fff; + .box-shadow(~"inset 1px 1px 3px #d8d8d8"); + padding: 8px 10px; + color: @silver-20; + text-transform: uppercase; + .font-default(10px, 12px); + + strong { + color: @brand-black; + + } + } +} + +#header_message { + border: 1px solid @silver-80; + padding: 8px 10px 8px 10px; + height: auto; + background: #fff; + .border-radius(0px); + .header_short { + .font-default(10px, 12px); + text-transform: uppercase; + } + + .header_full { + .font-default(12px, 18px); + } +} + +.ui-menu { + .ui-menu-item { + a { + color: @silver-20; + text-transform: uppercase; + .font-default(10px, 18px); + padding: 2px; + } + } +} + +.loadingPiwik { + .font-default(10px, 12px); + color: @silver-60; + font-weight: normal; +} + +.annotations { + table { + td { + .font-default(10px, 12px) !important; + color: @brand-black; + padding: 0 5px; + } + } +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/forms.less b/plugins/Morpheus/stylesheets/forms.less new file mode 100644 index 0000000000..35cd15b1a3 --- /dev/null +++ b/plugins/Morpheus/stylesheets/forms.less @@ -0,0 +1,138 @@ +input, select, textarea { + color: @brand-black; + .border-radius(0px); + margin-left: 0; + padding: 8px 10px; + min-height: 30px; + .box-sizing(border-box); + background: #fff; +} +button, +.add-trusted-host, +input[type="submit"], +button[type="button"], +.submit { + .border-radius(3px) !important; + background: none !important; + background-color: #d3291f !important; + .box-shadow(~"0 1px 1px rgba(13,13,13,.3), inset 0 -1px 0 rgba(13,13,13,.1)"); + #gradient > .vertical(rgba(255,255,255,.15), rgba(255,255,255,0)) !important; + .font-default(12px, 16px) !important; + color: #fff !important;; + font-weight: normal; + padding: 5px 15px !important; + text-align: center; + cursor: pointer; + border: 0px !important; + &:hover { + background-color: #ff9600 !important; + } + + em { + font-style: normal; + } +} + +.sites_autocomplete { + .custom_select { + .border-radius(0px); + background: #fff; + .box-shadow(~"inset 1px 1px 3px #d8d8d8"); + padding: 9px 5px 7px; + color: @silver-20; + text-transform: uppercase; + .font-default(10px, 12px); + min-height: 30px; + .box-sizing(border-box); + a { + color: @silver-20; + } + .custom_select_block { + .custom_select_container{ + .custom_select_ul_list { + margin-top: 20px; + } + } + } + } +} + +.ajaxError { + background: @brand-red; + color: #fff; + border:0px; + .border-radius(6px); + padding: 20px 25px; + text-align: center; + font-weight: normal; +} + + +.sites_autocomplete--dropdown { + .custom_select_main_link[data-loading="0"]:before { + color: @brand-red; + font-size: 0.7em; + top: 2px; + right: 5px; + content: ''; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid @brand-red; + } +} + + +.limitSelection { + > ul { + position: relative; + top: -6px; + > li { + width: 25px; + } + } + > div { + .border-radius(2px); + background-color: #fff; + .font-default(10px, 12px); + background: none; + padding: 2px 14px 2px 1px; + span { + position: relative; + background: none; + color: @brand-black; + display: block; + padding-right: 3px; + &:after { + content: ''; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid @brand-red; + position: absolute; + top: 7px; + right: -9px; + } + } + } + + span { + color: @brand-black; + font-weight: normal; + } + + &.visible { + > div { + background-image: none; + > span:after { + content: ''; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-bottom: 5px solid #d4291f; + border-top-color: transparent; + position: absolute; + top: 1px; + right: -9px; + } + } + } +} + diff --git a/plugins/Morpheus/stylesheets/general/_default.less b/plugins/Morpheus/stylesheets/general/_default.less new file mode 100644 index 0000000000..2545487e72 --- /dev/null +++ b/plugins/Morpheus/stylesheets/general/_default.less @@ -0,0 +1,110 @@ +/* reset style */ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; +} + +abbr { + border-bottom: 1px dotted; +} + +form { + margin: 0; +} + +body { + line-height: 1.33; + background-color: white; + color: #333; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + +code { + background-color:#F6F9F9; + border: 1px dashed; + border-left: 5px solid #4B4BD5; + direction:ltr; + display:table; + font-size:100%; + margin:12px 2px 0; + padding:5px 50px 5px 15px; + text-align:left; + line-height:1.3em; + font-family: "Courier New" Courier monospace; +} + +pre.code-pre { + white-space:pre-wrap; +} + +/* remember to define focus styles! */ +:focus { + outline: 0; +} + +/* remember to highlight inserts somehow! */ +ins { + text-decoration: none; +} + +del { + text-decoration: line-through; +} + +/* form general */ +label { + cursor: pointer; +} + +textarea { + font-size: 1em; +} + +input, select, textarea { + border-radius: 4px; + border: 1px solid #d4d4d4; + background: #fff url(plugins/Zeitgeist/images/inp_bg.png) repeat-x 0 0; + padding: 3px 10px; + color: #255792; + margin-bottom: 3px; +} + +input[disabled] { + background: #E9E9E9 none; + font-style: italic; +} + +select { + padding-right: 3px; + padding-left: 7px; + margin-right: 6px; +} + +/* start piwik styles */ +body { + font-family: Arial, Verdana, Helvetica, sans-serif; + font-size: 1em; +} + +a { + color: #255792; + text-decoration: underline; + cursor: pointer; +} + +#root { + margin: 0 10px; + position: relative; +} diff --git a/plugins/Morpheus/stylesheets/general/_form.less b/plugins/Morpheus/stylesheets/general/_form.less new file mode 100644 index 0000000000..c129e8c407 --- /dev/null +++ b/plugins/Morpheus/stylesheets/general/_form.less @@ -0,0 +1,126 @@ +.submit { + clear: both; + color: #fff; + font: 18px Arial, Helvetica, sans-serif; + padding: 3px 10px; + border-radius: 4px; + border: 0; + background: #847b6d url(plugins/Zeitgeist/images/dashboard_h_bg_hover.png) repeat-x 0 0; + float: right; + margin: 12px 0 10px 0; + cursor: pointer; +} + +/* on admin screen, Save button aligned on the left */ +.admin .submit { + margin-left: 50px; + float: none; +} + +.admin .entityContainer .submit { + margin: 0; +} + +.entityContainer .link_but { + white-space: nowrap; + display: inline-block; + margin: 0 10px 0 0; + text-decoration: none; +} + +.entityContainer .link_but img { + white-space: nowrap; + margin: 0 1px 0 0 !important; +} + +.entityAddContainer .entityTable th, #entityEditContainer .entityTable th, #entityEditContainer .entityTable td { + vertical-align: middle !important; +} + +.entityAddContainer .entityTable tr td.first { + font-weight: bold; +} + +.entityAddContainer tr:hover { + background: none !important; +} + +/* Add / Edit / List entities */ +.entityContainer { + width: 800px; + font-size: 14px; +} + +.entityInlineHelp { + color: #9B9B9B; + margin-top: 5px; +} + +.entityTable { + border-radius: 4px !important; + border-top: 1px solid #cdc8bf !important; + border-bottom: 1px solid #948c7d !important; +} + +.entityTable tr th { + font-size: 16px; +} + +.entityTable tr td.first, .entityTable tr th.first { + border-left: 0 !important; + vertical-align: middle; +} + +.entityTable tr th { + white-space: nowrap; + padding-top: 10px !important; + padding-bottom: 10px !important; +} + +.entityTable tr td, .entityTable tr th { + border-bottom: 0 !important; + border-top: 1px solid #E7E7E7 !important; +} + +table.entityTable tr td a { + text-decoration: underline; +} + +.entityTable tr.highlighted td { + background-color: #ECF9DD; +} + +/* cancel button below Forms */ +.entityCancel { + float: right; + clear: both; + padding: 10px 0; + font-size: 12px; +} + +/* List with grey arrows on left */ +.entityList ul.listCircle { + font-weight: normal; + list-style: none; + padding: 4px 0; +} + +.entityList ul li { + background: #fff url(plugins/Zeitgeist/images/li_dbl_gray.gif) no-repeat 6px 10px; + padding: 0 0 0 21px; + line-height: 22px; +} + +.entityList ul li .dimension { + cursor: pointer; + border-bottom: 1px solid #d0d0d0; +} + +.entityList ul li.activeDimension .dimension { + font-weight: bold; + border: 0; +} + +.entityList ul.listCircle li a { + color: #000; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/general/_jqueryUI.less b/plugins/Morpheus/stylesheets/general/_jqueryUI.less new file mode 100644 index 0000000000..ea0820c28b --- /dev/null +++ b/plugins/Morpheus/stylesheets/general/_jqueryUI.less @@ -0,0 +1,225 @@ +/* jQuery Tooltip */ +#tooltip h3 { + font-weight: normal; + font-size: .85em; + font-style: italic; + color: #162540; + margin: 0; + padding: 0; +} + +#tooltip { + position: absolute; + z-index: 3000; + border: 1px solid #E4E2D7 /*#111*/; + padding: 5px 7px 5px 7px; + background-color: #F5F7FF; + opacity: 0.95; +} + +/* jQuery Ajax */ +.ajaxError { + color: red; + text-align: center; + font-weight: bold; + width: 550px; + border: 3px solid red; + margin: 10px; + padding: 10px; + border-radius: 9px; +} + +.ajaxSuccess { + font-size: 14px; + margin: 10px; + padding: 15px; + color: #301901; + display: inline-block; + background-color: #ffffe0; + border: 1px solid #e6db55; + border-radius: 3px; +} + +/* extending the jquery UI css, for visitor Log popover */ +.ui-widget .dataTable { + font-size: 14px; +} + +/* for inline help */ +.ui-widget { + text-align: justify; +} + +.ui-inline-help { + padding: 0.7em; + width: 170px; + margin-top: 20px; + font-size: 8pt; + line-height: 140%; +} + +div.ui-state-highlight { + border-color: #545903; + background-color: #FFFFD6; +} + +.ui-datepicker { + border: 1px solid #fff !important; + border-radius: 0 !important; + font-size: 11px !important; + padding: 0 !important; + width: 160px !important; +} + +.ui-datepicker-header { + background: #847b6d url(plugins/Zeitgeist/images/dashboard_h_bg_hover.png) repeat-x 0 0 !important; + color: #fff !important; + border-radius: 0 !important; +} + +.ui-datepicker select { + padding: 0; +} + +.ui-datepicker-header .ui-icon-circle-triangle-w { + background: url(plugins/Zeitgeist/images/datepicker_arr_l.png) no-repeat 5px 4px !important; +} + +.ui-datepicker-header .ui-icon-circle-triangle-e { + background: url(plugins/Zeitgeist/images/datepicker_arr_r.png) no-repeat 6px 4px !important; +} + +.ui-datepicker .ui-datepicker-next-hover, +.ui-datepicker .ui-datepicker-prev-hover { + background: none !important; + border-color: #f1f0eb !important; +} + +.ui-datepicker table { + font-size: 11px !important; + margin: 0 !important; +} + +.ui-datepicker th { + color: #887f71 !important; + font-weight: normal !important; + background: #f1f0eb !important; + padding: 3px 0 !important; +} + +.ui-datepicker th.ui-datepicker-week-end { + background: #d4d0c7 !important; +} + +.ui-datepicker td { + padding: 0 !important; +} + +.ui-state-default { + border: 1px solid #f2f6f9 !important; + border-right: 0 !important; + background: #fff !important; + color: #000 !important; + text-align: center !important; +} + +.ui-datepicker td.ui-datepicker-week-end .ui-state-default { + background: #f6f6f6 !important; +} + +.ui-datepicker td.ui-datepicker-current-period a.ui-state-default, td .ui-state-active, .ui-datepicker td.ui-datepicker-current-period a.ui-state-active, .ui-datepicker td.ui-datepicker-week-end .ui-state-active, .ui-datepicker td.ui-datepicker-other-month.ui-datepicker-current-period { + border-color: #887f71 !important; + background: #887f71 !important; + color: #fff !important; + opacity: 1 !important; +} + +.ui-datepicker td .ui-state-hover, .ui-datepicker .ui-datepicker td.ui-datepicker-current-period a.ui-state-hover, .ui-datepicker td.ui-datepicker-week-end .ui-state-hover { + background: #e5e3e0 !important; + color: #000 !important; +} + +.ui-datepicker td.ui-datepicker-current-period .ui-state-default.ui-state-hover, .ui-datepicker td.ui-datepicker-current-period .ui-state-hover:hover { + background: #978c7c !important; + border-color: #978c7c !important; +} + +td.ui-datepicker-other-month.ui-state-hover { + background: #e5e3e0 !important; + color: #000 !important; + opacity: 1 !important; + border-style: none; + cursor: pointer !important; +} + +td.ui-datepicker-other-month.ui-state-hover.ui-datepicker-current-period { + background: #978c7c !important; +} + +.ui-datepicker-month:disabled { + border-color: #ccc !important; + background: #f5f3f0 !important; +} + +/* Piwik jQuery UI Tooltips */ + +.ui-tooltip { + position: absolute; + z-index: 2000; + text-align: left; + background: #f7f7f7; + color: #444; + font-size: 12px; + font-weight: normal; + border: 1px solid #e4e5e4; + padding: 5px 10px 6px 10px; + border-radius: 4px; + -moz-box-shadow: 1px 1px 2px #666; + -webkit-box-shadow: 1px 1px 2px #666; + box-shadow: 1px 1px 2px #666; + overflow: hidden; + max-width: 600px; + min-width: 50px; + line-height: 14px; + left: -28000px; + top: -28000px; + display: none; + font-family: Arial, Helvetica, sans-serif; +} + +.ui-tooltip h3 { + font-weight: bold; + color: #7E7363; +} + +.ui-tooltip h3 { + font-size: 12px; + margin: 0 0 2px 0; +} + +body .ui-tooltip.small { + font-size: 11px; + padding: 3px 5px 3px 6px; +} + +/* Popover */ + +.ui-dialog .ui-widget-header { + background: none; + border: 0; + font: bold 18px Arial, Helvetica, sans-serif; + color: #7e7363; + clear: both; +} + +.ui-dialog-titlebar-help { + position: absolute; + right: 33px; + top: 50%; + width: 16px; + margin: -8px 0 0 0; + padding: 0; + height: 16px; + background: url(plugins/Zeitgeist/images/help.png); + overflow: hidden; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/general/_misc.less b/plugins/Morpheus/stylesheets/general/_misc.less new file mode 100644 index 0000000000..de419973f1 --- /dev/null +++ b/plugins/Morpheus/stylesheets/general/_misc.less @@ -0,0 +1,41 @@ +#topApiRef { + color: #95AECB; +} + +.exception-backtrace { + color: #888; +} + +.section-toggler-link { + font-size: .8em; + font-style: italic; + text-decoration: none; +} + +.section-toggler-link:hover { + text-decoration: underline; +} + +.metricEvolution { + display: inline-block; + font-size: 9pt; + opacity: 0.75; +} + +.metricEvolution > .positive-evolution { + color: green; +} + +.metricEvolution > .negative-evolution { + color: #e02a3b; +} + +.reportsByDimensionView > .entityList { + float: left; + width: 220px; + min-height: 450px; +} + +.dimensionCategory { + margin-top: 10px; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/general/_utils.less b/plugins/Morpheus/stylesheets/general/_utils.less new file mode 100644 index 0000000000..cd7faddea2 --- /dev/null +++ b/plugins/Morpheus/stylesheets/general/_utils.less @@ -0,0 +1,30 @@ +/* br clear="all" deprecated */ +br.clearAll { + clear: both; + height: 0; + line-height: 0; + font-size: 0; /*for IE*/ +} + +br.clear, +div.clear { + clear: both; + height: 0; + overflow: hidden; +} + +/* IE < 9 will use this */ +html.old-ie .ie-hide { + display: none; +} + +.centerLargeDiv { + width: 850px; + margin: auto; +} + +.center { + margin: auto; + text-align: center; + padding-bottom: 10px; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/ieonly.css b/plugins/Morpheus/stylesheets/ieonly.css new file mode 100644 index 0000000000..bb2f7e71f1 --- /dev/null +++ b/plugins/Morpheus/stylesheets/ieonly.css @@ -0,0 +1,42 @@ +.ui-dialog.ui-widget-content { + z-index: 1003!important; +} + +.ui-widget-overlay { + z-index: 1002!important; +} + +.widgetContent { + width: 99.8%; + overflow: hidden; +} + +#topBars { + z-index: 300!important; +} + +.sites_autocomplete, .sites_autocomplete .custom_select { + z-index: 200!important; +} + +.custom_select_block{ visibility: hidden; } +.custom_select_block_show{ visibility:visible; } + +.submit { + height: 30px; +} + +input[type=checkbox], input[type=radio] { + border: none; + background: transparent none; +} + +.jqplot-seriespicker { + background: url(../images/chart_line_edit_bg.png) no-repeat center center; +} + +.jqplot-seriespicker-popover p input { + width: 15px; + margin: 0; + padding: 0; +} diff --git a/plugins/Morpheus/stylesheets/mixins.less b/plugins/Morpheus/stylesheets/mixins.less new file mode 100644 index 0000000000..de573c4401 --- /dev/null +++ b/plugins/Morpheus/stylesheets/mixins.less @@ -0,0 +1,67 @@ +.font-default(@size: 13px, @line: 16px) { + font-family: Verdana, sans-serif; + font-size: @size; + line-height: @line; +} + +.border-radius (@radius: 6px) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; + + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; +} + +.box-shadow (@string, @string1) { + -webkit-box-shadow: @string @string1; + -moz-box-shadow: @string @string1; + box-shadow: @string @string1; +} + +.box-shadow-1 (@string) { + -webkit-box-shadow: @string; + -moz-box-shadow: @string; + box-shadow: @string; +} + +.no-box-shadow () { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +#gradient { + + .horizontal(@start-color: #555, @end-color: #333, @start-percent: 0%, @end-percent: 100%) { + background-image: -webkit-gradient(linear, @start-percent top, @end-percent top, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+ + background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1+, Chrome 10+ + background-image: -moz-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // FF 3.6+ + background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10 + background-repeat: repeat-x; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down + } + + .vertical(@start-color: #555, @end-color: #333, @start-percent: 0%, @end-percent: 100%) { + background-image: -webkit-gradient(linear, left @start-percent, left @end-percent, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+ + background-image: -webkit-linear-gradient(top, @start-color, @start-percent, @end-color, @end-percent); // Safari 5.1+, Chrome 10+ + background-image: -moz-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // FF 3.6+ + background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10 + background-repeat: repeat-x; + filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down + } +} + +.box-sizing(@boxmodel) { + -webkit-box-sizing: @boxmodel; + -moz-box-sizing: @boxmodel; + box-sizing: @boxmodel; +} + +.opacity(@opacity) { + opacity: @opacity; + // IE8 filter + @opacity-ie: (@opacity * 100); + filter: ~"alpha(opacity=@{opacity-ie})"; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/popups.less b/plugins/Morpheus/stylesheets/popups.less new file mode 100644 index 0000000000..3cf74f62b3 --- /dev/null +++ b/plugins/Morpheus/stylesheets/popups.less @@ -0,0 +1,36 @@ +.ui-dialog-title { + color: @brand-black; + font-weight: normal; +} + +#feedback-sent, +#feedback-faq { + p { + color: @brand-black; + strong { + color: @brand-black; + } + } + + a { + color: @brand-blue; + } + +} +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { + border: 0px !important; + .ui-icon { + .opacity(0.5); + } + &:hover { + .opacity(1); + background: none !important; + } +} +.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { + border: 0px !important; +} + +button:hover, .add-trusted-host:hover, input[type="submit"]:hover, button[type="button"]:hover, .submit:hover { + background-color: @brand-red !important; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/rtl.css b/plugins/Morpheus/stylesheets/rtl.css new file mode 100644 index 0000000000..df9c66e7cf --- /dev/null +++ b/plugins/Morpheus/stylesheets/rtl.css @@ -0,0 +1 @@ +/* Used for testing body { background-color:red; } */
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/simple_structure.css b/plugins/Morpheus/stylesheets/simple_structure.css new file mode 100644 index 0000000000..8019cae32e --- /dev/null +++ b/plugins/Morpheus/stylesheets/simple_structure.css @@ -0,0 +1,96 @@ +body#simple { + background: #eee; +} +#contentsimple { + background: #fff; + color: #000; + font-family: Arial, Georgia, "Times New Roman", Times, serif; + padding: 1em 2em; + width:780px; + margin: 30px auto auto; + border-radius: 12px; + display: table; /* Contains floating children */ +} +#h1 { + color: #006; + font-size: 45px; + font-weight: lighter; +} +#subh1 { + margin-left:15px; + color: #6B320B; + font-size: 15pt; +} + +#titleUpdate { + font-size: 18px; + color: #7e7363; + clear:both; +} +#subh1 a { + color: #6B320B; + text-decoration:none; +} + +#title img{ + vertical-align:bottom; +} +#title { + padding-bottom:15px; + border-bottom:1px solid #F0F0F0; + font:42px Georgia, serif; +} +p, dt { + line-height: 120%; + padding-bottom: 1em; + margin:10px; +} +a { color: #006; } +#logo { margin-bottom: 2em; } +.submit { + font-size:18pt; + padding: 5px 7px 7px; + border: 1px solid #a3a3a3; + border-radius: 3px; + color: #246; + background: #e5e5e5; + text-decoration: none; +} +.submit:hover { + color: #d54e21; + border-color: #535353; +} +.success { + padding-bottom:15px; + color:#1F7F4A; + font-size:25pt; +} +.warning { + font-size:130%; + font-weight:bold; + border: 1px solid #ff5502; +} +.warning, .warning a { + color:#ff5502; +} +.error { + font-weight:bold; + font-size:130%; + border: 1px solid red; + padding:20px; +} +.error, .error a { + color:#f00; +} +.error img, .success img, .warning img { + border:0; + vertical-align:bottom; +} +.warning, .error { + border-radius:4px; + padding:15px; +} +.warning.normalFontSize { + font-size: 100%; + padding: 10px; +} diff --git a/plugins/Morpheus/stylesheets/theme.less b/plugins/Morpheus/stylesheets/theme.less new file mode 100644 index 0000000000..7f92a0e499 --- /dev/null +++ b/plugins/Morpheus/stylesheets/theme.less @@ -0,0 +1,817 @@ +@import "colors.less"; +@import "mixins.less"; +@import "typography.less"; +@import "forms.less"; +@import "components.less"; +@import "popups.less"; +@import "admin.less"; +@import "tooltip.less"; + +body { + font-family: Verdana, sans-serif; +} + +#logo { + img { + height: 21px; + width: 82px; + margin-top: 14px; + } +} + +.pageWrap { + padding-left: 10px; + padding-right: 10px; + border: 0px; +} + +#content { + p { + margin-left: 0px; + margin-right: 0px; + .font-default(13px, 18px); + } +} + +#languageSelection .ui-autocomplete-input { + position: relative; + &:after { + content: ''; + position: absolute; + top: 5px; + right: -13px; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid @brand-blue; + } +} + +#languageSelect { + border: 1px solid @silver-80 !important; + li { + a { + color: @brand-black !important; + &:hover { + background: @silver-80 !important; + color: @brand-black !important; + } + } + } +} + +.entityContainer { + width: auto !important; +} + +.entityTable { + .border-radius(0px)!important; + border:1px solid @silver-80!important; + tr { + &.first { + th { + border-left: 0px !important; + } + } + } + +} + +#root { + margin: 0; + padding: 0; + + #header { + margin: 0 15px; + #topBars { + a { + color: @brand-blue; + text-decoration: none; + } + } + + .topBarElem { + color: @silver-40; + strong { + font-weight: normal; + color: @brand-black; + } + } + + } + + .top_bar_sites_selector { + margin-right: 20px; + margin-top: 10px; + label { + padding-top: 9px; + .font-default(13px, 15px); + } + } + + .Menu--dashboard { + border-top: 1px solid @silver-80; + border-bottom: 1px solid @silver-80; + > .Menu-tabList { + margin: 0; + a { + .font-default(18px, 22px); + padding: 14px 27px 11px; + } + > li { + .border-radius(0px); + border: 0; + background: none; + border-right: 1px solid @silver-80; + margin-bottom: -1px; + border-bottom: 1px solid #ccc; + + > ul { + li { + a { + color: @silver-40; + .font-default(15px, 18px); + } + + &.sfHover { + a { + color: @brand-black; + font-weight: normal; + } + + } + } + } + + &.sfActive { + > a { + color: @brand-black; + text-decoration: none; + position: relative; + &:after { + content: ''; + position: absolute; + bottom: -4px; + left: 0; + width: 100%; + height: 4px; + background: @brand-red; + } + } + + } + + &.sfHover { + > a { + border: 0; + text-decoration: none; + color: @brand-black; + } + } + } + } + } + + .nav_sep { + background: @silver-95; + min-height: 57px; + .border-radius(0px); + border-color: @silver-80 !important; + border-top: 0px !important; + border-right: 0px !important; + border-left: 0px !important; + .box-shadow-1(~"inset 0 2px 4px #d8d8d8"); + } + + .top_controls_inner { + margin: 0 10px; + } + + .widgetize { + width: auto; + } + + + .top_controls { + #segmentEditorPanel { + border: 1px solid @silver-80; + background: #fff; + padding: 8px 10px 8px 10px; + .border-radius(0px); + .segmentationTitle { + background: none; + text-transform: uppercase; + .font-default(10px, 12px); + position: relative; + &:after { + content: ''; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid @brand-red; + position: absolute; + top: 3px; + right: 0; + } + } + .segmentationContainer { + .submenu { + li { + font-weight: normal; + .font-default(12px, 14px) !important; + color: @silver-30; + } + + ul li:hover { + color: @brand-black; + } + + } + + .add_new_segment { + .submit(); + .font-default(12px, 16px) !important; + width: auto; + padding: 7px 10px !important; + } + } + + #segmentList { + .segmentationContainer { + &.visible { + .submenu { + li { + .font-default(13px, 16px); + color: #444; + &:hover { + border-color: @silver-80 !important; + background: #fff !important; + .border-radius(0px); + } + } + } + } + } + } + } + + #dashboardSettings { + border: 1px solid @silver-80; + background: #fff; + z-index: 10; + padding: 8px 10px 8px 10px; + .border-radius(0px); + .font-default(10px, 12px); + > span { + position: relative; + background: none; + text-transform: uppercase; + &:after { + content: ''; + border-left: 4px solid transparent; + border-right: 4px solid transparent; + border-top: 5px solid @brand-red; + position: absolute; + top: 3px; + right: 0; + } + } + + ul.submenu { + margin-left: 0; + li { + list-style-type: none; + > div { + .font-default(11px, 14px); + color: @brand-black; + } + text-transform: none; + color: @silver-20; + &.widgetpreview-choosen { + color: @brand-black; + font-weight: normal; + background: @silver-95; + position: relative; + &:after { + position: absolute; + content: ''; + top: 6px; + right: 10px; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + border-left: 5px solid @brand-red; + + } + } + } + } + } + } +} + +.rss-title { + color: @brand-blue !important; + font-weight: normal; + .font-default(15px, 18px); + text-decoration: none; + display: block; + width: 100%; +} + +.rss-date { + display: block; + color: @silver-60; + .font-default(11px, 14px); + margin-top: 15px; +} + +.rss-description { + p { + margin: 0; + color: @silver-40; + .font-default(13px, 18px); + } +} + +.dataTable { + thead { + tr { + th { + background: #fff; + text-transform: uppercase; + color: @brand-black; + .font-default(10px, 12px); + padding-top: 12px; + padding-bottom: 12px; + border-bottom: 1px solid @silver-80; + &.columnSorted { + background: @silver-95 !important; + .sortIcon { + margin-top: -1px; + } + } + } + } + } + tr { + td { + border-color: @silver-80 !important; + .font-default(13px, 16px); + color: @brand-black; + background: @silver-95; + + &:first-child { + border-left: 0px; + } + + &.labelodd, + &.columnodd { + background-color: @silver-95 !important; + } + + a { + text-decoration: none !important; + color: @brand-blue; + } + } + &:nth-child(2n) { + td { + background-color: #fff !important; + } + } + } + + &.dataTableVizVisitorLog { + + } +} + +table.dataTable tr.subDataTable:hover > td, table.dataTable tr.subDataTable:hover > td .dataTableRowActions { + background-color: #d9d9d9; +} + +.visitsLiveFooter { + padding-left: 10px; + a.rightLink { + .font-default(13px, 16px); + margin-top: 10px; + margin-bottom: 10px; + padding-right: 10px; + } +} + +.dataTableFooterIcons { + padding: 6px 8px; + border-top: 1px solid @silver-80; +} + +div.sparkline { + display: block; + width: 100%; + border-bottom: 0; + margin-bottom: 10px; + &:hover { + border-bottom: 0; + } +} + +.widgetpreview-base li.widgetpreview-choosen { + background: @silver-95; + position: relative; + color: @brand-black; + font-weight: normal; + text-transform: none; + &:after { + position: absolute; + content: ''; + top: 6px; + right: 10px; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; + border-left: 5px solid @brand-red; + } +} + +.dataTableNext, .dataTablePrevious { + color: @brand-blue; + text-transform: uppercase; + .font-default(10px, 12px); +} + +.UserCountryMap-info-btn { + z-index: 1; +} + +.widget { + border: 1px solid @silver-80; + .border-radius(); + .font-default(13px, 18px); + .box-shadow-1(0 1px 1px rgba(204,204,204,.5)); + + h2 { + font-weight: normal; + } + + .widgetTop { + background: @silver-95; + border-bottom: 1px solid @silver-80; + .widgetName { + .font-default(15px, 18px); + color: @brand-black; + text-shadow: none; + padding: 15px 15px 10px; + } + } + + .pk-emptyDataTable { + .font-default(12px, 16px); + text-transform: none; + } + + .dataTableFooterIcons { + border-top: 1px solid @silver-80; + } +} + +.dataTableSearchPattern { + background: none; + height: auto; + input { + color: @brand-black !important; + .border-radius(0px); + border: 0px; + margin-left: 0; + padding: 8px 10px; + min-height: 30px; + .box-sizing(border-box); + border: 1px solid @silver-80; + .opacity(1); + + &[type="text"] { + width: 40% !important; + padding-right: 4%; + &:focus { + border-color: @silver-60; + } + } + + &[type="submit"] { + margin: 0; + float: none; + .font-default(10px, 12px) !important; + padding: 8px !important; + position: relative; + right: 41px; + background: no-repeat 9px 7px url('plugins/Zeitgeist/images/search_ico.png') !important; + text-indent: 999999px; + width: 35px !important; + } + } +} + +.visitor-profile a { + color: @brand-blue; + font-weight: normal; +} + +.visitor-profile-info { + .no-box-shadow() !important; +} + +.visitor-profile-latest-visit-loc { + display: inline-block; + position: absolute; + right: 4px; + top: -19px; +} + +.visitor-profile-date { + padding-top: 3px; +} + +.visitor-profile-more-info > a { + color: @brand-blue; + .font-default(12px, 16px); +} + +.visitor-profile-more-info { + margin-top: 15px; +} + +.visitor-profile-visits-container { + padding: 0; + margin: 0; + li { + margin: 0 !important; + background: @silver-95; + padding: 5px 10px !important; + border-bottom: 1px solid @silver-80; + > div { + border: 0px !important; + margin: 0 !important; + } + + &:first-child { + border-top: 1px solid @silver-80; + } + } + + ol.visitor-profile-visits { + > li { + padding: 10px 0 0 !important; + span { + color: @silver-40; + .font-default(13px, 18px); + font-weight: normal; + margin-right: 20px; + } + + h2 { + margin-left: 20px; + margin-bottom: 12px; + } + + + ol { + background: #fff !important; + border-top: 0 !important; + li { + background: #fff !important; + .font-default(11px, 19px); + font-weight: normal; + color: @silver-40; + &:last-child { + border-bottom: 0px !important; + } + } + } + } + } +} + +.widget .visitor-profile .visitor-profile-info > div > div { + min-width: 100% !important; +} + + +.visitor-profile { + background: none; + .box-shadow(none); + border: 0; + .border-radius(0px); + .visitor-profile-info { + .border-radius(0px); + border: 0px; + .box-shadow(none) !important; + + > div { + border: 0px !important; + } + + .visitor-profile-image-frame { + background: none !important; + } + .visitor-profile-avatar { + > div > img { + display: none; + } + } + } + + h1 { + .font-default(15px, 20px); + font-weight: normal; + color: @brand-black; + } + + h2 { + .font-default(13px, 18px); + color: @brand-black; + } + + p { + margin-left: 0; + margin-right: 0; + .font-default(13px, 18px); + color: @silver-60; + strong { + .font-default(13px, 18px); + color: @brand-black; + font-weight: normal; + } + span { + .font-default(13px, 18px); + } + } + + + .visitor-profile-avatar { + ul { + width: 100% !important; + li { + display: block; + border: 0px; + &:first-child { + border: 0px !important; + } + span { + color: @silver-40; + .font-default(13px, 18px); + padding-left: 0; + } + + strong { + color: @brand-black; + .font-default(13px, 18px); + font-weight: normal; + } + + .visitor-profile-os, + .visitor-profile-browser { + margin-left: 0; + img { + margin-right: 5px; + } + } + } + } + } + + .visitor-profile-latest-visit { + .visitor-profile-latest-visit-column { + width: 100%; + display: block; + margin-left: 0; + } + } +} + +#close.button, #maximise.button, #minimise.button, #refresh.button { + margin: 16px 8px 0 0; +} + +.annotationView { + .font-default(10px, 12px); + text-transform: uppercase; + color: @brand-black; +} + +.datatableFooterMessage { + .font-default(13px, 18px); + color: @silver; + font-weight: normal; +} +.multisites_asc, +.multisites_desc { + background-repeat: no-repeat; + height: 6px; +} + +.dataTableFooterIcons, .dataTableFooterIcons a { + color: @brand-blue; +} + +#visitsLive .datetime { + background: @silver-95; + border-top: 0px; +} + +.segment-element { + background: @white; + border-color: @silver-80; + + .segment-add-row { + .border-radius(5px); + } + + .custom_select_search { + input { + margin-top: -10px; + } + } + + .segment-content { + h3 { + font-weight: normal; + .font-default(13px, 15px); + color: @brand-black; + } + } + + .segment-nav { + div > ul > li { + padding: 5px 0; + a { + font-weight: normal; + color: #333333; + text-shadow: none; + } + li { + padding: 3px 0 ; + &:hover { + background: #f2f2f2; + border: 0; + padding: 5px 0; + + a { + border: 0; + background-color: #f2f2f2; + + } + } + } + + } + } + + .segment-top { + .font-default(10px, 12px); + color: #444; + text-transform: uppercase; + + h4 { + color: @silver-30; + text-transform: uppercase; + .font-default(10px, 12px); + a.dropdown { + color: @silver-30; + text-transform: uppercase; + .font-default(10px, 12px); + } + } + + a.dropdown { + color: @brand-black; + background: url(plugins/Zeitgeist/images/sort_subtable_desc.png) 100% 3px no-repeat; + } + } + .segment-footer { + background: @white; + button { + height: auto; + font-weight: normal; + min-width: 100px; + } + + a.delete { + color: @brand-red; + } + .segmentFooterNote, .segment-element .segment-footer .segmentFooterNote a { + color: #444; + } + } +} + +#available_segments a.dropdown { + color: @brand-black; + text-transform: uppercase; + .font-default(10px, 12px); + background-position: 100% 3px !important; +} + +#piwik-promo-share { + border: 0px; + background: #f2f2f2; + .font-default(10px, 16px); +} + + + diff --git a/plugins/Morpheus/stylesheets/tooltip.less b/plugins/Morpheus/stylesheets/tooltip.less new file mode 100644 index 0000000000..fc444b0b75 --- /dev/null +++ b/plugins/Morpheus/stylesheets/tooltip.less @@ -0,0 +1,14 @@ +.ui-tooltip { + border: 0px; + background: rgba(0,0,0,0.9); + .border-radius(3px); + .ui-tooltip-content { + background: none; + color: @silver-60; + padding: 5px; + } + h1, h2, h3, h4, h5 { + font-weight: normal; + color: @white; + } +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/typography.less b/plugins/Morpheus/stylesheets/typography.less new file mode 100644 index 0000000000..3e5a5ed283 --- /dev/null +++ b/plugins/Morpheus/stylesheets/typography.less @@ -0,0 +1,86 @@ +h1, h2, h3, h4, h5 { + font-family: Verdana, sans-serif; +} + +a { + color: @brand-blue; + text-decoration: none; +} + +h2 { + color: @brand-black; +} + +.datatableRelatedReports { + color: @silver-40; +} + +.tableIcon { + background: none; + padding: 2px 4px 4px 4px; + &.activeIcon { + background: @silver-80; + } +} + +.dataTableFooterActiveItem { + display: none; +} + +#topApiRef { + color: @brand-black; +} + +.tableConfiguration div.configItem span.action { + color: @brand-blue; +} +table.dataTable .dataTableRowActions a.rightmost { + background: none !important; +} + +table.dataTable .columnodd .dataTableRowActions a.rightmost { + background: none !important; +} + +.dataTablePages { + color: @brand-black; + font-weight: normal; + .font-default(10px, 12px); +} + +.datatableRelatedReports { + color: #808080; + span { + color: @brand-black; + font-weight: normal; + } +} +.dataTableSearchPattern { + img { + top: 7px !important + } +} + +.tagCloud span, .tagCloud span a { + color: @brand-blue !important; +} + +ul.widgetpreview-widgetlist, ul.widgetpreview-categorylist { + color: #4d4d4d; +} + + +.dataTableRowActions { + background: none !important; +} + +a#Overlay_Title { + color: #4d4d4d !important; + .font-default(12px, 14px) !important; + margin-left: 15px !important; +} + +a { + color: @brand-blue; +} + diff --git a/plugins/Morpheus/stylesheets/ui/_dataTable.less b/plugins/Morpheus/stylesheets/ui/_dataTable.less new file mode 100644 index 0000000000..d124d8d9f6 --- /dev/null +++ b/plugins/Morpheus/stylesheets/ui/_dataTable.less @@ -0,0 +1,3 @@ +.datatable-label-category { + color:#999; +} diff --git a/plugins/Morpheus/stylesheets/ui/_header.less b/plugins/Morpheus/stylesheets/ui/_header.less new file mode 100644 index 0000000000..f9f2c4dca8 --- /dev/null +++ b/plugins/Morpheus/stylesheets/ui/_header.less @@ -0,0 +1,53 @@ +#header { + min-height: 60px; +} + +/* Clear fix */ +#header:after { + display: table; + clear: both; + content: ""; +} + +#logo { + padding: 5px 0 0; + float: left; +} + +#logo > a { + text-decoration: none; +} + +#logo img { + height: 40px; +} + +#javascriptDisabled, +#javascriptDisabled a { + font-weight: bold; + color: #F88D22; + padding: 15px; + clear: both; +} + +#topBars { + float: right; + color: #9c9c9c; + margin: 4px 0 8px; + font-size: 13px; +} + +#topLeftBar, +#topRightBar { + margin-bottom: 4px; + float: left; +} + +#topLeftBar { + margin-right: 40px; +} + +.topBarElem { + padding: 0 5px; + display: inline-block; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/ui/_headerMessage.less b/plugins/Morpheus/stylesheets/ui/_headerMessage.less new file mode 100644 index 0000000000..3d8a672eeb --- /dev/null +++ b/plugins/Morpheus/stylesheets/ui/_headerMessage.less @@ -0,0 +1,73 @@ +/* About Piwik box top right */ +#header_message { + z-index: 0; + cursor: default; + position: absolute; + right: 4px; + overflow: hidden; + display: block; + height: 20px; + line-height: 20px; + padding: 5px 8px 5px 38px; + font-size: 14px; + border-radius: 4px; +} + +@media all and (max-width: 949px) { + #header_message { + display: none; + } +} + +#header_message:hover, +#header_message.active { + width: auto; + height: auto; + z-index: 150; +} + +#header_message .header_short { + display: block; + white-space: nowrap; +} + +#header_message .header_full { + display: none; +} + +#header_message:hover .header_short, +#header_message.active .header_short { + display: none; +} + +#header_message:hover .header_full, +#header_message.active .header_full { + display: block; +} + +.header_full { + padding-bottom: 5px; + line-height: 1.7em; +} + +/* Orange alerts box */ +.header_alert { + background: #FFFDF7 url(plugins/Zeitgeist/images/ico_alert.png) no-repeat 7px 4px; + border: 1px solid #FF7F00; + font-weight: bold; +} + +.header_alert, +.header_alert a { + color: #FF7F00; +} + +/* Blue info box */ +.header_info { + background: #FAFAFA url(plugins/Zeitgeist/images/ico_info.png) no-repeat 7px 4px; + border: 1px solid #CBD9EB; +} + +.header_info, .header_info a { + color: #444; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/ui/_languageSelect.less b/plugins/Morpheus/stylesheets/ui/_languageSelect.less new file mode 100644 index 0000000000..cbe890246e --- /dev/null +++ b/plugins/Morpheus/stylesheets/ui/_languageSelect.less @@ -0,0 +1,39 @@ +#languageSelect { + max-height: 400px; + overflow-y: auto; + overflow-x: hidden; + padding: 0 !important; + background:#FFF; + border: 1px solid #1F447F!important; +} + +#languageSelection > form { + display: inline-block; +} + +#languageSelection input, #languageSelection select { + display: none; +} + +#languageSelection .ui-autocomplete-input:after { + display: inline; + content: " \25BC"; + font-size: 0.9em; +} +#languageSelection .ui-autocomplete-input { + text-decoration: underline; +} + +#languageSelect .ui-autocomplete-input:hover { + text-decoration: underline; +} + +#languageSelect a { + text-decoration:none!important; + padding: 1px 25px 1px 3px!important; +} + +#languageSelect a:hover { + background:#176999!important; + color:#FFF!important; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/ui/_loading.less b/plugins/Morpheus/stylesheets/ui/_loading.less new file mode 100644 index 0000000000..16ba00e634 --- /dev/null +++ b/plugins/Morpheus/stylesheets/ui/_loading.less @@ -0,0 +1,25 @@ +.loadingPiwik { + font-size: 1.1em; + color: #444; + padding: 0.5em; +} + +.loadingPiwik img { + margin-right: 5px; +} + +.loadingSegment { + color: grey; + font-size: 10pt; + margin-left: 28px; + display:none; +} + +#loadingError { + font-weight: bold; + font-size: 1.1em; + color: #F88D22; + padding: 0.5em; + margin-left: 30%; + display: none; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/ui/_periodSelect.less b/plugins/Morpheus/stylesheets/ui/_periodSelect.less new file mode 100644 index 0000000000..4ddd8a6d18 --- /dev/null +++ b/plugins/Morpheus/stylesheets/ui/_periodSelect.less @@ -0,0 +1,81 @@ +#periodString { + display: block; + color: #444; + font-size: 14px; + border: 1px solid #e4e5e4; + padding: 5px 30px 6px 10px; + border-radius: 4px; + float: left; + margin-right: 10px; + position: absolute; + z-index: 121; + background-color: #f7f7f7; +} + +#periodString:hover { + background-color: #f1f0eb; + border-color: #a9a399; +} + +#periodString .calendar-icon { + width: 13px; + height: 15px; + display:inline-block; + position:absolute; + right:9px; + top:7px; + background: url("plugins/Zeitgeist/images/icon-calendar.gif") no-repeat scroll; + cursor:pointer; +} + +#periodString #date{ + cursor:pointer; + padding:5px 10px 6px 10px; + margin:-5px -10px -6px -10px; +} + +#periodString #date img { + vertical-align: middle; + margin: 0 0 0 6px; +} + +#periodString strong { + color: #255792; +} + +#periodString h6 { + font-size: 14px; + padding: 0 0 4px 0; +} + +#periodMore { + padding: 6px 0 0 0; + display: none; + overflow: hidden; +} + +#periodString .period-date, +#periodString .period-range { + float: left; + padding: 0 16px 0 0; +} + +#periodString .period-type { + float: left; + padding: 0 20px 0 0; +} + +#periodString .period-type label { + font-size: 12px; + display: inline-block; + padding: 2px 0 3px 0; + vertical-align: top; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +#periodString label.selected-period-label { + text-decoration: underline; +}
\ No newline at end of file diff --git a/plugins/Morpheus/stylesheets/ui/_siteSelect.less b/plugins/Morpheus/stylesheets/ui/_siteSelect.less new file mode 100644 index 0000000000..29c2bd1fd8 --- /dev/null +++ b/plugins/Morpheus/stylesheets/ui/_siteSelect.less @@ -0,0 +1,161 @@ + + +/*sites_autocomplete*/ +.sites_autocomplete { + position: absolute; + font-size: 12px; + display: inline-block; + height: 30px; /* Hack to not push the dashboard widget below */ +} + +.top_bar_sites_selector { + float: right +} + +.top_bar_sites_selector > label { + display: inline-block; + padding: 7px 0 6px 0; + float: left; + font-size: 12px; +} + +.top_bar_sites_selector > .sites_autocomplete { + position: static; + padding-left: 12px; +} + +.autocompleteMatched { + color: #5256BE; + font-weight: bold; +} + +.sites_autocomplete .custom_select { + float: left; + position: relative; + z-index: 19; + background: #fff url(plugins/Zeitgeist/images/sites_selection.png) repeat-x 0 0; + border: 1px solid #d4d4d4; + color: #255792; + border-radius: 4px; + cursor: pointer; + min-width: 165px; + padding: 5px 6px 5px; +} + +.sites_autocomplete .custom_select_main_link { + display: block; + text-decoration: none; + background: none; + cursor: default; +} + +.sites_autocomplete .custom_select_ul_list li a, +.sites_autocomplete .custom_select_all a, +.sites_autocomplete .custom_select_main_link > span { + display: inline-block; + max-width: 140px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + padding: 0 20px 0 4px; +} + +.sites_autocomplete--dropdown .custom_select_main_link[data-loading="0"]:before { + content: " \25BC"; + position: absolute; + right: 0; + font-size: 0.8em; + margin-top: 0.2em; + color: #444; +} + +.sites_autocomplete--dropdown .custom_select_main_link { + cursor: pointer; + position: relative; +} + +.sites_autocomplete .custom_select_main_link[data-loading="1"] { + background: url(plugins/Zeitgeist/images/loading-blue.gif) no-repeat right 3px; +} + +.sites_autocomplete .custom_select_ul_list, +.sites_autocomplete ul.ui-autocomplete { + position: relative; + list-style: none; + line-height: 18px; + padding: 0 0 15px 0; +} + +.sites_autocomplete .custom_select_ul_list li a, +.sites_autocomplete .custom_select_all a { + line-height: 18px; + height: auto; + display: block; + text-decoration: none; +} + +.sites_autocomplete .custom_select_ul_list li a:hover, +.sites_autocomplete .custom_select_all a:hover { + background: #ebeae6; +} + +.sites_autocomplete .custom_select_all a { + text-decoration: none; + margin: 0 0 5px 0; +} + +.sites_autocomplete .custom_select_search { + margin: 0 0 0 4px; + height: 26px; + display: block; + white-space: nowrap; + background: url(plugins/Zeitgeist/images/search_bg.png) no-repeat 0 0; +} + +.sites_autocomplete .custom_select_search .inp { + vertical-align: top; + width: 114px; + padding: 2px 6px; + border: 0; + background: transparent; + font-size: 10px; + color: #454545; + +} + +.sites_autocomplete .custom_select_search .but { + vertical-align: top; + font-size: 10px; + border: 0; + background: transparent; + width: 21px; + height: 17px; + overflow: hidden; + opacity: 0; + cursor: pointer; +} + +.sites_selector_container>.sites_autocomplete { + padding-left: 12px; +} + +.custom_select_block { + height: 0; + overflow: hidden; + max-width:140px; +} + +.custom_select_block_show { + height: auto; + overflow: visible; + max-width:inherit; +} + +.sites_selector_container { + padding-top: 5px; +} + +.siteSelect a { + white-space: normal; + text-align: left; +}
\ No newline at end of file |
