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.
834 lines
14 KiB
834 lines
14 KiB
/*!
|
|
* Start Bootstrap - SB Admin (http://startbootstrap.com/)
|
|
* Copyright 2013-2016 Start Bootstrap
|
|
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
|
|
*/
|
|
|
|
/* Global Styles */
|
|
|
|
body {
|
|
margin-top: 100px;
|
|
background-color: #222;
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
body {
|
|
margin-top: 50px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
#page-wrapper {
|
|
width: 100%;
|
|
padding: 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.huge {
|
|
font-size: 50px;
|
|
line-height: normal;
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
#wrapper {
|
|
padding-left: 225px;
|
|
}
|
|
|
|
#page-wrapper {
|
|
padding: 10px;
|
|
}
|
|
}
|
|
|
|
/* Top Navigation */
|
|
|
|
.top-nav {
|
|
padding: 0 15px;
|
|
}
|
|
|
|
.top-nav>li {
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
.top-nav>li>a {
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
line-height: 20px;
|
|
color: #999;
|
|
}
|
|
|
|
.top-nav>li>a:hover,
|
|
.top-nav>li>a:focus,
|
|
.top-nav>.open>a,
|
|
.top-nav>.open>a:hover,
|
|
.top-nav>.open>a:focus {
|
|
color: #fff;
|
|
background-color: #000;
|
|
}
|
|
|
|
.top-nav>.open>.dropdown-menu {
|
|
float: left;
|
|
position: absolute;
|
|
margin-top: 0;
|
|
border: 1px solid rgba(0,0,0,.15);
|
|
border-top-left-radius: 0;
|
|
border-top-right-radius: 0;
|
|
background-color: #fff;
|
|
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
|
box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
|
}
|
|
.panel {
|
|
border: 0;
|
|
|
|
}
|
|
|
|
.top-nav>.open>.dropdown-menu>li>a {
|
|
white-space: normal;
|
|
}
|
|
|
|
ul.message-dropdown {
|
|
padding: 0;
|
|
max-height: 250px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
li.message-preview {
|
|
width: 275px;
|
|
border-bottom: 1px solid rgba(0,0,0,.15);
|
|
}
|
|
|
|
li.message-preview>a {
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
li.message-footer {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
ul.alert-dropdown {
|
|
width: 200px;
|
|
}
|
|
|
|
/* Side Navigation */
|
|
|
|
@media(min-width:768px) {
|
|
.side-nav {
|
|
position: fixed;
|
|
top: 51px;
|
|
left: 225px;
|
|
width: 250px;
|
|
margin-left: -225px;
|
|
border: none;
|
|
border-radius: 0;
|
|
overflow-y: auto;
|
|
background-color: #222;
|
|
bottom: 0;
|
|
overflow-x: hidden;
|
|
padding-bottom: 40px;
|
|
}
|
|
|
|
.side-nav>li>a {
|
|
width: 225px;
|
|
}
|
|
|
|
.side-nav li a:hover,
|
|
.side-nav li a:focus {
|
|
outline: none;
|
|
background-color: #000 !important;
|
|
}
|
|
}
|
|
|
|
.side-nav>li>ul {
|
|
padding: 0;
|
|
}
|
|
|
|
.side-nav>li>ul>li>a {
|
|
display: block;
|
|
padding: 10px 15px 10px 38px;
|
|
text-decoration: none;
|
|
color: #999;
|
|
}
|
|
|
|
.side-nav>li>ul>li>a:hover {
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
}
|
|
|
|
/* Flot Chart Containers */
|
|
|
|
.flot-chart {
|
|
display: block;
|
|
height: 400px;
|
|
}
|
|
|
|
.flot-chart-content {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* Custom Colored Panels */
|
|
|
|
.huge {
|
|
font-size: 40px;
|
|
}
|
|
|
|
.panel-green {
|
|
border-color: #5cb85c;
|
|
}
|
|
|
|
.panel-green > .panel-heading {
|
|
border-color: #5cb85c;
|
|
color: #fff;
|
|
background-color: #5cb85c;
|
|
}
|
|
|
|
.panel-green > a {
|
|
color: #5cb85c;
|
|
}
|
|
|
|
.panel-green > a:hover {
|
|
color: #3d8b3d;
|
|
}
|
|
|
|
.panel-red {
|
|
border-color: #d9534f;
|
|
}
|
|
|
|
.panel-red > .panel-heading {
|
|
border-color: #d9534f;
|
|
color: #fff;
|
|
background-color: #d9534f;
|
|
}
|
|
|
|
.panel-red > a {
|
|
color: #d9534f;
|
|
}
|
|
|
|
.panel-red > a:hover {
|
|
color: #b52b27;
|
|
}
|
|
|
|
.panel-yellow {
|
|
border-color: #f0ad4e;
|
|
}
|
|
|
|
.panel-yellow > .panel-heading {
|
|
border-color: #f0ad4e;
|
|
color: #fff;
|
|
background-color: #f0ad4e;
|
|
}
|
|
|
|
.panel-yellow > a {
|
|
color: #f0ad4e;
|
|
}
|
|
|
|
.panel-yellow > a:hover {
|
|
color: #df8a13;
|
|
}
|
|
#event_management select, #subscribers_list_length select{
|
|
margin: 0 3px 5px 0;
|
|
}
|
|
|
|
|
|
/**CUSTOM CSS - Chan**/
|
|
|
|
/*******************Responsive Views*********************/
|
|
@media (max-width: 770px) {
|
|
.navbar-right{
|
|
display:none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
|
|
|
|
|
|
.page-header {
|
|
padding-bottom: 15px;
|
|
margin: 20px 0;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
/*Buttons*/
|
|
|
|
.btn-primary {
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
border-color: #01364F;
|
|
}
|
|
|
|
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus{
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
border-color: #01364F;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
|
|
.btn-default {
|
|
color: #333;
|
|
background-color: #e0e0e0;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
/*NAVBAR*/
|
|
|
|
|
|
/*Menu Toggle*/
|
|
|
|
.navbar-fixed-top .navbar-collapse,
|
|
.navbar-fixed-bottom .navbar-collapse {
|
|
max-height: 370px;
|
|
background-color: #222 !important;
|
|
}
|
|
|
|
.navbar-inverse .navbar-toggle {
|
|
border-color: #154a72;
|
|
}
|
|
|
|
.navbar-inverse .navbar-toggle:hover,
|
|
.navbar-inverse .navbar-toggle:focus,
|
|
.navbar-inverse .navbar-toggle:hover:active {
|
|
background-color: #265e89;
|
|
}
|
|
|
|
.navbar-header{
|
|
background-color: #153853;
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav > li > a:hover,
|
|
.navbar-inverse .navbar-nav > li > a:focus {
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.side-nav .fa {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/**Table Styles**/
|
|
|
|
thead tr th{
|
|
background-color: #01364F;
|
|
color:#fff;
|
|
font-size:13px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
tbody tr td{
|
|
font-size:13px;
|
|
color:#333;
|
|
}
|
|
|
|
.modal-dialog{
|
|
width:300px;
|
|
margin:0 auto;
|
|
padding-top:60px;
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
font-family: "Roboto","Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
font-size: 13px;
|
|
line-height: 1.42857143;
|
|
color: #333;
|
|
background-color: #fff;
|
|
}
|
|
|
|
/**Headings**/
|
|
|
|
h1, .h1 { font-size: 24px; margin-top: 0; }
|
|
h2, .h2 { font-size: 21px; margin-top: 0; }
|
|
h3, .h3 { font-size: 18px; margin-top: 0; }
|
|
h4, .h4 { font-size: 16px; margin-top: 0; }
|
|
h5, .h5 { font-size: 14px; margin-top: 0; }
|
|
h6, .h6 { font-size: 12px; margin-top: 0; }
|
|
|
|
|
|
/**Color Scheme**/
|
|
|
|
.lemonde-primary{
|
|
background-color: #153853;
|
|
}
|
|
|
|
.lemonde-secondary{
|
|
background-color: #01364F;
|
|
}
|
|
|
|
.lemonde-dark{
|
|
color:#121212;
|
|
}
|
|
|
|
.lemonde-light{
|
|
color:#fff;
|
|
}
|
|
|
|
/**Custom Margins/Padding**/
|
|
|
|
|
|
/*Top Nav*/
|
|
|
|
.navbar-inverse {
|
|
background-color: #153853;
|
|
}
|
|
|
|
|
|
.top-nav .dropdown .fa{
|
|
color:#eee;
|
|
}
|
|
|
|
.top-nav>li>a {
|
|
padding-top: 15px;
|
|
padding-bottom: 15px;
|
|
line-height: 20px;
|
|
color:#eee;
|
|
}
|
|
|
|
.top-nav>li>a:hover,
|
|
.top-nav>li>a:focus,
|
|
.top-nav>.open>a,
|
|
.top-nav>.open>a:hover,
|
|
.top-nav>.open>a:focus {
|
|
color: #fff;
|
|
background-color: white;
|
|
}
|
|
|
|
.top-nav>.open>.dropdown-menu {
|
|
background-color: #eee;
|
|
color: #868686;
|
|
}
|
|
|
|
.top-nav .dropdown-menu .fa {
|
|
color: #01364F;
|
|
margin-right:10px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.dropdown-menu .divider {
|
|
height: 1px;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
background-color: #e5e5e5;
|
|
}
|
|
|
|
|
|
.dropdown-menu>li>a{
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
|
|
/**Sidebar Section**/
|
|
|
|
|
|
|
|
|
|
@media (min-width: 768px){
|
|
#wrapper {
|
|
padding-left: 250px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px){
|
|
.side-nav>li>a {
|
|
width: 250px;
|
|
}
|
|
|
|
@media (min-width: 768px){
|
|
.side-nav {
|
|
position: fixed;
|
|
top: 51px;
|
|
left: 225px;
|
|
width: 250px;
|
|
margin-left: -225px;
|
|
border: none;
|
|
border-radius: 0;
|
|
overflow-y: auto;
|
|
background-color: #222;
|
|
bottom: 0;
|
|
overflow-x: hidden;
|
|
padding-bottom: 40px;
|
|
}
|
|
.side-nav>li>ul>li>a {
|
|
display: block;
|
|
padding: 10px 15px 10px 38px;
|
|
text-decoration: none;
|
|
color: #999;
|
|
}
|
|
}
|
|
|
|
|
|
.side-nav .fa {
|
|
display: inline-block;
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
font-size: inherit;
|
|
text-rendering: auto;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/**Content Section**/
|
|
.page-header {
|
|
padding-bottom: 9px;
|
|
margin: 10px 0 20px;
|
|
border-bottom: 1px solid #eee;
|
|
color: #153853;
|
|
|
|
}
|
|
|
|
/*Media*/
|
|
|
|
.media p{
|
|
font-size:13px;
|
|
color:#868686;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.media .small, small {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
|
|
.message-footer>a{
|
|
font-size:13px;
|
|
color: #868686;
|
|
|
|
}
|
|
|
|
/* ICON BUTTONS */
|
|
|
|
|
|
.btn-success, .btn-danger, .btn-info {
|
|
color: #01364F;
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
}
|
|
|
|
.btn-success:hover, .btn-danger:hover, .btn-info:hover {
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
border-color: #01364F;
|
|
}
|
|
.btn-success:focus, .btn-success:active, .btn-success:active:focus{
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
border-color: #01364F;
|
|
}
|
|
.btn-danger:focus, .btn-danger:active, .btn-danger:active:focus{
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
border-color: #01364F;
|
|
}
|
|
.btn-info:focus, .btn-info:active, .btn-info:active:focus{
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
border-color: #01364F;
|
|
}
|
|
|
|
/**Table Styles**/
|
|
|
|
thead tr th{
|
|
background-color: #01364F;
|
|
color:#fff;
|
|
font-size:13px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
tbody tr td{
|
|
font-size:13px;
|
|
color:#333;
|
|
}
|
|
|
|
|
|
#user_profile.table > thead > tr > th,
|
|
#user_profile.table > tbody > tr > th,
|
|
#user_profile.table > tfoot > tr > th,
|
|
#user_profile.table > thead > tr > td,
|
|
#user_profile.table > tbody > tr > td,
|
|
#user_profile.table > tfoot > tr > td {
|
|
padding: 8px;
|
|
line-height: 1.42857143;
|
|
vertical-align: top;
|
|
border-top: 0;
|
|
border-bottom: 1px solid #ddd;
|
|
|
|
}
|
|
|
|
|
|
#user_profile.table > tbody > tr > td:first-child{
|
|
border-top:0;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*Forms*/
|
|
label {
|
|
color:#868686;
|
|
}
|
|
/*
|
|
.form-control {
|
|
display: block;
|
|
width: 100%;
|
|
height: 34px;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #555;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border-top: 0;
|
|
border-left: 0;
|
|
border-right: 0;
|
|
border-bottom: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
|
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
|
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
|
|
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
|
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
|
}
|
|
|
|
#events_list_filter .form-control, #subscribers_list_filter .form-control{
|
|
height: 34px;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #555;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
|
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
}
|
|
|
|
.form-control:focus {
|
|
border-color: 0;
|
|
outline: 0;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
} */
|
|
|
|
#events_list .custom-popover-tooltip.col-sm-1.col-xs-1 {
|
|
width: auto;
|
|
float: unset!important;
|
|
padding: 0px!important;
|
|
display: inline-block;
|
|
}
|
|
|
|
.date .form-control {
|
|
display: block;
|
|
width: 100%;
|
|
height: 34px;
|
|
padding: 6px 12px;
|
|
font-size: 14px;
|
|
line-height: 1.42857143;
|
|
color: #555;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
|
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
}
|
|
|
|
#event_management label, #subscribers_list_length label, #subscribers_list_filter label {
|
|
color:#333;
|
|
}
|
|
|
|
#event_management select, #subscribers_list_length select{
|
|
background: #fff;
|
|
border:1px solid #d0d0d0;
|
|
color: #333;
|
|
|
|
}
|
|
|
|
#event_management select option, #subscribers_list_length select option{
|
|
background: #f2f2f2;
|
|
color: #565656;
|
|
}
|
|
|
|
/*Modals*/
|
|
|
|
.modal-dialog {
|
|
margin: 30px auto;
|
|
}
|
|
|
|
|
|
|
|
.modal-header {
|
|
padding: 15px;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
background-color: #01364F;
|
|
color: #fff;
|
|
border-top-left-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.close {
|
|
float: right;
|
|
font-size: 21px;
|
|
font-weight: 700;
|
|
line-height: 1;
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 #fff;
|
|
filter: alpha(opacity=20);
|
|
opacity: .9;
|
|
}
|
|
|
|
|
|
.close:hover,
|
|
.close:focus {
|
|
color: #eee;
|
|
opacity: .8;
|
|
}
|
|
|
|
.custom-modal {
|
|
height: 400px;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.modal-dialog {
|
|
|
|
margin: 30px auto;
|
|
}
|
|
|
|
/*Panels*/
|
|
|
|
.panel-heading {
|
|
|
|
border-bottom: 0;
|
|
}
|
|
|
|
|
|
.panel-default>.panel-heading {
|
|
color: #333;
|
|
background-color: #fff;
|
|
border-color: #ddd;
|
|
}
|
|
|
|
|
|
/*Add Ons*/
|
|
.input-group-addon {
|
|
background-color: #153853;
|
|
color:#fff;
|
|
}
|
|
|
|
|
|
/*Buttons*/
|
|
|
|
.btn-primary {
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
border-color: #01364F;
|
|
}
|
|
|
|
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:active:focus{
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
border-color: #01364F;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
|
|
.btn-default {
|
|
color: #333;
|
|
background-color: #e0e0e0;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
/* Safari and Chrome, if Chrome rule needed */
|
|
.someClass {
|
|
color:#c00;
|
|
}
|
|
|
|
/*Date Picker*/
|
|
|
|
.bootstrap-datetimepicker-widget thead tr th{
|
|
background-color: #fff;
|
|
border-radius: 0;
|
|
color: #777;
|
|
|
|
}
|
|
|
|
|
|
/* Error 404 Page CSS */
|
|
|
|
#error_404 img{
|
|
margin:60px auto;
|
|
}
|
|
|
|
|
|
|
|
/* PAGINATION */
|
|
|
|
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
|
|
z-index: 3;
|
|
color: #fff;
|
|
cursor: default;
|
|
background-color: #01364F;
|
|
border-color: #01364F;
|
|
}
|
|
|
|
|
|
|
|
@media screen and (-webkit-max-device-pixel-ratio:0) {
|
|
|
|
}
|
|
|
|
|
|
/* ICON BUTTONS */
|
|
|
|
|
|
|
|
.btn-danger:focus, .btn-danger:active, .btn-danger:active:focus{
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
border-color: #01364F;
|
|
}
|
|
.btn-info:focus, .btn-info:active, .btn-info:active:focus{
|
|
color: #fff;
|
|
background-color: #01364F;
|
|
border-color: #01364F;
|
|
}
|
|
|
|
|
|
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
|
|
top: 9px;
|
|
left: 4px;
|
|
height: 14px;
|
|
width: 14px;
|
|
display: block;
|
|
position: absolute;
|
|
color: white;
|
|
border: 2px solid white;
|
|
border-radius: 14px;
|
|
box-shadow: 0 0 3px #444;
|
|
box-sizing: content-box;
|
|
text-align: center;
|
|
font-family: 'Courier New', Courier, monospace;
|
|
line-height: 14px;
|
|
content: '+';
|
|
background-color: #01364F;
|
|
}
|
|
|
|
|