MediaWiki:Common.css - Revision history

Pinfold at 03:25, July 8, 2023

2023-07-08T03:25:08Z

@@ Line 112: / Line 112: @@
 ol li > ol li > ol li > ol {
 	list-style-type: lower-roman;
+}

Pinfold at 03:19, July 8, 2023

2023-07-08T03:19:33Z

← Older revision		Revision as of 03:19, July 8, 2023
Line 114:		Line 114:
	}		}

	/* CSS ~~Sliding~~ Image ~~Gallery for Mediawiki~~		/* CSS Image Slideshow created by CSS
	*		*
	* @author: Unknown		* @author: Unknown
	* current version crafted together by [[User:Christharp]] from several CSS sites.		* current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia]
	*/		*/

	.~~wrapper~~ {		.containerphoto{
	~~position~~: ~~absolute~~;		height: 500px;
	~~top~~: 1%;		width: 500px;
	~~width~~: ~~4000px~~;		overflow:hidden;
	~~animation~~: ~~60s credits linear infinite~~;		position:relative;
	}		}

	.~~wrapper img:hover~~ {		.photoslide{
	~~transform~~: ~~scale(1.4)~~;		position:absolute;
	~~cursor~~: ~~pointer~~;		animation:round 20s infinite;
	}		opacity:0;
	~~@keyframes credits {~~
	0~~% {~~
	~~margin-left: 0px~~;
	}
	~~100% {~~
	~~margin-left: -4000px;~~
	}

	}		}
			@keyframes round{
			25%{opacity:1;}
			40%{opacity:0;}
			}

	~~.wrapper~~:~~hover~~{		img:nth-child(5){animation-delay:0s;}
	animation-~~play~~-~~state~~: ~~paused~~;		img:nth-child(4){animation-delay:4s;}
	~~cursor~~: ~~pointer~~;		img:nth-child(3){animation-delay:8s;}
			img:nth-child(2){animation-delay:12s;}
			img:nth-child(1){animation-delay:16s;}
	}		}

Pinfold at 03:01, July 8, 2023

2023-07-08T03:01:04Z

@@ Line 112: / Line 112: @@
 ol li > ol li > ol li > ol {
 	list-style-type: lower-roman;
+}

Pinfold at 20:41, June 5, 2023

2023-06-05T20:41:34Z

@@ Line 30: / Line 30: @@
 	border-top: 1px solid #CCC;
 	padding-top: 0.5em;
+}
 .banner {

Pinfold: Created page with "/* CSS placed here will be applied to all skins */ .mainpage_row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0;..."

2023-06-05T20:35:55Z

Created page with "CSS placed here will be applied to all skins: .mainpage_row { display: flex; flex-direction: row; flex-flow: row wrap; justify-content: space-between; padding: 0;..."

New page

/* CSS placed here will be applied to all skins */

.mainpage_row {
display: flex;
flex-direction: row;
flex-flow: row wrap;
justify-content: space-between;
padding: 0;
margin: 0 -5px 0 -5px;
}
.mainpage_box {
flex: 1;
margin: 5px;
min-width: 310px;
max-width: 1000px;
border: 1px solid #CCC;
padding: 10px 10px 10px 10px;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.mainpage_box h3 {
/* Reset padding so is equal across skins */
padding: 0;
margin: 0.5em 0;
}
.mainpage_box h3 .header_icon {
float: left;
margin-right: 5px;
}
.mainpage_box .items {
border-top: 1px solid #CCC;
padding-top: 0.5em;
}
.banner {
flex: 1;
margin: 5px;
min-width: 210px;
padding: 10px 10px 10px 10px;
font-family: "Comic Sans MS", "Comic Sans", cursive;
font-size: 36pt;
text-align: center;
background-color: #ffffff;
box-shadow: 0 4px 4px rgba(0,0,0,0.8);
}
.mainpage_box p:last-child {
margin-bottom: 0;
}
.mainpage_boxcontents_small {
font-size: 95%;
}
/* Style the "other languages" box the same way as other boxes on the main page */
.mw-pt-languages {
display: block;
background: none;
border: 1px solid #CCC;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
width: auto;
}
.mw-pt-languages-label {
background: none;
border-right: none;
}

.thumb, .thumbinner {
box-sizing: border-box;
}
.thumbimage {
height: auto;
}
@media screen and (max-width: 719px) {
.thumb {
float: none;
}
.thumb, .thumbinner {
margin-left: auto;
margin-right: auto;
}
}

img {
max-width:100%;
height:auto;
}

ol {
list-style-type: decimal;
}
ol li > ol {
list-style-type: upper-alpha;
}
ol li > ol li > ol {
list-style-type: lower-alpha;
}
ol li > ol li > ol li > ol {
list-style-type: lower-roman;
}