Heroes
|
background-image: url(https://www.thisiscolossal.com/wp-content/uploads/2023/09/miyazaki-heron-2.gif);
}
nav .top .left .logo{
display: none;
}
nav .top{
height: 80px;
border: ridge white 3px;
margin-bottom: 10px;
}
nav .top .center form{
text-align: left;
}
[id='q']{
border-radius: 5px;
border: solid lightgray;
}
nav .links{
text-align: center;
background-image: linear-gradient(lightgray, white, #9fb4cb);
border: ridge white 2px;
box-shadow: 0px 5px 10px gray;
margin-bottom: 10px;
}
main .right{
width: 30%;
border-radius: 5px;
}
main .left{
background-image: linear-gradient(#ebebeb, white, #ebebeb, lightgray);
}
.general-about .profile-pic img{
margin-left: 180px;
margin-top: 15px;
box-shadow: 0px 1px 10px black;
border: ridge white 3px;
border-radius: 5px;
}
main .right{
box-shadow: 0px 1px 10px;
}
.general-about{
background: linear-gradient(to left, #7896b6, lightgray, #ebebeb);
background-color: transparent;
border-radius: 5px;
border: ridge white 3px;
text-align: center;
height: 200px;
}
.profile h1{
font-size: 55px;
color: white;
text-shadow: 0px 5px 5px #4d6c8e;
border: ridge 3px white;
border-radius: 5px;
background: linear-gradient(white, #9fb4cb);
text-align: center;
height: 90px;
}
main .right{
background: linear-gradient(to bottom, white, lightgray, #9fb4cb, #4d6c8e);
}
FORM > BUTTON{
border: ridge white 3px;
border-radius: 5px;
}
.profile .blurbs .heading{
background: linear-gradient(to right, #b8c8d9, lightgray, #2d4054);
border: ridge 3px white;
border-radius: 5px;
box-shadow: 2px 5px 5px gray;
}
.profile .blurbs .heading h4{
color: white;
text-shadow: 0px 2px 2px #33485e;
}
.profile .blurbs .inner{
background: linear-gradient(to bottom right, #babecd, white, #5c74ac);
border: ridge 3px;
border-radius: 5px;
margin-top: 10px;
text-align: center;
}
DIV.blog-preview{
text-align: center;
border: ridge 3px white;
background-image: linear-gradient(#ebebeb, white, #ebebeb, lightgray);
border-radius: 5px;
box-shadow: 2px 5px 5px gray;
}
.profile .blurbs .section h4{
text-align: center;
text-shadow: 0px 2px 2px #33485e;
color: white;
}
.profile .mood{
border: ridge 3px white;
border-radius: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}
.profile .friends .heading{
background: linear-gradient(to left, #b8c8d9, lightgray, #2d4054);
border-radius: 5px;
border: ridge 3px;
text-align: center;
box-shadow: 2px 5px 5px gray;
}
.profile .friends .heading h4{
color: white;
box-shadow: ;
text-shadow: 0px 2px 2px #33485e;
}
.profile .friends .inner{
text-align: center;
background-image: linear-gradient(#c1c7ce, white, #ebebeb, lightgray);
border: ridge 3px white;
border-radius: 5px;
margin-top: 10px;
margin-bottom: 10px;
}
.profile .friends .person p{
display: none;
}
.profile .friends .person img:not(.icon){
border: ridge 3px white;
border-radius: 5px;
box-shadow: 2px 5px 5px gray;
}
.profile .contact{
border: ridge 3px white;
border-radius: 5px;
box-shadow: 2px 5px 5px gray;
background-image: ;
background-size: 500px;
background-position: center;
background-image: linear-gradient(#ebebeb, white, #ebebeb, lightgray);
text-align: center;
}
.profile .contact .heading{
background: linear-gradient(to left, #b8c8d9, lightgray, #2d4054);
border-radius: 2px;
}
.icon{
display: none;
}
a{
color: #707e8e;
}
.profile .url-info{
border: ridge 3px white;
border-radius: 5px;
background-image: linear-gradient(#ebebeb, white, #ebebeb, lightgray);
text-align: center;
}
DIV.url-info > P:nth-child(1) > B{
color: #707e8e;
}
.profile .table-section .heading{
background: linear-gradient(to left, #b8c8d9, lightgray, #2d4054);
text-align: center;
}
.profile .table-section{
border: ridge 3px white;
border-radius: 5px;
box-shadow: 2px 5px 5px gray;
text-shadow:2px 2px 5px gray;
}
.details-table td{
background-color: white;
border-radius: 5px;
box-shadow: 2px 2px 5px gray;
}
:root {
--light-orange: ;
--even-lighter-blue: white;
}
table.comments-table{
border: outset white ;
border-radius: 10px;
box-shadow: 2px 2px 5px gray;
}
.comments-table td *{
border-radius: 5px;
border: none;
}
.count{
color: #5874a7;
}
.details-table td *{
color: #8b9ab3 ;
}
footer{
border: ridge 3px white;
border-radius: 5px;
background: linear-gradient(to bottom, #b8c8d9, lightgray, #2d4054);
}
|