1 files changed, 153 insertions, 0 deletions
diff --git a/www/wiki/extensions/SemanticMediaWiki/res/smw/ext.smw.dropdown.css b/www/wiki/extensions/SemanticMediaWiki/res/smw/ext.smw.dropdown.css
new file mode 100644
index 00000000..d4c08903
--- /dev/null
+++ b/www/wiki/extensions/SemanticMediaWiki/res/smw/ext.smw.dropdown.css
@@ -0,0 +1,153 @@
+/*!
+ * This file is part of the Semantic MediaWiki Extension
+ * @see https://www.semantic-mediawiki.org/
+ *
+ * @section LICENSE
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 2 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
+ *
+ * @since 3.0
+ *
+ * @file
+ * @ingroup SMW
+ *
+ * @licence GNU GPL v2+
+ *
+ * https://codepen.io/mbdavid/pen/xGLaBJ
+ */
+
+.smw-dropdown {
+	position: relative;
+	display: inline-block;
+	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	font-size: 14px;
+}
+
+.smw-dropdown > a,
+.smw-dropdown > button {
+	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	font-size: 14px;
+	background-color: white;
+	border: 1px solid #ccc;
+	padding: 6px 20px 6px 10px;
+	border-radius: 4px;
+	display: inline-block;
+	color: black;
+	text-decoration: none;
+}
+
+.smw-dropdown > a:before,
+.smw-dropdown > button:before {
+	position: absolute;
+	right: 12px;
+	top: 12px;
+	content: '';
+	border-left: 5px solid transparent;
+	border-right: 5px solid transparent;
+	border-top: 5px solid black;
+}
+
+.smw-dropdown input[type=checkbox] {
+	position: absolute;
+	display: block;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
+	margin: 0px;
+	opacity: 0;
+}
+
+.smw-dropdown input[type=checkbox]:checked {
+	position: fixed;
+	z-index: +0;
+	top: 0px; left: 0px;
+	right: 0px; bottom: 0px;
+}
+
+.smw-dropdown .smw-dropdown-menu {
+	position: absolute;
+	top: 31px;
+	border: 1px solid #ccc;
+	border-radius: 3px;
+	left: 0px;
+	list-style: none;
+	padding: 4px 0px !important;
+	display: none;
+	background-color: white;
+	box-shadow: 0 3px 6px rgba( 0, 0, 0, .175 );
+	margin: 0 0 0 0 !important;
+}
+
+.smw-dropdown input[type=checkbox]:checked + .smw-dropdown-menu {
+	display: block;
+}
+
+.smw-dropdown .smw-dropdown-menu li {
+	display: block;
+	padding: 4px 20px;
+	white-space: nowrap;
+	min-width: 100px;
+	margin-bottom: 0;
+}
+
+.smw-dropdown .smw-dropdown-menu li:hover {
+	background-color: #f5f5f5;
+	cursor: pointer;
+}
+
+.smw-dropdown .smw-dropdown-menu li a {
+	text-decoration: none;
+	display: block;
+	color: black
+}
+
+.smw-dropdown .smw-dropdown-menu .divider {
+	height: 1px;
+	margin: 9px 0;
+	overflow: hidden;
+	background-color: #e5e5e5;
+	font-size: 1px;
+	padding: 0;
+}
+
+.smw-dropdown-menu::before {
+	top: -16px;
+	right: 9px;
+	left: auto;
+	border: 8px solid transparent;
+	border-bottom-color: rgba( 27, 31, 35, 0.15 );
+}
+
+.smw-dropdown-menu::before {
+	top: -16px;
+	right: 7px;
+	left: auto;
+	border: 8px solid transparent;
+	border-bottom-color: rgba( 27, 31, 35, 0.15 );
+	position: absolute;
+	display: inline-block;
+	content: '';
+}
+
+.smw-dropdown-menu::after {
+	position: absolute;
+	display: inline-block;
+	content: '';
+	top: -14px;
+	right: 8px;
+	left: auto;
+	border: 7px solid transparent;
+	border-bottom-color: #fff;
+}