User:Yasir72.multan/common.css
Jump to navigation
Jump to search
Note: After saving, you have to bypass your browser's cache to see the changes. Internet Explorer: press Ctrl-F5, Mozilla: hold down Shift while clicking Reload (or press Ctrl-Shift-R), Opera/Konqueror: press F5, Safari: hold down Shift + Alt while clicking Reload, Chrome: hold down Shift while clicking Reload.
 |
The accompanying .js page for this skin is at User:Yasir72.multan/common.js. |
#text {
display:none;
}
/* -- FS Table -- */
#fs-table.wikitable, #fm-table.wikitable, #otd-table.wikitable {
border-bottom:0.3125em solid #d61515;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.2), 0 0.375em 1.25em 0 rgba(0, 0, 0, 0.19);
}
#fs-table.wikitable tr:nth-child(1) th, #fm-table.wikitable tr:nth-child(1) th, #otd-table.wikitable tr:nth-child(1) th{
color:white;
background: #d61515;
}
#fs-table.wikitable tr:nth-child(even), #fm-table.wikitable tr:nth-child(even), #otd-table.wikitable tr:nth-child(even) {
background:#f7f7f7;
}
#fs-table.wikitable tr:nth-child(odd), #fm-table.wikitable tr:nth-child(odd), #otd-table.wikitable tr:nth-child(odd) {
background:#fff;
}
#fs-table.wikitable tr:hover, #fm-table.wikitable tr:hover, #otd-table.wikitable tr:hover {
background:lightyellow;
}
#fsyear.wikitable tr:hover, #sdcal.wikitable tr:hover, #otd_day_table.wikitable tr:hover {
background:lightyellow;
}
/* -- POTD Create Table -- */
.potd-create-table {
border-collapse:collapse;
margin:1.5625em;
border:0.0625em solid #eee;
}
.potd-create-table td {
padding:0.375em;
text-align:center;
}
.potd-create-table tr:nth-child(2) td {
font-weight:bold;
font-size:1em;
}
.potd-create-table tr:nth-child(3) td {
background:#2baf2b;
color:#fff;
}
/* -- Calendar -- */
.calendarcell01:hover, .calendarcell1:hover {
background:#ffdacc;
transition:.0s;
}
.calendarcell02:hover, .calendarcell2:hover {
background:#ede3ef;
transition:.0s;
}
.calendarcell03:hover, .calendarcell3:hover {
background:#cdfecd;
transition:.0s;
}
.calendarcell04:hover, .calendarcell4:hover {
background:#d9e4f1;
transition:.0s;
}
.calendarcell05:hover, .calendarcell5:hover {
background:#ffb5da;
transition:.0s;
}
.calendarcell06:hover, .calendarcell6:hover {
background:#a8e4bc;
transition:.0s;
}
.calendarcell07:hover, .calendarcell7:hover {
background:#afeeee;
transition:.0s;
}
.calendarcell08:hover, .calendarcell8:hover {
background:#efc0ef;
transition:.0s;
}
.calendarcell09:hover, .calendarcell9:hover {
background:#ffdead;
transition:.0s;
}
.calendarcell10:hover {
background:#f9fab3;
transition:.0s;
}
.calendarcell11:hover {
background:#edb7c9;
transition:.0s;
}
.calendarcell12:hover {
background:#b7e1f3;
transition:.0s;
}
/* -- Clock --*/
div.clock {
position:relative;
width:12.5em;
height:12.5em;
background:#d61515;
border-radius:50%;
margin:0.625em auto;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.2), 0 0.375em 1.25em 0 rgba(0, 0, 0, 0.19);
}
div.clock > .clock-center {
position:absolute;
top:46.5%;
left:46.5%;
z-index:2;
background:#000;
padding:0.5em;
border-radius:inherit;
}
div.clock > .clock-number {
position:absolute;
z-index:1;
color:#000;
font-weight:bold;
}
div.clock > .clock-number-12 {
left:46.5%;
top:0;
}
div.clock > .clock-number-1 {
right:25.5%;
top:6.5%;
}
div.clock > .clock-number-2 {
right:7.5%;
top:23.5%;
}
div.clock > .clock-number-3 {
right:2%;
top:46.5%;
}
div.clock > .clock-number-4 {
right:8.5%;
bottom:21.5%;
}
div.clock > .clock-number-5 {
right:25.5%;
bottom:5.5%;
}
div.clock > .clock-number-6 {
right:47.5%;
bottom:0;
}
div.clock > .clock-number-7 {
left:26.5%;
bottom:5.5%;
}
div.clock > .clock-number-8 {
left:9.5%;
bottom:21.5%;
}
div.clock > .clock-number-9 {
left:2%;
top:46.5%;
}
div.clock > .clock-number-10 {
left:7.5%;
top:23.5%;
}
div.clock > .clock-number-11 {
left:24.5%;
top:7.5%;
}
div.clock > .clock-caption-above {
position:absolute;
top:30%;
z-index:1;
color:#000;
text-align:center;
width:100%;
font-weight:bold;
}
div.clock > .clock-caption-bottom {
position:absolute;
top:60%;
z-index:1;
color:#000;
text-align:center;
width:100%;
font-weight:bold;
}
div.clock > .needle-full {
position:absolute;
top:0;
left:50%;
z-index:1;
background:transparent;
}
div.clock > .seconds-needle {
position:absolute;
width:0.1875em;
height:11.25em;
margin-top:0.625em;
}
div.clock > .minutes-needle {
position:absolute;
width:0.25em;
height:10em;
margin-top:1.25em;
}
div.clock > .hours-needle {
position:absolute;
width:0.25em;
height:6.25em;
margin-top:3.125em;
}
div.clock > .needle-full > .needle {
display:inline-block;
height:50%;
width:100%;
background:#000;
}