extsys/src/main/webapp/extsys/vim/css/skill.css

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