catalog/src/main/webapp/catalog/css/platform/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 div.skills-sunburst{
  24         font-size: 12px;
  25         font-weight: 400;
  26         text-align:center;
  27 }
  28
  29 #skillmap .skills-wrapper {
  30   margin-top: 10px;
  31   overflow: auto;
  32 }
  33 #skillmap .skills-sunburst {
  34   float: left;
  35   width: 500px;
  36   margin-left: -80px;
  37 }
  38 #skillmap .skills-sunburst svg {
  39   font: 11px 'Source Sans Pro', sans-serif;
  40   font-weight: 900;
  41
  42   cursor: pointer;
  43 }
  44 #skillmap .skills-chart {
  45   float: right;
  46   font-family: 'Source Sans Pro', sans-serif;
  47   font-size: 15px;
  48   margin: 80px 20px 0 0;
  49 }
  50 #skillmap .skills-chart .breadcumb-text {
  51   font-size: 13px;
  52   font-weight: 700;
  53 }
  54 #skillmap .skills-chart #skills-chart-line {
  55   fill: none;
  56   stroke-width: 3.5px;
  57 }
  58 #skillmap .skills-chart .axis path,
  59 #skillmap .skills-chart .axis line {
  60   fill: none;
  61 }
  62 #skillmap .skills-chart .x-axis path,
  63 #skillmap .skills-chart .y-axis path {
  64   stroke: #444;
  65   stroke-width: 1px;
  66   shape-rendering: geometricPrecision;
  67 }
  68
  69 #explanation {
  70   position: absolute;
  71   top: 165px;
  72   left: 170px;
  73   width: 140px;
  74   text-align: center;
  75   color: #666;
  76   margin-top:30px;
  77 }
  78
  79 #percentage {
  80   font-size: 2em;
  81 }
  82
  83 #endlabel{
  84         font-sizte:1.5em;
  85 }
  86
  87 div.skills-sunburst text{
  88          text-anchor: middle;
  89 }