diff options
Diffstat (limited to 'css/layout.css')
| -rw-r--r-- | css/layout.css | 1136 |
1 files changed, 1136 insertions, 0 deletions
diff --git a/css/layout.css b/css/layout.css new file mode 100644 index 0000000..3b01465 --- /dev/null +++ b/css/layout.css @@ -0,0 +1,1136 @@ +/** + * $Id: layout.css 593 2015-04-13 03:45:10Z imoore76 $ + * + * Thanks to gradient generator at: + * http://www.colorzilla.com/gradient-editor/ + * + * Thanks to SVG gradient generator at: + * http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html + * + */ + +html,body,#vboxPane { + background: #dedbde; + border:0px solid transparent; + margin:0px; + padding: 0px; + color: #000; +} +#vboxPane { padding-left: 4px; padding-right: 4px;} + +html,body,input,select,.ui-widget, .ui-tabs, .ui-widget-content,textarea { + font: 12px Tahoma,"Trebuchet MS",Verdana,Arial,Sans-serif; +} + +/* + Height Layout +*/ +html,body,#vboxPane,#vboxTableMain { + height: 100%; + margin: 0px; + padding: 0px; +} +body { overflow-y: hidden; } /* avoid scroll bars */ +/* left-margins */ +div.vboxMenuBar { padding-left: 4px; } +#vboxPaneToolbar { margin-left: 4px; } + +/* Common */ +#vboxPane table, div.vboxDialogContent table { width: 100%; } +#vboxPane img, div.vboxDialogContent img { vertical-align: middle; border: 0px; } +#vboxPane textarea, div.vboxDialogContent textarea { width: 100%; } +#vboxPane input, div.vboxDialogContent input { vertical-align: middle; } +#vboxPane input.vboxCheckbox, div.vboxDialogContent input.vboxCheckbox, + #vboxPane input.vboxRadio, div.vboxDialogContent input.vboxRadio { vertical-align: middle; } +input.vboxRadio, input.vboxCheckbox { padding: 0px; margin: 1px 1px 3px 2px; display: inline } +#vboxPane th, div.vboxDialogContent th { white-space: nowrap; } +#vboxPane .vboxDisabled, div.vboxDialogContent .vboxDisabled { color: #999; cursor: default; } +#vboxPane img.vboxDisabled, div.vboxDialogContent img.vboxDisabled { + opacity: .5; + filter:alpha(opacity=50); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; +} +#vboxPane a, div.vboxDialogContent a, + #vboxPane a:visited, div.vboxDialogContent a:visited { text-decoration: none; } +#vboxPane hr, div.vboxDialogContent hr { padding: 1px; margin: 0px; border: 0px; } +#vboxPane .vboxSeparatorLine, div.vboxDialogContent .vboxSeparatorLine { background: #aaa; } + +/* jQuery UI Components */ +.ui-widget-content div.vboxDialogContent, div.ui-dialog div.ui-dialog-content, div.ui-dialog div.ui-dialog-buttonpane { background: #fff; } +div.ui-dialog div.ui-dialog-buttonpane { padding: 4px; margin: 0px; text-align: center; border-width: 0px; } +div.ui-dialog div.ui-dialog-buttonpane .ui-dialog-buttonset { float: none; } +div.ui-dialog div.ui-dialog-titlebar { color: #fff; background: #369; } +div.ui-dialog div.ui-dialog-titlebar img { height: 16px; width: 16px; } +div.ui-dialog .ui-dialog-titlebar-close { display: none; } +div.ui-dialog .ui-button { background: #e9e9e9; color: #000; } +div.ui-dialog .disabled { color: #aaa; } +div.ui-dialog div.ui-dialog-buttonpane button { + padding: 4px; + margin-top: 2px; + margin-bottom: 2px; + text-align: center; display: inline; float: none; + border: 1px solid #f9f9f9; + background-color: #f9f9f9; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d0d0d0'); + box-shadow: inset 0 1px 3px #fff, inset 0 -15px #e9e9e9, 0 0 3px #a9a9a9; + -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #e9e9e9, 0 0 3px #a9a9a9; + -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #e9e9e9, 0 0 3px #a9a9a9; + -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #e9e9e9, 0 0 3px #a9a9a9; +} +div.ui-dialog div.ui-dialog-buttonpane button.disabled { + border-color: #fff; + cursor: default; +} +div.ui-dialog div.ui-dialog-buttonpane .ui-state-hover { + border-color: #a9a9a9; +} +div.ui-dialog .ui-button .ui-button-text { display: block; line-height: 1; } +div.ui-dialog .ui-button-text-only .ui-button-text { padding: 4px; } +div.ui-dialog .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0px; } +div.ui-dialog div.vboxDialogContent th { width: auto; white-space: nowrap; text-align: right;} +div.ui-dialog div.vboxDialogContent td { width: 100%; white-space: nowrap; text-align: left; } +div.ui-progressbar div.ui-progressbar-value { background: #00CD00 } +div.ui-widget-overlay { padding: 0px; margin: 0px; border: 0px; width: 100%; height: 100%; position:fixed ;top:0px;left:0px;} +div.ui-dialog .vboxDialogTitleIcon { height: 16px; width: 16px; } + +/* Tabs */ +div.ui-tabs { border: 0px; } +div.ui-tabs ul.ui-tabs-nav { margin: 0px; padding: 0px; border: 0px; background: #aaa; } +div.ui-tabs ul.ui-tabs-nav li { border: 0px; margin-left: 2px; } +div.ui-tabs ul.ui-tabs-nav li:first-child { margin-left: 0px; } +div.ui-tabs ul.ui-tabs-nav a img { margin-right:4px; } +/* tabs within tabs */ +div.ui-tabs .ui-tabs-panel div.ui-tabs { background: #aaa; } + +/* sliders and slider Scales */ +div.slider { margin-left: 8px; margin-right: 8px; background: #aaa; } +div.slider .ui-state-default { background: #ff8; border: 1px solid #000; } +input.sliderValue { margin: 0px; padding: 2px; text-align: right; } +div.sliderScale { margin: 0px; padding-top: 10px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } +div.sliderScale table { width: 100%; margin: 0px; padding: 0px; border: 0px; border-spacing: 0px; } +div.sliderScale tr { padding: 0px; margin: 0px; } +div.sliderScale td { height: 8px; border-right: 1px solid #000; } +div.sliderScale td:first-child { height: 8px; border-left: 1px solid #000; } + +input.vboxImgButton { + border:none; + padding:0px; + vertical-align:middle; + margin: 0px 2px 2px 2px; + height:20px; + width:20px; + background-position:2px 2px; + background-repeat:no-repeat; + background-color:transparent; +} + +/* bordered items */ +.vboxBordered { border: 2px solid #999; } + +/* bordered sections with labels */ +div.vboxDialogContent span.vboxTableLabel, #vboxPane span.vboxTableLabel { + color: #555555; font-size: 87.5%; position: relative; top: 7px; font-weight: bold; background: #fff; left: 8px; padding-left: 2px; padding-right: 2px; + border-radius: 4px; + -moz-border-radius: 4px; +} + +/* Lists and ListItems */ +.vboxList ul, ul.vboxList { list-style: none; margin: 0px; padding: 0px ; background: #fff; } +.vboxList li { padding: 2px; } +.vboxList li input { vertical-align: middle; } +ul.vboxList li, ul.vboxList li table { line-height: 18px; } +ul.vboxList li table { height: 18px; } +ul.vboxList li table tr { vertical-align: middle; } +ul.vboxList li img { vertical-align: middle; } + +.vboxListItem, a.vboxListItem, .vboxListItem a { cursor: pointer; color: #000; background: #fff; } +#vboxChooserSpinner { height: 100%; position: relative; background: #fff; width: 100%; vertical-align: middle; text-align: center; } +#vboxChooserSpinner > div { width: 100%; height: 100%; background: #fff; text-align: center; } +#vboxChooserSpinner > div img {position: relative; top: 50%; } +#vboxChooserPane table.vboxChooserVM.vboxListItemSelected.vboxHover, +#vboxChooserPane table.vboxChooserVM.vboxListItemSelected, +.vboxListItemSelected.vboxHover, +.vboxHover.vboxListItemSelected, +.vboxListItemSelected, +.vboxListItemSelected a, +a.vboxListItemSelected { + border-color: #69F ! important; + background-color: #7aF !important; + cursor: default !important; + color: #fff !important; + /* From #85C2FF to #6699FF */ + /* SVG as background image (IE9/Chrome/Safari/Opera) */ + background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4NUMyRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM2Njk5RkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMTkpIiAvPgo8L3N2Zz4=); +} +.vboxListItemTitle { font-weight: bold; } + +ul.vboxHover li { + border: 1px solid transparent; +} + +ul.vboxHoverBorderless li { + border-width: 0px; +} +ul.vboxHover li.vboxHover, ul.vboxHover li table.vboxHover { + color: #000 ! important; + background-color: #eefffF; + border-color: #99CcfF; + /* #F0FFFF to #CFDFFF */ + /* SVG as background image (IE9/Chrome/Safari/Opera) */ + background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGMEZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDRkRGRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MTkpIiAvPgo8L3N2Zz4=); +} + +ul.vboxHover li table { + border: 1px solid transparent; +} +tbody.vboxHover td { + border: 1px solid transparent; +} +tbody.vboxHover td.vboxHoverFirst { + border-top: 1px solid transparent; + border-left: 1px solid transparent; + border-right: 0px solid transparent; + border-bottom: 1px solid transparent; +} +tbody.vboxHover td.vboxHoverLast { + border-top: 1px solid transparent; + border-left: 0px solid transparent; + border-right: 1px solid transparent; + border-bottom: 1px solid transparent; +} +tbody.vboxHover td.vboxHoverMid { + border-top: 1px solid transparent; + border-left: 0px solid transparent; + border-right: 0px solid transparent; + border-bottom: 1px solid transparent; +} +tbody.vboxHover tr.vboxHover td { + border-color: #aaaaaa; + background: #e0e8ff; + color: #000; +} +/* Tables */ +table.vboxVertical, table.vboxHorizontal { border: 0px; border-spacing: 0px; width: 100%; } +table.vboxHorizontal th, table.vboxHorizontal td { white-space: nowrap; } +table.vboxVertical tr { vertical-align: middle; } +table.vboxVertical th { white-space: nowrap; text-align: right; font-weight: bold; width: auto; padding: 4px; } +table.vboxVertical td { text-align: left; width: 100%; white-space: nowrap; padding: 4px; } +table.vboxHorizontal th { border-bottom: 1px solid #666; background: #ccc; padding: 2px; white-space: nowrap; text-align: left; font-weight: bold; } +table.vboxVertical input.vboxText, table.vboxVertical select { width: 100%; } +table.vboxInvisible, table.vboxInvisible td { padding: 0px; margin: 0px; border: 0px; border-spacing: 0px; } +.vboxOddRow { background-color: #efefef; } + + +/* File / Folder select tables */ +table tr td.vboxFileFolderInput { white-space: nowrap; } +table tr td.vboxFileFolderInput input.vboxText { width: 95%; } +table tr td.vboxFileFolderInput input.vboxImgButton { width: 20px; margin-left: 2px;} + +/* Buttons and Toolbars */ +#vboxPane table.vboxToolbar, div.vboxDialogContent table.vboxToolbar { width: auto; } +.vboxToolbarButton { + border: 1px solid transparent; + text-align: center; + padding: 4px; +} + +.vboxToolbarButtonHover { + border-bottom: 1px solid #777; + border-right: 1px solid #777; + border-left: 1px solid #aaa; + border-top: 1px solid #aaa; + cursor: pointer; +} + +.vboxToolbarGrad .vboxToolbarButtonHover { + /* From E9E9E9 to D9D9D9 */ + background: #e9e9e9; /* Old browsers */ + background-size: 100% 100%; + background-repeat: no-repeat; + background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3ODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0U5RTlFOSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Q5RDlEOSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc4NikiIC8+Cjwvc3ZnPg==); +} + +.vboxToolbarGrad .vboxToolbarButtonDown { + /* from a9a9a9 to e9e9e9 */ + padding: 5px 3px 3px 5px; + border-color: #777; + background: #a9a9a9; /* Old browsers */ + background-size: 100% 100%; + background-repeat: no-repeat; + background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0E5QTlBOSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0U5RTlFOSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzEwMSkiIC8+Cjwvc3ZnPg==); +} + +/* Small Toolbar buttons */ +input.vboxToolbarSmallButton, .vboxButtonMenu td.vboxToolbarSmallButton { border: 1px solid transparent; } +input.vboxToolbarSmallButtonHover, .vboxButtonMenu td.vboxToolbarSmallButtonHover { + border-bottom: 1px solid #aaa; + border-right: 1px solid #aaa; + border-left: 1px solid #999; + border-top: 1px solid #999; + cursor: pointer; +} +table.vboxToolbar tr { vertical-align: bottom; } +table.vboxToolbar .vboxToolbarSeparator { background: #aaa; margin: 0px; padding: 0px; border: 0px; width: 1px; } + +/* Menu buttons */ +td.vboxButtonMenuButton { background-repeat: no-repeat; background-position: 2px 3px; } +.vboxButtonMenu td.vboxButtonMenuButtonDown { + border-color: #aaa; background-position: 3px 4px; + border-top-color: #000; + border-left-color: #000; + opacity: .40; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; + filter:alpha(opacity=40); + background-color: #555; + +} + +/* Loading screen */ +div.vboxLoaderDialog { text-align: center; width: auto; } +div.vboxLoaderDialog table { width: 150px; } +div.vboxLoaderDialog td.vboxLoaderSpinner { width: auto; } +div.vboxLoaderDialog td.vboxLoaderSpinner img { vertical-align: middle; } +div.vboxLoaderDialog td.vboxLoaderText { width: 100%; text-align: left; } +div.vboxLoaderDialog div.ui-dialog-buttonpane, div.vboxLoaderDialog div.ui-dialog-titlebar { display: none; } + + +/* VM Logs and Ajax error text boxes*/ +#vboxVMLogContainer .ui-tabs { + background: #aaa; + border: 0px; + -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; +} + +#vboxVMLog { background: #aaa; } +div.vboxVMLog form, div.vboxAlert form { height: 100%; margin: 0px; padding: 0px; border: 0px; display: block; } +div.vboxVMLog form textarea, div.vboxAlert form textarea { + font-family: courier, monospace; + font-size: 12px; + background: #fff; + color: #000; + margin: 0px; + padding: 0px; + display: block; +} + +div.vboxAlert form textarea { height: 100%; } + +/* Gradient Toolbars */ +.vboxToolbarGrad { + + /* #efefef to #e7e7e7 */ + background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRkVGRUYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRkVGRUYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0U3RTdFNyIgb2Zmc2V0PSIwLjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTdFN0U3IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+); + + border-bottom: 1px solid #c0c0c0; +} + +/* Required textboxes */ +input.vboxRequired, div.vboxRequired { border-color: #f00; } + +/* Spans that contain our arrow images */ +span.vboxArrowImage { + height: 18px; + width: 18px; + background-repeat: no-repeat; + margin: 0px; + padding: 0px; +} +/* Snapshots */ +#vboxSnapshotList, #vboxSnapshotList table { height: 100%; } +#vboxSnapshotList { background: #fff; width: 100%; } +#vboxSnapshotList li.vboxSnapshotCurrent > div { font-weight: bold; } +#vboxSnapshotList img { padding-right: 4px; } +#vboxSnapshotDetails table.vboxDetailsTable tr th.vboxDetailName, + #vboxSnapshotDetails table.vboxDetailsTable tr th.vboxDetailNameIndent { width: auto; padding-right: 20px; } +#vboxSnapshotDetails tr { vertical-align: top; } +#vboxSnapshotDetails table.vboxVertical td { white-space: normal; } +#vboxSnapshotDetails td.vboxSnapshotDetailsMachine { height: 300px; } + +/* Virtual Media Manager */ +#vboxVMMDialog { background: #e9e9e9; padding: 0px; margin: 0px; } +div.vboxVMMDialog div.ui-dialog-buttonpane { + background: #e9e9e9; +} + +#vboxVirtualMediaManager .ui-tabs { + background: #aaa; + margin: 2px 2px 2px 2px; +} +#vboxVMMContainerTop { + -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; +} +#vboxVMMTabs { + -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; +} + +#vboxVirtualMediaManager .ui-tabs-panel { background: #fff; } +.vboxVMMSpacer { width: 12px; height: 1px; margin: 0px; padding: 0px; } +#vboxVirtualMediaManager table.vboxVMMList { font-size: 0.9em; } +#vboxVirtualMediaManager tr { vertical-align: middle; } +#vboxVirtualMediaManager table td input.vboxVMMMediaExpand { background-position:left center;height:16px;width:10px;margin:0px 2px 0px 0px;padding: 0px; border: 0px; } +#vboxVirtualMediaManager .vboxListTable td, + #vboxVirtualMediaManager .vboxListTable th { white-space: nowrap; padding: 2px; } +#vboxVirtualMediaManager table.vboxVMMList tr > th, #vboxVirtualMediaManager table.vboxVMMList tr > td { padding-left: 12px; } +#vboxVirtualMediaManager table.vboxVMMList tr, + #vboxVirtualMediaManager table.vboxVMMList span { vertical-align: middle; height: 16px; background-position: 0px 0px; } +#vboxVirtualMediaManager table.vboxVMMList span { display: inline-block; } +#vboxVirtualMediaManager div.vboxVMMMediumInfo { font-size: 0.9em; } +#vboxVirtualMediaManager .vboxVMMMediumInfo input { padding: 0px; margin: 0px; background: transparent; color: #000000; } +#vboxVirtualMediaManager .vboxVMMMediumInfo table { padding;0px; border: 1px solid #000; border-spacing:0px; margin-top: 12px; width: 100%; background: #fafafa; } +#vboxVirtualMediaManager .vboxVMMMediumInfo th { padding:2px; padding-left: 18px; text-align: right; width: auto; white-space: nowrap; } +#vboxVirtualMediaManager .vboxVMMMediumInfo td { padding:0px; padding-left: 10px; text-align: left; width: 100%; } +#vboxVirtualMediaManager .vboxVMMSortImgFaded img { + opacity: .30; + filter:alpha(opacity=30); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; +} + +/* Wizards */ +table.vboxWizard { margin: 0px; padding: 4px; border-spacing: 0px; } +div.vboxWizard table.vboxWizard tr { vertical-align: top; } +div.vboxWizard td.vboxWizardContent { padding: 0px 8px 0px 8px; } +div.vboxWizard td.vboxWizardContent div.vboxOptions { + border: 1px solid #aaaaaa; + border-radius: 4px; + -moz-border-radius: 4px; + background: url(../images/30white.png) repeat; + padding: 4px; +} +div.vboxWizard { border: 0px; padding: 0px; margin: 0px; } +div.vboxWizard h3 { margin: 2px 0px 18px 0px; font-size: 16px; } +div.vboxWizard table.vboxOptions th { text-align: right; } +div.vboxWizard table.vboxOptions { margin-top: 4px; } +div.vboxWizard table.vboxOptions tr { vertical-align:middle; } +div.vboxWizard table.vboxOptions td { padding: 4px; } +div.vboxWizard div.ui-dialog-buttonpane { background: #e9e9e9; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; text-align: right; padding-right: 20px; } +div.vboxWizard {border: 1px solid #aaaaaa; border-bottom: 0px solid transparent; } + +/* Export Appliance */ +#vboxExportAppVMList li.vboxDisabled img { + opacity: .5; + filter:alpha(opacity=50); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; +} +#vboxExportProps tr,#vboxExportProps td, #vboxExportProps td div { vertical-align: middle; height: 22px; line-height: 22px;} +#vboxExportProps td.vboxHideOverflow, #vboxExportProps td.vboxHideOverflow div { text-wrap: unrestricted !important; word-wrap: break-word !important; overflow: hidden !important; white-space: wrap !important;} + +/* Import Appliance */ +#vboxImportProps tr td.vboxHeader { font-weight: bold; } +#vboxImportProps td img.vboxSpacer { width: 16px; visibility: hidden; } +#vboxImportProps td.vboxHardDiskImage img.vboxSpacer { width: 32px; } + +#vboxImportProps tr, +#vboxImportProps td, +#vboxImportProps td div { vertical-align: middle; height: 22px; line-height: 22px;} + +#vboxImportProps td.vboxHideOverflow, +#vboxImportProps td.vboxHideOverflow div +{ text-wrap: unrestricted !important; word-wrap: break-word !important; overflow: hidden !important; white-space: wrap !important;} + +div.vboxWizard table td.vboxApplianceHeader { border-style: solid; border-color: #666; border-width: 1px 0px 1px 0px; background: #f0f0f8; padding: 2px; white-space: nowrap; text-align: left; font-weight: bold; } + +/* Import / export appliance wizards' lists */ +#vboxImportPropsContainer, #vboxExportAppVMListContainer, #vboxExportPropsContainer { + + /* Fallback for web browsers that doesn't support RGBa */ + background: #fff transparent; + + /* RGBa with 0.6 opacity */ + background: rgba(255, 255, 255, 0.80); + + /* For IE 8*/ + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbffffff, endColorstr=#bbffffff)"; + +} + +/* Main Tabs */ +#tabMainContent {padding-left: 4px; padding-right: 2px; padding-top: 2px; } +#vboxTabsList { float: right; text-align: right; white-space: nowrap;} +#vboxPaneTabContent { width: 100%; background: #f7f3f7;} +#vboxPaneTabContent div.vboxTabLoading { text-align: center; vertical-align: middle; height: 100%; background: #fff; } +#vboxPaneTabContent div.vboxTabLoading img { text-align: center; margin: 20px; position: relative; top: 30%; } +#tablistMain { margin-right: 20px; margin-top: 22px; } +#tablistMain li img { float: left; position: relative; left:-4px;} +#tablistMain li a, #tablistMain li a:visited { color: #000; } +#tablistMain li.vboxDisabled a, #tablistMain li.vboxDisabled a:visited { color: #aaa; cursor: default; outline: none; border: none; } +#tablistMain li { + border: 1px solid transparent; + list-style: none; + text-align: right; + margin: 0px 4px 0px 0px; + display: inline-block; + padding: 3px 12px 3px 8px; +} +#tablistMain li.vboxHover { + border: 1px solid #aaa; + cursor: pointer; + background: #e9e9e9; /* Old browsers */ + background-size: 100% 100%; + background-repeat: no-repeat; + background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3ODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0U5RTlFOSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Q5RDlEOSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc4NikiIC8+Cjwvc3ZnPg==); +} +#tablistMain li.selected { + border: 1px solid #000; + cursor: default; + padding: 4px 12px 2px 8px; + background-color: #d0d0e0; + background-size: 100% 100%; + background-repeat: no-repeat; + /* start A9A9A9 end E9E9E9 at 0.35 */ + background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBOUE5QTkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFOUU5RTkiIG9mZnNldD0iMC4zNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MjYpIiAvPgo8L3N2Zz4=); + +} + + +/* Menu bars */ +div.vboxMenuBar { + /* From #ffffff to #d9d9d9 */ + background: #d9d9d9; + background: -moz-linear-gradient(top, #ffffff 0%, #d9d9d9 100%, #d9d9d9 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* IE10+ */ + background: linear-gradient(to bottom, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */ +} + +ul.vboxMenuBar li { + /* From #ffffff to #d9d9d9 */ + background: #d9d9d9; + background: -moz-linear-gradient(left, #ffffff 0%, #d9d9d9 100%, #d9d9d9 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(left, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(left, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(left, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* IE10+ */ + background: linear-gradient(to right, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=1 ); /* IE6-9 */ +} + +#vboxPane div.vboxMenuBar, div.vboxDialogContent div.vboxMenuBar { border-bottom: 1px solid #aaa; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; height: 100%; } +#vboxPane div.vboxMenuBar span, div.vboxDialogContent div.vboxMenuBar span { + padding: 1px 8px 1px 4px; border: 1px solid transparent; cursor: default; + -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; +} +#vboxPane div.vboxMenuBar span.vboxBordered, div.vboxDialogContent div.vboxMenuBar span.vboxBordered { border: 1px solid #aaa; } +#vboxPane ul.vboxMenuBar, div.vboxDialogContent ul.vboxMenuBar { background: #e9e9e9; border: 2px solid #aaa; margin: 0px; padding: 0px; } +#vboxPane ul.vboxMenuBar a,div.vboxDialogContent ul.vboxMenuBar a { padding: 2px 18px 2px 28px; } + +/* Tree Views */ +.vboxTreeView, .vboxTreeView ul { padding: 0; margin: 0; list-style: none; } +.vboxTreeView img { vertical-align: middle; padding-right: 6px; padding-left: 2px; } +.vboxTreeView .hitarea { + height: 16px; + width: 18px; + margin-left: -18px; + float: left; +} + +* html .hitarea { display: inline; float:none;} +.vboxTreeView li { margin: 0; padding: 3px 0pt 0px 16px; } +.vboxTreeView li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; } +.vboxTreeView li.last, .vboxTreeView li.lastCollapsable, .vboxTreeView li.lastExpandable { background-position: 0 -1764px } +.vboxTreeView li.last .hitarea { background-position: 0; } +.vboxTreeView div.lastCollapsable-hitarea, .vboxTreeView div.lastExpandable-hitarea, +.vboxTreeView div.collapsable-hitarea, .vboxTreeView div.expandable-hitarea { background: url(../images/treeview-default.gif) 0 0 no-repeat; } +.vboxTreeView div.lastCollapsable-hitarea { background-position: 2px -112px } +.vboxTreeView div.lastExpandable-hitarea { background-position: -30px -68px } +.vboxTreeView div.collapsable-hitarea { background-position: -62px -25px } +.vboxTreeView div.expandable-hitarea { background-position: -78px -3px } + +/* Progress operation list */ +#vboxProgressOps { background: #fff; border: 2px solid #bbb; margin: 0px 2px 2px 2px;} +#vboxProgressOps div.vboxProgressOpElement { width: 100%; } +#vboxProgressOps div.vboxProgressOpElement > div { display: inline-block; margin: auto; margin-right: 4px; vertical-align: middle; } +#vboxProgressOps div.vboxProgressOpCancel { float: right; } +#vboxProgressOps div.vboxProgressOpText { margin-left: 4px; } +#vboxProgressOps div.vboxProgressOpElement div.vboxProgressBarContainer { + margin-left:4px; + text-align:'center'; + padding:'2px'; + width:'220px'; + height: 100%; +} +#vboxProgressOps div.vboxProgressOpTitle { + white-space: nowrap; + overflow: hidden; + text-overflow:ellipsis; +} +#vboxProgressOps div.vboxProgressOpElement > * { display: inline-block; margin: auto; } +#vboxProgressOps img { margin-right: 2px; height: 22px; width: 22px; } +#vboxProgressOps div.ui-progressbar { height: 16px; width: 200px; } +#vboxProgressOps div.vboxProgressOpElement { + border-bottom: 1px solid #000; +} +#vboxProgressOps div.vboxProgressRunning { + border: 1px dashed #f00; +} +#vboxProgressOps div.vboxProgressComplete { + background: #f9f9f9; +} + +/* Virtual Machine List and Top Toolbar*/ +/* So that resizing is consistent */ +#vboxChooserPane { background: #fff; padding-top: 2px; } +#vboxChooserPane * { margin: 0px; padding: 0px;} +#vboxChooserPane span.vboxServerLink { text-decoration: underline; cursor: pointer; } +#vboxChooserPane > div { width: 300px; } /* Initial Width */ +#vboxChooserPane .vboxChooserDropTarget { height: 4px !important; padding: 0px; margin: 0px; background: transparent; } +#vboxChooserPane div.vboxChooserGroupHeader div.vboxChooserDropTarget { + position: relative; left: -4px; +} +div.vboxChooserGroup > div.vboxChooserDropTargetBottom { + position: absolute; + height: 4px; +} + +/* host */ +#vboxChooserVMHost { margin-top: 2px; }; +#vboxChooserPane .vboxChooserDropTargetHover { background: #999; } +#vboxChooserPane td.vboxChooserDropTarget { height: 4px; } +#vboxChooserPane .vboxChooserDropTargetHover + { background: #999; } +#vboxChooserPane table.vboxChooserVM img { float: left; } +#vboxChooserPane table.vboxChooserVM { + border: 2px solid transparent; + margin-bottom: 2px; + vertical-align: top; + border-collapse: collapse; + cursor: default; +} +#vboxChooserPane table.vboxHover, +#vboxChooserPane table.vboxChooserVM.vboxHover { + color: #000 ! important; + border: 2px solid #99CcfF ! important; + background-color: #eefffF; + /* #F0FFFF to #CFDFFF */ + /* SVG as background image (IE9/Chrome/Safari/Opera) */ + background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGMEZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDRkRGRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MTkpIiAvPgo8L3N2Zz4=); +} +#vboxChooserDiv { margin: 0px; margin-right: 2px; padding: 0px; border:0px; background: #fff; } +#vboxChooserDiv table.vboxChooserVM td, +#vboxChooserDiv table.vboxChooserVM span { white-space: nowrap; border: 0px; text-align: left;} +#vboxChooserDiv table.vboxChooserVM span.vboxVMName { font-weight: bold; } +#vboxChooserDiv table.vboxChooserVM span.vboxVMState { font-size: 0.9em; margin-left: 2px; } +#vboxChooserDiv table.vboxChooserVM td.vboxVMSessionOpen { font-style: italic; } +#vboxChooserDiv table.vboxChooserVM td.vboxVMTitle { width: 100%; } +#vboxChooserPane img.vboxHostIcon { border: 1px solid #999; } +#vboxChooserPane img.vboxVMIcon { height: 32px; width: 32px; margin: 0px 4px 0px 4px; padding: 0px; } +#vboxChooserPane div.vboxChooserMini img.vboxVMIcon { height: 16px; width: 16px; margin: 0px 2px 0px 2px; padding: 0px; } +#vboxChooserPane div.vboxChooserGroup { + border-radius: 8px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border: 2px solid #bbb; + margin: 2px; +} +#vboxChooserPane div.vboxChooserGroupRootLevel > div.vboxChooserGroup, +#vboxChooserPane div.vboxChooserGroupRootLevel > div.vboxChooserGroup.vboxVMGroupCollapsed { + background: #fff; +} +#vboxChooserPane div.vboxChooserGroupRoot { + border: 0px; + margin: 0px; +} + +#vboxChooserPane div.vboxChooserGroupHeader { + + -moz-border-radius-topleft: 6px/*{cornerRadius}*/; + -webkit-border-top-left-radius: 6px/*{cornerRadius}*/; + border-top-left-radius: 6px/*{cornerRadius}*/; + + -moz-border-radius-topright: 6px/*{cornerRadius}*/; + -webkit-border-top-right-radius: 6px/*{cornerRadius}*/; + border-top-right-radius: 6px/*{cornerRadius}*/; + + background-image: url(../images/header_grad.png); + background-color: #cccccc; + padding: 0px 0px 8px 8px; + margin: 0px; + height: 16px; + overflow: hidden; +} +#vboxChooserPane div.vboxVMGroupCollapsed > div.vboxChooserGroupHeader { + height: 14px; +} +#vboxChooserPane div.vboxChooserGroupHeader span { + cursor: default; + vertical-align: top; +} +#vboxChooserPane div.vboxVMGroupSelected { + border-color: #2992F7; +} +#vboxChooserPane div.vboxVMGroupSelected > div.vboxChooserGroupHeader { + background: #2992F7 !important; + color: #fff !important; +} + +/* Text control */ +#vboxChooserPane .vboxFitToContainer, div.vboxFitToContainer { + white-space: nowrap; + overflow: hidden; + text-overflow:ellipsis; + display: inline-block; + padding: 0px; + margin: 0px; + border: 0px; +} + + +/* Arrows on left side of header */ +#vboxChooserPane div.vboxChooserGroupHeader .vboxChooserGroupNameArrowLeft { + display: inline-block; + position: relative; + left: -5px; + top: -2px; + vertical-align: top; + cursor: pointer; + width: 18px; + height: 18px; + background-repeat: no-repeat; +} + +/* Show only this group images and colors */ +#vboxChooserPane div.vboxChooserGroupHeader span.vboxChooserGroupShowOnly { + margin-top: 1px; + background-image: url(../images/vbox/expanding_collapsing_16px.png); +} + +/* "Go back" images and colors */ +#vboxChooserPane div.vboxChooserGroupHeader span.vboxChooserGroupShowOnlyBack { + margin-top: 1px; + transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); + background-image: url(../images/vbox/expanding_collapsing_16px.png); +} + +/* Collapse arrow colors when canvas is not supproted */ +#vboxChooserPane div.vboxChooserGroupHeader span.vboxChooserGroupNameArrowCollapse { + margin-top: 1px; + transform: rotate(90deg); + -moz-transform: rotate(90deg); + -webkit-transform: rotate(90deg); + -o-transform: rotate(90deg); + -ms-transform: rotate(90deg); + background-image: url(../images/vbox/expanding_collapsing_16px.png); +} + +#vboxChooserPane div.vboxVMGroupCollapsed > div.vboxChooserGroupHeader span.vboxChooserGroupNameArrowCollapse { + transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + -ms-transform: rotate(0deg); +} +#vboxChooserPane div.vboxChooserGroupHeader span.vboxChooserGroupNameArrowCollapse { + background-image: url(../images/vbox/expanding_collapsing_16px.png); +} +#vboxChooserPane div.vboxVMGroupCollapsed > div.vboxChooserGroupHeader span.vboxChooserGroupNameArrowCollapse { + background-image: url(../images/vbox/expanding_collapsing_16px.png); +} + +#vboxChooserPane div.vboxVMGroupCollapsed.vboxVMGroupSelected, +#vboxChooserPane div.vboxVMGroupSelected.vboxVMGroupCollapsed { + background: #69F; +} + +#vboxChooserPane div.vboxChooserGroupShowOnly.vboxVMGroupCollapsed { + background: transparent; +} + +#vboxChooserPane div.vboxChooserGroupVMs { padding: 2px 2px 0px 2px; } +#vboxChooserPane div.vboxChooserGroup span.vboxChooserGroupName { font-weight: bold; display: inline-block; } +#vboxChooserPane div.vboxChooserGroup span.vboxChooserGroupInfo { float: right; display: none; position: relative; top: -1px; } +#vboxChooserPane div.vboxChooserGroup span.vboxChooserGroupCounts > span { margin: 0px; padding: 0px; margin-left:2px; margin-right:2px; display:inline-block; width:16px; height:16px;} +#vboxChooserPane div.vboxChooserGroup div.vboxHover span.vboxChooserGroupInfo { display: inline; } +#vboxChooserPane div.vboxChooserGroupHeader div.vboxChooserDropTargetBottom { display: none; } + + +#vboxChooserPane div.vboxVMGroupCollapsed div.vboxChooserGroup, +#vboxChooserPane div.vboxVMGroupCollapsed div.vboxChooserGroupVMs, +#vboxChooserPane div.vboxVMGroupCollapsed div.vboxChooserDropTargetBottom +{ display: none; } +#vboxChooserPane div.vboxVMGroupCollapsed div.vboxChooserGroupHeader div.vboxChooserDropTargetBottom +{ display: block; } + +#vboxChooserPane div.vboxVMGroupCollapsed div.vboxChooserGroupHeader { + -webkit-border-radius: 6px; + border-radius: 6px; + -moz-border-radius: 6px; +} + + +/* Hide / show only 1 group */ +#vboxChooserPane div.vboxChooserGroupHide { + border: 0px; + margin: 0px; + padding: 0px; +} + +#vboxChooserPane div.vboxChooserGroupRootLevel {} +#vboxChooserPane div.vboxChooserGroupHide > div, /* all children of hidden elements are hidden */ +#vboxChooserPane div.vboxChooserGroupHide div.vboxChooserGroupHeader, /* all headers are hidden */ +#vboxChooserPane div.vboxChooserGroupHide div.vboxChooserGroupVMs, /* VM lists are hidden */ +#vboxChooserPane div.vboxChooserGroupHideShowContainer div.vboxChooserGroupShowOnly ~ div, /* siblings of only group shown are hidden */ +#vboxChooserPane div.vboxChooserGroupHideShowContainer ~ div /* siblings of parent containers are hidden */ +{ + display: none; +} + +#vboxChooserPane div.vboxChooserGroupHideShowContainer > div.vboxChooserGroup, /* each parent container group list must be shown */ +#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxChooserGroup, /* sub-groups are shown */ +#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxChooserGroupHeader, /* headers shown */ +#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxChooserGroupVMs /* vm lists are shown */ +{ + display: block; +} +/* except for collapsed ones */ +#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxVMGroupCollapsed div.vboxChooserGroup, +#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxVMGroupCollapsed div.vboxChooserGroupVMs, +#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxVMGroupCollapsed div.vboxChooserDropTargetBottom +{ display: none; } + +#vboxChooserPane div.vboxChooserGroupHideShowContainer > div.vboxChooserGroup { + margin: 0px; + padding: 0px; +} +#vboxChooserPane div.vboxChooserGroupShowOnly { + margin: 2px; + display: block; + border: 0px; +} + +#vboxChooserPane div.vboxChooserGroupShowOnly > div.vboxChooserGroupHeader { + -moz-border-radius-bottomleft: 8px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 8px/*{cornerRadius}*/; border-bottom-left-radius: 8px/*{cornerRadius}*/; -moz-border-radius-bottomright: 8px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 8px/*{cornerRadius}*/; border-bottom-right-radius: 8px/*{cornerRadius}*/; + -moz-border-radius-topleft: 0px/*{cornerRadius}*/; -webkit-border-top-left-radius: 0px/*{cornerRadius}*/; border-top-left-radius: 0px/*{cornerRadius}*/; -moz-border-radius-topright: 0px/*{cornerRadius}*/; -webkit-border-top-right-radius: 0px/*{cornerRadius}*/; border-top-right-radius: 0px/*{cornerRadius}*/; + display: block; + margin-left: 2px; + margin-right: 2px; +} + +#vboxChooserPane div.vboxChooserGroupShowOnly > div.vboxChooserGroupHeader > span.vboxChooserGroupInfo { + margin-right: 2px; +} +#vboxChooserPane div.vboxChooserGroupShowOnly > div.vboxChooserGroupHeader > span > .vboxChooserGroupShowOnly, +#vboxChooserPane div.vboxChooserGroupShowOnly > div.vboxChooserGroupHeader .vboxChooserGroupNameArrowCollapse { + display: none; +} +#vboxChooserPane div.vboxChooserGroupShowOnly > div.vboxChooserGroupHeader .vboxChooserGroupShowOnlyBack { + display: inline-block; +} +#vboxChooserPane div.vboxChooserGroupHeader .vboxChooserGroupShowOnlyBack { + display: none; +} +#vboxChooserPane div.vboxChooserGroupHeader > span > .vboxChooserGroupShowOnly { + position: relative; + top: -1px; + display: inline-block; + margin: 0px; + margin-left: 2px; + margin-right: 2px; + padding: 0px; + cursor: pointer; + width: 18px; + height: 18px; + vertical-align: top; +} + +/* Toolbar above vm list */ +#vboxPaneToolbar { float: left; } +#vboxPaneToolbar table td { margin-right: 10px; } +table.vboxToolbar td.vboxEnabled { cursor: pointer; } +table.vboxToolbar td.vboxDisabled { color: #999; } + +/* Details Tab and Table */ +#vboxDetailsWelcome { background: #fff; } /* "Welcome" screen */ +#vboxTabVMDetails { font-size: 90%; } +/* menus have normal font size */ +#vboxTabVMDetails ul.contextMenu { font-size: 110%; } +#vboxTabVMDetails .vboxDetailsNone { font-style: italic; } +table.vboxDetailsTable { width: auto; background: #fff; } +table.vboxDetailsTable td { padding: 2px;} +table.vboxDetailsTable a, table.vboxDetailsTable a:visited { color: #0000FF; } +table.vboxDetailsTable tr th.vboxDetailsSection { text-align: left; font-weight: bold; } +table.vboxDetailsTable tr th.vboxDetailName { text-align: left; white-space: nowrap; padding-left: 20px; font-weight: normal; } +table.vboxDetailsTable tr th.vboxDetailNameIndent { padding-left: 35px; } +table.vboxDetailsTable tr td.vboxDetailsValue { text-align: left; white-space: normal; width: 100%; padding-left: 35px; } + +table.vboxDetailsTableError { background: #eee; margin-top: 8px;; border: 2px solid #aaa; } +table.vboxDetailsTableError tr { vertical-align: top; } + +table.vboxDetailsTableBox tr.vboxDetailsHead th { white-space: nowrap; } +/* Details table boxes */ +table.vboxDetailsTableBox { + background: #fff; + margin: 0px; + width: 100%; + border: 0px solid transparent; + border-spacing: 0px; + border-radius: 6px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; +} +/* Safari / Chrome "fix" */ +table.vboxDetailsTableBox img::selection { color: transparent; } + +table.vboxDetailsTableBox tr.vboxDetailsHead th.vboxDetailsSection { + padding: 0px; + margin: 0px; + background-color: #cccccc; +} +table.vboxDetailsTableBox tr.vboxDetailsHead th.vboxDetailsSection div { + -moz-border-radius-topleft: 8px/*{cornerRadius}*/; -webkit-border-top-left-radius: 8px/*{cornerRadius}*/; border-top-left-radius: 8px/*{cornerRadius}*/; -moz-border-radius-topright: 8px/*{cornerRadius}*/; -webkit-border-top-right-radius: 8px/*{cornerRadius}*/; border-top-right-radius: 8px/*{cornerRadius}*/; + background-image: url(../images/header_grad.png); + background-color: #cccccc; + padding: 4px 4px 4px 8px; + margin: 0px; + height: 16px; +} +#vboxTabVMDetails div.vboxDetailsBorder { + border-radius: 8px; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + border: 2px solid #bbb; + margin-bottom: 2px; +} +#vboxTabVMDetails div.vboxDetailsBorder table, #vboxTabVMDetails div.vboxDetailsBorder tbody, #vboxTabVMDetails div.vboxDetailsBorder tbody::last-child, #vboxTabVMDetails div.vboxDetailsBorder tbody::last-child td { + -moz-border-radius-bottomleft: 8px/*{cornerRadius}*/; + -webkit-border-bottom-left-radius: 8px/*{cornerRadius}*/; + border-bottom-left-radius: 8px/*{cornerRadius}*/; + -moz-border-radius-bottomright: 8px/*{cornerRadius}*/; + -webkit-border-bottom-right-radius: 8px/*{cornerRadius}*/; + border-bottom-right-radius: 8px/*{cornerRadius}*/; + border: 0px; + border-collapse: collapse; + border-spacing: 0px; + +} + + +/** + * + * Collapsed details sections + */ +#vboxTabVMDetails div.vboxDetailsSectionCollapsed tbody { display: none; } +div.vboxDetailsSectionCollapsed table.vboxDetailsTableBox, +div.vboxDetailsSectionCollapsed table.vboxDetailsTableBox thead +div.vboxDetailsSectionCollapsed table.vboxDetailsTableBox tr.vboxDetailsHead, +div.vboxDetailsSectionCollapsed table.vboxDetailsTableBox tr.vboxDetailsHead th, +div.vboxDetailsSectionCollapsed table.vboxDetailsTableBox tr.vboxDetailsHead th.vboxDetailsSection div { + -webkit-border-radius: 6px; + border-radius: 6px; + -moz-border-radius: 6px; +} + +/** + * Show link colors on hover? + * + */ +#vboxTabVMDetails div.vboxHover table.vboxDetailsTableBox tr.vboxDetailsHead span.vboxDetailsSectionLink { + color: #0000ff; + cursor: pointer; +} + +/** + * Image span for showing / hiding a details section + */ + +#vboxTabVMDetails .vboxArrowImage { + display: none; + float:right; + position: relative; + top: -1px; + left: 2px; +} +#vboxTabVMDetails span.vboxArrowImage { + transform: rotate(90deg); + -moz-transform: rotate(90deg); + -webkit-transform: rotate(90deg); + -o-transform: rotate(90deg); + -ms-transform: rotate(90deg); + background-image: url(../images/vbox/expanding_collapsing_16px.png); +} +#vboxTabVMDetails div.vboxDetailsSectionCollapsed span.vboxArrowImage { + transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -o-transform: rotate(180deg); + -ms-transform: rotate(180deg); +} +#vboxTabVMDetails div.vboxHover .vboxArrowImage +{ display: inline-block; cursor: pointer; } + + +/* misc ??? */ +table.vboxDetailsTableBox tr.vboxDetailsHead th { padding: 6px; padding-left: 8px; } +table.vboxDetailsTableBox tr.vboxDetailsHead img { padding-right: 4px; } +/* same as th.vboxDetailName */ +table.vboxDetailsTable td.vboxDetailDescriptionCell { padding-left: 20px; white-space: pre-wrap; } + +/* menus */ +#vboxDetailsShowMenu li, #vboxDetailsShowMenu li span { cursor: default; } +#vboxDetailsShowMenu li input, #vboxDetailsPreviewMenu li input { display: inline; padding: 0px; margin: 0px; margin-right: 4px; margin-left: 4px;} + +/** + * Details preview box + */ +#vboxVMDetails table div.vboxVMDetailsBoxpreview { margin-left: 2px; } +#vboxTabVMDetails table.vboxPreviewTable td { padding: 0px; margin: 0px; border: 0px; } +#vboxTabVMDetails .vboxDetailsTableBoxPreview { text-align: center; } +#vboxTabVMDetails .vboxDetailsTableBoxPreview div, +#vboxTabVMDetails .vboxDetailsTableBoxPreview span { padding: 0px; margin: 0px; border: 0px; } +#vboxTabVMDetails .vboxDetailsTableBoxPreview table, #vboxTabVMDetails .vboxDetailsTableBoxPreview td, #vboxTabVMDetails .vboxDetailsTableBoxPreview img { padding: 0px; margin: 0px; border: 0px; } +div.vboxPreviewSaved { + background-color:#000; +} +div.vboxPreviewSaved img { + opacity: .75; + filter:alpha(opacity=75); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; + +} + +/** + * + * Host meory used + * + */ +#vboxHostMemUsed { + border: 1px solid #aaaaaa; + border-radius: 4px; + -moz-border-radius: 4px; + background-color:#3a3; + width:200px; + height:14px; + overflow:hidden; + margin:0px; + padding:0px; + display:inline-block; + height:14px; +} +#vboxHostMemUsed span { background-color:transparent; padding-left: 2px; padding-right: 2px; padding-top: 0px; padding-bottom: 0px; margin: 0px; color: #ffffff; white-space: nowrap;} +#vboxHostMemUsed div { padding:0px; margin: 0px; height: 14px; width: 1px; } + + +/** + * + * Settings Dialogs + * + */ +#vboxSettingsDialog, div.vboxSettingsDialog div.ui-dialog-buttonpane { + background: #e9e9e9; +} +div.vboxSettingsDialog div.ui-dialog-buttonpane { + border-top: 1px solid #aaaaaa; +} +#vboxSettingsDialog tr { vertical-align: top; } +#vboxSettingsPane { width: 100%; } + +/* Settings menu list (left hand list of sections) */ +#vboxSettingsMenu { text-align: left; background: #fff; width: auto; white-space: nowrap; border: 1px solid #000; } +#vboxSettingsMenu img { margin: 0px; padding: 0px; } +#vboxSettingsMenu ul { list-style: none; padding: 0px; margin: 0px; white-space: nowrap;} +#vboxSettingsMenu li { white-space: nowrap; padding: 4px 10px 4px 2px; margin: 0px; cursor: pointer;} +#vboxSettingsMenu div { white-space: nowrap; display: inline; padding: 0px; margin: 0px; } + +/* Settings section title */ +#vboxSettingsTitle { margin-top: 0px; border: 1px solid #000; background: #fff; display: block; text-align: left; padding: 6px; font-weight: bold; } + +/* Settings main section surrounding div */ +/*#vboxSettingsList { padding: 2px; margin-top: 8px; }*/ + +/* Global Network Settings */ +#vboxSettingsGlobalNetList { background: #fff; height: 280px; padding: 0px; overflow: auto; } +#vboxSettingsGlobalNetList li { padding-left: 4px; list-style: none; } +#vboxSettingsGlobalNetEditAdapter th { text-align: right; width: auto; white-space: nowrap;} +#vboxSettingsGlobalNetEditAdapter td, #vboxSettingsGlobalNetEditAdapter td input { text-align: left; width: 100%; white-space: nowrap;} +#vboxSettingsGlobalNetEditDialog { background: #e9e9e9; } +#vboxSettingsGlobalNetEditDialog .ui-tabs { background: #e9e9e9; margin: 0px 6px 0px 6px;} +#vboxSettingsGlobalNetEditDialog .ui-tabs-panel { background: #fff; } + +/* User Settings */ +#vboxSettingsUserList { background: #fff; height: 310px; padding: 0px; overflow: auto;} +#vboxSettingsUserList li { padding-left: 4px; } + +/* Language Settings */ +#vboxLanguageList { height: 300px; width: 400px; overflow: auto; } + +/* settings general tabs and panes */ +#vboxSettingsPane .vboxSettingsPaneSection { background: #999; } +#vboxSettingsPane .vboxSettingsPaneSection .ui-state-default { background: #c1c1c1; } +#vboxSettingsPane .vboxSettingsPaneSection .ui-tabs-active, + #vboxSettingsPane .vboxNonTabbed, + #vboxSettingsPane .vboxSettingsPaneSection .ui-tabs-panel { background: #eee; } +#vboxSettingsPane .vboxSettingsPaneSection .vboxNonTabbed .vboxNonTabbed { background: #aaa; } +#vboxSettingsPane div.slider .ui-state-default { background: #ff8; border: 1px solid #000; } +#vboxSettingsPane .vboxTabbed { border: 0px solid #999; padding: 2px; margin: 0px; } +#vboxSettingsPane .vboxNonTabbed { border: 2px solid #999; padding: 6px; } + +/* Storage Settings */ +#vboxSettingsStorageTree { background: #fff; padding: 4px 0px 2px 6px; overflow-x: hidden; overflow-y: auto; } +#vboxSettingsControllersButtons { text-align: right; } +#vboxSettingsControllersButtons { width: 100%; text-align: right; } + +#vboxSettingsStorageTree table { width: 100%; margin: 0px; padding: 0px; } +#vboxSettingsStorageTree table td { height: 20px; white-space: nowrap; border: 0px; padding: 0px; margin: 0px; width: auto; } +#vboxSettingsStorageTree table td.vboxSettingsStorageTypeIcon img { width: 20px; height: 20px; padding: 0px; margin:0px; vspace: 0px; hspace: 0px; } +#vboxSettingsStorageTree table td.vboxSettingsStorageTypeIcon { + width: 22px; + background-position: 0px 1px; + background-repeat: no-repeat; +} +#vboxSettingsStorageTree table tr { vertical-align: middle; } + +#vboxSettingsStorageTree input { display: inline; } +#vboxSettingsStorageTree ul, #vboxSettingsStorageTree ul li { margin: 0px; padding: 0px; list-style: none; } +#vboxSettingsStorageTree ul ul li { margin: 0px; padding: 0px 0px 0px 20px; background: url(../images/treeview-default-line.gif) 2px 0px no-repeat; } +#vboxSettingsStorageTree ul ul li.last { background-position: 2px -1762px } +#vboxSettingsStorageTree li .vboxListItem .vboxToolbarSmall { display: none; } +#vboxSettingsStorageTree li input.vboxToolbarSmallButton, + #vboxSettingsStorageTree li input.vboxImgButton { border: 0px; padding: 0px; margin: 0px; height: 20px; } + + +/* Storage Disks */ +#vboxSettingsStorageTree td.vboxSettingsMediaType { background: url(../images/vbox/attachment_16px.png) 0px 1px no-repeat; } +#vboxSettingsStorageTree td.vboxSettingsMediaTypeHardDisk { background: url(../images/vbox/hd_16px.png) 0px 1px no-repeat; } +#vboxSettingsStorageTree td.vboxSettingsMediaTypeFloppy { background: url(../images/vbox/fd_16px.png) 0px 1px no-repeat; } +#vboxSettingsStorageTree td.vboxSettingsMediaTypeDVD { background: url(../images/vbox/cd_16px.png) 0px 1px no-repeat; } + +.vboxMediumInaccessible { background-image: url(../images/vbox/state_aborted_16px.png); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px; } +.vboxMediumReadOnly { background-image: url(../images/vbox/vm_new_16px.png); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 18px; } +#vboxSettingsStorageTree td.vboxMediumReadOnly { background-image: url(../images/vbox/vm_new_16px.png); } + +#vboxSettingsMediaInfo table th { text-align: right; white-space: nowrap; width: auto; } +#vboxSettingsMediaInfo table td { text-align: left; width: 100%; white-space: normal; } + +/* Shared folder settings */ +#vboxSettingsSharedFoldersTable { background: #eee; } +#vboxSettingsSharedFolders { background: #fff; } +#vboxSettingsSharedFolders td, #vboxSettingsSharedFolders th { padding-left: 8px; padding-right: 8px; } +#vboxSettingsSharedFoldersList tbody tr:first-child { font-weight: bold; } +#vboxSettingsSharedFoldersList td { white-space: nowrap; } +#vboxSettingsSharedFoldersList td.vboxSettingsSFPathCell { width: 100%; } +#vboxSettingsSharedFoldersList td.vboxSettingsSFNameCell { width: auto; } +#vboxSettingsSharedFoldersList td.vboxSettingsSFROCell { width: auto; } + +/* USB Settings */ +#vboxSettingsUSBFilters { background: #fff; } +#vboxSettingsUSBFilters ul li { margin: 0px; padding: 2px 0px 2px 0px; } +#vboxSettingsUSBFilters ul { list-style: none; padding: 0px;} +#vboxSettingsUSBFilters ul input { vertical-align: bottom; } + +/* USB Devices */ +#vboxSettingsUSBDevicesList .vboxListItem { cursor: default;} +#vboxSettingsUSBDevicesList .vboxListItemDisabled { background: #aaa; } + +/* Port Forwarding */ +#vboxSettingsPortForwarding {background: #e9e9e9; } +#vboxSettingsPortForwarding th { width: 16%; text-align: center; border-left: 1px solid #000; border-right: 1px solid #000; } +#vboxSettingsPortForwardingList td { padding: 4px; } +#vboxSettingsPortForwardingList td.vboxProto { text-align: center; } +#vboxSettingsPortForwardingList td.vboxPort { text-align: center; } + |