MediaWiki:Common.css: Difference between revisions
From Impulse Launch Systems
No edit summary Tag: Manual revert |
No edit summary |
||
| (47 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
# | .readerly { | ||
width: 54em; | |||
font-size: 11pt; | |||
} | |||
/* Tooltip container */ | |||
.tooltip { | |||
position: relative; | |||
display: inline-block; | |||
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ | |||
} | |||
/* Tooltip text */ | |||
.tooltip .tooltiptext { | |||
visibility: hidden; | |||
width: 120px; | |||
background-color: black; | |||
color: #fff; | |||
text-align: center; | |||
padding: 5px 0; | |||
border-radius: 6px; | |||
/* Position the tooltip text - see examples below! */ | |||
position: absolute; | |||
z-index: 1; | |||
} | |||
/* Show the tooltip text when you mouse over the tooltip container */ | |||
.tooltip:hover .tooltiptext { | |||
visibility: visible; | |||
} | |||
/* Floating div rules */ | |||
.sticky { | |||
float: right; | |||
position: sticky; | |||
top: 10px; | |||
right: -10em; | |||
padding: 10px 0px; | |||
width:20em; | |||
} | |||
/*Indented, colored, aside text box */ | |||
.aside { | |||
margin: 6px 3em; | |||
padding: 6px; | |||
background-color: #fffdaf; | |||
text-align: justify; | |||
border: 1px solid; | |||
box-shadow: 10px 10px 5px lightblue; | |||
} | |||
/*class note */ | |||
.note { | |||
float: right; | |||
clear: none; | |||
width: 360px; | |||
padding: 4px 8px; | |||
background-color: #fffdaf; | |||
text-align: justify; | |||
border: 1px solid; | |||
box-shadow: 10px 10px 5px lightblue; | |||
} | |||
/* Home Page Gallery */ | |||
/* CSS Sliding Image Gallery for Mediawiki | |||
* | |||
* @author: Unknown | |||
* current version crafted together by [[User:Christharp]] from several CSS sites. | |||
*/ | |||
.wrapper { | |||
position: absolute; | |||
top: 1%; | |||
width: 4000px; | |||
animation: 60s credits linear infinite; | |||
} | |||
.wrapper img:hover { | |||
transform: scale(1.4); | |||
cursor: pointer; | |||
} | |||
@keyframes credits { | |||
0% { | |||
margin-left: 0px; | |||
} | |||
100% { | |||
margin-left: -4000px; | |||
} | |||
} | |||
/* Toolbars */ | |||
.site-tools { | |||
visibility: hidden; | |||
} | |||
#p-cactions { display: none !important; } | |||
Latest revision as of 23:31, 29 April 2026
/* CSS placed here will be applied to all skins */
.readerly {
width: 54em;
font-size: 11pt;
}
/* Tooltip container */
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
visibility: visible;
}
/* Floating div rules */
.sticky {
float: right;
position: sticky;
top: 10px;
right: -10em;
padding: 10px 0px;
width:20em;
}
/*Indented, colored, aside text box */
.aside {
margin: 6px 3em;
padding: 6px;
background-color: #fffdaf;
text-align: justify;
border: 1px solid;
box-shadow: 10px 10px 5px lightblue;
}
/*class note */
.note {
float: right;
clear: none;
width: 360px;
padding: 4px 8px;
background-color: #fffdaf;
text-align: justify;
border: 1px solid;
box-shadow: 10px 10px 5px lightblue;
}
/* Home Page Gallery */
/* CSS Sliding Image Gallery for Mediawiki
*
* @author: Unknown
* current version crafted together by [[User:Christharp]] from several CSS sites.
*/
.wrapper {
position: absolute;
top: 1%;
width: 4000px;
animation: 60s credits linear infinite;
}
.wrapper img:hover {
transform: scale(1.4);
cursor: pointer;
}
@keyframes credits {
0% {
margin-left: 0px;
}
100% {
margin-left: -4000px;
}
}
/* Toolbars */
.site-tools {
visibility: hidden;
}
#p-cactions { display: none !important; }
