8 @topologyOffset: -4px; // ensure calibration
10 @interface-admin-up: #46A040;
11 @interface-admin-down: #C41230;
12 @interface-edge-down: #F58025;
15 .dash-size (@width, @height) {
19 .position (@type, @top, @right, @bottom, @left) {
26 .dash-position (@top, @right, @bottom, @left) {
27 .position(absolute, @top, @right, @bottom, @left);
32 background-position: left center;
33 background-repeat: no-repeat;
45 font-variant: small-caps;
47 padding: 10px 0 10px 45px;
48 background-image: url('../img/logo.png');
49 background-position: left center;
50 background-repeat: no-repeat;
54 border-bottom: transparent;
59 border-color: transparent;
68 border-top: 1px solid #ddd;
69 border-right: 1px solid #ddd;
70 border-left: 1px solid #ddd;
85 background-image: url('../img/user_0020_16.png');
89 background-image: url('../img/user_group_0107_16.png');
93 background-image: url('../img/topology_view_1033_16.png');
97 background-image: url('../img/logo_16.png');
101 background-image: url('../img/save_as_0106_16.png');
105 background-image: url('../img/open_1054_16.png');
129 min-width: @minWidth;
130 min-height: @minHeight;
135 top: @topologyOffset;
137 bottom: @topologyOffset;
144 .dash-size(30%, 100%);
148 .dash-size(100%, 60%);
151 .dash-position(5px, 5px, 5px, 5px);
156 .dash-size(100%, 40%);
159 .dash-position(0, 5px, 5px, 5px);
166 .dash-size(70%, 100%);
170 .dash-size(100%, 60%);
173 .dash-position(5px, 5px, 5px, 0);
178 .dash-size(100%, 40%);
181 .dash-position(0, 5px, 5px, 0);
186 #left-top, #left-bottom,
187 #right-top, #right-bottom {
195 border: 1px solid #ddd;
212 border-color: transparent;
221 border-top: 1px solid #ddd;
222 border-left: 1px solid #ddd;
223 border-right: 1px solid #ddd;
231 .dash-position(45px,0,0,0);
252 background-position: center;
253 background-repeat: no-repeat;
254 background-image: url('../img/alert_unreachable_2008_128.png');
263 // defaults for visual topology
270 .table-cursor tr:hover {
277 color: @interface-admin-up;
280 color: @interface-admin-down;
283 color: @interface-edge-down;