/*------------- FONTS --------------------------------------------------------------------------------- */ /* Generated by Font Squirrel (http://www.fontsquirrel.com)*/ @font-face { font-family: 'OpenSansLight'; src: url('../font/OpenSans-Light-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('../font/OpenSans-Regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } body{ background-color:rgb(255,255,255); background-image:url("../img/colbg.jpg"); background-repeat:repeat-x; background-position:0px 40px; overflow-y:auto; } body#landingBody{ background-position:0px 0px; } .navbar .brand i{ margin-top:5px; } .navbar .brand{ color:rgb(255,255,255); -webkit-transition:color .2s ease-in-out; cursor:pointer; } .navbar .brand:hover{ color:rgba(0,215,249,1); } .navbar .nav a:hover{ -webkit-transition:color .3s ease-in-out; } .navbar .navbar-inner{ box-shadow:none; } .navbar.blacktrans .navbar-inner{ background: -moz-linear-gradient(top, rgba(51,51,51,0.8) 0%, rgba(34,34,34,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,0.8)), color-stop(100%,rgba(34,34,34,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(34,34,34,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(34,34,34,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(34,34,34,0.85) 100%); /* IE10+ */ background: linear-gradient(top, rgba(51,51,51,0.8) 0%,rgba(34,34,34,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc333333', endColorstr='#d9222222',GradientType=0 ); /* IE6-9 */ } .navbar.blue .navbar-inner{ background: -moz-linear-gradient(top, rgba(9,86,174,0.8) 0%, rgba(2,74,158,0.85) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(9,86,174,0.8)), color-stop(100%,rgba(2,74,158,0.85))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(9,86,174,0.8) 0%,rgba(2,74,158,0.85) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(9,86,174,0.8) 0%,rgba(2,74,158,0.85) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(9,86,174,0.8) 0%,rgba(2,74,158,0.85) 100%); /* IE10+ */ background: linear-gradient(top, rgba(9,86,174,0.8) 0%,rgba(2,74,158,0.85) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0956ae', endColorstr='#d9024a9e',GradientType=0 ); /* IE6-9 */ } .navbar.blue2 .navbar-inner{ background: #0956ae; background: -moz-linear-gradient(top, #0956ae 0%, #024a9e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0956ae), color-stop(100%,#024a9e)); background: -webkit-linear-gradient(top, #0956ae 0%,#024a9e 100%); background: -o-linear-gradient(top, #0956ae 0%,#024a9e 100%); background: -ms-linear-gradient(top, #0956ae 0%,#024a9e 100%); background: linear-gradient(top, #0956ae 0%,#024a9e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0956ae', endColorstr='#024a9e',GradientType=0 ); } .navbar.blue .nav > li > a{ color:rgb(255,255,255); opacity:0.8; -webkit-transition:opacity .3s ease-in-out; } .navbar.blue .nav > li > a:hover{ opacity:1; } .navbar.blue .nav > .active > a{ opacity:1; background-color:rgba(0,0,0,0.2); } .navbar-search { position: relative; margin-left:80px; } .navbar-search .search-query { padding-left: 29px; background-color:#4487D3; border:1px #0059BE solid; -webkit-transition:background .5s ease-in-out; -moz-transition:background .5s ease-in-out; -ms-transition:background .5s ease-in-out; -o-transition:background .5s ease-in-out; transition:background .5s ease-in-out; } .navbar-search .icon-search { position: absolute; top: 7px; left: 11px; background-image: url("../img/glyphicons-halflings-white.png"); } .navbar-search .search-query:focus, .navbar-search .search-query.focused { padding-left: 30px; background-color:#FFFFFF; text-shadow:none; color:#333; } .search-query:focus + .icon-search { background-image: url("../img/glyphicons-halflings.png"); } .navbar .nav i{ margin-top:1px; } .navbar .nav:last-child i{ margin-top:2px; } .badge-nav{ top:4px; background-color:#FFF; color:#444; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; text-shadow:none; } .sideBar{ padding-top:20px; } .sideBar ul{ list-style:none; padding:0;margin:0; } .sideBar ul > li{ font-family:"OpenSansLight"; color:#222; cursor:pointer; font-size:16px; margin-bottom:2px; } .sideBar ul > li figure{ margin:0; padding:6px 14px 6px 14px; opacity:0.7; } .sideBar ul > li figure:hover{ background-color:rgb(249,249,249); opacity:1; } .sideBar ul > li.active figure:first-child{ color:rgba(0,175,219,1); opacity:1; } .sideBar ul.subSide{ padding:5px 0px 5px 0px; display:none; } .sideBar ul.subSide li{ font-size:15px; line-height:17px; margin-bottom:5px; padding:4px 10px 5px 14px; margin-left:10px; } .sideBar ul.subSide li:hover{ background-color:rgba(0,175,219,0.1); } .sideBar ul li i{ margin-top:4px; } .sideBar ul > li > figure .badge{ top:-2px; position:relative; font-family:"OpenSansRegular"; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; text-shadow:none; } .sideBottom{ position:fixed; z-index:200; bottom:0;left:20px; width:183px; height:auto; min-height:30px; background-color:rgb(255,255,255); border-right:1px rgb(235,235,235) solid; border-left:1px rgb(235,235,235) solid; } .sideBottom .headblue{ width:inherit; height:30px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-shadow:none; font-family:"OpenSansRegular"; } .sideBottom .headblue i{ margin-top:2px; } .sideBottom #tasksSideList li{ padding:3px 10px 4px 3px; font-size:12px; margin:0; border-bottom:1px rgb(235,235,235) solid; } .sideBottom #tasksSideList li a{ color:#222; text-decoration:none; } .sideBottom #tasksSideList li:last-child{ border:none; } .sideBottom #tasksSideList li:hover{ background-color:rgb(245,245,245); } .sideBottom #tasksSideList li i{ margin-top:1px; margin-right:4px; } .borBox{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .pad40{ padding-top:40px; } hr{ margin:7px 0px; } .tooltip{ font-family:"OpenSansRegular"; } .tooltip-inner{ padding:5px 8px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color:rgba(0,0,0,0.9); } .tooltip.bottom .tooltip-arrow{ border-bottom: 5px solid rgba(0,0,0,0.9); } .tooltip.top .tooltip-arrow{ border-top: 5px solid rgba(0,0,0,0.9); } .content{ padding:20px; } .btn-sharp{ -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .sharp .btn:first-child{ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius:1px; } .sharp .btn:last-child{ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius:1px; } .btn-dashboard{ padding:20px; height:100px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .tLeft{ text-align:left; } .tRight{ text-align:right; } .wellDark{ padding:8px 14px; background-color:rgba(225,225,225,0.55); border-radius:2px; border:1px rgb(210,210,210) solid; }