blob: 44d62b46b6293e5d3489110e01c7449272d731aa [file] [log] [blame]
Scott Baker5e74a262014-03-27 09:21:16 -07001/*************************
2colors:
3 tab - active/focus color
4 background-color: #105E9E !important;
5
6ONLab darker blue select :: background-color: #004775;
7#0170BB
8 left-nav
9 background-color: #448CCA;
10 background-color // normal: #B4CADF
1191BFE4
12
13*************************/
14
15/* CSS for jquery Tabs */
16#hometabs {
17border-bottom: 1px solid #105E9E;
18font-size: 12px;
19border: 0px;
20}
21
22.ui-tabs-active {
23 color: #ffffff;
24 background-color: #105E9E;
25 text-shadow: rgb(46, 43, 43) 0.1em 0.1em 0.2em;
26 font-weight: normal;
27}
28.nav > li > a:active {
29 color: #ffffff;
30 background-color: #105E9E;
31 text-shadow: rgb(46, 43, 43) 0.1em 0.1em 0.2em;
32
33}
34.nav > li > a:focus {
35 color: #ffffff;
36 background-color: #105E9E;
37 text-shadow: rgb(46, 43, 43) 0.1em 0.1em 0.2em;
38
39}
40.ui-state-focus a,
41.ui-state-focus a:link{
42 color: #ffffff;
43 background-color: #105E9E;
44 text-shadow: rgb(46, 43, 43) 0.1em 0.1em 0.2em;
45}
46.ui-state-active a,
47.ui-state-active a:link{
48 color: #ffffff !important;
49 background-color: #105E9E !important;
50 text-shadow: rgb(46, 43, 43) 0.1em 0.1em 0.2em;
51 font-weight: normal;
52}
53/*************************/
54/* Header elements */
55
56.logo {
57}
58.header{
59 background-color: #ffffff !important;
60 /*background-image: url('bg2.jpg');*/
61 background-size: 100% auto;
62 background-image: none !important;
63 text-shadow: none;
64 border-bottom: 3px solid #C5CCD4;
65 margin-bottom: 14px;
66 margin-top: -120px;
67 height: 85px;
68 /*min-width: 1321px;*/
69}
70
71.nav-quick-search{
72margin: 30px -10px 0px 0px !important;
73padding:0 25px 0 0 !important;
74float:right !important;
75}
76
77.nav-quick-search .search-query{
78border-radius:5px;
79border:none;
80box-shadow:0px;
81background-color:lightGrey;
82padding-left: 27px;
83}
84
85
86.header #branding {
87width: 100%;
88height:60px;
89}
90
91.header a {
92color: #08C;
93font-weight: bold;
94/*border-bottom: 1px solid #C5CCD4;*/
95}
96a {
97color: #08C;
98font-weight: bold;
99/*border-bottom: 1px solid #C5CCD4;*/
100}
101
102.header #branding {
103border-right:none;
104}
105
106#branding2{
107height:20px;
108width:100%;
109color: #333;
110/*background-color: #000000;*/
111margin-bottom: 10px;
112}
113
114.header #user-tools {
115 padding: 12px 20px 0px 0px;
116 float: right;
117 margin-top: -5px;
118}
119
120.header .header-content .date{
121padding-left:10px;
122}
123
124.header .header-content .time {
125font-weight: normal;
126}
127.header .header-content.header-content-first{
128height: 15px;
129padding-bottom: 0px;
130}
131
132.header .header-content {
133padding-bottom: 0px;
134padding: 7px 0 0 0px;
135}
136
137/*************************/
138
Scott Baker771819b2014-03-19 22:10:17 -0700139.alignCenter {
140 text-align: center !important;
141 align: center !important;
142}
143table.dataTable tr.odd {
144background-color: white !important;
145}
146table.dataTable tr.odd td.sorting_1 {
147background-color: white !important;
148}
149table.dataTable tr.even td.sorting_1 {
150background-color: white !important;
151}
152table.dataTable thead th div.DataTables_sort_wrapper {
153 font-weight: bold;
154}
155.dashboard-hpc-sliver .ui-widget-header, .dashboard-hpc-sliver .ui-dialog-title, .dashboard-hpc-sliver .ui-dialog-titlebar{
156}
157.ui-widget-overlay {
158 background: black !important;
159}
160.ui-corner-all {
161border-bottom-left-radius: 0px !important;
162border-bottom-right-radius: 0px !important;
163}
164
165#suit-center {
Scott Baker5e74a262014-03-27 09:21:16 -0700166 /* min-width: 977px !important; */
167}
168#openCloudTopPage {
169 margin-top: -25px;
170 margin-right: -90;
171 float: right;
Scott Baker771819b2014-03-19 22:10:17 -0700172}
173#minDashboard {
Scott Baker5e74a262014-03-27 09:21:16 -0700174 /*min-width:625px; */
Scott Baker771819b2014-03-19 22:10:17 -0700175 display:inline;
176 float: right;
Scott Baker5e74a262014-03-27 09:21:16 -0700177 border: 2px darkGrey;
Scott Baker771819b2014-03-19 22:10:17 -0700178}
179.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
180background: none !important;
181border-top: 0px !important;
182border-left: 0px !important;
183border-right: 0px !important;
184}
185.ui-widget-header {
186background: none !important;
187border-top: 0px !important;
188border-left: 0px !important;
189border-right: 0px !important;
190}
191#suit_form_tabs {
Scott Baker5e74a262014-03-27 09:21:16 -0700192/*border-bottom: 1px solid #B5D1EA;*/
193border-bottom: 1px solid #105E9E !important;
194border-bottom-width: 5px !important;
Scott Baker771819b2014-03-19 22:10:17 -0700195border-bottom-style: solid;
Scott Baker5e74a262014-03-27 09:21:16 -0700196/*border-bottom-color: rgb(181, 209, 234);*/
197border-bottom-color: #448CCA;
Scott Baker771819b2014-03-19 22:10:17 -0700198color:#105E9E;
199}
Scott Baker771819b2014-03-19 22:10:17 -0700200.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
201color: #105E9E ;
202}
Scott Baker5e74a262014-03-27 09:21:16 -0700203.save-box {
204 background-color: #ffffff;
205 margin: 2px;
206}
207.save-box .btn-info {
208 font-size: 14px;
209 padding: 10px 20px 10px 20px;
210}
211.btn-success {
212 font-size: 12px;
213 font-weight: normal;
214 padding: 5px 10px 5px 10px;
215}
216.btn-success, .save-box .btn-info {
217 background: #27AE5F;
218 background-image: -webkit-linear-gradient(top, #27AE5F, #27ae60);
219 background-image: -moz-linear-gradient(top, #27AE5F, #27ae60);
220 background-image: -ms-linear-gradient(top, #27AE5F, #27ae60);
221 background-image: -o-linear-gradient(top, #27AE5F, #27ae60);
222 background-image: linear-gradient(to bottom, #27AE5F, #27ae60);
223 -webkit-border-radius: 5;
224 -moz-border-radius: 5;
225 border-radius: 5px;
226 text-shadow: 1px 1px 3px #666666;
227 font-family: Arial;
228 color: #ffffff;
229 text-decoration: none;
230 letter-spacing: 1px;
231}
232
233.btn-success:hover, .save-box .btn-info:hover {
234 background: #2ecc71;
235 text-decoration: none;
236}
237
238
Scott Baker771819b2014-03-19 22:10:17 -0700239
Siobhan Tullybfd11dc2013-09-03 12:59:24 -0400240.required:after {color: red ! important; font-size: 18px }
241#.btn-success {color:black}
Siobhan Tullyce652d02013-10-08 21:52:35 -0400242#suit-center {
243padding: 20px;
244width: 100%;
245min-width:650px;
246}
247.inner-two-columns .inner-center-column .tab-content {
Scott Baker5e74a262014-03-27 09:21:16 -0700248overflow-x: auto;
Siobhan Tullyce652d02013-10-08 21:52:35 -0400249margin-bottom: 15px;
Scott Baker5e74a262014-03-27 09:21:16 -0700250/*min-width: auto;*/
251width:100%;
Siobhan Tullyce652d02013-10-08 21:52:35 -0400252}
253.inner-two-columns .inner-center-column {
254#margin-right: 200px;
255#background-color: rgb(158, 163, 159);
256}
257label {
258display: block;
259font-weight: bold;
260margin-bottom: 5px;
261}
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500262
263
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500264/*For changing the background color of the left side navigation list items*/
265/*For changing the color of the left side navigation list items*/
266/*For changing the font of the left side navigation list items*/
267.left-nav>ul>li>a {
Scott Baker5e74a262014-03-27 09:21:16 -0700268/*background-color: #CDE7FF;*/
269/* Light color nav choices */
270/*background-color: #DFECF8;*/
271/*background-color: #91BFE4;*/
272/*background-color: #DAECFC;*/
273background-color: #448CCA;
274/*ONlab.us reg color blue*/
275/*background-color: #ccffff;*/
276font-weight: normal;
277/*color: #105E9E;*/
278color: #ffffff;
279text-shadow: rgb(46, 43, 43) 0.1em 0.1em 0.2em;
280letter-spacing: 1px;
281font-size: 12px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500282border-bottom: none;
283}
284
285/*For giving the padding for the left side navigation*/
286.left-nav>ul {
287padding-left: 5px;
288}
289
290/*For increasing the height of left side navigation list items*/
291.left-nav>ul>li {
292padding-top:4px;
293line-height: 35px;
Scott Baker5e74a262014-03-27 09:21:16 -0700294width: 200px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500295}
296
Scott Baker5e74a262014-03-27 09:21:16 -0700297/*For changing background color of suit center*/
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500298#suit-center {
299background-color: #ffffff;
300}
301
302.left-nav>ul>li.active>a {
Scott Baker5e74a262014-03-27 09:21:16 -0700303/*background-color: #448CCA;*/
304/* Last Active
305background-color: #0061B7; */
306background-color: #515151;
307/*background-color: #448CCA;*/
308font-weight:normal;
309color:#ffffff;
310text-shadow: rgb(46, 43, 43) 0.1em 0.1em 0.2em;
311letter-spacing: 1px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500312
313left: 10px;
314background-image: url("right_arrow.png");
315 background-position: 97% center;
316}
317
318
319.nav-tabs-suit li{
Scott Baker5e74a262014-03-27 09:21:16 -0700320/*background-color: #CDE7FF;*/
321background-color: #FFFFFF;
322border-top-left-radius: 3px;
323border-top-right-radius: 3px;
324border-bottom-left-radius: 0px;
325border-bottom-right-radius: 0px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500326}
327
328.nav-tabs-suit li a {
Scott Baker5e74a262014-03-27 09:21:16 -0700329background-color:
330/*background-color: #CDE7FF;*/
331font-weight: normal;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500332color: #105E9E;
Scott Baker5e74a262014-03-27 09:21:16 -0700333/*border-radius: 3px;*/
334border-top-left-radius: 3px;
335border-top-right-radius: 3px;
336border-bottom-left-radius: 0px;
337border-bottom-right-radius: 0px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500338border: none;
339box-shadow: none;
340}
Scott Baker5e74a262014-03-27 09:21:16 -0700341
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500342.nav-tabs-suit li.active{
343/*Changed on Dec 11*/
Scott Baker5e74a262014-03-27 09:21:16 -0700344/*background-color: #448CCA;*/
345 background-position: 50% 100%;
346background-image:url('down_arrow.png');
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500347}
348
349.nav-tabs-suit li.hover{
350/*Changed on Dec 11*/
Scott Baker5e74a262014-03-27 09:21:16 -0700351/*background-color: #448CCA;*/
352color:#ffffff;
353/*font-size: 1.2em;*/
354font-weight: bold;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500355}
356
357.nav-tabs-suit li.active a {
Scott Baker5e74a262014-03-27 09:21:16 -0700358background-color: #ffffff;
359/*background-color: #448CCA;*/
360background-color: #105E9E;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500361color:#ffffff;
Scott Baker5e74a262014-03-27 09:21:16 -0700362font-weight:normal;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500363padding-top:10px;
364text-decoration:none;
365}
366
367.nav-tabs-suit li.active a:after{ /*arrow added to downarrowdiv DIV*/
368width: 0;
369height: 0;
370border-left: 5px solid transparent;
371border-right: 5px solid transparent;
372border-top: 5px solid #2f2f2f;
373font-size: 0;
374line-height: 0;
375}
376
377
378/* create an arrow that points down */
379
380
381.left-nav>ul>li.active>a:hover{
Scott Baker5e74a262014-03-27 09:21:16 -0700382/*background-color: #448CCA;*/
383/*background-color: #91BFE4;*/
384/*background-color: #D6E7F8;*/
385font-weight:normal;
386font-size: 1.2em;
387font-weight: bold;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500388color:#ffffff;
389padding-top:10px;
390text-decoration:none;
391}
392
Scott Baker5e74a262014-03-27 09:21:16 -0700393/* Adjust font weight to normal on hover, else white blurs */
394.left-nav>ul>li>a:hover{
395/*background-color: #448CCA;*/
396/*background-color: #004775;*/
397background-color: #515151;
398color:#ffffff;
399font-weight:normal;
400font-size: 1.2em;
401/*padding-top:10px;*/
402text-decoration:none;
403/*border-left: 15px solid #105E9E ;*/
404border-left: 10px solid #ffffff;
405text-shadow: rgb(46, 43, 43) 0.1em 0.1em 0.2em;
406letter-spacing: 1px;
407}
408.nav-tabs-suit li.active a:hover,.nav-tabs-suit li a:hover{
409/*background-color: #448CCA;*/
410background-color: #515151;
411font-weight:normal;
412font-size: 1.2em;
413/*color:#ffffff;*/
414padding-top:10px;
415text-decoration:none;
416}
417
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500418.breadcrumb li a {
Scott Baker5e74a262014-03-27 09:21:16 -0700419/*font-weight:bold;*/
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500420}
421
422.nav-tabs {
Scott Baker5e74a262014-03-27 09:21:16 -0700423/*
424border-bottom: 1px solid #B5D1EA;*/
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500425}
426
427.nav-tabs>li {
428margin-bottom: 0px;
429}
430
431/*.icon-home {
432background-image: url('home.png');
433background-repeat: no-repeat;
434background-position: 85%;
435}*/
436
437/*Changed Dec11*/
438
439/*
440.icon-home {
441background-image: url('home.png');
442background-repeat: no-repeat;
443background-position: 40%;
444width: 25px;
445height: 25px;
446vertical-align: middle;
447}
448*/
449
450
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500451.left-nav>ul>li.active>a:after {
452content: none;
453
454}
455
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500456/**
457* login page
458*/
459
460
461/*.login #wrap {
462background-color: #ffffff;
463}*/
464
465.login #content-main {
Scott Baker5e74a262014-03-27 09:21:16 -0700466width: 280px !important;
467min-width: 180px;
468height: 265px;
469 -webkit-border-radius: 5;
470 -moz-border-radius: 5;
471 border-radius: 5px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500472/*background: #EBF0F2;*/
473background: rgba(255,255,255,0.85);
474/*background: rgba(235,240,242,0.6);*/
Scott Baker5e74a262014-03-27 09:21:16 -0700475overflow: visible !important;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500476}
477
478.login #content-main h1 {
479/*background: #EBF0F2;*/
480background: url("open-cloud-login-themed-light.png") no-repeat scroll 40% center / 89% auto rgba(235, 240, 242, 0);
481/*background-position: 40%;*/
482height: 55px;
483background-repeat: no-repeat;
484font-size: 0px;
485padding-top: 70px;
486}
487.login #content-main h1 i {
488display:none;
489}
490
491.login #content-main h1 img{
492padding-left: 8px;
493}
494
495.login #content-main .control-group .control-label{
496display:none;
497}
498
499.login #content-main form input[type=text]{
500width: 94%;
501padding:4px 6px;
502border-radius: 0px;
503height: 30px;
504background-color: #E5E5E5;
505background-image: url('name.png');
506background-repeat: no-repeat;
507background-position: 95%;
508font-size: 12px;
509}
510
511.login #content-main form input[type=password] {
512 width: 94%;
513padding:4px 6px;
514font-size: 12px;
515border-radius: 0px;
516height: 30px;
517background-color: #E5E5E5;
518background-image: url('password.png');
519background-repeat: no-repeat;
520background-position: 95%;
521}
522
523.login #content-main .submit-row{
524background: #EBF0F215px;
525background: rgba(235,240,242,0.0);
526border-top:none;
527padding-top:0px;
528box-shadow: none;
529}
530
531.login #content-main .submit-row .btn-info {
532background-color : #448CCA;
533background-image: none;
534height: 40px;
535border-radius: 0px;
536width: 100%;
537margin-bottom: 4px;
538}
539#forgot_pwd{
540font-size: 11px;
541font-style: normal;
542text-decoration: none;
543}
544
545#create_acct{
546font-size: 11px;
547font-style: normal;
548text-decoration: none;
549padding-left: 45px;
550}
551
552/*Dec 11 2013*/
553
554.nav-tabs-suit li.active a{
Scott Baker5e74a262014-03-27 09:21:16 -0700555letter-spacing: 1px;
556text-shadow: rgb(46, 43, 43) 0.1em 0.1em 0.2em;
557/*text-shadow: none;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500558-webkit-box-shadow: none;
559-moz-box-shadow: none;
560box-shadow: none;
Scott Baker5e74a262014-03-27 09:21:16 -0700561*/
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500562}
563
564.nav-tabs>.active>a{
565border: none;
566}
567
568.nav-tabs-suit li a:hover{
569border: none;
Scott Baker5e74a262014-03-27 09:21:16 -0700570color: #ffffff;
571letter-spacing: 1px;
572text-shadow: rgb(46, 43, 43) 0.1em 0.1em 0.2em;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500573}
574
575.nav-tabs-suit li.active a:hover{
576border: none;
577}
578
579/*.nav-tabs-suit li.active {*/
580 /*background: transparent url('home.png') no-repeat scroll center bottom;*/
581 /*border-left: 5px solid transparent;
582border-right: 5px solid transparent;
583border-top: 5px solid #2f2f2f;
584font-size: 0;
585line-height: 0;
586width: 0;;
587height: 0;
588 margin: 0;
589}*/
590
591.login {
592background-image: url('bg.jpg');
593background-size: 100%;
594background-repeat: no-repeat;
595}
596
597
598.login #content-main {
599 float: none;
600 height: 330px;
601 margin: 100px auto 0;
602 width: 265px;
603}
604
Scott Baker5e74a262014-03-27 09:21:16 -0700605/** Leave room for scroll bar now that contents can be appropriately scrolled **/
606.form-horizontal .inline-group .add-row {
607 margin: -1px -1px 15px 0px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500608}
609
Scott Baker5e74a262014-03-27 09:21:16 -0700610/** Setting overflow and 1kpx to deal with inlines/forms overlapping on
611 browser resizes **/
612#content-main {
613 overflow-x:auto;
614 min-width: 1000px;
615}
616
617.tab-content tab-content-main {
618 overflow-x: auto !important;
619}
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500620
621#wrap{
622background:none;
623}
624
Scott Baker5e74a262014-03-27 09:21:16 -0700625.noclearfix {
626 display:block; clear:left; width:0px; height:0px;
627}
628
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500629body{
630background-color:#ffffff;
631}
632
633.suit-column{
634background-color:#ffffff;
635}
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500636/*Added on 13th*/
637
638/*.input-icon {
639margin-right: 30px;
640}
641
642.icon-search{
643
644margin-left: -165px;
645}*/
646
647.login #content-main form {
648margin: 5px 15px 0;
649}
650
651.login {
652height: 84.5%;
653}
654
655
656.login #wrap {
657 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
658}
659#wrap {
660 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
661}
662#wrap {
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500663 height: auto !important;
664 margin: 0 auto -60px;
665 min-height: 100%;
666}
667
668.forgotLink {
669 width: 45%;
670 text-align: left;
671 float: left;
672}
673
674.createAccountLink {
675 width: 55%;
676 text-align: right;
677 float: left;
678
679}
680
681.login .btn-info {
682 color: #FFF;
683}
684
685.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
Scott Baker5e74a262014-03-27 09:21:16 -0700686 /*background-color: #448CCA;*/
687 background-color: #105E9E;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500688 color: #FFF;
689 border: none;
690}
691
692/*Added by Beena for adding the three components in dashboard*/
693.breadcrumb{
694 width: 37%;
695 display:inline-block;
696 background-color: #fff;
697
698}
699
700.nodetextbox{
Scott Baker5e74a262014-03-27 09:21:16 -0700701 /*background-color: #ededed;*/
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500702 line-height: 25px;
703 width: 150px;
704 text-align: center;
705 font-weight: bold;
Scott Baker5e74a262014-03-27 09:21:16 -0700706 margin-left:0px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500707 display:inline-block;
708 border:none;
709 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
Scott Baker5e74a262014-03-27 09:21:16 -0700710 font-size: 8px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500711}
712
713.nodelabel{
Scott Baker5e74a262014-03-27 09:21:16 -0700714width: 20px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500715display: inline-block;
716border-radius: 0px;
717border:1px solid #000;
Scott Baker5e74a262014-03-27 09:21:16 -0700718/*line-height: 23px;*/
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500719text-align: center;
Scott Baker5e74a262014-03-27 09:21:16 -0700720font-weight: normal;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500721}
722
Scott Baker5e74a262014-03-27 09:21:16 -0700723#user-tools {
724 font-weight: bold;
725}
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500726.header-content .header-column {
727 display: none;
728}
729.header .input-icon {
730 background-image: url("Search.png");
731 background-repeat: no-repeat;
732background-position:left center;
733opacity:1;
734 background-size: 100%;
735 vertical-align:middle;
736 margin-right: -30px;
737 /*margin-top: 5px;*/
738 position: relative;
739 height: 22px;
740 width: 22px;
741}
742
743.header .icon-search {
744 /*background-image: url("search.png") !important;
745 background-repeat: no-repeat !important;
746 background-size: 120% auto !important;
747 background-position: 0;*/
748}
749
Scott Baker771819b2014-03-19 22:10:17 -0700750.icon-home ,.icon-deployment ,.icon-site ,.icon-slice ,.icon-user, .icon-reservation, .icon-app{
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500751background-position: left center;
752width:22px;
753height:22px;
754}
755
Scott Baker771819b2014-03-19 22:10:17 -0700756.icon-app {
757background-image: url("opencloudApp.png");
758}
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500759.icon-home {
Scott Baker5e74a262014-03-27 09:21:16 -0700760/* Going with darker standard color nav -- so using over png's background-image: url("Home.png"); */
761background-image: url("Home_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500762}
763.icon-deployment{
Scott Baker5e74a262014-03-27 09:21:16 -0700764background-image: url("Deployments_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500765}
766.icon-site{
Scott Baker5e74a262014-03-27 09:21:16 -0700767background-image: url("Sites_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500768}
769.icon-slice{
Scott Baker5e74a262014-03-27 09:21:16 -0700770background-image: url("Slices_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500771}
772.icon-user{
Scott Baker5e74a262014-03-27 09:21:16 -0700773background-image: url("Users_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500774}
775.icon-reservation{
Scott Baker5e74a262014-03-27 09:21:16 -0700776background-image: url("Reservations_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500777}
778
779.left-nav>ul>li.active>a>.icon-home , .left-nav>ul>li:hover>a>.icon-home , .left-nav>ul>li.focus>a>.icon-home{
780background-image: url("Home_over.png");
781}
782
783.left-nav>ul>li.active>a>.icon-deployment,.left-nav>ul>li:hover>a>.icon-deployment,.left-nav>ul>li.focus>a>.icon-deployment{
784background-image: url("Deployments_over.png");
785}
786.left-nav>ul>li.active>a>.icon-site , .left-nav>ul>li:hover>a>.icon-site , .left-nav>ul>li.focus>a>.icon-site{
787background-image: url("Sites_over.png");
788}
789.left-nav>ul>li.active>a>.icon-slice , .left-nav>ul>li:hover>a>.icon-slice , .left-nav>ul>li.focus>a>.icon-slice {
790background-image: url("Slices_over.png");
791}
792.left-nav>ul>li.active>a>.icon-user , .left-nav>ul>li:hover>a>.icon-user , .left-nav>ul>li.focus>a>.icon-user{
793background-image: url("Users_over.png");
794}
795.left-nav>ul>li.active>a>.icon-reservation , .left-nav>ul>li:hover>a>.icon-reservation , .left-nav>ul>li.focus>a>.icon-reservation{
796background-image: url("Reservations_over.png");
797}
Siobhan Tullye18b3442014-02-23 14:23:34 -0500798
799#dashboardHPC {
800 padding-bottom: 10px;
801}
802.summary-attr {
803 padding-right: 20px;
804}
805.summary-attr-util {
806 padding-right: 20px;
807 color: green;
808}
809.SiteDetail {
810color: darkBlue;
811 font-size: 1.5em;
812}
813#addSlivers {
814 color: green;
815text-decoration: underline;
816 padding-right: 20px;
817}
818#remSlivers {
819 color: red;
820 text-decoration: underline;
821}
822#map-us {
823 padding-top: 10px;
824 width: 700px;
825 height: 400px;
826}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500827
Scott Baker5e74a262014-03-27 09:21:16 -0700828.minidashbutton {
829 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
830 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
831 box-shadow:inset 0px 1px 0px 0px #ffffff;
832 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
833 background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
834 background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
835 background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
836 background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
837 background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
838 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
839 background-color:#ffffff;
840 -moz-border-radius:6px;
841 -webkit-border-radius:6px;
842 border-radius:6px;
843 border:1px solid #dcdcdc;
844 display:inline-block;
845 cursor:pointer;
846 color:#666666;
847 font-family:arial;
848 font-size:15px;
849 font-weight:bold;
850 padding:6px 24px;
851 text-decoration:none;
852 text-shadow:0px 1px 0px #ffffff;
853}
854.minidashbutton:hover {
855 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
856 background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
857 background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
858 background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
859 background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
860 background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
861 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
862 background-color:#f6f6f6;
863}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500864
Scott Baker5e74a262014-03-27 09:21:16 -0700865.newMiniDashboard {
866 border: 1px solid green;
867 width: auto;
868}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500869
Scott Baker5e74a262014-03-27 09:21:16 -0700870.endDashPair {
871 clear: left;
872}
873.miniDashPair {
874 float: left;
875 width: auto;
876 margin-left: 20px;
877}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500878
Scott Baker5e74a262014-03-27 09:21:16 -0700879.miniDashPair label {
880 text-align: center;
881}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500882/* Charts CSS */
883p.numeral
884{
885 font-size:32pt;
886 color:#ffffff;
887 opacity: 0.7;
888 font-family:Helvetica Neue;
889 font-weight:100;
890 text-align:center;
891 line-height:75%;
892}
893
894.helper-text
895{
896 border: 1px solid #fff;
897 padding: 7px;
898 border-radius: 18px;
899 font-size:13pt;
900 color:#ffffff;
901 opacity: 0.7;
902 font-family:Helvetica Neue;
903 font-weight:200;
904 text-align:center;
905 line-height:100%;
906}
907p.osobject
908{
909 font-size:12pt;
910 color:#ffffff;
911 opacity: 0.7;
912 font-family:Helvetica Neue;
913 font-weight:200;
914 text-align:center;
915 line-height:100%;
916}
917
918p.heading
919{
Scott Baker5e74a262014-03-27 09:21:16 -0700920 font-size:20px;
921 letter-spacing: 1px;
922 color: black;
923 font-family:Arial;
924 font-weight:bold;
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500925 text-align:center;
926}
927
928/*p.heading
929{
930 font-size:32pt;
931 color:#ffffff;
932 opacity: 0.7;
933 font-family:Helvetica Neue;
934 font-weight:200;
935 text-align:center;
936}*/
937
938div.graph
939{
940 height:340px;
941}
942
943div.numeral
944{
945 height:120px;
946}
947
948div.heading
949{
950 height:10px;
951}
952
953div.padding
954{
955 height:20px;
956}
957
958div.chartContainer
959{
Scott Baker5e74a262014-03-27 09:21:16 -0700960 /*background-image:url('chartsBg.jpg');*/
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500961 width:527px;
962 height:400px;
963 border:1px;
964}
965
966/* D3 */
967
968.axis path,
969.axis line {
970 fill: none;
971 stroke: #ffffff;
972 opacity: 0.7;
973 shape-rendering: crispEdges;
974}
975
976
977.x.axis path {
978 display: none;
979}
980
981.x.axis text {
982 fill: white;
983 opacity: 0.5;
984}
985
986.y.axis text {
987 opacity: 0.5;
988 fill: white;
989}
990
991.y.axis text.legend {
992 opacity: 1.0;
993 fill: white;
994 font-size:8pt;
995}
996
997.line {
998 fill: none;
999 stroke: white;
1000 stroke-width: 3px;
1001 opacity: 0.6;
1002}
1003
1004
Scott Baker5e74a262014-03-27 09:21:16 -07001005/****** Added in so that we can have a loader show as charts get ready to render ***/
1006.loading {
1007 //background-color: orange;
1008 background-image: url(spinner.gif) no-repeat center middle;
1009 text-align: center;
1010 font-size: 20px;
1011 height: 100%
1012/* width: auto;*/
1013 float: left;
1014 padding: 10px;
1015}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -05001016/* Charts CSS */
Scott Baker5e74a262014-03-27 09:21:16 -07001017
1018#tabs-4 {
1019 margin: 40px;
1020 font-size: 24px;
1021 font-weight: bold;
1022}
Scott Baker537d8232014-04-08 23:40:56 -07001023
1024.tenant-row{
Scott Baker26d69d72014-04-22 13:49:36 -07001025 padding-bottom: 0.7%;
1026}
1027
1028/***********TENANT VIEW*************/
1029
1030#image-dropdown,#slice-image-value,#adv-slice-image-value{
1031 margin-left: 5%;
1032}
1033
Scott Baker168b7412014-05-16 14:25:41 -07001034#network-dropdown,#adv-network-dropdown,#adv-network-value{
Scott Baker26d69d72014-04-22 13:49:36 -07001035 margin-left: 3.7%;
1036}
1037
1038#service-level-dropdown,#service-level-value,#adv-service-level-dropdown,#adv-service-level-value{
1039 margin-left: 0.2% !important;
1040}
1041
1042#slice-name-value,#adv-slice-name-value{
1043 margin-left: 2%;
1044}
1045#adv-dataset-dropdown{
1046margin-left: 3%;
1047}
1048#advanced-tenant,#basic-tenant,#sliver-btn,#save-btn{
1049 float:right;
1050}
1051 #delete-slice-btn,#download-details{
1052 margin-left:1%;
1053}
1054
1055#sliver-btn,#save-btn,#create-slice-btn,#delete-slice-btn,#download-details{
1056 margin-top:1%;
1057}
1058
1059.tenantDialog.ui-widget input{
1060 border-radius: 0px !important;
Scott Baker4b0cedd2014-04-22 21:01:21 -07001061 height: 12px !important;
1062 width: 180px !important;
1063 margin-right: 10% !important;
1064 float: right;
Scott Baker26d69d72014-04-22 13:49:36 -07001065}
1066
1067.tenantDialog .ui-dialog-buttonset .ui-button{
1068border-radius: 0 !important;
1069background-color: grey !important;
1070font-weight: bold !important;
1071font-size: 0.9em; !important
1072}
1073
1074.tenantDialog .ui-dialog-titlebar{
1075border-radius: 0 !important;
1076background-color: grey !important;
1077}
1078
1079.create-slice-row{
Scott Baker4b0cedd2014-04-22 21:01:21 -07001080 margin-bottom: 4%;
1081 clear: both;
1082 height: 25px;
Scott Baker26d69d72014-04-22 13:49:36 -07001083}
1084
1085.create-slice-row label, .tenantDialog label{
1086 margin-right:1%;
1087 float:left;
1088}
1089
1090.create-slice-row select{
1091 height:24px;
1092 width: 196px;
1093 font-size: 0.9em !important;
1094}
1095
1096.tenant-create-slice{
1097 float:right;
1098 margin-right: 10% !important;
1099}
1100
1101#delete-slice{
1102float: right;
1103}
1104
1105#tooltip,#adv-tooltip,#basic-tooltip{
1106font-size:0.7em;
1107color:red;
1108display:none;
1109}
1110
1111#tenantSliceDataWrapper {
1112 padding: 1% 0;
1113}
1114
1115#advancedTenantSliceDataWrapper .help-inline{
1116 font-size: 11px;
1117 color: #999;
1118 padding-bottom: 1%;
Scott Baker537d8232014-04-08 23:40:56 -07001119}
Scott Baker4b0cedd2014-04-22 21:01:21 -07001120
1121.create-slice-row label{
1122 clear:both;
1123 margin-right: 1%;
1124}
Scott Baker520b8df2014-04-22 22:35:52 -07001125
1126#advNumOfSlivers{
1127 margin-right: 1% !important;
1128}
Scott Baker168b7412014-05-16 14:25:41 -07001129
1130#private-vol-checkbox{
1131margin: 0 0 1% 1%;
1132}
1133
1134.public-key-warning{
1135text-align: center;
1136display:none;
1137}
1138
1139#private-vol{
1140margin-right: 15% !important;
Scott Baker2c3cb642014-05-19 17:55:56 -07001141}
1142
1143.customize_row {
1144 display: table;
1145}
1146.customize_column {
1147 display: table-cell;
1148 padding: 10px;
1149}