phpengine/ui/frontend/css/omlink.scss

/**
 * Main SCSS file
 *
 * @author Open Mind
 * @date 27/06/2018
 * @time 17:42
 * @since 18/07/2018 in SCSS format
 */

// DEFAULTS
// Background color
$mainColor: #eeeeee;

// Main text color
$textColor: white;

// Upper and Lower navbar background color
$navbarsColor: rgba(94, 107, 116, 0.95);

// drop-shadow and box-shadow color
$shadowColor: #444444;

// All input tag colors
$inputBgColor: rgb(77, 80, 153);
$inputColor: white;

$placeholderColor: gray !important;

.navbar.fixed-bottom {
	color: white;
}

html, body {
	height: 100%;
}

body {
	background-color: $mainColor !important;
	background: linear-gradient(to right, darken($mainColor, 10%), $mainColor);
	color: $textColor !important;
	font-family: 'Roboto';
}

.navbar-dark {
	background: black;
	background: linear-gradient(to right, #6b6767, #000000);
}

/* latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), url('../fonts/Roboto-Regular.ttf') format('truetype');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.error_body:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('../../../assets/images/error_bg.png');
	background-size: cover;
}

.error_body .card {
	opacity: 0.9;
}

/*
input[type="text"], input[type="password"] {
  border-color: #C5AC0F !important;
  background-color: #484848 !important;
}

input[type="text"]:focus, input[type="password"]:focus {
  border-color: #C5AC0F !important;
  color: #ffd242 !important;
}
*/

/*input {
  border-color: darken($inputBgColor, 10%);
  color: darken($inputColor, 10%);
}

input:focus {
  background-color: $inputBgColor !important;
  border-color: $inputColor !important;
}*/

.form-control, .btn {
	background-color: $inputBgColor !important;
	color: $inputColor !important;
}

.form-control:focus, .btn:focus {
	//  border-color: #c5ac0f !important;
	background-color: lighten($inputBgColor, 8%) !important;
	border-color: darken($inputBgColor, 10%) !important;
	box-shadow: 0 0 10px $inputBgColor !important;
}

.form-control:disabled {
	color: darken($inputColor, 10%) !important;
	background-color: darken($inputBgColor, 8%) !important;
}

.debugborder {
	border: 1px solid red !important;
}

.disablebutton {
	opacity: 0.4;
}

.imgbuttonmenu {
	max-height: 180px !important;
	border-radius: 10px !important;
}

.om-shadow {
	filter: drop-shadow(0px 0.2em 5px $shadowColor);
}

input::placeholder {
	color: $placeholderColor;
}

input::-ms-input-placeholder {
	color: $placeholderColor;
}

.navbar {
	background-color: $navbarsColor !important;
}

.rounded {
	border-radius: 15px !important;
}

@mixin prefix($property, $parameters...) {
	@each $prefix in -webkit-, -moz-, -ms-, -o-, "" {
		#{$prefix}#{$property}: $parameters;
	}
}

// Blink Effect
@keyframes blink {
	0% {
		@include prefix(opacity, 0.1);
		// background-color: lighten(#28a745, 40%);
	}
	100% {
		@include prefix(opacity, 1);
		// background-color: darken(#28a745, 10%);
	}
}

@-webkit-keyframes blink {
	0% {
		@include prefix(opacity, 0.1);
		// background-color: lighten(#28a745, 40%);
	}
	100% {
		@include prefix(opacity, 1);
		// background-color: darken(#28a745, 10%);
	}
}

.blink {
	@include prefix(transition, all 0.1s ease-in-out);
	@include prefix(animation, blink alternate 1s infinite ease-in-out);
}

#sysmsgnum {
	color: white;
	background-color: red;
	font-size: 40%;
	position: absolute;
	left: 15px;
	bottom: 0;
}

#notification_area {
	padding-bottom: 0;
	border-radius: 10px 10px
}

#notification_area_deleteall {
	background-color: #3380BD;
	color: white;
	border-radius: 0 0 10px 10px;
	padding: 0;
}