/* ###################################################################################################################### # # PURPOSE OF THIS FILE: FRONTEND.CSS # Provides the module CSS defintions to be used in the frontend (view.php) # # INVOKED BY: # With WB 2.6.6 a new function was implemented which automatically links an external module frontend.css # file to the section of a page. The frontend.css is optional. If you want make use # of this option, simply place a frontend.css file with the CSS definition into the module directory. # # Website Baker versions below 2.6.6 will ignore this file!!! # The frontend.css is invoked from the index.php of your template if you have added the following PHP code # lines to the index.php of your template: # # ... # # # # NOTE: # All CSS styles, classes... have to stick to the following naming conventions: # mod_MODULE_DIRECTORY_XXXX_f # # mod: shows that the CSS style is defined within a module # MODULE_DIRECTORY: unique identifier to prevent that CSS styles are overwritten by other modules # XXXX: your CSS style definition (e.g. emphasise, warning...) # f: identifier for the frontend # ###################################################################################################################### */ /* CSS definition for Website Baker module: Hello world Copyright (C) year, Authors name Contact me: author(at)domain.xxx, http://authorwebsite.xxx This CSS file is free software. You can redistribute it and/or modify it under the terms of the GNU General Public License - version 2 or later, as published by the Free Software Foundation: http://www.gnu.org/licenses/gpl.html. This CSS file 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. */ .mod_sternsinger_emphasise_f { font-weight: bold; color: brown; } .mod_sternsinger_warning_f { font-weight: bold; color: red; } .dropbtn { background-color: #04AA6D; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropbtn:hover, .dropbtn:focus { background-color: #3e8e41; } #myInput { box-sizing: border-box; background-image: url('searchicon.png'); background-position: 14px 12px; background-repeat: no-repeat; font-size: 16px; padding: 14px 20px 12px 45px; border: none; border-bottom: 1px solid #ddd; } #myInput:focus {outline: 3px solid #ddd;} .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f6f6f6; min-width: 230px; overflow: auto; border: 1px solid #ddd; z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown a:hover {background-color: #ddd;} .show {display: block;}