#Some test

Test
MickSlash 2020-07-11 01:45:13 +02:00
parent bc0bdaadc9
commit 41d6a3563e
1 changed files with 15 additions and 18 deletions

View File

@ -15,24 +15,26 @@
margin: 0 auto;
height: 100%;
border: 1px solid black;
/* --gradient-background: rgba(34, 35, 48, 0.93);
background: var(--gradient-background); */
background: hsla(205, 46%, 30%, 1);
background: linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#295270", endColorstr="#524175", GradientType=1 );
/* --gradient-background: rgba(34, 35, 48, 0.93); */
background: var(--gradient-background);
}
#mainbody.DefaultTheme{
--gradient-background: linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%);
--gradient-cards-background: linear-gradient(90deg, hsla(347, 89%, 61%, 1) 0%, hsla(242, 42%, 40%, 1) 100%);
/* background: -moz-linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%); */
}
#biografia{
padding: 20px 35px;
}
.card-comments{
border-left: 5px solid #1B98E0;
background: hsla(347, 89%, 61%, 1);
background: var(--gradient-cards-background);
/* background: hsla(347, 89%, 61%, 1);
background: linear-gradient(90deg, hsla(347, 89%, 61%, 1) 0%, hsla(242, 42%, 40%, 1) 100%);
background: -moz-linear-gradient(90deg, hsla(347, 89%, 61%, 1) 0%, hsla(242, 42%, 40%, 1) 100%);
background: -webkit-linear-gradient(90deg, hsla(347, 89%, 61%, 1) 0%, hsla(242, 42%, 40%, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F44369", endColorstr="#3E3B92", GradientType=1 );
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F44369", endColorstr="#3E3B92", GradientType=1 ); */
}
* {
box-sizing: border-box;
@ -46,9 +48,9 @@
background-color: black;
}
#img-border{
border: 5px solid grey;
border: 3px solid grey;
}
.img-fluid{
.profileimg{
width: 260px;
height: 260px;
}
@ -64,11 +66,6 @@
margin-top: 10px;
}
}
@media (max-width: 1624px) {
.img-fluid{
height: inherit;
}
}
.lastimagecomments {
/* classe utilizzata per ridimensionare le immagini relative agli ultimi commenti scritti */
height: 150px!important;
@ -129,11 +126,11 @@
</style>
</head>
<body>
<div id="mainbody">
<div id="mainbody" class="DefaultTheme">
<div class="container">
<div class="row no-gutters mt-4">
<div class="col-lg-4 text-center my-auto">
<img id="img-border" src="https://avatarfiles.alphacoders.com/162/162492.png" class="img-fluid" alt="">
<img id="img-border" src="https://avatarfiles.alphacoders.com/162/162492.png" class="img-fluid profileimg" alt="">
</div>
<div class="col-lg-8">
<h3 class="text-center spacename">NOME PROFILO</h3>