Tyyli 9
Gizzie
div {
background-color: yellow;
background-image: url(https://i.imgur.com/aqW3Ii1.jpg) !important;
background-size: cover;
}
body{
font-family: Comic Sans MS !important;
}
p {
font-size: 18px !important;
}
h1 {
background-color: white;
}
p{
background-color: white;
font-family: "Comic Sans MS", cursive, sans-serif !important;
}
body {
background-image: url(https://i.imgur.com/doYa5dc.gif);
background-position: 0px 0px;
animation: animatedBackground 10s linear infinite;
}
#main-container{
width: 900px !important;
background-image: url(https://i.imgur.com/d1icUd8.gif) !important;
margin: auto !important;
}
#main-header{
width: 900px !important;
background-image: url(https://i.imgur.com/d1icUd8.gif);
margin: auto !important;
}
span.message-header{
background-image: url(https://i.imgur.com/d1icUd8.gif) !important;
}
#user-info-container{
background:
url(https://i.imgur.com/I9XJdrc.gif)no-repeat !important;
background-size: contain !important;
background-size: 260px, 260px !important;
}
.user-basic-info{
margin-top: 160px
!important;
height: 750px !important;
}
#user-basic-info h4{
font-family: Impact; !important;
font-weight: bold; !important;
font-size: 25px !important;
background-image: url(https://i.imgur.com/imPu1hD.gif) !important;
background-size: cover; !important;
}
#user-basic-info a{
color: yellow;
margin: auto !important;
margin-left: 70px !important;
}
#main-navi{
background-image: url(https://i.imgur.com/d1icUd8.gif) !important;
font-family: Comic Sans MS !important;
font-weight: bold;
font-color: hotpink;
opacity: 0.8;
}
.user-navi{
font-family: Comic Sans MS !important;
font-weight: bold;
font-color: hotpink;
opacity: 0.8;
}
#message-input{
background-image: url(https://i.imgur.com/d1icUd8.gif) !important;
font-family: Comic Sans MS;
-webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s !important;
transition: width 2s, height 2s, background-color 2s, transform 2s !important;
}
#message-input:hover{
background-color: #FFCCCC !important;
width: 200px !important;
height: 275px !important;
-webkit-transform: rotate (180deg) !imporant;
transform: rotate (180deg) !important;
}
#user-description{
background-image: url(https://i.imgur.com/N2eKgWc.gif) !important;
background-size: 150px;
width: 300px;
height: 320px;
border: 2px solid;
color: pink;
}
#profile-site-container{
background: url(https://i.imgur.com/scHlPnq.gif)no-repeat, url(https://i.imgur.com/hMVJjJm.gif)no-repeat !important;
background-size: 260px, 260px !important;
background-position: 7%0%, 100%0% !important;
margin-bottom: 10px !important;
padding: 0 !important;
margin-top: 0 !important;
}
#footer{
background-image: url(https://i.imgur.com/d1icUd8.gif) !important;
}
#info-item a{
font-family: Comic Sans MS;
font-color: hotpink;
}
#menu-group a{
font-family: Comic Sans MS;
font-color: hotpink;
}
#channels-navi a{
font-family: Comic Sans MS;
font-color: hotpink;
}
@keyframes animatedBackground {
from { background-position: 0 0; }
to { background-position: 100% 0; }
}
.user-navi{
margin-top: 160px !important;
background-image: url(https://i.imgur.com/d1icUd8.gif) !important;
}
#user-avatar{
max-width: 120% !important;
height: 700px !important;
}
#user-avatar-img{
width: auto !important;
max-height: 500px !important;
}
#user-avatar a{
font-family: Impact; !important;
font-weight: bold; !important;
font-size: 30px !important;
background-image: url(https://i.imgur.com/imPu1hD.gif) !important;
background-size: cover; !important;
}
#user-info{
margin-top: 30px !important;
}
#user-basic-info, hr{
width: 5px !important;
}