169 lines
3.8 KiB
Plaintext
169 lines
3.8 KiB
Plaintext
.widget {
|
|
.font-default(13px, 18px);
|
|
background: @theme-color-widget-background;
|
|
border-radius: 2px;
|
|
position: relative;
|
|
box-shadow: @default-box-shade;
|
|
border: 1px solid @theme-color-widget-background !important;
|
|
|
|
&:hover, &:focus {
|
|
box-shadow: @default-box-shade;
|
|
}
|
|
|
|
h2 {
|
|
font-weight: normal;
|
|
border-bottom: none;
|
|
margin: 0;
|
|
padding: 12px 10px 7px;
|
|
}
|
|
h3 {
|
|
font-weight: normal;
|
|
font-size: 15px;
|
|
margin: 0;
|
|
color: @theme-color-text;
|
|
text-shadow: none;
|
|
padding: 22px 15px 16px 12px !important;
|
|
}
|
|
p {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
&.default {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
.widgetTop {
|
|
cursor: default !important;
|
|
}
|
|
}
|
|
|
|
.widgetTop {
|
|
cursor: move;
|
|
font-size: 10pt;
|
|
font-weight: normal;
|
|
padding-bottom: 4px;
|
|
background: @theme-color-widget-title-background;
|
|
h3 {
|
|
.font-default(18px, 18px);
|
|
color: @theme-color-widget-title-text;
|
|
}
|
|
.button {
|
|
margin: 16px 8px 0 0;
|
|
opacity: 0.8;
|
|
cursor: pointer;
|
|
float: right;
|
|
}
|
|
.buttons {
|
|
right: 8px;
|
|
float: right;
|
|
position: absolute;
|
|
padding-left: 50px;
|
|
display: none;
|
|
top: 7px;
|
|
color: @theme-color-widget-title-text;
|
|
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, @theme-color-widget-title-background 45px);
|
|
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%, @theme-color-widget-title-background 45px);
|
|
background: linear-gradient(to right, rgba(255,255,255,0) 0%, @theme-color-widget-title-background 45px);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='@{theme-color-widget-title-background}',GradientType=1 );
|
|
}
|
|
|
|
&:hover .buttons {
|
|
display:block;
|
|
}
|
|
}
|
|
|
|
.widgetText {
|
|
padding: 10px;
|
|
}
|
|
|
|
.pk-emptyDataTable {
|
|
.font-default(13px, 16px);
|
|
text-transform: none;
|
|
}
|
|
|
|
.widgetContent {
|
|
.widgetBody {
|
|
padding: 5px 12px 0;
|
|
}
|
|
|
|
/** We do not want to show a material-card in a widget which is already a card */
|
|
.card {
|
|
box-shadow: 0 0;
|
|
padding: 0 10px;
|
|
|
|
.card-content {
|
|
padding: 0;
|
|
border-radius: 0
|
|
}
|
|
}
|
|
.jqplot-graph {
|
|
margin-top: 6px;
|
|
}
|
|
.sparkline {
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
|
|
.widgetContent.hidden {
|
|
position: absolute;
|
|
top: -5000px;
|
|
height: 1000px;
|
|
overflow: hidden;
|
|
}
|
|
.widgetContent.loading {
|
|
opacity: 0.5;
|
|
background: url(plugins/Morpheus/images/loading-blue.gif) no-repeat top right;
|
|
}
|
|
|
|
.widgetLoading {
|
|
cursor: wait;
|
|
text-align: center;
|
|
}
|
|
|
|
.widgetNameOffScreen {
|
|
overflow: hidden;
|
|
width:1px;
|
|
height:1px;
|
|
}
|
|
|
|
.card {
|
|
margin: 0;
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
|
|
.widget.hiddenContent .widgetTop.widgetTopHover {
|
|
.button#minimise,.button#refresh {
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
.widget table.dataTable tr td {
|
|
background-color: @theme-color-widget-background;
|
|
}
|
|
|
|
.dataTable table.dataTable tr td {
|
|
background-color: @theme-color-widget-background;
|
|
}
|
|
|
|
.widget {
|
|
.datatableHeaderMessage, .datatableFooterMessage {
|
|
padding-left: 12px;
|
|
}
|
|
}
|
|
|
|
.bar-graph-colors[data-name=grid-background] {
|
|
color: @theme-color-widget-background !important;
|
|
}
|
|
|
|
|
|
.widgetoverlay {
|
|
.widget, .ui-dialog-content {
|
|
position: static;
|
|
}
|
|
}
|
|
|
|
|
|
.ui-dialog .widget .widgetTop .buttons {
|
|
right: 25px;
|
|
}
|