aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rwxr-xr-xthemes/baggy/_pocheit-form.twig2
-rw-r--r--themes/baggy/_search-form.twig9
-rwxr-xr-xthemes/baggy/css/main.css63
3 files changed, 19 insertions, 55 deletions
diff --git a/themes/baggy/_pocheit-form.twig b/themes/baggy/_pocheit-form.twig
index 2068cd31..bf2ae903 100755
--- a/themes/baggy/_pocheit-form.twig
+++ b/themes/baggy/_pocheit-form.twig
@@ -1,4 +1,4 @@
1<div id="bagit-form" class="messages info"> 1<div id="bagit-form" class="messages info popup-form">
2 <form method="get" action="index.php" target="_blank" id="bagit-form-form"> 2 <form method="get" action="index.php" target="_blank" id="bagit-form-form">
3 <h2>{% trans "Save a link" %}</h2> 3 <h2>{% trans "Save a link" %}</h2>
4 <a href="javascript: void(null);" id="bagit-form-close" class="close-button--popup close-button">&times;</a> 4 <a href="javascript: void(null);" id="bagit-form-close" class="close-button--popup close-button">&times;</a>
diff --git a/themes/baggy/_search-form.twig b/themes/baggy/_search-form.twig
index aec902ff..b1e17dd8 100644
--- a/themes/baggy/_search-form.twig
+++ b/themes/baggy/_search-form.twig
@@ -1,8 +1,9 @@
1<div id="search-form" class="messages info"> 1<div id="search-form" class="messages info popup-form">
2<form method="get" action="index.php"> 2<form method="get" action="index.php">
3 <a href="javascript: void(null);" id="search-form-close" class="close-button--popup close-button">&times;</a> 3 <h2>{%trans "Search" %}</h2>
4 <a href="javascript: void(null);" id="search-form-close" class="popup-close">&times;</a>
4 <input type="hidden" name="view" value="search"></input> 5 <input type="hidden" name="view" value="search"></input>
5 <label>{% trans "Search" %}:</label><input required placeholder="{% trans "Enter your search here" %}" type="text" name="search" id="searchfield" /> 6 <input required placeholder="{% trans "Enter your search here" %}" type="text" name="search" id="searchfield"><br>
6 <input id="submit-search" type="submit" value="{% trans "Search" %} !"></input> 7 <input id="submit-search" type="submit" value="{% trans "Search" %}"></input>
7</form> 8</form>
8</div> 9</div>
diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css
index 4e3404c1..ce314860 100755
--- a/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@ -540,7 +540,7 @@ footer a {
540 2.1 = "save a link" related styles 540 2.1 = "save a link" related styles
541 ========================================================================== */ 541 ========================================================================== */
542 542
543#bagit-form, #search-form { 543.popup-form {
544 background: rgba(0,0,0,0.5); 544 background: rgba(0,0,0,0.5);
545 position: absolute; 545 position: absolute;
546 top: 0; 546 top: 0;
@@ -549,24 +549,23 @@ footer a {
549 height: 100%; 549 height: 100%;
550 width: 100%; 550 width: 100%;
551 margin: 0; 551 margin: 0;
552 margin-top: -30%; 552 margin-top: -30% !important; /* TODO: get rid of !important here; overridden by .messages selector */
553 padding: 2em; 553 padding: 2em;
554 display: none; 554 display: none;
555 border-left: 1px #EEE solid; 555 border-left: 1px #EEE solid;
556} 556}
557 557
558#bagit-form form, #search-form form { 558 .popup-form form {
559 background: #FFF; 559 background: #FFF;
560 position: absolute; 560 position: absolute;
561 top: 0; 561 top: 0;
562 left: 0; 562 left: 0;
563 z-index: 20; 563 z-index: 20;
564 border: 10px solid #000; 564 border: 10px solid #000;
565 width: 400px; 565 width: 400px;
566 height: 200px; 566 height: 200px;
567 /* margin: -150px 0 0 -300px; */ 567 padding: 2em;
568 padding: 2em; 568 }
569}
570 569
571#bagit-form-form .addurl { 570#bagit-form-form .addurl {
572 margin-left: 0; 571 margin-left: 0;
@@ -651,42 +650,6 @@ a.add-to-wallabag-link-after:after {
651} 650}
652 651
653/* ========================================================================== 652/* ==========================================================================
654 2.2 = "search for articles" popup div related styles
655 ========================================================================== */
656#search-form {
657 background: rgba(0,0,0,0.5);
658 position: absolute;
659 top: 0;
660 left: 10em;
661 z-index: 20;
662 height: 100%;
663 width: 100%;
664 margin: 0;
665 margin-top: -30%;
666 padding: 2em;
667 display: none;
668 border-left: 1px #EEE solid;
669}
670
671#search-form form {
672 background: #FFF;
673 position: absolute;
674 top: 0;
675 left: 0;
676 z-index: 20;
677 border: 10px solid #000;
678 width: 400px;
679 height: 200px;
680 /* margin: -150px 0 0 -300px; */
681 padding: 2em;
682}
683
684#submit-search{
685margin-left: 4em;
686margin-top:1em;
687}
688
689/* ==========================================================================
690 3 = Pictos 653 3 = Pictos
691 ========================================================================== */ 654 ========================================================================== */
692 655