123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325 |
- /**
- * Licensed to the Apache Software Foundation (ASF) under one
- * or more contributor license agreements. See the NOTICE file
- * distributed with this work for additional information
- * regarding copyright ownership. The ASF licenses this file
- * to you 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.
- */
- .gradient(@color: #FAFAFA, @start: #FFFFFF, @stop: #F2F2F2) {
- background: @color;
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0, @start), color-stop(1, @stop));
- background: -ms-linear-gradient(top, @start, @stop);
- background: -moz-linear-gradient(center top, @start 0%, @stop 100%);
- }
- html, body {
- height: 100%;
- }
- #wrapper {
- min-height: 100%;
- }
- @footer-height: 100px;
- #main {
- overflow: visible;
- padding-bottom: @footer-height;
- }
- footer {
- position: relative;
- border-top: 1px solid #e5e5e5;
- padding: 30px 0;
- background-color: #fff;
- color: #666666;
- margin-top: -1 * @footer-height;
- height: @footer-height - 60px;
- }
- #content {
- padding: 20px 0;
- }
- #top-nav {
- .navbar {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- }
- .navbar {
- .brand {
- color: #666666;
- display: block;
- font-size: 16px;
- font-weight: normal;
- line-height: 1;
- margin-left: 0;
- margin-top: 3px;
- padding: 14px 5px 14px 10px;
- }
- .brand.cluster-name {
- padding-left: 0px;
- }
- }
- /*
- .navbar-inner {
- background: linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
- background: -moz-linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
- background: -webkit-linear-gradient(#FAFAFA, #EAEAEA) repeat scroll 0 0 transparent;
- border-radius: 0;
- border: 1px solid #bbb;
- border-width: 0 0 1px 0;
- }
- */
- .navbar .nav {
- float: none;
- overflow: hidden;
- }
- .navbar .nav .active > a, .navbar .nav .active > a:hover {
- /*background-color: #999999;*/
- color: #FFFFFF;
- text-decoration: none;
- }
- .navbar .nav > li > a {
- border-radius: 8px;
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- font-size: 13px;
- font-weight: bold;
- line-height: 19px;
- margin: 6px 10px 6px 0;
- padding: 8px 14px;
- text-decoration: none;
- text-shadow: none;
- }
- .navbar .nav > li > a:hover {
- background-color: transparent;
- color: #999999;
- text-decoration: none;
- }
- .navbar #logo {
- float: left;
- padding-top: 7px;
- height: 36px;
- }
- .navbar .nav > li.right {
- float: right;
- }
- }
- #main-nav {
- .brand {
- font-size: 17px;
- border-right: 1px solid rgba(0, 0, 0, 0.08);
- color: #555555;
- }
- .operations-count {
- background-color: #006DCC;
- }
- li {
- font-size: 15px;
- border-left: 1px solid #fefefe;
- border-right: 1px solid #f0f0f0;
- text-align: center;
- }
- li.span2 {
- padding: 0;
- margin: 0;
- width: 140px;
- }
- margin-bottom: 20px;
- }
- .pre-scrollable {
- overflow-y: auto;
- }
- @green: #69BE28;
- @blue: #0572ff;
- h1 {
- color: @green;
- }
- .login.well.span4 {
- margin: 20px auto;
- padding: 25px;
- float: none;
- }
- .login {
- h2 {
- margin-top: 0;
- margin-bottom: 20px;
- }
- .btn {
- margin-top: 15px;
- }
- }
- .hide {
- visibility: hidden;
- }
- .show {
- visibility: visible;
- }
- /***************
- * Ambari wide icon colors
- ***************/
- .icon-ok {
- color: #5AB400;
- }
- .icon-warning-sign {
- color: #FDB82F;
- }
- .icon-empty {
- height: 21px;
- display: inline-block;
- width: 8px;
- }
- .icon-caret-right {
- min-width:8px;
- padding-top: 2px;
- }
- .icon-caret-left {
- min-width:8px;
- padding-top: 2px;
- }
- .icon-remove {
- color: #FF4B4B;
- }
- .tooltip {
- z-index: 1050;
- }
- .tooltip-inner {
- text-align: left;
- }
- .popover {
- z-index: 1050;
- }
- #installer, #add-host, #add-service {
- h2 {
- margin-top: 0;
- }
- .btn.btn-success {
- /* float: right; */
- }
- .btn-area {
- margin-top: 20px;
- }
- #installer-content, #add-host-content, #add-service-content {
- padding: 25px;
- background-color: #fff;
- }
- .nav-header {
- font-size: 13px;
- padding-left: 0;
- }
- #installOptions {
- .sshKey-file-view {
- width: 486px;
- height: 200px;
- overflow-y: auto;
- border: 1px solid #ccc;
- margin-top: 5px;
- padding: 8px;
- font-family: Consolas, "Liberation Mono", Courier, monospace;
- }
- .sshKey-file-view.disabled {
- background-color: #eee;
- }
- .manual-install {
- margin-top: 10px;
- width: 504px;
- height: auto;
- }
- #targetHosts {
- }
- .span6 {
- min-width: 504px;
- }
- #hostConnectivity {
- margin-top: 20px;
- .control-group {
- margin-bottom: 0;
- }
- }
- .advancedOptions {
- margin-top: 20px;
- margin-bottom: 30px;
- label{
- margin-bottom: 10px;
- }
- label.disabled{
- color: #ccc;
- }
- }
- .java-home {
- margin-bottom: 10px
- }
- }
- #confirm-hosts {
- #host-filter {
- margin-top: 3px;
- ul {
- margin: 3px;
- font-size: 12px;
- li {
- list-style: none;
- display: block;
- float: left;
- padding: 0 2px;
- a {
- text-decoration: underline;
- }
- }
- li.first {
- font-weight: bold;
- }
- li.active a {
- text-decoration: none;
- color: #000000;
- }
- }
- }
- .progress {
- margin-bottom: 0;
- }
- }
- #step4, #step6 {
- a.selected {
- color: #333;
- }
- a.deselected {
- }
- i.icon-asterisks {
- color: #FF4B4B;
- }
- }
- #step6 .pre-scrollable {
- max-height: 440px;
- }
- #deploy {
- #overallProgress {
- }
- #deploy-status-by-host {
- th.host {
- width: 30%;
- }
- th.status {
- width: 30%;
- }
- th.messgage {
- width: 40%;
- }
- .progress-bar {
- width: 80%;
- .progress {
- margin-bottom: 0;
- }
- }
- .progress-percentage {
- margin-left: 10px;
- width: 20% - 10px;
- }
- }
- }
- }
- #host-log {
- .stderr, .stdout {
- background-color: #f0f0f0;
- /* max-height: 300px;
- overflow-y: auto; */
- border-radius: 4px;
- padding: 8px;
- }
- }
- #serviceConfig {
- margin-top: 20px;
- .spinner {
- width:36px;
- height:36px;
- background: url("/img/spinner.gif");
- margin: 0 auto;
- }
- .accordion-heading {
- background-color: #f0f0f0;
- }
- .accordion-group {
- margin-bottom: 20px;
- .control-label {
- text-align: left;
- }
- .control-group {
- margin: 10px 0;
- }
- form {
- margin-bottom: 0;
- }
- }
- .accordion-group.Advanced {
- .control-label {
- float: none;
- text-align: left;
- width: auto;
- }
- .controls {
- margin-left: 0;
- }
- }
- .badge {
- margin-left: 4px;
- }
- .slave-component-group-menu {
- float: left;
- .nav {
- margin-bottom: 10px;
- }
- .nav li {
- position: relative;
- a {
- padding-right: 24px;
- }
- .icon-remove {
- border: 1px solid white;
- position: absolute;
- right: 7px;
- top: 10px;
- z-index: 2;
- cursor: default;
- color: #555555;
- }
- .icon-remove:hover {
- border: 1px solid grey;
- }
- }
- }
- .remove-group-error {
- display: none;
- }
- .add-slave-component-group {
- margin-bottom: 10px;
- }
- .master-host, .master-hosts, .slave-hosts {
- padding-top: 5px;
- line-height: 20px;
- }
- #attention {
- margin: 20px 0;
- }
- .retyped-password {
- margin-left: 14px;
- }
- #slave-hosts-popup {
- ul {
- list-style-type: none;
- }
- }
- }
- a:focus {
- outline: none;
- }
- @status-live-marker: url("/img/health-status-live.png");
- @status-dead-marker: url("/img/health-status-dead.png");
- @status-dead-orange-marker: url("/img/health-status-dead-orange.png");
- @status-dead-yellow-marker: url("/img/health-status-dead-yellow.png");
- @status-ok-marker: url("/img/status-ok.jpg");
- @status-corrupt-marker: url("/img/status-corrupt.jpg");
- @arrow-right: url("/img/arrow-right.png");
- /*Rack images*/
- @rack-status-live: url("/img/rack-status-live.png");
- @rack-status-critical: url("/img/rack-status-critical.png");
- @rack-status-dead: url("/img/rack-status-dead.png");
- @rack-state-toggler: url("/img/rack-state-toggler.png");
- @rack-state-plus: url("/img/rack-state-plus.png");
- @rack-state-minus: url("/img/rack-state-minus.png");
- /*****start styles for boxes*****/
- .box {
- border: 1px solid #D4D4D4;
- border-radius: 4px;
- margin-bottom: 20px;
- .box-header {
- border-bottom: 1px solid #D4D4D4;
- border-radius: 4px 4px 0 0;
- }
- .box-header,
- .box-footer {
- padding: 4px 4px 4px 10px;
- /*background: #dedede;*/
- .gradient(#dedede, #ffffff, #dedede)
- }
- .box-header:after,
- .box-footer:after {
- content: "";
- display: table;
- clear: both;
- }
- .box-header {
- .btn-group {
- float: right;
- }
- h4 {
- float: left;
- margin: 5px;
- font-size: 15px;
- color: #777;
- }
- }
- .box-footer {
- hr {
- margin: 0px;
- }
- }
- }
- /*****end styles for boxes*****/
- /*90% width modal window start*/
- .full-width-modal {
- .modal {
- width: 90%;
- margin: -350px 0 0 -45%;
- }
- .clear {
- clear:both;
- }
- > div > .dataTable {
- border: 1px solid silver;
- th {
- border-top:none;
- }
- }
- .content {
- padding: 0;
- }
- //fix stripped in inner table
- .table-striped tbody tr:nth-child(odd)
- td .table-striped tbody
- tr:nth-child(odd) td,
- tr:nth-child(even) th{
- background-color: none;
- }
- }
- /*90% width modal window end*/
- /*60% width modal window start*/
- .sixty-percent-width-modal {
- .modal {
- width: 60%;
- margin: 0 0 0 -30%;
- max-height: 526px;
- top:5%;
- overflow: hidden;
- .modal-body{
- max-height: 461px;
- overflow-y: auto;
- }
- }
- .clear {
- clear:both;
- }
- > div > .dataTable {
- border: 1px solid silver;
- th {
- border-top:none;
- }
- }
- .content {
- padding: 0;
- }
- //fix stripped in inner table
- .table-striped tbody tr:nth-child(odd)
- td .table-striped tbody
- tr:nth-child(odd) td,
- tr:nth-child(even) th{
- background-color: none;
- }
- }
- /*60% width modal window end*/
- /*****start styles for install tasks logs*****/
- .task-list-main-warp, .task-detail-info {
- i {
- font-size: 20px;
- vertical-align: middle;
- }
- .pending, .queued{
- color: #999999;
- }
- .in_progress{
- color: #367FE6;
- }
- .completed{
- color: #0EA31C;
- }
- .failed {
- color: #DF5F5F;
- }
- .aborted{
- }
- .timedout{
- color: #FF9C09;
- }
- }
- .task-list-main-warp{
- .task-list-line-cursor{
- cursor:pointer;
- }
- .task-top-wrap{
- width:100%;
- border-bottom: 1px solid #CCC;
- text-align:center;
- font-size:15px;
- padding: 0 0 10px 0;
- .select-wrap{
- float: right;
- margin-top: -8px;
- select{
- width:140px;
- }
- }
- }
- #host-log, {
- .log-list-wrap{
- padding: 10px 10px 10px 20px;
- border-top: 1px solid #CCC;
- border-bottom: 1px solid #CCC;
- .show-details{
- float: right;
- cursor: pointer;
- font-size: 16px;
- i{
- color: #333;
- }
- }
- }
- }
- }
- .task-detail-info{
- .task-detail-log-clipboard{
- display: none;
- resize: none;
- overflow: hidden;
- }
- .task-top-wrap{
- width:100%;
- border-bottom: 1px solid #CCC;
- text-align:center;
- font-size:15px;
- padding: 0 0 10px 0;
- .task-detail-back{
- float: left;
- }
- .task-detail-log-rolename{
- position: relative;
- left: 0;
- top: 0;
- }
- .task-detail-status-ico{
- content: "";
- margin-top: -4px;
- box-shadow: none;
- margin-bottom: 0px;
- font-size:24px;
- }
- .task-detail-ico-wrap{
- font-size: 24px;
- float:right;
- margin-top:-26px;
- div{
- cursor: pointer;
- }
- .task-detail-copy{
- margin-right: 12px;
- float: left;
- }
- .task-detail-open-dialog{
- float: right;
- }
- }
- }
- }
- /*****end styles for install tasks logs*****/
- /*****start styles for dashboard page*****/
- /*start services summary*/
- .services {
- margin-left: 0;
- margin-top: 0;
- position: relative;
- .tab-marker-position {
- background-position: 6px 5px;
- background-repeat: no-repeat;
- list-style: none;
- min-height: 20px;
- min-width: 20px;
- margin-left: 0;
- }
- .health-status-LIVE, .health-status-STARTING {
- .tab-marker-position;
- background-image: @status-live-marker;
- }
- .health-status-DEAD, .health-status-STOPPING {
- .tab-marker-position;
- background-image: @status-dead-marker;
- }
- .health-status-DEAD-ORANGE {
- .tab-marker-position;
- background-image: @status-dead-orange-marker;
- }
- .health-status-DEAD-YELLOW {
- .tab-marker-position;
- background-image: @status-dead-yellow-marker;
- }
- dt {
- text-align: left;
- width: 120px;
- }
- dd {
- margin-left: 145px;
- }
- .like_pointer {
- cursor: pointer;
- }
- .service {
- position: relative;
- margin-top: 10px;
- border-bottom: 1px solid #b8b8b8;
- padding-left: 10px;
- margin-right: 20px;
- .name {
- line-height: 21px;
- margin-left: 0;
- width: 145px;
- a {
- margin-left: 5px
- }
- }
- .summary {
- line-height: 21px;
- }
- .clearfix {
- padding-bottom: 8px;
- }
- #hdfs-info, #mapreduce-info, #hbase-info {
- display: none;
- position: relative;
- }
- table.table {
- margin-top: 14px;
- color: #666;
- font-size: 13px;
- //width: 80%;
- tr > td:first-child {
- padding-right: 10px;
- text-align: right !important;
- }
- th, td {
- padding: 4px;
- }
- }
- .dashboard-mini-chart {
- right: 0;
- float: right;
- top: 7px;
- position: absolute;
- overflow: visible; // for quick links
- text-align: center;
- //width: 180px;
- height: 200px;
- .dropdown-menu {
- text-align: left;
- }
- .chart-container{
- .chart-x-axis{
- left: 0%;
- width: 100%;
- text-align: left;
- }
- }
- .chartLabel {
- font-size: 11px;
- color: #7b7b7b;
- }
- .chart-legend {
- left: -205px;
- text-align: left;
- top: 0;
- width: 185px;
- }
- }
- }
- }
- #summary-info {
- border-top: none;
- border-collapse: collapse;
- color: #666;
- font-size: 13px;
- td.summary-label {
- width: 180px;
- text-align: right;
- }
- /*
- td {
- border-top: 1px solid #eee;
- }
- */
- tr td:first-child {
- text-align: right;
- }
- a {
- text-decoration: underline;
- &:hover {
- text-decoration: none;
- }
- }
- }
- .more-stats {
- display: block;
- width: 100%;
- padding: 7px 0;
- text-align: center;
- color: #333333;
- &:hover {
- background-color: #eee;
- color: #333;
- text-decoration: none;
- }
- }
- /*end services summary*/
- /*start alerts summary*/
- .alerts {
- border: 1px solid #ddd;
- margin: 0px;
- max-height: 500px;
- overflow-y: auto;
- li {
- border-bottom: 1px solid #eee;
- list-style: none;
- padding: 5px 5px 5px 5px;
- background-position: 14px 9px;
- background-repeat: no-repeat;
- .date-time {
- float: right;
- }
- p {
- margin-bottom: 2px;
- }
- .container-fluid {
- padding-left: 10px;
- padding-right: 10px;
- }
- .title {
- font-weight: normal;
- font-size: 14px;
- }
- .row-fluid [class*="span"] {
- min-height: 0px;
- }
- .status-icon {
- padding-top: 7px;
- }
- .date-time {
- color: #999;
- font-style: italic;
- font-size: small;
- text-align: right;
- }
- .message {
- font-size: 13px;
- color: #777;
- }
- .serviceLink {
- padding-left: 7px;
- }
- }
- .alert{
- margin: 7px;
- }
- }
- .go-to {
- float: right;
- background-position: right center;
- background-repeat: no-repeat;
- background-image: @arrow-right;
- padding-right: 40px;
- margin-top: 4px;
- }
- .modal-graph-line {
- width: 790px;
- .modal-body {
- min-height: 420px !important;
- overflow: hidden;
- }
- }
- /*end alerts summary*/
- /*Alerts popup*/
- .alertsPopupLinks {
- padding: 20px 40px 0px;
- text-align: right;
- a:first-child {
- float: left;
- }
- }
- .modal-footer.align-center {
- text-align: center;
- }
- /*start chart/style graphs*/
- .chart-container {
- cursor: pointer;
- cursor:-moz-zoom-in;
- cursor:-webkit-zoom-in;
- &.chart-container-popup {
- cursor: auto !important;
- margin-left: 0;
- overflow: visible;
- width: 650px;
- .chart {
- left: 60px;
- overflow: visible;
- position: relative;
- }
- .chart-y-axis {
- position: absolute;
- top: -15px;
- bottom: 0;
- width: 60px;
- }
- .chart-legend {
- left: 60px;
- top: 245px;
- }
- .x_tick {
- .title {
- margin-top: 35px !important;
- }
- }
- }
- position: relative;
- margin: 20px 15px 0px 15px;
- .chart {
- position: relative;
- z-index: 1;
- }
- .chart-y-axis {
- position: absolute;
- top: 0;
- bottom: 0px;
- width: 100px;
- z-index: 2;
- margin-top: 15px;
- }
- .chart-x-axis {
- position: absolute;
- top: 180px;
- left: 35%;
- width: 30%;
- z-index: 2;
- }
- .x_tick {
- margin-top: 5px;
- .title {
- padding: 0 2px 0 2px;
- opacity: 1 !important;
- top: 148px;
- }
- }
- svg {
- g {
- g:nth-child(1) {
- display: none;
- }
- }
- }
- text{
- font-weight: 700;
- opacity: 1 !important;
- }
- .chart-legend {
- font-family: 'Courier New';
- position: absolute;
- top: 180px;
- z-index: 3;
- }
- .rickshaw_legend {
- background-color: #999999 !important;
- }
- .rickshaw_graph {
- .x_tick{
- .title {
- bottom: -6px;
- opacity: 0.75;
- }
- }
- }
- .chart-overlay {
- position: absolute;
- top: 0;
- bottom: 0;
- width: 100%;
- z-index: 5;
- }
- .chart-title {
- text-align: center;
- font-size: small;
- }
- }
- .mini-chart{
- position: absolute;
- .chart-container{
- width: 130px;
- height: 130px;
- }
- }
- /*end chart/graph styles*/
- /*****end styles for dashboard page*****/
- /*Services*/
- #services-menu {
- .nav-list {
- .tab-marker-position {
- background-position: 6px 5px;
- background-repeat: no-repeat;
- list-style: none;
- height: 20px;
- width: 20px;
- margin-left: 0;
- // padding-left: 30px;
- // padding-right: 30px;
- // background-position: 12px 9px;
- // background-repeat: no-repeat;
- }
- .health-status-LIVE , .health-status-STARTING {
- .tab-marker-position;
- background-image: @status-live-marker;
- }
- .health-status-DEAD, .health-status-STOPPING {
- .tab-marker-position;
- background-image: @status-dead-marker;
- }
- .health-status-undefined {
- .tab-marker-position;
- }
- li {
- line-height: 24px;
- a {
- padding: 3px 10px;
- }
- }
- li.clients {
- a {
- padding-left: 37px;
- }
- }
- }
- .add-service-button {
- margin: 20px 20px 10px;
- }
- .operations-count{
- background: #953B39;
- }
- }
- .nav-pills.move {
- float: right;
- margin-top: -48px;
- }
- .service-content {
- #summary-info {
- margin-bottom: 0;
- }
- }
- .service-block {
- margin-top: 20px;
- }
- .service-configuration {
- padding: 10px;
- }
- .service-summary {
- background: #F6FAFD;
- .service-block.span8 {
- margin-left: 0;
- border-right: 1px solid #5fa3c3;
- }
- .service-block.span3 {
- padding-left: 0;
- }
- .service-content {
- padding: 5px 0 0 10px;
- .service-links {
- padding: 5px 0;
- }
- }
- h5 {
- color: #0088CC;
- font-size: 14px;
- }
- .service-links {
- padding: 5px 0 10px 0;
- }
- .service-configuration .dl-horizontal {
- dt {
- width: 90px;
- line-height: 19px;
- }
- dd {
- margin-left: 100px;
- line-height: 19px;
- }
- }
- }
- .service-button {
- text-align: right;
- margin-bottom: 5px;
- margin-top: -55px;
- ul.dropdown-menu {
- li {
- text-align: left;
- }
- a {
- cursor: pointer;
- }
- }
- }
- .summary-metric-graphs {
- [class*="span"] {
- float: left;
- margin-left: 10px;
- }
- .chart-container {
- .chart-x-axis {
- left: 0%;
- width: 100%;
- }
- }
- }
- /*End Services*/
- /*Hosts*/
- #hosts {
- .health-status-HEALTHY{
- background-image: @status-live-marker;
- }
- .health-status-LIVE {
- background-image: @status-live-marker;
- }
- .health-status-DEAD {
- background-image: @status-dead-marker;
- }
- .health-status-DEAD-ORANGE {
- background-image: @status-dead-orange-marker;
- }
- .health-status-DEAD-YELLOW {
- background-image: @status-dead-yellow-marker;
- }
- .host-name-search {
- position: relative;
- top: 0px;
- left: 10px;
- }
- .host-name-pos {
- position: relative;
- top: 10px;
- }
- .box-header {
- .btn-group {
- float: left;
- }
- .btn.decommission {
- margin-left: 5px;
- }
- .btn.add-host-button {
- float: right;
- }
- }
- .table {
- //margin-bottom: 0;
- thead {
- //background: #EDF5FC;
- }
- th {
- border-top: none;
- }
- th, td {
- width: 82px;
- border-left-width: 0;
- }
- th.first, td.first {
- width: 10px !important;
- border-left-width: 1px;
- }
- td.first label {
- padding-top: 3px;
- }
- td.first span {
- display: block;
- float: left;
- height: 13px;
- margin: 4px 5px 0 0;
- width: 13px;
- }
- ul#filter-dropdown {
- padding: 5px 0;
- li {
- display: block;
- padding: 3px 0 3px 5px;
- line-height: 20px;
- label.checkbox {
- padding-left: 3px;
- }
- input[type="checkbox"] {
- margin-top: 0;
- margin-right: 2px;
- margin-bottom: 2px;
- margin: 0 2px 2px;
- }
- }
- &>li {
- &>ul {
- height: 250px;
- margin-left: 0;
- overflow-y: scroll;
- }
- }
- }
- .sorting_asc { background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAEwATAwERAAIRAQMRAf/EAHgAAAMBAQAAAAAAAAAAAAAAAAAFCAYKAQACAQUAAAAAAAAAAAAAAAAABQMCBAYHCBAAAQUAAQMEAwAAAAAAAAAAAwECBAUGABESByExIghBMxQRAAIBAwMDAwUAAAAAAAAAAAECAwAEBRESBiExUUHhB2GBIhMU/9oADAMBAAIRAxEAPwDvA8k+Qc54sxGj32qlNi0ucrjTj/JqGlmROyJXQ2u/bOsZTmBExPd70/HXmQcW41lOX5+145h0L391KEHhR3Z28Ii6sx9AKgubiO1gaeU6Io19h9TUg/S/7eP+wia3NbBIFbuqiyn3VTCjIMArHHTJarEDGGiNU8vOKVsc7/VxBuGR3yV683X86/Cq/GpssrhP2S8emiSKRm1JS5VfyLH0WfQug7KwZR0CilWHy39++ObQTgkgeV9ux+xq9uc6U8pLfZzP6mClZpKWrvq1DilJAt4Mewh/0hRyBOsaUMoVKLvXtVU6t6+nL/HZTJYi4/rxU81tdbSu+N2Rtp7jcpB0OnUa9aoeOOVdsgDL4I1pFS+NPHmcsQ2+fw+UpLWOwwwWNVQ1kCaIcgaiONkmLGEZrDDXtcnXo5PfjC+5VybKWrWWSyF5cWbEEpJNI6kqdQSrMRqD1B9KjS2t423xoqt5AArb8QVPRwoo4UUcKK//2Q==) no-repeat 85% 50%; }
- .sorting_desc { background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAEwATAwERAAIRAQMRAf/EAIEAAAIDAQAAAAAAAAAAAAAAAAAGBwgJCgEBAAIDAQAAAAAAAAAAAAAAAAMFBAYHCBAAAAUDAwMFAAAAAAAAAAAAAQIDBAUABgcSNTYRFQgTZFUWZhEAAAQEAggGAwAAAAAAAAAAAAECAxEhBAYSMjFBYRMzFDQFUZFSYmMHJFRk/9oADAMBAAIRAxEAPwDv4oAKACgCKc1tMmusb3Eph6cSgsgx7fucEZxGRks2llGIGVWgVm8q1dt0+6ogKaapSgdNbQPXTqAdwsN602bopk3vTnUW24rduwccbU2S5E8Sm1JM92czSZwNOKUYDFrCqTp1corDUFMpEcYap+Ipb4P5O8n81y9xXXlG50yY+thR3AEivqFvRDmduvSUrhuLtrFNXqCFvJm1LAQ5RMuchB6gBy13f7+tP6lsOipuz2jSGdy1ZJeNzmXnEtU+pWFTikmbxyTEjgglKKZpMU3ZanudYtTtSr8dMoYSKKvKMte0aUV5YGxgoASbD2iQ4Tyi6uB7Rvz/AHD9R8r7/wBWr64uta6/pKfq+JwUZP5/1/hwCFjIeTMrLo0np93q2xDtVCJh/9k=) no-repeat 85% 50%; }
- .sorting { background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAEwATAwERAAIRAQMRAf/EAGgAAAIDAQAAAAAAAAAAAAAAAAUHAAYICgEBAQAAAAAAAAAAAAAAAAAAAAEQAAEEAQIFAgcAAAAAAAAAAAECAwQFABEGIRI0NQcTFDFBMmNUZRYRAQEBAQAAAAAAAAAAAAAAAAABEUH/2gAMAwEAAhEDEQA/AO93cd/XbXpLC9tHQ1Dr46nljUBby/gzGZB+p+Q6QhA+ZOApfDnllW/ha1tv6Ee7iyH5kRlvlbTIqHndWkNJ0HO7XFQbWeJUkpUeOpySrZh65UUnyFUW1ztaexRmIbaPyzoLE6vg2UWW9GC1e0XHnsSGEqfQohCwApK9OIGuAjfBP9VuG0m39vGqINVUe4r2xF21TVsuXZOI9N9lMmLBYkttQ21auBKhqtSUngCMkW5xqjKiYASh6SR2Tulr2HpOvf6j9p+V9/mwDeB//9k=) no-repeat 85% 50%; }
- a.paginate_disabled_next, a.paginate_disabled_previous {
- color: gray;
- &:hover {
- color: gray;
- text-decoration: none;
- }
- }
- a.paginate_enabled_next, a.paginate_enabled_previous {
- &:hover {
- text-decoration: none;
- }
- }
- div.view-wrapper {
- float: left;
- .btn-group{
- margin-bottom: 9px;
- }
- }
- a.ui-icon-circle-close {
- float: right;
- opacity: 0.2;
- padding: 1px;
- position: relative;
- &:hover {
- opacity: 0.7;
- }
- }
- .notActive {
- a.ui-icon-circle-close {
- visibility: hidden;
- }
- }
- }
- .page-bar {
- border: 1px solid silver;
- text-align:right;
- div {
- display: inline-block;
- margin:0 10px;
- }
- .dataTables_length {
- label {
- display:inline;
- }
- select {
- margin-bottom: 4px;
- margin-top: 4px;
- width:70px;
- }
- }
- .dataTables_paginate {
- a {
- padding:0 5px;
- }
- }
- }
- .open-group > .dropdown-menu {
- display: block;
- }
- .nav-pills li.disabled {
- display: block;
- margin: 2px 0;
- padding: 8px 12px;
- line-height: 14px;
- }
- .box-footer .footer-pagination {
- float: right;
- .nav {
- margin-bottom: 0;
- }
- .dropdown {
- margin-top: 3px;
- }
- .dropdown {
- margin-top: 3px;
- }
- .dropdown select {
- width: 60px;
- }
- .page-listing a {
- line-height: 0;
- border: none;
- margin: 0;
- margin-right: 10px;
- cursor: pointer;
- color: #0088CC;
- padding: 8px 0;
- float: left;
- text-decoration: underline;
- }
- .page-listing a:hover {
- text-decoration: none;
- }
- .page-listing {
- width: 100px;
- .table {
- th.name {
- width: 300px;
- a.filter-label {
- width: 57px;
- display: block;
- float: left;
- }
- }
- }
- }
- }
- }
- #host-details {
- margin-top: 27px;
- /*
- .component-operation-button {
- background-color: #E5E5E5;
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#F1F1F1));
- background-image: -webkit-linear-gradient(top, #E5E5E5, #F1F1F1);
- background-image: -o-linear-gradient(top, #E5E5E5, #F1F1F1);
- background-image: linear-gradient(to bottom, #E5E5E5, #F1F1F1);
- background-image: -moz-linear-gradient(top, #E5E5E5, #F1F1F1);
- background-repeat: repeat-x;
- color: #000000;
- }
- */
- .caret {
- border-top-color: #000000;
- border-bottom-color: #000000;
- }
- //hack to apply style only for firefox
- @-moz-document url-prefix() {
- .host-components .caret{
- margin-top:-12px !important;
- }
- }
- .marker {
- background-repeat: no-repeat;
- display: inline-block;
- height: 13px;
- width: 13px;
- }
- .health-status-started, .health-status-starting {
- background-image: @status-live-marker;
- .marker;
- }
- .health-status-installed, .health-status-stopping {
- background-image: @status-dead-marker;
- .marker;
- }
- .health-status-LIVE {
- background-image: @status-live-marker;
- .marker;
- }
- .health-status-DEAD {
- background-image: @status-dead-marker;
- .marker;
- }
- .health-status-DEAD-ORANGE {
- background-image: @status-dead-orange-marker;
- .marker;
- }
- .health-status-DEAD-YELLOW {
- background-image: @status-dead-yellow-marker;
- .marker;
- }
- .back {
- display: block;
- width: 105px;
- margin-bottom: 5px;
- }
- .box-header .host-title {
- margin: 0;
- padding-left: 17px;
- }
- .box-header .button-section {
- margin-bottom: 5px;
- }
- hr {
- margin-bottom: 0;
- clear: both;
- }
- .content {
- padding: 10px;
- }
- .host-configuration .dl-horizontal dt {
- width: 90px;
- line-height: 20px;
- }
- .host-configuration .dl-horizontal dd {
- margin-left: 100px;
- line-height: 20px;
- }
- .host-metrics {
- [class*="span"] {
- float: left;
- margin-left: 5px;
- }
- .chart-container {
- .chart-x-axis {
- left: 30%;
- width: 40%;
- }
- }
- }
- .host-components {
- padding: 10px;
- padding-bottom: 0;
- border: 1px solid #DEDEDE;
- border-radius: 4px;
- background: #FFF;
- }
- .host-components .btn-group {
- margin: 0 5px 10px 0;
- }
- }
- .background-operations {
- .progress {
- margin-bottom: 5px;
- .bar {
- width: 100%;
- }
- }
- .open-details {
- clear: left;
- display: block;
- float: left;
- text-decoration: none;
- width: 16px;
- }
- .operation-details {
- padding-left: 16px;
- padding-top: 5px;
- display: none;
- }
- margin-bottom: 10px;
- }
- .background-operations.is-open {
- .operation-details {
- display: block;
- }
- }
- /*End Hosts*/
- /*assign masters*/
- .assign-masters {
- .select-hosts {
- width: 50%;
- float: left;
- white-space: nowrap;
- }
- label.host-name {
- padding-top: 5px;
- }
- .round-corners {
- border-radius: 8px;
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- }
- .host-assignments {
- float: right;
- width: 45%;
- }
- .remaining-hosts {
- padding: 25px;
- border-top: solid 1px #cccccc;
- border-left: solid 1px #cccccc;
- border-right: groove 5px #cccccc;
- border-bottom: groove 5px #cccccc;
- margin-top: 20px;
- background-color: #FCF8E3;
- color: #C09853;
- }
- .host-assignments .mapping-box {
- border: solid 1px #cccccc;
- padding: 8px;
- margin-bottom: 10px;
- background-color: #fafafa;
- }
- .host-assignments .assignedService {
- padding: 2px 8px;
- border: solid 1px #cccccc;
- margin: 2px;
- background-color: @green;
- color: white;
- white-space: nowrap;
- font-size: 0.9em;
- display: inline-block;
- }
- .form-horizontal .controls {
- margin-left: 110px;
- }
- .form-horizontal .control-label {
- width: 120px;
- padding-right: 10px;
- }
- .form-horizontal .control-group select {
- width: 75%;
- min-width: 100px;
- max-width: 250px;
- }
- .hostString {
- margin-bottom: 5px;
- }
- .controls .badge {
- background-color: @green;
- color: #ffffff;
- cursor: pointer;
- font-weight: bold;
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
- }
- .assign-master .controls .badge:hover {
- background-color: @green;
- }
- .alertFlag {
- font-size: 1.3em;
- color: #B94A48;
- font-weight: bold;
- vertical-align: middle;
- }
- }
- /*end assign masters*/
- .assign-clients {
- .round-corners {
- border-radius: 8px;
- -webkit-border-radius: 8px;
- -moz-border-radius: 8px;
- }
- .assignedService {
- padding: 2px 8px;
- border: solid 1px #cccccc;
- margin: 2px;
- background-color: @blue;
- color: white;
- white-space: nowrap;
- font-size: 0.9em;
- display: inline-block;
- }
- }
- /*Dashboard*/
- .alerts-count {
- margin-left: 5px;
- }
- ul.filter {
- background: #ffffff;
- list-style: none;
- position: absolute;
- padding: 10px;
- }
- #main-admin-menu {
- padding: 8px 0;
- ul {
- margin-bottom: 0;
- li {
- line-height: 24px;
- }
- }
- }
- #user-auth-method select {
- width: 320px;
- }
- /*start charts rack*/
- .rack {
- width: 98%;
- display: inline-block;
- vertical-align: top;
- border: 1px solid #D4D4D4;
- border-radius: 5px;
- margin-right: 4px;
- margin-bottom: 10px;
- .rackHeader {
- background-color: #F7F7F7;
- border-top-right-radius: 5px;
- border-top-left-radius: 5px;
- padding: 5px 5px 5px 10px;
- border-bottom: 1px solid #D4D4D4;
- .statusName {
- font-size: 15px;
- color: #006F9F;
- text-shadow: #ffffff 0px 0px 1px;
- font-weight: bold;
- vertical-align: top;
- }
- .toggler {
- background-repeat: no-repeat;
- background-image: @rack-state-toggler;
- display: block;
- height: 22px;
- position: relative;
- width: 32px;
- float: right;
- span {
- background-repeat: no-repeat;
- background-image: @rack-state-plus;
- display: block;
- height: 17px;
- left: 7px;
- position: absolute;
- top: 3px;
- width: 18px;
- }
- span.isActive {
- background-image: @rack-state-minus !important;
- top: 10px;
- }
- }
- }
- .hostsSummary {
- border-left: 1px solid #CDCDCD;
- border-right: 1px solid #CDCDCD;
- border-bottom: 1px solid #9f9f9f;
- background-color: #f7f8fa;
- font-size: 12px;
- padding: 4px 0 4px 9px;
- .textBlock {
- color: #000000;
- padding-right: 10px;
- div {
- height: 12px;
- margin: 0 3px 0 0;
- width: 12px;
- display: inline-block;
- }
- }
- }
- .indicatorR {
- background-color: #E2001A;
- }
- .indicatorY {
- background-color: #F29400;
- }
- .indicatorG {
- background-color: #88BF67;
- }
- .statusIndicator {
- display: inline-block;
- width: 20px;
- height: 19px;
- margin-right: 10px;
- margin-top: 4px;
- float: left;
- background-repeat: no-repeat;
- }
- .rackName {
- margin-top: 4px;
- float: left;
- }
- .statusIndicator.LIVE {
- background-image: @rack-status-live;
- }
- .statusIndicator.CRITICAL {
- background-image: @rack-status-critical;
- }
- .statusIndicator.DEAD {
- background-image: @rack-status-dead;
- }
- .hosts {
- padding: 4px;
- overflow: hidden;
- display: none;
- .ember-view {
- float: left;
- width: 100%;
- height: 43px;
- .hostBlock {
- height: 38px;
- position: relative;
- border: 1px solid #D4D4D4;
- margin-right: 3px;
- }
- }
- .hostBlock {
- border-radius: 4px;
- }
- .hostBlock.HEALTHY {
- background-color: #87BE73;
- }
- .hostBlock.UNHEALTHY {
- background-color: #E40024;
- }
- .hostBlock.CRITICAL {
- background: #F39236;
- }
- .ember-view:hover {
- }
- }
- .hosts.isActive {
- display: block;
- }
- }
- .heatmap_host_details {
- font-size: 10px;
- line-height: 1.6em;
- border: 1px solid #006F9F;
- background: #fff;
- width: 73px;
- height: 79px;
- padding: 10px 10px;
- position: absolute;
- z-index: 1000;
- }
- /*Start Heatmap*/
- .heatmap {
- #heatmap-metric-title{
- margin-left: 23px;
- }
- .rack.rack-5-2 {
- .hosts {
- height: 86px;
- }
- }
- .rack.rack-5-4 {
- .hosts {
- height: 172px;
- }
- }
- .rack.rack-5-6 {
- .hosts {
- height: 258px;
- }
- }
- .rack.rack-5-8 {
- .hosts {
- height: 344px;
- }
- }
- .rack.rack-5-10 {
- .hosts {
- height: 430px;
- }
- }
- .heatmap_host_details {
- font-size: 12px;
- line-height: 1.6em;
- border: 1px solid #D9D9D9;
- background: #f9f9f9;
- width: 280px;
- height: 170px;
- padding: 10px 10px;
- position: absolute;
- z-index: 1000;
- }
- .container-fluid{
- padding: 0px;
- }
- .row-fluid [class*="span"]{
- margin-left: 0px;
- }
- .legend{
- margin-top: 20px;
- margin-bottom: 20px;
- .tile{
- width: 50px;
- height: 1em;
- padding: 4px;
- border: 1px solid #D4D4D4;
- border-radius: 5px;
- margin-right: 10px;
- }
- }
- h4{
- color: #777777;
- margin-top: 5px;
- }
- .heatmap-host {
- display: block;
- width: 100%;
- height: 100%;
- }
- }
- /*End Heatmap*/
- .noDisplay {
- display: none !important;
- }
- .display {
- display: block !important;
- }
- .display-inline-block {
- display: inline-block !important;
- }
- /* CHARTS */
- .chart {
- overflow: hidden;
- /*padding-bottom: 25px;*/
- .attributes {
- width: 75px;
- float: left;
- margin: 45px 0 0 0;
- p {
- margin-bottom: 9px;
- }
- }
- .hostName {
- font-weight: bold;
- }
- .horizon {
- border-bottom: 1px solid #000000;
- overflow: hidden;
- position: relative;
- }
- .horizon {
- border-bottom: 1px solid #000000;
- border-top: 1px solid #000000;
- }
- .horizon + .horizon {
- border-top: medium none;
- }
- .horizon canvas {
- display: block;
- }
- .horizon .title, .horizon .value {
- bottom: 0;
- line-height: 30px;
- margin: 0 6px;
- position: absolute;
- text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
- white-space: nowrap;
- }
- .horizon .title {
- left: 0;
- }
- .horizon .value {
- right: 0;
- }
- .rule {
- display: none;
- width: 30px;
- height: 124px;
- padding-top: 27px;
- position: absolute;
- border-left: 1px dashed #a52a2a;
- .stateValue {
- margin: 15px 0 0 3px;
- line-height: 15px;
- }
- }
- .axis {
- font: 10px sans-serif;
- path {
- display: none;
- }
- line {
- shape-rendering: crispedges;
- stroke: #000000;
- }
- }
- .line {
- background: none repeat scroll 0 0 #000000;
- /* opacity: 0.2; */
- z-index: 2;
- }
- ul.dropdown-menu {
- li {
- text-align: left;
- }
- }
- }
- .linear {
- path {
- stroke: steelblue;
- stroke-width: 2;
- fill: none;
- }
- line {
- stroke: black;
- }
- text {
- font-family: Arial;
- font-size: 9pt;
- }
- }
- /* CHARTS END */
- /* UNIVERSAL STYLES */
- .align-right {
- text-align: right;
- }
- .left {
- float: left;
- }
- .no-borders {
- border: none !important;
- }
- ul.noStyle {
- list-style: none;
- }
- ul.inline li {
- display: inline;
- }
- .table.no-borders th, .table.no-borders td {
- border-top: none;
- }
- /* UNIVERSAL STYLES END */
- /* METRIC FILTERING WIDGET */
- .metric-filtering-widget {
- .title {
- padding-top: 4px;
- }
- .accordion {
- background: none repeat scroll 0 0 #FFFFFF;
- /*border: 1px solid;*/
- font-size: 12px;
- /*padding: 5px 0;*/
- position: absolute;
- z-index: 1000;
- .accordion-group {
- .accordion-heading {
- i {
- text-decoration: none;
- }
- }
- .accordion-body {
- .accordion-inner {
- /*border: none;
- padding: 0 8px;
- width: 160px;*/
- ul.items {
- list-style: none;
- li {
- a:hover {
- cursor: pointer;
- }
- }
- li.disabled {
- a {
- color: #999999;
- }
- }
- }
- }
- }
- }
- }
- }
- /* METRIC FILTERING WIDGET END */
- /* TIME RANGE WIDGET */
- /* start css for timepicker */
- .ui-timepicker-div .ui-widget-header {
- margin-bottom: 8px;
- }
- .ui-timepicker-div dl {
- text-align: left;
- }
- .ui-timepicker-div dl dt {
- height: 25px;
- margin-bottom: -25px;
- }
- .ui-timepicker-div dl dd {
- margin: 0 10px 10px 65px;
- }
- .ui-timepicker-div td {
- font-size: 90%;
- }
- .ui-tpicker-grid-label {
- background: none;
- border: none;
- margin: 0;
- padding: 0;
- }
- .ui-timepicker-rtl {
- direction: rtl;
- }
- .ui-timepicker-rtl dl {
- text-align: right;
- }
- .ui-timepicker-rtl dl dd {
- margin: 0 65px 10px 10px;
- }
- /* end css for timepicker */
- #slider {
- margin: 10px 0 40px;
- width: 330px;
- .now-marker {
- position: absolute;
- right: -15px;
- bottom: -23px;
- }
- .period-marker {
- position: absolute;
- left: -15px;
- bottom: -23px;
- }
- }
- .screensaver{
- width: 90%;
- height: 160px;
- border: 1px solid silver;
- margin: 20px 15px 10px 15px;
- background: url(/img/spinner.gif) no-repeat center center;
- }
- /* TIME RANGE WIDGET END */
- #host-details .host-components .btn-group > .btn {
- min-width: 130px;
- }
- #host-details > .host-maintenance {
- text-align: right;
- margin-top: -28px;
- }
- #host-details > .host-maintenance > div {
- text-align: left;
- }
- #host-details > .host-title {
- font-size: 18px;
- font-weight: 700;
- background-position: 0px center;
- padding-left: 17px;
- }
- /* fieldset begin */
- .fieldset {
- border: 2px solid black;
- padding: 10px;
- }
- .fieldset legend {
- border-bottom: none;
- width: auto;
- font-size: 14px;
- }
- /* fieldset end */
- /* Start Carousel */
- .carousel-inner {
- height: 80px;
- }
- /* End Carousel*/
- #add-host .back {
- display: block;
- width: 105px;
- margin-bottom: 10px;
- }
- #add-service .back {
- display: block;
- width: 130px;
- margin-bottom: 10px;
- }
- #step8-content {
- max-height: 440px;
- }
- #step10-content {
- max-height: 440px;
- }
- .content-area {
- position: relative;
- .textTrigger {
- cursor: pointer;
- position: absolute;
- right: 0;
- top: 0;
- visibility: hidden;
- background-color: #dcdcdc;
- }
- }
- //bootstrap
- //.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
- // background-color: #49AFCD;
- // background-image: -moz-linear-gradient(center top, #5BC0DE, #2F96B4);
- //}
- //bootstrap end
- // COMBOBOX FIXES
- .combobox-container .btn:hover {
- background-position: 0;
- }
- // COMBOBOX FIXES END
- @media all and (max-width: 1152px) {
- #main-nav {
- li.span2 {
- width: 120px;
- }
- }
- }
- //
- // Gray palette
- //
- .nav-pills > .active > a, .nav-pills > .active > a:hover {
- background-color: #666666;
- }
- .nav-list > .active > a, .nav-list > .active > a:hover {
- background-color: #666666;
- }
- .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
- background-color: #666666;
- background-image: linear-gradient(to bottom, #666666, #555555);
- }
- .alert-info {
- background-color: #E6F1F6;
- border-color: #D2D9DD;
- color: #4E575B;
- text-shadow: none;
- }
- /*
- .progress-striped .bar {
- background-color: #A5A5A5;
- }
- .progress-info.progress-striped .bar, .progress-striped .bar-info {
- background-color: #A5A5A5;
- }
- */
- .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
- background-color: #555555;
- }
- #main-nav .brand {
- background-color: #777777;
- color: #FFFFFF;
- text-shadow: none;
- }
- .modal-body {
- .spinner {
- padding: 8px 35px 8px 42px;
- background: url(/img/spinner.gif) no-repeat;
- }
- max-height: none;
- }
- // Get checkboxes to line up with text in components dropdown on Hosts page
- #hosts .table ul#filter-dropdown li input[type="checkbox"] {
- margin: 4px 4px 2px 2px;
- }
- #hosts .table a.ui-icon-circle-close {
- margin-top: 6px;
- }
- i.icon-asterisks {
- color: #FF4B4B;
- }
|