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