Files
mayan-edms/mayan/apps/appearance/static/appearance/css/base.css
Roberto Rosario 300bdbfc8a Tweak setup buttom border and tag shadows
Signed-off-by: Roberto Rosario <roberto.rosario@mayan-edms.com>
2019-07-05 21:34:20 -04:00

416 lines
6.9 KiB
CSS

@font-face {
font-family: 'IM Fell English SC';
font-style: normal;
font-weight: normal;
src:
local('IM FELL English SC'),
local('IM_FELL_English_SC'),
url('../fonts/IM_Fell_English_SC.eot?#iefix') format('embedded-opentype'),
url('../fonts/IM_Fell_English_SC.woff') format('woff'),
url('../fonts/IM_Fell_English_SC.svg#IMFellEnglishSC') format('svg'),
url('../fonts/IM_Fell_English_SC.ttf') format('truetype');
}
body {
padding-top: 70px;
}
.navbar-brand {
font-family: "IM Fell English SC", serif;
}
#fancybox-left-ico {
left: 20px;
}
#fancybox-right-ico {
right: 20px;
left: auto;
}
.mayan-page-wrapper-interactive {
overflow: auto;
}
#carousel-container {
overflow-x: scroll; height: 500px;
}
#carousel-container img {
max-width: 100%;
}
.carousel-item {
margin: 5px 10px 10px 10px;
min-height: 100%;
}
.carousel-item-page-number {
text-align: center;
}
img.lazy-load {
visibility: hidden;
width: 0px;
height: 0px;
}
img.lazy-load-carousel {
visibility: hidden;
width: 0px;
height: 0px;
}
.img-nolazyload {
border: 1px solid black;
}
.document-page-content-divider {
text-align: center;
}
.label-tag {
text-shadow: 0px 0px 2px #000;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.fancybox-nav span {
visibility: visible;
}
.instance-image-widget {
text-align: center;
height: 100%;
}
hr {
margin-top: 5px;
margin-bottom: 11px;
}
.btn-block {
border-top: 2px solid rgba(255, 255, 255, 0.7);
border-left: 2px solid rgba(255, 255, 255, 0.7);
border-right: 2px solid rgba(0, 0, 0, 0.7);
border-bottom: 2px solid rgba(0, 0, 0, 0.7);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
margin-bottom: 15px;
min-height: 120px;
padding-bottom: 1px;
padding-top: 20px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
white-space: normal;
}
.btn-block .fa {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.radio ul li {
list-style-type:none;
}
a i {
padding-right: 3px;
}
.dashboard-widget {
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
border: 1px solid black;
}
.dashboard-widget .panel-heading i {
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.dashboard-widget-icon {
font-size: 200%;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice .label {
padding-bottom: 1px;
}
.tag-container .label {
margin-right: 2px;
}
/* Notifications */
#toast-container > div {
opacity: 1;
}
/* User menu */
.link-text-span {
padding-left: 10px;
padding-right: 20px;
}
/* Make facet list group horizontal on small or smaller */
@media (max-width: 767px) {
ul.list-group:after {
clear: both;
display: block;
content: "";
}
.list-group-item {
float: left;
}
}
/* Collapse navigation on medium or smaller */
@media (max-width: 991px) {
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
}
/* List item view */
.panel-item {
box-shadow: 2px 2px 18px rgba(0, 0, 0, .2);
}
.panel-item > .panel-heading {
padding: 1px 10px;
}
.panel-item > .panel-body {
padding: 10px;
}
.list-extra-column-label {
font-weight: bold;
}
/* Content */
@media (min-width:1200px) {
.container-fluid {
width: 95%;
}
}
/* Document widget */
.spinner-container {
margin: auto;
width: 100%;
border: 1px solid lightgray;
}
.spinner-container > .spinner-icon {
margin-left: 4px;
margin-top: 3px;
}
/* Cabinets */
.cabinet-display {
font-style: italic;
}
.staging-file-thumbnail-container {
width: 150px;
margin: auto;
}
.thin_border {
border: 1px solid black;
display: block;
margin-left: auto;
margin-right: auto;
}
.thin_border-thumbnail {
display: block;
max-width: 100%;
max-height: 200px;
width: auto;
height: auto;
margin: auto;
}
#ajax-spinner {
position: fixed;
top: 12px;
right: 10px;
z-index: 9999;
width: 25px;
height: 25px;
border-radius: 50%;
background-color: transparent;
border: 2px solid #222;
border-top: 2px solid #03A9F4;
border-bottom: 2px solid #03A9F4;
-webkit-animation: .5s spin linear infinite;
animation: .5s spin linear infinite;
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Imitate the default look of Django's debug template */
.pre-server-error {
background-color:#ffe7ae;
color: black;
font-size: 110%;
font-weight: bold;
}
/*
* Main content
*/
.main {
}
/* Remove scroll bar caused by bootstraps -15px on .row margins */
.zero-margin {
margin-right: 0;
margin-left: 0;
> .col,
> [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.main {
padding-right: 0px;
padding-left: 0px;
/*margin-left: 210px;*/
}
}
/* Side bar */
#menu-actions {
position: fixed;
right: 5px;
top: 65px;
z-index: 1020;
}
#viewport {
width: 100%;
}
.has-sidebar {
padding-right: 0px;
}
#sidebar {
}
@media (min-width: 768px) {
#sidebar {
bottom: 0;
display: block;
overflow-x: visible;
overflow-y: auto;
padding-top: 10px;
position: fixed;
right: 0;
top: 100px;
width: 150px;
z-index: 1000;
}
.has-sidebar {
padding-right: 150px;
}
}
/*Bootstrap button outline override*/
.btn-outline {
background-color: transparent;
color: inherit;
}
.btn-primary.btn-outline {
color: #428bca;
}
.btn-success.btn-outline {
color: #5cb85c;
}
.btn-info.btn-outline {
color: #5bc0de;
}
.btn-warning.btn-outline {
color: #f0ad4e;
}
.btn-danger.btn-outline {
color: #d9534f;
}
.btn-default.btn-outline:hover,
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
color: #fff;
}
.btn-list {
margin-bottom: 2px;
}