ITOP by jpazerty

/* ==UserStyle==
@name         ITOP
@version      20230227.14.56
@namespace    userstyles.world/user/jpazerty
@description  only for personal use, itop
@author       jpazerty
@license      No License
==/UserStyle== */

@-moz-document regexp("https://itop.ac-nice.fr/itop/pages/UI.php.*") {
table.listResults > tbody > tr > * {
    transition: none;
}
.ui-widget-shadow {
    opacity: 1;
    white-space: pre-wrap;
    max-width: none;
}

.showButton {
    float: right;
    font-size: 1.2em
}

.coolalert {
    animation: spin 10s linear infinite;
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Pure CSS Tooltip */
div.dashlet-content {
    overflow: visible;
}
a[data-tooltip] {
    position: relative;
}
a[data-tooltip]:after,
a[data-tooltip]:before {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 50%;
    box-sizing: border-box;
    z-index: 9999;
}
a[data-tooltip]:after {
    content: attr(data-tooltip);
    background: rgba(27, 27, 27, 0.97);
    top: 100%;
    margin-top: 22px;
    padding: 1.25em 2em;
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.5;
    width: 450px;
    margin-left: -125px;
    border-radius: 3px;
}
a[data-tooltip]:before {
    content: "";
    top: 100%;
    margin-top: 12px;
    margin-left: -5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(27, 27, 27, 0.97);
}
a[data-tooltip]:hover:after,
a[data-tooltip]:hover:before {
    -webkit-transition: all 400ms ease 50ms;
    transition: all 400ms ease 50ms;
    visibility: visible;
    opacity: 1;
}
a[data-tooltip]:hover:after {
    margin-top: 15px;
}
a[data-tooltip]:hover:before {
    margin-top: 5px;
}


.commentButton {
    /* position: relative;*/
    margin-left: 6px;
    /*  color: #E24E4F !important;*/
    font-size: 15px;
    -webkit-animation: pulse-blue 2s infinite;
    -moz-animation: pulse-blue 2s infinite;
    -ms-animation: pulse-blue 2s infinite;
    animation: pulse-blue 2s infinite;
}

/*#datatable_block_1 .commentButton {
    color: #FFF;
}
*/
@keyframes pulse-blue {
    0% {
        transform: scale(0.7);
    }

    70% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(.7);
    }
}

.phoneCool {
    float: left;
    margin-right: 10px;
    transform: scale(1.5);
    text-decoration: none;
    transition: .2s ease-in-out
}
.phoneCool:hover {
    float: left;
    margin-right: 5px;
    transform: scale(1.8);
    filter: hue-rotate(180deg);
}

#global-search-image {
    margin-left: 5px;
}


#WelcomeMenuPage > table:nth-child(2) > tbody:nth-child(1) > tr > td {
    border: none;
}


h1 {
    margin-left: 7px
}



 #demandes-non-traitees tbody tr * {
    background: #ef5350;
    color: #ffebee;
    transition: background 0.4s linear;
}

#nouvelles-demandes-vote tbody tr * {
    background: #ef5350;
    color: #ffebee;
    transition: background 0.4s linear;
}


#demandes-non-traitees tbody tr:nth-child(even) * {
    background: #f44336;
}
#demandes-non-traitees tbody tr:hover * {
    background: #d32f2f;
}

#demandes-non-traitees tbody tr td {
    line-height: 2em;
    border-top: 1px solid #e57373;

    /* white-space: nowrap;*/
}
/*#demandes-non-traitees tbody tr:last-child td{
     border-bottom: none
}*/

#WelcomeMenuPage table.listResults:not(#demandes-non-traitees) tbody tr * {
    background: #f5f5f5;
    color: #616161;
    transition: background 0.2s ease-out;
 
}
#WelcomeMenuPage table.listResults:not(#demandes-non-traitees) tbody tr:nth-child(even) * {
    background: #fafafa
}

#WelcomeMenuPage table.listResults:not(#demandes-non-traitees) tbody tr:hover * {
    background: #eee
}

#WelcomeMenuPage table.listResults:not(#demandes-non-traitees) td {
    line-height: 2em;
    border-top: 1px solid #eee
}
/*table.listResults:not(#demandes-non-traitees) tr:last-child td {
    border-bottom: none;
}*/
#WelcomeMenuPage table.listResults:not(#demandes-non-traitees) .commentButton {
    color: #ef5350
}

table.listResults th {
    text-align: center;
    height: 2.5em;
    background: transparent;
    color: #eee;
    padding-top:3px;
    padding-bottom:3px
}

table thead {
    background-image: linear-gradient(#555, #333);
    border-bottom: 2px solid #fffaf8
}

/*table.listResults td a {
    overflow: hidden;
    text-overflow: ellipsis;
}*/
a.fa-user {
    float: left;
    margin: 5px 7px 0px 0px;
    font-size: 1.2em;

    /* margin-top: 8px;*/
    /* width: 1.2em;*/
    /* text-align: center;*/
}
.settings {
    font-size: 1.5em;
    color: #777;
    margin-right: 0.5em
}
.imagecool {
    display: none
}

img:not(.settings) {
   filter: grayscale(100%) brightness(90%);
    
 /*filter: hue-rotate(200deg) brightness(110%);*/
}
.slider {
    background-color: #777 !important
}

#global-search-image {
    filter: grayscale(100%) brightness(90%);
}

table.listResults:not(.pager) {
    border-collapse: collapse;
    width: 100%;
    border:none
}


.pouBorder {
    border: 5px solid #eee;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 3px 3px 2px 2px rgba(0, 0, 0, 0.2);
}

td {
    vertical-align: middle;
}


#top-bar {
    background-image: linear-gradient(#f1f1f1, #eee);
    border-bottom: 2px solid #fffaf8;
    color:white
}

#itop-breadcrumb {
    background: transparent;
}

#global-search-input{
    border-radius: 2px;
    border: 2px solid #777
}

.pagedemande #tabbedContent_0 ul li {
    background-color : #ccc !important;
    border:#eee !important;
    border-bottom:5px solid transparent !important;


}
.pagedemande #tabbedContent_0 ul li a:visited {
    color:white !important

}
.pagedemande #tabbedContent_0 ul li *:hover {
   color:white !important;
    transition: color 0.2s ease-out !important;      
   
    
       
}
.pagedemande #tabbedContent_0 ul li:hover {
   color:white !important;
    /*transition: color 0.2s ease-out !important;*/
    border-bottom:5px solid #eee !important;
    transition: border 0.2s ease-out !important;
        
        
       
}

.pagedemande #tabbedContent_0 ul  {
     background-color : #ccc !important;
     border:#eee !important;   

}

.pagedemande #tabbedContent_0 ul:hover  {
   color:white !important
}

.pagedemande #tabbedContent_0 display_block a{
     background-color : #ccc !important;
}

#demandes-en-cours-pam-cannes > thead:nth-child(1) > tr:nth-child(1) > th:nth-child(5) {
    min-width:120px;
}


#help-link > img:nth-child(1){
    display:none
}

#logOffBtn > ul:nth-child(1) > li:nth-child(1) > img:nth-child(1){
    margin-top:3px;
    margin-right:7px
}

#itop-breadcrumb{
   display:none
}

#titreTop{
    font-size: xx-large; 
}

:root{
  	--mycolor: #527aa8;
}

#tabbedContent_0 > ul {
   /* background-color: var(--mycolor) !important;*/
    border: 1px solid var(--mycolor) !important;
    background-image: linear-gradient(#7292bb, var(--mycolor));
}

#tabbedContent_0 > ul li {
    border: 1px solid #9f9fb7 !important;
    margin : 2px;
    border-radius: 20px;
    color:white
}

.itop_popup li a {
    color:white
}

}