diff --git a/.gitignore b/.gitignore index 6f20eda2ab..90997baa23 100644 --- a/.gitignore +++ b/.gitignore @@ -4,6 +4,7 @@ awx/projects awx/public/media awx/public/static awx/ui/static/js/awx-min.js +awx/ui/static/css/awx.min.css env/* build deb-build diff --git a/awx/ui/static/css/awx.min.css b/awx/ui/static/css/awx.min.css deleted file mode 100644 index 54a30cf897..0000000000 --- a/awx/ui/static/css/awx.min.css +++ /dev/null @@ -1 +0,0 @@ -html{background-color:#171717}body{padding-top:100px;color:#171717}.tooltip{z-index:1050}.text-center{text-align:center!important}hr{border-color:#e3e3e3}.nowrap{white-space:nowrap}.tab-content{padding-top:20px}.btn .caret{border-top-color:#696969}.dropdown-toggle,.btn-default{color:#333;background-color:#ccc;border-color:#ccc}.dropdown-toggle:hover,.btn-default:hover{color:#333;background-color:#bbb;border-color:#bbb}.btn-light{color:#333;background-color:#ddd;border-color:#ddd}.btn-light:hover{color:#333;background-color:#ccc;border-color:#ccc}.code-breakable{padding-left:10px;word-wrap:break-word}.break{word-wrap:break-word}.login-alert{margin-bottom:25px;font-size:14px;font-weight:normal;color:#08c;text-align:center}.controls{min-height:15px}.main-container{min-height:700px}.main-menu{background-color:#171717}.main-menu .nav{margin-top:15px}.main-menu .nav>li>a{color:#a9a9a9}.main-menu .nav>li>a:hover,.main-menu .nav>li>a:focus{color:#2078be}.main-menu .navbar-brand{display:inline-block;padding:0}.main-menu .navbar-brand img{max-width:260px}a:hover{text-decoration:none}.help-link,.help-link:active,.help-link:visited{color:#49afcd;text-decoration:none}.help-link:hover{color:#1778c3;text-decoration:none}.site-footer{width:100%;padding-top:20px;padding-bottom:40px;margin-top:60px;color:#a9a9a9;text-align:center;background-color:#171717}.copyright{display:inline-block;font-size:11px;font-weight:normal;text-align:center}.site-footer a,.site-footer a:active,.site-footer a:hover,.site-footer a:visited{margin-right:15px;font-size:18px;color:#a9a9a9}.site-footer .social{display:inline-block;margin-left:50px}.site-footer .logo{display:inline-block;margin-right:35px}.site-footer .logo img{max-width:125px}.login-header{text-align:center}.login-header img{max-width:100px}.form-control[required]:focus{border-color:rgba(204,0,0,0.8);outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 5px rgba(204,0,0,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 5px rgba(204,0,0,0.6)}.input-mini{height:26px;padding:3px 8px;font-size:12px;border-radius:3px}.error{margin-top:5px;font-size:12px;line-height:normal;color:#f00}.xsmall{font-size:12px}.note{padding-top:15px;font-size:12px}legend{font-size:medium;font-weight:bold}.navigation{margin:15px 0 15px 0}.page-number{display:inline-block;padding:0;margin:0}.page-number-small{display:inline-block;margin-left:10px;font-size:11px}.footer-navigation{margin:10px 0 10px 0}.lookup-navigation{margin:15px 0 0 0}.related-footer{margin:10px 0 0 0}.page-size{font-size:10.5px;line-height:normal}.page-size-label{margin-left:15px;font-size:10.5px;font-weight:normal}.accordion-heading{font-weight:bold;color:#08c}.accordion-heading i{margin-right:5px}.status-actions{display:inline-block;height:25px;margin-bottom:20px}.status-spin{display:inline-block;margin-left:15px;font-size:22px;vertical-align:middle}.search-widget{margin-bottom:20px}.search-widget label{display:inline-block;padding-right:15px;vertical-align:middle}.nav-path{padding:5px 0 10px 0;margin-right:5px;margin-bottom:25px;font-size:14px;font-weight:bold;background-color:#f5f5f5;border:1px solid #d8d8d8;border-radius:6px;box-shadow:3px 3px 4px 0 #808080}.nav-path ul{padding-bottom:0;padding-left:0;margin-bottom:0;margin-left:10px}.greeting{padding-right:22px}.breadcrumb .active{color:#171717}.nav-tabs>li>a{font-weight:bold}input[type="text"].field-mini-height{height:12px;font-size:10.5px}select.field-mini-height{height:22px;font-size:10.5px}.ask-checkbox{margin-left:10px}.tree-container{padding:0;margin:5px 0 15px 0}.no-padding{padding:0;margin:0}.list-actions{display:inline-block;padding-bottom:22px;margin-left:10px;vertical-align:top}.list-actions .btn{margin-right:3px}.btn-help{margin-left:15px}.well{padding-bottom:0}.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#fff}.table-hover-inverse tbody tr:hover>td,.table-hover-inverse tbody tr:hover>th{background-color:#dff0d8}.job-error,.job-failed,.license-expired,.license-invalid,.active-failures-true,.active-failures-true a,.active-failures-true a:active,input[type="text"].job-failed,input[type="text"].job-error{color:#da4f49}.active-failures-true a:hover{color:#f00}.job-failures-true{padding-top:5px;color:#da4f49}.job-event-status,.license-status{padding-top:5px}.job-new,input[type="text"].job-new,.job-canceled,input[type="text"].job-canceled{color:#789}.job-pending,.job-running,.job-success,.job-successful,.active-failures-false,.license-valid,input[type="text"].job-success,input[type="text"].job-successful{color:#5bb75b}.field-success{color:#5bb75b}.field-success input{border-color:#5bb75b}.field-failure{color:#f00}.field-failure input{border-color:#f00}.job-changed,.license-warning,.license-demo{color:#f90}.job-detail-status{display:inline-block;margin-top:5px;font-size:15px;font-weight:bold}.form-items .search-widget{margin-top:15px}.form-items .item-count{display:inline-block;margin-top:25px;font-size:small}.child-event a{color:#171717;cursor:default}.level-1{padding-left:24px}.level-2{padding-left:48px}.level-3{padding-left:72px}.level-3-detail{padding-left:72px}#job_events .control-group{margin-top:0;margin-bottom:10px}.inventory-content{padding:15px;border:1px solid #ddd;border-radius:6px}.groups-menu{min-height:30px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:6px}.groups-menu .navbar-brand{color:}.inventory-title{margin-top:15px;font-weight:bold;color:#08c}.inventory-buttons{text-align:right;background-color:#f5f5f5;border-top:1px solid #e3e3e3;border-right:1px solid #e3e3e3;border-left:1px solid #e3e3e3;-webkit-border-top-right-radius:4px;-moz-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-top-left-radius:4px;-moz-border-top-left-radius:4px;border-top-left-radius:4px}.inventory-buttons button{margin:5px 5px 3px 0}.inventory-filter{padding:0 3px 3px 3px;text-align:right;background-color:#f5f5f5;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;-webkit-border-bottom-right-radius:4px;-moz-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.inventory-filter label{margin-right:10px}.hosts-well{padding-top:5px}.hosts-title p{font-size:12px}.hosts-title h4{margin:5px 0}.hosts-well .search-widget{margin-top:10px}.hosts-well .list-actions{padding-top:10px}.parse-selection{display:inline-block;margin:5px 0 8px 0;font-size:12px;line-height:normal}.parse-selection input{margin-left:5px}.parse-select .parse-label{margin-left:3px}#tree-view{min-height:100px}.slider{display:inline-block;width:100px;margin:0 10px;vertical-align:middle}.list-header:hover{cursor:pointer}.list-header i{margin-left:10px}.list-header .icon-sort{color:#ccc}.list-header .icon-sort-down,.list-header .icon-sort-up{color:#171717}tr td i{float:none;padding-top:3px;padding-left:0;margin-right:10px;margin-left:0}tr td button i{padding-top:0;margin-right:0}.event-form{margin-top:10px;margin-bottom:5px}.event-detail-host{padding-top:10px;padding-bottom:5px}.form-section-title{width:100%;margin-top:0;margin-bottom:10px;font-weight:bold;border-bottom:1px solid #d8d8d8}.modal-backdrop,.modal-backdrop.fade.in{opacity:.6;filter:alpha(opacity=60)}.modal-body .ui-accordion .ui-accordion-content{padding:10px}.modal-header{padding:15px 10px;color:#2078be;border-bottom:1px solid #eee;-webkit-border-top-right-radius:3px;-moz-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-top-left-radius:3px;-moz-border-top-left-radius:3px;border-top-left-radius:3px}.modal{border:1px solid #171717}.close{color:#a9a9a9;opacity:.7;filter:alpha(opacity=70)}.modal-header h3{margin:0;font-size:22px;font-weight:bold;text-rendering:optimizeLegibility}.modal-body{padding-top:30px}#prompt-modal .modal-body{padding-bottom:30px}.skinny-modal .modal-body{padding:5px 10px 0 10px}.navigation-buttons{height:40px}@media(max-width:767px){{}.level-1,.level-2,.level-3,.level-3-detail{padding-left:0}table{word-wrap:break-word;table-layout:fixed}} diff --git a/awx/ui/static/less/ansible-ui.less b/awx/ui/static/less/ansible-ui.less index 42836d0458..6d0477161e 100644 --- a/awx/ui/static/less/ansible-ui.less +++ b/awx/ui/static/less/ansible-ui.less @@ -7,13 +7,20 @@ * */ +@black: #171717; +@warning: #FF9900; +@red: #FF0000; +@blue: #1778c3; /* logo blue */ +@blue-link: #0088cc; + + html { - background-color: #171717; + background-color: @black; } body { padding-top: 100px; - color: #171717; + color: @black; } .tooltip { @@ -81,7 +88,7 @@ hr { margin-bottom: 25px; font-size: 14px; font-weight: normal; - color: #0088cc; + color: @blue-link; text-align: center; } @@ -94,7 +101,7 @@ hr { } .main-menu { - background-color: #171717; + background-color: @black; } .main-menu .nav { @@ -135,7 +142,7 @@ a:hover { } .help-link:hover { - color: #1778c3; + color: @blue; text-decoration: none; } @@ -146,7 +153,7 @@ a:hover { margin-top: 60px; color: #A9A9A9; text-align: center; - background-color: #171717; + background-color: @black; } .copyright { @@ -209,7 +216,7 @@ a:hover { margin-top: 5px; font-size: 12px; line-height: normal; - color: #FF0000; + color: @red; } .xsmall { @@ -269,7 +276,7 @@ legend { .accordion-heading { font-weight: bold; - color: #0088CC; + color: @blue-link; } .accordion-heading i { @@ -323,7 +330,7 @@ legend { } .breadcrumb .active { - color: #171717; + color: @black; } .nav-tabs > li > a { @@ -404,7 +411,7 @@ input[type="text"].job-error { } .active-failures-true a:hover { - color: #FF0000; + color: @red; } .job-failures-true { @@ -444,17 +451,17 @@ input[type="text"].job-successful { } .field-failure { - color: #FF0000; + color: @red; } .field-failure input { - border-color: #FF0000; + border-color: @red; } .job-changed, .license-warning, .license-demo { - color: #FF9900; + color: @warning; } .job-detail-status { @@ -475,7 +482,7 @@ input[type="text"].job-successful { } .child-event a { - color: #171717; + color: @black; cursor: default; } @@ -523,7 +530,7 @@ input[type="text"].job-successful { .inventory-title { margin-top: 15px; font-weight: bold; - color: #0088cc; + color: @blue-link; } .inventory-buttons { @@ -625,7 +632,7 @@ input[type="text"].job-successful { .list-header .icon-sort-down, .list-header .icon-sort-up { - color: #171717; + color: @black; } /* job_events syles */ @@ -686,7 +693,7 @@ tr td button i { } .modal { - border: 1px solid #171717; + border: 1px solid @black; } .close {