/* * @File Name : page_style.scss * @Company Name : Mindfire Solutions Private Limited * @Creator Name : Vikram Kumar Mishra * @Date Created : 2012-06-15 * @Date Modified : * @Last Modification Details : * @Purpose : Place all the styles related to the pages for user. */ li{ list-style-type: none; display: inline; } .even { background-color: aquamarine; } .pages-clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .pages-clearfix { display: block; } #application-actions{ float: right; padding-left: 15px; padding-top: 0; width: 30.7%; } #page-header{ width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; float:left; } #page-footer{ width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; position: relative; margin-top: 10px; float:left; } .page-left-body{ text-align: center; min-height:350px; float:left; margin-right: 15px; } .page-main-body{ min-height: 350px; text-align: center; margin-left: 10px; margin-right: 10px; background-color: white; float: left; } .page-right-body{ width: 27%; text-align: center; min-height:350px; float: right; } .pages-menu { width: 100%; float: left; text-align: right; margin-bottom: 20px; } .pages-menu-li{ list-style-type: none; float: left; margin-left: 10px; } .pages-menu-ul { margin: 0; padding: 0; height: 1em; float: right; } .pages-menu-ul li { list-style: none; float: left; } .pages-menu-ul li a { display: block; padding: 3px 8px; text-decoration: none; } .pages-menu-ul li ul { display: none; width: 10em; /* Width to help Opera out */ background-color: #69f; z-index: 1000; } .pages-menu-ul li:hover ul { display: block; position: absolute; margin: 0; padding-bottom: 5px; z-index: 1000; } .pages-menu-ul li:hover li { float: left; } .pages-menu-ul li:hover li a { border-bottom: 1px solid #fff; color: #000; } .pages-menu-ul li li a:hover { background-color: #8db3ff; } #default-main-body, #one-column-main-body { width: 99%; text-align: justify; } #two-column-main-body { width: 70%; text-align: justify; } #three-column-main-body { width: 50%; text-align: justify; } #two-column-left-body, #two-column-right-body { width: 28%; text-align: justify; margin-right: 5px; } #three-column-left-body, #three-column-right-body { width: 23%; text-align: justify; }