Commit 1b972674 authored by matthias.lang's avatar matthias.lang
Browse files

web: use KIT colors + minor UI improvements

parent d83e1f0b
......@@ -158,7 +158,7 @@ p {
/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
color: #1EAEDB; }
color: #009682; }
a:hover {
color: #0FA0CE; }
......@@ -206,8 +206,8 @@ input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
color: #FFF;
background-color: #33C3F0;
border-color: #33C3F0; }
background-color: #009682;
border-color: #009682; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
......@@ -219,8 +219,8 @@ input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
color: #FFF;
background-color: #1EAEDB;
border-color: #1EAEDB; }
background-color: #b3e0da;
border-color: #b3e0da; }
/* Forms
......@@ -266,7 +266,7 @@ input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid #33C3F0;
border: 1px solid #b3e0da;
outline: 0; }
label,
legend {
......
......@@ -5,7 +5,7 @@
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>KIT-CA Search</title>
<title>KIT-CA Zertifikatsuche</title>
<meta name="description" content="">
<meta name="author" content="">
......@@ -55,6 +55,24 @@
.valid { color: black; }
.invalid { color: grey; }
.icon {
height: 1em;
width: 1em;
text-align: center;
vertical-align: middle;
padding: 5px;
border-radius: 4px;
border: 1px solid #bbb;
background-color: #bbb;
color: #EEE;
}
.icon-active {
background-color: #b3e0da;
border-color: #b3e0da;
color: #FFF;
}
/* TODO: asd*/
.fa {
font-size: 1.33333333em;
......@@ -81,17 +99,12 @@
<div class="container">
<div class="row" style="margin-top: 5%"">
<div class="row" style="margin-bottom: 4em; margin-top: 5%"">
<div class="one-half column">
<img src="images/KIT-CA-Logo.svg" height="60px" alt="KIT-CA Logo" />
<h1>Zertifikatsuche</h1>
</div>
<div class="one-half column" style="text-align: right">
<img src="https://wayf.aai.dfn.de/images/dfn_big.png" height="80px" alt="DFN Logo" />
</div>
</div>
<div class="row" style="margin-bottom: 4em">
<div class="u-full-width">
<h1>Zertifikat Suchen</h1>
<img src="images/KIT-CA-Logo.svg" height="60px" alt="KIT-CA Logo" />
</div>
</div>
<div class="row">
......@@ -108,8 +121,8 @@
<input class="u-full-width" type="text" placeholder="Name oder E-Mail-Adresse" id="query" v-model="query" autofocus>
</div>
<div class="two columns">
<button class="button-primary" type="submit" @click="search()" v-if="!loading" required>Search</button>
<button class="button-primary" type="button" disabled="disabled" v-if="loading">Searching...</button>
<button class="button-primary" type="submit" @click="search()" v-if="!loading" required>Suchen</button>
<button class="button-primary" type="button" disabled="disabled" v-if="loading">Suche...</button>
</div>
</div>
</form>
......@@ -126,7 +139,7 @@
</div>
<div class="row" style="margin-top: 4em">
<em>{{ filteredData.length }} results</em>
<em>{{ filteredData.length }} Treffer</em>
</div>
<table class="u-full-width">
......@@ -154,7 +167,7 @@
</small>
</td>
<td>
{{entry.cn}}<br/>
{{entry.cn}} ({{entry.ou}})</b><br/> <!-- TODO !!! ifSet-->
<a v-bind:href="'https://api.ca.kit.edu/redirect/getcert/' + entry.serial">
<small>S/N: {{entry.serial}}</small>
</a>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment