Commit e4c3a544 authored by Dominik Hebeler's avatar Dominik Hebeler
Browse files

fixed some styling

parent ecac464a
......@@ -10,13 +10,13 @@
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="100"
height="100"
viewBox="0 0 26.458333 26.458334"
width="59.269756"
height="59.267548"
viewBox="0 0 15.681789 15.681206"
version="1.1"
id="svg8"
sodipodi:docname="plug-in.svg"
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<defs
id="defs2">
<linearGradient
......@@ -35,8 +35,8 @@
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 13.229167 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="26.458333 : 13.229167 : 1"
inkscape:persp3d-origin="13.229166 : 8.8194447 : 1"
inkscape:vp_z="26.458332 : 13.229167 : 1"
inkscape:persp3d-origin="13.229166 : 8.8194449 : 1"
id="perspective12" />
<linearGradient
inkscape:collect="always"
......@@ -57,18 +57,22 @@
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="5.6"
inkscape:cx="5.377873"
inkscape:cy="55.512301"
inkscape:cx="-11.171026"
inkscape:cy="37.273375"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
units="px"
inkscape:snap-global="false"
inkscape:window-width="1920"
inkscape:window-height="1043"
inkscape:window-x="0"
inkscape:window-width="1853"
inkscape:window-height="1052"
inkscape:window-x="1987"
inkscape:window-y="0"
inkscape:window-maximized="1" />
inkscape:window-maximized="1"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0" />
<metadata
id="metadata5">
<rdf:RDF>
......@@ -77,7 +81,7 @@
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
......@@ -85,9 +89,9 @@
inkscape:label="Ebene 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(0,-270.54165)">
transform="translate(-5.3882718,-275.93021)">
<rect
style="fill:#dce9ea;fill-opacity:1;stroke:none;stroke-width:17.69223785;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
style="fill:none;fill-opacity:1;stroke:none;stroke-width:17.69223785;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect28"
width="23.859747"
height="23.859747"
......
......@@ -15,7 +15,7 @@ return [
'partnertitle' => 'MetaGer unterstützen, ohne Mehrkosten für Sie',
'mapstitle' => 'Der MetaGer Kartenservice',
'plugin' => 'MetaGer-Plugin hinzufügen',
'plugin' => 'MetaGer installieren',
'plugin-title' => 'MetaGer zu Ihrem Browser hinzufügen',
'options.head' => 'Filter verwalten',
......
......@@ -15,7 +15,7 @@ return [
"partnertitle" => "Support MetaGer without any costs to you",
"mapstitle" => "MetaGer Maps Service",
"plugin" => "Add MetaGer-Plugin",
"plugin" => "Install MetaGer",
"plugin-title" => "Add MetaGer to your browser",
'options.head' => 'Customize filters',
......
......@@ -11,7 +11,7 @@ return [
"design" => "Escoger un diseño personalizado",
"conveyor" => "Comprar en tiendas que apoyan MetaGer ",
"partnertitle" => "Apoyar MetaGer, sin costos para usted",
"plugin" => "Añadir MetaGer-Plugin",
"plugin" => "Instalar MetaGer",
"plugin-title" => "Añadir MetaGer a su navegador",
'about.1.1' => "Privacidad garantizada",
'about.1.2' => 'Con nosotros tiene control total sobre sus datos. No rastreamos y nuestro código fuente es gratuito.',
......
@searchbar-border-color: #a2a2a2;
@searchbar-border-color: #e0e0e0;
@searchbar-background-color: white;
.searchbar {
display: -webkit-box;
......@@ -34,6 +34,7 @@
color: #333;
.search-input-submit {
width: 100%;
width: calc(100% - 16px);
max-width: 600px;
background-color: @searchbar-background-color;
-webkit-box-flex: 1;
......@@ -49,8 +50,8 @@
justify-content: center;
align-items: center;
> a {
padding: 5px 16px 0px 16px;
color: #777;
padding: 0px 16px 0px 16px;
color: #a9a9a9;
&.authorized {
color:green;
}
......@@ -67,13 +68,6 @@
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
&:focus {
outline-color: @metager-orange;
-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
box-shadow: 0px 0px 2px 2px rgba(255, 128, 0, 1);
border-color: rgba(255, 128, 0, 1);
border-radius: 4px;
}
}
#search-delete-btn {
position: absolute;
......@@ -99,6 +93,7 @@
border: 0;
background-color: transparent;
padding: 0;
color: #a9a9a9;
}
}
}
......@@ -125,10 +120,14 @@
}
.search-input-submit {
border-radius: 5px;
margin: 0 8px;
@media (max-width: @screen-mobile) {
max-width: initial;
}
>:not(:first-child) {
>#search-key {
border-right: 1px solid @searchbar-border-color;
}
>#submit-inputgroup {
border-left: 1px solid @searchbar-border-color;
}
}
......@@ -154,6 +153,9 @@
}
.resultpage-searchbar {
#search-key > a {
padding: 5px 16px 0px 16px!important;
}
.search-input-submit {
.search-input input {
padding-right: 35px; // Makes it so the overlayed delete button does not hide the text belowF
......
......@@ -29,13 +29,15 @@ html {
}
#search-block {
#search-wrapper {
min-height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
&>#search-block {
margin-top: -10%;
}
}
#main-content {
......@@ -51,16 +53,17 @@ html {
margin-top: 20px!important;
}
#plugin-btn > img { // sets the size for the plugin button
max-width: 25px;
max-height: 25px;
}
#center-scroll-link { // centers the scroll-link grid
#plugin-btn {
display: flex;
justify-content: center;
align-items: flex-end;
align-items: center;
> img { // sets the size for the plugin button
max-width: 15px;
max-height: 15px;
margin-right: 8px;
}
}
#scroll-links { // creates a grid for the story-icons
min-width: 100%;
min-height: @scrollLinkHeight;
......
......@@ -3,17 +3,18 @@
@section('title', $title )
@section('content')
<div id="search-block">
<h1 id="startpage-logo">
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">
<img src="/img/metager.svg" alt="MetaGer" />
</a>
</h1>
@include('parts.searchbar', ['class' => 'startpage-searchbar'])
<div id="plugin-btn-div">
<a id="plugin-btn" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/plugin") }}" title="{{ trans('index.plugin-title') }}"><img src="/img/plug-in.svg" alt="Plus-Zeichen"> {{ trans('index.plugin') }}</a>
<div id="search-wrapper">
<div id="search-block">
<h1 id="startpage-logo">
<a href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/") }}">
<img src="/img/metager.svg" alt="MetaGer" />
</a>
</h1>
@include('parts.searchbar', ['class' => 'startpage-searchbar'])
<div id="plugin-btn-div">
<a id="plugin-btn" href="{{ LaravelLocalization::getLocalizedURL(LaravelLocalization::getCurrentLocale(), "/plugin") }}" title="{{ trans('index.plugin-title') }}"><img src="/img/plug-in.svg" alt="Plus-Zeichen"> <div>{{ trans('index.plugin') }}</div></a>
</div>
</div>
</div>
<div id="scroll-links">
<a href="#story-privacy" title="{{ trans('mg-story.privacy.title') }}"><img src="/img/lock.svg" alt="{{ trans('mg-story.privacy.image.alt') }}"> <div>@lang("mg-story.privacy.title")</div></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