MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Wikiadmin1 (talk | contribs) No edit summary |
Wikiadmin1 (talk | contribs) No edit summary |
||
| Line 45: | Line 45: | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
} | } | ||
/* CSS placed here will be applied to all skins */ | |||
div.pg-psoa-cell{ | |||
position: relative; | |||
width: 100px; | |||
height: 50px; | |||
border: 0px solid black; | |||
background-color: #d2d1d4; | |||
} | |||
div.pg-psoa-action-chaser { | |||
width: 100%; | |||
height: 10%; | |||
border: 0; | |||
overflow: hidden; | |||
} | |||
div.pg-psoa-action-animation { | |||
position: absolute; | |||
height: 100%; | |||
width: 100%; | |||
border: 0; | |||
background: linear-gradient(to right, #d2d1d4, rgb(12, 1, 1)); | |||
animation: pg-chaser-horizontal 2s linear infinite; | |||
} | |||
@keyframes pg-chaser-horizontal{ | |||
0%{ | |||
transform: translateX(-100%); | |||
} | |||
100%{ | |||
transform: translateX(0%); | |||
} | |||
} | |||
Revision as of 18:53, 14 February 2023
/* CSS placed here will be applied to all skins */
body.page-Main_Page #mp-topbanner {
clear: both;
}
body.page-Main_Page h1.firstHeading {
visibility: hidden;
font-size: 0;
}
.pg-periodic-system-of-actions {
background-color: yellow;
border: 1px solid;
display: flex;
align-items: flex-end;
justify-content: left;
}
.pg-periodic-system-column {
width: 90%;
margin: 8px;
border: 4px;
background-color: blue;
border: 1px solid;
}
.pg-periodic-system-cell {
background-color: white;
border: 1px solid;
text-align: center;
margin: 5px;
}
/********** obseved */
.pg-observed-action {
position: absolute;
width: 50px;
height: 50px;
top: 10%;
left: 50%;
margin: -50px 0 0 -50px;
background: red;
border-color: black;
border-width: 13px;
border-radius: 8%;
backface-visibility: hidden;
}
/* CSS placed here will be applied to all skins */
div.pg-psoa-cell{
position: relative;
width: 100px;
height: 50px;
border: 0px solid black;
background-color: #d2d1d4;
}
div.pg-psoa-action-chaser {
width: 100%;
height: 10%;
border: 0;
overflow: hidden;
}
div.pg-psoa-action-animation {
position: absolute;
height: 100%;
width: 100%;
border: 0;
background: linear-gradient(to right, #d2d1d4, rgb(12, 1, 1));
animation: pg-chaser-horizontal 2s linear infinite;
}
@keyframes pg-chaser-horizontal{
0%{
transform: translateX(-100%);
}
100%{
transform: translateX(0%);
}
}