Gitiles
Code Review Sign In
gerrit.onosproject.org / spring-open / 1ad7be02cc5891d0ce6c7cfa6d1c906b1a00f2b0 / . / sample / ONS2014demo / web / css / layout.default.css
blob: f3daf04697d298019a07c5098dfe528dd96071f5 [file] [log] [blame]
Paul Greyson740bdaf2013-03-18 16:10:48 -0700[diff] [blame]1html, body {
2 height: 100%;
3}
4
Paul Greysond9872392013-03-18 12:04:15 -0700[diff] [blame]5body {
6 display: -webkit-box;
Paul Greyson4e6dc3a2013-03-27 11:37:14 -0700[diff] [blame]7 -webkit-user-select: none;
Paul Greyson56378ed2013-03-26 23:17:36 -0700[diff] [blame]8}
9
Paul Greyson7a300822013-04-09 12:57:49 -0700[diff] [blame]10#background, #background-image {
11 width: 100%;
12 height: 100%;
13}
14
15#contents {
16 width: 100%;
17 height: 100%;
18 display: -webkit-box;
19 -webkit-box-orient: vertical;
20 position: absolute;
21 top: 0px;
22 left: 0px;
23}
24
Paul Greyson56378ed2013-03-26 23:17:36 -0700[diff] [blame]25#columns {
26 display: -webkit-box;
27 -webkit-box-flex: 1.0;
Paul Greysond9872392013-03-18 12:04:15 -0700[diff] [blame]28}
29
Paul Greyson28cf92b2013-04-10 13:15:06 -0700[diff] [blame]30#confirm {
31 position: absolute;
32 top: 0px;
33 left: 0px;
34 width: 100%;
35 height: 100%;
36 display: -webkit-box;
37 -webkit-box-align: center;
38 -webkit-box-pack: center;
39}
40
41#confirm-background {
42 position: absolute;
43 top: 0px;
44 left: 0px;
45 width: 100%;
46 height: 100%;
47}
48
49#confirm-panel {
50 display: -webkit-box;
51 -webkit-box-orient: vertical;
52 -webkit-box-pack: justify;
53}
54
55#confirm-buttons {
56 display: -webkit-box;
57 -webkit-box-pack: center;
58 -webkit-box-flex: 1.0;
59 -webkit-box-align: center;
60}
61
Paul Greysond9872392013-03-18 12:04:15 -0700[diff] [blame]62.header {
63 width: 100%;
64 display: -webkit-box;
65 -webkit-box-pack: justify;
66 -webkit-box-align: center;
67}
68
69#status {
70 display: -webkit-box;
Paul Greysond20d22e2013-04-09 14:34:53 -0700[diff] [blame]71 -webkit-box-flex: 1.0;
Paul Greysond9872392013-03-18 12:04:15 -0700[diff] [blame]72}
73
Paul Greyson740bdaf2013-03-18 16:10:48 -0700[diff] [blame]74#left, #right {
75 display: -webkit-box;
76 -webkit-box-orient: vertical;
77}
78
Paul Greysond9872392013-03-18 12:04:15 -0700[diff] [blame]79#right {
80 width: 100%;
81 -webkit-box-flex: 1.0;
82}
83
Paul Greysonc090d142013-04-09 16:59:03 -0700[diff] [blame]84#topologyArea {
Paul Greysond9872392013-03-18 12:04:15 -0700[diff] [blame]85 -webkit-box-flex: 1.0;
Paul Greyson740bdaf2013-03-18 16:10:48 -0700[diff] [blame]86 position: relative;
Paul Greysond9872392013-03-18 12:04:15 -0700[diff] [blame]87}
88
Paul Greyson6f86d1e2013-03-18 14:40:39 -0700[diff] [blame]89#selectedFlows {
Paul Greyson127d7fb2013-03-25 23:39:20 -0700[diff] [blame]90 display: -webkit-box;
91 -webkit-box-orient: vertical;
Paul Greyson6f86d1e2013-03-18 14:40:39 -0700[diff] [blame]92}
93
Paul Greyson29aa98d2013-03-28 00:09:31 -0700[diff] [blame]94#flowChooser {
95 position: absolute;
96 top: 0px;
97 left: 0px;
98 height: 100%;
99 display: -webkit-box;
100 overflow: scroll;
101}
102
Paul Greyson127d7fb2013-03-25 23:39:20 -0700[diff] [blame]103.selectedFlow {
Paul Greysond9872392013-03-18 12:04:15 -0700[diff] [blame]104 display: -webkit-box;
Paul Greyson29aa98d2013-03-28 00:09:31 -0700[diff] [blame]105 position: relative;
106}
107
Paul Greyson8247c3f2013-03-28 00:24:02 -0700[diff] [blame]108#showFlowChooser {
109 position: relative;
110 display: -webkit-box;
111 -webkit-box-pack: center;
112}
113
Paul Greyson29aa98d2013-03-28 00:09:31 -0700[diff] [blame]114.selectedFlow .srcDPID, .selectedFlow .dstDPID {
Paul Greyson4e6dc3a2013-03-27 11:37:14 -0700[diff] [blame]115 -webkit-user-select: auto;
Paul Greysond9872392013-03-18 12:04:15 -0700[diff] [blame]116}
117
Paul Greyson127d7fb2013-03-25 23:39:20 -0700[diff] [blame]118#selectedFlowsHeader {
119 display: -webkit-box;
Paul Greyson29aa98d2013-03-28 00:09:31 -0700[diff] [blame]120 height: 1.5em;
Paul Greyson127d7fb2013-03-25 23:39:20 -0700[diff] [blame]121}
122
Paul Greyson127d7fb2013-03-25 23:39:20 -0700[diff] [blame]123.iperf {
124 width: 100%;
125 -webkit-box-flex: 1.0;
Paul Greyson95db7a12013-04-04 14:57:58 -0700[diff] [blame]126 position: relative;
127 display: -webkit-box;
128}
129
130.iperf-container {
131 position: absolute;
132 top: 0px;
133 height: 100%;
134 width: 100%;
Paul Greyson127d7fb2013-03-25 23:39:20 -0700[diff] [blame]135}
136
Paul Greysone6266b92013-04-09 23:15:27 -0700[diff] [blame]137#onos {
Paul Greysond1a22d92013-03-19 12:15:19 -0700[diff] [blame]138 display: -webkit-box;
Paul Greysone6266b92013-04-09 23:15:27 -0700[diff] [blame]139}
140
141#actions {
142 display: -webkit-box;
Paul Greysond1a22d92013-03-19 12:15:19 -0700[diff] [blame]143}
144
Paul Greysond20d22e2013-04-09 14:34:53 -0700[diff] [blame]145#controllers {
146 display: -webkit-box;
Paul Greysone6266b92013-04-09 23:15:27 -0700[diff] [blame]147 overflow: scroll;
148 -webkit-box-flex: 1.0;
Paul Greysond20d22e2013-04-09 14:34:53 -0700[diff] [blame]149}
Paul Greysone6266b92013-04-09 23:15:27 -0700[diff] [blame]150
Paul Greysond1a22d92013-03-19 12:15:19 -0700[diff] [blame]151.controller {
152 margin: .25em;
153 background-color: blue;
Paul Greysond20d22e2013-04-09 14:34:53 -0700[diff] [blame]154 -webkit-box-flex: 1.0;
Paul Greysond1a22d92013-03-19 12:15:19 -0700[diff] [blame]155}
156
Paul Greyson740bdaf2013-03-18 16:10:48 -0700[diff] [blame]157#svg-container {
158 position: absolute;
159 top: 0px;
160 height: 100%;
161 width: 100%;
162}