MediaWiki:Common.css: Porovnání verzí

Verze z 16. 10. 2014, 16:19

/* Zde uvedené CSS bude ovlivňovat všechny styly */
/*
 Zruseni obrazku v podkladu u tabulek
*/

table{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

/* 
Velikonoce 2014
*/

#vel14_menu p{
margin:0;
padding:0 !important;
}
#vel14_menu{
background-image: url("http://wiki.the-west.cz/images/5/5e/VEL2014_podkladMenu.png");
}

/* 
Cirkus
 */

#cirkusKarty img
{
height: 119px;
width: 86px;
}
#cirkusKarty a:hover img{
background-image: url("http://wiki.the-west.cz/images/9/99/Cirkus_mapa_karty_hover.png");
}
#cirkusKolo img
{
height: 80px;
width: 132px;
}
#cirkusKolo a:hover img{
background-image: url("http://wiki.the-west.cz/images/c/cc/Cirkus_mapa_kolo_hover.png");
}
#cirkusSkorapky img
{
height: 146px;
width: 158px;
}
#cirkusSkorapky a:hover img{
background-image: url("http://wiki.the-west.cz/images/2/25/Cirkus_mapa_sko%C5%99%C3%A1pky_hover.png");
}
#cirkusDostihy img
{
height: 121px;
width: 108px;
}
#cirkusDostihy a:hover img{
background-image: url("http://wiki.the-west.cz/images/d/d2/Cirkus_mapa_dostihy_hover.png");
}
#cirkusOdmeny img
{
height: 54px;
width: 54px;
}
#cirkusOdmeny a:hover img{
background-image: url("http://wiki.the-west.cz/images/0/09/Cirkus_mapa_odm%C4%9Bny_hover.png");
}
#cirkusInfo img
{
height: 58px;
width: 58px;
}
#cirkusInfo a:hover img{
background-image: url("http://wiki.the-west.cz/images/c/c3/Cirkus_mapa_info_hover.png");
}
#cirkusVystavba img
{
height: 58px;
width: 58px;
}
#cirkusVystavba a:hover img{
background-image: url("http://wiki.the-west.cz/images/f/f1/Cirkus_mapa_v%C3%BDstavba_hover.png");
}
#cirkusOpice img
{
height: 30px;
width: 21px;
}
#cirkusOpice a:hover img{
background-image: url("http://wiki.the-west.cz/images/2/2c/Cirkus_mapa_opice_hover.png");
}
#cirkusNuggety a:hover img{
background-image: url("http://wiki.the-west.cz/images/c/c3/Cirkus_mapa_nuggety_hover.png");
}
#cirkusNuggety img
{
height: 70px;
width: 48px;
}
/* 
Rozcestník ikonka-hover
*/
#odkaz a:hover img {
background-image: url("http://wiki.the-west.cz/images/6/6b/Rozcestn%C3%ADk_ikonka_hover.png");
border-radius: 8px;
}

#container #p-logo {
background: url("http://wiki.the-west.es/images/e/ee/Wiki_The_West.gif")no-repeat scroll center bottom rgba(0, 0, 0, 0) !important;
height:65px;
margin-top:25px;
}
#container #p-logo a{
background-image: none !important;
}

/* 
HLAVNI STRANA
*/
#menuUkoly a:hover img{
background-image: url("http://wiki.the-west.cz/images/9/91/Hs_ukoly_hover.png");
}
#menuUkoly img
{
height: 80px;
width: 100px;
}
#menuSady a:hover img{
background-image: url("http://wiki.the-west.cz/images/9/92/Mp_sady_hover.png");
}
#menuSady img
{
height: 80px;
width: 100px;
}
#menuRemeslo a:hover img{
background-image: url("http://wiki.the-west.cz/images/5/59/Mp_remeslo_hover.png");
}
#menuRemeslo img
{
height: 80px;
width: 100px;
}
#menuRozcesti a:hover img{
background-image: url("http://wiki.the-west.cz/images/3/37/Mp_rozcesti_hover.png");
}
#menuRozcesti img
{
height: 80px;
width: 100px;
}
#menuDuely a:hover img{
background-image: url("http://wiki.the-west.cz/images/3/34/Mp_duely_hover.png");
}
#menuDuely img
{
height: 80px;
width: 100px;
}
#menuBitvy a:hover img{
background-image: url("http://wiki.the-west.cz/images/9/9e/Mp_bitvy_hover.png");
}
#menuBitvy img
{
height: 80px;
width: 100px;
}

#menuDobrodruzstvi a:hover img{
background-image: url("http://wiki.the-west.cz/images/e/e4/Mp_dobrodruzstvi_hover.png");
}
#menuDobrodruzstvi img
{
height: 80px;
width: 100px;
}

#socBaner p{
margin:0;
padding:0 !important;
}
#socBaner {
background-image: url("http://wiki.the-west.cz/images/3/31/Mp_baner_podklad.png");
}

#mpForum a:hover img{
background-image: url("http://wiki.the-west.cz/images/5/59/Mp_forum_ikonka_hover.png");
}
#mpForum img
{
height: 25px;
width: 25px;
}












.tilt {
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
-o-transition: all 3s ease;
-ms-transition: all 3s ease;
transition: all 3s ease;
}
 
.tilt:hover {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}













.pulse:hover{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.95);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}