CLIENT GUI Framework
[vnfsdk/refrepo.git] / portal-extsys / src / main / webapp / extsys / vim / css / skill.css
1 /**\r
2  * Copyright 2016-2017 ZTE Corporation.\r
3  *\r
4  * Licensed under the Apache License, Version 2.0 (the "License");\r
5  * you may not use this file except in compliance with the License.\r
6  * You may obtain a copy of the License at\r
7  *\r
8  *     http://www.apache.org/licenses/LICENSE-2.0\r
9  *\r
10  * Unless required by applicable law or agreed to in writing, software\r
11  * distributed under the License is distributed on an "AS IS" BASIS,\r
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
13  * See the License for the specific language governing permissions and\r
14  * limitations under the License.\r
15  */\r
16 body {\r
17     font-family: 'Open Sans', sans-serif;\r
18     /*background-color: #f1f3fa;*/\r
19     width: '100%';\r
20     height: '100%';\r
21     margin-top: 10px;\r
22 }\r
23 \r
24 div.skills-sunburst {\r
25     font-size: 12px;\r
26     font-weight: 400;\r
27     text-align: center;\r
28 }\r
29 \r
30 #skillmap .skills-wrapper {\r
31     margin-top: 10px;\r
32     overflow: auto;\r
33 }\r
34 \r
35 #skillmap .skills-sunburst {\r
36     float: left;\r
37     width: 500px;\r
38     margin-left: -80px;\r
39 }\r
40 \r
41 #skillmap .skills-sunburst svg {\r
42     font: 11px 'Source Sans Pro', sans-serif;\r
43     font-weight: 900;\r
44 \r
45     cursor: pointer;\r
46 }\r
47 \r
48 #skillmap .skills-chart {\r
49     float: right;\r
50     font-family: 'Source Sans Pro', sans-serif;\r
51     font-size: 15px;\r
52     margin: 80px 20px 0 0;\r
53 }\r
54 \r
55 #skillmap .skills-chart .breadcumb-text {\r
56     font-size: 13px;\r
57     font-weight: 700;\r
58 }\r
59 \r
60 #skillmap .skills-chart #skills-chart-line {\r
61     fill: none;\r
62     stroke-width: 3.5px;\r
63 }\r
64 \r
65 #skillmap .skills-chart .axis path,\r
66 #skillmap .skills-chart .axis line {\r
67     fill: none;\r
68 }\r
69 \r
70 #skillmap .skills-chart .x-axis path,\r
71 #skillmap .skills-chart .y-axis path {\r
72     stroke: #444;\r
73     stroke-width: 1px;\r
74     shape-rendering: geometricPrecision;\r
75 }\r
76 \r
77 #explanation {\r
78     position: absolute;\r
79     top: 165px;\r
80     left: 170px;\r
81     width: 140px;\r
82     text-align: center;\r
83     color: #666;\r
84     margin-top: 30px;\r
85 }\r
86 \r
87 #percentage {\r
88     font-size: 2em;\r
89 }\r
90 \r
91 #endlabel {\r
92     font-sizte: 1.5em;\r
93 }\r
94 \r
95 div.skills-sunburst text {\r
96     text-anchor: middle;\r
97 }