restructure application classes
This commit is contained in:
coderkun
commit
a6d9bf653a
3471 changed files with 597952 additions and 0 deletions
540
www/analytics/plugins/Dashboard/stylesheets/dashboard.less
Normal file
540
www/analytics/plugins/Dashboard/stylesheets/dashboard.less
Normal file
|
|
@ -0,0 +1,540 @@
|
|||
#dashboard {
|
||||
margin: 0 -7px;
|
||||
}
|
||||
|
||||
#root>.top_controls {
|
||||
margin-left:15px;
|
||||
margin-right:15px;
|
||||
}
|
||||
.top_controls {
|
||||
position: relative;
|
||||
height: 32px;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
@media all and (max-width: 749px) {
|
||||
.top_controls {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.top_controls #periodString,
|
||||
.top_controls .dashboardSettings,
|
||||
.top_controls #segmentEditorPanel {
|
||||
position: static;
|
||||
margin: 0 0 10px;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
|
||||
#dashboardWidgetsArea {
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.col {
|
||||
float: left;
|
||||
min-height: 100px;
|
||||
}
|
||||
|
||||
.col.width-100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.col.width-75 {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.col.width-67 {
|
||||
width: 66.67%;
|
||||
}
|
||||
|
||||
.col.width-50 {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.col.width-40 {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.col.width-33 {
|
||||
width: 33.33%;
|
||||
}
|
||||
|
||||
.col.width-30 {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.col.width-25 {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.hover {
|
||||
border: 2px dashed #E3E3E3;
|
||||
}
|
||||
|
||||
.widget {
|
||||
background: #fff;
|
||||
border: 1px solid #bbb6ad;
|
||||
margin: 10px 7px;
|
||||
border-radius: 4px;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.widgetHover {
|
||||
border: 1px solid #aba494;
|
||||
}
|
||||
|
||||
.widget .entityContainer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.widget .sparkline {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.widgetContent.hidden {
|
||||
position: absolute;
|
||||
top: -5000px;
|
||||
}
|
||||
|
||||
.widgetContent.loading {
|
||||
opacity: 0.5;
|
||||
background: url(plugins/Zeitgeist/images/loading-blue.gif) no-repeat top right;
|
||||
}
|
||||
|
||||
.widget h2 {
|
||||
font-size: 1.2em;
|
||||
margin-left: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.widget p {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.widgetTop {
|
||||
background: #b5b0a7 url(plugins/Zeitgeist/images/dashboard_h_bg.png) repeat-x 0 0;
|
||||
cursor: move;
|
||||
font-size: 10pt;
|
||||
font-weight: bold;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.widgetTopHover {
|
||||
background: #C4BBAD url(plugins/Zeitgeist/images/dashboard_h_bg_hover.png) repeat-x 0 0;
|
||||
}
|
||||
|
||||
.widgetName {
|
||||
font-size: 18px;
|
||||
padding: 2px 0 0 10px;
|
||||
font-weight: normal;
|
||||
color: #fff;
|
||||
text-shadow: 1px 1px 2px #7e7363;
|
||||
}
|
||||
|
||||
// Overriding some dataTable css for better dashboard display
|
||||
.widget .dataTableWrapper {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
.widgetTop .button {
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
margin: 6px 6px 0 0;
|
||||
}
|
||||
|
||||
.ui-confirm {
|
||||
display: none;
|
||||
width: 630px;
|
||||
background: #fff;
|
||||
color: #444;
|
||||
cursor: default;
|
||||
font-size: 12px !important;
|
||||
font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
|
||||
border-radius: 4px;
|
||||
padding: 20px 10px;
|
||||
border-radius: 4px;
|
||||
min-height: 0 !important;
|
||||
}
|
||||
|
||||
.ui-confirm p {
|
||||
margin-top:10px;
|
||||
|
||||
}
|
||||
.ui-confirm h2 {
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-buttonpane {
|
||||
text-align: center;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.ui-dialog-buttonset input[type=button], .ui-dialog-buttonset button {
|
||||
background: #B5B0A7 url(plugins/Zeitgeist/images/dashboard_h_bg_hover.png) repeat-x 0 0 !important;
|
||||
color: #fff !important;
|
||||
border: 0 !important;
|
||||
font-size: 12px !important;
|
||||
padding: 5px 20px !important;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
margin: 0 8px 3px 8px !important;
|
||||
}
|
||||
|
||||
.ui-dialog .ui-button-text {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.ui-widget-overlay {
|
||||
opacity: 0.6;
|
||||
background: none #000;
|
||||
position: fixed;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.ui-dialog {
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.menu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.widgetLoading {
|
||||
cursor: wait;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
#closeMenuIcon {
|
||||
float: right;
|
||||
margin: 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.menuClear {
|
||||
clear: both;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.dashboardSettings {
|
||||
position: absolute;
|
||||
z-index: 120;
|
||||
background: #f7f7f7;
|
||||
border: 1px solid #e4e5e4;
|
||||
padding: 5px 10px 6px 10px;
|
||||
border-radius: 4px;
|
||||
color: #444;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.dashboardSettings:hover {
|
||||
background: #f1f0eb;
|
||||
border-color: #a9a399;
|
||||
}
|
||||
|
||||
.dashboardSettings.visible {
|
||||
z-index: 1020; /* More than .jqplot-seriespicker-popover (1010) */
|
||||
}
|
||||
|
||||
.dashboardSettings > span {
|
||||
background: url(plugins/Zeitgeist/images/sort_subtable_desc.png) right center no-repeat;
|
||||
padding-right: 20px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.dashboardSettings ul.submenu {
|
||||
padding-top: 5px;
|
||||
display: none;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.dashboardSettings.visible ul.submenu {
|
||||
display: block;
|
||||
list-style: square outside none;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.dashboardSettings > ul.submenu > li {
|
||||
padding: 5px 0;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.dashboardSettings > ul.submenu > li:hover {
|
||||
color: #e87500;
|
||||
}
|
||||
|
||||
#changeDashboardLayout h2 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#columnPreview {
|
||||
clear: both;
|
||||
width: 400px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#columnPreview > div {
|
||||
margin: 5px;
|
||||
float: left;
|
||||
opacity: 0.4;
|
||||
cursor: pointer;
|
||||
filter: Alpha(opacity=40);
|
||||
}
|
||||
|
||||
#columnPreview > div:hover, #columnPreview > div.choosen {
|
||||
opacity: 1;
|
||||
filter: Alpha(opacity=100);
|
||||
}
|
||||
|
||||
#columnPreview div div {
|
||||
height: 120px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#columnPreview div div span {
|
||||
background-color: #ddd;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
border: 2px dotted #555;
|
||||
margin: 0 1px;
|
||||
}
|
||||
|
||||
#columnPreview div.choosen div span, #columnPreview div:hover div span {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
#columnPreview .width-100 {
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
#columnPreview .width-75 {
|
||||
width: 90px;
|
||||
}
|
||||
|
||||
#columnPreview .width-67 {
|
||||
width: 80.4px;
|
||||
}
|
||||
|
||||
#columnPreview .width-50 {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
#columnPreview .width-40 {
|
||||
width: 48px;
|
||||
}
|
||||
|
||||
#columnPreview .width-33 {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
#columnPreview .width-30 {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
#columnPreview .width-25 {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Layout for widget previews
|
||||
*/
|
||||
|
||||
.widgetpreview-base {
|
||||
clear: both;
|
||||
min-height: 600px;
|
||||
-height: 600px;
|
||||
}
|
||||
|
||||
.addWidget, .manageDashboard {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
ul.widgetpreview-widgetlist,
|
||||
ul.widgetpreview-categorylist {
|
||||
color: #5d5342;
|
||||
list-style: none;
|
||||
font-size: 11px;
|
||||
line-height: 20px;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
ul.widgetpreview-categorylist {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
ul.widgetpreview-categorylist li,
|
||||
ul.widgetpreview-widgetlist li {
|
||||
line-height: 20px;
|
||||
padding: 0 25px 0 5px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.widgetpreview-base li.widgetpreview-choosen {
|
||||
background: #e4e2d7 url(plugins/Zeitgeist/images/arr_r.png) no-repeat right 6px;
|
||||
color: #255792;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.widgetpreview-categorylist li.widgetpreview-choosen {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.widgetpreview-base li.widgetpreview-unavailable {
|
||||
color: #D3D3D3;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
ul.widgetpreview-widgetlist {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
div.widgetpreview-preview {
|
||||
float: left;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.dashboardSettings {
|
||||
min-height: 0;
|
||||
height: auto;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.dashboardSettings .submenu {
|
||||
font-weight: bold;
|
||||
color: #255792;
|
||||
}
|
||||
|
||||
.dashboardSettings .submenu ul {
|
||||
float: none;
|
||||
font-weight: normal;
|
||||
padding-top: 10px;
|
||||
margin-left: 10px;
|
||||
color: #5D5342;
|
||||
list-style: none;
|
||||
font-size: 11px;
|
||||
line-height: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.dashboardSettings .submenu ul li {
|
||||
line-height: 20px;
|
||||
padding: 0 25px 0 5px;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.dashboardSettings .submenu ul li:hover {
|
||||
color: #e87500;
|
||||
}
|
||||
|
||||
.dashboardSettings .widgetpreview-widgetlist {
|
||||
width: 228px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.dashboardSettings .widgetTop {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dashboardSettings .widgetpreview-widgetlist,
|
||||
.dashboardSettings .widgetpreview-preview {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dashboardSettings.visible .widgetpreview-widgetlist,
|
||||
.dashboardSettings.visible .widgetpreview-preview {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.widgetPlaceholder {
|
||||
border: 1px dashed #bbb6ad;
|
||||
}
|
||||
|
||||
#newDashboardName, #createDashboardName {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#newDashboardNameInput, #createDashboardNameInput {
|
||||
margin: 20px 0 0 100px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#createDashboardNameInput input {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.popoverSubMessage {
|
||||
text-align: center;
|
||||
padding: 10px 0 5px 0;
|
||||
}
|
||||
|
||||
#copyDashboardToUserConfirm .inputs {
|
||||
width: 375px;
|
||||
margin: 10px auto 0;
|
||||
}
|
||||
|
||||
#copyDashboardToUserConfirm .inputs select,
|
||||
#copyDashboardToUserConfirm .inputs input {
|
||||
width: 150px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#copyDashboardToUserConfirm .inputs label {
|
||||
width: 200px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
@media all and (max-width: 749px) {
|
||||
#dashboardWidgetsArea {
|
||||
padding-right: 7px;
|
||||
}
|
||||
|
||||
.col.width-75,
|
||||
.col.width-67,
|
||||
.col.width-50,
|
||||
.col.width-40,
|
||||
.col.width-33,
|
||||
.col.width-30,
|
||||
.col.width-25 {
|
||||
width: 100%;
|
||||
.widget {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.widgetTop .button {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.widgetTop.widgetTopHover .button {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.widget.hiddenContent .widgetTop.widgetTopHover {
|
||||
.button#minimise,.button#refresh {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
|
||||
.ui-dialog .widget {
|
||||
.button#close,.button#maximise {
|
||||
display:none;
|
||||
}
|
||||
}
|
||||
72
www/analytics/plugins/Dashboard/stylesheets/standalone.css
Normal file
72
www/analytics/plugins/Dashboard/stylesheets/standalone.css
Normal file
|
|
@ -0,0 +1,72 @@
|
|||
|
||||
body {
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
#dashboard {
|
||||
margin: 30px -6px 0 -12px;
|
||||
width: 100%;
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
#Dashboard {
|
||||
z-index: 5;
|
||||
font-size: 14px;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#Dashboard > ul {
|
||||
list-style: square inside none;
|
||||
background: #f7f7f7;
|
||||
border: 1px solid #e4e5e4;
|
||||
padding: 5px 10px 6px 10px;
|
||||
border-radius: 4px;
|
||||
color: #444;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
#Dashboard:hover ul {
|
||||
background: #f1f0eb;
|
||||
border-color: #a9a399;
|
||||
}
|
||||
|
||||
#Dashboard > ul > li {
|
||||
float: left;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#Dashboard a {
|
||||
color: #444;
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#Dashboard > ul > li:hover,
|
||||
#Dashboard > ul > li:hover a,
|
||||
#Dashboard > ul > li.sfHover,
|
||||
#Dashboard > ul > li.sfHover a {
|
||||
color: #e87500;
|
||||
}
|
||||
|
||||
#Dashboard > ul > li.sfHover,
|
||||
#Dashboard > ul > li.sfHover a {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.top_controls > #Dashboard,
|
||||
.top_controls > #periodString,
|
||||
.top_controls > .dashboardSettings {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.jqplot-seriespicker-popover {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#ajaxLoading {
|
||||
margin: 40px 0 -30px 0;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue