.navbar .brand { color: #FFFFFF; } .subnav { background-color: #EEEEEE; background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #EEEEEE 100%); background-repeat: repeat-x; border: 1px solid #E5E5E5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; height: 36px; width: 100%; } .subnav .nav { margin-bottom: 0; } .subnav .nav > li > a { border-left: 1px solid #F5F5F5; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-right: 1px solid #E5E5E5; margin: 0; padding-bottom: 11px; padding-top: 11px; } .subnav .nav > .active > a, .subnav .nav > .active > a:hover { background-color: #E9E9E9; border-left: 0 none; border-right-color: #DDDDDD; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset; color: #777777; padding-left: 13px; } .subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret { border-top-color: #777777; } .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover { border-left: 0 none; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; padding-left: 12px; } .subnav .nav > li:last-child > a { border-right: 0 none; } .subnav .dropdown-menu { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; } .subnav-fixed { border-color: #D5D5D5; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-width: 0 0 1px; box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1); left: 0; position: fixed; right: 0; top: 40px; z-index: 1020; } .subnav-fixed .nav { margin: 0 auto; padding: 0 1px; } .subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } .navbar-inner { padding-left: 20px; padding-right: 20px; background-color: #2c2c2c; background-image: -moz-linear-gradient(top, #2c7fb3, #01639c); background-image: -ms-linear-gradient(top, #2c7fb3, #01639c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c7fb3), to(#01639c)); background-image: -webkit-linear-gradient(top, #2c7fb3, #01639c); background-image: -o-linear-gradient(top, #2c7fb3, #01639c); background-image: linear-gradient(top, #2c7fb3, #01639c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c7fb3', endColorstr='#01639c', GradientType=0); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); } .navbar .divider-vertical { height: 40px; width: 1px; margin: 0 9px; overflow: hidden; background-color: #01639c; border-right: 1px solid #2c7fb3; border-left: 0; } .navbar .nav > li > a { float: none; padding: 5px 10px 7px; line-height: 28px; font-size: 13px; color: #e5e5e5; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar .nav > li > a:hover { background-color: transparent; color: #ffffff !important; text-decoration: none; } .navbar .nav .active > a, .navbar .nav .active > a:hover { background-color: rgba(0, 0, 0, 0.5); color: #FFFFFF; text-decoration: none; } h1 { margin-bottom:.7em; } .form-stacked { margin: 0; } .form-inline input, .form-inline a { vertical-align: baseline; } .pagination p { padding-top:6px; } .right { text-align:right!important; } .center { text-align:center!important; } .left { text-align:left!important; } .nowrap { white-space: nowrap; } .btn.primary { background-color: #01639c; background-image: -moz-linear-gradient(center top , #2c7fb3, #01639c); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .btn.primary, .btn-primary { background-color: #006dcc; color: #ffffff; background-image: -moz-linear-gradient(top, #2c7fb3, #01639c); background-image: -ms-linear-gradient(top, #2c7fb3, #01639c); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c7fb3), to(#01639c)); background-image: -webkit-linear-gradient(top, #2c7fb3, #01639c); background-image: -o-linear-gradient(top, #2c7fb3, #01639c); background-image: linear-gradient(top, #2c7fb3, #01639c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'2c7fb3, endColorstr='#'01639c, GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .btn.primary:hover, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { background-color: #01639c; } a.toggle-display-link:link { color: black; text-decoration: none; } a.toggle-display-link:active { color: black; text-decoration: none; } a.toggle-display-link:visited { color: black; text-decoration: none; } a.toggle-display-link:hover { color: black; text-decoration: none; } .withTitle { top: 60px!important; } .clear { clear:both; } .sectionbar { background-color: #E5E5E5; background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%); background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%); background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%); background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%); background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgb(255,255,255)), color-stop(1, rgb(229,229,229)) ); height:40px; border-bottom:1px solid #CBCBCB; padding-top:10px; } .sectionbar h2 { font-size: 20px; font-weight: 400; padding-left:20px; float:left; } .sectionbar h2.selected { color:#01639C; } .sectionbar h2.subsection, .sectionbar h2.subsubsection { padding-left:6px; } .sectionbar h3 { float:left; padding-left:6px; color:#CCC; font-size:12px; } .sectionbar a { float:right; margin-right:14px; color:#1F92D8; padding-top:7px; text-shadow: 0 -1px 0 #E5E5E5; } .toolbar { float:right; } .toolbar ul { list-style: none outside none; display: inline; } .toolbar li { display: inline; } .wordbreak { max-width:500px; word-wrap:break-word; } .menubar { height: 30px; left: 0; overflow: visible; position: fixed; right: 0; top: 40px; z-index: 9999; } .menubar-inner, .menubar .fill { background-color: #d0e1f4; background-image: -moz-linear-gradient(center top , #d0e1f4, #d0e1f4); background-image: -webkit-linear-gradient(top, #d0e1f4, #d0e1f4); background-repeat: repeat-x; } .menubar-inner a { color:#333; font-weight:bold; } .menubar-inner a:hover { color:#01639C; } .menubar-inner a.selected { color:#FFFFFF; padding:2px; padding-left:10px; padding-right:10px; margin-top:8px; background-color: #01639C; background-image: -moz-linear-gradient(center top , #01639C, #015382); background-repeat: repeat-x; box-shadow: 0 0 3px #015382 inset; -moz-box-shadow: 0 0 3px #015382 inset; -webkit-box-shadow: 0 0 3px #015382 inset; border-radius: 30px; } .menubar-inner a.disabled { cursor: default; opacity: 0.65; } .menubar-inner a.disabled:hover { color:#333; } code { line-height:1.4em; } .noPadding { padding:0; } .folder { background: url(../images/folder.png) no-repeat left center; padding-left:20px; } .file { background: url(../images/file.png) no-repeat left center; padding-left:20px; } .contextMenu { display:none; } .contextItem { cursor:pointer; } .fieldError { border-color: #EE5F5B; color: #B94A48; } ul.errorlist { list-style: none outside none; margin: 0; } ul.errorlist li { color: #B94A48; padding:2px; font-weight:bold; font-style:italic; } .hueBreadcrumb { list-style: none outside none; margin: 0 0 18px; padding: 9px 14px; } .hueBreadcrumb li { display: inline-block; text-shadow: 0 1px 0 #FFFFFF; } .hueBreadcrumb .divider { color: #999999; padding: 0 5px; } .hueBreadcrumb .active a { color: #333333; } .hueBreadcrumb a.nounderline:hover { text-decoration:none; } .hueBreadcrumb > li:last-child > a { font-weight:bold; color: #333333; } .hueBreadcrumb > li:last-child > span { display:none; } .hueWell { padding-bottom:0; } /********************************************************* * From: http://datatables.net/blog/Twitter_Bootstrap */ div.dataTables_length label { width: 460px; float: left; text-align: left; } div.dataTables_length select { width: 75px; } div.dataTables_filter label { float: right; width: 460px; } div.dataTables_info { padding-top: 8px; } div.dataTables_paginate { float: right; margin: 0; } /* *********************************************************/ /* Pagination nested */ .paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; width: 19px; margin-left: 3px; float: left; } .paginate_disabled_previous { background-image: url('../art/datatables/back_disabled.jpg'); } .paginate_enabled_previous { background-image: url('../art/datatables/back_enabled.jpg'); } .paginate_disabled_next { background-image: url('../art/datatables/forward_disabled.jpg'); } .paginate_enabled_next { background-image: url('../art/datatables/forward_enabled.jpg'); } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables display */ table.display { margin: 0 auto; clear: both; width: 100%; /* Note Firefox 3.5 and before have a bug with border-collapse * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) * border-spacing: 0; is one possible option. Conditional-css.com is * useful for this kind of thing * * Further note IE 6/7 has problems when calculating widths with border width. * It subtracts one px relative to the other browsers from the first column, and * adds one to the end... * * If you want that effect I'd suggest setting a border-top/left on th/td's and * then filling in the gaps with other borders. */ } table.display thead th { padding: 3px 18px 3px 10px; border-bottom: 1px solid black; font-weight: bold; cursor: pointer; * cursor: hand; } table.display tfoot th { padding: 3px 18px 3px 10px; border-top: 1px solid black; font-weight: bold; } table.display tr.heading2 td { border-bottom: 1px solid #aaa; } table.display td { padding: 3px 10px; } table.display td.center { text-align: center; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * DataTables sorting */ .dataTables_wrapper table { border-collapse: separate; *border-collapse: collapsed; } .sorting_asc { cursor: pointer; background: url('../art/datatables/sort_asc.png') no-repeat center left; border-top: 3px solid #FFFFFF!important; padding-left: 20px!important; } .sorting_desc { cursor: pointer; background: url('../art/datatables/sort_desc.png') no-repeat center left; border-top: 3px solid #FFFFFF!important; padding-left: 20px!important; } .sorting { cursor: pointer; background: url('../art/datatables/sort_both.png') no-repeat center left; border-top: 3px solid #FFFFFF!important; padding-left: 20px!important; } .sorting:hover, .sorting_asc:hover, .sorting_desc:hover { border-top: 3px solid #EEEEEE!important; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Misc */ .dataTables_scroll { clear: both; } .dataTables_scrollBody { *margin-top: -1px; } .top .dataTables_info { float: none; } .clear { clear: both; } .dataTables_empty { text-align: center; } tfoot input { margin: 0.5em 0; width: 100%; color: #444; } tfoot input.search_init { color: #999; } td.group { background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E; } td.details { background-color: #d1cfd0; border: 2px solid #A19B9E; } .example_alt_pagination div.dataTables_info { width: 40%; } .paging_full_numbers { width: 400px; height: 22px; line-height: 22px; } .paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand; } .paging_full_numbers span.paginate_button { background-color: #ddd; } .paging_full_numbers span.paginate_button:hover { background-color: #ccc; } .paging_full_numbers span.paginate_active { background-color: #99B3FF; } table.display tr.even.row_selected td { background-color: #B0BED9; } table.display tr.odd.row_selected td { background-color: #9FAFD1; } /* * Sorting classes for columns */ /* For the standard odd/even tr.odd td.sorting_1 { background-color: #E8F1F7; } tr.odd td.sorting_2 { background-color: #DADCFF; } tr.odd td.sorting_3 { background-color: #E0E2FF; } tr.even td.sorting_1 { background-color: #E8F1F7; } tr.even td.sorting_2 { background-color: #F2F3FF; } tr.even td.sorting_3 { background-color: #F9F9FF; } */ /* For the Conditional-CSS grading rows */ /* Colour calculations (based off the main row colours) Level 1: dd > c4 ee > d5 Level 2: dd > d1 ee > e2 */ tr.odd.gradeA td.sorting_1 { background-color: #c4ffc4; } tr.odd.gradeA td.sorting_2 { background-color: #d1ffd1; } tr.odd.gradeA td.sorting_3 { background-color: #d1ffd1; } tr.even.gradeA td.sorting_1 { background-color: #d5ffd5; } tr.even.gradeA td.sorting_2 { background-color: #e2ffe2; } tr.even.gradeA td.sorting_3 { background-color: #e2ffe2; } tr.odd.gradeC td.sorting_1 { background-color: #c4c4ff; } tr.odd.gradeC td.sorting_2 { background-color: #d1d1ff; } tr.odd.gradeC td.sorting_3 { background-color: #d1d1ff; } tr.even.gradeC td.sorting_1 { background-color: #d5d5ff; } tr.even.gradeC td.sorting_2 { background-color: #e2e2ff; } tr.even.gradeC td.sorting_3 { background-color: #e2e2ff; } tr.odd.gradeX td.sorting_1 { background-color: #ffc4c4; } tr.odd.gradeX td.sorting_2 { background-color: #ffd1d1; } tr.odd.gradeX td.sorting_3 { background-color: #ffd1d1; } tr.even.gradeX td.sorting_1 { background-color: #ffd5d5; } tr.even.gradeX td.sorting_2 { background-color: #ffe2e2; } tr.even.gradeX td.sorting_3 { background-color: #ffe2e2; } tr.odd.gradeU td.sorting_1 { background-color: #c4c4c4; } tr.odd.gradeU td.sorting_2 { background-color: #d1d1d1; } tr.odd.gradeU td.sorting_3 { background-color: #d1d1d1; } tr.even.gradeU td.sorting_1 { background-color: #d5d5d5; } tr.even.gradeU td.sorting_2 { background-color: #e2e2e2; } tr.even.gradeU td.sorting_3 { background-color: #e2e2e2; } /* * Row highlighting example */ .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { background-color: #ECFFB3; } .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { background-color: #E6FF99; } .ex_highlight_row #example tr.even:hover { background-color: #ECFFB3; } .ex_highlight_row #example tr.even:hover td.sorting_1 { background-color: #DDFF75; } .ex_highlight_row #example tr.even:hover td.sorting_2 { background-color: #E7FF9E; } .ex_highlight_row #example tr.even:hover td.sorting_3 { background-color: #E2FF89; } .ex_highlight_row #example tr.odd:hover { background-color: #E6FF99; } .ex_highlight_row #example tr.odd:hover td.sorting_1 { background-color: #D6FF5C; } .ex_highlight_row #example tr.odd:hover td.sorting_2 { background-color: #E0FF84; } .ex_highlight_row #example tr.odd:hover td.sorting_3 { background-color: #DBFF70; } /* * KeyTable */ table.KeyTable td { border: 3px solid transparent; } table.KeyTable td.focus { border: 3px solid #3366FF; } table.display tr.gradeA { background-color: #eeffee; } table.display tr.gradeC { background-color: #ddddff; } table.display tr.gradeX { background-color: #ffdddd; } table.display tr.gradeU { background-color: #ddd; } div.box { height: 100px; padding: 10px; overflow: auto; border: 1px solid #8080FF; background-color: #E5E5FF; } /* * jHueFileChooser */ .jHueFilechooserActions { margin-top: 14px; padding-top: 10px; border-top: 1px dashed #EEEEEE; } .pathChooser, .pathChooserKo { border-radius: 3px 0 0 3px!important; border-right:0!important; } .fileChooserBtn { border-radius: 0 3px 3px 0!important; } /* * jHueSelector */ .jHueSelector { border:1px solid #CCC; padding:0; margin:0; width:300px; } .jHueSelectorHeader { background-color:#CCC; padding:4px; } .jHueSelector label { float: none; padding-left:4px; } .jHueSelector label input[type=checkbox] { display: inline; margin-top:-2px; margin-right:6px; } .jHueSelectorHeader input[type=text] { position:absolute; margin-left:180px; width:100px; height:11px; border: 1px solid #CCCCCC; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: #555555; font-size: 10px; padding-left: 4px; } .jHueSelectorBody { height:150px; overflow:auto; } .jHueSelector ul, li { margin: 0; padding: 0; } .jHueSelector ul { padding:4px; list-style: none; } .jHueSelector li.selectorDivider { background-color:#EEE; padding:4px; } .modal-body iframe { border:0; width:100%; height:100%; overflow:hidden; } .modal-body iframe.scroll { overflow:auto; } .form-padding-fix{ display: inline; padding: 0; margin: 0; } .table tbody tr:hover td, .table tbody tr:hover th { background-color: #E8F1FB; } .nounderline:hover { text-decoration: none; } .bar-label { text-align: center; color: #FFFFFF; font-size: 12px; text-shadow: -1px 0 1px #333, 0 1px 1px #333, 1px 0 1px #333, 0 -1px 1px #333; } .jHueNotify { position: fixed; top: 20px; left: 50%; margin-left: -200px; width: 400px; text-align: center; z-index: 8000; } .jHueNotify .close { right: -27px; } /* * Advanced options */ #advanced-btn { center:right } a#advanced-btn:link { color: black; text-decoration: none; } a#advanced-btn:active { color: black; text-decoration: none; } a#advanced-btn:visited { color: black; text-decoration: none; } a#advanced-btn:hover { color: black; text-decoration: none; } .hand { cursor: pointer; } .hueCheckbox { width: 15px; height: 15px; border: 1px solid #CCCCCC; margin-top: 2px !important; padding: 0 !important; display: block !important; cursor: default; } .hueCheckbox:hover { border-color: #999999; } .modal form { margin: 0; } /* * jHueTableExtender */ .rowSelected { background-color: #EEEEEE !important; } .columnSelected { background-color: #EEEEEE !important; } .cellSelected { background-color: #DDDDDD !important; } #jHueTableExtenderNavigator { position: absolute; left: 0; top: 0; z-index: 1000; display: none; min-width: 160px; padding: 10px 20px 2px 10px; margin: 2px 0 0; background-color: #ffffff; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; white-space: nowrap; } #jHueTableExtenderNavigator a { margin-left: 10px; margin-right: -14px; margin-top: -12px; }