/* ###################################################################################################################### # # 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_hotelreservation_emphasise_f { font-weight: bold; color: brown; } .mod_hotelreservation_warning_f { font-weight: bold; color: red; } .mod_hotelreservation_label { /*font-weight:bold;*/ text-align:right; width:30%; /*width: 10em;*/ display: block; float: left; } .mod_hotelreservation_label span.small{ color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; } .mod_hotelreservation_label em { color: #1975CA; } .mod_hotelreservation_fieldset { border-width:2px 0 0 0; border-style: solid; border-color: #1975CA; } .mod_hotelreservation_fieldset input { float:left; font-size:12px; padding:4px 2px; /*border:solid 1px #aacfe4;*/ width:55%; margin:2px 0 20px 10px; } .mod_hotelreservation_fieldset select { float:left; font-size:12px; padding:4px 2px; /*border:solid 1px #aacfe4;*/ width:55%; margin:2px 0 20px 10px; } .mod_hotelreservation_fieldset p { clear:left } .warning { /*background-color:red;*/ color: red; } .mod_hotelreservation_fieldset select { width: 57%; } .mod_hotelreservation_fieldset input.required {background-color:#FDD017;} .mod_hotelreservation_fieldset textarea.required {background-color:#FDD017;} .mod_hotelreservation_fieldset select.required {background-color:#FDD017;} .hotel { /*margin-bottom:15px;*/ /*padding:10px;*/ /*border: 1px solid gray;*/ } input.grayed { color: silver; } .hotel p { clear:both; } .hotel.grayed { color: gray; /*background-color: silver;*/ } .hotel a { color: gray; } #mod_hotelreservation_checkaddress p{ margin:0 0 0 20px; }