Difference between revisions of "MediaWiki:Common.css"

From Morloch Wiki
Jump to: navigation, search
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;
}