Fixing css errors in kbase-extension/static/kbase/css/ files bootstra…

…pHelper.css, buttons.css, contigBrowserStyles.css, kbaseJobLog.css, kbaseNotify.css, kbaseStylesheet.css, and kbaseTour.css. Also fixed errors in kbase-extension/static/kbase/custom/custom.css.
kbase · Oct 15, 2020 · d7a2779 · d7a2779
1 parent e6c143b
commit d7a2779
Show file tree

Hide file tree

Showing 15 changed files with 974 additions and 1,096 deletions.
diff --git a/kbase-extension/static/kbase/css/appCell.css b/kbase-extension/static/kbase/css/appCell.css
diff --git a/kbase-extension/static/kbase/css/batchMode.css b/kbase-extension/static/kbase/css/batchMode.css
@@ -1,22 +1,22 @@
 .batch-mode-col {
-    padding: 5px 10px;
-    overflow: auto;
+  padding: 5px 10px;
+  overflow: auto;
 }
 
 .job-info {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .job-info.job-selected {
-    background-color: #eee;
+  background-color: #eee;
 }
 
 .batch-mode-list {
-    max-height: 860px;
-    overflow: auto;
+  max-height: 860px;
+  overflow: auto;
 }
 
 .batch-input-panel {
-    max-height: 300px;
-    overflow: auto;
-}
+  max-height: 300px;
+  overflow: auto;
+}
diff --git a/kbase-extension/static/kbase/css/bootstrapHelper.css b/kbase-extension/static/kbase/css/bootstrapHelper.css
@@ -5,35 +5,32 @@
     Customize bootstrap styles
 */
 
-
 /*
-  Bs recommends h4 for the modal title, but this is overridden by the general 
+  Bs recommends h4 for the modal title, but this is overridden by the general
   purpose kbase h4 style. Generally, I (Erik) do not like using semantic tags
   in bootstrap anyway, especially header tags which inherently imply a specific
   document structure which modal dialogs in no way can represent!)
 */
 
 .modal .modal-title {
-    font-family: "Oxygen", Arial, sans-serif;
-    font-size: 130%;
-    font-weight: bold;
-    color: #2e618d;
+  font-family: "Oxygen", Arial, sans-serif;
+  font-size: 130%;
+  font-weight: bold;
+  color: #2e618d;
 }
 
-
 /*
-    Unset the global modal title color set above for alert modals, which 
+    Unset the global modal title color set above for alert modals, which
     may set the color style based on the alert type.
 */
 
 .modal.kb-modal-alert .modal-title {
-    color: unset;
+  color: unset;
 }
 
-
 /*
     The BS checkbox appears too low, due to the top margin, when used with a label
-    in the recommended manner. 
+    in the recommended manner.
     Note: I don't understand why BS handles checkbox styling as they do, turning
     the checkbox into relatively posiioned and then pushing the label to checkbox
     to the left and down (at the same time given the container extra margin to
@@ -42,77 +39,73 @@
 */
 
 .modal input[type="checkbox"] {
-    margin-top: 1px;
+  margin-top: 1px;
 }
 
 .panel.kb-panel-light {
-    border: none;
-    margin-bottom: 10px;
+  border: none;
+  margin-bottom: 10px;
 }
 
-
 /* colors copied shamelessly from peeking at bootstrap
    http://getbootstrap.com/css/
 */
 
 .panel-danger.kb-panel-light .panel-title {
-    color: #a94442;
+  color: #a94442;
 }
 
 .panel-success.kb-panel-light .panel-title {
-    color: #3c763d;
+  color: #3c763d;
 }
 
 .panel-warning.kb-panel-light .panel-title {
-    color: #8a6d3b;
+  color: #8a6d3b;
 }
 
 .panel-info.kb-panel-light .panel-title {
-    color: blue;
+  color: blue;
 }
 
