MediaWiki:Common.css: verschil tussen versies

Versie van 16 feb 2012 12:40

/** CSS die hier wordt geplaatst heeft invloed op alle skins */


@font-face {
    font-family: 'GoodDogRegular';
    src: url('../../blog/wp-content/uploads/2012/02/GoodDog-webfont.eot');
    src: url('../../blog/wp-content/uploads/2012/02/GoodDog-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../blog/wp-content/uploads/2012/02/GoodDog-webfont.woff') format('woff'),
         url('../../blog/wp-content/uploads/2012/02/GoodDog-webfont.ttf') format('truetype'),
         url('../../blog/wp-content/uploads/2012/02/GoodDog-webfont.svg#GoodDogRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.polaroidfont { font-family: "GoodDogRegular", Georgia, serif; font-size: 20px;}

.polaroidlayout {
display:inline-block; 
margin: 2px; 
padding: 6px; 
text-align:center; 
border: 1px inset gray; 
background-color: #ffffff;
}

.rotate10 {
-webkit-transform: rotate(10deg);	
-moz-transform: rotate(10deg);
-ms-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);
}

.rotate20 {
-webkit-transform: rotate(20deg);	
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
transform: rotate(20deg);
}

.rotate30 {
-webkit-transform: rotate(30deg);	
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}

.rotate40 {
-webkit-transform: rotate(40deg);	
-moz-transform: rotate(40deg);
-ms-transform: rotate(40deg);
-o-transform: rotate(40deg);
transform: rotate(40deg);
}

.rotate350 {
-webkit-transform: rotate(350deg);	
-moz-transform: rotate(350deg);
-ms-transform: rotate(350deg);
-o-transform: rotate(350deg);
transform: rotate(350deg);
}

.rotate340 {
-webkit-transform: rotate(340deg);	
-moz-transform: rotate(340deg);
-ms-transform: rotate(340deg);
-o-transform: rotate(340deg);
transform: rotate(340deg);
}

.rotate330 {
-webkit-transform: rotate(330deg);	
-moz-transform: rotate(330deg);
-ms-transform: rotate(330deg);
-o-transform: rotate(330deg);
transform: rotate(330deg);
}

.rotate320 {
-webkit-transform: rotate(320deg);	
-moz-transform: rotate(320deg);
-ms-transform: rotate(320deg);
-o-transform: rotate(320deg);
transform: rotate(320deg);
}