/* Item: Elan-Responsive CSS3 Dropdown Menu Author: http://codecanyon.net/user/sky_lab Version: 1.3 */ @import url("icons.css"); @import url("font-awesome.css"); /* Font Awesome Icons */ @import url("../webfonts/cabin/stylesheet.css"); /*********END_BASIC_STYLE***********/ /************START_STYLE_OF_DIV_THAT_HOLDS_MAIN_LINKS**********/ #block_navigation { height: 55px; width: 1024px; position: relative; z-index: 1999; margin-right: auto; margin-left: auto; border-style: none; clear: both; } #block_navigation ul li { position:relative; list-style: none; float: left; } #block_navigation ul li a, #pull a{ text-decoration: none; display: block; color: #FFFFFF; padding-left: 20px; padding-right: 11px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font: normal 15px/55px CabinSemiBold; letter-spacing: 0.1em; } #pull a { background: #262261; } #block_navigation ul li:hover > a, #pull a:hover{ background: #D5E14D; color: #FFF; } #block_navigation li a:active{ color: #F90; } /************END_STYLE_OF_DIV_THAT_HOLDS_MAIN_LINKS**********/ /**********START_STYLE_OF_DIV_THAT_HOLDS_SUB_LINKS**********/ #block_navigation ul li ul{ position: absolute; } #block_navigation ul ul { z-index: 1; opacity: 0; visibility: hidden; border-bottom: solid 1px #e7e7e7; background: #fff; display: block; -webkit-box-shadow: 0 1px 1px #eee; -moz-box-shadow: 0 1px 1px #eee; box-shadow: 0 1px 1px #eee; margin-left: 10px; -webkit-transition: opacity 0.2s linear, margin-left 0.2s linear; -moz-transition: opacity 0.2s linear, margin-left 0.2s linear; -ms-transition: opacity 0.2s linear, margin-left 0.2s linear; -o-transition: opacity 0.2s linear, margin-left 0.2s linear; transition: opacity 0.2s linear, margin-left 0.2s linear; } #block_navigation ul li ul li{ position: relative; display: block; float: none; border-top:solid 1px #e7e7e7; border-right:solid 1px #e7e7e7; border-left:solid 1px #e7e7e7; } #block_navigation ul li ul li a { width: 250px; font-weight: normal; line-height: 40px; color: #777; display: block; padding-left: 10px; background: #fff; } #block_navigation ul ul ul { position: absolute; top: ; left: 100%; top:-1px; left:100%; padding:0; } #block_navigation i { font-size: 14px; font-style: normal; font-weight: normal; padding-right: 7px; } #block_navigation ul li:hover > ul { z-index: 1; opacity: 1; visibility: visible; margin: 0; } #block_navigation ul ul li:hover > a{ background: #f3f3f3; } /**********END_STYLE_OF_DIV_THAT_HOLDS_SUB_LINKS**********/ /*******START_STYLE_OF_RIGHT_ITEM********/ #block_navigation li.right_item { float: right; } /*******END_STYLE_OF_RIGHT_ITEM********/ /*********START_STYLE_OF_PLUS_SPAN_DIVS_STYLE************/ #block_navigation span.span_level_1, span.span_level_2{ position: absolute; top:0; right:10px; font-size:16px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; } #block_navigation ul ul li:hover span.span_level_1{ -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)); opacity: 0.5; } #block_navigation ul ul ul li:hover span.span_level_2{ -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg)); opacity: 0.5; } /*********END_STYLE_OF_PLUS_SPAN_DIVS_STYLE************/ /************START_STYLE_OF_CONTACT_BLOCK*************/ .contact_block { background: #fff; display: none; position: absolute; right:0; border-right:solid 1px #e7e7e7; border-left:solid 1px #e7e7e7; border-bottom:solid 1px #e7e7e7; -webkit-box-shadow:0 1px 1px #eee; -moz-box-shadow:0 1px 1px #eee; box-shadow:0 1px 1px #eee; } #block_navigation li.right_item:hover .contact_block { display: block; } #block_navigation h1, #block_navigation textarea, #block_navigation input{ margin: 0; padding: 0; outline: none; border: none; } #block_navigation h1{ line-height: 50px; font-family: Century Gothic; font-style: normal; font-size: 20px; font-weight: normal; margin-top:0; margin-left: 25px; margin-right: 25px; color: #555; border-bottom: solid 1px #e7e7e7; } #block_navigation input{ position: relative; width: 200px; height: 25px; padding-top: 2px; } #block_navigation textarea { width: 250px; height: 100px; padding-top: 7px; } #block_navigation input, #block_navigation textarea{ display: block; padding-left: 7px; font-family: Century Gothic; font-size: 12px; color: #555; margin: 25px; border: solid 1px #e7e7e7; } #block_navigation input:focus, #block_navigation textarea:focus{ border:1px solid #bbb; } #block_navigation input[type=submit] { color: #fff; padding: 0; width: 60px; display: block; position: relative; border:none; background: #660000; /***for IE**/ background: hsla(0, 100%, 20%, 1); background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%); background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%); } #block_navigation input[type=submit]:hover { cursor: pointer; background: #990000; /***for IE**/ background: hsla(0, 100%, 30%, 1); background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%); background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%); } /************END_STYLE_OF_CONTACT_BLOCK*************/