Softer shadows launcher

This commit is contained in:
perast
2020-11-11 10:40:09 +01:00
parent 06eb3c2a98
commit 663a09e5fe
5 changed files with 39 additions and 47 deletions
+1 -1
View File
@@ -6,7 +6,7 @@ body {
color: white;
font-family: Arial, Helvetica, sans-serif;
}
.text-shadow {
.text-shadow, .text-shadow-not-ie {
text-shadow: 1px 1px 2px black;
}
.list-group-item, form, h1 {
+8 -10
View File
@@ -9,8 +9,9 @@
.text-shadow {
color: black !important;
position: relative;
left: 1px;
top: 2px;
left: 0px;
top: 0px;
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2.25);
}
.text-shadow:before {
color: white;
@@ -18,21 +19,18 @@
position: absolute;
content: attr(data-innertext);
top: -4px;
left: -1px;
top: 2px;
left: 1px;
}
div > h1 span.text-shadow:before, div h2.text-shadow:before {
top: -2px;
}
form .text-shadow:before, .list-group-item div.text-shadow:before {
top: -1px;
a .text-shadow {
text-decoration: none !important;
}
</style>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<h1><span class="text-shadow">Zwift Launcher</span></h1>
<h1><div class="text-shadow">Zwift Launcher</div></h1>
<h2 class="text-shadow">Login</h2>
<a href="/signup" class="btn btn-sm btn-success">Sign up</a>
<div class="row">
+8 -10
View File
@@ -9,8 +9,9 @@
.text-shadow {
color: black !important;
position: relative;
left: 1px;
top: 2px;
left: 0px;
top: 0px;
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2.25);
}
.text-shadow:before {
color: white;
@@ -18,21 +19,18 @@
position: absolute;
content: attr(data-innertext);
top: -4px;
left: -1px;
top: 2px;
left: 1px;
}
div > h1 span.text-shadow:before, div h2.text-shadow:before {
top: -2px;
}
form .text-shadow:before, .list-group-item div.text-shadow:before {
top: -1px;
a .text-shadow {
text-decoration: none !important;
}
</style>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<h1><span class="text-shadow">Sign up</span></h1>
<h1><div class="text-shadow">Sign up</div></h1>
<div class="row">
<div class="col-sm-6 col-md-5">
<form id="signup" action="{{ url_for('signup') }}" method="post">
+14 -16
View File
@@ -9,8 +9,9 @@
.text-shadow {
color: black !important;
position: relative;
left: 1px;
top: 2px;
left: 0px;
top: 0px;
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2.25);
}
.text-shadow:before {
color: white;
@@ -18,34 +19,31 @@
position: absolute;
content: attr(data-innertext);
top: -4px;
left: -1px;
top: 2px;
left: 1px;
}
div > h1 span.text-shadow:before, div h2.text-shadow:before {
top: -2px;
}
form .text-shadow:before, .list-group-item div.text-shadow:before {
top: -1px;
a .text-shadow {
text-decoration: none !important;
}
</style>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<h1><span class="text-shadow">Logged in as {{ username }} ({{ name }})</span></h1>
<h1><div class="text-shadow">Logged in as {{ username }} ({{ name }})</div></h1>
<div class="row">
<div class="col-sm-6 col-md-5">
<ul class="list-group">
<li class="list-group-item">
<div class="row">
<div class="col-md-12">
<span class="text-shadow">profile.bin</span>
<label class="text-shadow">profile.bin</label>
</div>
<div class="col-md-12">
{% if profile %}
<a href="/download/profile.bin" class="text-shadow">{{ profile }} (download)</a>
<a href="/download/profile.bin"><div class="text-shadow">{{ profile }} (download)</div></a>
{% else %}
<span class="text-shadow">{{ profile }}</span>
<label class="text-shadow">{{ profile }}</label>
{% endif %}
</div>
</div>
@@ -53,10 +51,10 @@
<li class="list-group-item">
<div class="row">
<div class="col-md-12">
<span class="text-shadow">strava_token.txt</span>
<label class="text-shadow">strava_token.txt</label>
</div>
<div class="col-md-12">
<span class="text-shadow">{{ token }}</span>
<label class="text-shadow">{{ token }}</label>
</div>
</div>
</li>
@@ -69,7 +67,7 @@
<h3 class="text-shadow">Upload file</h3>
<div class="row">
<div class="col-md-12">
<input type="file" name="file" class="form-control-file text-shadow" /> <label class="text-shadow">(profile.bin / strava_token.txt)</label>
<input type="file" name="file" class="form-control-file text-shadow-not-ie" /> <label class="text-shadow">(profile.bin / strava_token.txt)</label>
</div>
</div>
<div class="row">
+8 -10
View File
@@ -9,8 +9,9 @@
.text-shadow {
color: black !important;
position: relative;
left: 1px;
top: 2px;
left: 0px;
top: 0px;
filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=2.25);
}
.text-shadow:before {
color: white;
@@ -18,21 +19,18 @@
position: absolute;
content: attr(data-innertext);
top: -4px;
left: -1px;
top: 2px;
left: 1px;
}
div > h1 span.text-shadow:before, div h2.text-shadow:before {
top: -2px;
}
form .text-shadow:before, .list-group-item div.text-shadow:before {
top: -1px;
a .text-shadow {
text-decoration: none !important;
}
</style>
<![endif]-->
</head>
<body>
<div class="container-fluid">
<h1><span class="text-shadow">Zwift Launcher</span></h1>
<h1><div class="text-shadow">Zwift Launcher</div></h1>
{% if username %}
<h2 class="text-shadow">Logged in as {{ username }}</h2>
{% if restarting %}