MediaWiki:Common.css: Difference between revisions

From Morloch Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
*/
/* Hints for hovering (skill tree) */
   
   
/* Main CSS class of the tooltip */
.tt1 {
.main-tooltip {
     position: relative;
     border: 1px solid #cac4b5;
     color: #DEDEDE;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 2px 5px;
     background-color: #fbeecb;
}
}
   
   
/* Adds padding to the wrapper to make space for a shadow */
/* static part of the tooltip style */
#tooltip-wrapper {
.tt2 {
     padding: 3px 7px 2px 3px;
    font-size: 85%;
    background: -moz-linear-gradient(left, rgba(45,44,69,1) 0%, rgba(79,113,179,1) 50%, rgba(45,44,69,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(45,44,69,1)), color-stop(50%, rgba(79,113,179,1)), color-stop(100%, rgba(45,44,69,1)));
    background: -webkit-linear-gradient(left, rgba(45,44,69,1) 0%, rgba(79,113,179,1) 50%, rgba(45,44,69,1) 100%);
     background: linear-gradient(to right, rgba(45,44,69,1) 0%, rgba(79,113,179,1) 50%, rgba(45,44,69,1) 100%);
}
}
   
   
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
.tt1 .tt2 {
.has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents {
    position: absolute;
     display: none;
     display: none;
    width: 200px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: 3px solid #16FFF7;
    box-shadow: 3px 3px 6px #12EDED;
}
}
   
   
.tooltips-init-complete {
.tt2-l {
     cursor: help;
     top: 0;
    left: 70px;
}
}
   
   
/*
.tt2-fix {
    top: 0;
    right: 70px;
}
.tt2-b {
    bottom: -65px;
    left: 70px;
}
.tt2-b-fix {
    bottom: -65px;
    right: 70px;
}
.tt1:hover .tt2 {
    display: block;
    z-index: 1000;
}

Revision as of 16:01, 2 October 2017

/* Hints for hovering (skill tree) */
 
.tt1 {
    position: relative;
    color: #DEDEDE;
}
 
/* static part of the tooltip style */
.tt2 {
    font-size: 85%;
    background: -moz-linear-gradient(left, rgba(45,44,69,1) 0%, rgba(79,113,179,1) 50%, rgba(45,44,69,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(45,44,69,1)), color-stop(50%, rgba(79,113,179,1)), color-stop(100%, rgba(45,44,69,1)));
    background: -webkit-linear-gradient(left, rgba(45,44,69,1) 0%, rgba(79,113,179,1) 50%, rgba(45,44,69,1) 100%);
    background: linear-gradient(to right, rgba(45,44,69,1) 0%, rgba(79,113,179,1) 50%, rgba(45,44,69,1) 100%);
}
 
.tt1 .tt2 {
    position: absolute;
    display: none;
    width: 200px;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: 3px solid #16FFF7;
    box-shadow: 3px 3px 6px #12EDED;
}
 
.tt2-l {
    top: 0;
    left: 70px;
}
 
.tt2-fix {
    top: 0;
    right: 70px;
}
 
.tt2-b {
    bottom: -65px;
    left: 70px;
}
 
.tt2-b-fix {
    bottom: -65px;
    right: 70px;
}
 
.tt1:hover .tt2 {
    display: block;
    z-index: 1000;
}