/** * @version 7.10 [rev.7.10.01] */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); body { font-family: "Helvetica Neue", "Open Sans", sans-serif; font-weight: 400; padding-top: 50px; background-color: #F8F8F8; } h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", "Open Sans", sans-serif; font-weight: 700; margin-bottom: 1em; } h4.headline { border-bottom: 1px solid #dedede; line-height: normal; padding-bottom: 7px; } h4.headline span { font-weight: 400; border-bottom: 2px solid #e0e0e0; padding-bottom: 8px; } a:hover, a:focus { text-decoration: none; } .navbar-btn { margin-top: 4px; } #wrapper { margin-top: 0; padding: 10px 15px; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .navbar-admin { background-color: #333; } .navbar-admin .navbar-text { color: #f1f1f1; } .navbar .navbar-brand { padding-top: 10px; } .navbar .navbar-brand img { width: 195px; } .navbar-static-top { margin-bottom: 0; } .navbar-admin .navbar-right { margin-top: 4px; margin-right: 0; } /* admin main navigation menu */ .main-navigation { background: #449dd0; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-top: 1px solid #126B9E; border-bottom: 1px solid #3089BC; } #main-nav { border-color: #0055cc #0055cc #003580; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } #main-nav > li { min-width: 90px; text-align: center; } #main-nav > li > a { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); font-size: 14px; } #main-nav > li.active > a { background-color: #3f8ebc; } #main-nav > li > a:focus, #main-nav > li > a:hover { background-color: #2b6584; } #main-nav > li > a > .menu-icon { font-size: 24px; padding: 2px 0; } #main-nav > li > a > .caret { border-bottom-color: #fff; border-top-color: #fff; } #main-nav > ul > li > a:hover { color: #A52A2A; } /* admin left sidebar */ .sidebar > ul { border-radius: 4px 4px 0 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067); margin: 0; padding: 0; border-bottom: 1px solid #D0D0D0; } .sidebar > ul > li > a, .sidebar > ul > li.nav-header { border: 1px solid #D0D0D0; display: block; margin: 0 0 -1px; padding: 8px 14px; } .sidebar > ul > li.nav-header { border-radius: 3px 3px 0 0; padding: 10px 0 8px 15px; font-size: 18px; font-weight: 400; color: #333; background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(50%, #f8f8f8), color-stop(51%, #e8e8e8), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0); /* IE6-9 */ text-shadow: 0 1px 0 #FFF; } .sidebar > ul > li:last-child { border-radius: 0 0 3px 3px; } .sidebar > ul > li.active > a { border-left: 0 none; border-right: 0 none; box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset; padding: 9px 15px; position: relative; z-index: 2; background-color: #f4f4f4; color: #0088CC; } .sidebar > ul > li > a:hover, .sidebar > ul > li.active > a:hover { background-color: #eee; color: #08c; } /* admin left navigation accordion */ .accordion-inner { border-left: 1px solid #D0D0D0; border-right: 1px solid #D0D0D0; } .accordion-inner .accordion-inner { border: none; padding: 0; } .accordion-inner > .nav > .active { background-color: #eee; } .accordion-inner > .nav > li > a { display: block; padding: 4px 15px 4px 25px; } .accordion-inner .accordion-inner > .nav { background-color: #fff; } .accordion-inner .accordion-inner > .nav > li > a { display: block; padding: 4px 15px 4px 35px; } .breadcrumbs { margin: 0 0 20px 0; line-height: 23px; border-radius: 3px 3px 3px 3px; padding: 10px 0 8px 15px; border: 1px solid #D0D0D0; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); font-weight: 400; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067); font-size: 18px; background: #f8f8f8; /* Old browsers */ background: -moz-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(50%, #f8f8f8), color-stop(51%, #e8e8e8), color-stop(100%, #e8e8e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #f8f8f8 0%, #f8f8f8 50%, #e8e8e8 51%, #e8e8e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#e8e8e8', GradientType=0); /* IE6-9 */ } .breadcrumbs > i { font-size: 18px; margin: 0 5px 0 5px; } .nav-list { padding-left: 0; padding-right: 0; } .nav-list ul { margin: 0; } .btn-primary { background-color: #449DD0; border: 1px solid #3089BC; color: #FAFAFA; } .btn-primary:hover { background-color: #4083a9; border-color: #3089BC; } .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } /* admin quick navigation */ /* Autocomplete styles */ .ui-autocomplete { margin-top: 20px; padding: 5px; border: 1px solid #aaa; background-color: white; overflow: hidden; /*position: absolute;*/ z-index: 10000 !important; width: 300px; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067); } .ui-autocomplete ul { width: 100%; list-style: none outside none; padding: 0; margin: 0; z-index: 10000; } .ui-autocomplete li { color: #333; margin: 0; padding: 3px 9px; cursor: default; display: block; /* if width will be 100% horizontal scroll-bar will appear when scroll mode will be used */ /*width: 100%;*/ font: menu; /*font-size: 12px;*/ /* it is very important, if line-height not set or set in relative units scroll will be broken in firefox */ line-height: 18px; overflow: hidden; } .ui-autocomplete li:hover { cursor: pointer; background-color: #ccc; } .ui-autocomplete li:hover a { color: #fff; } .ui-autocomplete li:hover a:hover { text-decoration: none; } .statistics { text-align: right; font-size: 12px; } .statistics span { padding: 3px 6px; background-color: #f7e5e5; } /* @version 7.9 */ .ui-datepicker { z-index: 1100 !important; }