aboutsummaryrefslogtreecommitdiffhomepage
path: root/themes/baggy
diff options
context:
space:
mode:
Diffstat (limited to 'themes/baggy')
-rwxr-xr-xthemes/baggy/_pocheit-form.twig2
-rw-r--r--themes/baggy/_search-form.twig4
-rwxr-xr-xthemes/baggy/css/main.css42
3 files changed, 26 insertions, 22 deletions
diff --git a/themes/baggy/_pocheit-form.twig b/themes/baggy/_pocheit-form.twig
index 88d32757..bf2ae903 100755
--- a/themes/baggy/_pocheit-form.twig
+++ b/themes/baggy/_pocheit-form.twig
@@ -1,7 +1,7 @@
1<div id="bagit-form" class="messages info popup-form"> 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="popup-close">&times;</a> 4 <a href="javascript: void(null);" id="bagit-form-close" class="close-button--popup close-button">&times;</a>
5 <input type="hidden" name="autoclose" value="1" /> 5 <input type="hidden" name="autoclose" value="1" />
6 <input required placeholder="example.com/article" class="addurl" id="plainurl" name="plainurl" type="url" /> 6 <input required placeholder="example.com/article" class="addurl" id="plainurl" name="plainurl" type="url" />
7 <span id="add-link-result"></span> 7 <span id="add-link-result"></span>
diff --git a/themes/baggy/_search-form.twig b/themes/baggy/_search-form.twig
index b1e17dd8..77cd8461 100644
--- a/themes/baggy/_search-form.twig
+++ b/themes/baggy/_search-form.twig
@@ -1,7 +1,7 @@
1<div id="search-form" class="messages info popup-form"> 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 <h2>{%trans "Search" %}</h2> 3 <h2>{%trans "Search" %}</h2>
4 <a href="javascript: void(null);" id="search-form-close" class="popup-close">&times;</a> 4 <a href="javascript: void(null);" id="search-form-close" class="close-button--popup close-button">&times;</a>
5 <input type="hidden" name="view" value="search"></input> 5 <input type="hidden" name="view" value="search"></input>
6 <input required placeholder="{% trans "Enter your search here" %}" type="text" name="search" id="searchfield"><br> 6 <input required placeholder="{% trans "Enter your search here" %}" type="text" name="search" id="searchfield"><br>
7 <input id="submit-search" type="submit" value="{% trans "Search" %}"></input> 7 <input id="submit-search" type="submit" value="{% trans "Search" %}"></input>
diff --git a/themes/baggy/css/main.css b/themes/baggy/css/main.css
index 2f3af95e..93294359 100755
--- a/themes/baggy/css/main.css
+++ b/themes/baggy/css/main.css
@@ -571,24 +571,32 @@ footer a {
571 margin-left: 0; 571 margin-left: 0;
572} 572}
573 573
574.popup-close { 574.closeMessage,
575.close-button {
575 background: #000; 576 background: #000;
576 color: #FFF; 577 color: #FFF;
577 font-size: 1.4em; 578 font-size: 1.2em;
578 line-height: 1.6em; 579 line-height: 1.6;
579 width: 1.6em; 580 width: 1.6em;
580 height: 1.6em; 581 height: 1.6em;
581 text-align: center; 582 text-align: center;
582 text-decoration: none; 583 text-decoration: none;
584}
585 .closeMessage:hover,
586 .closeMessage:focus,
587 .close-button:hover,
588 .close-button:focus {
589 background: #999;
590 color: #000;
591 }
592
593.close-button--popup {
583 display: inline-block; 594 display: inline-block;
584 position: absolute; 595 position: absolute;
585 top: 0; 596 top: 0;
586 right: 0; 597 right: 0;
598 font-size: 1.4em;
587} 599}
588 .popup-close:hover {
589 background: #999;
590 color: #000;
591 }
592 600
593.active-current { 601.active-current {
594 background-color: #999; 602 background-color: #999;
@@ -750,18 +758,6 @@ a.add-to-wallabag-link-after:after {
750 758
751.messages > * { display: inline-block;} 759.messages > * { display: inline-block;}
752 760
753.closeMessage {
754 background: #000;
755 color: #FFF;
756 padding: 0.2em 0.5em;
757 text-decoration: none;
758}
759
760 .closeMessage:hover, .closeMessage:focus {
761 background: #FFF;
762 color: #000;
763 }
764
765.warning { 761.warning {
766 /* font-size: 3em; 762 /* font-size: 3em;
767 color: #999; 763 color: #999;
@@ -1022,6 +1018,14 @@ pre code {
1022 1018
1023 .popup-form { 1019 .popup-form {
1024 left: 0; 1020 left: 0;
1021 width: 100%;
1022 border-left: none;
1023 }
1024
1025 .popup-form form,
1026 #bagit-form form,
1027 #search-form form {
1028 width: 100%;
1025 } 1029 }
1026} 1030}
1027 1031