imp4ct/WeatherXi
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Colour and style changes

Browse Source
This commit is contained in:
Sean Corrigan 2020-07-29 23:25:57 -04:00
parent 0d4873cc8c
commit e9e98d3124
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
style.css
View File

@ -1,7 +1,7 @@
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap'); @import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap');
:root { :root {
--gradient: linear-gradient( 135deg, #72EDF2 10%, #5151E5 100%); --gradient: linear-gradient( 135deg, #72EDF2 10%, #a08300 100%);
} }
* { * {
@ -19,7 +19,7 @@ body {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
font-family: 'Montserrat', sans-serif; font-family: 'Montserrat', sans-serif;
background-color: #343d4b; background-color: #018150;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
@ -35,16 +35,18 @@ body {
border-radius: 25px; border-radius: 25px;
-webkit-box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.2);
background-color: #222831; background-color: #003a0f;
color: #ffffff; color: #ffffff;
height: 400px; height: 350px;
} }
.weather-side { .weather-side {
position: relative; position: relative;
height: 100%; height: 100%;
border-radius: 25px; border-radius: 25px;
background-image: url("https://images.unsplash.com/photo-1559963110-71b394e7494d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=675&q=80"); /* background-image: url("https://images.unsplash.com/photo-1559963110-71b394e7494d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=675&q=80"); */
/* Make this pull relevent logo/skyline of city */
background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/HamiltonOntarioSkylineC.JPG/1024px-HamiltonOntarioSkylineC.JPG");
width: 300px; width: 300px;
-webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2);