/** * EGroupware: Stylite Pixelegg template * * Nextmatch * * Please do NOT change css-files directly, instead change less-files and compile them! * * @link http://www.egroupware.org * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @author Stefan Reinhard * @package pixelegg * @version $Id$ */ /** * EGroupware: CSS with less preprocessor * * Definitions for buttons * * Please do NOT change css-files directly, instead change less-files and compile them! * * @link http://www.egroupware.org * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @author Stefan Reinhardt * @package phpgwapi * @version $Id$ */ .Complete_Button_normal { border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); color: #000000; } .Complete_Button_hover { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); background-color: inherit !important; } .Complete_Button_active { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } .Complete_Button_focus { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } .Complete_Button_add { background-color: #0b5fa4 !important; color: #FFF; text-shadow: none; height: 35px; background-image: none !important; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 20px; -moz-border-radius: 3px; -moz-border-radius-topleft: 20px; border-radius: 3px; border-top-left-radius: 20px; } .Complete_Button_add:before { content: "+"; font-size: 2em; color: #ffc200; } .Complete_Button_add_hover { background-color: #66a1d2 !important; color: #ffc200; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -webkit-border-radius: 3px; -webkit-border-top-left-radius: 20px; -moz-border-radius: 3px; -moz-border-radius-topleft: 20px; border-radius: 3px; border-top-left-radius: 20px; } .Complete_Button_hinweis { width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0.15); padding: 0 0.2em; border-left: 3px solid; border-left-color: #e4e7ea; } .Complete_Button_select { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); width: auto; margin: 0.5em 0em 0.5em 0.5em; padding: 3px; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .Complete_Button_select_hover { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); } .Complete_Button_select_focus { outline: 0; border-width: 1px; border-style: solid; border-color: #bfbfbf; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); } .Complete_Button_input { border: 1px solid rgba(0, 0, 0, 0.15); border-color: #bfbfbf; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); width: auto; margin: 0.5em 0em 0.5em 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .Complete_Button_input_hover { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); } .Complete_Button_input_focus { outline: 0; border-width: 1px; border-style: solid; border-color: #bfbfbf; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); } .Complete_Button_search_action { border: 1px solid rgba(0, 0, 0, 0.15); border-color: #bfbfbf; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); width: 3em; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 20px; -moz-border-radius: 3px; -moz-border-radius-topleft: 20px; border-radius: 3px; border-top-left-radius: 20px; background-color: #ffd44d; color: #FFFFFF; text-decoration: none; cursor: pointer; padding: 3px; margin-left: 5px; } .Complete_Button_search_action_hover { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); background-color: #ffd40f !important; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 20px; -moz-border-radius: 3px; -moz-border-radius-topleft: 20px; border-radius: 3px; border-top-left-radius: 20px; } .Complete_Button_search_action_active { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); background-color: #ffd44d; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 20px; -moz-border-radius: 3px; -moz-border-radius-topleft: 20px; border-radius: 3px; border-top-left-radius: 20px; } .Complete_Button_search_action_reset { border: 1px solid rgba(0, 0, 0, 0.15); border-color: #bfbfbf; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); width: 3em; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 20px; -moz-border-radius: 3px; -moz-border-radius-topleft: 20px; border-radius: 3px; border-top-left-radius: 20px; background-color: #ffd44d; color: #FFFFFF; text-decoration: none; cursor: pointer; padding: 3px; margin-left: 5px; background: -webkit-gradient(linear, 0 0, 0 bottom, #d8d8d8, #a3a3a3), -moz-linear-gradient(#d8d8d8, #a3a3a3), -o-linear-gradient(#d8d8d8, #a3a3a3), linear-gradient(#d8d8d8, #a3a3a3); -pie-background: linear-gradient(#d8d8d8, #a3a3a3); behavior: url(/PIE.htc); } .Complete_Button_lettersearch { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.15); text-align: center; cursor: pointer; } .Complete_Button_text { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f0f0f0; border-color: #808080; cursor: pointer; } .Complete_Button_text_hover { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.5); text-align: center; cursor: pointer; background-color: #b3b3b3 !important; } .Complete_Button_text_active { color: #000000; } .Complete_Button_text_icon_before { border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); color: #000000; padding-left: 30px !important; background-position: 6px center !important; background-repeat: no-repeat !important; background-size: 20px auto !important; width: auto; height: 32px; } .Complete_Button_text_icon_before_hover { border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); color: #000000; padding-left: 30px !important; background-position: 6px center !important; background-repeat: no-repeat !important; background-size: 20px auto !important; width: auto; height: 32px; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); } .Complete_Button_text_icon_before_active { border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); color: #000000; padding-left: 30px !important; background-position: 6px center !important; background-repeat: no-repeat !important; background-size: 20px auto !important; width: auto; height: 32px; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); } .Complete_Button_Icon_normal { background-color: #f0f0f0; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .Complete_Button_Icon_hover { background-color: #b3b3b3 !important; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); border: 1px solid rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .Complete_Button_Icon_active { background-color: #808080; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); border: 1px solid rgba(0, 0, 0, 0.9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .Complete_Button_Module_Menu_Links { background-color: #f0f0f0; } .Complete_Button_Module_Menu_Links_Hover { background-color: #b3b3b3 !important; color: #f2f2f2; } .Complete_Button_Module_Menu_Links_active { background-color: #f0f0f0; } .Complete_Button_Module_Menu_Links_Sub_Hover { margin-left: 2px; padding-top: 0px; padding-bottom: 5px; border: 1px solid rgba(0, 0, 0, 0.15); background-color: #d9d9d9; } .Complete_Button_Module_Menu_Links_Sub { margin-left: 3px; padding-top: 0px; padding-bottom: 5px; border: 1px solid rgba(0, 0, 0, 0.15); border-top-width: 0px; background-color: #f0f0f0; margin-top: -7px; padding-left: 14px; width: 93%; } /** * Nextmatch widget */ .et2_nextmatch .nextmatch_header > .filters { border: none !important; background-image: none !important; background-color: #f0f0f0; } .et2_nextmatch { background-color: #f0f0f0; /* Favorites */ } .et2_nextmatch div > .header { margin-top: -20px; border: none; } .et2_nextmatch input, .et2_nextmatch select { height: auto; width: auto; } .et2_nextmatch .nextmatch_header { border: none !important; background-image: none !important; background-color: #f0f0f0; background-size: 80% 10; margin-bottom: 3px; } .et2_nextmatch .nextmatch_header img { height: 16px; width: 16px; } .et2_nextmatch .nextmatch_header div.et2_hbox_right { background: transparent; } .et2_nextmatch .nextmatch_header div.et2_hbox_right table.et2_grid { background: transparent; } .et2_nextmatch .nextmatch_header .et2_button_icon { vertical-align: middle; background-color: #f0f0f0; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 0px; margin-right: 1em; height: 16px; width: 16px; padding: 2px; } .et2_nextmatch .nextmatch_header .et2_button_icon:hover { background-color: #b3b3b3 !important; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); border: 1px solid rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .et2_nextmatch .nextmatch_header .header_count { position: relative; top: 7px; width: 50px; font-size: 0.8em; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #bfbfbf; position: relative; top: 5px; /** * Drop down button */ } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown { /*linke Seite Bild*/ } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button#ui-corner-left, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button#ui-corner-left, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button#ui-corner-left, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button#ui-corner-left, .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown .ui-state-default, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown .ui-state-default, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown .ui-state-default, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown .ui-state-default { background-image: none; width: auto; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button#ui-corner-left img, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button#ui-corner-left img, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button#ui-corner-left img, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button#ui-corner-left img, .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown .ui-state-default img, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown .ui-state-default img, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown .ui-state-default img, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown .ui-state-default img { height: 16px; width: 16px; text-align: left; position: relative; right: 20px; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button { height: 3.0ex; display: inline-block; vertical-align: middle; margin-right: -2px; padding: 0px 1ex; background-color: #ffffff; background-image: none; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button > div, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button > div, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button > div, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button > div { vertical-align: middle; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown button:last-child, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown button:last-child, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown button:last-child, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown button:last-child { padding: 0px; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper .et2_dropdown + ul.ui-menu, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper .et2_dropdown + ul.ui-menu, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper .et2_dropdown + ul.ui-menu, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper .et2_dropdown + ul.ui-menu { position: absolute; z-index: 2; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul { border-color: #bfbfbf; background-color: #ffffff; color: #000000; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li { background-color: #ffffff; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li:hover, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li:hover, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li:hover, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li:hover { background-color: #f0f0f0; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a { height: 40px; border: none; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a img, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a img, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a img, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a img { height: 16px; width: 16px; } .et2_nextmatch .nextmatch_header div#infolog-index_favorite_wrapper ul li a:hover, .et2_nextmatch .nextmatch_header div#addressbook-index_favorite_wrapper ul li a:hover, .et2_nextmatch .nextmatch_header div#timesheet-index_favorite_wrapper ul li a:hover, .et2_nextmatch .nextmatch_header div#projectmanager-list_favorite_wrapper ul li a:hover { background: none; text-indent: -22px; margin-left: 21px; height: 40px; } .et2_nextmatch div#favorite_wrapper { margin-top: 8px; vertical-align: middle; } /*######################################################### # # Filterleiste # #########################################################*/ .filters { padding: 0 0 1em 1em; background-color: #f0f0f0; border-width: 0 0 1px 0; border-color: #d9d9d9; background-image: none; width: 80%; margin-bottom: 1em; } .filters img.et2_button_icon { float: right; position: relative; top: 0px; } .filters select, .filters input, .filters button { height: 20px; } .filters select { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); width: auto; margin: 0.5em 0em 0.5em 0.5em; padding: 3px; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; margin-right: 2ex; padding: 5px; padding: 0px 0px 0px 3px; } .filters select:hover { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); } .filters select option { font-size: 0.9em; } .filters select#cat_id { margin-left: 1em; } .filters input { border: 1px solid rgba(0, 0, 0, 0.15); border-color: #bfbfbf; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); width: auto; margin: 0.5em 0em 0.5em 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .filters input:hover { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); } .filters button { border: 1px solid rgba(0, 0, 0, 0.15); border-color: #bfbfbf; -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5); width: 3em; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 20px; -moz-border-radius: 3px; -moz-border-radius-topleft: 20px; border-radius: 3px; border-top-left-radius: 20px; background-color: #ffd44d; color: #FFFFFF; text-decoration: none; cursor: pointer; padding: 3px; margin-left: 5px; background-image: none; width: auto; } .filters button:hover { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); background-color: #ffd40f !important; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 20px; -moz-border-radius: 3px; -moz-border-radius-topleft: 20px; border-radius: 3px; border-top-left-radius: 20px; background-color: #ffd40f; } .filters button:active { -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9); background-color: #ffd44d; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 20px; -moz-border-radius: 3px; -moz-border-radius-topleft: 20px; border-radius: 3px; border-top-left-radius: 20px; } .filters button:focus { outline: 0; border-width: 1px; border-style: solid; border-color: #bfbfbf; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); }