banner.chapril.org/Charter/chapril.css~

99 lines
1.7 KiB
CSS
Raw Normal View History

/*
____ _ _ _
/ ___| |__ __ _ _ __ _ __(_) | ___ _ __ __ _
| | | '_ \ / _` | '_ \| '__| | | / _ \| '__/ _` |
| |___| | | | (_| | |_) | | | | || (_) | | | (_| |
\____|_| |_|\__,_| .__/|_| |_|_(_)___/|_| \__, |
|_| |___/
*/
html
{
height: 100%;
}
body
{
font-family: Tahoma !important;
font-size: 12px;
font-color: #243C5F;
background-color: #ffffff;
padding: 0;
margin: 0;
width: 100hv;
height: 100%;
}
input[type=checkbox],
input[type=radio]
{
margin-right:10px;
vertical-align: middle;
}
#chapril-filigrane
{
position: absolute;
top: 0px;
left: 0px;
background-image: url("/Charter/charter-logo-300x.png");
background-repeat: no-repeat;
background-color: transparent;
background-position: right 5px bottom 5px;
background-attachment: fixed;
opacity: 0.1;
width: 100%;
height: 100%;
z-index: -100;
}
/***** GENERIC COLUMNS *****/
.row
{
display: block;
height: 100%;
}
.row:after
{
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.column
{
display: inline;
float: left;
height: 100%;
}
/***** Swinging image *****/
.chapril-swingimage
{
transform-origin: 50% 50%;
animation: chaprilt-swinging 3.5s ease-in-out forwards infinite;
}
@keyframes chapril-swinging
{
0%{transform: rotate(10deg);}
50%{transform: rotate(-5deg)}
100%{transform: rotate(10deg);}
}
.chapril-swingimage:hover
{
transform-origin: 50% 50%;
animation: cockpit-swinging-hover 3.5s ease-in-out forwards infinite;
}
@keyframes chapril-swinging-hover
{
0%{transform: rotate(0deg);}
100%{transform: rotate(-360deg);}
}