ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / curs.tbf.ro / src / scss /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : _tooltip.scss \| Size : 4.50 KB
.margin-left-desc{ margin-left: 10px; } .popover-tbf { display: block !important; z-index: 10000; &:focus{ outline: none; } &.description-popover{ .tooltip-inner { max-width: 300px; } } &.space-box-day-popover{ .tooltip-inner { max-width: 300px; } } .tooltip-inner { border-radius: 10px; border: solid 1px #3e3e3e; background-color: #3e3e3e; padding: 10px; max-width: 200px; .kr-title{ color: #FFF; font-size: 14px; font-weight: 500; text-align: left; margin-bottom: 5px; } .kr-description{ opacity: 0.8; color: #FFF; font-size: 12px; text-align: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid; } .kr-info{ margin-bottom: 15px; &:last-child{ margin-bottom: 0; } .label-desc{ font-size: 12px; color: #FFF; text-align: left; .date{ text-transform: capitalize; } } } .label{ font-size: 12px; color: #FFF; opacity: 0.7; text-align: left; margin-bottom: 10px; svg{ opacity: 1; fill: #fff; width: 10px; margin-top: -3px; margin-right: 3px; } } .simple-text{ font-size: 12px; color: #FFF; text-align: center; } .description{ font-size: 12px; color: #FFF; text-align: left; } .objective-name{ margin-top: 10px; font-size: 12px; color: #FFF; text-align: left; span{ opacity: 0.7; } svg{ margin-right: 10px; .stroke-color{ stroke: #FFF; } } } .reason{ font-size: 12px; color: #FFF; text-align: left; opacity: 0.8; margin-top: 10px; span{ opacity: 0.8; } } } .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; border-color: #3e3e3e; } &[x-placement^="top"] { margin-bottom: 5px; .tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } } &[x-placement^="bottom"] { margin-top: 5px; .tooltip-arrow { border-width: 0 5px 5px 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } } &[x-placement^="right"] { margin-left: 5px; .tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } } &[x-placement^="left"] { margin-right: 5px; .tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } } &[aria-hidden='true'] { visibility: hidden; opacity: 0; transition: opacity .15s, visibility .15s; } &[aria-hidden='false'] { visibility: visible; opacity: 1; transition: opacity .15s; } } Back

Edit File : _tooltip.scss | Size : 4.50 KB

.margin-left-desc{
    margin-left: 10px;
}

.popover-tbf {
    display: block !important;
    z-index: 10000;
    &:focus{
        outline: none;
    }
    &.description-popover{
        .tooltip-inner {
            max-width: 300px;
        }
    }
    &.space-box-day-popover{
        .tooltip-inner {
            max-width: 300px;
        }
    }
    .tooltip-inner {
        border-radius: 10px;
        border: solid 1px #3e3e3e;
        background-color: #3e3e3e;
        padding: 10px;
        max-width: 200px;
        .kr-title{
            color: #FFF;
            font-size: 14px;
            font-weight: 500;
            text-align: left;
            margin-bottom: 5px;
        }
        .kr-description{
            opacity: 0.8;
            color: #FFF;
            font-size: 12px;
            text-align: left;
            margin-bottom: 10px;
            padding-bottom: 10px;
            border-bottom: 1px solid;
        }
        .kr-info{
            margin-bottom: 15px;
            &:last-child{
                margin-bottom: 0;
            }
            .label-desc{
                font-size: 12px;
                color: #FFF;
                text-align: left;
                .date{
                    text-transform: capitalize;
                }
            }
        }
        .label{
            font-size: 12px;
            color: #FFF;
            opacity: 0.7;
            text-align: left;
            margin-bottom: 10px;
            svg{
                opacity: 1;
                fill: #fff;
                width: 10px;
                margin-top: -3px;
                margin-right: 3px;
            }
        }
        .simple-text{
            font-size: 12px;
            color: #FFF;
            text-align: center;
        }
        .description{
            font-size: 12px;
            color: #FFF;
            text-align: left;
        }
        .objective-name{
            margin-top: 10px;
            font-size: 12px;
            color: #FFF;
            text-align: left;
            span{
                opacity: 0.7;
            }
            svg{
                margin-right: 10px;
                .stroke-color{
                    stroke: #FFF;
                }
            }
        }
        .reason{
            font-size: 12px;
            color: #FFF;
            text-align: left;
            opacity: 0.8;
            margin-top: 10px;
            span{
                opacity: 0.8;
            }
        }
    }

.tooltip-arrow {
        width: 0;
        height: 0;
        border-style: solid;
        position: absolute;
        margin: 5px;
        border-color: #3e3e3e;
    }

&[x-placement^="top"] {
        margin-bottom: 5px;

.tooltip-arrow {
            border-width: 5px 5px 0 5px;
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            border-bottom-color: transparent !important;
            bottom: -5px;
            left: calc(50% - 5px);
            margin-top: 0;
            margin-bottom: 0;
        }
    }

&[x-placement^="bottom"] {
        margin-top: 5px;

.tooltip-arrow {
            border-width: 0 5px 5px 5px;
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            border-top-color: transparent !important;
            top: -5px;
            left: calc(50% - 5px);
            margin-top: 0;
            margin-bottom: 0;
        }
    }

&[x-placement^="right"] {
        margin-left: 5px;

.tooltip-arrow {
            border-width: 5px 5px 5px 0;
            border-left-color: transparent !important;
            border-top-color: transparent !important;
            border-bottom-color: transparent !important;
            left: -5px;
            top: calc(50% - 5px);
            margin-left: 0;
            margin-right: 0;
        }
    }

&[x-placement^="left"] {
        margin-right: 5px;

.tooltip-arrow {
            border-width: 5px 0 5px 5px;
            border-top-color: transparent !important;
            border-right-color: transparent !important;
            border-bottom-color: transparent !important;
            right: -5px;
            top: calc(50% - 5px);
            margin-left: 0;
            margin-right: 0;
        }
    }

&[aria-hidden='true'] {
        visibility: hidden;
        opacity: 0;
        transition: opacity .15s, visibility .15s;
    }

&[aria-hidden='false'] {
        visibility: visible;
        opacity: 1;
        transition: opacity .15s;
    }
}

Back