MickSlash
/
SomethingThatDoesntSuck
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

#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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
Src/profilo.html
View File

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