blob: 873a9d9fd5d819eaff6dc7154d91bd4ef15fa8f6 [file] [log] [blame]
Siobhan Tullybfd11dc2013-09-03 12:59:24 -04001.required:after {color: red ! important; font-size: 18px }
2#.btn-success {color:black}
Siobhan Tullyce652d02013-10-08 21:52:35 -04003#suit-center {
4padding: 20px;
5width: 100%;
6min-width:650px;
7}
8.inner-two-columns .inner-center-column .tab-content {
9overflow: inherit;
10margin-bottom: 15px;
11min-width: 650px;
12}
13.inner-two-columns .inner-center-column {
14#margin-right: 200px;
15#background-color: rgb(158, 163, 159);
16}
17label {
18display: block;
19font-weight: bold;
20margin-bottom: 5px;
21}
Siobhan Tullycf04fb62014-01-11 11:25:57 -050022
23
24/*Added by Beena*/
25/*For increasing the header height*/
26.header {
27height: 90px;
28}
29
30/*For changing the background color of the left side navigation list items*/
31/*For changing the color of the left side navigation list items*/
32/*For changing the font of the left side navigation list items*/
33.left-nav>ul>li>a {
34background-color: #CDE7FF;
35font-weight: bold;
36color: #105E9E;
37font-size: 13px;
38border-bottom: none;
39}
40
41/*For giving the padding for the left side navigation*/
42.left-nav>ul {
43padding-left: 5px;
44}
45
46/*For increasing the height of left side navigation list items*/
47.left-nav>ul>li {
48padding-top:4px;
49line-height: 35px;
50width: 180px;
51}
52
53/*For changing background color of suit enter*/
54#suit-center {
55background-color: #ffffff;
56}
57
58.left-nav>ul>li.active>a {
59background-color: #448CCA;
60
61left: 10px;
62background-image: url("right_arrow.png");
63 background-position: 97% center;
64}
65
66
67.nav-tabs-suit li{
68background-color: #CDE7FF;
69/*background-color: #FFFFFF;*/
70}
71
72.nav-tabs-suit li a {
73background-color: #CDE7FF;
74font-weight: bold;
75color: #105E9E;
76border-radius: 0px;
77border: none;
78box-shadow: none;
79}
80.nav-tabs-suit li.active{
81/*Changed on Dec 11*/
82background-color: #448CCA;
83 /*background-position: 50% 100%;
84background-image:url('donw_arrow.png');*/
85}
86
87.nav-tabs-suit li.hover{
88/*Changed on Dec 11*/
89background-color: #448CCA;
90}
91
92.nav-tabs-suit li.active a {
93background-color: #448CCA;
94color:#ffffff;
95padding-top:10px;
96text-decoration:none;
97}
98
99.nav-tabs-suit li.active a:after{ /*arrow added to downarrowdiv DIV*/
100width: 0;
101height: 0;
102border-left: 5px solid transparent;
103border-right: 5px solid transparent;
104border-top: 5px solid #2f2f2f;
105font-size: 0;
106line-height: 0;
107}
108
109
110/* create an arrow that points down */
111
112
113.left-nav>ul>li.active>a:hover{
114background-color: #448CCA;
115color:#ffffff;
116/*padding-top:10px;*/
117text-decoration:none;
118}
119
120.left-nav>ul>li>a:hover{
121background-color: #448CCA;
122color:#ffffff;
123/*padding-top:10px;*/
124text-decoration:none;
125border-left: 15px solid #105E9E ;
126}
127.nav-tabs-suit li.active a:hover,.nav-tabs-suit li a:hover{
128background-color: #448CCA;
129color:#ffffff;
130padding-top:10px;
131text-decoration:none;
132}
133
134.breadcrumb li a {
135font-weight:bold;
136}
137
138.nav-tabs {
139border-bottom: 1px solid #B5D1EA;
140}
141
142.nav-tabs>li {
143margin-bottom: 0px;
144}
145
146/*.icon-home {
147background-image: url('home.png');
148background-repeat: no-repeat;
149background-position: 85%;
150}*/
151
152/*Changed Dec11*/
153
154/*
155.icon-home {
156background-image: url('home.png');
157background-repeat: no-repeat;
158background-position: 40%;
159width: 25px;
160height: 25px;
161vertical-align: middle;
162}
163*/
164
165
166.header #branding{
167height:60px;
168}
169
170#branding2{
171padding-top:60px;
172height:20px;
173width:100%;
174/*background-color: #000000;*/
175/*margin-bottom: 10px;*/
176}
177.header .header-content .date{
178padding-left:10px;
179}
180
181.header .header-content .time {
182font-weight: normal;
183}
184.header .header-content.header-content-first{
185height: 15px;
186padding-bottom: 0px;
187}
188
189.header .header-content {
190padding-bottom: 0px;
191padding: 7px 0 0 0px;
192}
193
194.header #branding {
195border-right:none;
196}
197
198.left-nav>ul>li.active>a:after {
199content: none;
200
201}
202
203.nav-quick-search{
204margin: 0px 0 0px 0px;
205padding:0 20px 0 0;
206float:right;
207}
208
209.header #branding {
210width: 100%;
211}
212
213/**
214* login page
215*/
216
217
218/*.login #wrap {
219background-color: #ffffff;
220}*/
221
222.login #content-main {
223width: 280px;
224height: 365px;
225border-radius: 0px;
226/*background: #EBF0F2;*/
227background: rgba(255,255,255,0.85);
228/*background: rgba(235,240,242,0.6);*/
229}
230
231.login #content-main h1 {
232/*background: #EBF0F2;*/
233background: url("open-cloud-login-themed-light.png") no-repeat scroll 40% center / 89% auto rgba(235, 240, 242, 0);
234/*background-position: 40%;*/
235height: 55px;
236background-repeat: no-repeat;
237font-size: 0px;
238padding-top: 70px;
239}
240.login #content-main h1 i {
241display:none;
242}
243
244.login #content-main h1 img{
245padding-left: 8px;
246}
247
248.login #content-main .control-group .control-label{
249display:none;
250}
251
252.login #content-main form input[type=text]{
253width: 94%;
254padding:4px 6px;
255border-radius: 0px;
256height: 30px;
257background-color: #E5E5E5;
258background-image: url('name.png');
259background-repeat: no-repeat;
260background-position: 95%;
261font-size: 12px;
262}
263
264.login #content-main form input[type=password] {
265 width: 94%;
266padding:4px 6px;
267font-size: 12px;
268border-radius: 0px;
269height: 30px;
270background-color: #E5E5E5;
271background-image: url('password.png');
272background-repeat: no-repeat;
273background-position: 95%;
274}
275
276.login #content-main .submit-row{
277background: #EBF0F215px;
278background: rgba(235,240,242,0.0);
279border-top:none;
280padding-top:0px;
281box-shadow: none;
282}
283
284.login #content-main .submit-row .btn-info {
285background-color : #448CCA;
286background-image: none;
287height: 40px;
288border-radius: 0px;
289width: 100%;
290margin-bottom: 4px;
291}
292#forgot_pwd{
293font-size: 11px;
294font-style: normal;
295text-decoration: none;
296}
297
298#create_acct{
299font-size: 11px;
300font-style: normal;
301text-decoration: none;
302padding-left: 45px;
303}
304
305/*Dec 11 2013*/
306
307.nav-tabs-suit li.active a{
308text-shadow: none;
309-webkit-box-shadow: none;
310-moz-box-shadow: none;
311box-shadow: none;
312}
313
314.nav-tabs>.active>a{
315border: none;
316}
317
318.nav-tabs-suit li a:hover{
319border: none;
320}
321
322.nav-tabs-suit li.active a:hover{
323border: none;
324}
325
326/*.nav-tabs-suit li.active {*/
327 /*background: transparent url('home.png') no-repeat scroll center bottom;*/
328 /*border-left: 5px solid transparent;
329border-right: 5px solid transparent;
330border-top: 5px solid #2f2f2f;
331font-size: 0;
332line-height: 0;
333width: 0;;
334height: 0;
335 margin: 0;
336}*/
337
338.login {
339background-image: url('bg.jpg');
340background-size: 100%;
341background-repeat: no-repeat;
342}
343
344
345.login #content-main {
346 float: none;
347 height: 330px;
348 margin: 100px auto 0;
349 width: 265px;
350}
351
352
353.header{
354background-color: #000000;
355background-image: url('bg2.jpg');
356background-size: 100% auto;
357}
358
359
360#wrap{
361background:none;
362}
363
364body{
365background-color:#ffffff;
366}
367
368.suit-column{
369background-color:#ffffff;
370}
371.nav-quick-search .search-query{
372border-radius:0px;
373border:none;
374box-shadow:0px;
375background-color:#282828;
376padding-left: 27px;
377}
378
379/*Added on 13th*/
380
381/*.input-icon {
382margin-right: 30px;
383}
384
385.icon-search{
386
387margin-left: -165px;
388}*/
389
390.login #content-main form {
391margin: 5px 15px 0;
392}
393
394.login {
395height: 84.5%;
396}
397
398
399.login #wrap {
400 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
401}
402#wrap {
403 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
404}
405#wrap {
406 background: url("../img/bg_left_white.gif") repeat-y scroll left top rgba(0, 0, 0, 0);
407}
408#wrap {
409 height: auto !important;
410 margin: 0 auto -60px;
411 min-height: 100%;
412}
413
414.forgotLink {
415 width: 45%;
416 text-align: left;
417 float: left;
418}
419
420.createAccountLink {
421 width: 55%;
422 text-align: right;
423 float: left;
424
425}
426
427.login .btn-info {
428 color: #FFF;
429}
430
431.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
432 background-color: #448CCA;
433 color: #FFF;
434 border: none;
435}
436
437/*Added by Beena for adding the three components in dashboard*/
438.breadcrumb{
439 width: 37%;
440 display:inline-block;
441 background-color: #fff;
442
443}
444
445.nodetextbox{
446 background-color: #ededed;
447 line-height: 25px;
448 width: 150px;
449 text-align: center;
450 font-weight: bold;
451 margin-left:5px;
452 display:inline-block;
453 border:none;
454 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
455 font-size: 13px;
456}
457
458.nodelabel{
459width: 40px;
460display: inline-block;
461border-radius: 0px;
462border:1px solid #000;
463line-height: 23px;
464text-align: center;
465}
466
467.header-content .header-column {
468 display: none;
469}
470.header .input-icon {
471 background-image: url("Search.png");
472 background-repeat: no-repeat;
473background-position:left center;
474opacity:1;
475 background-size: 100%;
476 vertical-align:middle;
477 margin-right: -30px;
478 /*margin-top: 5px;*/
479 position: relative;
480 height: 22px;
481 width: 22px;
482}
483
484.header .icon-search {
485 /*background-image: url("search.png") !important;
486 background-repeat: no-repeat !important;
487 background-size: 120% auto !important;
488 background-position: 0;*/
489}
490
491.icon-home ,.icon-deployment ,.icon-site ,.icon-slice ,.icon-user, .icon-reservation, .icon-app{
492background-position: left center;
493width:22px;
494height:22px;
495}
496
497.icon-app {
498background-image: url("opencloudApp.png");
499}
500.icon-home {
501background-image: url("Home.png");
502}
503.icon-deployment{
504background-image: url("Deployments.png");
505}
506.icon-site{
507background-image: url("Sites.png");
508}
509.icon-slice{
510background-image: url("Slices.png");
511}
512.icon-user{
513background-image: url("Users.png");
514}
515.icon-reservation{
516background-image: url("Reservations.png");
517}
518
519.left-nav>ul>li.active>a>.icon-home , .left-nav>ul>li:hover>a>.icon-home , .left-nav>ul>li.focus>a>.icon-home{
520background-image: url("Home_over.png");
521}
522
523.left-nav>ul>li.active>a>.icon-deployment,.left-nav>ul>li:hover>a>.icon-deployment,.left-nav>ul>li.focus>a>.icon-deployment{
524background-image: url("Deployments_over.png");
525}
526.left-nav>ul>li.active>a>.icon-site , .left-nav>ul>li:hover>a>.icon-site , .left-nav>ul>li.focus>a>.icon-site{
527background-image: url("Sites_over.png");
528}
529.left-nav>ul>li.active>a>.icon-slice , .left-nav>ul>li:hover>a>.icon-slice , .left-nav>ul>li.focus>a>.icon-slice {
530background-image: url("Slices_over.png");
531}
532.left-nav>ul>li.active>a>.icon-user , .left-nav>ul>li:hover>a>.icon-user , .left-nav>ul>li.focus>a>.icon-user{
533background-image: url("Users_over.png");
534}
535.left-nav>ul>li.active>a>.icon-reservation , .left-nav>ul>li:hover>a>.icon-reservation , .left-nav>ul>li.focus>a>.icon-reservation{
536background-image: url("Reservations_over.png");
537}