Commit 3d6ecc93 authored by Dominik Hebeler's avatar Dominik Hebeler

Added better font definition

parent 15bb9a1e
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
# Font Squirrel Font-face Generator Configuration File
# Upload this file to the generator to recreate the settings
# you used to create these fonts.
{"mode":"expert","formats":["woff2"],"tt_instructor":"keep","fix_vertical_metrics":"Y","metrics_ascent":"","metrics_descent":"","metrics_linegap":"","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"advanced","subset_range":["lowercase","uppercase","numbers","punctuation","currency","altpunctuation","accentedlower","accentedupper","diacriticals","danish","dutch","english","esperanto","french","german","spanish","ubasic"],"subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","spacing_adjustment":"0"}
\ No newline at end of file
......@@ -7,7 +7,7 @@ body {
margin: 0px;
padding: 0px;
background-color: #FAFAFA;
font-family: Roboto,"Noto Sans",sans-serif;
font-family: Roboto, "Noto Sans", sans-serif;
}
.card {
......@@ -17,6 +17,7 @@ body {
border-radius: 2px;
display: block;
}
.card-inline {
background-color: #FFFFFF;
margin: 8px;
......@@ -25,28 +26,27 @@ body {
}
.elevation-1 {
box-shadow: 0px 1px 1.5px 0px rgba(0,0,0,0.12), 1px 0px 1px 0px rgba(0,0,0,0.24);
box-shadow: 0px 1px 1.5px 0px rgba(0, 0, 0, 0.12), 1px 0px 1px 0px rgba(0, 0, 0, 0.24);
}
.elevation-2 {
box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.16), 3px 0px 3px 0px rgba(0,0,0,0.23);
box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.16), 3px 0px 3px 0px rgba(0, 0, 0, 0.23);
}
.search-card {
height: 30px;
display: flex;
justify-content: space-between;
position: sticky;
top: 10px;
z-index: 100;
}
.persistent-search {
top: 0px;
top: 0px;
position: sticky;
z-index: 100;
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);
z-index: 100;
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
}
.search-card button, .search-card input {
......@@ -63,7 +63,7 @@ body {
.search-card .back {
height: 100%;
margin-right:8px;
margin-right: 8px;
}
.search-button {
......@@ -87,7 +87,7 @@ body {
}
.search-result {
position:relative;
position: relative;
}
.result-content {
......@@ -101,6 +101,7 @@ body {
margin: 0px;
padding: 0px;
}
.result-display-link {
color: hsl(0, 0%, 13%);
font-size: 14px;
......@@ -161,6 +162,7 @@ body {
.result-action:hover, .result-action:focus {
background-color: hsla(0, 0%, 13%, 12%);
}
.result-action:active {
background-color: hsla(0, 0%, 13%, 40%);
}
......@@ -172,12 +174,13 @@ body {
.result-action:first-child.primary:hover, .result-action:first-child.primary:focus {
background-color: hsla(21, 100%, 50%, 12%);
}
.result-action:first-child.primary:active {
background-color: hsla(21, 100%, 50%, 40%);
}
.result-action.more {
float:right;
float: right;
}
.footer-text {
......@@ -187,22 +190,22 @@ body {
text-align: center;
}
.pagenav-button-next{
.pagenav-button-next {
color: hsl(0, 0%, 13%);
font-size: 20px;
text-decoration: none;
padding: 12px;
height:27px;
height: 27px;
display: flex;
justify-content: space-between;
align-items: baseline;
}
.pagenav-button-first{
.pagenav-button-first {
color: hsl(0, 0%, 13%);
font-size: 20px;
text-decoration: none;
height:27px;
height: 27px;
padding: 12px;
align-self: flex-start;
}
......@@ -219,13 +222,12 @@ body {
padding: 12px;
}
.icon-right {
margin-left: 5px;
}
.focus-card {
background-color: hsl(0,0%,50%);
background-color: hsl(0, 0%, 50%);
}
.focus-cell {
......@@ -246,13 +248,13 @@ body {
.focus-cell {
text-decoration: none;
background-color: hsl(0,0%,50%);
background-color: hsl(0, 0%, 50%);
color: rgba(255, 255, 255, 1);
padding: 0px 5px;
}
li .focus-cell:hover {
background-color: hsl(0,0%,55%);
background-color: hsl(0, 0%, 55%);
}
.focus-card[open] .focus-cell .focus-cell-action {
......@@ -266,19 +268,17 @@ li .focus-cell:hover {
padding-left: 0px;
}
@media (max-width: 330px) { /*für sehr kleine mobile Viewports (z.B. iPhone 5S)*/
@media (max-width: 330px) {
/*für sehr kleine mobile Viewports (z.B. iPhone 5S)*/
.result-action {
font-size: 13px;
}
.pagenav-current-annotation {
display: none;
}
.pagenav-current {
color: hsl(0, 0%, 46%);
font-size: 20px;
padding: 12px;
}
}
font-size: 13px;
}
.pagenav-current-annotation {
display: none;
}
.pagenav-current {
color: hsl(0, 0%, 46%);
font-size: 20px;
padding: 12px;
}
}
\ No newline at end of file
......@@ -4,8 +4,9 @@
@body-background-color: @background-color;
@body-background-color-mobile: @background-color-mobile;
@a-hover-color: red;
body {
font-family: @metager-font;
html, body, * {
font-family: @metager-font!important;
}
/* Main Containers */
......@@ -163,7 +164,7 @@ i.fa {
.logo {
color: @metager-orange;
font-family: Arimo, Liberation Sans, sans-serif;
font-family: @metager-font;
font-style: italic;
font-weight: bold;
white-space: nowrap;
......
......@@ -12,8 +12,9 @@
@background-color: white;
@background-color-mobile: #FAFAFA;
// Default Font
@metager-font: Arimo,
"Liberation Sans",
@metager-font:
'Font Awesome 5 Free',
"Arimo",
"Helvetica Neue",
Helvetica,
Arial,
......
......@@ -13,6 +13,7 @@
<meta name="mn" content="{{ $metager->getVerificationCount() }}" />
<meta name="searchkey" content="{{ $metager->getSearchUid() }}" />
<link rel="search" type="application/opensearchdescription+xml" title="{!! trans('resultPage.opensearch') !!}" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), action('StartpageController@loadPlugin', ['params' => base64_encode(serialize(Request::all()))])) }}">
<link href="/fonts/arimo/stylesheet.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome.css') }}" />
<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome-solid.css') }}" />
<link type="text/css" rel="stylesheet" href="{{ mix('css/bootstrap.css') }}" />
......
......@@ -13,6 +13,7 @@
<link href="/favicon.ico" rel="icon" type="image/x-icon" />
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="{{ trans('staticPages.opensearch') }}" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), action('StartpageController@loadPlugin', ['params' => base64_encode(serialize(Request::all()))])) }}">
<link href="/fonts/arimo/stylesheet.css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome.css') }}" />
<link type="text/css" rel="stylesheet" href="{{ mix('css/fontawesome-solid.css') }}" />
<link type="text/css" rel="stylesheet" href="{{ mix('css/bootstrap.css') }}" />
......
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