Target-Sense-Objects-Template/theme.css at master · GINQO/Target-Sense-Objects-Template · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
/*
If you want to customize to UI of individual objects, use this file.

    Usage: To use these custom Sense Themes, just replace the tid string with the id of the Qlik Sense object you are wanting to change
    Supported Objects: Straight Table, KPI

    How to find an object's ID:
        1. Go to a sheet with the object you want to change
        2. Add options/developer to the end of your URL
        3. Right click 'Developer'
        4. Copy the Object ID
*/

/***********************************/
/******Custom Table Definition******/
/***********************************/

    /* Table Header */
    [tid |= "ETvmXm"] th * {
        font-size:9px;
    }

    /* Table Body Content */
    [tid |= "ETvmXm"] td * {
        padding:0px;
        font-size:9px;
    }


/***********************************/
/*******Custom KPI Definition*******/
/***********************************/


    /* KPI Header */
    [tid |= "aVkLD"]  div.measure-wrapper * {
        font-size:30px;
        font-weight: 700px;
        font-family: Arial, Helvetica, sans-serif;
    }
    [tid |= "aVkLD"]  div.value-wrapper.center * {
        font-size:14px !important;
        font-weight: 700px !important;
    }


/***********************************/
/***Custom Filter Pane Definition***/
/***********************************/


[tid |= "NnzQ"]  div.title-wrapper {
    color: white !important;
    background-color: lightskyblue !important;
}
[tid |= "NnzQ"]  div.title-wrapper * {
    font-size:18px;
    text-align: center !important;
}
[tid |= "NnzQ"]  div.qv-listbox-text * {
    font-size:9px;
    text-align: center !important;
}
[tid |= "yLhNRn"]  div.title-wrapper {
    color: white !important;
    background-color: lightcoral !important;
}
[tid |= "yLhNRn"]  div.title-wrapper * {
    font-size:18px;
    font-family: "Times New Roman", Times, serif;
    text-align: center !important;
}
[tid |= "yLhNRn"]  div.qv-listbox-text * {
    font-size:9px;
    text-align: center !important;
}

/* Example: Targetting all MultiKPI objects and applying font-family to them */
@import url('https://fonts.googleapis.com/css?family=Indie+Flower');
div > div > div > div.statistic.statistic-1 > div > div > div.label > span {
font-size: 20px !important;
font-family: 'Indie Flower', cursive !important;
}

/* Target all properties on sheet. Change font to Helvetica, if not available Arial. */
#grid-wrap *:not(.fa):not(.lui-icon) {
    font-family: Helvetica, Arial, sans-serif !important;
}

/* Target the selections bar on the page and hide it. */
#qv-stage-container > div > div.qvt-selections.qv-panel-subtoolbar.qv-panel-current-selections.ng-scope.ng-isolate-scope.bright * {
    visibility: hidden;
}