/** * Joomla! component Creative Contact Form * * @version $Id: 2012-04-05 14:30:25 svn $ * @author creative-solutions.net * @package Creative Contact Form * @subpackage com_creativecontactform * @license GNU/GPL * */ .options_wrapper { width: 435px; display: block; box-shadow: inset 0 0 12px 0 rgba(201, 201, 201, 0.5); border: 1px solid #D6D6D6; border-radius: 6px; position: relative; padding-bottom: 12px; background-color: rgb(253, 253, 253); margin: 0 0 15px 0; -webkit-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; -moz-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; -o-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; } .options_wrapper:hover { box-shadow: inset 0 0 16px 2px rgba(255, 219, 186, 0.9); background-color: #ffffe5; border: 1px solid rgb(235, 207, 159); border-top: 1px solid #D6D6D6; } .menus_header { height: 20px; background-image: url("../images/alt_menu_mainitem_bg.gif"); position: relative; } .menus_header .load_countries_data { position: absolute; right: 27px; top: 1px; border: 0; cursor: pointer; } .menus_header .load_countries_data:hover { right: 26px; top: 0px; } .menus_header #new_menu_img { position: absolute; right: 8px; top: 2px; border: 0; cursor: pointer; } .menus_header #new_menu_img:hover { right: 7px; top: 1px; } .menus_header .new_submenu_img { position: absolute; right: 8px; top: 2px; border: 0; cursor: pointer; } .menus_header .new_submenu_img:hover { right: 6px; top: 1px; } .menu_tree ul { list-style: none outside none; margin: 13px 0 0 0; padding: 0; font-size: 11px; } .menu_tree ul li { margin: 0 7px 4px 7px; padding: 3px 150px 2px 0; position: relative; box-shadow: 2px 1px 4px #344e01; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #98a4a8; background-color: #fffffd !important; } .menu_tree ul li .edit { position: absolute; top: 1px; right: 45px; cursor: pointer; width: 16px; height: 16px; background: transparent url("../images/edit.gif") left top no-repeat; } .menu_tree ul li .edit:hover { top: 0px; right: 44px; } .menu_tree ul li .hide { display: block !important; position: absolute; top: 2px; right: 24px; cursor: pointer; width: 18px; height: 18px; background: transparent url("../images/button_hide.gif") left top no-repeat; } .menu_tree ul li .hide:hover { top: 1px; right: 23px; } .menu_tree ul li .show { display: block !important; position: absolute; top: 0px; right: 24px; cursor: pointer; width: 18px; height: 18px; background: transparent url("../images/editaccess.gif") -3px 0px no-repeat; } .menu_tree ul li .show:hover { top: -1px; right: 23px; } .menu_tree ul li .delete { position: absolute; top: 1px; right: 6px; cursor: pointer; width: 16px; height: 16px; background: transparent url("../images/recycler.gif") left top no-repeat; } .menu_tree ul li .delete:hover { top: 0px; right: 5px; } .menu_tree ul li .menu_moove { position: absolute; top: 2px; right: 66px; cursor: pointer; cursor: move; width: 16px; height: 16px; background: transparent url("../images/drag.gif") left top no-repeat; } .menu_tree ul li .menu_moove:hover { top: 1px; border: 1px solid #bbbbbb; right: 65px; } .menu_tree ul li .def { position: absolute; top: 1px; right: 83px; cursor: pointer; width: 13px; height: 14px; background-color: #777; border: 1px solid #ebc3c3; } .menu_tree ul li .def:hover { top: 0px; right: 82px; background-color: #444; border: 1px solid red; } .menu_tree ul li .set_def { position: absolute; top: 3px; right: 84px; cursor: pointer; width: 12px; height: 13px; } .menu_tree ul li .set_def:hover { top: 2px; right: 83px; } .menu_tree ul .depth { background-image: url("../images/plus.gif"); background-repeat: no-repeat; background-position: 8px 3px; } .menu_tree ul .depth_opened { background-image: url("../images/minus.gif"); background-repeat: no-repeat; background-position: 8px 3px; } .menu_tree ul .text { background-image: url("../images/pages.gif"); background-repeat: no-repeat; background-position: 9px 3px; } .menu_tree ul li .option_item { display: block; text-decoration: none; width: auto; padding: 0 0 0 29px; color: #505D6D; -webkit-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; -moz-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; -o-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; } .menu_tree ul li { -webkit-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; -moz-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; -o-transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; transition: background linear 0.2s, background-color linear 0.2s, box-shadow linear 0.2s, border linear 0.2s; } .menu_tree ul li:hover { background-color: #D7DBE2 !important; } .menu_tree ul li:hover .option_item { color: #000000; } .menu_tree ul .selected { background-color: #D7DBE2; border: 1px solid #7c7c6e; } .menu_tree ul .selected a { color: #000000; font-weight: bold; } #shadow { top:0; left:0; position: absolute; z-index: 130; background-color: black; opacity:0.5; filter:alpha(opacity=50); display: none; } #edit_menu_data { position: relative; } #ajax_loader { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(255,255,255,0.5) url("../images/ajax-loader.gif") center center no-repeat; z-index: 100; display: none; }