| /* |
| * 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. |
| */ |
| |
| |
| /* main.scss */ |
| |
| //common color |
| $white: #fff; |
| $action_gray:#999999; |
| $color_keppel_approx: #37bb9b; |
| $color_gallery_approx: #eee; |
| $gray: #808080; |
| $dark_gray:#666; |
| $color_tuna_approx: #323544; |
| $color_celeste_approx: #ccc; |
| $color_cornflower_blue_approx: #66afe9; |
| $color_mystic_approx: #e8e9ee; |
| $color_jungle_green_approx: #38BB9B; |
| $color_froly_approx: #ee6e73; |
| $color_manatee_approx: #9398a0; |
| $black: #000; |
| $color_havelock_blue_approx: #4a90e2; |
| $color_ironside_gray_approx: #686868; |
| $color_mercury_approx: #e6e6e6; |
| $color_whisper_approx: #f6f7fa; |
| $color_bombay_approx: #b5b9bc; |
| $red: #f00; |
| //theme color |
| //colors |
| $color_white_lilac_approx: #f6f7fb; |
| $color_puerto_rico_approx: #3dd4af; |
| $color_star_dust_approx: #9a9a9a; |
| $color_mirage_approx: #1c1e2a; |
| $concrete: #f2f2f2; |
| $lightGrey:#e1e2e4; //fonts |
| $font_0: Source Sans Pro; |
| $font_1: sans-serif; |
| $font_2: FontAwesome; |
| //fonts |
| |
| /* $font_0: PT Sans; |
| $font_1: sans-serif; |
| $font_2: Helvetica Neue; */ |
| |
| $font_3: Helvetica; |
| $font_4: Arial; |
| $font_5: sans-serf; |
| //old - style color |
| $color_bali_hai_approx: #8fa5b1; |
| $transparent:transparent; |
| $black_7_5: rgba(0, 0, 0, .075); |
| $color_hoki_approx: #698797; |
| $color_curious_blue_approx: #1ba9e2; |
| $color_blue_bayoux_approx: #44697d; |
| $color_pickled_bluewood_approx: #334f5e; |
| $color_picton_blue_approx: #3cb5e6; |
| $color_yellow_sea_approx: #f5a700; |
| $color_gamboge_approx: #de9800; |
| $color_trinidad_approx: #e14f00; |
| $color_grenadier_approx: #c74600; |
| $color_athens_gray_approx: #e9ecf2; |
| $color_green_house_approx: #26530c; |
| $color_dark_grey_approx:#333; |
| $black_10: rgba(0, 0, 0, 0.1); |
| $color_cararra_approx: #ececec; |
| $black_30: rgba(0, 0, 0, 0.3); |
| $color_pizazz_approx: #ff8e00; |
| $black_25: rgba(0, 0, 0, 0.25); |
| $color_cape_cod_approx: #414141; |
| $color_apple_blossom_approx: #a94442; |
| $color_mine_shaft_approx: #333; |
| $white_80: rgba(255, 255, 255, 0.8); |
| $color_alto_approx: #dadada; |
| $color_fuscous_gray_approx: #545454; |
| $black_65: rgba(0, 0, 0, 0.65); |
| $white_25: rgba(255, 255, 255, 0.25); |
| $color_fern_approx: #65bd63; |
| $color_opal_approx: #a7cec6; |
| $white_50: rgba(255, 255, 255, 0.5); |
| $black_20: rgba(0, 0, 0, 0.2); |
| $color_pelorous_approx: #3aa2d0; |
| $color_laser_approx: #c4bb61; |
| $color_zombie_approx: #e0dd94; |
| $steel_blue: steelblue; |
| $black_80: rgba(0, 0, 0, 0.8); |
| $color_bright_turquoise_approx: #00ffd0; |
| $color_mountain_mist_approx: #999; |
| $color_suva_gray_approx: #868686; |
| $tag_color:#4A90E2; |
| $delete_link:#BB5838; |
| //urls |
| $url_0: url(../img/loading.gif); |
| .card { |
| background: $white none repeat scroll 0 0; |
| //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) |
| box-shadow: 0 1px 3px $black_30; |
| margin-bottom: 30px; |
| } |
| |
| body { |
| font-family: $font_0, $font_1; |
| color: $color_ironside_gray_approx; |
| } |
| |
| .gray-bg { |
| background-color: #f6f7fb; |
| padding-bottom: 4%; |
| } |
| |
| header { |
| background-color: $white; |
| border-bottom: 1px $color_mystic_approx solid; |
| } |
| |
| a { |
| color: $color_jungle_green_approx; |
| &:focus { |
| color: $color_puerto_rico_approx; |
| text-decoration: none; |
| outline: none; |
| } |
| &:hover { |
| color: $color_puerto_rico_approx; |
| text-decoration: none; |
| } |
| } |
| |
| th { |
| text-transform: capitalize; |
| } |
| |
| ul { |
| list-style: none; |
| } |
| |
| .table { |
| background-color: $white; |
| .table { |
| width: auto; |
| } |
| } |
| |
| .close { |
| font-size: 2em; |
| } |
| |
| #sideNav-wrapper { |
| color: $white; |
| font-size: 16px !important; |
| } |
| |
| .contentLoading { |
| position: absolute; |
| background: rgba(247, 247, 247, 0.24); |
| top: 0; |
| right: 0; |
| left: 0; |
| z-index: 99; |
| bottom: 0; |
| display: none; |
| } |
| |
| .auditDetailBtn { |
| padding: 5px 10px; |
| font-size: 14px; |
| line-height: 1; |
| color: $color_jungle_green_approx; |
| text-align: center; |
| white-space: nowrap; |
| vertical-align: baseline; |
| border-radius: 4px; |
| font-weight: 100; |
| background-color: $transparent; |
| border: 1px solid $color_jungle_green_approx; |
| cursor: pointer; |
| &+.auditDetailBtn { |
| margin-left: 5px; |
| } |
| } |
| |
| .add-seperator { |
| margin-bottom: 10px; |
| border-bottom: 1px solid $color_mirage_approx |
| } |
| |
| .termTableBreadcrumb { |
| min-width: 200px; |
| /* width: 200px; */ |
| /* display: inline-block; */ |
| i { |
| cursor: pointer; |
| } |
| >div { |
| display: inline-block; |
| // padding: 10px 0px; |
| width: 100%; |
| } |
| .hide { |
| opacity: 0; |
| overflow: hidden; |
| height: 0px; |
| display: block !important; |
| } |
| .show { |
| opacity: 1; |
| overflow: visible; |
| height: auto; |
| } |
| .liContent { |
| /* width: 150px; */ |
| float: left; |
| line-height: 21px !important; |
| padding: 0px 10px 0px 0px !important; |
| } |
| } |
| |
| .table-quickMenu > tbody > tr > td { |
| &.searchTerm { |
| overflow: visible; |
| } |
| &.searchTag {} |
| } |
| |
| .tab-content >.tab-pane { |
| display: block; |
| opacity: 0; |
| height: 0; |
| padding: 0px; |
| overflow: hidden; |
| &.active { |
| padding: 25px; |
| opacity: 1; |
| height: auto; |
| overflow: auto; |
| } |
| } |
| |
| .ellipsis { |
| text-overflow: ellipsis; |
| overflow: hidden; |
| margin-bottom: 10px; |
| } |
| |
| .modal-body { |
| .table { |
| table-layout: fixed; |
| word-wrap: break-word; |
| } |
| } |
| |
| .readOnlyLink { |
| text-overflow: ellipsis; |
| overflow: hidden; |
| .deleteBtn { |
| padding: 0px 5px; |
| } |
| a { |
| color: $delete_link; |
| } |
| } |
| |
| .readOnly { |
| .addTag-dropdown { |
| display: none; |
| } |
| span { |
| &.inputTag[data-id="tagClick"] { |
| span { |
| display: block; |
| padding: 3px 5px 3px 5px; |
| } |
| i.fa-close[data-id="deleteTag"] { |
| display: none; |
| } |
| } |
| } |
| a { |
| &.inputTagAdd[data-id="addTag"] { |
| display: none; |
| } |
| &.inputTag[data-id="tagClick"] { |
| span { |
| display: block; |
| padding: 3px 5px 3px 5px; |
| } |
| i.fa-times[data-id="delete"] { |
| display: none; |
| } |
| } |
| i { |
| &.fa-trash[data-guid] { |
| display: none; |
| } |
| &.fa-trash[data-id="delete"] { |
| display: none; |
| } |
| } |
| &.inputAssignTag[data-id="addTerm"] { |
| display: none; |
| } |
| } |
| button { |
| &.editbutton[data-id="editButton"] { |
| display: none !important; |
| } |
| &[data-id="delete"], |
| &[data-id="edit"] { |
| display: none; |
| } |
| } |
| } |
| |
| @media (min-width: 768px) { |
| .col-sm-custom { |
| //width: 92%; |
| margin: 25px 25px 0px; |
| position: relative; |
| } |
| } |
| |
| .panel-fullscreen { |
| position: fixed; |
| height: 100%; |
| top: 0px; |
| bottom: 0; |
| left: 0; |
| width: 100%; |
| right: 0; |
| z-index: 999; |
| } |
| |
| .no-padding { |
| padding: 0px !important; |
| } |
| |
| .no-padding-bottom { |
| padding-bottom: 0px !important; |
| } |
| |
| .no-padding-top { |
| padding-top: 0px !important; |
| } |
| |
| .no-padding-left { |
| padding-left: 0px !important; |
| } |
| |
| .no-padding-right { |
| padding-right: 0px !important; |
| } |
| |
| .no-margin { |
| margin: 0px !important; |
| } |
| |
| .no-margin-bottom { |
| margin-bottom: 0px !important; |
| } |
| |
| .no-margin-top { |
| margin-top: 0px !important; |
| } |
| |
| .no-margin-left { |
| margin-left: 0px !important; |
| } |
| |
| .no-margin-right { |
| margin-right: 0px !important; |
| } |