blob: fc3a3b73884d59778f19034b4f113c3445bbeaad [file] [log] [blame]
Simon Hunt195cb382014-11-03 17:50:51 -08001/*
2 * Copyright 2014 Open Networking Laboratory
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 * http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17/*
18 ONOS GUI -- Masthead -- CSS file
19
20 @author Simon Hunt
21 */
22
23#mast {
24 height: 36px;
25 padding: 4px;
Simon Hunt195cb382014-11-03 17:50:51 -080026 vertical-align: baseline;
Thomas Vachuska65368e32014-11-08 16:10:20 -080027}
28
29.light #mast {
30 background-color: #bbb;
Simon Huntd481c1e2014-11-20 11:46:15 -080031 box-shadow: 0 2px 8px #777;
Thomas Vachuska65368e32014-11-08 16:10:20 -080032}
33.dark #mast {
34 background-color: #444;
Simon Huntd481c1e2014-11-20 11:46:15 -080035 box-shadow: 0 2px 8px #777;
Simon Hunt195cb382014-11-03 17:50:51 -080036}
37
38#mast img#logo {
39 height: 38px;
40 padding-left: 8px;
41 padding-right: 8px;
42}
43
44#mast span.title {
Simon Hunt195cb382014-11-03 17:50:51 -080045 font-size: 14pt;
46 font-style: italic;
47 vertical-align: 12px;
48}
49
Thomas Vachuska65368e32014-11-08 16:10:20 -080050.light #mast span.title {
51 color: #369;
52}
53.dark #mast span.title {
54 color: #78a;
55}
56
Simon Hunt195cb382014-11-03 17:50:51 -080057#mast span.right {
58 padding-top: 8px;
59 padding-right: 16px;
60 float: right;
61}
62
63#mast span.radio {
Simon Hunt195cb382014-11-03 17:50:51 -080064 font-size: 10pt;
Simon Huntdb9eb072014-11-04 19:12:46 -080065 margin: 4px 2px;
Simon Hunt195cb382014-11-03 17:50:51 -080066 padding: 1px 6px;
Simon Hunta3dd9572014-11-20 15:22:41 -080067 -moz-border-radius: 3px;
68 border-radius: 3px;
Simon Hunt195cb382014-11-03 17:50:51 -080069 cursor: pointer;
70}
71
Thomas Vachuska65368e32014-11-08 16:10:20 -080072.light #mast span.radio {
73 border: 1px dotted #222;
74 color: #eee;
75}
76.dark #mast span.radio {
77 border: 1px dotted #bbb;
78 color: #888;
79}
80
Simon Hunt195cb382014-11-03 17:50:51 -080081#mast span.radio.active {
Thomas Vachuska65368e32014-11-08 16:10:20 -080082 padding: 1px 6px;
Thomas Vachuska65368e32014-11-08 16:10:20 -080083}
84
85.light #mast span.radio.active {
Simon Hunt195cb382014-11-03 17:50:51 -080086 background-color: #bbb;
87 border: 1px solid #eee;
Simon Hunt195cb382014-11-03 17:50:51 -080088 color: #666;
Thomas Vachuskaece59ee2014-11-19 19:06:11 -080089
Thomas Vachuska65368e32014-11-08 16:10:20 -080090}
91.dark #mast span.radio.active {
92 background-color: #222;
93 border: 1px solid #eee;
Thomas Vachuskaece59ee2014-11-19 19:06:11 -080094 color: #78a;
Simon Hunt195cb382014-11-03 17:50:51 -080095}
Simon Huntf8e5b4e02014-11-13 11:17:57 -080096
97/* Button Bar */
98
99#bb {
100 margin: 0 30px;
101 padding: 0 2px;
102}
103
104#bb .btn {
Simon Hunt01095ff2014-11-13 16:37:29 -0800105 margin: 0 4px;
Simon Huntf8e5b4e02014-11-13 11:17:57 -0800106 padding: 2px 6px;
Simon Hunta3dd9572014-11-20 15:22:41 -0800107 -moz-border-radius: 3px;
108 border-radius: 3px;
Simon Huntf8e5b4e02014-11-13 11:17:57 -0800109 font-size: 9pt;
110 cursor: pointer;
111}
112
113.light #bb .btn {
114 border: 1px solid #fff;
115 border-right-color: #444;
116 border-bottom-color: #444;
117 color: #222;
118}
119
120.light #bb .btn.active {
121 border: 1px solid #444;
122 border-right-color: #fff;
123 border-bottom-color: #fff;
124 background-color: #888;
125 color: #ddf;
126}
127
128.dark #bb .btn {
129 border: 1px solid #888;
130 border-right-color: #111;
131 border-bottom-color: #111;
132 color: #888;
133}
134
135.dark #bb .btn.active {
136 border: 1px solid #111;
137 border-right-color: #888;
138 border-bottom-color: #888;
139 background-color: #555;
Thomas Vachuskaece59ee2014-11-19 19:06:11 -0800140 color: #78a;
Simon Huntf8e5b4e02014-11-13 11:17:57 -0800141}
142