diff --git a/plugins/CoreHome/javascripts/autocomplete.js b/plugins/CoreHome/javascripts/autocomplete.js
index d100de6e5885bc022883a5a8b36909fad5c3301d..d30197e8d0dee9a9469d5bcf17ba1a5ddb11a9c2 100644
--- a/plugins/CoreHome/javascripts/autocomplete.js
+++ b/plugins/CoreHome/javascripts/autocomplete.js
@@ -12,8 +12,9 @@ function switchSite(id, name, showAjaxLoading, idCanBeAll) {
}
else {
$('.sites_autocomplete input').val(id);
- $('.custom_select_main_link').text(name);
- $('.custom_select_main_link').addClass('custom_select_loading');
+ $('.custom_select_main_link')
+ .text(name)
+ .addClass('custom_select_loading');
broadcast.propagateNewPage('segment=&idSite=' + id, showAjaxLoading);
}
return false;
diff --git a/plugins/Dashboard/stylesheets/dashboard.less b/plugins/Dashboard/stylesheets/dashboard.less
index 2c4d502b65ac5bc3ef0dd40443e256348c534c3a..a287a438fc41a5bd503705826e8185865966be9c 100644
--- a/plugins/Dashboard/stylesheets/dashboard.less
+++ b/plugins/Dashboard/stylesheets/dashboard.less
@@ -2,6 +2,17 @@
margin: 0 -7px;
}
+.top_controls {
+ position: relative;
+ height: 32px;
+}
+
+.top_controls_inner {
+ position: relative;
+ height: 32px;
+ padding-bottom: 20px;
+}
+
#dashboardWidgetsArea {
padding-bottom: 100px;
}
@@ -60,6 +71,14 @@
border: 1px solid #aba494;
}
+.widget .entityContainer {
+ width: 100%;
+}
+
+.widget .sparkline {
+ margin-left: 5px;
+}
+
.widgetContent.hidden {
position: absolute;
top: -5000px;
diff --git a/plugins/PleineLune/PleineLune.php b/plugins/PleineLune/PleineLune.php
index 25bfbc9744fbbc25ba0cab1e4437022e954a816e..ee8c7882c460072c2a72ff253ca9aaec1445f505 100644
--- a/plugins/PleineLune/PleineLune.php
+++ b/plugins/PleineLune/PleineLune.php
@@ -35,6 +35,6 @@ class Piwik_PleineLune extends Piwik_Plugin
public function getCssFiles(&$cssFiles)
{
- $cssFiles[] = "plugins/PleineLune/stylesheets/theme.less";
+ //$cssFiles[] = "plugins/PleineLune/stylesheets/theme.less";
}
}
diff --git a/plugins/Zeitgeist/stylesheets/_common.less b/plugins/Zeitgeist/stylesheets/_common.less
deleted file mode 100644
index f3cc3af429d349f3ab887240366936042a13e26b..0000000000000000000000000000000000000000
--- a/plugins/Zeitgeist/stylesheets/_common.less
+++ /dev/null
@@ -1,912 +0,0 @@
-/* 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;
-}
-
-label {
- cursor: pointer;
-}
-
-/* IE < 9 will use this */
-html.old-ie .ie-hide {
- display: none;
-}
-
-/* remember to define focus styles! */
-:focus {
- outline: 0;
-}
-
-/* remember to highlight inserts somehow! */
-ins {
- text-decoration: none;
-}
-
-del {
- text-decoration: line-through;
-}
-
-/* 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;
-}
-
-/* start piwik styles */
-body {
- font-family: Arial, Verdana, Helvetica, sans-serif;
- font-size: 1em;
-}
-
-a {
- color: #255792;
- text-decoration: underline;
- cursor: pointer;
-}
-
-.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;
-}
-
-#root {
- margin: 0 10px;
- position: relative;
-}
-
-.top_controls {
- position: relative;
- height: 32px;
-}
-
-.top_controls_inner {
- position: relative;
- height: 32px;
- padding-bottom: 20px;
-}
-
-#periodString {
- display: block;
- color: #444;
- font-size: 14px;
- border: 1px solid #e4e5e4;
- padding: 5px 30px 6px 10px;
- border-radius: 4px;
- float: left;
- margin-right: 12px;
- z-index: 999;
- position: absolute;
- 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("../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 b {
- color: #255792;
-}
-
-#periodString h6 {
- font-size: 14px;
- padding: 0 0 4px 0;
-}
-
-#periodMore {
- padding: 6px 0 0 0;
- display: none;
-}
-
-#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 input {
-
-}
-
-#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;
-}
-
-/* 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;
-}
-
-#header_message:hover, #header_message.active {
- width: auto;
- height: auto;
- z-index: 35;
-}
-
-#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(../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(../images/ico_info.png) no-repeat 7px 4px;
- border: 1px solid #CBD9EB;
-}
-
-.header_info, .header_info a {
- color: #444;
-}
-
-#header {
- padding: 5px 0 0;
- min-height: 60px;
-}
-/* Clear fix */
-#header:after {
- display: table;
- clear: both;
- content: "";
-}
-
-#logo {
- float: left;
-}
-
-#logo > a {
- text-decoration: none;
-}
-
-#logo img {
- height: 40px;
-}
-
-/*sites_autocomplete*/
-.sites_autocomplete {
- position: absolute;
- font-size: 12px;
- display: inline-block;
-}
-
-.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;
- padding: 6px 6px 5px 6px;
- background: #fff url(../images/sites_selection.png) repeat-x 0 0;
- border: 1px solid #d4d4d4;
- color: #255792;
- border-radius: 4px;
-}
-
-.sites_autocomplete .custom_select_main_link {
- padding: 0 20px 0 4px;
- display: block;
- text-decoration: none;
- background: url(../images/sort_subtable_desc.png) no-repeat right 0;
-}
-
-.sites_autocomplete .custom_select_main_link.noselect {
- padding: 0 8px;
- display: block;
- text-decoration: none;
- background: none;
-}
-
-.sites_autocomplete .custom_select_loading {
- background: url(../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;
- padding: 0 20px 0 4px;
- 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(../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;
-}
-
-.custom_select_block_show {
- height: auto;
- overflow: visible;
- padding-top: 5px;
-}
-
-.siteSelect a {
- white-space: normal;
- text-align: left;
-}
-
-/*------------------------*/
-
-#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;
-}
-
-#languageSelection {
- position: relative;
-}
-
-#languageSelection > form {
- display: inline-block;
-}
-
-#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;
-}
-
-.tableForm {
- border-spacing: 0;
-}
-
-.tableForm td {
- border: 1px solid #C6CDD8;
- border-top: 10px #FFF;
- padding: 0.5em 0.5em 0.5em 0.8em;
- color: #203276;
-}
-
-.tableForm input {
- font-size: 1.1em;
- border-color: #CCC #999 #999 #CCC;
- border-width: 1px;
- color: #3A2B16;
- padding: 0.15em;
-}
-
-.tableForm .submit {
- text-align: center;
-}
-
-.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(../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(../images/datepicker_arr_l.png) no-repeat 5px 4px !important;
-}
-
-.ui-datepicker-header .ui-icon-circle-triangle-e {
- background: url(../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;
-}
-
-.centerLargeDiv {
- width: 850px;
- margin: auto;
-}
-
-.center {
- margin: auto;
- text-align: center;
- padding-bottom: 10px;
-}
-
-textarea {
- font-size: 1em;
-}
-
-.widget .entityContainer {
- width: 100%;
-}
-
-.widget .sparkline {
- margin-left: 5px;
-}
-
-/* Main div for the Form and tables */
-
-input, select, textarea {
- border-radius: 4px;
- border: 1px solid #d4d4d4;
- background: #fff url(../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;
-}
-
-.submit {
- clear: both;
- color: #fff;
- font: 18px Arial, Helvetica, sans-serif;
- padding: 3px 10px;
- border-radius: 4px;
- border: 0;
- background: #847b6d url(../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(../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;
-}
-
-/* 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(../images/help.png);
- overflow: hidden;
-}
-
-.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;
-}
-
-.reportsByDimensionView > .entityList {
- float: left;
- width: 220px;
- min-height: 450px;
-}
-
-.dimensionCategory {
- margin-top: 10px;
-}
diff --git a/plugins/Zeitgeist/stylesheets/_styles.less b/plugins/Zeitgeist/stylesheets/_styles.less
deleted file mode 100644
index a686579d8e3fda5afa8a8d9cccea0dc051521b7d..0000000000000000000000000000000000000000
--- a/plugins/Zeitgeist/stylesheets/_styles.less
+++ /dev/null
@@ -1,54 +0,0 @@
-#languageSelect {
- max-height: 400px;
- overflow-y: auto;
- overflow-x: hidden;
- padding: 0 !important;
- position: absolute;
- z-index: 9999;
- background:#FFF;
- border: 1px solid #1F447F!important;
-}
-
-#languageSelection input, #languageSelection select {
- display: none;
-}
-
-#languageSelection .ui-autocomplete-input:after {
- display: inline;
- content: " \25BC"
-}
-#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;
-}
-
-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;
-}
diff --git a/plugins/Zeitgeist/stylesheets/base.css b/plugins/Zeitgeist/stylesheets/base.css
index be3510dfe705d31029ec8591f0b31f7bbfc2b434..246c92b27949b3264a63bf08058e8ab7b217ae11 100644
--- a/plugins/Zeitgeist/stylesheets/base.css
+++ b/plugins/Zeitgeist/stylesheets/base.css
@@ -1,3 +1,6 @@
+/* base.less is a standalone Less file */
+/* base.css is automatically generated. DO NOT MODIFY */
+/* Genreral styles */
/* reset style */
html,
body,
@@ -86,12 +89,21 @@ ol, ul {
blockquote, q {
quotes: none;
}
-label {
- cursor: pointer;
+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;
}
-/* IE < 9 will use this */
-html.old-ie .ie-hide {
- display: none;
+pre.code-pre {
+ white-space: pre-wrap;
}
/* remember to define focus styles! */
:focus {
@@ -104,19 +116,29 @@ ins {
del {
text-decoration: line-through;
}
-/* br clear="all" deprecated */
-br.clearAll {
- clear: both;
- height: 0;
- line-height: 0;
- font-size: 0;
- /*for IE*/
-
+/* form general */
+label {
+ cursor: pointer;
}
-br.clear, div.clear {
- clear: both;
- height: 0;
- overflow: hidden;
+textarea {
+ font-size: 1em;
+}
+input, select, textarea {
+ border-radius: 4px;
+ border: 1px solid #d4d4d4;
+ background: #ffffff url(../../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 {
@@ -128,322 +150,163 @@ a {
text-decoration: underline;
cursor: pointer;
}
-.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;
-}
#root {
margin: 0 10px;
position: relative;
}
-.top_controls {
- position: relative;
- height: 32px;
-}
-.top_controls_inner {
- position: relative;
- height: 32px;
- padding-bottom: 20px;
-}
-#periodString {
- display: block;
- color: #444;
- font-size: 14px;
- border: 1px solid #e4e5e4;
- padding: 5px 30px 6px 10px;
- border-radius: 4px;
- float: left;
- margin-right: 12px;
- z-index: 999;
- position: absolute;
- 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("../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 b {
- color: #255792;
-}
-#periodString h6 {
- font-size: 14px;
- padding: 0 0 4px 0;
-}
-#periodMore {
- padding: 6px 0 0 0;
- display: none;
-}
-#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;
+/* br clear="all" deprecated */
+br.clearAll {
+ clear: both;
+ height: 0;
+ line-height: 0;
+ font-size: 0;
+ /*for IE*/
+
}
-/* About Piwik box top right */
-#header_message {
- z-index: 0;
- cursor: default;
- position: absolute;
- right: 4px;
+br.clear, div.clear {
+ clear: both;
+ height: 0;
overflow: hidden;
- display: block;
- height: 20px;
- line-height: 20px;
- padding: 5px 8px 5px 38px;
- font-size: 14px;
- border-radius: 4px;
}
-#header_message:hover, #header_message.active {
- width: auto;
- height: auto;
- z-index: 35;
-}
-#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 {
+/* IE < 9 will use this */
+html.old-ie .ie-hide {
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(../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(../images/ico_info.png) no-repeat 7px 4px;
- border: 1px solid #CBD9EB;
-}
-.header_info, .header_info a {
- color: #444;
-}
-#header {
- padding: 5px 0 0;
- min-height: 60px;
-}
-/* Clear fix */
-#header:after {
- display: table;
- clear: both;
- content: "";
+.centerLargeDiv {
+ width: 850px;
+ margin: auto;
}
-#logo {
- float: left;
+.center {
+ margin: auto;
+ text-align: center;
+ padding-bottom: 10px;
}
-#logo > a {
+.section-toggler-link {
+ font-size: .8em;
+ font-style: italic;
text-decoration: none;
}
-#logo img {
- height: 40px;
+.section-toggler-link:hover {
+ text-decoration: underline;
}
-/*sites_autocomplete*/
-.sites_autocomplete {
- position: absolute;
- font-size: 12px;
+.metricEvolution {
display: inline-block;
+ font-size: 9pt;
+ opacity: 0.75;
}
-.top_bar_sites_selector {
- float: right;
-}
-.top_bar_sites_selector > label {
- display: inline-block;
- padding: 7px 0 6px 0;
+.reportsByDimensionView > .entityList {
float: left;
- font-size: 12px;
-}
-.top_bar_sites_selector > .sites_autocomplete {
- position: static;
- padding-left: 12px;
+ width: 220px;
+ min-height: 450px;
}
-.autocompleteMatched {
- color: #5256BE;
- font-weight: bold;
+.dimensionCategory {
+ margin-top: 10px;
}
-.sites_autocomplete .custom_select {
- float: left;
- position: relative;
- z-index: 19;
- padding: 6px 6px 5px 6px;
- background: #ffffff url(../images/sites_selection.png) repeat-x 0 0;
- border: 1px solid #d4d4d4;
- color: #255792;
+.submit {
+ clear: both;
+ color: #fff;
+ font: 18px Arial, Helvetica, sans-serif;
+ padding: 3px 10px;
border-radius: 4px;
+ border: 0;
+ background: #847b6d url(../../images/dashboard_h_bg_hover.png) repeat-x 0 0;
+ float: right;
+ margin: 12px 0 10px 0;
+ cursor: pointer;
}
-.sites_autocomplete .custom_select_main_link {
- padding: 0 20px 0 4px;
- display: block;
- text-decoration: none;
- background: url(../images/sort_subtable_desc.png) no-repeat right 0;
+/* on admin screen, Save button aligned on the left */
+.admin .submit {
+ margin-left: 50px;
+ float: none;
}
-.sites_autocomplete .custom_select_main_link.noselect {
- padding: 0 8px;
- display: block;
+.admin .entityContainer .submit {
+ margin: 0;
+}
+.entityContainer .link_but {
+ white-space: nowrap;
+ display: inline-block;
+ margin: 0 10px 0 0;
text-decoration: none;
- background: none;
}
-.sites_autocomplete .custom_select_loading {
- background: url(../images/loading-blue.gif) no-repeat right 3px;
+.entityContainer .link_but img {
+ white-space: nowrap;
+ margin: 0 1px 0 0 !important;
}
-.sites_autocomplete .custom_select_ul_list, .sites_autocomplete ul.ui-autocomplete {
- position: relative;
- list-style: none;
- line-height: 18px;
- padding: 0 0 15px 0;
+.entityAddContainer .entityTable th, #entityEditContainer .entityTable th, #entityEditContainer .entityTable td {
+ vertical-align: middle !important;
}
-.sites_autocomplete .custom_select_ul_list li a, .sites_autocomplete .custom_select_all a {
- line-height: 18px;
- padding: 0 20px 0 4px;
- height: auto;
- display: block;
- text-decoration: none;
+.entityAddContainer .entityTable tr td.first {
+ font-weight: bold;
}
-.sites_autocomplete .custom_select_ul_list li a:hover, .sites_autocomplete .custom_select_all a:hover {
- background: #ebeae6;
+.entityAddContainer tr:hover {
+ background: none !important;
}
-.sites_autocomplete .custom_select_all a {
- text-decoration: none;
- margin: 0 0 5px 0;
+/* Add / Edit / List entities */
+.entityContainer {
+ width: 800px;
+ font-size: 14px;
}
-.sites_autocomplete .custom_select_search {
- margin: 0 0 0 4px;
- height: 26px;
- display: block;
- white-space: nowrap;
- background: url(../images/search_bg.png) no-repeat 0 0;
+.entityInlineHelp {
+ color: #9B9B9B;
+ margin-top: 5px;
}
-.sites_autocomplete .custom_select_search .inp {
- vertical-align: top;
- width: 114px;
- padding: 2px 6px;
- border: 0;
- background: transparent;
- font-size: 10px;
- color: #454545;
+.entityTable {
+ border-radius: 4px !important;
+ border-top: 1px solid #cdc8bf !important;
+ border-bottom: 1px solid #948c7d !important;
}
-.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;
+.entityTable tr th {
+ font-size: 16px;
}
-.sites_selector_container > .sites_autocomplete {
- padding-left: 12px;
+.entityTable tr td.first, .entityTable tr th.first {
+ border-left: 0 !important;
+ vertical-align: middle;
}
-.custom_select_block {
- height: 0;
- overflow: hidden;
+.entityTable tr th {
+ white-space: nowrap;
+ padding-top: 10px !important;
+ padding-bottom: 10px !important;
}
-.custom_select_block_show {
- height: auto;
- overflow: visible;
- padding-top: 5px;
+.entityTable tr td, .entityTable tr th {
+ border-bottom: 0 !important;
+ border-top: 1px solid #E7E7E7 !important;
}
-.siteSelect a {
- white-space: normal;
- text-align: left;
+table.entityTable tr td a {
+ text-decoration: underline;
}
-/*------------------------*/
-#javascriptDisabled, #javascriptDisabled a {
- font-weight: bold;
- color: #F88D22;
- padding: 15px;
- clear: both;
+.entityTable tr.highlighted td {
+ background-color: #ECF9DD;
}
-#topBars {
+/* cancel button below Forms */
+.entityCancel {
float: right;
- color: #9c9c9c;
- margin: 4px 0 8px;
- font-size: 13px;
+ clear: both;
+ padding: 10px 0;
+ font-size: 12px;
}
-#topLeftBar, #topRightBar {
- margin-bottom: 4px;
- float: left;
+/* List with grey arrows on left */
+.entityList ul.listCircle {
+ font-weight: normal;
+ list-style: none;
+ padding: 4px 0;
}
-#topLeftBar {
- margin-right: 40px;
+.entityList ul li {
+ background: #ffffff url(../../images/li_dbl_gray.gif) no-repeat 6px 10px;
+ padding: 0 0 0 21px;
+ line-height: 22px;
}
-.topBarElem {
- padding: 0 5px;
- display: inline-block;
+.entityList ul li .dimension {
+ cursor: pointer;
+ border-bottom: 1px solid #d0d0d0;
}
-#languageSelection {
- position: relative;
+.entityList ul li.activeDimension .dimension {
+ font-weight: bold;
+ border: 0;
}
-#languageSelection > form {
- display: inline-block;
+.entityList ul.listCircle li a {
+ color: #000;
}
+/* jQuery Tooltip */
#tooltip h3 {
font-weight: normal;
font-size: .85em;
@@ -460,25 +323,7 @@ a {
background-color: #F5F7FF;
opacity: 0.95;
}
-.tableForm {
- border-spacing: 0;
-}
-.tableForm td {
- border: 1px solid #C6CDD8;
- border-top: 10px #FFF;
- padding: 0.5em 0.5em 0.5em 0.8em;
- color: #203276;
-}
-.tableForm input {
- font-size: 1.1em;
- border-color: #CCC #999 #999 #CCC;
- border-width: 1px;
- color: #3A2B16;
- padding: 0.15em;
-}
-.tableForm .submit {
- text-align: center;
-}
+/* jQuery Ajax */
.ajaxError {
color: red;
text-align: center;
@@ -601,221 +446,282 @@ td.ui-datepicker-other-month.ui-state-hover.ui-datepicker-current-period {
border-color: #ccc !important;
background: #f5f3f0 !important;
}
-.centerLargeDiv {
- width: 850px;
- margin: auto;
+/* 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;
}
-.center {
- margin: auto;
- text-align: center;
- padding-bottom: 10px;
+.ui-tooltip h3 {
+ font-weight: bold;
+ color: #7E7363;
}
-textarea {
- font-size: 1em;
+.ui-tooltip h3 {
+ font-size: 12px;
+ margin: 0 0 2px 0;
}
-.widget .entityContainer {
- width: 100%;
+body .ui-tooltip.small {
+ font-size: 11px;
+ padding: 3px 5px 3px 6px;
}
-.widget .sparkline {
- margin-left: 5px;
+/* Popover */
+.ui-dialog .ui-widget-header {
+ background: none;
+ border: 0;
+ font: bold 18px Arial, Helvetica, sans-serif;
+ color: #7e7363;
+ clear: both;
}
-/* Main div for the Form and tables */
-input, select, textarea {
- border-radius: 4px;
- border: 1px solid #d4d4d4;
- background: #ffffff url(../images/inp_bg.png) repeat-x 0 0;
- padding: 3px 10px;
- color: #255792;
- margin-bottom: 3px;
+.ui-dialog-titlebar-help {
+ position: absolute;
+ right: 33px;
+ top: 50%;
+ width: 16px;
+ margin: -8px 0 0 0;
+ padding: 0;
+ height: 16px;
+ background: url(../../images/help.png);
+ overflow: hidden;
}
-input[disabled] {
- background: #E9E9E9 none;
- font-style: italic;
+/* Component styles */
+#header {
+ padding: 5px 0 0;
+ min-height: 60px;
}
-select {
- padding-right: 3px;
- padding-left: 7px;
- margin-right: 6px;
+/* Clear fix */
+#header:after {
+ display: table;
+ clear: both;
+ content: "";
}
-.submit {
+#logo {
+ float: left;
+}
+#logo > a {
+ text-decoration: none;
+}
+#logo img {
+ height: 40px;
+}
+#javascriptDisabled, #javascriptDisabled a {
+ font-weight: bold;
+ color: #F88D22;
+ padding: 15px;
clear: both;
- color: #fff;
- font: 18px Arial, Helvetica, sans-serif;
- padding: 3px 10px;
- border-radius: 4px;
- border: 0;
- background: #847b6d url(../images/dashboard_h_bg_hover.png) repeat-x 0 0;
+}
+#topBars {
float: right;
- margin: 12px 0 10px 0;
- cursor: pointer;
+ color: #9c9c9c;
+ margin: 4px 0 8px;
+ font-size: 13px;
}
-/* on admin screen, Save button aligned on the left */
-.admin .submit {
- margin-left: 50px;
- float: none;
+#topLeftBar, #topRightBar {
+ margin-bottom: 4px;
+ float: left;
}
-.admin .entityContainer .submit {
- margin: 0;
+#topLeftBar {
+ margin-right: 40px;
}
-.entityContainer .link_but {
- white-space: nowrap;
+.topBarElem {
+ padding: 0 5px;
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;
+/*sites_autocomplete*/
+.sites_autocomplete {
+ position: absolute;
+ font-size: 12px;
+ display: inline-block;
}
-.entityAddContainer tr:hover {
- background: none !important;
+.top_bar_sites_selector {
+ float: right;
}
-/* Add / Edit / List entities */
-.entityContainer {
- width: 800px;
- font-size: 14px;
+.top_bar_sites_selector > label {
+ display: inline-block;
+ padding: 7px 0 6px 0;
+ float: left;
+ font-size: 12px;
}
-.entityInlineHelp {
- color: #9B9B9B;
- margin-top: 5px;
+.top_bar_sites_selector > .sites_autocomplete {
+ position: static;
+ padding-left: 12px;
}
-.entityTable {
- border-radius: 4px !important;
- border-top: 1px solid #cdc8bf !important;
- border-bottom: 1px solid #948c7d !important;
+.autocompleteMatched {
+ color: #5256BE;
+ font-weight: bold;
}
-.entityTable tr th {
- font-size: 16px;
+.sites_autocomplete .custom_select {
+ float: left;
+ position: relative;
+ z-index: 19;
+ padding: 6px 6px 5px 6px;
+ background: #ffffff url(../../images/sites_selection.png) repeat-x 0 0;
+ border: 1px solid #d4d4d4;
+ color: #255792;
+ border-radius: 4px;
}
-.entityTable tr td.first, .entityTable tr th.first {
- border-left: 0 !important;
- vertical-align: middle;
+.sites_autocomplete .custom_select_main_link {
+ padding: 0 20px 0 4px;
+ display: block;
+ text-decoration: none;
+ background: url(../../images/sort_subtable_desc.png) no-repeat right 0;
}
-.entityTable tr th {
- white-space: nowrap;
- padding-top: 10px !important;
- padding-bottom: 10px !important;
+.sites_autocomplete .custom_select_main_link.noselect {
+ padding: 0 8px;
+ display: block;
+ text-decoration: none;
+ background: none;
}
-.entityTable tr td, .entityTable tr th {
- border-bottom: 0 !important;
- border-top: 1px solid #E7E7E7 !important;
+.sites_autocomplete .custom_select_loading {
+ background: url(../../images/loading-blue.gif) no-repeat right 3px;
}
-table.entityTable tr td a {
- text-decoration: underline;
+.sites_autocomplete .custom_select_ul_list, .sites_autocomplete ul.ui-autocomplete {
+ position: relative;
+ list-style: none;
+ line-height: 18px;
+ padding: 0 0 15px 0;
}
-.entityTable tr.highlighted td {
- background-color: #ECF9DD;
+.sites_autocomplete .custom_select_ul_list li a, .sites_autocomplete .custom_select_all a {
+ line-height: 18px;
+ padding: 0 20px 0 4px;
+ height: auto;
+ display: block;
+ text-decoration: none;
}
-/* cancel button below Forms */
-.entityCancel {
- float: right;
- clear: both;
- padding: 10px 0;
- font-size: 12px;
+.sites_autocomplete .custom_select_ul_list li a:hover, .sites_autocomplete .custom_select_all a:hover {
+ background: #ebeae6;
}
-/* List with grey arrows on left */
-.entityList ul.listCircle {
- font-weight: normal;
- list-style: none;
- padding: 4px 0;
+.sites_autocomplete .custom_select_all a {
+ text-decoration: none;
+ margin: 0 0 5px 0;
}
-.entityList ul li {
- background: #ffffff url(../images/li_dbl_gray.gif) no-repeat 6px 10px;
- padding: 0 0 0 21px;
- line-height: 22px;
+.sites_autocomplete .custom_select_search {
+ margin: 0 0 0 4px;
+ height: 26px;
+ display: block;
+ white-space: nowrap;
+ background: url(../../images/search_bg.png) no-repeat 0 0;
}
-.entityList ul li .dimension {
- cursor: pointer;
- border-bottom: 1px solid #d0d0d0;
+.sites_autocomplete .custom_select_search .inp {
+ vertical-align: top;
+ width: 114px;
+ padding: 2px 6px;
+ border: 0;
+ background: transparent;
+ font-size: 10px;
+ color: #454545;
}
-.entityList ul li.activeDimension .dimension {
- font-weight: bold;
+.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;
}
-.entityList ul.listCircle li a {
- color: #000;
+.sites_selector_container > .sites_autocomplete {
+ padding-left: 12px;
}
-/* Piwik jQuery UI Tooltips */
-.ui-tooltip {
- position: absolute;
- z-index: 2000;
+.custom_select_block {
+ height: 0;
+ overflow: hidden;
+}
+.custom_select_block_show {
+ height: auto;
+ overflow: visible;
+ padding-top: 5px;
+}
+.siteSelect a {
+ white-space: normal;
text-align: left;
- background: #f7f7f7;
+}
+#periodString {
+ display: block;
color: #444;
- font-size: 12px;
- font-weight: normal;
+ font-size: 14px;
border: 1px solid #e4e5e4;
- padding: 5px 10px 6px 10px;
+ padding: 5px 30px 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;
+ float: left;
+ margin-right: 12px;
+ z-index: 999;
+ position: absolute;
+ background-color: #f7f7f7;
}
-.ui-tooltip h3 {
- font-weight: bold;
- color: #7E7363;
+#periodString:hover {
+ background-color: #f1f0eb;
+ border-color: #a9a399;
}
-.ui-tooltip h3 {
- font-size: 12px;
- margin: 0 0 2px 0;
+#periodString .calendar-icon {
+ width: 13px;
+ height: 15px;
+ display: inline-block;
+ position: absolute;
+ right: 9px;
+ top: 7px;
+ background: url("../../images/icon-calendar.gif") no-repeat scroll;
+ cursor: pointer;
}
-body .ui-tooltip.small {
- font-size: 11px;
- padding: 3px 5px 3px 6px;
+#periodString #date {
+ cursor: pointer;
+ padding: 5px 10px 6px 10px;
+ margin: -5px -10px -6px -10px;
}
-/* Popover */
-.ui-dialog .ui-widget-header {
- background: none;
- border: 0;
- font: bold 18px Arial, Helvetica, sans-serif;
- color: #7e7363;
- clear: both;
+#periodString #date img {
+ vertical-align: middle;
+ margin: 0 0 0 6px;
}
-.ui-dialog-titlebar-help {
- position: absolute;
- right: 33px;
- top: 50%;
- width: 16px;
- margin: -8px 0 0 0;
- padding: 0;
- height: 16px;
- background: url(../images/help.png);
- overflow: hidden;
+#periodString b {
+ color: #255792;
}
-.section-toggler-link {
- font-size: .8em;
- font-style: italic;
- text-decoration: none;
+#periodString h6 {
+ font-size: 14px;
+ padding: 0 0 4px 0;
}
-.section-toggler-link:hover {
- text-decoration: underline;
+#periodMore {
+ padding: 6px 0 0 0;
+ display: none;
}
-.metricEvolution {
- display: inline-block;
- font-size: 9pt;
- opacity: 0.75;
+#periodString .period-date, #periodString .period-range {
+ float: left;
+ padding: 0 16px 0 0;
}
-.reportsByDimensionView > .entityList {
+#periodString .period-type {
float: left;
- width: 220px;
- min-height: 450px;
+ padding: 0 20px 0 0;
}
-.dimensionCategory {
- margin-top: 10px;
+#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;
}
#languageSelect {
max-height: 400px;
@@ -826,6 +732,10 @@ body .ui-tooltip.small {
z-index: 9999;
background: #FFF;
border: 1px solid #1F447F!important;
+ position: relative;
+}
+#languageSelection > form {
+ display: inline-block;
}
#languageSelection input, #languageSelection select {
display: none;
@@ -848,22 +758,82 @@ body .ui-tooltip.small {
background: #176999!important;
color: #FFF!important;
}
-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;
+/* 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;
}
-pre.code-pre {
- white-space: pre-wrap;
+#header_message:hover, #header_message.active {
+ width: auto;
+ height: auto;
+ z-index: 35;
+}
+#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(../../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(../../images/ico_info.png) no-repeat 7px 4px;
+ border: 1px solid #CBD9EB;
+}
+.header_info, .header_info a {
+ color: #444;
+}
+.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;
}
+/* Remote components */
.piwik-donate-call {
padding: 1em;
border: 1px solid #CCC;
diff --git a/plugins/Zeitgeist/stylesheets/base.less b/plugins/Zeitgeist/stylesheets/base.less
index 58684fda82125f5605cc1af389457f3c4bb282ce..1ea5e760bb805aa952be3f237d70b58b04657084 100644
--- a/plugins/Zeitgeist/stylesheets/base.less
+++ b/plugins/Zeitgeist/stylesheets/base.less
@@ -1,8 +1,30 @@
/* base.less is a standalone Less file */
/* base.css is automatically generated. DO NOT MODIFY */
-@import "_common.less";
-@import "_styles.less";
+/* Genreral styles */
+@import "general/_default.less";
+@import "general/_utils.less";
+
+@import "general/_form.less";
+
+@import "general/_jqueryUI.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";
\ No newline at end of file
diff --git a/plugins/Zeitgeist/stylesheets/general/_default.less b/plugins/Zeitgeist/stylesheets/general/_default.less
new file mode 100644
index 0000000000000000000000000000000000000000..2545487e72da8877b614139c2c5068b53154a245
--- /dev/null
+++ b/plugins/Zeitgeist/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/Zeitgeist/stylesheets/general/_form.less b/plugins/Zeitgeist/stylesheets/general/_form.less
new file mode 100644
index 0000000000000000000000000000000000000000..c129e8c407bac72ed40ec825b5709fadddd07a8b
--- /dev/null
+++ b/plugins/Zeitgeist/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/Zeitgeist/stylesheets/general/_jqueryUI.less b/plugins/Zeitgeist/stylesheets/general/_jqueryUI.less
new file mode 100644
index 0000000000000000000000000000000000000000..bca00bf69d35cc18d4ac08f8d52de5c1ba598f4e
--- /dev/null
+++ b/plugins/Zeitgeist/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(../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(../images/datepicker_arr_l.png) no-repeat 5px 4px !important;
+}
+
+.ui-datepicker-header .ui-icon-circle-triangle-e {
+ background: url(../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/Zeitgeist/stylesheets/general/_utils.less b/plugins/Zeitgeist/stylesheets/general/_utils.less
new file mode 100644
index 0000000000000000000000000000000000000000..ae8f0915b5a1bf8183fcf6ce7f3beabd74442af7
--- /dev/null
+++ b/plugins/Zeitgeist/stylesheets/general/_utils.less
@@ -0,0 +1,56 @@
+/* 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;
+}
+
+.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;
+}
+
+.reportsByDimensionView > .entityList {
+ float: left;
+ width: 220px;
+ min-height: 450px;
+}
+
+.dimensionCategory {
+ margin-top: 10px;
+}
\ No newline at end of file
diff --git a/plugins/Zeitgeist/stylesheets/ui/_header.less b/plugins/Zeitgeist/stylesheets/ui/_header.less
new file mode 100644
index 0000000000000000000000000000000000000000..66e199c34ecf100259f996785ae703425b9cf5d4
--- /dev/null
+++ b/plugins/Zeitgeist/stylesheets/ui/_header.less
@@ -0,0 +1,53 @@
+#header {
+ padding: 5px 0 0;
+ min-height: 60px;
+}
+
+/* Clear fix */
+#header:after {
+ display: table;
+ clear: both;
+ content: "";
+}
+
+#logo {
+ 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/Zeitgeist/stylesheets/ui/_headerMessage.less b/plugins/Zeitgeist/stylesheets/ui/_headerMessage.less
new file mode 100644
index 0000000000000000000000000000000000000000..ad5149c08dd875bc972641ea264ad86b201fac8c
--- /dev/null
+++ b/plugins/Zeitgeist/stylesheets/ui/_headerMessage.less
@@ -0,0 +1,65 @@
+/* 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;
+}
+
+#header_message:hover, #header_message.active {
+ width: auto;
+ height: auto;
+ z-index: 35;
+}
+
+#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/Zeitgeist/stylesheets/ui/_languageSelect.less b/plugins/Zeitgeist/stylesheets/ui/_languageSelect.less
new file mode 100644
index 0000000000000000000000000000000000000000..b0eafb270765fd9c9f79dde1c2f2bcd2e9f9a2cb
--- /dev/null
+++ b/plugins/Zeitgeist/stylesheets/ui/_languageSelect.less
@@ -0,0 +1,41 @@
+#languageSelect {
+ max-height: 400px;
+ overflow-y: auto;
+ overflow-x: hidden;
+ padding: 0 !important;
+ position: absolute;
+ z-index: 9999;
+ background:#FFF;
+ border: 1px solid #1F447F!important;
+ position: relative;
+}
+
+#languageSelection > form {
+ display: inline-block;
+}
+
+#languageSelection input, #languageSelection select {
+ display: none;
+}
+
+#languageSelection .ui-autocomplete-input:after {
+ display: inline;
+ content: " \25BC"
+}
+#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/Zeitgeist/stylesheets/ui/_loading.less b/plugins/Zeitgeist/stylesheets/ui/_loading.less
new file mode 100644
index 0000000000000000000000000000000000000000..16ba00e63425b949502b22e02e5c6e572211acb7
--- /dev/null
+++ b/plugins/Zeitgeist/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/Zeitgeist/stylesheets/ui/_periodSelect.less b/plugins/Zeitgeist/stylesheets/ui/_periodSelect.less
new file mode 100644
index 0000000000000000000000000000000000000000..823b00f0e9d30c78ff0f5eeb67c6d9c01b8b345a
--- /dev/null
+++ b/plugins/Zeitgeist/stylesheets/ui/_periodSelect.less
@@ -0,0 +1,83 @@
+#periodString {
+ display: block;
+ color: #444;
+ font-size: 14px;
+ border: 1px solid #e4e5e4;
+ padding: 5px 30px 6px 10px;
+ border-radius: 4px;
+ float: left;
+ margin-right: 12px;
+ z-index: 999;
+ position: absolute;
+ 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 b {
+ color: #255792;
+}
+
+#periodString h6 {
+ font-size: 14px;
+ padding: 0 0 4px 0;
+}
+
+#periodMore {
+ padding: 6px 0 0 0;
+ display: none;
+}
+
+#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 input {
+
+}
+
+#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/Zeitgeist/stylesheets/ui/_siteSelect.less b/plugins/Zeitgeist/stylesheets/ui/_siteSelect.less
new file mode 100644
index 0000000000000000000000000000000000000000..474c43788bc0dc70fbaac8f350aae5f48ed3d477
--- /dev/null
+++ b/plugins/Zeitgeist/stylesheets/ui/_siteSelect.less
@@ -0,0 +1,133 @@
+
+
+/*sites_autocomplete*/
+.sites_autocomplete {
+ position: absolute;
+ font-size: 12px;
+ display: inline-block;
+}
+
+.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;
+ padding: 6px 6px 5px 6px;
+ background: #fff url(plugins/Zeitgeist/images/sites_selection.png) repeat-x 0 0;
+ border: 1px solid #d4d4d4;
+ color: #255792;
+ border-radius: 4px;
+}
+
+.sites_autocomplete .custom_select_main_link {
+ padding: 0 20px 0 4px;
+ display: block;
+ text-decoration: none;
+ background: url(plugins/Zeitgeist/images/sort_subtable_desc.png) no-repeat right 0;
+}
+
+.sites_autocomplete .custom_select_main_link.noselect {
+ padding: 0 8px;
+ display: block;
+ text-decoration: none;
+ background: none;
+}
+
+.sites_autocomplete .custom_select_loading {
+ 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;
+ padding: 0 20px 0 4px;
+ 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;
+}
+
+.custom_select_block_show {
+ height: auto;
+ overflow: visible;
+ padding-top: 5px;
+}
+
+.siteSelect a {
+ white-space: normal;
+ text-align: left;
+}
\ No newline at end of file