-.panel.kb-panel-light>.panel-heading {
-    background-color: transparent;
-    font-weight: bold;
-    color: #666;
-    padding-left: 0;
-    padding-bottom: 2px;
-    border-bottom: 1px #CCC solid;
+.panel.kb-panel-light > .panel-heading {
+  background-color: transparent;
+  font-weight: bold;
+  color: #666;
+  padding-left: 0;
+  padding-bottom: 2px;
+  border-bottom: 1px #ccc solid;
 }
 
 .panel.kb-panel-light .panel-body {
-    padding-top: 0;
-    padding: 0;
+  padding: 0;
 }
 
 .panel.kb-panel-container {
-    border: none;
+  border: none;
 }
 
-.panel.kb-panel-container>.panel-heading {
-    background-color: transparent;
-    font-weight: bold;
-    xcolor: #2e618d;
-    padding-left: 0;
-    padding-bottom: 2px;
-    border-bottom: 2px #CCC solid;
-    margin-bottom: 10px;
+.panel.kb-panel-container > .panel-heading {
+  background-color: transparent;
+  font-weight: bold;
+  padding-left: 0;
+  padding-bottom: 2px;
+  border-bottom: 2px #ccc solid;
+  margin-bottom: 10px;
 }
 
 .panel.kb-panel-container .panel-body {
-    padding-top: 0;
+  padding-top: 0;
 }
 
-
 /*
-  The button bar in a cell widgetis located at the bottom of the inputs, but 
+  The button bar in a cell widgetis located at the bottom of the inputs, but
   above any outputs.
   These styles attempt to help the button toolbar, which represents the actions
   the user can take, be visually distinct from the other bits surrounding it.
 */
 
 .btn-toolbar.kb-btn-toolbar-cell-widget {
-    margin-bottom: 20px;
-    background-color: #EEE;
-    padding: 6px;
-}
+  margin-bottom: 20px;
+  background-color: #eee;
+  padding: 6px;
+}
diff --git a/kbase-extension/static/kbase/css/buttons.css b/kbase-extension/static/kbase/css/buttons.css
@@ -2,49 +2,24 @@
 /* A flat button, with no unselected background color, but with hover and click
    styles */
 .btn.kb-flat-btn {
-    background-color: #FFF;
-    xpadding: 1px 7px;
-    xfont-size: 24px;
-    border: none;
-    text-shadow: none !important;
-    margin: 0;
-    /* box-shadow: 0 0 3px #CECECE; */
-    xmargin-right: 5px;
+  background-color: #fff;
+  border: none;
+  text-shadow: none !important;
+  margin: 0;
+  color: #666;
 }
+
 .kb-flat-btn-wrapper { /* don't add shadows here */
   box-shadow: none;
 }
 
-/* Set a plain default color -- should be overridden when building the button. */
-.btn.kb-flat-btn  {
-    color: #666;
-}
-
 /* Text spacing */
 .btn.kb-flat-btn .kb-nav-btn-txt {
-    font-size: 10pt;
-    margin-top: -5px;
-}
-
-/* ?? 
- color nav icons
-.navbar-buttons .fa::before {  
-  color: #2196F3;
-}
-*/
-
-.btn.kb-flat-btn:hover {
-  background-color: #F5F5F5;
+  font-size: 10pt;
+  margin-top: -5px;
 }
 
-/* ?? 
- restore rounded corners 
-#kb-ipy-menu { 
-  border-radius: 4px !important;
-  margin-right: 0;
+.btn.kb-flat-btn:hover,
+.btn.kb-flat-btn:active {
+  background-color: #ccc;
 }
-*/
-
-.btn.kb-flat-btn:hover, .btn.kb-flat-btn:active  {
-    background-color: #CCC;
-}
diff --git a/kbase-extension/static/kbase/css/contigBrowserStyles.css b/kbase-extension/static/kbase/css/contigBrowserStyles.css
@@ -1,30 +1,31 @@
-/*------------ Contig browser rules --------------*/
+/* ------------ Contig browser rules -------------- */
+
 /*
  * Styling for the tooltip that pops up when a feature is highlighted.
  */
 .kbcb-tooltip {
-	position: absolute;
-	z-index: 9999999;
-	visibility: hidden;
-	opacity: 0.8;
-	background-color: #222;
-	color: #fff;
-	padding: 0.5em;
+  position: absolute;
+  z-index: 9999999;
+  visibility: hidden;
+  opacity: 0.8;
+  background-color: #222;
+  color: #fff;
+  padding: 0.5em;
 }
 
 /**
  * Adjusts the font size and stroke width of the base-position axis.
  */
 .kbcb-widget .kbcb-axis path,
 .kbcb-widget .kbcb-axis line {
-    fill: none;
-    stroke: black;
-    shape-rendering: crispEdges;
+  fill: none;
+  stroke: black;
+  shape-rendering: crispEdges;
 }
 
 .kbcb-widget .kbcb-axis text {
-    font-family: sans-serif;
-    font-size: 11px;
+  font-family: sans-serif;
+  font-size: 11px;
 }
 
 /**
@@ -37,27 +38,27 @@
  * And highlighted features should be colored last (not currently used).
  */
 .kbcb-feature {
-	stroke: #000;
-	fill: #f00;
+  stroke: #000;
+  fill: #f00;
 }
 
 .kbcb-operon {
-	fill: #0f0;
+  fill: #0f0;
 }
 
 .kbcb-center {
-	fill: #00f;
+  fill: #00f;
 }
 
 .kbcb-highlight {
-	fill: #fff;
+  fill: #fff;
 }
 
 /**
  * The below controls styling for the (optional) button panel
  */
 .kbcb-buttons {
-	margin-left: auto;
-	margin-right: auto;
-	width: 70%;
+  margin-left: auto;
+  margin-right: auto;
+  width: 70%;
 }