forked from Coded/SIPRP
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
460 lines
6.7 KiB
460 lines
6.7 KiB
/* Sticky footer styles
|
|
-------------------------------------------------- */
|
|
html {
|
|
position: relative;
|
|
min-height: 100%;
|
|
}
|
|
body {
|
|
/* Margin bottom by footer height */
|
|
margin-bottom: 60px;
|
|
overflow:auto;
|
|
}
|
|
#footer {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
/* Set the fixed height of the footer here */
|
|
min-height: 60px;
|
|
background-color: #f5f5f5;
|
|
|
|
border-top:1px solid #e7e7e7;
|
|
}
|
|
|
|
|
|
/* Custom page CSS
|
|
-------------------------------------------------- */
|
|
/* Not required for template or sticky footer method. */
|
|
|
|
body > .container {
|
|
padding: 60px 15px 0;
|
|
}
|
|
.container .text-muted {
|
|
margin: 20px 0;
|
|
}
|
|
|
|
#footer > .container {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
code {
|
|
font-size: 80%;
|
|
}
|
|
|
|
/* Header Logo */
|
|
.navbar a.navbar-brand {
|
|
padding: 0px 0px 0px 5px;
|
|
}
|
|
|
|
.navbar a.navbar-brand img {
|
|
max-height: 50px;
|
|
width: auto;
|
|
padding: 7px;
|
|
}
|
|
|
|
@media (max-width:350px)
|
|
{
|
|
.navbar-brand img
|
|
{
|
|
max-width:160px;
|
|
}
|
|
}
|
|
|
|
@media (max-width:250px)
|
|
{
|
|
.navbar-brand img
|
|
{
|
|
max-width:130px;
|
|
}
|
|
}
|
|
|
|
@media (max-width:992px)
|
|
{
|
|
.align-left-xs
|
|
{
|
|
margin-top:5px!important;
|
|
float:left!important;
|
|
}
|
|
|
|
.btn-cancel-xs
|
|
{
|
|
margin-top:0px!important;
|
|
}
|
|
}
|
|
|
|
/* footer */
|
|
.footer-logo
|
|
{
|
|
max-height: 55px;
|
|
width: auto;
|
|
padding:3px 7px 7px 7px;
|
|
}
|
|
|
|
/* parsley form validator */
|
|
.parsley-error-list
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
margin-top: 6px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.parsley-error
|
|
{
|
|
border-color: #ff5f5f !important;
|
|
/*background-image: url('../img/invalid_line.gif') !important;
|
|
background-repeat: repeat-x !important;
|
|
background-position: bottom !important;
|
|
border-color: #c30 !important;*/
|
|
}
|
|
|
|
/* general forms */
|
|
.page-header {
|
|
margin: 0px 0 20px;
|
|
}
|
|
|
|
.page-title
|
|
{
|
|
font-weight:bold;
|
|
color:#000;
|
|
}
|
|
|
|
.page-description
|
|
{
|
|
height: 15px;
|
|
}
|
|
|
|
.section-title
|
|
{
|
|
text-transform:uppercase;
|
|
color:#000;
|
|
}
|
|
|
|
.form-horizontal .control-label
|
|
{
|
|
text-align:left;
|
|
}
|
|
|
|
.underline
|
|
{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
/*.form-control.custom
|
|
{
|
|
border-right:0px;
|
|
}
|
|
.input-group-addon.custom
|
|
{
|
|
background-color:#ffffff;
|
|
border-left:0px;
|
|
}*/
|
|
|
|
|
|
/* custom margins */
|
|
.m-5
|
|
{
|
|
margin:5px;
|
|
}
|
|
.m-10
|
|
{
|
|
margin:10px;
|
|
}
|
|
.m-t-5
|
|
{
|
|
margin-top:5px;
|
|
}
|
|
.m-t-10
|
|
{
|
|
margin-top:10px;
|
|
}
|
|
.m-t-15
|
|
{
|
|
margin-top:15px;
|
|
}
|
|
.m-t-25
|
|
{
|
|
margin-top:25px;
|
|
}
|
|
.m-t-30
|
|
{
|
|
margin-top:30px;
|
|
}
|
|
.m-t-40
|
|
{
|
|
margin-top:40px;
|
|
}
|
|
.m-l-5
|
|
{
|
|
margin-left:5px;
|
|
}
|
|
.m-l-15
|
|
{
|
|
margin-left:15px;
|
|
}
|
|
.m-r-5
|
|
{
|
|
margin-right:5px;
|
|
}
|
|
.m-r-10
|
|
{
|
|
margin-right:10px;
|
|
}
|
|
.m-t-none
|
|
{
|
|
margin-top:0px;
|
|
}
|
|
|
|
.m-b-none
|
|
{
|
|
margin-bottom:0px;
|
|
}
|
|
.m-b-5
|
|
{
|
|
margin-bottom:5px;
|
|
}
|
|
.m-b-10
|
|
{
|
|
margin-bottom:10px;
|
|
}
|
|
.p-10
|
|
{
|
|
padding:10px;
|
|
}
|
|
|
|
.p-l-none
|
|
{
|
|
padding-left:0px;
|
|
}
|
|
|
|
.login-view
|
|
{
|
|
margin-top: 25px;
|
|
}
|
|
|
|
/* Scroll to Top */
|
|
a.scroll-to-top {
|
|
-moz-border-radius: 7px 7px 0 0;
|
|
-moz-transition: all 0.3s;
|
|
-o-transition: all 0.3s;
|
|
-webkit-border-radius: 7px 7px 0 0;
|
|
-webkit-transition: all 0.3s;
|
|
background: #404040;
|
|
border-radius: 2px 2px 0 0;
|
|
bottom: 0px;
|
|
color: #FFF;
|
|
display: block;
|
|
height: 9px;
|
|
opacity: 0;
|
|
padding: 13px 0 35px;
|
|
position: fixed;
|
|
right: 10px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
transition: all 0.3s;
|
|
width: 49px;
|
|
z-index: 1040;
|
|
}
|
|
|
|
a.scroll-to-top:hover {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1;
|
|
}
|
|
|
|
a.scroll-to-top.visible {
|
|
filter: alpha(opacity=75);
|
|
opacity: 0.75;
|
|
}
|
|
|
|
/* datatable directive */
|
|
tr.datatable-selected-row, tr.datatable-selected-row td
|
|
{
|
|
background-color:#ebeef5!important;
|
|
}
|
|
|
|
ul .datatable-selected-row, ul .datatable-selected-row li
|
|
{
|
|
background-color:#ebeef5!important;
|
|
}
|
|
|
|
/* http://stackoverflow.com/questions/19288546/how-can-i-prevent-body-scrollbar-and-shifting-when-twitter-bootstrap-modal-dialo */
|
|
body.modal-open {
|
|
overflow: auto;
|
|
}
|
|
|
|
.modal-backdrop, .modal-backdrop.fade.in {
|
|
opacity: 0.7;
|
|
filter: alpha(opacity=70);
|
|
background: transparent!important;
|
|
}
|
|
|
|
.modal-footer {
|
|
text-align: left;
|
|
}
|
|
|
|
.navbar-brand
|
|
{
|
|
cursor:text;
|
|
}
|
|
|
|
/* form side menu */
|
|
/*a.form-side-menu {
|
|
-moz-border-radius: 0px;
|
|
-moz-transition: all 0.3s;
|
|
-o-transition: all 0.3s;
|
|
-webkit-border-radius: 0px;
|
|
-webkit-transition: all 0.3s;
|
|
background: #f5f5f5;
|
|
border-radius: 0px;
|
|
top: 120px;
|
|
color: #d62c31;
|
|
display: block;
|
|
height: 20px;
|
|
opacity: 0;
|
|
padding: 13px 0 35px;
|
|
position: fixed;
|
|
left: 0px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
transition: all 0.3s;
|
|
width: 30px;
|
|
z-index: 1040;
|
|
border-top:1px solid #e7e7e7;
|
|
border-right:1px solid #e7e7e7;
|
|
border-bottom:1px solid #e7e7e7;
|
|
}
|
|
|
|
a.form-side-menu:hover {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1;
|
|
}
|
|
|
|
a.form-side-menu.visible {
|
|
filter: alpha(opacity=75);
|
|
opacity: 0.75;
|
|
}*/
|
|
|
|
/* modal dialog */
|
|
@media (min-width: 400px) {
|
|
|
|
.modal-large, .modal-medium, .modal-small
|
|
{
|
|
width:100%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px)
|
|
{
|
|
.modal-large
|
|
{
|
|
width: 98%;
|
|
}
|
|
|
|
.modal-medium
|
|
{
|
|
width: 70%;
|
|
}
|
|
|
|
.modal-small
|
|
{
|
|
width: 40%;
|
|
}
|
|
}
|
|
|
|
.modal-scrollable
|
|
{
|
|
overflow:hidden!important;
|
|
}
|
|
|
|
/* side menu 2 */
|
|
div.floating-side-menu {
|
|
background: #303030;
|
|
width: 205px;
|
|
position: fixed;
|
|
top: 60px;
|
|
z-index: 1002;
|
|
border-radius: 0 0 3px 0;
|
|
left: -205px;
|
|
opacity:0.9;
|
|
}
|
|
|
|
div.floating-side-menu h4 {
|
|
background: #404040;
|
|
color: #FFF;
|
|
padding: 0px 5px 0px 5px;
|
|
margin: 0;
|
|
line-height: 30px;
|
|
font-size: 15px;
|
|
opacity:0.9;
|
|
}
|
|
|
|
div.floating-side-menu h4 a {
|
|
background-color: #404040;
|
|
display: block;
|
|
height: 30px;
|
|
position: absolute;
|
|
right: -30px;
|
|
top: 0;
|
|
width: 30px;
|
|
font-size: 12px;
|
|
/* line-height: 38px; */
|
|
color: #FFF;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
border-radius: 0 3px 3px 0;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
div.floating-side-menu .nav
|
|
{
|
|
font-size:12px;
|
|
}
|
|
|
|
div.floating-side-menu .nav li a
|
|
{
|
|
color:#ffffff;
|
|
}
|
|
|
|
div.floating-side-menu .nav li.active a
|
|
{
|
|
background-color: #d62d31;
|
|
color:#ffffff;
|
|
}
|
|
|
|
.floating-side-menu .nav-pills > li > a {
|
|
border-radius: 0px;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
.floating-side-menu .nav > li > a:hover, .nav > li > a:focus {
|
|
text-decoration: none;
|
|
background-color: #d5716e;
|
|
}
|
|
|
|
.floating-side-menu .buttons-area {
|
|
background-color: #444444;
|
|
padding: 10px;
|
|
}
|
|
|
|
/* buttons */
|
|
.btn-default.bold
|
|
{
|
|
font-weight:bold;
|
|
}
|
|
|
|
/* custom modal */
|
|
.custom-modal-body
|
|
{
|
|
padding:0px;
|
|
}
|
|
|
|
.custom-modal-header
|
|
{
|
|
padding:10px;
|
|
}
|
|
|
|
.custom-modal-footer
|
|
{
|
|
padding:10px;
|
|
} |