questlab/www/analytics/plugins/Dashboard/stylesheets/widget.less
2016-04-10 18:55:57 +02:00

130 lines
3.1 KiB
Text

.widget {
.font-default(13px, 18px);
background: @theme-color-widget-background;
border: 1px solid @theme-color-widget-border;
box-shadow: 0 1px 1px rgba(204,204,204,.5);
overflow: hidden;
z-index: 1;
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: 15px 15px 10px 12px;
}
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(15px, 18px);
color: @theme-color-widget-title-text;
}
.button {
margin: 16px 8px 0 0;
opacity: 0.8;
cursor: pointer;
float: right;
}
.buttons {
float: right;
position: absolute;
padding-left: 50px;
right: 8px;
display: none;
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(12px, 16px);
text-transform: none;
}
.dataTableFooterIcons {
border-top: 1px solid @color-silver-l85;
}
.widgetContent .jqplot-graph {
margin-top: 6px;
}
.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: 0px;
border-radius: 0px;
}
}
.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;
}
.bar-graph-colors[data-name=grid-background] {
color: @theme-color-widget-background !important;
}