-<div id="bagit-form" class="messages info">
+<div id="bagit-form" class="messages info popup-form">
<form method="get" action="index.php" target="_blank" id="bagit-form-form">
<h2>{% trans "Save a link" %}</h2>
<a href="javascript: void(null);" id="bagit-form-close" class="popup-close">×</a>
-<div id="search-form" class="messages info">
+<div id="search-form" class="messages info popup-form">
<form method="get" action="index.php">
+ <h2>{%trans "Search" %}</h2>
<a href="javascript: void(null);" id="search-form-close" class="popup-close">×</a>
<input type="hidden" name="view" value="search"></input>
- <label>{% trans "Search" %}:</label><input required placeholder="{% trans "Enter your search here" %}" type="text" name="search" id="searchfield" />
- <input id="submit-search" type="submit" value="{% trans "Search" %} !"></input>
+ <input required placeholder="{% trans "Enter your search here" %}" type="text" name="search" id="searchfield"><br>
+ <input id="submit-search" type="submit" value="{% trans "Search" %}"></input>
</form>
</div>
2.1 = "save a link" related styles
========================================================================== */
-#bagit-form,
-#search-form {
+.popup-form {
background: rgba(0,0,0,0.5);
position: absolute;
top: 0;
height: 100%;
width: 100%;
margin: 0;
- margin-top: -30%;
+ margin-top: -30% !important; /* TODO: get rid of !important here; overridden by .messages selector */
padding: 2em;
display: none;
border-left: 1px #EEE solid;
}
- #bagit-form form,
- #search-form form {
+ .popup-form form {
background: #FFF;
position: absolute;
top: 0;
font-size: 0.9em;
}
-/* ==========================================================================
- 2.2 = "search for articles" popup div related styles
- ========================================================================== */
-
-#submit-search{
- margin-left: 4em;
- margin-top: 1em;
-}
-
/* ==========================================================================
3 = Pictos
========================================================================== */
display: none;
}
- #bagit-form, #search-form {
+ .popup-form {
left: 0;
}
}