forked from GitHub/gf-core
49 lines
1.1 KiB
CSS
49 lines
1.1 KiB
CSS
|
|
body { background-color: #f6f6f6; }
|
|
|
|
|
|
h1,h2,h3,h4 { font-family: sans-serif; color: #303030;
|
|
text-shadow: rgba(0,0,0,0.25) 2px 2px 5px;
|
|
}
|
|
h1 { text-align: center; }
|
|
h2 { border-bottom: 2px solid #303030; clear: right; }
|
|
|
|
div.mainlinks { font-size: 140%; }
|
|
div.center { text-align: center; }
|
|
div.news { font-size: small; }
|
|
|
|
h1 img { float: right; border: 0; }
|
|
h1 img.nofloat { float: none; }
|
|
img.right { float: right; }
|
|
|
|
ol.languages {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-wrap: wrap;
|
|
height: 12em;
|
|
}
|
|
|
|
.grow {
|
|
max-width: 75%;
|
|
animation-name: grow;
|
|
animation-duration: 2s;
|
|
animation-timing-function: ease-in-out;
|
|
|
|
-webkit-animation-name: grow;
|
|
-webkit-animation-duration: 2s;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
|
|
}
|
|
|
|
@keyframes grow {
|
|
from,50% { opacity: 0; transform: scale(0.1,0.1); }
|
|
80% { opacity: 1; transform: scale(1.1,1.1); }
|
|
to { transform: scale(1.0,1.0); }
|
|
}
|
|
|
|
@-webkit-keyframes grow {
|
|
from,50% { opacity: 0; -webkit-transform: scale(0.1,0.1); }
|
|
80% { opacity: 1; -webkit-transform: scale(1.1,1.1); }
|
|
to { -webkit-transform: scale(1.0,1.0); }
|
|
}
|