Uit Hack42
k |
|||
| Regel 25: | Regel 25: | ||
} | } | ||
| − | .rotate10 { | + | .rotate5 {-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); } |
| − | -webkit-transform: rotate( | + | .rotate10 {-webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); } |
| − | -moz-transform: rotate( | + | .rotate15 {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); } |
| − | -ms-transform: rotate( | + | .rotate20 {-webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); } |
| − | -o-transform: rotate( | + | .rotate25 {-webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); } |
| − | transform: rotate( | + | .rotate30 {-webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } |
| − | } | + | .rotate35 {-webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); -o-transform: rotate(35deg); transform: rotate(35deg); } |
| + | .rotate40 {-webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); } | ||
| + | .rotate45 {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } | ||
| − | . | + | .rotate320 {-webkit-transform: rotate(320deg); -moz-transform: rotate(320deg); -ms-transform: rotate(320deg); -o-transform: rotate(320deg); transform: rotate(320deg); } |
| − | -webkit-transform: rotate( | + | .rotate325 {-webkit-transform: rotate(325deg); -moz-transform: rotate(325deg); -ms-transform: rotate(325deg); -o-transform: rotate(325deg); transform: rotate(325deg); } |
| − | -moz-transform: rotate( | + | .rotate330 {-webkit-transform: rotate(330deg); -moz-transform: rotate(330deg); -ms-transform: rotate(330deg); -o-transform: rotate(330deg); transform: rotate(330deg); } |
| − | -ms-transform: rotate( | + | .rotate335 {-webkit-transform: rotate(335deg); -moz-transform: rotate(335deg); -ms-transform: rotate(335deg); -o-transform: rotate(335deg); transform: rotate(335deg); } |
| − | -o-transform: rotate( | + | .rotate340 {-webkit-transform: rotate(340deg); -moz-transform: rotate(340deg); -ms-transform: rotate(340deg); -o-transform: rotate(340deg); transform: rotate(340deg); } |
| − | transform: rotate( | + | .rotate345 {-webkit-transform: rotate(345deg); -moz-transform: rotate(345deg); -ms-transform: rotate(345deg); -o-transform: rotate(345deg); transform: rotate(345deg); } |
| − | } | + | .rotate350 {-webkit-transform: rotate(350deg); -moz-transform: rotate(350deg); -ms-transform: rotate(350deg); -o-transform: rotate(350deg); transform: rotate(350deg); } |
| − | + | .rotate355 {-webkit-transform: rotate(355deg); -moz-transform: rotate(355deg); -ms-transform: rotate(355deg); -o-transform: rotate(355deg); transform: rotate(355deg); } | |
| − | . | ||
| − | -webkit-transform: rotate( | ||
| − | -moz-transform: rotate( | ||
| − | -ms-transform: rotate( | ||
| − | -o-transform: rotate( | ||
| − | transform: rotate( | ||
| − | } | ||
| − | |||
| − | . | ||
| − | -webkit-transform: rotate( | ||
| − | -moz-transform: rotate( | ||
| − | -ms-transform: rotate( | ||
| − | -o-transform: rotate( | ||
| − | transform: rotate( | ||
| − | } | ||
| − | |||
| − | . | ||
| − | -webkit-transform: rotate( | ||
| − | -moz-transform: rotate( | ||
| − | -ms-transform: rotate( | ||
| − | -o-transform: rotate( | ||
| − | transform: rotate( | ||
| − | } | ||
| − | |||
| − | .rotate340 { | ||
| − | -webkit-transform: rotate(340deg); | ||
| − | -moz-transform: rotate(340deg); | ||
| − | -ms-transform: rotate(340deg); | ||
| − | -o-transform: rotate(340deg); | ||
| − | transform: rotate(340deg); | ||
| − | } | ||
| − | |||
| − | . | ||
| − | -webkit-transform: rotate( | ||
| − | -moz-transform: rotate( | ||
| − | -ms-transform: rotate( | ||
| − | -o-transform: rotate( | ||
| − | transform: rotate( | ||
| − | } | ||
| − | |||
| − | . | ||
| − | -webkit-transform: rotate( | ||
| − | -moz-transform: rotate( | ||
| − | -ms-transform: rotate( | ||
| − | -o-transform: rotate( | ||
| − | transform: rotate( | ||
| − | } | ||
Versie van 16 feb 2012 11:49
/** 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;
}
.rotate5 {-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); }
.rotate10 {-webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); transform: rotate(10deg); }
.rotate15 {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -o-transform: rotate(15deg); transform: rotate(15deg); }
.rotate20 {-webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -o-transform: rotate(20deg); transform: rotate(20deg); }
.rotate25 {-webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); }
.rotate30 {-webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
.rotate35 {-webkit-transform: rotate(35deg); -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); -o-transform: rotate(35deg); transform: rotate(35deg); }
.rotate40 {-webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transform: rotate(40deg); }
.rotate45 {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.rotate320 {-webkit-transform: rotate(320deg); -moz-transform: rotate(320deg); -ms-transform: rotate(320deg); -o-transform: rotate(320deg); transform: rotate(320deg); }
.rotate325 {-webkit-transform: rotate(325deg); -moz-transform: rotate(325deg); -ms-transform: rotate(325deg); -o-transform: rotate(325deg); transform: rotate(325deg); }
.rotate330 {-webkit-transform: rotate(330deg); -moz-transform: rotate(330deg); -ms-transform: rotate(330deg); -o-transform: rotate(330deg); transform: rotate(330deg); }
.rotate335 {-webkit-transform: rotate(335deg); -moz-transform: rotate(335deg); -ms-transform: rotate(335deg); -o-transform: rotate(335deg); transform: rotate(335deg); }
.rotate340 {-webkit-transform: rotate(340deg); -moz-transform: rotate(340deg); -ms-transform: rotate(340deg); -o-transform: rotate(340deg); transform: rotate(340deg); }
.rotate345 {-webkit-transform: rotate(345deg); -moz-transform: rotate(345deg); -ms-transform: rotate(345deg); -o-transform: rotate(345deg); transform: rotate(345deg); }
.rotate350 {-webkit-transform: rotate(350deg); -moz-transform: rotate(350deg); -ms-transform: rotate(350deg); -o-transform: rotate(350deg); transform: rotate(350deg); }
.rotate355 {-webkit-transform: rotate(355deg); -moz-transform: rotate(355deg); -ms-transform: rotate(355deg); -o-transform: rotate(355deg); transform: rotate(355deg); }