Skip to content

myProfit by pauloiankoski

Write a review Install Get Stylus

Details

Authorpauloiankoski

LicenseNo License

Categorymyprofitweb.com -> ativos

Created

Updated

Size24 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Melhora listagem de ativos, adicionando ícones.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         myProfit
@version      20240621.22.31
@namespace    https://userstyles.world/user/pauloiankoski
@description  Melhora listagem de ativos, adicionando ícones.
@author       pauloiankoski
@license      No License
==/UserStyle== */

@-moz-document domain("myprofitweb.com") {
/*
General Styles
*/
#divIndexResults .tableicons,
#divIndexResults #filterbar {
    display: none;
}

.tradingview-widget-container {
    height: auto !important;
}

.page,
.inputSearch {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: normal;
}

/*.container-wide {
    max-width: 1500px;
}*/

.rd-navbar-static .rd-navbar-nav > li > a {
    padding: 10px 0;
}

.bootstrap-table .fixed-table-toolbar .columns label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 12rem;
}

.bootstrap-table .fixed-table-toolbar .columns label button {
    font-size: 0.75rem;
    padding: 0.25rem 1rem;
    margin-left: auto;
}

.bootstrap-table .fixed-table-toolbar .columns label button:hover {
    cursor: pointer;
    background: #ddd;
}

.bootstrap-table .fixed-table-toolbar .columns .button {
    min-width: calc(100% - 40px);
    margin: 0.5rem auto 0;
    display: inherit;
    padding: 0.25rem;
    font-size: 0.875rem;
    line-height: 1;
}

.bootstrap-table {
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    border-radius: 0.5rem;
    color: rgba(0, 0, 0, .87);
    font-size: 14px;
    line-height: 1.5;
    padding: 0.75rem;
}

.table-custom th {
    background: #fff;
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
}

.table-custom .first-col {
    max-width: 200px;
}

.table-custom th .sortable {
    text-decoration: none !important;
}

.table-custom thead tr {
    border-bottom: 1px solid #bfbfbf;
}

.table-custom tfoot th {
    font-size: 1rem;
}

.table-custom :is(th, td) {
    color: rgba(0, 0, 0, .87);
    letter-spacing: 0;
    padding: 5px !important;
    white-space: nowrap;
}

#tableBalance td {
    white-space: normal;
}

.table-custom td {
    font-weight: normal !important;
    border-bottom: 1px solid #f1f1f1;
    border-left: 1px solid #e7e7e7;
}

.table-custom [style="color:red"] {
    color: #d0181e!important;
}

.table-custom :is([style="color:green"], [style="color:red"]) .icon {
    display:none;
}

.table-custom [style="color:green"] {
    color: #2e7d32!important;
}

.table-custom td a {
    background: white;
    padding: 2px 6px;
    border: 1px solid #e8e8e8;
    color: #525252 !important;
    border-radius: 2px;
    margin: 0 0.5rem;
    min-width: 55px;
    text-align: center;
    text-decoration: none !important;
}

.table-custom td a:hover {
    background-color: #e8e8e8;
}

.table-custom tr:nth-child(odd) td {
    background-color: #fff;
}

.table-custom tr:nth-child(even) td {
    background-color: #f7f7f7;
}

.table-custom tr.duplicated-entry td {
    background-color: lightgreen !important;
}

#divIndexResults > .row > .col-md-12 {
    max-width: 100%;
    flex: 0 0 auto;
}

#divIndexResults .row {
    justify-content: center;
}

#divIndexResults .tableicons tbody {
    display: flex;
}

#divIndexResults .tableicons + div {
    display: none;
}

#proventsPerMonth {
    margin-top: 2rem;
}

#proventsPerMonth ul {
    column-count: auto;
    column-gap: 2rem;
    column-width: 15ch;
    line-height: 2rem;
    max-width: calc((15ch * 3) + (2rem * 2));
    margin: 1rem auto 0;
    text-align: left;
}

#proventsPerMonth ul li {
    color: rgba(0, 0, 0, .87);
    font-size: 0.875rem;
}

#proventsPerMonth ul li span {
    min-width: 7ch;
    display: inline-block;
}

:is(#tableResults, #tableStock) :is(th, td):first-child {
    text-align: left;
    max-width: 280px;
}

.fixed-columns {
    display: none;
}

.bullet {
    background-color: currentColor;
    border: 1px solid rgba(255,255,255,0.5);
    box-shadow: 0 0 0.125rem 0px;
    display: inline-block;
    border-radius: 1rem;
    height: 0.5rem;
    width: 0.5rem;
}

.bullet + .bullet {
    margin-left: 0.25rem;
}

.bullet-green {
    color: green;
}

.bullet-red {
    color: red;
}

.bullet-gray {
    color: gray;
}

a[href*="AssetDetail"]:not(.flex, .no-icon, :is([href*="ticker=CDB"], [href*="ticker=CRI"], [href*="ticker=CCB"], [href*="ticker=RDB"], [href*="ticker=LCI"], [href*="ticker=LCA"], [href*="ticker=Tesouro"], [href*="ticker=Trigono"], [href*="ticker=Versa"], [href*="ticker=Conta"], [href*="ticker=Ip"])) {
    position: relative;
    padding-left: calc(22px + 0.5rem);
}

a[href*="AssetDetail"]:not(.flex, .no-icon, :is([href*="ticker=CDB"], [href*="ticker=CRI"], [href*="ticker=CCB"], [href*="ticker=RDB"], [href*="ticker=LCI"], [href*="ticker=LCA"], [href*="ticker=Tesouro"], [href*="ticker=Trigono"], [href*="ticker=Versa"], [href*="ticker=Conta"], [href*="ticker=Ip"]))::before {
    content: "";
    width: 22px;
    height: 22px;
    background-image: var(--icon);
    background-size: cover;
    display: block;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2px;
}

a[href*="AssetDetail"][href*="ticker=AAPL34"] {
    --icon: url("https://statusinvest.com.br/img/company/bdr/avatar/48.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=ABCB"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/327.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=ABEV3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/297.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=ADA"] {
    --icon: url("https://statusinvest.com.br/img/company/cryptocoins/avatar/63.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=AERI3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/649.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=AFHI11"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/684.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=AGRO3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/280.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=ALOS3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/315.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=ALUP11"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/446.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=ALZR11"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/78.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=AURA33"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/634.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=B3SA3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/367.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BBAS3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/331.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BBSE3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/357.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BCIA11"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/129.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BCRI11"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/130.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BNB"] {
    --icon: url("https://statusinvest.com.br/img/company/cryptocoins/avatar/15.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BPFF11"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/81.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BRCO11"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/525.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BRCR11"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/1.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BRML3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/303.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BRSR6"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/335.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BTC"] {
    --icon: url("https://statusinvest.com.br/img/company/cryptocoins/avatar/1.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BTLG11"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/70.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=BUSD"] {
    --icon: url("https://statusinvest.com.br/img/company/cryptocoins/avatar/30.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=CARD3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/170.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=CCRO3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/198.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=CEAB3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/522.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=CGRA"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/222.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=CPLE6"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/462.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=CPTS11"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/133.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=CSAN3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/403.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=CSED3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/681.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=CSMG3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/442.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=CYRE3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/230.jpg?v=1000");
}

a[href*="AssetDetail"][href*="ticker=DEXP3"] {
    --icon: url("https://statusinvest.com.br/img/company/avatar/388.jpg?v=1000...

Reviews

No reviews yet.