99 lines
1.7 KiB
CSS
99 lines
1.7 KiB
CSS
|
/*
|
||
|
|
____ _ _ _
|
||
|
|
/ ___| |__ __ _ _ __ _ __(_) | ___ _ __ __ _
|
||
|
|
| | | '_ \ / _` | '_ \| '__| | | / _ \| '__/ _` |
|
||
|
|
| |___| | | | (_| | |_) | | | | || (_) | | | (_| |
|
||
|
|
\____|_| |_|\__,_| .__/|_| |_|_(_)___/|_| \__, |
|
||
|
|
|_| |___/
|
||
|
|
*/
|
||
|
|
|
||
|
|
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);}
|
||
|
|
}
|