app/assets/stylesheets/katello/contents.scss
@import "katello/katello_base";
$container_width: ($static_width/2) - 36;
#contents {
.locked_breadcrumb {
background-color: $tree-locked-breadcrumb_color;
color: $black_color;
}
.locked {
outline: 2px solid gray;
}
.lower_content {
margin-top: 10px;
float: left;
}
#list_actions {
margin-top: 28px;
float: right;
}
#plan_description {
word-wrap: break-word;
}
.warning {
ul {
margin-left: 15px;
list-style-type: circle;
}
}
#changeset_edit {
width: $container_width;
background-color: white;
border-top: 1px solid $tree-border_color;
}
#changeset_status {
border: 1px solid $tree-border_color;
margin-top: -1px;
}
.undo {
font-size: 11px;
}
.product_arch {
font-size: 11px;
display: inline;
}
.progress {
height: 16px;
left: 0;
margin-right: 4px;
width: 100px;
border: 1px solid $border-color;
}
.cancel {
position: absolute;
right: 0;
top: 2px;
}
.products {
position: relative;
input[type="checkbox"],input[type="radio"] {
margin: 3px;
float: left;
}
ul {
margin: 0;
padding: 0 !important;
position: relative;
li {
margin: 0;
padding: 0 !important;
clear: both;
position: relative;
min-height: 20px;
height: 20px;
input[type="checkbox"], .products input[type="radio"] {
margin-right: 23px;
}
}
}
div{
position: relative;
min-height: 20px;
display:inline;
}
.repo div{
padding-top: 3px;
}
.max_width {
word-wrap:break-word;
max-width: 120px;
}
}
.container {
width: 50%;
float: left;
}
#products {
margin-left: 2%;
margin-right: 4%;
}
#plans {
margin-left: 6%;
.block {
@extend .block;
padding: 6px 0 6px 16px;
width: 100%;
height: 17px;
&.active {
background-color: $listhover_color;
color: $white_color;
.arrow-right {
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-right: 15px solid $listhover_color;
border-left: none;
height: 0;
margin: 0;
position: absolute;
left: -15px;
top: -1px;
width: 0;
z-index: 220;
}
&:hover {
background-color: darken($kselected_color, 10%);
.arrow-right { border-right-color:darken($kselected_color, 10%); }
}
}
}
}
.promotions {
margin-top: 10px;
#products {
margin: 0 !important;
}
}
.slide_up_container {
height: 250px;
overflow: auto;
.validation_error { color: red; font-weight: 500; }
h2 {
margin-left: 5px;
}
.permission_add_container {
float: none;
width: 90%;
margin: 10px auto;
label {
width: 100px;
}
select, input, textarea {
margin-left: 15px;
}
}
span { margin-left: 85px; word-wrap: break-word; }
#permission_button_bar {
width: 90%;
margin: 0 auto;
}
}
.content_input_item {
&:hover {
background-color: $white_color;
border-top-color: $white_color;
border-bottom-color: $white_color;
}
form {
margin-top: 4px;
margin-left: 20px;
.input_error {
border-color: $error_color;
}
}
}
#changeset_history_tabs {
.cs_history_tab {
height: 200px;
}
.cs_history_entry {
margin-left: 30px;
}
}
#package_filter, #repo_selector {
table {
margin-bottom: 20px;
}
label {
color: $text_color;
font-weight: normal;
}
#select_container {
.centered {
display:inline;
height: 19px;
vertical-align:centered;
}
}
.chzn-container {
margin-right: 4px;
}
#product_list {
max-height: 200px;
overflow: scroll;
border: 0 solid black !important;
margin-bottom: 10px;
.product_list {
width: 100%;
}
.repos_list {
display: inline-block;
}
.no_padding {
padding-right: 0;
padding-left: 0;
}
.product_entry {
.small_col {
width: 20px;
height: 16px;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
vertical-align: top;
}
input, select {
margin: 2px;
}
.repo {
padding-left: 20px;
}
.large_col {
display: inline-block;
}
.options {
display: none;
}
}
}
.spinner, .success {
display: none;
float: right;
margin: 3px 39% 0 0;
height: 18px;
}
.success {
color: green;
}
}
#repo_selector {
#repo_select {
width: 400px;
}
table {
margin-top: 30px;
}
#select_container {
.spinner, .success {
margin-right: 44%;
}
}
}
#filter_tabs {
#repos {
overflow: visible;
}
.spinner, .success {
margin-right: 27%;
}
}
//Sync management page
#products_table {
width: 100%;
.expander{
margin-right: 4px;
}
input[type="checkbox"] {
margin-top: 1px;
margin-right: 3px;
}
label {
font-weight: normal;
color: $text_color;
}
tbody tr {
height: 28px !important;
td a.cancel_sync {
position: relative;
text-align: left;
bottom: 18px;
left: 10px;
}
.progress {
display: inline-block;
}
}
}
.promotions {
.left_panel {
#new {
width: 16em !important;
}
}
}
}
.cs_content {
ul {
margin-left: 8px;
}
}
#upload_button {
margin: 2px 0 0 10px;
}
#delete_button {
margin: 2px 0 0 10px;
}
#force_checkbox {
margin: 2px 0 0 10px;
}
.ui-tabs-panel {
min-height: 300px;
overflow: auto;
}
#discovered_repos {
input[type=checkbox] {
margin-right: 10px;
}
label {
font-weight: normal;
color: $text_color;
}
.underline {
border-bottom: 1px dotted darken($stroke_color,20%);
}
#url_filter {
margin-left: -10px;
}
#new_repos {
float:right;
margin-right: -10px;
}
}
.repo_tipsy {
.repo_list {
margin-left: 15px;
}
.repo_item {
list-style: circle;
}
.product_item {
margin-top: 5px;
}
}
#repo_creation {
.url {
font-size: 108%;
margin-top: 10px;
margin-bottom: 5px;
}
h2 {
padding: 10px 0px 0px 0px;
}
h3 {
padding-top: 15px;
}
li {
list-style: circle;
}
}
#redhat_provider {
.icon-spinner {
margin-left: 50%;
margin-top: 20px;
font-size: 150%;
}
.tree_table {
label {
color: $text_color
}
}
.content_table {
.skinny_column {
width: 10px;
}
//uses tree table expander class and styling
.expander {
margin-left: -19px;
padding-left: 19px;
}
thead {
tr {
background: lighten($stroke_color,25%);
}
}
tbody {
a {
color: $linkfg_color
}
tr {
background: $white_color;
}
table {
width: auto;
thead {
tr {
background: lighten($stroke_color,25%);
}
}
}
}
}
}