From 4df7152bce82e1551bef01fe7d8581faed8cd402 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ing=2E=20Jan=20Kal=C3=A1b?= Date: Fri, 15 Dec 2017 03:54:49 +0100 Subject: [PATCH] Use search input type instead of text (#755) --- app/helpers/form.php | 5 +++++ app/templates/common/search.php | 2 +- assets/css/app.css | 2 ++ assets/css/app.min.css | 2 +- 4 files changed, 9 insertions(+), 2 deletions(-) diff --git a/app/helpers/form.php b/app/helpers/form.php index 9633dfc..1aafd59 100644 --- a/app/helpers/form.php +++ b/app/helpers/form.php @@ -101,3 +101,8 @@ function form_number($name, $values = array(), array $errors = array(), array $a { return form_input('number', $name, $values, $errors, $attributes, $class); } + +function form_search($name, $values = array(), array $errors = array(), array $attributes = array(), $class = '') +{ + return form_input('search', $name, $values, $errors, $attributes, $class); +} diff --git a/app/templates/common/search.php b/app/templates/common/search.php index fa9b0c6..40e41c8 100644 --- a/app/templates/common/search.php +++ b/app/templates/common/search.php @@ -2,6 +2,6 @@ data-action="show-search">«
action="?" method="get"> 'search')) ?> - isset($text) ? $text : ''), array(), array('required', 'placeholder="' . t('Search') . '"')) ?> + isset($text) ? $text : ''), array(), array('required', 'placeholder="' . t('Search') . '"')) ?>
diff --git a/assets/css/app.css b/assets/css/app.css index b17f2f1..177f4e3 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -162,6 +162,7 @@ input[type="checkbox"] { margin-right: 0.5em; } +input[type="search"], input[type="email"], input[type="tel"], input[type="password"], @@ -177,6 +178,7 @@ input[type="text"] { -webkit-appearance: none; } +input[type="search"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, diff --git a/assets/css/app.min.css b/assets/css/app.min.css index e95711c..3d46db3 100644 --- a/assets/css/app.min.css +++ b/assets/css/app.min.css @@ -1 +1 @@ -a:hover,body,h1,h2,h3{color:#333}code,pre,td,th{border:1px solid #ccc}p>code,textarea{padding:3px}a.btn,a:focus,a:hover{text-decoration:none}.logo,ul#grouplist{float:left}#grouplist span,#help-layer,.alert,.item p,.items .preview,.panel,pre{overflow:auto}@-ms-viewport{width:device-width}blockquote,body,figure,li,p,table,td,th,tr,ul{margin:0;padding:0;font-size:100%}table caption,td,th{padding-top:.5em;padding-bottom:.5em}body{padding-left:10px;padding-right:10px;margin:0 auto 30px;max-width:780px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}blockquote,q{font-family:Georgia,serif}a{color:#36C}a:focus{outline:0;color:red;border:1px dotted #aaa}h1,h2,h3{font-weight:400}a.btn,form h3,table caption{font-weight:700}h2{font-size:1.6em}h3{font-size:1.2em}h5,h6{margin:0;padding:0}blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em}q{color:purple;font-style:italic}blockquote+p{color:#555;font-style:italic}figcaption{font-size:.8em;text-transform:uppercase;color:#777}table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}table caption{font-size:1em;text-align:left}td,th{padding-left:5px}th{text-align:left}code,pre{background:#fcfcfc;font-family:monospace;color:#666;line-height:1.3em;border-radius:5px}.item,.items .preview{font-family:Georgia,serif}pre{padding:10px}pre>code{border:none}form{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:2px dotted #ddd}form h3:first-child{margin-top:0}label{cursor:pointer;display:block}input[type=checkbox]{border:1px solid #ccc;margin-right:.5em}input[type=email],input[type=tel],input[type=password],input[type=number],input[type=text]{border:1px solid #ccc;padding:3px;line-height:15px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}.form-help,select{margin-bottom:15px}input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,input[type=number]:focus,input[type=text]:focus,textarea:focus{color:#000;border-color:rgba(82,168,236,.8);outline:0;box-shadow:0 0 8px rgba(82,168,236,.6)}input[type=number]{width:40px}textarea{border:1px solid #ccc;width:400px;height:200px;font-size:99%}::-webkit-input-placeholder{color:#bbb;padding-top:2px}::-ms-input-placeholder{color:#bbb;padding-top:2px}::-moz-placeholder{color:#bbb;padding-top:2px}.form-actions{margin-top:30px}input.form-error,textarea.form-error{border:2px solid #b94a48}.form-errors{color:#b94a48;margin-left:15px;list-style-type:none}.form-help{font-size:.9em;color:brown}.hide{display:none}#grouplist span{float:left;opacity:.4;min-width:4em;margin-right:6px;text-align:center}#grouplist input[type=text]{width:150px}#grouplist input[type=checkbox]+span,#grouplist input[type=text]{padding:4px;margin-top:6px;margin-bottom:0}#grouplist input[type=checkbox]:checked+span{opacity:1}ul#grouplist li{margin-left:0}.alert,.panel{padding:8px 35px 8px 14px;margin-bottom:20px;color:#c09853;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-error,.panel-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-normal,.panel-default{color:#333;background-color:#f0f0f0;border-color:#ddd}.alert-error a,.panel-danger a{color:#b94a48}#grouplist span,.btn{-webkit-appearance:none;display:inline-block;color:#333;border:1px solid #ccc;background:#efefef;padding:3px 8px;font-size:1.1em;cursor:pointer;border-radius:2px}.btn-red{border-color:#b0281a;background:#d14836;color:#fff}.btn-red:focus,.btn-red:hover,a.btn-red:hover{color:#fff;background:#c53727}.btn-blue{border-color:#3079ed;background:#4d90fe;color:#fff}.btn-blue:focus,.btn-blue:hover{border-color:#2f5bb7;background:#357ae8}article .bookmark-icon,article .read-icon{color:#aaa!important;font-weight:200!important;text-decoration:none!important;font-size:1.7em;margin-left:15px}.items a,header a,nav .active a{text-decoration:none}article[data-item-bookmark="0"] .bookmark-icon:before{content:"☆"}article[data-item-bookmark="1"] .bookmark-icon:before{content:"★"}article[data-item-status=read] .read-icon:before{content:"✘"}article[data-item-status=unread] .read-icon:before{content:"✔"}span#nav-counter:not(:empty):before,span#page-counter:not(:empty):before{content:" ("}span.items-count:before{content:"("}span#nav-counter:not(:empty):after,span#page-counter:not(:empty):after,span.items-count:after{content:")"}@keyframes blinker{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes blinker{0%,100%{opacity:1}50%{opacity:0}}.loading-icon:before{content:"☀";animation-name:blinker;-webkit-animation-name:blinker;animation-duration:.5s;-webkit-animation-duration:.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}header{margin-bottom:50px;margin-top:10px}header ul{text-align:right;font-size:90%}header li{display:inline;padding-left:3%}header a{color:#777}nav .menu-more-switcher{color:#777;cursor:pointer}nav .active a{color:#333;font-weight:700}.logo{color:#000;letter-spacing:1px}.logo span{color:#396}.page-section{margin-top:30px}.page-header,.page-section{margin-bottom:30px}.page-header h2,.page-section h2{margin:0;padding:0;font-size:130%;border-bottom:1px dotted #ccc}.page-header ul{text-align:right;margin-top:2px}.page-header li{font-size:90%;display:inline;padding-right:5px}.page-header li:last-child{border:none;padding-right:0}#bottom-menu{border-bottom:1px dotted #ccc;padding-bottom:3px;font-size:.9em;text-align:right;padding-top:30px}.feed-last-checked{color:brown;font-size:.7em;font-weight:400}.item h2,.item h3,.items h2{font-weight:700}.feed-parsing-error{visibility:hidden}.feed-groups li{display:inline;margin-left:0}.feed-groups li a:after{content:', '}.feed-groups li:last-child a:after{content:''}.feed-groups a{color:#333}.items .feed-groups a:focus,.items .feed-groups a:hover{color:#777;text-decoration:none}.items article[data-feed-error] .feed-parsing-error{visibility:visible;color:#000;font-size:.7em;font-weight:700}.items article{border:1px dotted #ddd;margin-bottom:20px;padding:5px;background-color:#fff}.items article[data-feed-error]{background-color:#fcf8e3;border-color:#fcf8e3}.items article[data-feed-disabled] *{color:#aaa}.items h2{font-size:100%;margin:0;padding:0 0 2px}.item-title{display:block;margin-right:80px}.item-icons{display:block;float:right}.items a:focus,.items a:hover{text-decoration:underline}#menu-more a,.bookmarklet,.item h1 a{text-decoration:none}.item-menu,.items .preview{color:#aaa;font-size:70%}.items .preview{line-height:1.5em;font-size:100%}#item-content,.item{font-size:1.1em}.items #current-item{border:3px solid #bce;padding:3px}.items #current-item .preview,.items article:hover .preview{color:#555}.items article[data-item-status=read] h2 a{color:#666}.preview-full-content{overflow:auto;color:#666}.preview-full-content:not(:empty),p.preview:not(:empty){margin-top:15px}.preview-full-content img{max-width:100%;display:block;margin-top:10px;margin-bottom:10px}.item{padding-left:5px;padding-right:5px;padding-bottom:50px;color:#555;line-height:1.6em}.item p,.item pre,.item ul{margin-top:15px}.item p{margin-bottom:20px}.item ul{margin-left:25px}#item-content[dir=rtl] blockquote{border-right:4px solid #ddd;border-left:none;padding-right:25px;padding-left:0}#item-content figure img,#item-content img,#item-content>a img,#item-content>img,.item p img{margin-top:10px;margin-bottom:10px;display:block;max-width:100%}#item-content br+img,#item-content h1 img,#item-content h2 img,#item-content h3 img{display:inline;margin:0}.item h1 a{font-size:2.1em}#item-content a:visited{color:purple}.item nav a,.item nav a:visited,.item nav span{color:#333;font-family:sans-serif}.item nav{width:100%}.nav-left,.nav-right{width:50%;display:block}.item nav.bottom{border-top:1px dotted #ddd;padding-top:8px;margin-top:50px}.nav-left{float:left;text-align:left}.nav-right{text-align:right;margin-left:50%}.nav-left:before{content:"« "}.nav-right:after{content:" »"}ul.item-infos,ul.item-menu{margin:0;padding:0;color:#aaa}.item-menu li,ul.item-infos li{margin:0;padding-left:7px;padding-right:5px;display:inline;border-right:1px solid #ccc}.item-menu li:first-child,ul.item-infos li:first-child{padding-left:0}.item-menu li:last-child,ul.item-infos li:last-child{border:none}.item-menu a,ul.item-infos a{color:#aaa}ul.item-infos{margin-bottom:20px}ul.item-infos .bookmark-icon{font-size:1.5em;margin-left:0}#download-item{color:#000}#items-paging{margin-top:40px;margin-bottom:15px;font-size:80%;text-align:center}#item-content-enclosure{border-bottom:1px dashed #ccc;margin-bottom:20px;padding-bottom:10px}.items article .favicon{height:16px}section li{margin-left:15px;list-style-type:square}iframe,video{max-width:98%}.search{text-align:right}#search-opener{color:#777;font-size:87.5%;cursor:pointer;text-transform:lowercase}#menu-more li.active a,#search-opener:hover{color:#333}#search-form{border:0;padding:0}#search-form input{font-size:75%}#menu-more{padding-top:20px}#menu-more li{font-size:1.1em;padding-top:10px;padding-bottom:10px;border-bottom:1px dotted #ccc;list-style-type:none}#menu-more a{color:#777;display:block}#help-layer{position:fixed;top:0;left:0;bottom:0;width:350px;background:#f0f0f0;box-shadow:2px 0 5px 0 #ccc}#help-layer .panel{border:0}.btn-close{position:absolute;top:0;right:0;font:28px/1 sans-serif;color:#ccc;padding:0 .2em;margin:10px;cursor:pointer}.btn-close:hover{color:#999}#login{width:350px;margin:15% auto 0}#login form{border:none;margin-bottom:45px}#database-selector h4{margin:0 0 10px;padding:0;font-weight:400}.bookmarklet{font-size:.9em;font-weight:700;line-height:30px;padding:4px;color:#333;background:#fff;border:1px dotted #ccc;border-radius:4px;cursor:move}.bookmarklet:focus,.bookmarklet:hover{color:#396}#config-form{border-left:none;padding:0}#config-form h3{border-bottom:1px dotted #ccc}.options{border-left:3px dotted #eee;padding-left:20px}html[dir=rtl] .options,html[dir=rtl] form,html[dir=rtl] ul.item-infos li{border:none}html[dir=rtl] .nav-left:before,html[dir=rtl] .nav-right:after,html[dir=rtl] span.items-count:after,html[dir=rtl] span.items-count:before{content:""}@media only screen and (min-width:480px){.hide-desktop{display:none}.search{margin-top:-30px}}@media only screen and (max-width:480px){.hide-mobile,ul li.hide-mobile{display:none}body{max-width:480px}header{margin-bottom:0}nav .active a{font-weight:400}.page{clear:both;padding-top:20px;overflow-x:hidden}.page li{margin-left:5px}.item{font-size:1em}.item h1{font-size:.75em}.item nav a{font-weight:700;text-decoration:none}.items .preview{color:#555}.item-menu li,ul.item-infos li{padding-left:0;padding-right:5px;border:none}section li{font-size:.85em}#search-form input{box-sizing:border-box;width:100%}} \ No newline at end of file +a:hover,body,h1,h2,h3{color:#333}code,pre,td,th{border:1px solid #ccc}p>code,textarea{padding:3px}a.btn,a:focus,a:hover{text-decoration:none}.logo,ul#grouplist{float:left}#grouplist span,#help-layer,.alert,.item p,.items .preview,.panel,pre{overflow:auto}@-ms-viewport{width:device-width}blockquote,body,figure,li,p,table,td,th,tr,ul{margin:0;padding:0;font-size:100%}table caption,td,th{padding-top:.5em;padding-bottom:.5em}body{padding-left:10px;padding-right:10px;margin:0 auto 30px;max-width:780px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}blockquote,q{font-family:Georgia,serif}a{color:#36C}a:focus{outline:0;color:red;border:1px dotted #aaa}h1,h2,h3{font-weight:400}a.btn,form h3,table caption{font-weight:700}h2{font-size:1.6em}h3{font-size:1.2em}h5,h6{margin:0;padding:0}blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em}q{color:purple;font-style:italic}blockquote+p{color:#555;font-style:italic}figcaption{font-size:.8em;text-transform:uppercase;color:#777}table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}table caption{font-size:1em;text-align:left}td,th{padding-left:5px}th{text-align:left}code,pre{background:#fcfcfc;font-family:monospace;color:#666;line-height:1.3em;border-radius:5px}.item,.items .preview{font-family:Georgia,serif}pre{padding:10px}pre>code{border:none}form{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:2px dotted #ddd}form h3:first-child{margin-top:0}label{cursor:pointer;display:block}input[type=checkbox]{border:1px solid #ccc;margin-right:.5em}input[type=search],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=text]{border:1px solid #ccc;padding:3px;line-height:15px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}.form-help,select{margin-bottom:15px}input[type=search]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,input[type=number]:focus,input[type=text]:focus,textarea:focus{color:#000;border-color:rgba(82,168,236,.8);outline:0;box-shadow:0 0 8px rgba(82,168,236,.6)}input[type=number]{width:40px}textarea{border:1px solid #ccc;width:400px;height:200px;font-size:99%}::-webkit-input-placeholder{color:#bbb;padding-top:2px}::-ms-input-placeholder{color:#bbb;padding-top:2px}::-moz-placeholder{color:#bbb;padding-top:2px}.form-actions{margin-top:30px}input.form-error,textarea.form-error{border:2px solid #b94a48}.form-errors{color:#b94a48;margin-left:15px;list-style-type:none}.form-help{font-size:.9em;color:brown}.hide{display:none}#grouplist span{float:left;opacity:.4;min-width:4em;margin-right:6px;text-align:center}#grouplist input[type=text]{width:150px}#grouplist input[type=checkbox]+span,#grouplist input[type=text]{padding:4px;margin-top:6px;margin-bottom:0}#grouplist input[type=checkbox]:checked+span{opacity:1}ul#grouplist li{margin-left:0}.alert,.panel{padding:8px 35px 8px 14px;margin-bottom:20px;color:#c09853;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-error,.panel-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-normal,.panel-default{color:#333;background-color:#f0f0f0;border-color:#ddd}.alert-error a,.panel-danger a{color:#b94a48}#grouplist span,.btn{-webkit-appearance:none;display:inline-block;color:#333;border:1px solid #ccc;background:#efefef;padding:3px 8px;font-size:1.1em;cursor:pointer;border-radius:2px}.btn-red{border-color:#b0281a;background:#d14836;color:#fff}.btn-red:focus,.btn-red:hover,a.btn-red:hover{color:#fff;background:#c53727}.btn-blue{border-color:#3079ed;background:#4d90fe;color:#fff}.btn-blue:focus,.btn-blue:hover{border-color:#2f5bb7;background:#357ae8}article .bookmark-icon,article .read-icon{color:#aaa!important;font-weight:200!important;text-decoration:none!important;font-size:1.7em;margin-left:15px}.items a,header a,nav .active a{text-decoration:none}article[data-item-bookmark="0"] .bookmark-icon:before{content:"☆"}article[data-item-bookmark="1"] .bookmark-icon:before{content:"★"}article[data-item-status=read] .read-icon:before{content:"✘"}article[data-item-status=unread] .read-icon:before{content:"✔"}span#nav-counter:not(:empty):before,span#page-counter:not(:empty):before{content:" ("}span.items-count:before{content:"("}span#nav-counter:not(:empty):after,span#page-counter:not(:empty):after,span.items-count:after{content:")"}@keyframes blinker{0%,100%{opacity:1}50%{opacity:0}}@-webkit-keyframes blinker{0%,100%{opacity:1}50%{opacity:0}}.loading-icon:before{content:"☀";animation-name:blinker;-webkit-animation-name:blinker;animation-duration:.5s;-webkit-animation-duration:.5s;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}header{margin-bottom:50px;margin-top:10px}header ul{text-align:right;font-size:90%}header li{display:inline;padding-left:3%}header a{color:#777}nav .menu-more-switcher{color:#777;cursor:pointer}nav .active a{color:#333;font-weight:700}.logo{color:#000;letter-spacing:1px}.logo span{color:#396}.page-section{margin-top:30px}.page-header,.page-section{margin-bottom:30px}.page-header h2,.page-section h2{margin:0;padding:0;font-size:130%;border-bottom:1px dotted #ccc}.page-header ul{text-align:right;margin-top:2px}.page-header li{font-size:90%;display:inline;padding-right:5px}.page-header li:last-child{border:none;padding-right:0}#bottom-menu{border-bottom:1px dotted #ccc;padding-bottom:3px;font-size:.9em;text-align:right;padding-top:30px}.feed-last-checked{color:brown;font-size:.7em;font-weight:400}.item h2,.item h3,.items h2{font-weight:700}.feed-parsing-error{visibility:hidden}.feed-groups li{display:inline;margin-left:0}.feed-groups li a:after{content:', '}.feed-groups li:last-child a:after{content:''}.feed-groups a{color:#333}.items .feed-groups a:focus,.items .feed-groups a:hover{color:#777;text-decoration:none}.items article[data-feed-error] .feed-parsing-error{visibility:visible;color:#000;font-size:.7em;font-weight:700}.items article{border:1px dotted #ddd;margin-bottom:20px;padding:5px;background-color:#fff}.items article[data-feed-error]{background-color:#fcf8e3;border-color:#fcf8e3}.items article[data-feed-disabled] *{color:#aaa}.items h2{font-size:100%;margin:0;padding:0 0 2px}.item-title{display:block;margin-right:80px}.item-icons{display:block;float:right}.items a:focus,.items a:hover{text-decoration:underline}#menu-more a,.bookmarklet,.item h1 a{text-decoration:none}.item-menu,.items .preview{color:#aaa;font-size:70%}.items .preview{line-height:1.5em;font-size:100%}#item-content,.item{font-size:1.1em}.items #current-item{border:3px solid #bce;padding:3px}.items #current-item .preview,.items article:hover .preview{color:#555}.items article[data-item-status=read] h2 a{color:#666}.preview-full-content{overflow:auto;color:#666}.preview-full-content:not(:empty),p.preview:not(:empty){margin-top:15px}.preview-full-content img{max-width:100%;display:block;margin-top:10px;margin-bottom:10px}.item{padding-left:5px;padding-right:5px;padding-bottom:50px;color:#555;line-height:1.6em}.item p,.item pre,.item ul{margin-top:15px}.item p{margin-bottom:20px}.item ul{margin-left:25px}#item-content[dir=rtl] blockquote{border-right:4px solid #ddd;border-left:none;padding-right:25px;padding-left:0}#item-content figure img,#item-content img,#item-content>a img,#item-content>img,.item p img{margin-top:10px;margin-bottom:10px;display:block;max-width:100%}#item-content br+img,#item-content h1 img,#item-content h2 img,#item-content h3 img{display:inline;margin:0}.item h1 a{font-size:2.1em}#item-content a:visited{color:purple}.item nav a,.item nav a:visited,.item nav span{color:#333;font-family:sans-serif}.item nav{width:100%}.nav-left,.nav-right{width:50%;display:block}.item nav.bottom{border-top:1px dotted #ddd;padding-top:8px;margin-top:50px}.nav-left{float:left;text-align:left}.nav-right{text-align:right;margin-left:50%}.nav-left:before{content:"« "}.nav-right:after{content:" »"}ul.item-infos,ul.item-menu{margin:0;padding:0;color:#aaa}.item-menu li,ul.item-infos li{margin:0;padding-left:7px;padding-right:5px;display:inline;border-right:1px solid #ccc}.item-menu li:first-child,ul.item-infos li:first-child{padding-left:0}.item-menu li:last-child,ul.item-infos li:last-child{border:none}.item-menu a,ul.item-infos a{color:#aaa}ul.item-infos{margin-bottom:20px}ul.item-infos .bookmark-icon{font-size:1.5em;margin-left:0}#download-item{color:#000}#items-paging{margin-top:40px;margin-bottom:15px;font-size:80%;text-align:center}#item-content-enclosure{border-bottom:1px dashed #ccc;margin-bottom:20px;padding-bottom:10px}.items article .favicon{height:16px}section li{margin-left:15px;list-style-type:square}iframe,video{max-width:98%}.search{text-align:right}#search-opener{color:#777;font-size:87.5%;cursor:pointer;text-transform:lowercase}#menu-more li.active a,#search-opener:hover{color:#333}#search-form{border:0;padding:0}#search-form input{font-size:75%}#menu-more{padding-top:20px}#menu-more li{font-size:1.1em;padding-top:10px;padding-bottom:10px;border-bottom:1px dotted #ccc;list-style-type:none}#menu-more a{color:#777;display:block}#help-layer{position:fixed;top:0;left:0;bottom:0;width:350px;background:#f0f0f0;box-shadow:2px 0 5px 0 #ccc}#help-layer .panel{border:0}.btn-close{position:absolute;top:0;right:0;font:28px/1 sans-serif;color:#ccc;padding:0 .2em;margin:10px;cursor:pointer}.btn-close:hover{color:#999}#login{width:350px;margin:15% auto 0}#login form{border:none;margin-bottom:45px}#database-selector h4{margin:0 0 10px;padding:0;font-weight:400}.bookmarklet{font-size:.9em;font-weight:700;line-height:30px;padding:4px;color:#333;background:#fff;border:1px dotted #ccc;border-radius:4px;cursor:move}.bookmarklet:focus,.bookmarklet:hover{color:#396}#config-form{border-left:none;padding:0}#config-form h3{border-bottom:1px dotted #ccc}.options{border-left:3px dotted #eee;padding-left:20px}html[dir=rtl] .options,html[dir=rtl] form,html[dir=rtl] ul.item-infos li{border:none}html[dir=rtl] .nav-left:before,html[dir=rtl] .nav-right:after,html[dir=rtl] span.items-count:after,html[dir=rtl] span.items-count:before{content:""}@media only screen and (min-width:480px){.hide-desktop{display:none}.search{margin-top:-30px}}@media only screen and (max-width:480px){.hide-mobile,ul li.hide-mobile{display:none}body{max-width:480px}header{margin-bottom:0}nav .active a{font-weight:400}.page{clear:both;padding-top:20px;overflow-x:hidden}.page li{margin-left:5px}.item{font-size:1em}.item h1{font-size:.75em}.item nav a{font-weight:700;text-decoration:none}.items .preview{color:#555}.item-menu li,ul.item-infos li{padding-left:0;padding-right:5px;border:none}section li{font-size:.85em}#search-form input{box-sizing:border-box;width:100%}}