/* Move down content because we have a fixed navbar that is 50px tall */ body { padding-top: 50px; padding-bottom: 20px; margin-bottom: 30px; /* sticky footer */ } html { position: relative; min-height: 100%; } /* Set widths on the navbar form inputs since otherwise they're 100% wide */ .navbar-form input[type="text"], .navbar-form input[type="password"] { width: 180px; } /* Wrapping element */ /* Set some basic padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } /* values for 45px tall navbar */ .navbar { min-height: 45px; } .navbar-brand { height: 45px; padding: 12.5px 12.5px; } .navbar-toggle { margin-top: 5.5px; margin-bottom: 5.5px; } .navbar-form { margin-top: 5.5px; margin-bottom: 5.5px; } .navbar-btn { margin-top: 5.5px; margin-bottom: 5.5px; } .navbar-btn.btn-sm { margin-top: 7.5px; margin-bottom: 7.5px; } .navbar-btn.btn-xs { margin-top: 11.5px; margin-bottom: 11.5px; } .navbar-text { margin-top: 12.5px; margin-bottom: 12.5px; } /* --- */ /* Responsive: Portrait tablets and up */ @media screen and (min-width: 768px) { /* Let the jumbotron breathe */ .container > :first-child { margin-top: 20px; } /* Remove padding from wrapping element since we kick in the grid classes here */ .body-content { padding: 0; } .navbar-nav > li > a { padding-top: 12.5px; padding-bottom: 12.5px; } } .no-margin { margin: 0!important; } .list-group .list-group-footer { padding-top: 5px; padding-bottom: 5px; } .big { font-size: 2em; } .bigbig { font-size: 3em; } /* small buttons for tags, copied from Bootstraps input-sm, bnt-sm */ .btn-tags, .btn-traits { padding: 3px 6px; font-size: 11px; line-height: 1.5; border-radius: 3px; } .input-tags, .input-tratis { height: 22px; padding: 2px 8px; font-size: 11px; line-height: 1.5; border-radius: 3px; } /* font awesome font */ .font-awesome-font { font-family: "FontAwesome"; } .nojs-dropdown-menu { position:absolute; display:none; z-index: 1; } .nojs-dropdown-toggle:focus + .nojs-dropdown-menu { display: block; } .nojs-dropdown-toggle:focus { outline:none; } .nojs-dropdown-menu:hover { display: block; } .notification-messages { padding: 10px 8px; width: 350px; } .notification-message { margin-bottom: 10px; padding: 0 0 4px 0; border-bottom: 1px dotted #D3D3D3; } .notification-messages .notification-message:last-child { margin-bottom: 0px; padding: 0px; border-bottom: none; } .notification-message-text { padding: 8px 15px; display: none; } .notification-message .notification-message-subject { cursor: pointer; } /* footer */ footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 30px; background-color: #101010; color: white; font-size: 13px; padding: 5px 5px 0 5px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.4); text-align: center; } footer a, footer a:hover, footer a:visited { color: white; text-decoration: underline; } .table-sorting { display: none; } #notifications-button { margin: 0; } /* 2px border bottom for all bootstrap tables */ .table thead>tr>th { border-bottom: 1px; } .badge-pulse { -webkit-animation-name: 'pulse_animation'; -webkit-animation-duration: 1000ms; -webkit-transform-origin: 70% 70%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } @-webkit-keyframes pulse_animation { 0% { -webkit-transform: scale(1); } 30% { -webkit-transform: scale(1); } 40% { -webkit-transform: scale(1.18); } 50% { -webkit-transform: scale(1); } 60% { -webkit-transform: scale(1); } 70% { -webkit-transform: scale(1.08); } 80% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1); } } .btn-toolbar { margin-bottom: 5px; }