katibest
7 years ago
committed by
Luke Imhoff
parent
f7bbbe9af0
commit
36963c5750
@ -1,40 +0,0 @@ |
||||
|
||||
@font-face { |
||||
font-family: 'Roboto'; |
||||
src: url("/fonts/Roboto/Roboto-Light.ttf"); |
||||
font-weight: 200; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Roboto'; |
||||
src: url("/fonts/Roboto/Roboto-Regular.ttf"); |
||||
font-weight: 400; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Roboto'; |
||||
src: url("/fonts/Roboto/Roboto-MediumItalic.ttf"); |
||||
font-weight: 400; |
||||
font-style: italic; |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: 'Roboto'; |
||||
src: url("/fonts/Roboto/Roboto-Medium.ttf"); |
||||
font-weight: 600; |
||||
} |
||||
|
||||
|
||||
@font-face { |
||||
font-family: 'Roboto'; |
||||
src: url("/fonts/Roboto/Roboto-Bold.ttf"); |
||||
font-weight: 700; |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
@font-face { |
||||
font-family: 'Boxed Bold'; |
||||
src: url("/fonts/boxed-bold.otf"); |
||||
} |
||||
@ -1,111 +0,0 @@ |
||||
// Variables |
||||
// -------------------------------------------------- |
||||
//== Colors |
||||
// |
||||
$ma-green: #80bb41; |
||||
$ma-grey: #414144; |
||||
$ma-md-grey: #797a7c; |
||||
$ma-lightgrey: #dddede; |
||||
$ma-teal: #009579; |
||||
$ma-blue: #2474bb; |
||||
$ma-darkblue: darken(#2474bb, 20%); |
||||
$ma-red: #c03b44; |
||||
$ma-white: #fff; |
||||
$ma-black: #2d2926; |
||||
$ma-evergreen: #16433c; |
||||
|
||||
// Fonts |
||||
// |
||||
$ma-sans-serif: 'Boxed Bold', Helvetica, Arial, sans-serif; |
||||
$ma-body-sans-serif: 'Roboto', Helvetica, sans-serif; |
||||
// Bootstrap Variables: |
||||
$bootstrap-sass-asset-helper: false; |
||||
//## Gray and brand colors for use across Bootstrap. |
||||
$gray-base: #000 !default; |
||||
$gray-darker: lighten($gray-base, 13.5%) !default; // #222 |
||||
$gray-dark: lighten($gray-base, 20%) !default; |
||||
// #333 |
||||
$gray: lighten($gray-base, 33.5%) !default; // #555 |
||||
$gray-light: lighten($gray-base, 46.7%) !default; // #777 |
||||
$gray-lighter: lighten($gray-base, 93.5%) !default; // #eee |
||||
$brand-primary: $ma-blue; |
||||
$brand-success: $ma-green; |
||||
$brand-info: #5bc0de !default; |
||||
$brand-warning: #f0ad4e !default; |
||||
$brand-danger: $ma-red; |
||||
//== Scaffolding |
||||
// |
||||
//## Settings for some of the most global styles. |
||||
//** Background color for `<body>`. |
||||
$body-bg: #fff !default; //** Global text color on `<body>`. |
||||
$text-color: $gray-dark !default; |
||||
$text-inactive: $ma-lightgrey; |
||||
//** Global textual link color. |
||||
$link-color: $ma-darkblue!default; //** Link hover color set via `darken()` function. |
||||
$link-hover-color: darken($link-color, 15%) !default; //** Link hover decoration. |
||||
$link-hover-decoration: underline !default; |
||||
//== Typography |
||||
// |
||||
//## Font, line-height, and color for body text, headings, and more. |
||||
$font-family-sans-serif: "Boxed Bold", Helvetica, Arial, sans-serif !default; |
||||
$font-family-body-san-serif: "Roboto", Helvetica, Arial, sans-serif !default; //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`. |
||||
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default; |
||||
$font-family-base: $font-family-sans-serif !default; |
||||
//** Unit-less `line-height` for use in components like buttons. |
||||
$line-height-base: 1.428571429 !default; // 20/14 |
||||
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc. |
||||
$line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px |
||||
//** By default, this inherits from the `<body>`. |
||||
$headings-font-family: inherit !default; |
||||
$headings-font-weight: 500 !default; |
||||
$headings-line-height: 1.1 !default; |
||||
$headings-color: inherit !default; |
||||
|
||||
//== Media queries breakpoints |
||||
// |
||||
//## Define the breakpoints at which your layout will change, adapting to different screen sizes. |
||||
// Extra small screen / phone |
||||
//** Deprecated `$screen-xs` as of v3.0.1 |
||||
$screen-xs: 480px !default; //** Deprecated `$screen-xs-min` as of v3.2.0 |
||||
$screen-xs-min: $screen-xs !default; //** Deprecated `$screen-phone` as of v3.0.1 |
||||
$screen-phone: $screen-xs-min !default; |
||||
// Small screen / tablet |
||||
//** Deprecated `$screen-sm` as of v3.0.1 |
||||
$screen-sm: 768px !default; |
||||
$screen-sm-min: $screen-sm !default; //** Deprecated `$screen-tablet` as of v3.0.1 |
||||
$screen-tablet: $screen-sm-min !default; |
||||
// Medium screen / desktop |
||||
//** Deprecated `$screen-md` as of v3.0.1 |
||||
$screen-md: 992px !default; |
||||
$screen-md-min: $screen-md !default; //** Deprecated `$screen-desktop` as of v3.0.1 |
||||
$screen-desktop: $screen-md-min !default; |
||||
// Large screen / wide desktop |
||||
//** Deprecated `$screen-lg` as of v3.0.1 |
||||
$screen-lg: 1200px !default; |
||||
$screen-lg-min: $screen-lg !default; //** Deprecated `$screen-lg-desktop` as of v3.0.1 |
||||
$screen-lg-desktop: $screen-lg-min !default; |
||||
// So media queries don't overlap when required, provide a maximum |
||||
$screen-xs-max: ($screen-sm-min - 1) !default; |
||||
$screen-sm-max: ($screen-md-min - 1) !default; |
||||
$screen-md-max: ($screen-lg-min - 1) !default; |
||||
//== Grid system |
||||
// |
||||
//## Define your custom responsive grid. |
||||
//** Number of columns in the grid. |
||||
$grid-columns: 12 !default; //** Padding between columns. Gets divided in half for the left and right. |
||||
$grid-gutter-width: 30px !default; // Navbar collapse |
||||
//** Point at which the navbar becomes uncollapsed. |
||||
$grid-float-breakpoint: $screen-sm-min !default; //** Point at which the navbar begins collapsing. |
||||
$grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default; |
||||
//== Container sizes |
||||
// |
||||
//## Define the maximum width of `.container` for different screen sizes. |
||||
// Small screen / tablet |
||||
$container-tablet: (720px + $grid-gutter-width) !default; //** For `$screen-sm-min` and up. |
||||
$container-sm: $container-tablet !default; |
||||
// Medium screen / desktop |
||||
$container-desktop: (940px + $grid-gutter-width) !default; //** For `$screen-md-min` and up. |
||||
$container-md: $container-desktop !default; |
||||
// Large screen / wide desktop |
||||
$container-large-desktop: (1140px + $grid-gutter-width) !default; //** For `$screen-lg-min` and up. |
||||
$container-lg: $container-large-desktop !default; |
||||
@ -1,430 +0,0 @@ |
||||
|
||||
body { |
||||
background-color: #f8f8f8; |
||||
} |
||||
#wrapper { |
||||
width: 100%; |
||||
} |
||||
#page-wrapper { |
||||
padding: 0 15px; |
||||
min-height: 568px; |
||||
background-color: white; |
||||
} |
||||
@media (min-width: 768px) { |
||||
#page-wrapper { |
||||
position: inherit; |
||||
margin: 0 0 0 250px; |
||||
padding: 0 30px; |
||||
border-left: 1px solid #e7e7e7; |
||||
} |
||||
} |
||||
.navbar-top-links { |
||||
margin-right: 0; |
||||
} |
||||
.navbar-top-links li { |
||||
display: inline-block; |
||||
} |
||||
.navbar-top-links li:last-child { |
||||
margin-right: 15px; |
||||
} |
||||
.navbar-top-links li a { |
||||
padding: 15px; |
||||
min-height: 50px; |
||||
} |
||||
.navbar-top-links .dropdown-menu li { |
||||
display: block; |
||||
} |
||||
.navbar-top-links .dropdown-menu li:last-child { |
||||
margin-right: 0; |
||||
} |
||||
.navbar-top-links .dropdown-menu li a { |
||||
padding: 3px 20px; |
||||
min-height: 0; |
||||
} |
||||
.navbar-top-links .dropdown-menu li a div { |
||||
white-space: normal; |
||||
} |
||||
.navbar-top-links .dropdown-messages, |
||||
.navbar-top-links .dropdown-tasks, |
||||
.navbar-top-links .dropdown-alerts { |
||||
width: 310px; |
||||
min-width: 0; |
||||
} |
||||
.navbar-top-links .dropdown-messages { |
||||
margin-left: 5px; |
||||
} |
||||
.navbar-top-links .dropdown-tasks { |
||||
margin-left: -59px; |
||||
} |
||||
.navbar-top-links .dropdown-alerts { |
||||
margin-left: -123px; |
||||
} |
||||
.navbar-top-links .dropdown-user { |
||||
right: 0; |
||||
left: auto; |
||||
} |
||||
.sidebar .sidebar-nav.navbar-collapse { |
||||
padding-left: 0; |
||||
padding-right: 0; |
||||
} |
||||
.sidebar .sidebar-search { |
||||
padding: 15px; |
||||
} |
||||
.sidebar ul li { |
||||
border-bottom: 1px solid #e7e7e7; |
||||
} |
||||
.sidebar ul li a.active { |
||||
background-color: #eeeeee; |
||||
} |
||||
.sidebar .arrow { |
||||
float: right; |
||||
} |
||||
.sidebar .fa.arrow:before { |
||||
content: "\f104"; |
||||
} |
||||
.sidebar .active > a > .fa.arrow:before { |
||||
content: "\f107"; |
||||
} |
||||
.sidebar .nav-second-level li, |
||||
.sidebar .nav-third-level li { |
||||
border-bottom: none !important; |
||||
} |
||||
.sidebar .nav-second-level li a { |
||||
padding-left: 37px; |
||||
} |
||||
.sidebar .nav-third-level li a { |
||||
padding-left: 52px; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.sidebar { |
||||
z-index: 1; |
||||
position: absolute; |
||||
width: 250px; |
||||
margin-top: 51px; |
||||
} |
||||
.navbar-top-links .dropdown-messages, |
||||
.navbar-top-links .dropdown-tasks, |
||||
.navbar-top-links .dropdown-alerts { |
||||
margin-left: auto; |
||||
} |
||||
} |
||||
.btn-outline { |
||||
color: inherit; |
||||
background-color: transparent; |
||||
transition: all .5s; |
||||
} |
||||
.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-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: white; |
||||
} |
||||
.chat { |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style: none; |
||||
} |
||||
.chat li { |
||||
margin-bottom: 10px; |
||||
padding-bottom: 5px; |
||||
border-bottom: 1px dotted #999999; |
||||
} |
||||
.chat li.left .chat-body { |
||||
margin-left: 60px; |
||||
} |
||||
.chat li.right .chat-body { |
||||
margin-right: 60px; |
||||
} |
||||
.chat li .chat-body p { |
||||
margin: 0; |
||||
} |
||||
.panel .slidedown .glyphicon, |
||||
.chat .glyphicon { |
||||
margin-right: 5px; |
||||
} |
||||
.chat-panel .panel-body { |
||||
height: 350px; |
||||
overflow-y: scroll; |
||||
} |
||||
.login-panel { |
||||
margin-top: 25%; |
||||
} |
||||
.flot-chart { |
||||
display: block; |
||||
height: 400px; |
||||
} |
||||
.flot-chart-content { |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
table.dataTable thead .sorting, |
||||
table.dataTable thead .sorting_asc, |
||||
table.dataTable thead .sorting_desc, |
||||
table.dataTable thead .sorting_asc_disabled, |
||||
table.dataTable thead .sorting_desc_disabled { |
||||
background: transparent; |
||||
} |
||||
table.dataTable thead .sorting_asc:after { |
||||
content: "\f0de"; |
||||
float: right; |
||||
font-family: fontawesome; |
||||
} |
||||
table.dataTable thead .sorting_desc:after { |
||||
content: "\f0dd"; |
||||
float: right; |
||||
font-family: fontawesome; |
||||
} |
||||
table.dataTable thead .sorting:after { |
||||
content: "\f0dc"; |
||||
float: right; |
||||
font-family: fontawesome; |
||||
color: rgba(50, 50, 50, 0.5); |
||||
} |
||||
.btn-circle { |
||||
width: 30px; |
||||
height: 30px; |
||||
padding: 6px 0; |
||||
border-radius: 15px; |
||||
text-align: center; |
||||
font-size: 12px; |
||||
line-height: 1.428571429; |
||||
} |
||||
.btn-circle.btn-lg { |
||||
width: 50px; |
||||
height: 50px; |
||||
padding: 10px 16px; |
||||
border-radius: 25px; |
||||
font-size: 18px; |
||||
line-height: 1.33; |
||||
} |
||||
.btn-circle.btn-xl { |
||||
width: 70px; |
||||
height: 70px; |
||||
padding: 10px 16px; |
||||
border-radius: 35px; |
||||
font-size: 24px; |
||||
line-height: 1.33; |
||||
} |
||||
.show-grid [class^="col-"] { |
||||
padding-top: 10px; |
||||
padding-bottom: 10px; |
||||
border: 1px solid #ddd; |
||||
background-color: #eee !important; |
||||
} |
||||
.show-grid { |
||||
margin: 15px 0; |
||||
} |
||||
.huge { |
||||
font-size: 40px; |
||||
} |
||||
.panel-green { |
||||
border-color: #5cb85c; |
||||
} |
||||
.panel-green > .panel-heading { |
||||
border-color: #5cb85c; |
||||
color: white; |
||||
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: white; |
||||
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: white; |
||||
background-color: #f0ad4e; |
||||
} |
||||
.panel-yellow > a { |
||||
color: #f0ad4e; |
||||
} |
||||
.panel-yellow > a:hover { |
||||
color: #df8a13; |
||||
} |
||||
.timeline { |
||||
position: relative; |
||||
padding: 20px 0 20px; |
||||
list-style: none; |
||||
} |
||||
.timeline:before { |
||||
content: " "; |
||||
position: absolute; |
||||
top: 0; |
||||
bottom: 0; |
||||
left: 50%; |
||||
width: 3px; |
||||
margin-left: -1.5px; |
||||
background-color: #eeeeee; |
||||
} |
||||
.timeline > li { |
||||
position: relative; |
||||
margin-bottom: 20px; |
||||
} |
||||
.timeline > li:before, |
||||
.timeline > li:after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
.timeline > li:after { |
||||
clear: both; |
||||
} |
||||
.timeline > li:before, |
||||
.timeline > li:after { |
||||
content: " "; |
||||
display: table; |
||||
} |
||||
.timeline > li:after { |
||||
clear: both; |
||||
} |
||||
.timeline > li > .timeline-panel { |
||||
float: left; |
||||
position: relative; |
||||
width: 46%; |
||||
padding: 20px; |
||||
border: 1px solid #d4d4d4; |
||||
border-radius: 2px; |
||||
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); |
||||
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); |
||||
} |
||||
.timeline > li > .timeline-panel:before { |
||||
content: " "; |
||||
display: inline-block; |
||||
position: absolute; |
||||
top: 26px; |
||||
right: -15px; |
||||
border-top: 15px solid transparent; |
||||
border-right: 0 solid #ccc; |
||||
border-bottom: 15px solid transparent; |
||||
border-left: 15px solid #ccc; |
||||
} |
||||
.timeline > li > .timeline-panel:after { |
||||
content: " "; |
||||
display: inline-block; |
||||
position: absolute; |
||||
top: 27px; |
||||
right: -14px; |
||||
border-top: 14px solid transparent; |
||||
border-right: 0 solid #fff; |
||||
border-bottom: 14px solid transparent; |
||||
border-left: 14px solid #fff; |
||||
} |
||||
.timeline > li > .timeline-badge { |
||||
z-index: 100; |
||||
position: absolute; |
||||
top: 16px; |
||||
left: 50%; |
||||
width: 50px; |
||||
height: 50px; |
||||
margin-left: -25px; |
||||
border-radius: 50% 50% 50% 50%; |
||||
text-align: center; |
||||
font-size: 1.4em; |
||||
line-height: 50px; |
||||
color: #fff; |
||||
background-color: #999999; |
||||
} |
||||
.timeline > li.timeline-inverted > .timeline-panel { |
||||
float: right; |
||||
} |
||||
.timeline > li.timeline-inverted > .timeline-panel:before { |
||||
right: auto; |
||||
left: -15px; |
||||
border-right-width: 15px; |
||||
border-left-width: 0; |
||||
} |
||||
.timeline > li.timeline-inverted > .timeline-panel:after { |
||||
right: auto; |
||||
left: -14px; |
||||
border-right-width: 14px; |
||||
border-left-width: 0; |
||||
} |
||||
.timeline-badge.primary { |
||||
background-color: #2e6da4 !important; |
||||
} |
||||
.timeline-badge.success { |
||||
background-color: #3f903f !important; |
||||
} |
||||
.timeline-badge.warning { |
||||
background-color: #f0ad4e !important; |
||||
} |
||||
.timeline-badge.danger { |
||||
background-color: #d9534f !important; |
||||
} |
||||
.timeline-badge.info { |
||||
background-color: #5bc0de !important; |
||||
} |
||||
.timeline-title { |
||||
margin-top: 0; |
||||
color: inherit; |
||||
} |
||||
.timeline-body > p, |
||||
.timeline-body > ul { |
||||
margin-bottom: 0; |
||||
} |
||||
.timeline-body > p + p { |
||||
margin-top: 5px; |
||||
} |
||||
@media (max-width: 767px) { |
||||
ul.timeline:before { |
||||
left: 40px; |
||||
} |
||||
ul.timeline > li > .timeline-panel { |
||||
width: calc(10%); |
||||
width: -moz-calc(10%); |
||||
width: -webkit-calc(10%); |
||||
} |
||||
ul.timeline > li > .timeline-badge { |
||||
top: 16px; |
||||
left: 15px; |
||||
margin-left: 0; |
||||
} |
||||
ul.timeline > li > .timeline-panel { |
||||
float: right; |
||||
} |
||||
ul.timeline > li > .timeline-panel:before { |
||||
right: auto; |
||||
left: -15px; |
||||
border-right-width: 15px; |
||||
border-left-width: 0; |
||||
} |
||||
ul.timeline > li > .timeline-panel:after { |
||||
right: auto; |
||||
left: -14px; |
||||
border-right-width: 14px; |
||||
border-left-width: 0; |
||||
} |
||||
} |
||||
Loading…
Reference in new issue