/*
 * Copyright (c) 2012 
 * ==================================
 * 
 *
 * This is part of an item on themeforest
 * You can check out the screenshots and purchase it on themeforest:
 * http://rxa.li/whitelabel
 * 
 * 
 * ===========================================
 * original filename: style.css
 * filesize: 52633 Bytes
 * last modified: Tue, 07 Feb 2012 15:36:20 +0100
 *
 */
#header{ height:60px; position:absolute; top:0; left:240px; right:0; border:0; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; border-top-right-radius:4px; } #header ul{ width:75%; height:46px; float:left; margin:0; } #header ul li{ list-style:none; margin:0; } #header ul li ul{ width:100%; height:auto; float:none; padding:18px 0; margin:0; } #header ul li ul li{ border:1px solid; position:relative; float:left; margin:0 10px 0 0; display:block; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #header ul li ul li a{ padding:2px 20px 4px 20px; font-size:14px; display:block; border-top:1px solid; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #header ul li ul li a:hover{ text-decoration:none; } #header ul li ul li a:active, #header ul li ul li a.active{ border:0; padding:4px 20px 3px 20px; } #header ul li ul li:active, #header ul li ul li.active{ } #header ul li ul li ul{ display:none; padding:0; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; } #header ul li ul li ul.shown{ display:block; } #header ul li ul li ul li{ margin:0; max-width:180px; border-left:0; border-right:0; border:0; border-top:1px solid; float:none; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } #header ul li ul li ul li a{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } #header ul li ul li ul li:last-child, #header ul li ul li ul li:last-child a{ -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; border-bottom-right-radius:4px; } #header ul li ul li span{ font-family:sans-serif; display:block; position:absolute; right:-12px; top:-12px; font-size:10px; line-height:10px; font-weight:700; padding:4px 4px 5px; text-align:center; min-width:10px; z-index:100; border:1px solid; cursor:pointer; -webkit-border-radius:36px; -moz-border-radius:36px; border-radius:36px; } 

/*
 * Copyright (c) 2012 
 * ==================================
 * 
 *
 * This is part of an item on themeforest
 * You can check out the screenshots and purchase it on themeforest:
 * http://rxa.li/whitelabel
 * 
 * 
 * ===========================================
 * original filename: theme.css
 * filesize: 65402 Bytes
 * last modified: Tue, 31 Jan 2012 19:34:44 +0100
 *
 */
#header ul li ul li a{ color:#353535; text-shadow:0px 1px 0 #ffffff; border-top-color:#ffffff; background:#f1f1f1; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#e8e8e8'); background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e8e8e8)); background:-moz-linear-gradient(top, #f1f1f1, #e8e8e8); background:-o-linear-gradient(top, #f1f1f1, #e8e8e8); } #header ul li ul li a:hover{ background:#f6f6f6; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#f1f1f1'); background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#f1f1f1)); background:-moz-linear-gradient(top, #f6f6f6, #f1f1f1); background:-o-linear-gradient(top, #f6f6f6, #f1f1f1); } #header ul li ul li a:active, #header ul li ul li a.active{ -webkit-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); box-shadow:inset 0 2px 1px rgba(0, 0, 0, 0.3); background:#e8e8e8; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8e8', endColorstr='#e3e3e3'); background:-webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#e3e3e3)); background:-moz-linear-gradient(top, #e8e8e8, #e3e3e3); background:-o-linear-gradient(top, #e8e8e8, #e3e3e3); } #header ul li ul li:active, #header ul li ul li.active{ } #header ul li ul li ul{ background-color:#2e2e33; } #header ul li ul li span{ background-color:#f0a8a8; color:#ffffff; border-color: #bbb; -webkit-box-shadow: inset 0px 2px 2px rgba(255,255,255, 0.4), inset 0px -2px 3px rgba(255,25,25, 0.4); -moz-box-shadow: inset 0px 2px 2px rgba(255,255,255, 0.4), inset 0px -2px 3px rgba(255,25,25, 0.4); box-shadow: inset 0px 2px 2px rgba(255,255,255, 0.4), inset 0px -2px 3px rgba(255,25,25, 0.4); } #header ul li ul li ul li{ border-color:#dddddd; } @media screen and (max-width:960px) { #header ul#headernav{ background-image:url(../images/icons/dark/expand.png); border-left-color:#e7e7e7; } #header ul#headernav li ul li ul{ background-image:url(../images/bg/04.png); background-color:#2e2e33; } }