banner.chapril.org/Charter/chapril.css

170 lines
2.5 KiB
CSS

/*
____ _ _ _
/ ___| |__ __ _ _ __ _ __(_) | ___ _ __ __ _
| | | '_ \ / _` | '_ \| '__| | | / _ \| '__/ _` |
| |___| | | | (_| | |_) | | | | || (_) | | | (_| |
\____|_| |_|\__,_| .__/|_| |_|_(_)___/|_| \__, |
|_| |___/
*/
html
{
height: 100%;
}
body
{
font-family: Verdana !important;
font-size: 16px;
font-color: #243C5F;
background-color: #ffffff;
margin: 0;
padding: 0;
/*padding: 0 10px;*/
width: 100hv;
}
.content_zone
{
font-family: Verdana !important;
font-size: 16px;
font-color: #243C5F;
background-color: #ffffff;
max-width: 1050px;
/*
margin-left: 3rem;
margin-right: 3rem;
margin-bottom: 7rem;
*/
padding-left: 3rem;
padding-right: 3rem;
margin: 0 auto 7rem auto;
line-height: 26px;
}
h1
{
margin-top: 4rem;
}
h2
{
margin-top: 3rem;
}
input[type=checkbox],
input[type=radio]
{
margin-right:10px;
vertical-align: middle;
}
#chapril-filigrane
{
position: absolute;
top: 0px;
left: 0px;
background-image: url("/Charter/chapril-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;
}
.left
{
text-align: left;
}
.center
{
text-align: center;
}
.auto-center
{
padding-left: auto;
padding-right: auto;
}
.right
{
text-align: right;
}
.nude-list
{
margin-left:0px;
}
.nude-list > li
{
list-style-type:none;
}
a
{
text-decoration: none;
}
/***** 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);}
}
/***** Specific *****/
.version_note
{
font-size: 10px;
}