BAM Dashboard : Look and Feel — oracle-tech

.fullPageLoader { display: none } body.isLoading .page { max-height: initial; height: initial; }

* { padding: 0; margin: 0; box-sizing: border-box; font-family: Oracle Sans !important; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer-menu .foot-year{ font-family: Oracle Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; display: flex; align-items: center; color:#FCFBFA; float:left; } .footer-menu .foot-year::after { content: ""; border-right: 1px solid #FFF; height: 15px; position: relative; padding-left: 20px; } .footer-menu .foot-link{ font-family: Oracle Sans; font-style: normal; font-weight: normal; font-size: 13.75px; line-height: 18px; display: flex; align-items: center; color: #FCFBFA; opacity: 0.6; float:left; padding-left:5px; } .footer svg { margin-right: 5px; vertical-align: middle; display: flex; float: left; align-items: center; padding-left: 5px; width: 3%; } .footer-subcontainer { position: relative; left: 0%; right: 0%; top: 0%; bottom: 0%; background: #302D2A; height:91px; } .footer-menu { max-width: 1224px; padding-left: 20px; padding-right: 20px; clear: both; width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .footer a { color: #fff; text-decoration: none; padding-right: 10px; } .footer a:hover { color: #fff; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } .footer-container { position: absolute; width: 100%; height: 91.98px; left: 0px; } .footerimage { background-image: url("/addons/themes/oracle-theme-groundbreakers/design/images/footer-stripe.png"); background-repeat: no-repeat; padding: 4px; position: relative; } .header-container { height: 50px; background: #302D2A; } .logo-container { position: absolute; display: flex; color: #fff; left: 130px; top: 10px; } .logo-container p { margin: auto; padding-left: 20px; } /* TODO: Hash style to be removed .titleBar-button_fmuucnv.titleBar-button_fmuucnv, .titleBar-button_fmuucnv.titleBar-button_fmuucnv:hover:not(:disabled), .titleBar-button_fmuucnv.titleBar-button_fmuucnv:focus, .titleBar-button_fmuucnv.titleBar-button_fmuucnv:focus:not(.focus-visible), .titleBar-button_fmuucnv.titleBar-button_fmuucnv:active:not(:disabled), .titleBar-button_fmuucnv.titleBar-button_fmuucnv.isOpen, .titleBar-button_fmuucnv.titleBar-button_fmuucnv.isOpen:focus, .titleBar-button_fmuucnv.titleBar-button_fmuucnv.isOpen.focus-visible { color: #fff !important; }*/ .footbar-container { height: 80px; } .footbar-subcontainer { position: relative; height: 80px; background: #CEAA8F; display: flex; align-items: center; justify-content: center; } .footbar-subcontainer p { color: #302D2A; font-size: 20px; margin-right: 10px; } .footer-btn { background: #302D2A; border-radius: 50px; color: #FFF; width: 160px; border: none; height: 40px; padding: 10px; } .About.P { background-size: cover; background-image: url(https://us.v-cdn.net/6032253/uploads/815/QURW3A01AKVP.png) } body.Section-Profile .ProfileOptions .ButtonGroup a { background: #302D2A; border-radius: 50px; color: #fff; } body.Section-Profile .Profile dd, body.Section-Profile .Profile dt { color: #100F0E; } .breadcrumb-container .BreadcrumbsBox .Breadcrumbs a { color: #FFFFFF !important; } .BreadcrumbsBox .Breadcrumbs a { color: #302D2A; font-family: Oracle Sans; } .ReactionsWrap.H { color: #100F0E; font-weight: 800; } body.Section-Profile .CountItemWrap { width: 95px; margin: 14px; } body.Section-Profile .CountItemWrap .CountTotal { color: #A1ADAF; font-family: Oracle Sans; font-style: normal; font-weight: normal; font-size: 48px; } body.Section-Profile .CountItemWrap .CountLabel { font-family: Oracle Sans; font-style: normal; font-weight: normal; font-size: 16px; } .BoxFilter ul.FilterMenu li.Active a{ background: #302D2A; color: #fff; padding: 5px; } .BoxFilter ul.FilterMenu li a{ font-family: Oracle Sans; font-style: normal; font-weight: 600; font-size: 17px; color: #41727E; } /*footer.css*/ [class*="u10v"], [class*="u10v"] a { color: #fff; } .u10v6 { position: unset; } div.u10{ opacity: 1; } .u10w1 { clear: both; width: 100%; max-width: 1344px; margin-left: auto; margin-right: auto; box-sizing: border-box; padding: 0 48px 0px 48px; } .u10v0 .u10w1, .u10v6 .u10w1 { display: -ms-flexbox; display: flex; -ms-flex-direction: row; -ms-flex-wrap: wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; } .u10v6 .u10w5 { display: -ms-flexbox; display: flex; -ms-flex-direction: nowrap; -ms-flex-wrap: none; flex-flow: nowrap row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; justify-content: center; } .u10w5 { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; -ms-flex-wrap: wrap; flex-flow: row-reverse wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; flex: 1 1 auto; margin-top: 30px; justify-content: center; align-items: center; } .u10v6 .u10w5 .u10-links { order: 1; } .u10v6 .u10-links { margin: 0; } .u10w5 .u10-links { padding-right: 40px; justify-content: flex-end; padding-inline-start: 0; } .u10v6 .u10w5 .scl-icons { order: 2; } .u10v6 .scl-icons { justify-content: flex-end; } .u10w5 .u10-links, .u10w5 .scl-icons, .u10w5 .footer-promo { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; -ms-flex-wrap: none; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; line-height: 24px; list-style-type: none; } .scl-icons { display: -ms-flexbox; display: flex; -ms-flex-direction: row; -ms-flex-wrap: none; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; opacity: .85; } .u10v6 .u10w5.u10w10 #u10cmenu { margin-right: 0; } .u10v6 #u10cmenu { order: -1; position: relative; margin-left: 12px; margin-right: 40px; } ul.u10-links li { margin: 0; padding: 0; color: #C6C1BD !important; list-style-type: none; } .u10v6 .u10w5.u10w10 ul.u10-links > li:nth-child(1) a { border-right: 1px solid #fff; padding-right: 20px; opacity: 1; } ul.u10-links > li:nth-child(2) a { padding-left: 20px; } .u10w5 .u10-links li a, .u10w5 .scl-icons li a, .u10w5 .footer-promo li a { border-right: none; } ul.u10-links li a { font-size: 11.2px; font-weight: normal; padding: 0 8.96px 0 6.72px; color: #FBF9F8; border-right: 1px solid #fff; opacity: 0.6; } .u10v6 .scl-icons > li:first-of-type { margin-left: 0; } .u10v6 .scl-icons > li { margin-right: 10px; } .u10w5 .scl-icons > li > a { overflow: hidden; } .u10w5 .scl-icons > li > a { overflow: hidden; } [class*="u10v"], [class*="u10v"] a { color: #fff; } #u06 a, .u10v0 a, .u10v6 a { outline-color: #fff; } .u10w5 .u10-links li a, .u10w5 .scl-icons li a, .u10w5 .footer-promo li a { border-right: none; } .u10w5 .u10-links, .u10w5 .scl-icons, .u10w5 .footer-promo { line-height: 24px; list-style-type: none; } .scl-icons li a { width: 30px; height: 30px; background: none !important; text-indent: 0; } .scl-icons li a::before { visibility: visible; height: 24px; width: 30px; content: ''; display: inline-block; } .u10w5 .scl-icons > li:last-of-type { margin-right: 0px; } ul.u10-links li span { color: #FBF9F8; font-size: 11.2px; margin: 0 0 0 -5px; } ul.u10-links li a+span+a { margin-left: -3px; } #u06, .u10v0, .u10v6 { clear: both; position: relative; padding-top: 12px; background-image: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABLAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2QTYxQUNDQUMyNzExRTlBMTcxOUEwRkREQkRDNEMzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2QTYxQUNEQUMyNzExRTlBMTcxOUEwRkREQkRDNEMzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTZBNjFBQ0FBQzI3MTFFOUExNzE5QTBGRERCREM0QzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTZBNjFBQ0JBQzI3MTFFOUExNzE5QTBGRERCREM0QzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAADAgICAgIDAgIDBQMD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"); background-repeat: repeat-x; background-size: auto 12px; background-color: #312D2A; height:91px; } .scl-icons .scl-facebook a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M23,12.073725 C23,5.96030998 18.0830126,1 12.0102986,1 L12,1 C5.92728597,1 1,5.96030998 1,12.073725 C1,17.6007959 5.03016748,22.1694418 10.2892957,23 L10.2892957,15.2726987 L7.47779049,15.2726987 L7.47779049,12.073725 L10.2892957,12.073725 L10.2915843,9.63388837 C10.2915843,6.85883339 11.923333,5.31982407 14.4361802,5.31982407 C15.6388224,5.31982407 16.8895246,5.55251859 16.8895246,5.55251859 L16.8895246,8.25960834 L15.5118069,8.25960834 C14.1455321,8.25960834 13.7084157,9.12126924 13.7084157,9.99675359 L13.7118485,12.073725 L16.7670862,12.073725 L16.2784771,15.2726987 L13.7118485,15.2726987 L13.7118485,23 C18.9709768,22.1694418 23,17.6007959 23,12.073725'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-twitter a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M23,5.1046638 C22.1900726,5.46038162 21.3199026,5.70135176 20.4076585,5.81036206 C21.3409397,5.25574825 22.0552441,4.37697223 22.3918373,3.32894337 C21.5197549,3.84339549 20.5549181,4.21632547 19.5269701,4.41522145 C18.7046116,3.54696397 17.5303603,3 16.2337115,3 C13.7417742,3 11.722215,5.00904073 11.722215,7.48567827 C11.722215,7.83661494 11.7604642,8.17894554 11.8379189,8.50693267 C8.0894945,8.32046768 4.76468031,6.53518494 2.53857522,3.82235841 C2.15034555,4.48598253 1.92658756,5.25479202 1.92658756,6.07715043 C1.92658756,7.63198157 2.52040683,9.00417264 3.73195115,9.80836267 C2.9927848,9.7844569 2.44103968,9.58269222 1.48480897,9.24896771 L1.48480897,9.30538532 C1.48480897,11.4769853 3.24331725,13.2890425 5.30686313,13.7011779 C4.929152,13.8044508 4.63176425,13.8579997 4.21867258,13.8579997 C3.9298909,13.8579997 3.69848307,13.8312253 3.42117616,13.7776764 C3.99587082,15.5581779 5.68744295,16.8576955 7.66205937,16.893076 C6.11774677,18.0969705 4.18616073,18.8122311 2.0709784,18.8122311 C1.70761073,18.8122311 1.35380536,18.791194 1,18.7491198 C2.99852219,20.0218629 5.37188682,20.7638979 7.9211979,20.7638979 C16.219368,20.7638979 20.7595514,13.9306733 20.7595514,8.00395532 C20.7595514,7.81079671 20.7566827,7.61763811 20.7471204,7.42447951 C21.6297214,6.79336724 22.3956622,6.00256444 23,5.1046638'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-linkedin a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M19.750875,13.2518611 C19.750875,10.0424583 17.7563611,8.94765278 15.9108056,8.94765278 C14.2042778,8.94765278 13.0871667,10.0519306 12.7670972,10.6987917 L12.7250833,10.6987917 L12.7250833,9.243125 L9.54409722,9.243125 L9.54409722,19.7502639 L12.8515833,19.7502639 L12.8515833,14.0536389 C12.8515833,12.5347222 13.8139306,11.7960417 14.7950694,11.7960417 C15.7236528,11.7960417 16.4435417,12.3182361 16.4435417,14.0114722 L16.4435417,19.7502639 L19.750875,19.7502639 L19.750875,13.2518611 Z M7.810375,5.88063889 C7.810375,4.78384722 6.95665278,3.98130556 5.90355556,3.98130556 C4.85045833,3.98130556 3.99658333,4.78384722 3.99658333,5.88063889 C3.99658333,6.97758333 4.85045833,7.77920833 5.90355556,7.77920833 C6.95665278,7.77920833 7.810375,6.97758333 7.810375,5.88063889 L7.810375,5.88063889 Z M4.24988889,19.7421667 L7.55722222,19.7421667 L7.55722222,9.23502778 L4.24988889,9.23502778 L4.24988889,19.7421667 Z M23.0006111,2.62402778 L23.0006111,21.3759722 C23.0006111,22.2729306 22.2735417,23.0001528 21.3767361,23.0001528 L2.62402778,23.0001528 C1.72706944,23.0001528 1,22.2729306 1,21.3759722 L1,2.62402778 C1,1.72706944 1.72706944,1 2.62402778,1 L21.3767361,1 C22.2735417,1 23.0006111,1.72706944 23.0006111,2.62402778 L23.0006111,2.62402778 Z'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-youtube a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M22.54025,6.49845161 C23,8.28090323 23,12 23,12 C23,12 23,15.7189677 22.54025,17.5016774 C22.28725,18.4850323 21.541875,19.2594839 20.595125,19.5224516 C18.879625,20 12,20 12,20 C12,20 5.120375,20 3.40475,19.5224516 C2.458125,19.2594839 1.712625,18.4850323 1.459625,17.5016774 C1,15.7189677 1,12 1,12 C1,12 1,8.28090323 1.459625,6.49845161 C1.712625,5.51496774 2.458125,4.74051613 3.40475,4.47767742 C5.120375,4 12,4 12,4 C12,4 18.879625,4 20.595125,4.47767742 C21.541875,4.74051613 22.28725,5.51496774 22.54025,6.49845161 Z M9.9999625,16.000025 L15.9999625,12.0001779 L9.9999625,8.000025 L9.9999625,16.000025 Z'/%3E%3C/g%3E%3C/svg%3E"); } @media only screen and (max-width:1468px){ .u10w1 { max-width: 1468px; padding-left: 48px; padding-right: 48px; } } @media (min-width: 0) and (max-width: 1024px){ .u10v0 .u10w1, .u10v6 .u10w1 { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; -ms-flex-wrap: none; flex-flow: column nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; flex: 1 0 auto; margin: 0; padding-top: 40px; } .u10v0 .u10w2, .u10v6 .u10w2 { flex: 1 0 auto !important; margin-left: 0; width: 100%; display: block; padding: 0 !important; justify-content: flex-start; } .u10 .u10w4 ~ .u10w5 { border-top: 1px solid rgba(203,197,191,0.5); margin-top: 24px; } .u10v0 .u10w5, .u10v6 .u10w5 { border-top: 1px solid rgba(255,255,255,0.4); margin-top: 24px; } .u10v6 .u10w5 { justify-content: center; flex-flow: wrap row; } .u10v0 .u10w5 .u10-links, .u10v6 .u10w5 .u10-links { margin-top: 2.75em; } .u10v6 .u10w5 .u10-links { order: 1; } .u10v6 .u10w5 .scl-icons { margin-top: 40px; order: 2; } .u10v0 .u10w5 .scl-icons li, .u10v6 .u10w5 .scl-icons li { justify-content: inherit; margin: 0 7px 0 7px; } .u10v0 .u10w5 .scl-icons li a::before, .u10v6 .u10w5 .scl-icons li a::before { background-size: contain; width: 32px; height: 32px; overflow: hidden; background-position: center; } .u10v0 .u10w5 .scl-icons li a::before, .u10v6 .u10w5 .scl-icons li a::before { background-size: contain; width: 32px; height: 32px; overflow: hidden; background-position: center; } } @media (min-width: 0) and (max-width: 770px){ .u10v6 .u10w5 { flex-flow: column nowrap; } .u10 .u10w5 { margin-top: 0; } .u10v0 .u10w5 .u10-links, .u10v6 .u10w5 .u10-links { display: -ms-flexbox; display: flex; -ms-flex-direction: row; -ms-flex-wrap: wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; justify-content: center; line-height: 2.3; } .u10v6 .u10-links { flex: 1; padding-right: 0; } .u10v0 .u10w5 .u10-links, .u10v6 .u10w5 .u10-links { line-height: 2.3; } .u10v6 .u10w5 .scl-icons { order: 2; } .u10v0 .u10w5 .scl-icons, .u10v6 .u10w5 .scl-icons { align-self: center; width: auto; } .u10v0 .u10w5 .scl-icons li:first-of-type, .u10v6 .u10w5 .scl-icons li:first-of-type { margin-left: 10px; } } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } @media screen and (max-width: 480px) { .u10v6 { height: auto; } .u10 .u10w5 { border: none; } .u10v6 .u10w5.u10w10 ul.u10-links > li:nth-child(1) a { border: none; } ul.u10-links li a { font-size: 14px; line-height: 18px; } .footbar-container { height: auto; } .footbar-subcontainer { display: block; height: auto; } .footbar-subcontainer p { font-weight: bold; font-size: 26px; line-height: 34px; color: #fff; padding: 20px; } .footer-btn { font-weight: bold; font-size: 14px; line-height: 40px; margin: 0 20px 26px 20px; padding: 0; } }

Forum Stats

3,708,965 Users
2,241,167 Discussions
7,840,725 Comments

Discussions

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Log In Register

Categories

BAM Dashboard : Look and Feel

d22345e2-fde6-4a5e-afd6-b195824adf7e

d22345e2-fde6-4a5e-afd6-b195824adf7e Posts: 1

February 2019 edited February 2020 in Integration - B2B

Our client is asking for a BAM dashboard such that all 25 columns headings and data are visible without having to stretch the headers to view the data below each columns. Is there a possibility to do so ? If yes how to render that view ? If no then is that a product limitation ?

0 ·

Sign In or Register to comment.

* { padding: 0; margin: 0; box-sizing: border-box; font-family: Oracle Sans !important; } .footer { background: #f5f5f6; color: #555a62; font-size: 14px; line-height: 1.5; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer-menu .foot-year{ font-family: Oracle Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; display: flex; align-items: center; color:#FCFBFA; float:left; } .footer-menu .foot-year::after { content: ""; border-right: 1px solid #FFF; height: 15px; position: relative; padding-left: 20px; } .footer-menu .foot-link{ font-family: Oracle Sans; font-style: normal; font-weight: normal; font-size: 13.75px; line-height: 18px; display: flex; align-items: center; color: #FCFBFA; opacity: 0.6; float:left; padding-left:5px; } .footer svg { margin-right: 5px; vertical-align: middle; display: flex; float: left; align-items: center; padding-left: 5px; width: 3%; } .footer-subcontainer { position: relative; left: 0%; right: 0%; top: 0%; bottom: 0%; background: #302D2A; height:91px; } .footer-menu { max-width: 1224px; padding-left: 20px; padding-right: 20px; clear: both; width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .footer a { color: #fff; text-decoration: none; padding-right: 10px; } .footer a:hover { color: #fff; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } .footer-container { position: absolute; width: 100%; height: 91.98px; left: 0px; } .footerimage { background-image: url("/addons/themes/oracle-theme-groundbreakers/design/images/footer-stripe.png"); background-repeat: no-repeat; padding: 4px; position: relative; } .header-container { height: 50px; background: #302D2A; } .logo-container { position: absolute; display: flex; color: #fff; left: 130px; top: 10px; } .logo-container p { margin: auto; padding-left: 20px; } /* TODO: Hash style to be removed .titleBar-button_fmuucnv.titleBar-button_fmuucnv, .titleBar-button_fmuucnv.titleBar-button_fmuucnv:hover:not(:disabled), .titleBar-button_fmuucnv.titleBar-button_fmuucnv:focus, .titleBar-button_fmuucnv.titleBar-button_fmuucnv:focus:not(.focus-visible), .titleBar-button_fmuucnv.titleBar-button_fmuucnv:active:not(:disabled), .titleBar-button_fmuucnv.titleBar-button_fmuucnv.isOpen, .titleBar-button_fmuucnv.titleBar-button_fmuucnv.isOpen:focus, .titleBar-button_fmuucnv.titleBar-button_fmuucnv.isOpen.focus-visible { color: #fff !important; }*/ .footbar-container { height: 80px; } .footbar-subcontainer { position: relative; height: 80px; background: #CEAA8F; display: flex; align-items: center; justify-content: center; } .footbar-subcontainer p { color: #302D2A; font-size: 20px; margin-right: 10px; } .footer-btn { background: #302D2A; border-radius: 50px; color: #FFF; width: 160px; border: none; height: 40px; padding: 10px; } .About.P { background-size: cover; background-image: url(https://us.v-cdn.net/6032253/uploads/815/QURW3A01AKVP.png) } body.Section-Profile .ProfileOptions .ButtonGroup a { background: #302D2A; border-radius: 50px; color: #fff; } body.Section-Profile .Profile dd, body.Section-Profile .Profile dt { color: #100F0E; } .breadcrumb-container .BreadcrumbsBox .Breadcrumbs a { color: #FFFFFF !important; } .BreadcrumbsBox .Breadcrumbs a { color: #302D2A; font-family: Oracle Sans; } .ReactionsWrap.H { color: #100F0E; font-weight: 800; } body.Section-Profile .CountItemWrap { width: 95px; margin: 14px; } body.Section-Profile .CountItemWrap .CountTotal { color: #A1ADAF; font-family: Oracle Sans; font-style: normal; font-weight: normal; font-size: 48px; } body.Section-Profile .CountItemWrap .CountLabel { font-family: Oracle Sans; font-style: normal; font-weight: normal; font-size: 16px; } .BoxFilter ul.FilterMenu li.Active a{ background: #302D2A; color: #fff; padding: 5px; } .BoxFilter ul.FilterMenu li a{ font-family: Oracle Sans; font-style: normal; font-weight: 600; font-size: 17px; color: #41727E; } /*footer.css*/ [class*="u10v"], [class*="u10v"] a { color: #fff; } .u10v6 { position: unset; } div.u10{ opacity: 1; } .u10w1 { clear: both; width: 100%; max-width: 1344px; margin-left: auto; margin-right: auto; box-sizing: border-box; padding: 0 48px 0px 48px; } .u10v0 .u10w1, .u10v6 .u10w1 { display: -ms-flexbox; display: flex; -ms-flex-direction: row; -ms-flex-wrap: wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; } .u10v6 .u10w5 { display: -ms-flexbox; display: flex; -ms-flex-direction: nowrap; -ms-flex-wrap: none; flex-flow: nowrap row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; justify-content: center; } .u10w5 { display: -ms-flexbox; display: flex; -ms-flex-direction: row-reverse; -ms-flex-wrap: wrap; flex-flow: row-reverse wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; flex: 1 1 auto; margin-top: 30px; justify-content: center; align-items: center; } .u10v6 .u10w5 .u10-links { order: 1; } .u10v6 .u10-links { margin: 0; } .u10w5 .u10-links { padding-right: 40px; justify-content: flex-end; padding-inline-start: 0; } .u10v6 .u10w5 .scl-icons { order: 2; } .u10v6 .scl-icons { justify-content: flex-end; } .u10w5 .u10-links, .u10w5 .scl-icons, .u10w5 .footer-promo { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; -ms-flex-wrap: none; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; line-height: 24px; list-style-type: none; } .scl-icons { display: -ms-flexbox; display: flex; -ms-flex-direction: row; -ms-flex-wrap: none; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; opacity: .85; } .u10v6 .u10w5.u10w10 #u10cmenu { margin-right: 0; } .u10v6 #u10cmenu { order: -1; position: relative; margin-left: 12px; margin-right: 40px; } ul.u10-links li { margin: 0; padding: 0; color: #C6C1BD !important; list-style-type: none; } .u10v6 .u10w5.u10w10 ul.u10-links > li:nth-child(1) a { border-right: 1px solid #fff; padding-right: 20px; opacity: 1; } ul.u10-links > li:nth-child(2) a { padding-left: 20px; } .u10w5 .u10-links li a, .u10w5 .scl-icons li a, .u10w5 .footer-promo li a { border-right: none; } ul.u10-links li a { font-size: 11.2px; font-weight: normal; padding: 0 8.96px 0 6.72px; color: #FBF9F8; border-right: 1px solid #fff; opacity: 0.6; } .u10v6 .scl-icons > li:first-of-type { margin-left: 0; } .u10v6 .scl-icons > li { margin-right: 10px; } .u10w5 .scl-icons > li > a { overflow: hidden; } .u10w5 .scl-icons > li > a { overflow: hidden; } [class*="u10v"], [class*="u10v"] a { color: #fff; } #u06 a, .u10v0 a, .u10v6 a { outline-color: #fff; } .u10w5 .u10-links li a, .u10w5 .scl-icons li a, .u10w5 .footer-promo li a { border-right: none; } .u10w5 .u10-links, .u10w5 .scl-icons, .u10w5 .footer-promo { line-height: 24px; list-style-type: none; } .scl-icons li a { width: 30px; height: 30px; background: none !important; text-indent: 0; } .scl-icons li a::before { visibility: visible; height: 24px; width: 30px; content: ''; display: inline-block; } .u10w5 .scl-icons > li:last-of-type { margin-right: 0px; } ul.u10-links li span { color: #FBF9F8; font-size: 11.2px; margin: 0 0 0 -5px; } ul.u10-links li a+span+a { margin-left: -3px; } #u06, .u10v0, .u10v6 { clear: both; position: relative; padding-top: 12px; background-image: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABLAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0NSA3OS4xNjM0OTksIDIwMTgvMDgvMTMtMTY6NDA6MjIgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2QTYxQUNDQUMyNzExRTlBMTcxOUEwRkREQkRDNEMzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2QTYxQUNEQUMyNzExRTlBMTcxOUEwRkREQkRDNEMzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTZBNjFBQ0FBQzI3MTFFOUExNzE5QTBGRERCREM0QzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTZBNjFBQ0JBQzI3MTFFOUExNzE5QTBGRERCREM0QzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAADAgICAgIDAgIDBQMD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"); background-repeat: repeat-x; background-size: auto 12px; background-color: #312D2A; height:91px; } .scl-icons .scl-facebook a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M23,12.073725 C23,5.96030998 18.0830126,1 12.0102986,1 L12,1 C5.92728597,1 1,5.96030998 1,12.073725 C1,17.6007959 5.03016748,22.1694418 10.2892957,23 L10.2892957,15.2726987 L7.47779049,15.2726987 L7.47779049,12.073725 L10.2892957,12.073725 L10.2915843,9.63388837 C10.2915843,6.85883339 11.923333,5.31982407 14.4361802,5.31982407 C15.6388224,5.31982407 16.8895246,5.55251859 16.8895246,5.55251859 L16.8895246,8.25960834 L15.5118069,8.25960834 C14.1455321,8.25960834 13.7084157,9.12126924 13.7084157,9.99675359 L13.7118485,12.073725 L16.7670862,12.073725 L16.2784771,15.2726987 L13.7118485,15.2726987 L13.7118485,23 C18.9709768,22.1694418 23,17.6007959 23,12.073725'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-twitter a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M23,5.1046638 C22.1900726,5.46038162 21.3199026,5.70135176 20.4076585,5.81036206 C21.3409397,5.25574825 22.0552441,4.37697223 22.3918373,3.32894337 C21.5197549,3.84339549 20.5549181,4.21632547 19.5269701,4.41522145 C18.7046116,3.54696397 17.5303603,3 16.2337115,3 C13.7417742,3 11.722215,5.00904073 11.722215,7.48567827 C11.722215,7.83661494 11.7604642,8.17894554 11.8379189,8.50693267 C8.0894945,8.32046768 4.76468031,6.53518494 2.53857522,3.82235841 C2.15034555,4.48598253 1.92658756,5.25479202 1.92658756,6.07715043 C1.92658756,7.63198157 2.52040683,9.00417264 3.73195115,9.80836267 C2.9927848,9.7844569 2.44103968,9.58269222 1.48480897,9.24896771 L1.48480897,9.30538532 C1.48480897,11.4769853 3.24331725,13.2890425 5.30686313,13.7011779 C4.929152,13.8044508 4.63176425,13.8579997 4.21867258,13.8579997 C3.9298909,13.8579997 3.69848307,13.8312253 3.42117616,13.7776764 C3.99587082,15.5581779 5.68744295,16.8576955 7.66205937,16.893076 C6.11774677,18.0969705 4.18616073,18.8122311 2.0709784,18.8122311 C1.70761073,18.8122311 1.35380536,18.791194 1,18.7491198 C2.99852219,20.0218629 5.37188682,20.7638979 7.9211979,20.7638979 C16.219368,20.7638979 20.7595514,13.9306733 20.7595514,8.00395532 C20.7595514,7.81079671 20.7566827,7.61763811 20.7471204,7.42447951 C21.6297214,6.79336724 22.3956622,6.00256444 23,5.1046638'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-linkedin a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M19.750875,13.2518611 C19.750875,10.0424583 17.7563611,8.94765278 15.9108056,8.94765278 C14.2042778,8.94765278 13.0871667,10.0519306 12.7670972,10.6987917 L12.7250833,10.6987917 L12.7250833,9.243125 L9.54409722,9.243125 L9.54409722,19.7502639 L12.8515833,19.7502639 L12.8515833,14.0536389 C12.8515833,12.5347222 13.8139306,11.7960417 14.7950694,11.7960417 C15.7236528,11.7960417 16.4435417,12.3182361 16.4435417,14.0114722 L16.4435417,19.7502639 L19.750875,19.7502639 L19.750875,13.2518611 Z M7.810375,5.88063889 C7.810375,4.78384722 6.95665278,3.98130556 5.90355556,3.98130556 C4.85045833,3.98130556 3.99658333,4.78384722 3.99658333,5.88063889 C3.99658333,6.97758333 4.85045833,7.77920833 5.90355556,7.77920833 C6.95665278,7.77920833 7.810375,6.97758333 7.810375,5.88063889 L7.810375,5.88063889 Z M4.24988889,19.7421667 L7.55722222,19.7421667 L7.55722222,9.23502778 L4.24988889,9.23502778 L4.24988889,19.7421667 Z M23.0006111,2.62402778 L23.0006111,21.3759722 C23.0006111,22.2729306 22.2735417,23.0001528 21.3767361,23.0001528 L2.62402778,23.0001528 C1.72706944,23.0001528 1,22.2729306 1,21.3759722 L1,2.62402778 C1,1.72706944 1.72706944,1 2.62402778,1 L21.3767361,1 C22.2735417,1 23.0006111,1.72706944 23.0006111,2.62402778 L23.0006111,2.62402778 Z'/%3E%3C/g%3E%3C/svg%3E"); } .scl-icons .scl-youtube a::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill-rule='evenodd' viewBox='0 0 25 30'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M22.54025,6.49845161 C23,8.28090323 23,12 23,12 C23,12 23,15.7189677 22.54025,17.5016774 C22.28725,18.4850323 21.541875,19.2594839 20.595125,19.5224516 C18.879625,20 12,20 12,20 C12,20 5.120375,20 3.40475,19.5224516 C2.458125,19.2594839 1.712625,18.4850323 1.459625,17.5016774 C1,15.7189677 1,12 1,12 C1,12 1,8.28090323 1.459625,6.49845161 C1.712625,5.51496774 2.458125,4.74051613 3.40475,4.47767742 C5.120375,4 12,4 12,4 C12,4 18.879625,4 20.595125,4.47767742 C21.541875,4.74051613 22.28725,5.51496774 22.54025,6.49845161 Z M9.9999625,16.000025 L15.9999625,12.0001779 L9.9999625,8.000025 L9.9999625,16.000025 Z'/%3E%3C/g%3E%3C/svg%3E"); } @media only screen and (max-width:1468px){ .u10w1 { max-width: 1468px; padding-left: 48px; padding-right: 48px; } } @media (min-width: 0) and (max-width: 1024px){ .u10v0 .u10w1, .u10v6 .u10w1 { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; -ms-flex-wrap: none; flex-flow: column nowrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; flex: 1 0 auto; margin: 0; padding-top: 40px; } .u10v0 .u10w2, .u10v6 .u10w2 { flex: 1 0 auto !important; margin-left: 0; width: 100%; display: block; padding: 0 !important; justify-content: flex-start; } .u10 .u10w4 ~ .u10w5 { border-top: 1px solid rgba(203,197,191,0.5); margin-top: 24px; } .u10v0 .u10w5, .u10v6 .u10w5 { border-top: 1px solid rgba(255,255,255,0.4); margin-top: 24px; } .u10v6 .u10w5 { justify-content: center; flex-flow: wrap row; } .u10v0 .u10w5 .u10-links, .u10v6 .u10w5 .u10-links { margin-top: 2.75em; } .u10v6 .u10w5 .u10-links { order: 1; } .u10v6 .u10w5 .scl-icons { margin-top: 40px; order: 2; } .u10v0 .u10w5 .scl-icons li, .u10v6 .u10w5 .scl-icons li { justify-content: inherit; margin: 0 7px 0 7px; } .u10v0 .u10w5 .scl-icons li a::before, .u10v6 .u10w5 .scl-icons li a::before { background-size: contain; width: 32px; height: 32px; overflow: hidden; background-position: center; } .u10v0 .u10w5 .scl-icons li a::before, .u10v6 .u10w5 .scl-icons li a::before { background-size: contain; width: 32px; height: 32px; overflow: hidden; background-position: center; } } @media (min-width: 0) and (max-width: 770px){ .u10v6 .u10w5 { flex-flow: column nowrap; } .u10 .u10w5 { margin-top: 0; } .u10v0 .u10w5 .u10-links, .u10v6 .u10w5 .u10-links { display: -ms-flexbox; display: flex; -ms-flex-direction: row; -ms-flex-wrap: wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: stretch; align-items: stretch; flex-wrap: wrap; justify-content: center; line-height: 2.3; } .u10v6 .u10-links { flex: 1; padding-right: 0; } .u10v0 .u10w5 .u10-links, .u10v6 .u10w5 .u10-links { line-height: 2.3; } .u10v6 .u10w5 .scl-icons { order: 2; } .u10v0 .u10w5 .scl-icons, .u10v6 .u10w5 .scl-icons { align-self: center; width: auto; } .u10v0 .u10w5 .scl-icons li:first-of-type, .u10v6 .u10w5 .scl-icons li:first-of-type { margin-left: 10px; } } @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } @media screen and (max-width: 480px) { .u10v6 { height: auto; } .u10 .u10w5 { border: none; } .u10v6 .u10w5.u10w10 ul.u10-links > li:nth-child(1) a { border: none; } ul.u10-links li a { font-size: 14px; line-height: 18px; } .footbar-container { height: auto; } .footbar-subcontainer { display: block; height: auto; } .footbar-subcontainer p { font-weight: bold; font-size: 26px; line-height: 34px; color: #fff; padding: 20px; } .footer-btn { font-weight: bold; font-size: 14px; line-height: 40px; margin: 0 20px 26px 20px; padding: 0; } }