From 6780da7ba126756e212eef08daa0b5b7484eadef Mon Sep 17 00:00:00 2001 From: Daniel Molina Date: Tue, 23 Jun 2015 18:02:37 +0200 Subject: [PATCH] feature #3748: Remove deprecated css files --- src/sunstone/public/css/application.css | 1078 ----------------------- src/sunstone/public/css/layout.css | 233 ----- 2 files changed, 1311 deletions(-) delete mode 100644 src/sunstone/public/css/application.css delete mode 100644 src/sunstone/public/css/layout.css diff --git a/src/sunstone/public/css/application.css b/src/sunstone/public/css/application.css deleted file mode 100644 index 12a43e02a1..0000000000 --- a/src/sunstone/public/css/application.css +++ /dev/null @@ -1,1078 +0,0 @@ -/* -------------------------------------------------------------------------- */ -/* Copyright 2002-2015, OpenNebula Project (OpenNebula.org), C12G Labs */ -/* */ -/* Licensed under the Apache License, Version 2.0 (the "License"); you may */ -/* not use this file except in compliance with the License. You may obtain */ -/* a copy of the License at */ -/* */ -/* http://www.apache.org/licenses/LICENSE-2.0 */ -/* */ -/* Unless required by applicable law or agreed to in writing, software */ -/* distributed under the License is distributed on an "AS IS" BASIS, */ -/* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. */ -/* See the License for the specific language governing permissions and */ -/* limitations under the License. */ -/* -------------------------------------------------------------------------- */ - -.ui-tabs { - border: 0px; -} - - .paging_full_numbers { - width: auto !important; - margin-right: 0px; - } - - .ui-tabs-vertical { - width: 71em; - border: 0px; - } - .ui-tabs-vertical .ui-tabs-nav-vert { - padding: .2em .1em .2em .2em; - float: left; - width: 12em; - } - - .ui-tabs-vertical .ui-tabs-nav-vert li { - clear: left; - width: 100%; - border: 0px; - font-weight: normal; - } - - .ui-tabs-vertical .ui-tabs-nav-vert li a { - display: block; - border: 0px; - font-weight: normal; } - - .ui-tabs-vertical .ui-tabs-nav-vert li.ui-tabs-selected { - padding-bottom: 0; - padding-right: .1em; - } - - .ui-tabs-vertical .ui-tabs-panel { - padding: 1em; - float: left; - } - - - - - - -*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } - -html { font-size: 62.5%; } - -body { background: white; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; } - - - -/* Tabs ---------------------- */ -.tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; } -.tabs.contained { margin-bottom: 0; margin-left: 0; } -.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; } -.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; } -.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; } -.tabs dd a, .tabs li a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; } -.tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #2ba6cb; } -.tabs dd.ui-state-active, .tabs li.ui-state-active { border-top: 3px solid #2ba6cb; margin-top: -3px; } -.tabs dd.ui-state-active a, .tabs li.ui-state-active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #4d4d4d; border-right: 1px solid #e6e6e6; font-weight: bold; } -.tabs dd:first-child, .tabs li:first-child { margin-left: 0; } -.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; } -.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; } -.tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #0098C3; } -.tabs.vertical dd a, .tabs.vertical li a { background: #4d4d4d; border: none; color: #fff; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; } -.tabs.vertical dd.ui-state-active, .tabs.vertical li.ui-state-active { margin-top: 0; border-top: 0px solid #4d4d4d; border-left: 3px solid #4d4d4d; } -.tabs.vertical dd.ui-state-active a, .tabs.vertical li.ui-state-active a { background: #0098C3; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; } -.tabs.vertical dd:first-child a.ui-state-active, .tabs.vertical li:first-child a.ui-state-active { margin: 0; } -.tabs.pill { border-bottom: none; margin-bottom: 10px; } -.tabs.pill dd, .tabs.pill li { margin-right: 10px; } -.tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; } -.tabs.pill dd a, .tabs.pill li a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; } -.tabs.pill dd.ui-state-active, .tabs.pill li.ui-state-active { border: none; margin-top: 0; } -.tabs.pill dd.ui-state-active a, .tabs.pill li.ui-state-active a { background-color: #2ba6cb; border: none; color: #f ff; } -.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; } -.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; } -.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; } -.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; } -.tabs.three-up dt, .tabs.three-up dd, .tabs.two-up li { width: 33.33%; } -.tabs.four-up dt, .tabs.four-up dd, .tabs.two-up li { width: 25%; } -.tabs.five-up dt, .tabs.five-up dd, .tabs.two-up li { width: 20%; } - -ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; } -ul.tabs-content > li { display: none; } -ul.tabs-content > li.ui-state-active { display: block; } -ul.tabs-content.contained { padding: 0; } -ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; } -ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; } - -/* Standard Forms ---------------------- */ -form { margin: 0 0 19.41641px; } - -.row form .row { margin: 0 -6px; } -.row form .row .column, .row form .row .columns { padding: 0 6px; } -.row form .row.collapse { margin: 0; } -.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; } - -label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; } -label.right { float: none; text-align: right; } -label.inline { line-height: 32px; margin: 0 0 12px 0; } - -.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; } - -a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; } - -span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; } - -.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; } - -.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; } - -input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 0px 0px; padding: 6px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; } -input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; } -input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; } -input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; } - -textarea { height: auto; } - -select { width: 100%; } - -/* Fieldsets */ -fieldset { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; } -fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; } - - - -/* The Grid ---------------------- */ -.row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; } -.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } -.row.collapse .column, .row.collapse .columns { padding: 0; } -.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } -.row .row.collapse { margin: 0; } - -.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } -.column.centered, .columns.centered { float: none; margin: 0 auto; } - -[class*="column"] + [class*="column"]:last-child { float: right; } - -[class*="column"] + [class*="column"].end { float: left; } - -.one, .row .one { width: 8.33333%; } - -.two, .row .two { width: 16.66667%; } - -.three, .row .three { width: 25%; } - -.four, .row .four { width: 33.33333%; } - -.five, .row .five { width: 41.66667%; } - -.six, .row .six { width: 50%; } - -.seven, .row .seven { width: 58.33333%; } - -.eight, .row .eight { width: 66.66667%; } - -.nine, .row .nine { width: 75%; } - -.ten, .row .ten { width: 83.33333%; } - -.eleven, .row .eleven { width: 91.66667%; } - -.twelve, .row .twelve { width: 100%; } - -.row .offset-by-one { margin-left: 8.33333%; } - -.row .offset-by-two { margin-left: 16.66667%; } - -.row .offset-by-three { margin-left: 25%; } - -.row .offset-by-four { margin-left: 33.33333%; } - -.row .offset-by-five { margin-left: 41.66667%; } - -.row .offset-by-six { margin-left: 50%; } - -.row .offset-by-seven { margin-left: 58.33333%; } - -.row .offset-by-eight { margin-left: 66.66667%; } - -.row .offset-by-nine { margin-left: 75%; } - -.row .offset-by-ten { margin-left: 83.33333%; } - -.push-two { left: 16.66667%; } - -.pull-two { right: 16.66667%; } - -.push-three { left: 25%; } - -.pull-three { right: 25%; } - -.push-four { left: 33.33333%; } - -.pull-four { right: 33.33333%; } - -.push-five { left: 41.66667%; } - -.pull-five { right: 41.66667%; } - -.push-six { left: 50%; } - -.pull-six { right: 50%; } - -.push-seven { left: 58.33333%; } - -.pull-seven { right: 58.33333%; } - -.push-eight { left: 66.66667%; } - -.pull-eight { right: 66.66667%; } - -.push-nine { left: 75%; } - -.pull-nine { right: 75%; } - -.push-ten { left: 83.33333%; } - -.pull-ten { right: 83.33333%; } - -img, object, embed { max-width: 100%; height: auto; } - -object, embed { height: 100%; } - -img { -ms-interpolation-mode: bicubic; } - -#map_canvas img, .map_canvas img { max-width: none!important; } - -/* Nicolas Gallagher's micro clearfix */ -.row { *zoom: 1; } -.row:before, .row:after { content: " "; display: table; } -.row:after { clear: both; } - -.ui-slider-range { background: #4d4d4d; } - -/* Tables ---------------------- */ -.table { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd; } - -.table thead, .table tfoot { background: #f5f5f5; } - -.table thead tr th, .table tfoot tr th, .table tbody tr td, .table tr td, .table tfoot tr td { display: table-cell; font-size: 12; line-height: 10px; text-align: left; } - -.table thead tr th, .table tfoot tr td { padding: 8px 10px 9px; font-size: 12px; font-weight: bold; color: #222; } - -.table thead tr th:first-child, .table tfoot tr td:first-child { border-left: none; } - -.table thead tr th:last-child, .table tfoot tr td:last-child { border-right: none; } - -.table tbody tr.even, .table tbody tr.alt { background: #f9f9f9; } - -.table tbody tr:nth-child(even) { background: #f9f9f9; } - -.table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; } - -hr{margin:18px 0;border:0;border-top:1px solid #eee;border-bottom:1px solid #fff} - -/* Labels ---------------------- */ -.label { padding: 1px 4px 2px; font-size: 12px; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #fff; background: #2ba6cb; } -.label.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } -.label.round { padding: 1px 7px 2px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } -.label.alert { background-color: #c60f13; } -.label.success { background-color: #5da423; } -.label.secondary { background-color: #e9e9e9; color: #505050; } - -/* Normal Buttons ---------------------- */ -.button { width: auto; background: #2ba6cb; border: 1px solid #1e728c; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; color: white; cursor: pointer; display: inline-block; font-family: inherit; font-size: 14px; font-weight: bold; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; -/* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */ } -.button:hover, .button:focus { color: white; background-color: #2284a1; } -.button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } -.button.large { font-size: 17px; padding: 15px 30px 16px; } -.button.medium { font-size: 14px; } -.button.small { font-size: 11px; padding: 7px 14px 8px; } -.button.tiny { font-size: 10px; padding: 5px 10px 6px; } -.button.expand { width: 100%; text-align: center; } -.button.primary { background-color: #2ba6cb; border: 1px solid #1e728c; } -.button.primary:hover, .button.primary:focus { background-color: #2284a1; } -.button.success { background-color: #5da423; border: 1px solid #396516; } -.button.success:hover, .button.success:focus { background-color: #457a1a; } -.button.alert { background-color: #c60f13; border: 1px solid #7f0a0c; } -.button.alert:hover, .button.alert:focus { background-color: #970b0e; } -.button.secondary { background-color: #e9e9e9; color: #1d1d1d; border: 1px solid #c3c3c3; } -.button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } -.button.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } -.button.round { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; } -.button.full-width { width: 100%; text-align: center; padding-left: 0px !important; padding-right: 0px !important; } -.button.left-align { text-align: left; text-indent: 12px; } -.button.disabled, .button[disabled] { opacity: 0.6; cursor: default; background: #2ba6cb; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } -.button.disabled:hover, .button[disabled]:hover { background: #2ba6cb; } -.button.disabled.success, .button[disabled].success { background-color: #5da423; } -.button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; outline: none; } -.button.disabled.alert, .button[disabled].alert { background-color: #c60f13; } -.button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; outline: none; } -.button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; } -.button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; outline: none; } - -/* Alerts ---------------------- */ -div.alert-box { display: block; padding: 6px 7px 7px; font-weight: bold; font-size: 12px; color: white; background-color: #2ba6cb; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); position: relative; } -div.alert-box.success { background-color: #5da423; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } -div.alert-box.alert { background-color: #c60f13; color: #fff; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); } -div.alert-box.secondary { background-color: #e9e9e9; color: #505050; text-shadow: 0 1px rgba(255, 255, 255, 0.3); } -div.alert-box a.close { color: #333; position: absolute; right: 4px; top: -1px; font-size: 17px; opacity: 0.2; padding: 4px; } -div.alert-box a.close:hover, div.alert-box a.close:focus { opacity: 0.4; } - -/* Don't use native buttons on iOS */ -input[type=submit].button, button.button { -webkit-appearance: none; } - -/* Correct FF button padding */ -@-moz-document url-prefix() { button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; } - input[type="submit"].tiny.button { padding: 3px 10px 4px; } - input[type="submit"].small.button { padding: 5px 14px 6px; } - input[type="submit"].button, input[type=submit].medium.button { padding: 8px 20px 9px; } - input[type="submit"].large.button { padding: 13px 30px 14px; } } - - - - -.markrow { background-color:#cdebf5 !important; } -.markrowselected { background-color:#cdeb05 !important; } -.markrowchecked { background-color:#cd0bf5; } - - - -/* Tooltips ---------------------- */ -.has-tip { cursor: help; font-weight: bold; color: #333333; } -.has-tip:hover, .has-tip:focus { color: #2ba6cb; } -.has-tip.tip-left, .has-tip.tip-right { float: none !important; } - -.tooltip { display: none; background: black; background: rgba(0, 0, 0, 0.85); position: absolute; color: white; font-weight: bold; font-size: 12px; padding: 5px; z-index: 1003; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; line-height: normal; } -.tooltip > .nub { display: block; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent; position: absolute; top: -10px; left: 10px; } -.tooltip.tip-override > .nub { border-color: transparent transparent black transparent !important; border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important; top: -10px !important; } -.tooltip.tip-top > .nub, .tooltip.tip-centered-top > .nub { border-color: black transparent transparent transparent; border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent; top: auto; bottom: -10px; } -.tooltip.tip-left, .tooltip.tip-right { float: none !important; } -.tooltip.tip-left > .nub { border-color: transparent transparent transparent black; border-color: transparent transparent transparent rgba(0, 0, 0, 0.85); right: -10px; left: auto; } -.tooltip.tip-right > .nub { border-color: transparent black transparent transparent; border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent; right: auto; left: -10px; } -.tooltip.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } -.tooltip.opened { color: #2ba6cb !important; border-bottom: dotted 1px #196177 !important; } - -.icon-remove.blue { - color: #cdebf5; - cursor: pointer; -} - -.icon-remove.grey { - color: rgb(190, 190, 190); - cursor: pointer; -} - - - - - - - - - - - - - - - -body { - font: 9pt Arial, Verdana, Geneva, Helvetica, sans-serif; -} - -p { - margin:0 10px 10px; -} -a { - color: #000C96; text-decoration: none; -} -a:hover { - color: #127FE4; text-decoration: none; -} -select, button { - padding: 2px; -} - -.inline-icon { - display:inline-block; - vertical-align:middle; -} - -h2 { - float:left; - font-size:20px; - margin-bottom: 2px; - margin-top: 8px; - padding-bottom: 2px; - width:280px; - min-width: 200px; - color: #636663; - border-bottom: 2px solid; -} - -h3 { - border-bottom: 1px solid #CCCCCC; - color: #353735; - font-size: 14px; - font-weight: normal; - padding: 5px 8px; - margin: 0 0; -} - -table.dashboard_table{ - width:100%; - margin: 0; -} - -table.dashboard_table tr { - vertical-align: top; -} - -table.dashboard_table > tbody > tr > td{ - width:50%; -} - -table.dashboard_table .inline-icon { - margin-left: 40px; -} - - -.dashboard_p { - color: #353735; - text-align:justify; -} - - -.clusterElemLi { - list-style: circle; -} - -div.panel { - background-color: #ffffff; - padding:0; - margin: 10px; - border: 1px #ddd solid; - min-height: 50px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - -moz-box-shadow: 5px 5px 5px #888; - -webkit-box-shadow: 5px 5px 5px #888; - box-shadow: 5px 5px 5px #888; -} - -div.panel h3 { - border: 0; - padding:5px 10px 5px 10px; - margin: 0; - color: white; - font-weight: bold; - background-color: #353735; - -webkit-border-radius: 3px 3px 0 0; - -moz-border-radius: 3px 3px 0 0; -} - -div.panel .new-resource { - float: right; -} - -div.panel h3 a { - color: white; - font-weight: bold; -} - -div.panel_info { - padding: 5px; -} - -div.panel_info table.info_table { - background: none; - width: 100%; - margin:0; -} - -div.panel_info table.info_table tr { - border: 0; - border-bottom: 1px dotted #ccc; -} -div.panel_info table.info_table > tbody > tr > td { - border: 0; - width: 100%!important; -} - -div.panel_info table.info_table td.value_td { - text-align: right; -} - -div.panel_info ul { - list-style: circle; - margin-left: 25px; -} - -.green { - color: green!important; -} - -.red { - color: #B81515!important; -} - - -ul.multi_action_menu { list-style: none; position: absolute; text-align: left; padding:0; border: 1px solid #D3D3D3; background-color: #F0EDED;} -ul.multi_action_menu li { cursor: pointer; padding: 2px 5px;} -ul.multi_action_menu li:hover { background-color: #D3D3D3;} - - -div.action_block { - display:inline; - margin-right: 5px; - border-right: 1px solid #D3D3D3; -} - -div.action_blocks { - margin-bottom: 0.5em; - text-align: right; - margin-top: 0.5em; -} - -input, textarea, select { - border: 0; - border: 1px #bbbbbb solid; -} - -input, textarea { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; -} - -form.create_form{ - margin:0; - padding:0;} - - - -/*Chrome hack*/ -input[type="radio"],input[type="checkbox"] { - width:20px; -} - - - - -.dataTables_wrapper { - min-height: 0; -} - -.dataTables_wrapper label { - float: none; - width: auto; - padding: 0 0; - text-align:right; -} - - -div.tip { - display: inline-block; - padding-left: 5px; - vertical-align: middle; - float:none; -} - -div.tip span.ui-icon{ - display:inline-block; -} - -div.tip span.man_icon { - display:none; -} -.img_man .man_icon { - display:inline-block!important; -} - -span.tipspan,div.full_info { - position: fixed; - display:block; - padding:4px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - border: 1px solid #353735; - margin-left:2px; - margin-right:5px; - background-color: white; - color: #353735; - font-size:10px; -} -.vm_section input { - float:none; -} - -.vm_section legend{ - display:none!important; -} -.vm_section fieldset { - border:none!important; -} - -div.show_hide { - float:none; - clear:both; -} - - - -fieldset div.vm_section { - margin-top:-8px; - margin-bottom:0px; -} - - -input:focus, -textarea:focus{ - background:#efefef; - color:#000; -} - -.form_buttons { - margin-top:25px; - text-align:right; -} - -.add_remove_button { - font-size:0.8em !important; - height:25px !important; - margin-bottom:4px; -} - -.add_button { - margin-left:148px; - /* In some languages the word add is longer */ - /* width:58px !important; */ -} - -.remove_button { - -} - -tr.odd, tr.even { - background-color: #ffffff; - border: 1px #e9e9e9 solid; - height:30px!important; -} - -tr.odd td, tr.even td{ - border-left: 1px #e9e9e9 solid; -} - -tr.odd:hover{ - background-color: #E69138 !important; - cursor: pointer; -} - -tr.even:hover{ - background-color: #E69138 !important; - cursor: pointer; -} - -.show_hide label{ - width: 100%; -} - -.clear { - clear: both; -} - -/* Create dialogs */ -/* host: */ -#create_host_form fieldset label { - width: 200px; -} - -.action_block_info{ - width: 235px; - margin: auto; -} - -.icon_right { - display: inline-block; - margin-left: 20px; - position: relative; - top: 2px; -} -.icon_left { - float: left; - margin-right: 20px; - position: relative; - top: 0px; -/*border:1px solid;*/ -} - - - -.info_table{ - background: none repeat scroll 0 0 #FFFFFF; - border-collapse: collapse; - margin: 20px; - text-align: left; - display: inline-block; - width:43%; - vertical-align:top; - overflow:auto; -} - -.info_table > thead th,h3 { - border-bottom: 2px solid #353735; - color: #353735; - font-size: 14px; - font-weight: normal; - padding: 10px 8px; -} - - -.info_table > tbody > tr > td{ - border-bottom: 1px solid #CCCCCC; - color: #353735; - padding-top: 6px; - padding-bottom: 6px; - padding-left: 8px; - padding-right: 8px; -} - -/*.info_table > tbody, .info_table > thead, info_table > tbody > tr { - width: 100%; - }*/ - -.info_table td.key_td{ - min-width: 150px; - text-align:left; - font-weight:bold; -} - -.info_table td.graph_td{ - padding-top:0px!important; - padding-bottom:0px!important; - vertical-align:middle!important; -} - -.info_table td.value_td{ - text-align:left; - width:100%; -} - -#dialog > div > div { - margin: 0; - padding: 0; -} - -.loading_img { - vertical-align:middle; - display:inline; - overflow:hide; - -} - -.top_button { - font-size: 0.8em!important; - height: 25px; - margin: 3px 2px; - vertical-align: middle; -/*width: 89px;*/ -} -.top_button button { - font-size: 0.9em; - height: 25px; - vertical-align: middle; -} - -.image_button { - font-size: 0.8em; - margin: 3px 2px; - vertical-align: middle; - border:0; -} - -/* - .multi_action_slct{ - font-size: 0.7em; - vertical-align:middle; - margin:3px 0; - height: 25px; - }*/ - -.ui-icon-refresh{ - position:relative!important; - top:14px!important; -} - -#vm_log { - padding: 0 20px 0 20px !important; -} - -#vm_log h3 { - border-bottom: 2px solid #353735; -} - -#vm_log pre { - font-size: 0.9em; -} - -#vm_log .vm_log_error { - color: red; - font-weight: bold; -} - -/* Growl */ -.jGrowl-notification h1 { - font-size: 1.2em; -} - -.jGrowl-notification, .jGrowl-notify-submit { - border: 2px #444444 solid; - background-color: #F3F3F3!important; - color: #666666; -} - -.jGrowl-notify-error { - border: 2px #660000 solid; - background-color: #F39999!important; - color: #660000; -} - -.jGrowl-notify-error table td.key_error { - text-transform: capitalize; - width: 100%; - font-weight: bold; -} - -.jGrowl-notify-error table td.key_error:after { - content:":"; -} - -.refresh_image { - position: relative; - top: 8px; - cursor: pointer; -} - -.ui-widget-overlay { background: #353735; opacity: .60; filter:Alpha(Opacity=60); } - -.ui-tabs .ui-tabs-nav li a { - /*padding: .5em 1em;*/ - padding: .3em 1em; -} - -ul.action_list{ - - /*background: #EDEDED;*/ - border: 1px solid #525252; - position:absolute; - z-index:1; - list-style-type:none; - text-align:left; - padding:5px 5px; - -webkit-border-radius:4px; - -webkit-border-bottom-right-radius:5px; - -webkit-border-bottom-left-radius:5px; - -moz-border-radius:4px; - -moz-border-radius-bottomright:5px; - -moz-border-radius-bottomleft:5px; - border-radius:4px; - border-bottom-right-radius:5px; - border-bottom-left-radius:5px; - - background: rgb(233,233,233); /* Old browsers */ - background: -moz-linear-gradient(top, rgba(233,233,233,1) 25%, rgba(245,245,245,1) 63%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,rgba(233,233,233,1)), color-stop(63%,rgba(245,245,245,1))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(233,233,233,1) 25%,rgba(245,245,245,1) 63%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(233,233,233,1) 25%,rgba(245,245,245,1) 63%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(233,233,233,1) 25%,rgba(245,245,245,1) 63%); /* IE10+ */ - background: linear-gradient(top, rgba(233,233,233,1) 25%,rgba(245,245,245,1) 63%); /* W3C */ - -} - -ul.action_list li a{ - font-size: 0.8em; - color:#575C5B; - -} -ul.action_list li a:hover{ - color:#E69138; - -} - -.progress_bar{ - height:10px; - background: #8F9392; -} - -.ui-widget{ - font: 10pt Arial, Verdana, Geneva, Helvetica, sans-serif; -} - -.ui-layout-resizer-open-hover, /* hover-color to 'resize' */ -.ui-layout-resizer-dragging { - background: #EEE; -} - -.dataTables_length { - width: auto; -} - -.ColVis { - margin: 0 10px 0 10px; - float: left; -} - -.ColVis_Button { - padding: 5px; - font-size: 1em; -} - - -.legend_div { - border: 1px #A3A3A3 solid; - border-radius: 5px; - margin-top: 10px; - padding: 5px; - padding-right: 50px; - width: 40%; - min-width: 400px; - z-index: -3; - position: absolute; - bottom: 10px; - - background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.09) 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.09))); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* IE10+ */ - background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* W3C */ -} - -.legend_div span { - position:relative; - color: #A3A3A3; - float: right; - font-size: 3em; - left: 27px; - font-family: serif; -} - -.legend_p { - color: #636663; - margin-left: 10px; - margin-top: 3px; -/* padding-bottom: 9px; */ - text-align: justify; -/* border-bottom: 1px solid #A3A3A3; */ -} - -.legend_p:before { -/* content: '⇨ '; */ - content: '○ '; -} - -.big_text { - color: #333333; - font-size: 3.5em; - font-family: serif; - text-align:center; - vertical-align:middle; -} - -.medium_text { - color: #333333; - font-size: 2.0em; - font-family: serif; - text-align:center; - vertical-align:middle; -} - -.quota_edit_icon:hover, .quota_remove_icon:hover, -.detach_disk:hover, .attach_disk:hover{ - cursor: pointer; -} - -div.current_quotas ul{ - list-style: none; -} - -.padding1 { - padding-left: 30px!important; -} - -.padding2 { - padding-left: 55px!important; -} - -div.wizard_tab { - overflow: auto; - height: 480px; - overflow-x: hidden; - width: 56em; -} - -div.wizard_internal_tab { - height: 405px; - width: 54em; -} - - - - - - -/* -.tabs-min { - background: transparent; - border: none; -} -.tabs-min .ui-widget-header { - background: transparent; - border: none; - border-bottom: 1px solid #c0c0c0; - -moz-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; -} -.tabs-min .ui-state-default { - background: transparent; - border: none; -} -.tabs-min .ui-state-active { - border: none; -} -.tabs-min .ui-state-default a { - color: #c0c0c0; -} -.tabs-min .ui-state-active a { - color: #0098C3; -}*/ - -.tabs-nohdr { - padding: 0px; - background: none; - border-width: 0px; -} -.tabs-nohdr .ui-widget-header { - background: transparent; - border: none; - border-bottom: 1px solid #ddd; - -moz-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; -} -.tabs-nohdr .ui-tabs-nav { - padding-left: 0px; - background: transparent; - border-width: 0px 0px 1px 0px; - -moz-border-radius: 0px; - -webkit-border-radius: 0px; - border-radius: 0px; -} -.tabs-nohdr li.ui-state-active { - margin-bottom: -1px; - padding-bottom: 1px; -} \ No newline at end of file diff --git a/src/sunstone/public/css/layout.css b/src/sunstone/public/css/layout.css deleted file mode 100644 index 61bd957bec..0000000000 --- a/src/sunstone/public/css/layout.css +++ /dev/null @@ -1,233 +0,0 @@ -/* -------------------------------------------------------------------------- */ -/* Copyright 2002-2015, OpenNebula Project (OpenNebula.org), C12G Labs */ -/* */ -/* Licensed under the Apache License, Version 2.0 (the "License"); you may */ -/* not use this file except in compliance with the License. You may obtain */ -/* a copy of the License at */ -/* */ -/* http://www.apache.org/licenses/LICENSE-2.0 */ -/* */ -/* Unless required by applicable law or agreed to in writing, software */ -/* distributed under the License is distributed on an "AS IS" BASIS, */ -/* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. */ -/* See the License for the specific language governing permissions and */ -/* limitations under the License. */ -/* -------------------------------------------------------------------------- */ - -body { - background: #f5f5f5; -} - -.outer-center, .inner-center { - padding: 0; -} - -.outer-center { - border: 0; -} - -.inner-south { - padding: 0; -} - -#dialog div { - border: 0; -} - -.tab { - padding: 5px 10px 0 10px; -} - -.hidden { - display:none; -} - -body { - font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; - font-size: 13px; -} - -#header { - padding: 0 10px 0 10px; - background-color: #353735; - border:0; -} - -#footer { - padding-top: 9px; - font-size: 0.8em; - text-align: center; - border:0; - -} - -#footer a { - color: white; - text-decoration: underline; -} - - - -#logo { - padding-top: 6px; - font-weight: bold; - color: white; - float:left; -} - -#login-info { - padding-top: 4px; - float: right; - padding-right: 5px; -} - -#links { - padding-top: 4px; - margin-right: 40px; - float: right; -} - -#login-info, #login-info a, #links, #links a { - color: white; -} - -#login-info, #login-info a { - font-weight: bold; -} -.sunstone-color { - color: #E69138; -} - -#logo-wrapper { - float: right; - margin-top: 0px; - margin-right: 20px; -} - -#menu { - padding-right: 0; - padding-left: 0; - border:0; - border-right: 1px solid #353735; - - background: #636663; /* Old browsers */ - background: -moz-linear-gradient(left, #636663 95%, #353735 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, right top, color-stop(95%,#636663), color-stop(100%,#353735)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(left, #636663 95%,#353735 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(left, #636663 95%,#353735 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(left, #636663 95%,#353735 100%); /* IE10+ */ - background: linear-gradient(left, #636663 95%,#353735 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636663', endColorstr='#353735',GradientType=1 ); /* IE6-9 */ -} - -.navigation { - list-style: none; - padding: 0; -} - -.navigation i { - margin-right: 5px; -} - -.navigation li.topTab { - line-height: 2em; - text-align: left; - padding-left: 15px; -} - -.navigation li.subTab { - line-height: 1.8em; - font-size: 12px; - text-align: left; - padding-left: 45px; -} - -.navigation li.subsubTab { - line-height: 1.7em; - font-size: 11px; - text-align: left; - padding-left: 55px; -} - -.navigation li.topTab span.plusIcon, -.navigation li.subTab span.plusIcon { - display : none; - float: right; - margin-right: 1em; -} - -.navigation li.topTab span.plusIcon { - margin-top: 5px; -} - -.navigation li.subTab span.plusIcon { - margin-top: 3px; -} - -#navigation li { - color: #ffffff; - cursor: pointer; -} - -#navigation li:hover, .navigation-active-li { - background: #e69138; /* Old browsers */ - background: -moz-linear-gradient(left, #e69138 95%, #353735 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, right top, color-stop(95%,#e69138), color-stop(100%,#353735)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(left, #e69138 95%,#353735 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(left, #e69138 95%,#353735 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(left, #e69138 95%,#353735 100%); /* IE10+ */ - background: linear-gradient(left, #e69138 95%,#353735 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e69138', endColorstr='#353735',GradientType=1 ); /* IE6-9 */ -} -.navigation-active-li { - font-weight: bold; -} -#navigation li:hover { - color: #ffffff !important; -} - - -/* top menu css */ -#menutop_container{ - margin:0px 171px; - color:#FFFFFF; - font-size:13px; - font-weight:bold; -} -#menutop_navbar{ - float:left; - height:25px; - font-size:13px; -} -#menutop_navbar ul{ - float:left; - height:25px; - color:#000000; - margin: 0 0; - padding-left: 1px; -} -#menutop_navbar ul{ - background-color: #353735; -} -#menutop_navbar ul li{ - float:left; - min-width:72px; - margin:0px 0 0 0; - height:22px; - display: inline; - text-align:center; - padding-left:5px; - padding-right: 5px; - padding-top: 4px; - padding-bottom: 4px; - border-left:1px solid white; - cursor:pointer; - color: white; -} - -#menutop_navbar ul li:hover { - background-color: #E69138; - -} - -/* end top menu css */ \ No newline at end of file