openstack/ovsdb-ui/module/src/main/resources/ovsdb/css/ovsdb.css

   1 /*\r
   2  * Copyright (c) 2015 Inocybe Technologies and others.  All rights reserved.\r
   3  *\r
   4  * This program and the accompanying materials are made available under the\r
   5  * terms of the Eclipse Public License v1.0 which accompanies this distribution,\r
   6  * and is available at http://www.eclipse.org/legal/epl-v10.html\r
   7 */\r
   8 \r
   9 #errorMessage {\r
  10   display: none;\r
  11 }\r
  12 .switch-light {\r
  13   width: 140px;\r
  14 }\r
  15 .switch-light span > span {\r
  16   color: black;\r
  17 }\r
  18 .link {\r
  19   stroke: #999;\r
  20   stroke-opacity: 0.8;\r
  21 }\r
  22 .form-inline > span,\r
  23 label {\r
  24   padding-right: 15px;\r
  25 }\r
  26 #list_container {\r
  27   border: 1px solid white;\r
  28   background-color: #414042;\r
  29   height: 600px;\r
  30 }\r
  31 #list_container label {\r
  32   color: white;\r
  33 }\r
  34 svg,\r
  35 #list_container {\r
  36   width: 100%;\r
  37 }\r
  38 svg {\r
  39   border: none;\r
  40   border-radius: 0;\r
  41   background-image: none;\r
  42   background-color: white;\r
  43   height: 580px;\r
  44 }\r
  45 #list_container > .row {\r
  46   margin-left: 15px;\r
  47   margin-right: 15px;\r
  48 }\r
  49 .container {\r
  50   padding-top: 15px;\r
  51   width: 1200px;\r
  52 }\r
  53 .row {\r
  54   padding-bottom: 15px;\r
  55 }\r
  56 .select2-selection__choice {\r
  57   background-color: orange !important;\r
  58   border-color: black !important;\r
  59   color: black !important;\r
  60 }\r
  61 .select2-selection__choice > span {\r
  62   color: black !important;\r
  63 }\r
  64 .select2-results {\r
  65   color: black !important;\r
  66 }\r
  67 .table.table-bordered {\r
  68   background-color: white;\r
  69   color: black;\r
  70 }\r
  71 #graph_header {\r
  72   width: 100%;\r
  73   height: 20px;\r
  74   background-color: white;\r
  75   border-bottom: 1px solid #ccc;\r
  76 }\r
  77 .icon-fullscreen,\r
  78 .icon-resize-small {\r
  79   margin-right: 5px;\r
  80   margin-top: 2px;\r
  81 }\r
  82 .bg_rect {\r
  83   fill: #FFA6A6;\r
  84   opacity: .4;\r
  85   stroke: #ff0000;\r
  86 }\r
  87 kbd {\r
  88   color: #333;\r
  89   border-radius: 3px;\r
  90   padding: 2px 4px;\r
  91   font-size: 90%;\r
  92   background-color: #DDD;\r
  93   box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);\r
  94 }\r
  95 .network_info {\r
  96   text-align: center;\r
  97   width: 170px;\r
  98   height: 80px;\r
  99   padding: 5px;\r
 100   border-radius: 5px;\r
 101   border: 1px solid black;\r
 102 }\r
 103 #network_summary {\r
 104   width: auto;\r
 105   height: auto;\r
 106   left: 15px;\r
 107   padding: 5px;\r
 108 }\r
 109 .graph_window {\r
 110   position: absolute !important;\r
 111   background-color: rgba(255, 255, 255, 0.7);\r
 112   -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75);\r
 113   -moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75);\r
 114   box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.75);\r
 115   padding: 5px;\r
 116   z-index: 2;\r
 117   border-radius: 5px;\r
 118   top: 25px;\r
 119   min-height: 35px;\r
 120   min-width: 100px;\r
 121   overflow: hidden;\r
 122 }\r
 123 #graph_summary {\r
 124   width: 160px;\r
 125   height: 100px;\r
 126   right: 10px;\r
 127 }\r
 128 \r
 129 div.window_body {\r
 130   height: 80%;\r
 131   font-size:12px;\r
 132   color:#ccc;\r
 133 }\r
 134 div.window_content {\r
 135   position:relative;\r
 136   max-height:350px;\r
 137   height:100%;\r
 138   overflow-y: auto;\r
 139 }\r
 140 div.window_header > hr {\r
 141   margin-top: 0;\r
 142   margin-bottom: 10px;\r
 143 }\r
 144 div.window_header > span {\r
 145   width: 100%;\r
 146   display: inline;\r
 147 }\r
 148 #network_table_window,\r
 149 #node_table_window {\r
 150   width: 355px;\r
 151   height: 215px;\r
 152 }\r
 153 #node_table_window {\r
 154   top: 300px;\r
 155   left: 25px;\r
 156 }\r
 157 #network_table_window {\r
 158   top: 300px;\r
 159   right: 25px;\r
 160 }\r
 161 .window-icon {\r
 162   color: black;\r
 163   float: right;\r
 164   margin-right: 5px;\r
 165 }\r
 166 .window-icon:hover {\r
 167   background-color: #ddd;\r
 168   cursor: pointer;\r
 169 }\r
 170 \r
 171 .linfolabel {\r
 172   font-size : 12px;\r
 173   letter-spacing: 1px;\r
 174 }\r
 175 #tabs > ul > li > a {\r
 176   color:white !important;\r
 177 }\r
 178 #tabs > ul > li.ui-state-active {\r
 179   border: 1px solid white;\r
 180 }\r
 181 \r
 182 #tabs > ul > li.ui-state-hover > a{\r
 183   color:black !important;\r
 184 }\r
 185 \r
 186 #tabs > ul > li > a:focus {\r
 187   background-color:inherit !important;\r
 188 }\r
 189 \r
 190 #lDialog, #pDialog {\r
 191   position:absolute;\r
 192   font-size: 11px;\r
 193   width: auto;\r
 194   min-width: 450px;\r
 195   display:none;\r
 196   background-color: rgb(255, 255, 255);\r
 197   border: 1px solid black;\r
 198   border-radius: 10px;\r
 199   height: auto;\r
 200   padding: 10px;\r
 201 }\r
 202 \r
 203 .window_content > ul > li.ui-state-active {\r
 204   border-top: 1px solid #dddddd;\r
 205   border-left: 1px solid #dddddd;\r
 206   border-right: 1px solid #dddddd;\r
 207 }\r
 208 \r
 209 .arrow-left {\r
 210         width: 0;\r
 211         height: 0;\r
 212         border-top: 10px solid transparent;\r
 213         border-bottom: 10px solid transparent;\r
 214 \r
 215         border-right:10px solid blue;\r
 216 }\r
 217 \r
 218 span.selection {\r
 219   font-size: 10px;\r
 220 }\r