#Added A New Theme!

Test
Lucio Vignotto 2020-07-13 18:29:28 +02:00
parent 61c4b8b717
commit 493d3f8e12
1 changed files with 13 additions and 2 deletions

View File

@ -17,18 +17,29 @@
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);
} }
#mainbody.DefaultTheme{ #mainbody.DefaultTheme{
--gradient-background: 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%);
--gradient-cards-background: linear-gradient(90deg, hsla(347, 89%, 61%, 1) 0%, hsla(242, 42%, 40%, 1) 100%); --gradient-cards-background: linear-gradient(90deg, hsla(347, 89%, 61%, 1) 0%, hsla(242, 42%, 40%, 1) 100%);
--card-comments-border-left: 5px solid #1B98E0;
/* background: -moz-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%); */ background: -webkit-linear-gradient(90deg, hsla(205, 46%, 30%, 1) 0%, hsla(260, 29%, 36%, 1) 100%); */
} }
#mainbody.NightMidnight{
--gradient-background: #0f0c29; /* fallback for old browsers */
--gradient-background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29); /* Chrome 10-25, Safari 5.1-6 */
--gradient-background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
--card-comments-border-left: 5px solid #FFF8F0;
--gradient-cards-background: hsla(245, 39%, 28%, 1);
--gradient-cards-background: linear-gradient(225deg, hsla(245, 39%, 28%, 1) 0%, hsla(194, 100%, 66%, 1) 100%);
}
#biografia{ #biografia{
padding: 20px 35px; padding: 20px 35px;
} }
.card-comments{ .card-comments{
border-left: 5px solid #1B98E0; border-left: var(--card-comments-border-left);
background: var(--gradient-cards-background); background: var(--gradient-cards-background);
/* background: hsla(347, 89%, 61%, 1); /* 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%);
@ -131,7 +142,7 @@
</style> </style>
</head> </head>
<body> <body>
<div id="mainbody" class="DefaultTheme"> <div id="mainbody" class="NightMidnight">
<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">