blob: 234261c8afc17b726281cdc20430ffd5d1c9c715 [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 {
663 background: url("../img/bg_left_white.gif") repeat-y scroll left top rgba(0, 0, 0, 0);
664}
665#wrap {
666 height: auto !important;
667 margin: 0 auto -60px;
668 min-height: 100%;
669}
670
671.forgotLink {
672 width: 45%;
673 text-align: left;
674 float: left;
675}
676
677.createAccountLink {
678 width: 55%;
679 text-align: right;
680 float: left;
681
682}
683
684.login .btn-info {
685 color: #FFF;
686}
687
688.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
Scott Baker5e74a262014-03-27 09:21:16 -0700689 /*background-color: #448CCA;*/
690 background-color: #105E9E;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500691 color: #FFF;
692 border: none;
693}
694
695/*Added by Beena for adding the three components in dashboard*/
696.breadcrumb{
697 width: 37%;
698 display:inline-block;
699 background-color: #fff;
700
701}
702
703.nodetextbox{
Scott Baker5e74a262014-03-27 09:21:16 -0700704 /*background-color: #ededed;*/
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500705 line-height: 25px;
706 width: 150px;
707 text-align: center;
708 font-weight: bold;
Scott Baker5e74a262014-03-27 09:21:16 -0700709 margin-left:0px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500710 display:inline-block;
711 border:none;
712 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
Scott Baker5e74a262014-03-27 09:21:16 -0700713 font-size: 8px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500714}
715
716.nodelabel{
Scott Baker5e74a262014-03-27 09:21:16 -0700717width: 20px;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500718display: inline-block;
719border-radius: 0px;
720border:1px solid #000;
Scott Baker5e74a262014-03-27 09:21:16 -0700721/*line-height: 23px;*/
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500722text-align: center;
Scott Baker5e74a262014-03-27 09:21:16 -0700723font-weight: normal;
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500724}
725
Scott Baker5e74a262014-03-27 09:21:16 -0700726#user-tools {
727 font-weight: bold;
728}
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500729.header-content .header-column {
730 display: none;
731}
732.header .input-icon {
733 background-image: url("Search.png");
734 background-repeat: no-repeat;
735background-position:left center;
736opacity:1;
737 background-size: 100%;
738 vertical-align:middle;
739 margin-right: -30px;
740 /*margin-top: 5px;*/
741 position: relative;
742 height: 22px;
743 width: 22px;
744}
745
746.header .icon-search {
747 /*background-image: url("search.png") !important;
748 background-repeat: no-repeat !important;
749 background-size: 120% auto !important;
750 background-position: 0;*/
751}
752
Scott Baker771819b2014-03-19 22:10:17 -0700753.icon-home ,.icon-deployment ,.icon-site ,.icon-slice ,.icon-user, .icon-reservation, .icon-app{
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500754background-position: left center;
755width:22px;
756height:22px;
757}
758
Scott Baker771819b2014-03-19 22:10:17 -0700759.icon-app {
760background-image: url("opencloudApp.png");
761}
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500762.icon-home {
Scott Baker5e74a262014-03-27 09:21:16 -0700763/* Going with darker standard color nav -- so using over png's background-image: url("Home.png"); */
764background-image: url("Home_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500765}
766.icon-deployment{
Scott Baker5e74a262014-03-27 09:21:16 -0700767background-image: url("Deployments_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500768}
769.icon-site{
Scott Baker5e74a262014-03-27 09:21:16 -0700770background-image: url("Sites_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500771}
772.icon-slice{
Scott Baker5e74a262014-03-27 09:21:16 -0700773background-image: url("Slices_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500774}
775.icon-user{
Scott Baker5e74a262014-03-27 09:21:16 -0700776background-image: url("Users_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500777}
778.icon-reservation{
Scott Baker5e74a262014-03-27 09:21:16 -0700779background-image: url("Reservations_over.png");
Siobhan Tullycf04fb62014-01-11 11:25:57 -0500780}
781
782.left-nav>ul>li.active>a>.icon-home , .left-nav>ul>li:hover>a>.icon-home , .left-nav>ul>li.focus>a>.icon-home{
783background-image: url("Home_over.png");
784}
785
786.left-nav>ul>li.active>a>.icon-deployment,.left-nav>ul>li:hover>a>.icon-deployment,.left-nav>ul>li.focus>a>.icon-deployment{
787background-image: url("Deployments_over.png");
788}
789.left-nav>ul>li.active>a>.icon-site , .left-nav>ul>li:hover>a>.icon-site , .left-nav>ul>li.focus>a>.icon-site{
790background-image: url("Sites_over.png");
791}
792.left-nav>ul>li.active>a>.icon-slice , .left-nav>ul>li:hover>a>.icon-slice , .left-nav>ul>li.focus>a>.icon-slice {
793background-image: url("Slices_over.png");
794}
795.left-nav>ul>li.active>a>.icon-user , .left-nav>ul>li:hover>a>.icon-user , .left-nav>ul>li.focus>a>.icon-user{
796background-image: url("Users_over.png");
797}
798.left-nav>ul>li.active>a>.icon-reservation , .left-nav>ul>li:hover>a>.icon-reservation , .left-nav>ul>li.focus>a>.icon-reservation{
799background-image: url("Reservations_over.png");
800}
Siobhan Tullye18b3442014-02-23 14:23:34 -0500801
802#dashboardHPC {
803 padding-bottom: 10px;
804}
805.summary-attr {
806 padding-right: 20px;
807}
808.summary-attr-util {
809 padding-right: 20px;
810 color: green;
811}
812.SiteDetail {
813color: darkBlue;
814 font-size: 1.5em;
815}
816#addSlivers {
817 color: green;
818text-decoration: underline;
819 padding-right: 20px;
820}
821#remSlivers {
822 color: red;
823 text-decoration: underline;
824}
825#map-us {
826 padding-top: 10px;
827 width: 700px;
828 height: 400px;
829}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500830
Scott Baker5e74a262014-03-27 09:21:16 -0700831.minidashbutton {
832 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
833 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
834 box-shadow:inset 0px 1px 0px 0px #ffffff;
835 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
836 background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
837 background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
838 background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
839 background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
840 background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
841 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
842 background-color:#ffffff;
843 -moz-border-radius:6px;
844 -webkit-border-radius:6px;
845 border-radius:6px;
846 border:1px solid #dcdcdc;
847 display:inline-block;
848 cursor:pointer;
849 color:#666666;
850 font-family:arial;
851 font-size:15px;
852 font-weight:bold;
853 padding:6px 24px;
854 text-decoration:none;
855 text-shadow:0px 1px 0px #ffffff;
856}
857.minidashbutton:hover {
858 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
859 background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
860 background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
861 background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
862 background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
863 background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
864 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
865 background-color:#f6f6f6;
866}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500867
Scott Baker5e74a262014-03-27 09:21:16 -0700868.newMiniDashboard {
869 border: 1px solid green;
870 width: auto;
871}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500872
Scott Baker5e74a262014-03-27 09:21:16 -0700873.endDashPair {
874 clear: left;
875}
876.miniDashPair {
877 float: left;
878 width: auto;
879 margin-left: 20px;
880}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500881
Scott Baker5e74a262014-03-27 09:21:16 -0700882.miniDashPair label {
883 text-align: center;
884}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500885/* Charts CSS */
886p.numeral
887{
888 font-size:32pt;
889 color:#ffffff;
890 opacity: 0.7;
891 font-family:Helvetica Neue;
892 font-weight:100;
893 text-align:center;
894 line-height:75%;
895}
896
897.helper-text
898{
899 border: 1px solid #fff;
900 padding: 7px;
901 border-radius: 18px;
902 font-size:13pt;
903 color:#ffffff;
904 opacity: 0.7;
905 font-family:Helvetica Neue;
906 font-weight:200;
907 text-align:center;
908 line-height:100%;
909}
910p.osobject
911{
912 font-size:12pt;
913 color:#ffffff;
914 opacity: 0.7;
915 font-family:Helvetica Neue;
916 font-weight:200;
917 text-align:center;
918 line-height:100%;
919}
920
921p.heading
922{
Scott Baker5e74a262014-03-27 09:21:16 -0700923 font-size:20px;
924 letter-spacing: 1px;
925 color: black;
926 font-family:Arial;
927 font-weight:bold;
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500928 text-align:center;
929}
930
931/*p.heading
932{
933 font-size:32pt;
934 color:#ffffff;
935 opacity: 0.7;
936 font-family:Helvetica Neue;
937 font-weight:200;
938 text-align:center;
939}*/
940
941div.graph
942{
943 height:340px;
944}
945
946div.numeral
947{
948 height:120px;
949}
950
951div.heading
952{
953 height:10px;
954}
955
956div.padding
957{
958 height:20px;
959}
960
961div.chartContainer
962{
Scott Baker5e74a262014-03-27 09:21:16 -0700963 /*background-image:url('chartsBg.jpg');*/
Sapan Bhatiafbac39b2014-02-27 13:12:32 -0500964 width:527px;
965 height:400px;
966 border:1px;
967}
968
969/* D3 */
970
971.axis path,
972.axis line {
973 fill: none;
974 stroke: #ffffff;
975 opacity: 0.7;
976 shape-rendering: crispEdges;
977}
978
979
980.x.axis path {
981 display: none;
982}
983
984.x.axis text {
985 fill: white;
986 opacity: 0.5;
987}
988
989.y.axis text {
990 opacity: 0.5;
991 fill: white;
992}
993
994.y.axis text.legend {
995 opacity: 1.0;
996 fill: white;
997 font-size:8pt;
998}
999
1000.line {
1001 fill: none;
1002 stroke: white;
1003 stroke-width: 3px;
1004 opacity: 0.6;
1005}
1006
1007
Scott Baker5e74a262014-03-27 09:21:16 -07001008/****** Added in so that we can have a loader show as charts get ready to render ***/
1009.loading {
1010 //background-color: orange;
1011 background-image: url(spinner.gif) no-repeat center middle;
1012 text-align: center;
1013 font-size: 20px;
1014 height: 100%
1015/* width: auto;*/
1016 float: left;
1017 padding: 10px;
1018}
Sapan Bhatiafbac39b2014-02-27 13:12:32 -05001019/* Charts CSS */
Scott Baker5e74a262014-03-27 09:21:16 -07001020
1021#tabs-4 {
1022 margin: 40px;
1023 font-size: 24px;
1024 font-weight: bold;
1025}
Scott Baker537d8232014-04-08 23:40:56 -07001026
1027.tenant-row{
Scott Baker26d69d72014-04-22 13:49:36 -07001028 padding-bottom: 0.7%;
1029}
1030
1031/***********TENANT VIEW*************/
1032
1033#image-dropdown,#slice-image-value,#adv-slice-image-value{
1034 margin-left: 5%;
1035}
1036
Scott Baker168b7412014-05-16 14:25:41 -07001037#network-dropdown,#adv-network-dropdown,#adv-network-value{
Scott Baker26d69d72014-04-22 13:49:36 -07001038 margin-left: 3.7%;
1039}
1040
1041#service-level-dropdown,#service-level-value,#adv-service-level-dropdown,#adv-service-level-value{
1042 margin-left: 0.2% !important;
1043}
1044
1045#slice-name-value,#adv-slice-name-value{
1046 margin-left: 2%;
1047}
1048#adv-dataset-dropdown{
1049margin-left: 3%;
1050}
1051#advanced-tenant,#basic-tenant,#sliver-btn,#save-btn{
1052 float:right;
1053}
1054 #delete-slice-btn,#download-details{
1055 margin-left:1%;
1056}
1057
1058#sliver-btn,#save-btn,#create-slice-btn,#delete-slice-btn,#download-details{
1059 margin-top:1%;
1060}
1061
1062.tenantDialog.ui-widget input{
1063 border-radius: 0px !important;
Scott Baker4b0cedd2014-04-22 21:01:21 -07001064 height: 12px !important;
1065 width: 180px !important;
1066 margin-right: 10% !important;
1067 float: right;
Scott Baker26d69d72014-04-22 13:49:36 -07001068}
1069
1070.tenantDialog .ui-dialog-buttonset .ui-button{
1071border-radius: 0 !important;
1072background-color: grey !important;
1073font-weight: bold !important;
1074font-size: 0.9em; !important
1075}
1076
1077.tenantDialog .ui-dialog-titlebar{
1078border-radius: 0 !important;
1079background-color: grey !important;
1080}
1081
1082.create-slice-row{
Scott Baker4b0cedd2014-04-22 21:01:21 -07001083 margin-bottom: 4%;
1084 clear: both;
1085 height: 25px;
Scott Baker26d69d72014-04-22 13:49:36 -07001086}
1087
1088.create-slice-row label, .tenantDialog label{
1089 margin-right:1%;
1090 float:left;
1091}
1092
1093.create-slice-row select{
1094 height:24px;
1095 width: 196px;
1096 font-size: 0.9em !important;
1097}
1098
1099.tenant-create-slice{
1100 float:right;
1101 margin-right: 10% !important;
1102}
1103
1104#delete-slice{
1105float: right;
1106}
1107
1108#tooltip,#adv-tooltip,#basic-tooltip{
1109font-size:0.7em;
1110color:red;
1111display:none;
1112}
1113
1114#tenantSliceDataWrapper {
1115 padding: 1% 0;
1116}
1117
1118#advancedTenantSliceDataWrapper .help-inline{
1119 font-size: 11px;
1120 color: #999;
1121 padding-bottom: 1%;
Scott Baker537d8232014-04-08 23:40:56 -07001122}
Scott Baker4b0cedd2014-04-22 21:01:21 -07001123
1124.create-slice-row label{
1125 clear:both;
1126 margin-right: 1%;
1127}
Scott Baker520b8df2014-04-22 22:35:52 -07001128
1129#advNumOfSlivers{
1130 margin-right: 1% !important;
1131}
Scott Baker168b7412014-05-16 14:25:41 -07001132
1133#private-vol-checkbox{
1134margin: 0 0 1% 1%;
1135}
1136
1137.public-key-warning{
1138text-align: center;
1139display:none;
1140}
1141
1142#private-vol{
1143margin-right: 15% !important;
Scott Baker2c3cb642014-05-19 17:55:56 -07001144}
1145
1146.customize_row {
1147 display: table;
1148}
1149.customize_column {
1150 display: table-cell;
1151 padding: 10px;
1152}