begriffs open source - cmsis/blob - main/Core/html/extra_navtree.css

   1 :root {
   2   --arm_light_blue: #00C1DE;
   3   --arm_blue: #11809F;
   4   --arm_blue1: #0091BD;
   5   --arm_dark_blue: #002B49;
   6   --arm_light_gray: #E5ECEB;
   7   --arm_light_gray1: #EFF5F4;
   8   --arm_light_gray2: #EBEBEB;
   9   --arm_light_gray3: #F7F7F7;
  10   --arm_dark_gray: #7D868C;
  11   --arm_black: #333E48;
  12   --arm_orange: #FF6B00;
  13 }
  14
  15 #nav-tree ul {
  16   list-style:none outside none;
  17   margin:0px;
  18   padding:0px;
  19 }
  20
  21 #nav-tree li {
  22   white-space:nowrap;
  23   margin:0px;
  24   padding:0px;
  25 }
  26
  27 #nav-tree .plus {
  28   margin:0px;
  29 }
  30
  31 #nav-tree .selected {
  32   background-image: none;
  33   background-repeat:no-repeat;
  34   text-shadow: none;
  35   border: 1.5px solid var(--arm_blue);
  36   border-left-width: 5px;
  37   margin-left:-10px; /*correction to place selection border on the edge screen edge */
  38 }
  39
  40 #nav-tree img {
  41   margin:0px;
  42   padding:0px;
  43   border:0px;
  44   vertical-align: middle;
  45 }
  46
  47 #nav-tree a {
  48   color: var(--nav-text-normal-color);
  49   text-decoration:none;
  50   padding:0px;
  51   padding-left:0px;
  52   margin:0px;
  53   outline:none;
  54 }
  55
  56 #nav-tree .label {
  57   margin:0px;
  58   padding:0px;
  59   font: 15px  Lato, Calibri, sans-serif;
  60 }
  61
  62 #nav-tree .label:hover {
  63   color: var(--arm_orange);
  64 }
  65
  66 #nav-tree .label a {
  67   padding-left:6px;
  68   line-height: 30px;
  69 }
  70
  71 #nav-tree .selected a {
  72   font-weight: bold;
  73 }
  74
  75 /*correction for the larger box border on the left (10px-5px) */
  76 #nav-tree .selected .arrow {
  77   margin-left:5px;
  78 }
  79
  80 #nav-tree .children_ul {
  81   margin:0px;
  82   padding:0px;
  83 }
  84
  85 #nav-tree {
  86   padding: 0px 0px;
  87   padding-left: 10px;  /*correction to add space before the first arrow in nav-tree */
  88   overflow:auto;
  89 }
  90
  91 #doc-content {
  92   overflow:auto;
  93   display:block;
  94   padding:0px;
  95   margin:0px;
  96   -webkit-overflow-scrolling : touch; /* iOS 5+ */
  97 }
  98
  99 #side-nav {
 100   padding:0 2px 0 0;
 101   margin: 0px;
 102   display:block;
 103   position: absolute;
 104   left: 0px;
 105   width: 350px;
 106 }
 107
 108 .ui-resizable .ui-resizable-handle {
 109   display:block;
 110 }
 111
 112 .ui-resizable-e {
 113   background-color: var(--nav-splitbar-color);
 114   background-repeat:repeat-y;
 115   background-attachment: scroll;
 116   cursor:ew-resize;
 117   height:100%;
 118   right:0;
 119   top:0;
 120   width:1px;
 121 }
 122
 123 .ui-resizable-handle {
 124   display:none;
 125   font-size:0.1px;
 126   position:absolute;
 127   z-index:1;
 128 }
 129
 130 #nav-tree-contents {
 131   margin: 6px 0px 0px 0px;
 132 }
 133
 134 #nav-tree {
 135
 136   -webkit-overflow-scrolling : touch; /* iOS 5+ */
 137 }
 138
 139 #nav-sync {
 140   position:absolute;
 141   top:5px;
 142   right:24px;
 143   z-index:0;
 144   opacity:0;
 145 }
 146
 147 #nav-sync img {
 148   opacity:0;
 149 }
 150
 151 #nav-sync img:hover {
 152   opacity:0;
 153 }
 154
 155 #nav-tree a:hover {
 156   color: var(--arm_orange);
 157 }
 158
 159 @media print
 160 {
 161   #nav-tree { display: none; }
 162   div.ui-resizable-handle { display: none; position: relative; }
 163 }
 164