From a90f15a5c2bb065ad493198af937455d2443376b Mon Sep 17 00:00:00 2001 From: Knah Tsaeb Date: Tue, 5 May 2015 14:34:29 +0200 Subject: [PATCH] [upd] css search form --- inc/user.css | 60 +++++++++++++++++++++++++++++++++++++++++++++++ tpl/linklist.html | 13 ++++++---- 2 files changed, 69 insertions(+), 4 deletions(-) diff --git a/inc/user.css b/inc/user.css index aff4912..fd6fd05 100644 --- a/inc/user.css +++ b/inc/user.css @@ -190,6 +190,66 @@ pre code { color: #ffffc9; } +.searchform, +.tagfilter { +display :inline-block; +text-align : left; +margin : 0; +padding: 0.3em; + display: inline-flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: flex-start; + align-content: flex-start; + align-items: flex-start; +} + +.searchform input:nth-child(1), +.tagfilter input:nth-child(1){ + order: 1; + flex: 1 0 auto; + align-self: stretch; + } + +.searchform input:nth-child(2), +.tagfilter input:nth-child(2) { + order: 2; + flex: 0 0 20%; + align-self: stretch; + } + + +.searchform { + width: 70%; + +} + +.tagfilter { + width: 30%; + margin-left : 0.3em +} + +.tagfilter input.bigbutton, +.searchform input.bigbutton, +.addform input.bigbutton { + height : auto; + margin :0; + padding : 0; +} + + +#pageheader #logo { + height : 50px; +} + +#headerform { + max-width:80%; + margin:auto; + white-space:nowrap; + text-align:center; + display: flex; +} + @media handheld, only screen and (max-width:560px) , only screen and (max-device-width:854px) { diff --git a/tpl/linklist.html b/tpl/linklist.html index 9302321..f7e6c5d 100644 --- a/tpl/linklist.html +++ b/tpl/linklist.html @@ -4,12 +4,17 @@