mirror of https://github.com/IoTcat/ushio-img.git
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.
11374 lines
255 KiB
11374 lines
255 KiB
/*! Amaze UI v3.0.0-alpha.beta | by Amaze UI Team | (c) 2017 AllMobilize, Inc. | Licensed under GPL | 2017-03-06T14:24:38+0800 */ |
|
/* ========================================================================== |
|
Component: Base |
|
============================================================================ */ |
|
/** |
|
* Fix the flawed CSS box model - Yes, IE6's box model is better |
|
* Browser support: IE8+ |
|
* via: http://paulirish.com/2012/box-sizing-border-box-ftw/ |
|
*/ |
|
*, |
|
*:before, |
|
*:after { |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
} |
|
/* normalize.css v3.0.2 | git.io/normalize */ |
|
/* Set <html> and <body> to inherit the height of the viewport */ |
|
html, |
|
body { |
|
min-height: 100%; |
|
} |
|
/** |
|
* 1. Prevent iOS text size adjust after orientation change, without disabling |
|
* user zoom. |
|
* https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust |
|
*/ |
|
html { |
|
-ms-text-size-adjust: 100%; |
|
/* 1 */ |
|
-webkit-text-size-adjust: 100%; |
|
/* 1 */ |
|
} |
|
/** |
|
* Remove default margin. |
|
*/ |
|
body { |
|
margin: 0; |
|
} |
|
/* HTML5 display definitions |
|
========================================================================== */ |
|
/** |
|
* Correct `block` display not defined for any HTML5 element in IE 8/9. |
|
* Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. |
|
* Correct `block` display not defined for `main` in IE 11. |
|
* hgroup has been removed from the HTML5 (W3C) specification |
|
* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/hgroup |
|
*/ |
|
article, |
|
aside, |
|
details, |
|
figcaption, |
|
figure, |
|
footer, |
|
header, |
|
hgroup, |
|
menu, |
|
main, |
|
nav, |
|
section, |
|
summary { |
|
display: block; |
|
} |
|
/** |
|
* 1. Correct `inline-block` display not defined in IE 8/9. |
|
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
|
*/ |
|
audio, |
|
canvas, |
|
progress, |
|
video { |
|
display: inline-block; |
|
/* 1 */ |
|
vertical-align: baseline; |
|
/* 2 */ |
|
} |
|
/** |
|
* Prevent modern browsers from displaying `audio` without controls. |
|
* Remove excess height in iOS 5 devices. |
|
*/ |
|
audio:not([controls]) { |
|
display: none; |
|
height: 0; |
|
} |
|
/** |
|
* Address `[hidden]` styling not present in IE 8/9/10. |
|
* Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. |
|
*/ |
|
[hidden], |
|
template, |
|
script { |
|
display: none; |
|
} |
|
/* Links |
|
========================================================================== */ |
|
/** |
|
* Remove the gray background color from active links in IE 10. |
|
*/ |
|
a { |
|
background-color: transparent; |
|
} |
|
/** |
|
* Address `outline` inconsistency between Chrome and other browsers. |
|
*/ |
|
a:focus { |
|
outline: thin dotted; |
|
} |
|
/** |
|
* Improve readability when focused and also mouse hovered in all browsers. |
|
*/ |
|
a:active, |
|
a:hover { |
|
outline: 0; |
|
} |
|
/* Text-level semantics |
|
========================================================================== */ |
|
/** |
|
* Remove text-decoration |
|
*/ |
|
ins, |
|
a { |
|
text-decoration: none; |
|
} |
|
/** |
|
* Address styling not present in IE 8/9, Safari 5, and Chrome. |
|
*/ |
|
abbr[title] { |
|
border-bottom: 1px dotted; |
|
} |
|
/** |
|
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. |
|
*/ |
|
b, |
|
strong { |
|
font-weight: bold; |
|
} |
|
/** |
|
* Improve readability of pre-formatted text in all browsers. |
|
*/ |
|
pre { |
|
white-space: pre-wrap; |
|
} |
|
/** |
|
* Set consistent quote types. |
|
*/ |
|
q { |
|
quotes: "\201C" "\201D" "\2018" "\2019"; |
|
} |
|
/** |
|
* Address inconsistent and variable font size in all browsers. |
|
*/ |
|
small { |
|
font-size: 80%; |
|
} |
|
/** |
|
* Prevent `sub` and `sup` affecting `line-height` in all browsers. |
|
*/ |
|
sub, |
|
sup { |
|
font-size: 75%; |
|
line-height: 0; |
|
position: relative; |
|
vertical-align: baseline; |
|
} |
|
sup { |
|
top: -0.5em; |
|
} |
|
sub { |
|
bottom: -0.25em; |
|
} |
|
/* Embedded content |
|
========================================================================== */ |
|
/** |
|
* 1. Corrects max-width behavior (2.) if padding and border are used |
|
* 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height |
|
* 3. Remove the gap between images and the bottom of their containers |
|
* 4. Remove border when inside `a` element in IE 8/9. |
|
* remove 2. for Issue #502 |
|
*/ |
|
img { |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
/* 1 */ |
|
vertical-align: middle; |
|
/* 3 */ |
|
border: 0; |
|
/* 4 */ |
|
} |
|
/** |
|
* Correct overflow displayed oddly in IE 9. |
|
*/ |
|
svg:not(:root) { |
|
overflow: hidden; |
|
} |
|
/* Grouping content |
|
========================================================================== */ |
|
/** |
|
* Address margin not present in IE 8/9 and Safari. |
|
*/ |
|
figure { |
|
margin: 0; |
|
} |
|
/** |
|
* Correct font family set oddly in Safari 5 and Chrome. |
|
*/ |
|
code, |
|
kbd, |
|
pre, |
|
samp { |
|
font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace; |
|
font-size: 1em; |
|
} |
|
/* Forms |
|
========================================================================== */ |
|
/** |
|
* Define consistent border, margin, and padding. |
|
*/ |
|
fieldset { |
|
border: 1px solid #c0c0c0; |
|
margin: 0 2px; |
|
padding: 0.35em 0.625em 0.75em; |
|
} |
|
/** |
|
* 1. Correct `color` not being inherited in IE 8/9. |
|
* 2. Remove padding so people aren't caught out if they zero out fieldsets. |
|
*/ |
|
legend { |
|
border: 0; |
|
/* 1 */ |
|
padding: 0; |
|
/* 2 */ |
|
} |
|
/** |
|
* 1. Correct color not being inherited. |
|
* Known issue: affects color of disabled elements. |
|
* 2. Correct font properties not being inherited. |
|
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. |
|
*/ |
|
button, |
|
input, |
|
optgroup, |
|
select, |
|
textarea { |
|
color: inherit; |
|
/* 1 */ |
|
font: inherit; |
|
/* 2 */ |
|
margin: 0; |
|
/* 3 */ |
|
} |
|
/** |
|
* Address `overflow` set to `hidden` in IE 8/9/10/11. |
|
*/ |
|
button { |
|
overflow: visible; |
|
} |
|
/** |
|
* Address Firefox 4+ setting `line-height` on `input` using `!important` in |
|
* the UA stylesheet. |
|
*/ |
|
button, |
|
input { |
|
line-height: normal; |
|
} |
|
/** |
|
* Address inconsistent `text-transform` inheritance for `button` and `select`. |
|
* All other form control elements do not inherit `text-transform` values. |
|
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
|
* Correct `select` style inheritance in Firefox. |
|
*/ |
|
button, |
|
select { |
|
text-transform: none; |
|
} |
|
/** |
|
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
|
* and `video` controls. |
|
* 2. Correct inability to style clickable `input` types in iOS. |
|
* 3. Improve usability and consistency of cursor style between image-type |
|
* `input` and others. |
|
*/ |
|
button, |
|
html input[type="button"], |
|
input[type="reset"], |
|
input[type="submit"] { |
|
-webkit-appearance: button; |
|
/* 2 */ |
|
cursor: pointer; |
|
/* 3 */ |
|
} |
|
/* |
|
* 1. Improves consistency of cursor style for clickable elements |
|
* 2. Removes excess padding in IE 8/9. |
|
* 3. Address box sizing set to `content-box` in IE 8/9/10. |
|
*/ |
|
input[type="radio"], |
|
input[type="checkbox"] { |
|
cursor: pointer; |
|
/*1*/ |
|
padding: 0; |
|
/*2*/ |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
/* 3 */ |
|
} |
|
/** |
|
* Re-set default cursor for disabled elements. |
|
*/ |
|
button[disabled], |
|
html input[disabled] { |
|
cursor: default; |
|
} |
|
/** |
|
* Remove inner padding and border in Firefox 4+. |
|
*/ |
|
button::-moz-focus-inner, |
|
input::-moz-focus-inner { |
|
border: 0; |
|
padding: 0; |
|
} |
|
/** |
|
* Fix the cursor style for Chrome's increment/decrement buttons. For certain |
|
* `font-size` values of the `input`, it causes the cursor style of the |
|
* decrement button to change from `default` to `text`. |
|
*/ |
|
input[type="number"]::-webkit-inner-spin-button, |
|
input[type="number"]::-webkit-outer-spin-button { |
|
height: auto; |
|
} |
|
/** |
|
* 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
|
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome |
|
* (include `-moz` to future-proof). |
|
*/ |
|
input[type="search"] { |
|
-webkit-appearance: textfield; |
|
/* 1 */ |
|
-webkit-box-sizing: content-box; |
|
box-sizing: content-box; |
|
/* 2 */ |
|
} |
|
/** |
|
* Remove inner padding and search cancel button in Safari 5 and Chrome |
|
* on OS X. |
|
*/ |
|
input[type="search"]::-webkit-search-cancel-button, |
|
input[type="search"]::-webkit-search-decoration { |
|
-webkit-appearance: none; |
|
} |
|
/** |
|
* 1. Remove default vertical scrollbar in IE 8/9. |
|
* 2. Improve readability and alignment in all browsers. |
|
*/ |
|
textarea { |
|
overflow: auto; |
|
/* 1 */ |
|
vertical-align: top; |
|
/* 2 */ |
|
resize: vertical; |
|
} |
|
/** |
|
* Don't inherit the `font-weight` (applied by a rule above). |
|
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
|
*/ |
|
optgroup { |
|
font-weight: bold; |
|
} |
|
/* Tables |
|
========================================================================== */ |
|
/** |
|
* Remove most spacing between table cells. |
|
*/ |
|
table { |
|
border-collapse: collapse; |
|
border-spacing: 0; |
|
} |
|
td, |
|
th { |
|
padding: 0; |
|
} |
|
/* AMUI Base |
|
========================================================================== */ |
|
/** |
|
* `font-size` is set in `html` element to support the `rem` unit for font-sizes |
|
* NOTE: IE9 & IE10 do not recognize `rem` units when used with the |
|
`font` shorthand property. |
|
*/ |
|
html { |
|
font-size: 16px; |
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|
} |
|
body { |
|
position: relative; |
|
background: #fff; |
|
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", "Droid Sans", "Source Han Sans", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; |
|
font-weight: normal; |
|
line-height: 1.6; |
|
color: #333333; |
|
font-size: 1rem; |
|
} |
|
/** |
|
* 1. http://usabilitypost.com/2012/11/15/w-optimizelegibility-on-mobile-devices/ |
|
* 2. http://maxvoltar.com/archive/-webkit-font-smoothing |
|
* NOTE: http://usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/ |
|
* 3. http://maximilianhoffmann.com/posts/better-font-rendering-on-osx |
|
* http://jaydenseric.com/blog/css-font-smoothing-for-firefox-mac |
|
*/ |
|
body, |
|
input, |
|
textarea, |
|
select, |
|
button { |
|
text-rendering: optimizeLegibility; |
|
/* 1 */ |
|
-webkit-font-smoothing: antialiased; |
|
/* 2 */ |
|
-moz-osx-font-smoothing: grayscale; |
|
/* 3 Default: auto */ |
|
-moz-font-feature-settings: "liga", "kern"; |
|
} |
|
/*Only phones */ |
|
@media only screen and (max-width: 640px) { |
|
/** |
|
* Break strings if their length exceeds the width of their container |
|
*/ |
|
body { |
|
word-wrap: break-word; |
|
-webkit-hyphens: auto; |
|
-moz-hyphens: auto; |
|
hyphens: auto; |
|
} |
|
} |
|
/** |
|
* links |
|
*/ |
|
a { |
|
color: #5085FF; |
|
} |
|
a:hover, |
|
a:focus { |
|
color: #0350ff; |
|
} |
|
a:focus { |
|
outline: thin dotted; |
|
outline: 1px auto -webkit-focus-ring-color; |
|
outline-offset: -2px; |
|
} |
|
/* Insert */ |
|
ins { |
|
background: #ffa; |
|
color: #666666; |
|
} |
|
/** |
|
* Mark |
|
* Note: Addresses styling not present in IE 8/9. |
|
*/ |
|
mark { |
|
background: #ffa; |
|
color: #666666; |
|
} |
|
/** |
|
* Abbreviation and definition |
|
*/ |
|
abbr[title], |
|
dfn[title] { |
|
cursor: help; |
|
} |
|
dfn[title] { |
|
border-bottom: 1px dotted; |
|
font-style: normal; |
|
} |
|
/* Spacing for block elements */ |
|
p, |
|
hr, |
|
ul, |
|
ol, |
|
dl, |
|
blockquote, |
|
pre, |
|
address, |
|
fieldset, |
|
figure { |
|
margin: 0 0 1rem 0; |
|
} |
|
* + p, |
|
* + hr, |
|
* + ul, |
|
* + ol, |
|
* + dl, |
|
* + blockquote, |
|
* + pre, |
|
* + address, |
|
* + fieldset, |
|
* + figure { |
|
margin-top: 1rem; |
|
} |
|
/* Headings |
|
========================================================================== */ |
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 { |
|
margin: 0 0 1rem 0; |
|
font-weight: 600; |
|
font-size: 100%; |
|
} |
|
h1 { |
|
font-size: 1.5em; |
|
} |
|
h2 { |
|
font-size: 1.25em; |
|
} |
|
* + h1, |
|
* + h2, |
|
* + h3, |
|
* + h4, |
|
* + h5, |
|
* + h6 { |
|
margin-top: 2em; |
|
} |
|
/* Ordered and unordered lists */ |
|
ul, |
|
ol { |
|
padding-left: 2em; |
|
} |
|
/* Reset margin for nested lists */ |
|
ul > li > ul, |
|
ul > li > ol, |
|
ol > li > ol, |
|
ol > li > ul { |
|
margin: 1em 0; |
|
} |
|
/* Description lists */ |
|
dt { |
|
font-weight: bold; |
|
} |
|
dt + dd { |
|
margin-top: .5em; |
|
} |
|
dd { |
|
margin-left: 0; |
|
} |
|
dd + dt { |
|
margin-top: 1em; |
|
} |
|
/** |
|
* Horizontal rule |
|
* 1. Address differences between Firefox and other browsers. |
|
*/ |
|
hr { |
|
display: block; |
|
padding: 0; |
|
border: 0; |
|
height: 0; |
|
border-top: 1px solid #f0f0f0; |
|
/* 1 */ |
|
-webkit-box-sizing: content-box; |
|
box-sizing: content-box; |
|
/* 1 */ |
|
} |
|
/* Address */ |
|
address { |
|
font-style: normal; |
|
} |
|
/* Quotes */ |
|
blockquote { |
|
padding-top: 5px; |
|
padding-bottom: 5px; |
|
padding-left: 15px; |
|
border-left: 4px solid #ccc; |
|
font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif; |
|
/* Small print for identifying the source */ |
|
/* Smaller margin if `small` follows */ |
|
} |
|
blockquote small { |
|
display: block; |
|
color: #999999; |
|
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", "Droid Sans", "Source Han Sans", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; |
|
text-align: right; |
|
} |
|
blockquote p:last-of-type { |
|
margin-bottom: 0; |
|
} |
|
/* iframe */ |
|
iframe { |
|
border: 0; |
|
} |
|
/* Forms |
|
========================================================================== */ |
|
/** |
|
* Vertical alignment |
|
* Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text |
|
*/ |
|
button, |
|
input:not([type="radio"]):not([type="checkbox"]), |
|
select { |
|
vertical-align: middle; |
|
} |
|
/** |
|
* Fix viewport for IE10 snap mode |
|
* http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ |
|
* http://msdn.microsoft.com/en-us/library/ie/hh869615%28v=vs.85%29.aspx |
|
* http://msdn.microsoft.com/zh-cn/library/ie/hh708740(v=vs.85).aspx |
|
* @2014.01.20: 设置一下属性以后,windows Phone 8 上显示的字体过小,暂时注释掉 |
|
* ========================================================================== */ |
|
/* |
|
@-ms-viewport { |
|
width: device-width; |
|
} |
|
*/ |
|
.am-scrollbar-measure { |
|
width: 100px; |
|
height: 100px; |
|
overflow: scroll; |
|
position: absolute; |
|
top: -9999px; |
|
} |
|
/* ========================================================================== |
|
Component: Grid |
|
============================================================================ */ |
|
.am-container { |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
margin-left: auto; |
|
margin-right: auto; |
|
padding-left: 0.625rem; |
|
padding-right: 0.625rem; |
|
width: 100%; |
|
max-width: 1000px; |
|
} |
|
.am-container:before, |
|
.am-container:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-container:after { |
|
clear: both; |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-container { |
|
padding-left: 0.9375rem; |
|
padding-right: 0.9375rem; |
|
} |
|
} |
|
.am-container > .am-g { |
|
width: auto; |
|
margin-left: -0.625rem; |
|
margin-right: -0.625rem; |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-container > .am-g { |
|
margin-left: -0.9375rem; |
|
margin-right: -0.9375rem; |
|
} |
|
} |
|
.am-g { |
|
margin: 0 auto; |
|
width: 100%; |
|
} |
|
.am-g:before, |
|
.am-g:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-g:after { |
|
clear: both; |
|
} |
|
.am-g .am-g { |
|
margin-left: -0.625rem; |
|
margin-right: -0.625rem; |
|
width: auto; |
|
} |
|
.am-g .am-g.am-g-collapse { |
|
margin-left: 0; |
|
margin-right: 0; |
|
width: auto; |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-g .am-g { |
|
margin-left: -0.9375rem; |
|
margin-right: -0.9375rem; |
|
} |
|
} |
|
.am-g.am-g-collapse .am-g { |
|
margin-left: 0; |
|
margin-right: 0; |
|
} |
|
.am-g-collapse [class*="am-u-"] { |
|
padding-left: 0; |
|
padding-right: 0; |
|
} |
|
.am-g-fixed { |
|
max-width: 1000px; |
|
} |
|
[class*="am-u-"] { |
|
width: 100%; |
|
padding-left: 0.625rem; |
|
padding-right: 0.625rem; |
|
float: left; |
|
position: relative; |
|
} |
|
[class*="am-u-"] + [class*="am-u-"]:last-child { |
|
float: right; |
|
} |
|
[class*="am-u-"] + [class*="am-u-"].am-u-end { |
|
float: left; |
|
} |
|
@media only screen and (min-width:641px) { |
|
[class*="am-u-"] { |
|
padding-left: 0.9375rem; |
|
padding-right: 0.9375rem; |
|
} |
|
} |
|
[class*="am-u-pull-"] { |
|
left: auto; |
|
} |
|
[class*="am-u-push-"] { |
|
right: auto; |
|
} |
|
@media only screen { |
|
.am-u-sm-1 { |
|
width: 8.33333333%; |
|
} |
|
.am-u-sm-2 { |
|
width: 16.66666667%; |
|
} |
|
.am-u-sm-3 { |
|
width: 25%; |
|
} |
|
.am-u-sm-4 { |
|
width: 33.33333333%; |
|
} |
|
.am-u-sm-5 { |
|
width: 41.66666667%; |
|
} |
|
.am-u-sm-6 { |
|
width: 50%; |
|
} |
|
.am-u-sm-7 { |
|
width: 58.33333333%; |
|
} |
|
.am-u-sm-8 { |
|
width: 66.66666667%; |
|
} |
|
.am-u-sm-9 { |
|
width: 75%; |
|
} |
|
.am-u-sm-10 { |
|
width: 83.33333333%; |
|
} |
|
.am-u-sm-11 { |
|
width: 91.66666667%; |
|
} |
|
.am-u-sm-12 { |
|
width: 100%; |
|
} |
|
.am-u-sm-pull-0 { |
|
right: 0; |
|
} |
|
.am-u-sm-pull-1 { |
|
right: 8.33333333%; |
|
} |
|
.am-u-sm-pull-2 { |
|
right: 16.66666667%; |
|
} |
|
.am-u-sm-pull-3 { |
|
right: 25%; |
|
} |
|
.am-u-sm-pull-4 { |
|
right: 33.33333333%; |
|
} |
|
.am-u-sm-pull-5 { |
|
right: 41.66666667%; |
|
} |
|
.am-u-sm-pull-6 { |
|
right: 50%; |
|
} |
|
.am-u-sm-pull-7 { |
|
right: 58.33333333%; |
|
} |
|
.am-u-sm-pull-8 { |
|
right: 66.66666667%; |
|
} |
|
.am-u-sm-pull-9 { |
|
right: 75%; |
|
} |
|
.am-u-sm-pull-10 { |
|
right: 83.33333333%; |
|
} |
|
.am-u-sm-pull-11 { |
|
right: 91.66666667%; |
|
} |
|
.am-u-sm-push-0 { |
|
left: 0; |
|
} |
|
.am-u-sm-push-1 { |
|
left: 8.33333333%; |
|
} |
|
.am-u-sm-push-2 { |
|
left: 16.66666667%; |
|
} |
|
.am-u-sm-push-3 { |
|
left: 25%; |
|
} |
|
.am-u-sm-push-4 { |
|
left: 33.33333333%; |
|
} |
|
.am-u-sm-push-5 { |
|
left: 41.66666667%; |
|
} |
|
.am-u-sm-push-6 { |
|
left: 50%; |
|
} |
|
.am-u-sm-push-7 { |
|
left: 58.33333333%; |
|
} |
|
.am-u-sm-push-8 { |
|
left: 66.66666667%; |
|
} |
|
.am-u-sm-push-9 { |
|
left: 75%; |
|
} |
|
.am-u-sm-push-10 { |
|
left: 83.33333333%; |
|
} |
|
.am-u-sm-push-11 { |
|
left: 91.66666667%; |
|
} |
|
.am-u-sm-offset-0 { |
|
margin-left: 0; |
|
} |
|
.am-u-sm-offset-1 { |
|
margin-left: 8.33333333%; |
|
} |
|
.am-u-sm-offset-2 { |
|
margin-left: 16.66666667%; |
|
} |
|
.am-u-sm-offset-3 { |
|
margin-left: 25%; |
|
} |
|
.am-u-sm-offset-4 { |
|
margin-left: 33.33333333%; |
|
} |
|
.am-u-sm-offset-5 { |
|
margin-left: 41.66666667%; |
|
} |
|
.am-u-sm-offset-6 { |
|
margin-left: 50%; |
|
} |
|
.am-u-sm-offset-7 { |
|
margin-left: 58.33333333%; |
|
} |
|
.am-u-sm-offset-8 { |
|
margin-left: 66.66666667%; |
|
} |
|
.am-u-sm-offset-9 { |
|
margin-left: 75%; |
|
} |
|
.am-u-sm-offset-10 { |
|
margin-left: 83.33333333%; |
|
} |
|
.am-u-sm-offset-11 { |
|
margin-left: 91.66666667%; |
|
} |
|
.am-u-sm-reset-order { |
|
margin-left: 0; |
|
margin-right: 0; |
|
left: auto; |
|
right: auto; |
|
float: left; |
|
} |
|
[class*="am-u-"].am-u-sm-centered { |
|
margin-left: auto; |
|
margin-right: auto; |
|
float: none; |
|
} |
|
[class*="am-u-"].am-u-sm-centered:last-child { |
|
float: none; |
|
} |
|
[class*="am-u-"].am-u-sm-uncentered { |
|
margin-left: 0; |
|
margin-right: 0; |
|
float: left; |
|
} |
|
[class*="am-u-"].am-u-sm-uncentered:last-child { |
|
float: left; |
|
} |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-u-md-1 { |
|
width: 8.33333333%; |
|
} |
|
.am-u-md-2 { |
|
width: 16.66666667%; |
|
} |
|
.am-u-md-3 { |
|
width: 25%; |
|
} |
|
.am-u-md-4 { |
|
width: 33.33333333%; |
|
} |
|
.am-u-md-5 { |
|
width: 41.66666667%; |
|
} |
|
.am-u-md-6 { |
|
width: 50%; |
|
} |
|
.am-u-md-7 { |
|
width: 58.33333333%; |
|
} |
|
.am-u-md-8 { |
|
width: 66.66666667%; |
|
} |
|
.am-u-md-9 { |
|
width: 75%; |
|
} |
|
.am-u-md-10 { |
|
width: 83.33333333%; |
|
} |
|
.am-u-md-11 { |
|
width: 91.66666667%; |
|
} |
|
.am-u-md-12 { |
|
width: 100%; |
|
} |
|
.am-u-md-pull-0 { |
|
right: 0; |
|
} |
|
.am-u-md-pull-1 { |
|
right: 8.33333333%; |
|
} |
|
.am-u-md-pull-2 { |
|
right: 16.66666667%; |
|
} |
|
.am-u-md-pull-3 { |
|
right: 25%; |
|
} |
|
.am-u-md-pull-4 { |
|
right: 33.33333333%; |
|
} |
|
.am-u-md-pull-5 { |
|
right: 41.66666667%; |
|
} |
|
.am-u-md-pull-6 { |
|
right: 50%; |
|
} |
|
.am-u-md-pull-7 { |
|
right: 58.33333333%; |
|
} |
|
.am-u-md-pull-8 { |
|
right: 66.66666667%; |
|
} |
|
.am-u-md-pull-9 { |
|
right: 75%; |
|
} |
|
.am-u-md-pull-10 { |
|
right: 83.33333333%; |
|
} |
|
.am-u-md-pull-11 { |
|
right: 91.66666667%; |
|
} |
|
.am-u-md-push-0 { |
|
left: 0; |
|
} |
|
.am-u-md-push-1 { |
|
left: 8.33333333%; |
|
} |
|
.am-u-md-push-2 { |
|
left: 16.66666667%; |
|
} |
|
.am-u-md-push-3 { |
|
left: 25%; |
|
} |
|
.am-u-md-push-4 { |
|
left: 33.33333333%; |
|
} |
|
.am-u-md-push-5 { |
|
left: 41.66666667%; |
|
} |
|
.am-u-md-push-6 { |
|
left: 50%; |
|
} |
|
.am-u-md-push-7 { |
|
left: 58.33333333%; |
|
} |
|
.am-u-md-push-8 { |
|
left: 66.66666667%; |
|
} |
|
.am-u-md-push-9 { |
|
left: 75%; |
|
} |
|
.am-u-md-push-10 { |
|
left: 83.33333333%; |
|
} |
|
.am-u-md-push-11 { |
|
left: 91.66666667%; |
|
} |
|
.am-u-md-offset-0 { |
|
margin-left: 0; |
|
} |
|
.am-u-md-offset-1 { |
|
margin-left: 8.33333333%; |
|
} |
|
.am-u-md-offset-2 { |
|
margin-left: 16.66666667%; |
|
} |
|
.am-u-md-offset-3 { |
|
margin-left: 25%; |
|
} |
|
.am-u-md-offset-4 { |
|
margin-left: 33.33333333%; |
|
} |
|
.am-u-md-offset-5 { |
|
margin-left: 41.66666667%; |
|
} |
|
.am-u-md-offset-6 { |
|
margin-left: 50%; |
|
} |
|
.am-u-md-offset-7 { |
|
margin-left: 58.33333333%; |
|
} |
|
.am-u-md-offset-8 { |
|
margin-left: 66.66666667%; |
|
} |
|
.am-u-md-offset-9 { |
|
margin-left: 75%; |
|
} |
|
.am-u-md-offset-10 { |
|
margin-left: 83.33333333%; |
|
} |
|
.am-u-md-offset-11 { |
|
margin-left: 91.66666667%; |
|
} |
|
.am-u-md-reset-order { |
|
margin-left: 0; |
|
margin-right: 0; |
|
left: auto; |
|
right: auto; |
|
float: left; |
|
} |
|
[class*="am-u-"].am-u-md-centered { |
|
margin-left: auto; |
|
margin-right: auto; |
|
float: none; |
|
} |
|
[class*="am-u-"].am-u-md-centered:last-child { |
|
float: none; |
|
} |
|
[class*="am-u-"].am-u-md-uncentered { |
|
margin-left: 0; |
|
margin-right: 0; |
|
float: left; |
|
} |
|
[class*="am-u-"].am-u-md-uncentered:last-child { |
|
float: left; |
|
} |
|
} |
|
@media only screen and (min-width:1025px) { |
|
.am-u-lg-1 { |
|
width: 8.33333333%; |
|
} |
|
.am-u-lg-2 { |
|
width: 16.66666667%; |
|
} |
|
.am-u-lg-3 { |
|
width: 25%; |
|
} |
|
.am-u-lg-4 { |
|
width: 33.33333333%; |
|
} |
|
.am-u-lg-5 { |
|
width: 41.66666667%; |
|
} |
|
.am-u-lg-6 { |
|
width: 50%; |
|
} |
|
.am-u-lg-7 { |
|
width: 58.33333333%; |
|
} |
|
.am-u-lg-8 { |
|
width: 66.66666667%; |
|
} |
|
.am-u-lg-9 { |
|
width: 75%; |
|
} |
|
.am-u-lg-10 { |
|
width: 83.33333333%; |
|
} |
|
.am-u-lg-11 { |
|
width: 91.66666667%; |
|
} |
|
.am-u-lg-12 { |
|
width: 100%; |
|
} |
|
.am-u-lg-pull-0 { |
|
right: 0; |
|
} |
|
.am-u-lg-pull-1 { |
|
right: 8.33333333%; |
|
} |
|
.am-u-lg-pull-2 { |
|
right: 16.66666667%; |
|
} |
|
.am-u-lg-pull-3 { |
|
right: 25%; |
|
} |
|
.am-u-lg-pull-4 { |
|
right: 33.33333333%; |
|
} |
|
.am-u-lg-pull-5 { |
|
right: 41.66666667%; |
|
} |
|
.am-u-lg-pull-6 { |
|
right: 50%; |
|
} |
|
.am-u-lg-pull-7 { |
|
right: 58.33333333%; |
|
} |
|
.am-u-lg-pull-8 { |
|
right: 66.66666667%; |
|
} |
|
.am-u-lg-pull-9 { |
|
right: 75%; |
|
} |
|
.am-u-lg-pull-10 { |
|
right: 83.33333333%; |
|
} |
|
.am-u-lg-pull-11 { |
|
right: 91.66666667%; |
|
} |
|
.am-u-lg-push-0 { |
|
left: 0; |
|
} |
|
.am-u-lg-push-1 { |
|
left: 8.33333333%; |
|
} |
|
.am-u-lg-push-2 { |
|
left: 16.66666667%; |
|
} |
|
.am-u-lg-push-3 { |
|
left: 25%; |
|
} |
|
.am-u-lg-push-4 { |
|
left: 33.33333333%; |
|
} |
|
.am-u-lg-push-5 { |
|
left: 41.66666667%; |
|
} |
|
.am-u-lg-push-6 { |
|
left: 50%; |
|
} |
|
.am-u-lg-push-7 { |
|
left: 58.33333333%; |
|
} |
|
.am-u-lg-push-8 { |
|
left: 66.66666667%; |
|
} |
|
.am-u-lg-push-9 { |
|
left: 75%; |
|
} |
|
.am-u-lg-push-10 { |
|
left: 83.33333333%; |
|
} |
|
.am-u-lg-push-11 { |
|
left: 91.66666667%; |
|
} |
|
.am-u-lg-offset-0 { |
|
margin-left: 0; |
|
} |
|
.am-u-lg-offset-1 { |
|
margin-left: 8.33333333%; |
|
} |
|
.am-u-lg-offset-2 { |
|
margin-left: 16.66666667%; |
|
} |
|
.am-u-lg-offset-3 { |
|
margin-left: 25%; |
|
} |
|
.am-u-lg-offset-4 { |
|
margin-left: 33.33333333%; |
|
} |
|
.am-u-lg-offset-5 { |
|
margin-left: 41.66666667%; |
|
} |
|
.am-u-lg-offset-6 { |
|
margin-left: 50%; |
|
} |
|
.am-u-lg-offset-7 { |
|
margin-left: 58.33333333%; |
|
} |
|
.am-u-lg-offset-8 { |
|
margin-left: 66.66666667%; |
|
} |
|
.am-u-lg-offset-9 { |
|
margin-left: 75%; |
|
} |
|
.am-u-lg-offset-10 { |
|
margin-left: 83.33333333%; |
|
} |
|
.am-u-lg-offset-11 { |
|
margin-left: 91.66666667%; |
|
} |
|
.am-u-lg-reset-order { |
|
margin-left: 0; |
|
margin-right: 0; |
|
left: auto; |
|
right: auto; |
|
float: left; |
|
} |
|
[class*="am-u-"].am-u-lg-centered { |
|
margin-left: auto; |
|
margin-right: auto; |
|
float: none; |
|
} |
|
[class*="am-u-"].am-u-lg-centered:last-child { |
|
float: none; |
|
} |
|
[class*="am-u-"].am-u-lg-uncentered { |
|
margin-left: 0; |
|
margin-right: 0; |
|
float: left; |
|
} |
|
[class*="am-u-"].am-u-lg-uncentered:last-child { |
|
float: left; |
|
} |
|
} |
|
/* ========================================================================== |
|
Component: AVG Grid |
|
============================================================================ */ |
|
[class*="am-avg-"] { |
|
display: block; |
|
padding: 0; |
|
margin: 0; |
|
list-style: none; |
|
} |
|
[class*="am-avg-"]:before, |
|
[class*="am-avg-"]:after { |
|
content: " "; |
|
display: table; |
|
} |
|
[class*="am-avg-"]:after { |
|
clear: both; |
|
} |
|
[class*="am-avg-"] > li { |
|
display: block; |
|
height: auto; |
|
float: left; |
|
} |
|
@media only screen { |
|
.am-avg-sm-1 > li { |
|
width: 100%; |
|
} |
|
.am-avg-sm-1 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-1 > li:nth-of-type(1n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-sm-2 > li { |
|
width: 50%; |
|
} |
|
.am-avg-sm-2 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-2 > li:nth-of-type(2n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-sm-3 > li { |
|
width: 33.33333333%; |
|
} |
|
.am-avg-sm-3 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-3 > li:nth-of-type(3n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-sm-4 > li { |
|
width: 25%; |
|
} |
|
.am-avg-sm-4 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-4 > li:nth-of-type(4n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-sm-5 > li { |
|
width: 20%; |
|
} |
|
.am-avg-sm-5 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-5 > li:nth-of-type(5n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-sm-6 > li { |
|
width: 16.66666667%; |
|
} |
|
.am-avg-sm-6 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-6 > li:nth-of-type(6n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-sm-7 > li { |
|
width: 14.28571429%; |
|
} |
|
.am-avg-sm-7 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-7 > li:nth-of-type(7n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-sm-8 > li { |
|
width: 12.5%; |
|
} |
|
.am-avg-sm-8 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-8 > li:nth-of-type(8n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-sm-9 > li { |
|
width: 11.11111111%; |
|
} |
|
.am-avg-sm-9 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-9 > li:nth-of-type(9n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-sm-10 > li { |
|
width: 10%; |
|
} |
|
.am-avg-sm-10 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-10 > li:nth-of-type(10n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-sm-11 > li { |
|
width: 9.09090909%; |
|
} |
|
.am-avg-sm-11 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-11 > li:nth-of-type(11n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-sm-12 > li { |
|
width: 8.33333333%; |
|
} |
|
.am-avg-sm-12 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-sm-12 > li:nth-of-type(12n + 1) { |
|
clear: both; |
|
} |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-avg-md-1 > li { |
|
width: 100%; |
|
} |
|
.am-avg-md-1 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-1 > li:nth-of-type(1n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-md-2 > li { |
|
width: 50%; |
|
} |
|
.am-avg-md-2 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-2 > li:nth-of-type(2n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-md-3 > li { |
|
width: 33.33333333%; |
|
} |
|
.am-avg-md-3 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-3 > li:nth-of-type(3n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-md-4 > li { |
|
width: 25%; |
|
} |
|
.am-avg-md-4 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-4 > li:nth-of-type(4n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-md-5 > li { |
|
width: 20%; |
|
} |
|
.am-avg-md-5 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-5 > li:nth-of-type(5n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-md-6 > li { |
|
width: 16.66666667%; |
|
} |
|
.am-avg-md-6 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-6 > li:nth-of-type(6n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-md-7 > li { |
|
width: 14.28571429%; |
|
} |
|
.am-avg-md-7 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-7 > li:nth-of-type(7n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-md-8 > li { |
|
width: 12.5%; |
|
} |
|
.am-avg-md-8 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-8 > li:nth-of-type(8n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-md-9 > li { |
|
width: 11.11111111%; |
|
} |
|
.am-avg-md-9 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-9 > li:nth-of-type(9n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-md-10 > li { |
|
width: 10%; |
|
} |
|
.am-avg-md-10 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-10 > li:nth-of-type(10n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-md-11 > li { |
|
width: 9.09090909%; |
|
} |
|
.am-avg-md-11 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-11 > li:nth-of-type(11n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-md-12 > li { |
|
width: 8.33333333%; |
|
} |
|
.am-avg-md-12 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-md-12 > li:nth-of-type(12n + 1) { |
|
clear: both; |
|
} |
|
} |
|
@media only screen and (min-width:1025px) { |
|
.am-avg-lg-1 > li { |
|
width: 100%; |
|
} |
|
.am-avg-lg-1 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-1 > li:nth-of-type(1n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-lg-2 > li { |
|
width: 50%; |
|
} |
|
.am-avg-lg-2 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-2 > li:nth-of-type(2n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-lg-3 > li { |
|
width: 33.33333333%; |
|
} |
|
.am-avg-lg-3 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-3 > li:nth-of-type(3n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-lg-4 > li { |
|
width: 25%; |
|
} |
|
.am-avg-lg-4 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-4 > li:nth-of-type(4n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-lg-5 > li { |
|
width: 20%; |
|
} |
|
.am-avg-lg-5 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-5 > li:nth-of-type(5n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-lg-6 > li { |
|
width: 16.66666667%; |
|
} |
|
.am-avg-lg-6 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-6 > li:nth-of-type(6n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-lg-7 > li { |
|
width: 14.28571429%; |
|
} |
|
.am-avg-lg-7 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-7 > li:nth-of-type(7n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-lg-8 > li { |
|
width: 12.5%; |
|
} |
|
.am-avg-lg-8 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-8 > li:nth-of-type(8n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-lg-9 > li { |
|
width: 11.11111111%; |
|
} |
|
.am-avg-lg-9 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-9 > li:nth-of-type(9n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-lg-10 > li { |
|
width: 10%; |
|
} |
|
.am-avg-lg-10 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-10 > li:nth-of-type(10n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-lg-11 > li { |
|
width: 9.09090909%; |
|
} |
|
.am-avg-lg-11 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-11 > li:nth-of-type(11n + 1) { |
|
clear: both; |
|
} |
|
.am-avg-lg-12 > li { |
|
width: 8.33333333%; |
|
} |
|
.am-avg-lg-12 > li:nth-of-type(n) { |
|
clear: none; |
|
} |
|
.am-avg-lg-12 > li:nth-of-type(12n + 1) { |
|
clear: both; |
|
} |
|
} |
|
/* ========================================================================== |
|
Component: Code |
|
============================================================================ */ |
|
/* Inline and block code styles */ |
|
code, |
|
kbd, |
|
pre, |
|
samp { |
|
font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace; |
|
} |
|
/* Inline code */ |
|
code { |
|
padding: 2px 4px; |
|
font-size: 0.8125rem; |
|
color: #c7254e; |
|
background-color: #f8f8f8; |
|
white-space: nowrap; |
|
border-radius: 4px; |
|
} |
|
/* Code block */ |
|
pre { |
|
display: block; |
|
padding: 1rem; |
|
margin: 0.625rem 0; |
|
font-size: 0.8125rem; |
|
line-height: 1.6; |
|
word-break: break-all; |
|
word-wrap: break-word; |
|
color: #999999; |
|
background-color: #f8f8f8; |
|
border-radius: 4px; |
|
} |
|
pre code { |
|
padding: 0; |
|
font-size: inherit; |
|
color: inherit; |
|
white-space: pre-wrap; |
|
background-color: transparent; |
|
border-radius: 0; |
|
} |
|
/* Enable scrollable blocks of code */ |
|
.am-pre-scrollable { |
|
max-height: 15rem; |
|
overflow-y: scroll; |
|
} |
|
/* ========================================================================== |
|
Component: Button |
|
============================================================================ */ |
|
.am-btn { |
|
display: inline-block; |
|
margin-bottom: 0; |
|
padding: 0.5em 1em; |
|
vertical-align: middle; |
|
font-size: 1rem; |
|
font-weight: normal; |
|
line-height: 1.2; |
|
text-align: center; |
|
white-space: nowrap; |
|
background-image: none; |
|
border: 1px solid transparent; |
|
border-radius: 4px; |
|
cursor: pointer; |
|
outline: none; |
|
-webkit-appearance: none; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
-webkit-transition: background-color 300ms ease-out, border-color 300ms ease-out; |
|
transition: background-color 300ms ease-out, border-color 300ms ease-out; |
|
} |
|
.am-btn:hover, |
|
.am-btn:focus { |
|
color: #333333; |
|
text-decoration: none; |
|
} |
|
.am-btn.am-disabled, |
|
.am-btn[disabled], |
|
fieldset[disabled] .am-btn { |
|
pointer-events: none; |
|
border-color: transparent; |
|
cursor: not-allowed; |
|
opacity: 0.45; |
|
-webkit-box-shadow: none; |
|
box-shadow: none; |
|
} |
|
.am-btn-default { |
|
color: #333333; |
|
background-color: #f0f0f0; |
|
border-color: #f0f0f0; |
|
} |
|
a.am-btn-default:visited { |
|
color: #333333; |
|
} |
|
.am-btn-default:hover, |
|
.am-btn-default:focus, |
|
.am-btn-default:active, |
|
.am-btn-default.am-active, |
|
.am-dropdown.am-active .am-btn-default.am-dropdown-toggle { |
|
color: #333333; |
|
border-color: #dedede; |
|
} |
|
.am-btn-default:hover, |
|
.am-btn-default:focus { |
|
background-color: #dedede; |
|
border-color: #dedede; |
|
} |
|
.am-btn-default:active, |
|
.am-btn-default.am-active, |
|
.am-dropdown.am-active .am-btn-default.am-dropdown-toggle { |
|
background-image: none; |
|
background-color: #cccccc; |
|
border-color: #cccccc; |
|
} |
|
.am-btn-default.am-disabled, |
|
.am-btn-default[disabled], |
|
fieldset[disabled] .am-btn-default, |
|
.am-btn-default.am-disabled:hover, |
|
.am-btn-default[disabled]:hover, |
|
fieldset[disabled] .am-btn-default:hover, |
|
.am-btn-default.am-disabled:focus, |
|
.am-btn-default[disabled]:focus, |
|
fieldset[disabled] .am-btn-default:focus, |
|
.am-btn-default.am-disabled:active, |
|
.am-btn-default[disabled]:active, |
|
fieldset[disabled] .am-btn-default:active, |
|
.am-btn-default.am-disabled.am-active, |
|
.am-btn-default[disabled].am-active, |
|
fieldset[disabled] .am-btn-default.am-active { |
|
background-color: #f0f0f0; |
|
border-color: #f0f0f0; |
|
} |
|
.am-btn-group .am-btn-default, |
|
.am-btn-group-stacked .am-btn-default { |
|
border-color: #e3e3e3; |
|
} |
|
.am-btn-default.am-btn-hollow { |
|
color: #333333; |
|
background-color: #fff; |
|
border-color: #f0f0f0; |
|
} |
|
a.am-btn-default.am-btn-hollow:visited { |
|
color: #333333; |
|
} |
|
.am-btn-default.am-btn-hollow:hover, |
|
.am-btn-default.am-btn-hollow:focus, |
|
.am-btn-default.am-btn-hollow:active, |
|
.am-btn-default.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-default.am-btn-hollow.am-dropdown-toggle { |
|
color: #fff; |
|
border-color: #333333; |
|
} |
|
.am-btn-default.am-btn-hollow:hover, |
|
.am-btn-default.am-btn-hollow:focus, |
|
a.am-btn-default.am-btn-hollow:hover { |
|
color: #fff; |
|
background-color: #333333; |
|
} |
|
.am-btn-default.am-btn-hollow:active, |
|
.am-btn-default.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-default.am-btn-hollow.am-dropdown-toggle { |
|
background-image: none; |
|
color: #fff; |
|
background-color: #333333; |
|
} |
|
.am-btn-default.am-btn-hollow.am-disabled, |
|
.am-btn-default.am-btn-hollow[disabled], |
|
fieldset[disabled] .am-btn-default.am-btn-hollow, |
|
.am-btn-default.am-btn-hollow.am-disabled:hover, |
|
.am-btn-default.am-btn-hollow[disabled]:hover, |
|
fieldset[disabled] .am-btn-default.am-btn-hollow:hover, |
|
.am-btn-default.am-btn-hollow.am-disabled:focus, |
|
.am-btn-default.am-btn-hollow[disabled]:focus, |
|
fieldset[disabled] .am-btn-default.am-btn-hollow:focus, |
|
.am-btn-default.am-btn-hollow.am-disabled:active, |
|
.am-btn-default.am-btn-hollow[disabled]:active, |
|
fieldset[disabled] .am-btn-default.am-btn-hollow:active, |
|
.am-btn-default.am-btn-hollow.am-disabled.am-active, |
|
.am-btn-default.am-btn-hollow[disabled].am-active, |
|
fieldset[disabled] .am-btn-default.am-btn-hollow.am-active { |
|
background-color: #fff; |
|
border-color: #f0f0f0; |
|
} |
|
.am-btn-group .am-btn-default.am-btn-hollow, |
|
.am-btn-group-stacked .am-btn-default.am-btn-hollow { |
|
border-color: #f2f2f2; |
|
} |
|
.am-btn-primary { |
|
color: #fff; |
|
background-color: #5085FF; |
|
border-color: #5085FF; |
|
} |
|
a.am-btn-primary:visited { |
|
color: #fff; |
|
} |
|
.am-btn-primary:hover, |
|
.am-btn-primary:focus, |
|
.am-btn-primary:active, |
|
.am-btn-primary.am-active, |
|
.am-dropdown.am-active .am-btn-primary.am-dropdown-toggle { |
|
color: #fff; |
|
border-color: #2c6cff; |
|
} |
|
.am-btn-primary:hover, |
|
.am-btn-primary:focus { |
|
background-color: #2c6cff; |
|
border-color: #2c6cff; |
|
} |
|
.am-btn-primary:active, |
|
.am-btn-primary.am-active, |
|
.am-dropdown.am-active .am-btn-primary.am-dropdown-toggle { |
|
background-image: none; |
|
background-color: #0953ff; |
|
border-color: #0953ff; |
|
} |
|
.am-btn-primary.am-disabled, |
|
.am-btn-primary[disabled], |
|
fieldset[disabled] .am-btn-primary, |
|
.am-btn-primary.am-disabled:hover, |
|
.am-btn-primary[disabled]:hover, |
|
fieldset[disabled] .am-btn-primary:hover, |
|
.am-btn-primary.am-disabled:focus, |
|
.am-btn-primary[disabled]:focus, |
|
fieldset[disabled] .am-btn-primary:focus, |
|
.am-btn-primary.am-disabled:active, |
|
.am-btn-primary[disabled]:active, |
|
fieldset[disabled] .am-btn-primary:active, |
|
.am-btn-primary.am-disabled.am-active, |
|
.am-btn-primary[disabled].am-active, |
|
fieldset[disabled] .am-btn-primary.am-active { |
|
background-color: #5085FF; |
|
border-color: #5085FF; |
|
} |
|
.am-btn-group .am-btn-primary, |
|
.am-btn-group-stacked .am-btn-primary { |
|
border-color: #3673ff; |
|
} |
|
.am-btn-primary.am-btn-hollow { |
|
color: #5085FF; |
|
background-color: #fff; |
|
border-color: #5085FF; |
|
} |
|
a.am-btn-primary.am-btn-hollow:visited { |
|
color: #5085FF; |
|
} |
|
.am-btn-primary.am-btn-hollow:hover, |
|
.am-btn-primary.am-btn-hollow:focus, |
|
.am-btn-primary.am-btn-hollow:active, |
|
.am-btn-primary.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-primary.am-btn-hollow.am-dropdown-toggle { |
|
color: #fff; |
|
border-color: #5085FF; |
|
} |
|
.am-btn-primary.am-btn-hollow:hover, |
|
.am-btn-primary.am-btn-hollow:focus, |
|
a.am-btn-primary.am-btn-hollow:hover { |
|
color: #fff; |
|
background-color: #5085FF; |
|
} |
|
.am-btn-primary.am-btn-hollow:active, |
|
.am-btn-primary.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-primary.am-btn-hollow.am-dropdown-toggle { |
|
background-image: none; |
|
color: #fff; |
|
background-color: #5085FF; |
|
} |
|
.am-btn-primary.am-btn-hollow.am-disabled, |
|
.am-btn-primary.am-btn-hollow[disabled], |
|
fieldset[disabled] .am-btn-primary.am-btn-hollow, |
|
.am-btn-primary.am-btn-hollow.am-disabled:hover, |
|
.am-btn-primary.am-btn-hollow[disabled]:hover, |
|
fieldset[disabled] .am-btn-primary.am-btn-hollow:hover, |
|
.am-btn-primary.am-btn-hollow.am-disabled:focus, |
|
.am-btn-primary.am-btn-hollow[disabled]:focus, |
|
fieldset[disabled] .am-btn-primary.am-btn-hollow:focus, |
|
.am-btn-primary.am-btn-hollow.am-disabled:active, |
|
.am-btn-primary.am-btn-hollow[disabled]:active, |
|
fieldset[disabled] .am-btn-primary.am-btn-hollow:active, |
|
.am-btn-primary.am-btn-hollow.am-disabled.am-active, |
|
.am-btn-primary.am-btn-hollow[disabled].am-active, |
|
fieldset[disabled] .am-btn-primary.am-btn-hollow.am-active { |
|
background-color: #fff; |
|
border-color: #5085FF; |
|
} |
|
.am-btn-group .am-btn-primary.am-btn-hollow, |
|
.am-btn-group-stacked .am-btn-primary.am-btn-hollow { |
|
border-color: #f2f2f2; |
|
} |
|
.am-btn-secondary { |
|
color: #fff; |
|
background-color: #9dbaff; |
|
border-color: #9dbaff; |
|
} |
|
a.am-btn-secondary:visited { |
|
color: #fff; |
|
} |
|
.am-btn-secondary:hover, |
|
.am-btn-secondary:focus, |
|
.am-btn-secondary:active, |
|
.am-btn-secondary.am-active, |
|
.am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle { |
|
color: #fff; |
|
border-color: #79a1ff; |
|
} |
|
.am-btn-secondary:hover, |
|
.am-btn-secondary:focus { |
|
background-color: #79a1ff; |
|
border-color: #79a1ff; |
|
} |
|
.am-btn-secondary:active, |
|
.am-btn-secondary.am-active, |
|
.am-dropdown.am-active .am-btn-secondary.am-dropdown-toggle { |
|
background-image: none; |
|
background-color: #5589ff; |
|
border-color: #5589ff; |
|
} |
|
.am-btn-secondary.am-disabled, |
|
.am-btn-secondary[disabled], |
|
fieldset[disabled] .am-btn-secondary, |
|
.am-btn-secondary.am-disabled:hover, |
|
.am-btn-secondary[disabled]:hover, |
|
fieldset[disabled] .am-btn-secondary:hover, |
|
.am-btn-secondary.am-disabled:focus, |
|
.am-btn-secondary[disabled]:focus, |
|
fieldset[disabled] .am-btn-secondary:focus, |
|
.am-btn-secondary.am-disabled:active, |
|
.am-btn-secondary[disabled]:active, |
|
fieldset[disabled] .am-btn-secondary:active, |
|
.am-btn-secondary.am-disabled.am-active, |
|
.am-btn-secondary[disabled].am-active, |
|
fieldset[disabled] .am-btn-secondary.am-active { |
|
background-color: #9dbaff; |
|
border-color: #9dbaff; |
|
} |
|
.am-btn-group .am-btn-secondary, |
|
.am-btn-group-stacked .am-btn-secondary { |
|
border-color: #83a9ff; |
|
} |
|
.am-btn-secondary.am-btn-hollow { |
|
color: #9dbaff; |
|
background-color: #fff; |
|
border-color: #9dbaff; |
|
} |
|
a.am-btn-secondary.am-btn-hollow:visited { |
|
color: #9dbaff; |
|
} |
|
.am-btn-secondary.am-btn-hollow:hover, |
|
.am-btn-secondary.am-btn-hollow:focus, |
|
.am-btn-secondary.am-btn-hollow:active, |
|
.am-btn-secondary.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-secondary.am-btn-hollow.am-dropdown-toggle { |
|
color: #fff; |
|
border-color: #9dbaff; |
|
} |
|
.am-btn-secondary.am-btn-hollow:hover, |
|
.am-btn-secondary.am-btn-hollow:focus, |
|
a.am-btn-secondary.am-btn-hollow:hover { |
|
color: #fff; |
|
background-color: #9dbaff; |
|
} |
|
.am-btn-secondary.am-btn-hollow:active, |
|
.am-btn-secondary.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-secondary.am-btn-hollow.am-dropdown-toggle { |
|
background-image: none; |
|
color: #fff; |
|
background-color: #9dbaff; |
|
} |
|
.am-btn-secondary.am-btn-hollow.am-disabled, |
|
.am-btn-secondary.am-btn-hollow[disabled], |
|
fieldset[disabled] .am-btn-secondary.am-btn-hollow, |
|
.am-btn-secondary.am-btn-hollow.am-disabled:hover, |
|
.am-btn-secondary.am-btn-hollow[disabled]:hover, |
|
fieldset[disabled] .am-btn-secondary.am-btn-hollow:hover, |
|
.am-btn-secondary.am-btn-hollow.am-disabled:focus, |
|
.am-btn-secondary.am-btn-hollow[disabled]:focus, |
|
fieldset[disabled] .am-btn-secondary.am-btn-hollow:focus, |
|
.am-btn-secondary.am-btn-hollow.am-disabled:active, |
|
.am-btn-secondary.am-btn-hollow[disabled]:active, |
|
fieldset[disabled] .am-btn-secondary.am-btn-hollow:active, |
|
.am-btn-secondary.am-btn-hollow.am-disabled.am-active, |
|
.am-btn-secondary.am-btn-hollow[disabled].am-active, |
|
fieldset[disabled] .am-btn-secondary.am-btn-hollow.am-active { |
|
background-color: #fff; |
|
border-color: #9dbaff; |
|
} |
|
.am-btn-group .am-btn-secondary.am-btn-hollow, |
|
.am-btn-group-stacked .am-btn-secondary.am-btn-hollow { |
|
border-color: #f2f2f2; |
|
} |
|
.am-btn-warning { |
|
color: #fff; |
|
background-color: #EFA100; |
|
border-color: #EFA100; |
|
} |
|
a.am-btn-warning:visited { |
|
color: #fff; |
|
} |
|
.am-btn-warning:hover, |
|
.am-btn-warning:focus, |
|
.am-btn-warning:active, |
|
.am-btn-warning.am-active, |
|
.am-dropdown.am-active .am-btn-warning.am-dropdown-toggle { |
|
color: #fff; |
|
border-color: #cb8900; |
|
} |
|
.am-btn-warning:hover, |
|
.am-btn-warning:focus { |
|
background-color: #cb8900; |
|
border-color: #cb8900; |
|
} |
|
.am-btn-warning:active, |
|
.am-btn-warning.am-active, |
|
.am-dropdown.am-active .am-btn-warning.am-dropdown-toggle { |
|
background-image: none; |
|
background-color: #a87100; |
|
border-color: #a87100; |
|
} |
|
.am-btn-warning.am-disabled, |
|
.am-btn-warning[disabled], |
|
fieldset[disabled] .am-btn-warning, |
|
.am-btn-warning.am-disabled:hover, |
|
.am-btn-warning[disabled]:hover, |
|
fieldset[disabled] .am-btn-warning:hover, |
|
.am-btn-warning.am-disabled:focus, |
|
.am-btn-warning[disabled]:focus, |
|
fieldset[disabled] .am-btn-warning:focus, |
|
.am-btn-warning.am-disabled:active, |
|
.am-btn-warning[disabled]:active, |
|
fieldset[disabled] .am-btn-warning:active, |
|
.am-btn-warning.am-disabled.am-active, |
|
.am-btn-warning[disabled].am-active, |
|
fieldset[disabled] .am-btn-warning.am-active { |
|
background-color: #EFA100; |
|
border-color: #EFA100; |
|
} |
|
.am-btn-group .am-btn-warning, |
|
.am-btn-group-stacked .am-btn-warning { |
|
border-color: #d69000; |
|
} |
|
.am-btn-warning.am-btn-hollow { |
|
color: #EFA100; |
|
background-color: #fff; |
|
border-color: #EFA100; |
|
} |
|
a.am-btn-warning.am-btn-hollow:visited { |
|
color: #EFA100; |
|
} |
|
.am-btn-warning.am-btn-hollow:hover, |
|
.am-btn-warning.am-btn-hollow:focus, |
|
.am-btn-warning.am-btn-hollow:active, |
|
.am-btn-warning.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-warning.am-btn-hollow.am-dropdown-toggle { |
|
color: #fff; |
|
border-color: #EFA100; |
|
} |
|
.am-btn-warning.am-btn-hollow:hover, |
|
.am-btn-warning.am-btn-hollow:focus, |
|
a.am-btn-warning.am-btn-hollow:hover { |
|
color: #fff; |
|
background-color: #EFA100; |
|
} |
|
.am-btn-warning.am-btn-hollow:active, |
|
.am-btn-warning.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-warning.am-btn-hollow.am-dropdown-toggle { |
|
background-image: none; |
|
color: #fff; |
|
background-color: #EFA100; |
|
} |
|
.am-btn-warning.am-btn-hollow.am-disabled, |
|
.am-btn-warning.am-btn-hollow[disabled], |
|
fieldset[disabled] .am-btn-warning.am-btn-hollow, |
|
.am-btn-warning.am-btn-hollow.am-disabled:hover, |
|
.am-btn-warning.am-btn-hollow[disabled]:hover, |
|
fieldset[disabled] .am-btn-warning.am-btn-hollow:hover, |
|
.am-btn-warning.am-btn-hollow.am-disabled:focus, |
|
.am-btn-warning.am-btn-hollow[disabled]:focus, |
|
fieldset[disabled] .am-btn-warning.am-btn-hollow:focus, |
|
.am-btn-warning.am-btn-hollow.am-disabled:active, |
|
.am-btn-warning.am-btn-hollow[disabled]:active, |
|
fieldset[disabled] .am-btn-warning.am-btn-hollow:active, |
|
.am-btn-warning.am-btn-hollow.am-disabled.am-active, |
|
.am-btn-warning.am-btn-hollow[disabled].am-active, |
|
fieldset[disabled] .am-btn-warning.am-btn-hollow.am-active { |
|
background-color: #fff; |
|
border-color: #EFA100; |
|
} |
|
.am-btn-group .am-btn-warning.am-btn-hollow, |
|
.am-btn-group-stacked .am-btn-warning.am-btn-hollow { |
|
border-color: #f2f2f2; |
|
} |
|
.am-btn-danger { |
|
color: #fff; |
|
background-color: #E54D42; |
|
border-color: #E54D42; |
|
} |
|
a.am-btn-danger:visited { |
|
color: #fff; |
|
} |
|
.am-btn-danger:hover, |
|
.am-btn-danger:focus, |
|
.am-btn-danger:active, |
|
.am-btn-danger.am-active, |
|
.am-dropdown.am-active .am-btn-danger.am-dropdown-toggle { |
|
color: #fff; |
|
border-color: #e12f23; |
|
} |
|
.am-btn-danger:hover, |
|
.am-btn-danger:focus { |
|
background-color: #e12f23; |
|
border-color: #e12f23; |
|
} |
|
.am-btn-danger:active, |
|
.am-btn-danger.am-active, |
|
.am-dropdown.am-active .am-btn-danger.am-dropdown-toggle { |
|
background-image: none; |
|
background-color: #c5261b; |
|
border-color: #c5261b; |
|
} |
|
.am-btn-danger.am-disabled, |
|
.am-btn-danger[disabled], |
|
fieldset[disabled] .am-btn-danger, |
|
.am-btn-danger.am-disabled:hover, |
|
.am-btn-danger[disabled]:hover, |
|
fieldset[disabled] .am-btn-danger:hover, |
|
.am-btn-danger.am-disabled:focus, |
|
.am-btn-danger[disabled]:focus, |
|
fieldset[disabled] .am-btn-danger:focus, |
|
.am-btn-danger.am-disabled:active, |
|
.am-btn-danger[disabled]:active, |
|
fieldset[disabled] .am-btn-danger:active, |
|
.am-btn-danger.am-disabled.am-active, |
|
.am-btn-danger[disabled].am-active, |
|
fieldset[disabled] .am-btn-danger.am-active { |
|
background-color: #E54D42; |
|
border-color: #E54D42; |
|
} |
|
.am-btn-group .am-btn-danger, |
|
.am-btn-group-stacked .am-btn-danger { |
|
border-color: #e2382c; |
|
} |
|
.am-btn-danger.am-btn-hollow { |
|
color: #E54D42; |
|
background-color: #fff; |
|
border-color: #E54D42; |
|
} |
|
a.am-btn-danger.am-btn-hollow:visited { |
|
color: #E54D42; |
|
} |
|
.am-btn-danger.am-btn-hollow:hover, |
|
.am-btn-danger.am-btn-hollow:focus, |
|
.am-btn-danger.am-btn-hollow:active, |
|
.am-btn-danger.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-danger.am-btn-hollow.am-dropdown-toggle { |
|
color: #fff; |
|
border-color: #E54D42; |
|
} |
|
.am-btn-danger.am-btn-hollow:hover, |
|
.am-btn-danger.am-btn-hollow:focus, |
|
a.am-btn-danger.am-btn-hollow:hover { |
|
color: #fff; |
|
background-color: #E54D42; |
|
} |
|
.am-btn-danger.am-btn-hollow:active, |
|
.am-btn-danger.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-danger.am-btn-hollow.am-dropdown-toggle { |
|
background-image: none; |
|
color: #fff; |
|
background-color: #E54D42; |
|
} |
|
.am-btn-danger.am-btn-hollow.am-disabled, |
|
.am-btn-danger.am-btn-hollow[disabled], |
|
fieldset[disabled] .am-btn-danger.am-btn-hollow, |
|
.am-btn-danger.am-btn-hollow.am-disabled:hover, |
|
.am-btn-danger.am-btn-hollow[disabled]:hover, |
|
fieldset[disabled] .am-btn-danger.am-btn-hollow:hover, |
|
.am-btn-danger.am-btn-hollow.am-disabled:focus, |
|
.am-btn-danger.am-btn-hollow[disabled]:focus, |
|
fieldset[disabled] .am-btn-danger.am-btn-hollow:focus, |
|
.am-btn-danger.am-btn-hollow.am-disabled:active, |
|
.am-btn-danger.am-btn-hollow[disabled]:active, |
|
fieldset[disabled] .am-btn-danger.am-btn-hollow:active, |
|
.am-btn-danger.am-btn-hollow.am-disabled.am-active, |
|
.am-btn-danger.am-btn-hollow[disabled].am-active, |
|
fieldset[disabled] .am-btn-danger.am-btn-hollow.am-active { |
|
background-color: #fff; |
|
border-color: #E54D42; |
|
} |
|
.am-btn-group .am-btn-danger.am-btn-hollow, |
|
.am-btn-group-stacked .am-btn-danger.am-btn-hollow { |
|
border-color: #f2f2f2; |
|
} |
|
.am-btn-success { |
|
color: #fff; |
|
background-color: #29BB9C; |
|
border-color: #29BB9C; |
|
} |
|
a.am-btn-success:visited { |
|
color: #fff; |
|
} |
|
.am-btn-success:hover, |
|
.am-btn-success:focus, |
|
.am-btn-success:active, |
|
.am-btn-success.am-active, |
|
.am-dropdown.am-active .am-btn-success.am-dropdown-toggle { |
|
color: #fff; |
|
border-color: #239e84; |
|
} |
|
.am-btn-success:hover, |
|
.am-btn-success:focus { |
|
background-color: #239e84; |
|
border-color: #239e84; |
|
} |
|
.am-btn-success:active, |
|
.am-btn-success.am-active, |
|
.am-dropdown.am-active .am-btn-success.am-dropdown-toggle { |
|
background-image: none; |
|
background-color: #1c806b; |
|
border-color: #1c806b; |
|
} |
|
.am-btn-success.am-disabled, |
|
.am-btn-success[disabled], |
|
fieldset[disabled] .am-btn-success, |
|
.am-btn-success.am-disabled:hover, |
|
.am-btn-success[disabled]:hover, |
|
fieldset[disabled] .am-btn-success:hover, |
|
.am-btn-success.am-disabled:focus, |
|
.am-btn-success[disabled]:focus, |
|
fieldset[disabled] .am-btn-success:focus, |
|
.am-btn-success.am-disabled:active, |
|
.am-btn-success[disabled]:active, |
|
fieldset[disabled] .am-btn-success:active, |
|
.am-btn-success.am-disabled.am-active, |
|
.am-btn-success[disabled].am-active, |
|
fieldset[disabled] .am-btn-success.am-active { |
|
background-color: #29BB9C; |
|
border-color: #29BB9C; |
|
} |
|
.am-btn-group .am-btn-success, |
|
.am-btn-group-stacked .am-btn-success { |
|
border-color: #24a68b; |
|
} |
|
.am-btn-success.am-btn-hollow { |
|
color: #29BB9C; |
|
background-color: #fff; |
|
border-color: #29BB9C; |
|
} |
|
a.am-btn-success.am-btn-hollow:visited { |
|
color: #29BB9C; |
|
} |
|
.am-btn-success.am-btn-hollow:hover, |
|
.am-btn-success.am-btn-hollow:focus, |
|
.am-btn-success.am-btn-hollow:active, |
|
.am-btn-success.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-success.am-btn-hollow.am-dropdown-toggle { |
|
color: #fff; |
|
border-color: #29BB9C; |
|
} |
|
.am-btn-success.am-btn-hollow:hover, |
|
.am-btn-success.am-btn-hollow:focus, |
|
a.am-btn-success.am-btn-hollow:hover { |
|
color: #fff; |
|
background-color: #29BB9C; |
|
} |
|
.am-btn-success.am-btn-hollow:active, |
|
.am-btn-success.am-btn-hollow.am-active, |
|
.am-dropdown.am-active .am-btn-success.am-btn-hollow.am-dropdown-toggle { |
|
background-image: none; |
|
color: #fff; |
|
background-color: #29BB9C; |
|
} |
|
.am-btn-success.am-btn-hollow.am-disabled, |
|
.am-btn-success.am-btn-hollow[disabled], |
|
fieldset[disabled] .am-btn-success.am-btn-hollow, |
|
.am-btn-success.am-btn-hollow.am-disabled:hover, |
|
.am-btn-success.am-btn-hollow[disabled]:hover, |
|
fieldset[disabled] .am-btn-success.am-btn-hollow:hover, |
|
.am-btn-success.am-btn-hollow.am-disabled:focus, |
|
.am-btn-success.am-btn-hollow[disabled]:focus, |
|
fieldset[disabled] .am-btn-success.am-btn-hollow:focus, |
|
.am-btn-success.am-btn-hollow.am-disabled:active, |
|
.am-btn-success.am-btn-hollow[disabled]:active, |
|
fieldset[disabled] .am-btn-success.am-btn-hollow:active, |
|
.am-btn-success.am-btn-hollow.am-disabled.am-active, |
|
.am-btn-success.am-btn-hollow[disabled].am-active, |
|
fieldset[disabled] .am-btn-success.am-btn-hollow.am-active { |
|
background-color: #fff; |
|
border-color: #29BB9C; |
|
} |
|
.am-btn-group .am-btn-success.am-btn-hollow, |
|
.am-btn-group-stacked .am-btn-success.am-btn-hollow { |
|
border-color: #f2f2f2; |
|
} |
|
/* Style links like a button */ |
|
.am-btn-link { |
|
color: #5085FF; |
|
font-weight: normal; |
|
cursor: pointer; |
|
border-radius: 0; |
|
} |
|
.am-btn-link, |
|
.am-btn-link:active, |
|
.am-btn-link[disabled], |
|
fieldset[disabled] .am-btn-link { |
|
background-color: transparent; |
|
-webkit-box-shadow: none; |
|
box-shadow: none; |
|
} |
|
.am-btn-link, |
|
.am-btn-link:hover, |
|
.am-btn-link:focus, |
|
.am-btn-link:active { |
|
border-color: transparent; |
|
} |
|
.am-btn-link:hover, |
|
.am-btn-link:focus { |
|
color: #0350ff; |
|
text-decoration: underline; |
|
background-color: transparent; |
|
} |
|
.am-btn-link[disabled]:hover, |
|
fieldset[disabled] .am-btn-link:hover, |
|
.am-btn-link[disabled]:focus, |
|
fieldset[disabled] .am-btn-link:focus { |
|
color: #e1e1e1; |
|
text-decoration: none; |
|
} |
|
/* button size */ |
|
.am-btn-xs { |
|
font-size: 0.75rem; |
|
} |
|
.am-btn-sm { |
|
font-size: 0.875rem; |
|
} |
|
.am-btn-lg { |
|
font-size: 1.125rem; |
|
} |
|
.am-btn-xl { |
|
font-size: 1.25rem; |
|
} |
|
/* Block button */ |
|
.am-btn-block { |
|
display: block; |
|
width: 100%; |
|
padding-left: 0; |
|
padding-right: 0; |
|
} |
|
/* Multiple block buttons vertically space */ |
|
.am-btn-block + .am-btn-block { |
|
margin-top: 5px; |
|
} |
|
/* Specificity overrides */ |
|
input[type="submit"].am-btn-block, |
|
input[type="reset"].am-btn-block, |
|
input[type="button"].am-btn-block { |
|
width: 100%; |
|
} |
|
/* Button with loading spinner */ |
|
.am-btn.am-btn-loading .am-icon-spin { |
|
margin-right: 5px; |
|
} |
|
/* ========================================================================== |
|
Component: Table |
|
============================================================================ */ |
|
table { |
|
max-width: 100%; |
|
background-color: transparent; |
|
border-color: #ccc; |
|
empty-cells: show; |
|
} |
|
table code { |
|
white-space: normal; |
|
} |
|
th { |
|
text-align: left; |
|
font-weight: normal; |
|
} |
|
td { |
|
color: #666666; |
|
} |
|
.am-table { |
|
width: 100%; |
|
margin-bottom: 1rem; |
|
border-spacing: 0; |
|
border-collapse: separate; |
|
} |
|
.am-table > thead > tr > th, |
|
.am-table > tbody > tr > th, |
|
.am-table > tfoot > tr > th, |
|
.am-table > thead > tr > td, |
|
.am-table > tbody > tr > td, |
|
.am-table > tfoot > tr > td { |
|
padding: 0.625em 1em; |
|
vertical-align: top; |
|
border-top: 1px solid #ccc; |
|
} |
|
.am-table > thead > tr > th { |
|
vertical-align: bottom; |
|
border-bottom: 1px solid #ccc; |
|
} |
|
.am-table > caption + thead > tr:first-child > th, |
|
.am-table > colgroup + thead > tr:first-child > th, |
|
.am-table > thead:first-child > tr:first-child > th, |
|
.am-table > caption + thead > tr:first-child > td, |
|
.am-table > colgroup + thead > tr:first-child > td, |
|
.am-table > thead:first-child > tr:first-child > td { |
|
border-top: 0; |
|
} |
|
.am-table > tbody + tbody tr:first-child td { |
|
border-top: 2px solid #ccc; |
|
} |
|
/* Bordered version */ |
|
.am-table-bordered { |
|
border: 1px solid #ccc; |
|
border-left: none; |
|
} |
|
.am-table-bordered > thead > tr > th, |
|
.am-table-bordered > tbody > tr > th, |
|
.am-table-bordered > tfoot > tr > th, |
|
.am-table-bordered > thead > tr > td, |
|
.am-table-bordered > tbody > tr > td, |
|
.am-table-bordered > tfoot > tr > td { |
|
border-left: 1px solid #ccc; |
|
/*&:first-child { |
|
border-left: none; |
|
}*/ |
|
} |
|
.am-table-bordered > tbody > tr:first-child > th, |
|
.am-table-bordered > tbody > tr:first-child > td { |
|
border-top: none; |
|
} |
|
.am-table-bordered > thead + tbody > tr:first-child > th, |
|
.am-table-bordered > thead + tbody > tr:first-child > td { |
|
border-top: 1px solid #ccc; |
|
} |
|
/* Border-radius version */ |
|
.am-table-radius { |
|
border: 1px solid #ccc; |
|
border-radius: 2px; |
|
} |
|
.am-table-radius > thead > tr:first-child > th:first-child, |
|
.am-table-radius > thead > tr:first-child > td:first-child { |
|
border-top-left-radius: 2px; |
|
border-left: none; |
|
} |
|
.am-table-radius > thead > tr:first-child > th:last-child, |
|
.am-table-radius > thead > tr:first-child > td:last-child { |
|
border-top-right-radius: 2px; |
|
border-right: none; |
|
} |
|
.am-table-radius > tbody > tr > th:first-child, |
|
.am-table-radius > tbody > tr > td:first-child { |
|
border-left: none; |
|
} |
|
.am-table-radius > tbody > tr > th:last-child, |
|
.am-table-radius > tbody > tr > td:last-child { |
|
border-right: none; |
|
} |
|
.am-table-radius > tbody > tr:last-child > th, |
|
.am-table-radius > tbody > tr:last-child > td { |
|
border-bottom: none; |
|
} |
|
.am-table-radius > tbody > tr:last-child > th:first-child, |
|
.am-table-radius > tbody > tr:last-child > td:first-child { |
|
border-bottom-left-radius: 2px; |
|
} |
|
.am-table-radius > tbody > tr:last-child > th:last-child, |
|
.am-table-radius > tbody > tr:last-child > td:last-child { |
|
border-bottom-right-radius: 2px; |
|
} |
|
/* Zebra-striping */ |
|
.am-table-striped > tbody > tr:nth-child(odd) > td, |
|
.am-table-striped > tbody > tr:nth-child(odd) > th { |
|
background-color: #f9f9f9; |
|
} |
|
/* Hover effect */ |
|
.am-table-hover > tbody > tr:hover > td, |
|
.am-table-hover > tbody > tr:hover > th { |
|
background-color: #f0f0f0; |
|
} |
|
.am-table-compact > thead > tr > th, |
|
.am-table-compact > tbody > tr > th, |
|
.am-table-compact > tfoot > tr > th, |
|
.am-table-compact > thead > tr > td, |
|
.am-table-compact > tbody > tr > td, |
|
.am-table-compact > tfoot > tr > td { |
|
padding: 0.25rem; |
|
} |
|
.am-table-centered > thead > tr > th, |
|
.am-table-centered > tbody > tr > th, |
|
.am-table-centered > tfoot > tr > th, |
|
.am-table-centered > thead > tr > td, |
|
.am-table-centered > tbody > tr > td, |
|
.am-table-centered > tfoot > tr > td { |
|
text-align: center; |
|
} |
|
.am-table > thead > tr > td.am-active, |
|
.am-table > tbody > tr > td.am-active, |
|
.am-table > tfoot > tr > td.am-active, |
|
.am-table > thead > tr > th.am-active, |
|
.am-table > tbody > tr > th.am-active, |
|
.am-table > tfoot > tr > th.am-active, |
|
.am-table > thead > tr.am-active > td, |
|
.am-table > tbody > tr.am-active > td, |
|
.am-table > tfoot > tr.am-active > td, |
|
.am-table > thead > tr.am-active > th, |
|
.am-table > tbody > tr.am-active > th, |
|
.am-table > tfoot > tr.am-active > th { |
|
background-color: #ffd; |
|
} |
|
.am-table > thead > tr > td.am-disabled, |
|
.am-table > tbody > tr > td.am-disabled, |
|
.am-table > tfoot > tr > td.am-disabled, |
|
.am-table > thead > tr > th.am-disabled, |
|
.am-table > tbody > tr > th.am-disabled, |
|
.am-table > tfoot > tr > th.am-disabled, |
|
.am-table > thead > tr.am-disabled > td, |
|
.am-table > tbody > tr.am-disabled > td, |
|
.am-table > tfoot > tr.am-disabled > td, |
|
.am-table > thead > tr.am-disabled > th, |
|
.am-table > tbody > tr.am-disabled > th, |
|
.am-table > tfoot > tr.am-disabled > th { |
|
color: #e1e1e1; |
|
} |
|
.am-table > thead > tr > td.am-primary, |
|
.am-table > tbody > tr > td.am-primary, |
|
.am-table > tfoot > tr > td.am-primary, |
|
.am-table > thead > tr > th.am-primary, |
|
.am-table > tbody > tr > th.am-primary, |
|
.am-table > tfoot > tr > th.am-primary, |
|
.am-table > thead > tr.am-primary > td, |
|
.am-table > tbody > tr.am-primary > td, |
|
.am-table > tfoot > tr.am-primary > td, |
|
.am-table > thead > tr.am-primary > th, |
|
.am-table > tbody > tr.am-primary > th, |
|
.am-table > tfoot > tr.am-primary > th { |
|
color: #2769ff; |
|
background-color: rgba(80, 133, 255, 0.2); |
|
} |
|
.am-table > thead > tr > td.am-success, |
|
.am-table > tbody > tr > td.am-success, |
|
.am-table > tfoot > tr > td.am-success, |
|
.am-table > thead > tr > th.am-success, |
|
.am-table > tbody > tr > th.am-success, |
|
.am-table > tfoot > tr > th.am-success, |
|
.am-table > thead > tr.am-success > td, |
|
.am-table > tbody > tr.am-success > td, |
|
.am-table > tfoot > tr.am-success > td, |
|
.am-table > thead > tr.am-success > th, |
|
.am-table > tbody > tr.am-success > th, |
|
.am-table > tfoot > tr.am-success > th { |
|
color: #29BB9C; |
|
background-color: rgba(41, 187, 156, 0.2); |
|
} |
|
.am-table > thead > tr > td.am-warning, |
|
.am-table > tbody > tr > td.am-warning, |
|
.am-table > tfoot > tr > td.am-warning, |
|
.am-table > thead > tr > th.am-warning, |
|
.am-table > tbody > tr > th.am-warning, |
|
.am-table > tfoot > tr > th.am-warning, |
|
.am-table > thead > tr.am-warning > td, |
|
.am-table > tbody > tr.am-warning > td, |
|
.am-table > tfoot > tr.am-warning > td, |
|
.am-table > thead > tr.am-warning > th, |
|
.am-table > tbody > tr.am-warning > th, |
|
.am-table > tfoot > tr.am-warning > th { |
|
color: #EFA100; |
|
background-color: rgba(239, 161, 0, 0.2); |
|
} |
|
.am-table > thead > tr > td.am-danger, |
|
.am-table > tbody > tr > td.am-danger, |
|
.am-table > tfoot > tr > td.am-danger, |
|
.am-table > thead > tr > th.am-danger, |
|
.am-table > tbody > tr > th.am-danger, |
|
.am-table > tfoot > tr > th.am-danger, |
|
.am-table > thead > tr.am-danger > td, |
|
.am-table > tbody > tr.am-danger > td, |
|
.am-table > tfoot > tr.am-danger > td, |
|
.am-table > thead > tr.am-danger > th, |
|
.am-table > tbody > tr.am-danger > th, |
|
.am-table > tfoot > tr.am-danger > th { |
|
color: #E54D42; |
|
background-color: rgba(229, 77, 66, 0.2); |
|
} |
|
/* ========================================================================== |
|
Component: Form |
|
============================================================================ */ |
|
/* Normalize */ |
|
fieldset { |
|
border: none; |
|
} |
|
legend { |
|
display: block; |
|
width: 100%; |
|
margin-bottom: 1rem; |
|
font-size: 1.25rem; |
|
line-height: inherit; |
|
color: #666666; |
|
border-bottom: 1px solid #e5e5e5; |
|
padding-bottom: 0.3125rem; |
|
} |
|
label { |
|
display: inline-block; |
|
margin-bottom: 5px; |
|
font-weight: bold; |
|
} |
|
input[type="search"] { |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
} |
|
input[type="radio"], |
|
input[type="checkbox"] { |
|
margin: 4px 0 0; |
|
margin-top: 1px \9; |
|
/* IE8-9 */ |
|
line-height: normal; |
|
} |
|
input[type="file"] { |
|
display: block; |
|
} |
|
select[multiple], |
|
select[size] { |
|
height: auto; |
|
} |
|
select optgroup { |
|
font-size: inherit; |
|
font-style: inherit; |
|
font-family: inherit; |
|
} |
|
input[type="file"]:focus, |
|
input[type="radio"]:focus, |
|
input[type="checkbox"]:focus { |
|
outline: thin dotted; |
|
outline: 1px auto -webkit-focus-ring-color; |
|
outline-offset: -2px; |
|
} |
|
input[type="number"]::-webkit-outer-spin-button, |
|
input[type="number"]::-webkit-inner-spin-button { |
|
height: auto; |
|
} |
|
output { |
|
display: block; |
|
padding-top: 1rem; |
|
font-size: 1rem; |
|
line-height: 1.6; |
|
color: #999999; |
|
vertical-align: middle; |
|
} |
|
/* Common form controls */ |
|
.am-form select, |
|
.am-form textarea, |
|
.am-form input[type="text"], |
|
.am-form input[type="password"], |
|
.am-form input[type="datetime"], |
|
.am-form input[type="datetime-local"], |
|
.am-form input[type="date"], |
|
.am-form input[type="month"], |
|
.am-form input[type="time"], |
|
.am-form input[type="week"], |
|
.am-form input[type="number"], |
|
.am-form input[type="email"], |
|
.am-form input[type="url"], |
|
.am-form input[type="search"], |
|
.am-form input[type="tel"], |
|
.am-form input[type="color"], |
|
.am-form-field { |
|
display: block; |
|
width: 100%; |
|
padding: 0.625em; |
|
font-size: 1rem; |
|
line-height: 1.2; |
|
color: #333; |
|
vertical-align: middle; |
|
background-color: #fff; |
|
background-image: none; |
|
border: 1px solid #ccc; |
|
border-radius: 2px; |
|
-webkit-appearance: none; |
|
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; |
|
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; |
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; |
|
} |
|
.am-form select:focus, |
|
.am-form textarea:focus, |
|
.am-form input[type="text"]:focus, |
|
.am-form input[type="password"]:focus, |
|
.am-form input[type="datetime"]:focus, |
|
.am-form input[type="datetime-local"]:focus, |
|
.am-form input[type="date"]:focus, |
|
.am-form input[type="month"]:focus, |
|
.am-form input[type="time"]:focus, |
|
.am-form input[type="week"]:focus, |
|
.am-form input[type="number"]:focus, |
|
.am-form input[type="email"]:focus, |
|
.am-form input[type="url"]:focus, |
|
.am-form input[type="search"]:focus, |
|
.am-form input[type="tel"]:focus, |
|
.am-form input[type="color"]:focus, |
|
.am-form-field:focus { |
|
outline: 0; |
|
} |
|
.am-form select:focus, |
|
.am-form textarea:focus, |
|
.am-form input[type="text"]:focus, |
|
.am-form input[type="password"]:focus, |
|
.am-form input[type="datetime"]:focus, |
|
.am-form input[type="datetime-local"]:focus, |
|
.am-form input[type="date"]:focus, |
|
.am-form input[type="month"]:focus, |
|
.am-form input[type="time"]:focus, |
|
.am-form input[type="week"]:focus, |
|
.am-form input[type="number"]:focus, |
|
.am-form input[type="email"]:focus, |
|
.am-form input[type="url"]:focus, |
|
.am-form input[type="search"]:focus, |
|
.am-form input[type="tel"]:focus, |
|
.am-form input[type="color"]:focus, |
|
.am-form-field:focus { |
|
background-color: #fefffe; |
|
border-color: #9dbaff; |
|
outline: 0; |
|
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(157, 186, 255, 0.3); |
|
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(157, 186, 255, 0.3); |
|
} |
|
.am-form select::-webkit-input-placeholder, |
|
.am-form textarea::-webkit-input-placeholder, |
|
.am-form input[type="text"]::-webkit-input-placeholder, |
|
.am-form input[type="password"]::-webkit-input-placeholder, |
|
.am-form input[type="datetime"]::-webkit-input-placeholder, |
|
.am-form input[type="datetime-local"]::-webkit-input-placeholder, |
|
.am-form input[type="date"]::-webkit-input-placeholder, |
|
.am-form input[type="month"]::-webkit-input-placeholder, |
|
.am-form input[type="time"]::-webkit-input-placeholder, |
|
.am-form input[type="week"]::-webkit-input-placeholder, |
|
.am-form input[type="number"]::-webkit-input-placeholder, |
|
.am-form input[type="email"]::-webkit-input-placeholder, |
|
.am-form input[type="url"]::-webkit-input-placeholder, |
|
.am-form input[type="search"]::-webkit-input-placeholder, |
|
.am-form input[type="tel"]::-webkit-input-placeholder, |
|
.am-form input[type="color"]::-webkit-input-placeholder, |
|
.am-form-field::-webkit-input-placeholder { |
|
color: #e1e1e1; |
|
} |
|
.am-form select::-moz-placeholder, |
|
.am-form textarea::-moz-placeholder, |
|
.am-form input[type="text"]::-moz-placeholder, |
|
.am-form input[type="password"]::-moz-placeholder, |
|
.am-form input[type="datetime"]::-moz-placeholder, |
|
.am-form input[type="datetime-local"]::-moz-placeholder, |
|
.am-form input[type="date"]::-moz-placeholder, |
|
.am-form input[type="month"]::-moz-placeholder, |
|
.am-form input[type="time"]::-moz-placeholder, |
|
.am-form input[type="week"]::-moz-placeholder, |
|
.am-form input[type="number"]::-moz-placeholder, |
|
.am-form input[type="email"]::-moz-placeholder, |
|
.am-form input[type="url"]::-moz-placeholder, |
|
.am-form input[type="search"]::-moz-placeholder, |
|
.am-form input[type="tel"]::-moz-placeholder, |
|
.am-form input[type="color"]::-moz-placeholder, |
|
.am-form-field::-moz-placeholder { |
|
color: #e1e1e1; |
|
} |
|
.am-form select:-ms-input-placeholder, |
|
.am-form textarea:-ms-input-placeholder, |
|
.am-form input[type="text"]:-ms-input-placeholder, |
|
.am-form input[type="password"]:-ms-input-placeholder, |
|
.am-form input[type="datetime"]:-ms-input-placeholder, |
|
.am-form input[type="datetime-local"]:-ms-input-placeholder, |
|
.am-form input[type="date"]:-ms-input-placeholder, |
|
.am-form input[type="month"]:-ms-input-placeholder, |
|
.am-form input[type="time"]:-ms-input-placeholder, |
|
.am-form input[type="week"]:-ms-input-placeholder, |
|
.am-form input[type="number"]:-ms-input-placeholder, |
|
.am-form input[type="email"]:-ms-input-placeholder, |
|
.am-form input[type="url"]:-ms-input-placeholder, |
|
.am-form input[type="search"]:-ms-input-placeholder, |
|
.am-form input[type="tel"]:-ms-input-placeholder, |
|
.am-form input[type="color"]:-ms-input-placeholder, |
|
.am-form-field:-ms-input-placeholder { |
|
color: #e1e1e1; |
|
} |
|
.am-form select::placeholder, |
|
.am-form textarea::placeholder, |
|
.am-form input[type="text"]::placeholder, |
|
.am-form input[type="password"]::placeholder, |
|
.am-form input[type="datetime"]::placeholder, |
|
.am-form input[type="datetime-local"]::placeholder, |
|
.am-form input[type="date"]::placeholder, |
|
.am-form input[type="month"]::placeholder, |
|
.am-form input[type="time"]::placeholder, |
|
.am-form input[type="week"]::placeholder, |
|
.am-form input[type="number"]::placeholder, |
|
.am-form input[type="email"]::placeholder, |
|
.am-form input[type="url"]::placeholder, |
|
.am-form input[type="search"]::placeholder, |
|
.am-form input[type="tel"]::placeholder, |
|
.am-form input[type="color"]::placeholder, |
|
.am-form-field::placeholder { |
|
color: #e1e1e1; |
|
} |
|
.am-form select::-moz-placeholder, |
|
.am-form textarea::-moz-placeholder, |
|
.am-form input[type="text"]::-moz-placeholder, |
|
.am-form input[type="password"]::-moz-placeholder, |
|
.am-form input[type="datetime"]::-moz-placeholder, |
|
.am-form input[type="datetime-local"]::-moz-placeholder, |
|
.am-form input[type="date"]::-moz-placeholder, |
|
.am-form input[type="month"]::-moz-placeholder, |
|
.am-form input[type="time"]::-moz-placeholder, |
|
.am-form input[type="week"]::-moz-placeholder, |
|
.am-form input[type="number"]::-moz-placeholder, |
|
.am-form input[type="email"]::-moz-placeholder, |
|
.am-form input[type="url"]::-moz-placeholder, |
|
.am-form input[type="search"]::-moz-placeholder, |
|
.am-form input[type="tel"]::-moz-placeholder, |
|
.am-form input[type="color"]::-moz-placeholder, |
|
.am-form-field::-moz-placeholder { |
|
opacity: 1; |
|
} |
|
.am-form select[disabled], |
|
.am-form textarea[disabled], |
|
.am-form input[type="text"][disabled], |
|
.am-form input[type="password"][disabled], |
|
.am-form input[type="datetime"][disabled], |
|
.am-form input[type="datetime-local"][disabled], |
|
.am-form input[type="date"][disabled], |
|
.am-form input[type="month"][disabled], |
|
.am-form input[type="time"][disabled], |
|
.am-form input[type="week"][disabled], |
|
.am-form input[type="number"][disabled], |
|
.am-form input[type="email"][disabled], |
|
.am-form input[type="url"][disabled], |
|
.am-form input[type="search"][disabled], |
|
.am-form input[type="tel"][disabled], |
|
.am-form input[type="color"][disabled], |
|
.am-form-field[disabled], |
|
.am-form select[readonly], |
|
.am-form textarea[readonly], |
|
.am-form input[type="text"][readonly], |
|
.am-form input[type="password"][readonly], |
|
.am-form input[type="datetime"][readonly], |
|
.am-form input[type="datetime-local"][readonly], |
|
.am-form input[type="date"][readonly], |
|
.am-form input[type="month"][readonly], |
|
.am-form input[type="time"][readonly], |
|
.am-form input[type="week"][readonly], |
|
.am-form input[type="number"][readonly], |
|
.am-form input[type="email"][readonly], |
|
.am-form input[type="url"][readonly], |
|
.am-form input[type="search"][readonly], |
|
.am-form input[type="tel"][readonly], |
|
.am-form input[type="color"][readonly], |
|
.am-form-field[readonly], |
|
fieldset[disabled] .am-form select, |
|
fieldset[disabled] .am-form textarea, |
|
fieldset[disabled] .am-form input[type="text"], |
|
fieldset[disabled] .am-form input[type="password"], |
|
fieldset[disabled] .am-form input[type="datetime"], |
|
fieldset[disabled] .am-form input[type="datetime-local"], |
|
fieldset[disabled] .am-form input[type="date"], |
|
fieldset[disabled] .am-form input[type="month"], |
|
fieldset[disabled] .am-form input[type="time"], |
|
fieldset[disabled] .am-form input[type="week"], |
|
fieldset[disabled] .am-form input[type="number"], |
|
fieldset[disabled] .am-form input[type="email"], |
|
fieldset[disabled] .am-form input[type="url"], |
|
fieldset[disabled] .am-form input[type="search"], |
|
fieldset[disabled] .am-form input[type="tel"], |
|
fieldset[disabled] .am-form input[type="color"], |
|
fieldset[disabled] .am-form-field { |
|
cursor: not-allowed; |
|
background-color: #f0f0f0; |
|
} |
|
.am-form select.am-radius, |
|
.am-form textarea.am-radius, |
|
.am-form input[type="text"].am-radius, |
|
.am-form input[type="password"].am-radius, |
|
.am-form input[type="datetime"].am-radius, |
|
.am-form input[type="datetime-local"].am-radius, |
|
.am-form input[type="date"].am-radius, |
|
.am-form input[type="month"].am-radius, |
|
.am-form input[type="time"].am-radius, |
|
.am-form input[type="week"].am-radius, |
|
.am-form input[type="number"].am-radius, |
|
.am-form input[type="email"].am-radius, |
|
.am-form input[type="url"].am-radius, |
|
.am-form input[type="search"].am-radius, |
|
.am-form input[type="tel"].am-radius, |
|
.am-form input[type="color"].am-radius, |
|
.am-form-field.am-radius { |
|
border-radius: 2px; |
|
} |
|
.am-form select.am-round, |
|
.am-form textarea.am-round, |
|
.am-form input[type="text"].am-round, |
|
.am-form input[type="password"].am-round, |
|
.am-form input[type="datetime"].am-round, |
|
.am-form input[type="datetime-local"].am-round, |
|
.am-form input[type="date"].am-round, |
|
.am-form input[type="month"].am-round, |
|
.am-form input[type="time"].am-round, |
|
.am-form input[type="week"].am-round, |
|
.am-form input[type="number"].am-round, |
|
.am-form input[type="email"].am-round, |
|
.am-form input[type="url"].am-round, |
|
.am-form input[type="search"].am-round, |
|
.am-form input[type="tel"].am-round, |
|
.am-form input[type="color"].am-round, |
|
.am-form-field.am-round { |
|
border-radius: 1000px; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-form-field { |
|
border-radius: 4px; |
|
} |
|
} |
|
.am-form textarea, |
|
.am-form select[multiple], |
|
.am-form select[size] { |
|
height: auto; |
|
} |
|
.am-form select { |
|
-webkit-appearance: none !important; |
|
-moz-appearance: none !important; |
|
-webkit-border-radius: 4px; |
|
background: #fff url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+') no-repeat 100% center; |
|
} |
|
.am-form select[multiple="multiple"] { |
|
background-image: none; |
|
} |
|
.am-form input[type="datetime-local"], |
|
.am-form input[type="date"], |
|
input[type="datetime-local"].am-form-field, |
|
input[type="date"].am-form-field { |
|
height: 26px; |
|
} |
|
.am-form input[type="datetime-local"].am-input-sm, |
|
.am-form input[type="date"].am-input-sm, |
|
input[type="datetime-local"].am-form-field.am-input-sm, |
|
input[type="date"].am-form-field.am-input-sm { |
|
height: 23px; |
|
} |
|
.am-form input[type="datetime-local"] .am-input-lg, |
|
.am-form input[type="date"] .am-input-lg, |
|
input[type="datetime-local"].am-form-field .am-input-lg, |
|
input[type="date"].am-form-field .am-input-lg { |
|
height: 29px; |
|
} |
|
/* help text */ |
|
.am-form-help { |
|
display: block; |
|
margin-top: 5px; |
|
margin-bottom: 10px; |
|
color: #e1e1e1; |
|
font-size: 0.8125rem; |
|
} |
|
/* form group */ |
|
.am-form-group { |
|
border-radius: 2px; |
|
margin-bottom: 0.9375rem; |
|
} |
|
/* file field */ |
|
.am-form-file { |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
.am-form-file input[type="file"] { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
z-index: 1; |
|
width: 100%; |
|
opacity: 0; |
|
cursor: pointer; |
|
font-size: 31.25rem; |
|
} |
|
/** |
|
* Checkboxes and radios |
|
* Indent the labels to position radios/checkboxes as hanging controls. |
|
*/ |
|
.am-radio, |
|
.am-checkbox { |
|
display: block; |
|
min-height: 1.2rem; |
|
margin-top: 10px; |
|
margin-bottom: 10px; |
|
padding-left: 20px; |
|
vertical-align: middle; |
|
} |
|
.am-radio label, |
|
.am-checkbox label { |
|
display: inline; |
|
margin-bottom: 0; |
|
font-weight: normal; |
|
cursor: pointer; |
|
} |
|
.am-radio input[type="radio"], |
|
.am-radio-inline input[type="radio"], |
|
.am-checkbox input[type="checkbox"], |
|
.am-checkbox-inline input[type="checkbox"] { |
|
float: left; |
|
margin-left: -20px; |
|
outline: none; |
|
} |
|
.am-radio + .am-radio, |
|
.am-checkbox + .am-checkbox { |
|
margin-top: -5px; |
|
} |
|
/* Radios and checkboxes inline */ |
|
.am-radio-inline, |
|
.am-checkbox-inline { |
|
display: inline-block; |
|
padding-left: 20px; |
|
margin-bottom: 0; |
|
vertical-align: middle; |
|
font-weight: normal; |
|
cursor: pointer; |
|
} |
|
.am-radio-inline + .am-radio-inline, |
|
.am-checkbox-inline + .am-checkbox-inline { |
|
margin-top: 0; |
|
margin-left: 10px; |
|
} |
|
input[type="radio"][disabled], |
|
input[type="checkbox"][disabled], |
|
.am-radio[disabled], |
|
.am-radio-inline[disabled], |
|
.am-checkbox[disabled], |
|
.am-checkbox-inline[disabled], |
|
fieldset[disabled] input[type="radio"], |
|
fieldset[disabled] input[type="checkbox"], |
|
fieldset[disabled] .am-radio, |
|
fieldset[disabled] .am-radio-inline, |
|
fieldset[disabled] .am-checkbox, |
|
fieldset[disabled] .am-checkbox-inline { |
|
cursor: not-allowed; |
|
} |
|
/* Form field feedback states */ |
|
.am-form-warning .am-form-help, |
|
.am-form-warning .am-form-label, |
|
.am-form-warning .am-radio, |
|
.am-form-warning .am-checkbox, |
|
.am-form-warning .am-radio-inline, |
|
.am-form-warning .am-checkbox-inline, |
|
.am-form-warning label { |
|
color: #EFA100; |
|
} |
|
.am-form-warning [class*="icon-"] { |
|
color: #EFA100; |
|
} |
|
.am-form-warning .am-form-field { |
|
border-color: #EFA100 !important; |
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
} |
|
.am-form-warning .am-form-field:focus { |
|
background-color: #fefffe; |
|
border-color: #bc7f00; |
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #ffc856 !important; |
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #ffc856 !important; |
|
} |
|
.am-form-warning .am-form-field::-webkit-input-placeholder { |
|
color: #EFA100 !important; |
|
} |
|
.am-form-warning .am-form-field::-moz-placeholder { |
|
color: #EFA100 !important; |
|
} |
|
.am-form-warning .am-form-field:-ms-input-placeholder { |
|
color: #EFA100 !important; |
|
} |
|
.am-form-warning .am-form-field::placeholder { |
|
color: #EFA100 !important; |
|
} |
|
.am-form-error .am-form-help, |
|
.am-form-error .am-form-label, |
|
.am-form-error .am-radio, |
|
.am-form-error .am-checkbox, |
|
.am-form-error .am-radio-inline, |
|
.am-form-error .am-checkbox-inline, |
|
.am-form-error label { |
|
color: #E54D42; |
|
} |
|
.am-form-error [class*="icon-"] { |
|
color: #E54D42; |
|
} |
|
.am-form-error .am-form-field, |
|
.am-field-error { |
|
border-color: #E54D42 !important; |
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
} |
|
.am-form-error .am-form-field:focus, |
|
.am-field-error:focus { |
|
background-color: #fefffe; |
|
border-color: #d62a1e; |
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f1a19c !important; |
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #f1a19c !important; |
|
} |
|
.am-form-error .am-form-field::-webkit-input-placeholder, |
|
.am-field-error::-webkit-input-placeholder { |
|
color: #E54D42 !important; |
|
} |
|
.am-form-error .am-form-field::-moz-placeholder, |
|
.am-field-error::-moz-placeholder { |
|
color: #E54D42 !important; |
|
} |
|
.am-form-error .am-form-field:-ms-input-placeholder, |
|
.am-field-error:-ms-input-placeholder { |
|
color: #E54D42 !important; |
|
} |
|
.am-form-error .am-form-field::placeholder, |
|
.am-field-error::placeholder { |
|
color: #E54D42 !important; |
|
} |
|
.am-form-success .am-form-help, |
|
.am-form-success .am-form-label, |
|
.am-form-success .am-radio, |
|
.am-form-success .am-checkbox, |
|
.am-form-success .am-radio-inline, |
|
.am-form-success .am-checkbox-inline, |
|
.am-form-success label { |
|
color: #29BB9C; |
|
} |
|
.am-form-success [class*="icon-"] { |
|
color: #29BB9C; |
|
} |
|
.am-form-success .am-form-field, |
|
.am-field-valid { |
|
border-color: #29BB9C !important; |
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
} |
|
.am-form-success .am-form-field:focus, |
|
.am-field-valid:focus { |
|
background-color: #fefffe; |
|
border-color: #209179; |
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #6bdfc6 !important; |
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px #6bdfc6 !important; |
|
} |
|
.am-form-success .am-form-field::-webkit-input-placeholder, |
|
.am-field-valid::-webkit-input-placeholder { |
|
color: #29BB9C !important; |
|
} |
|
.am-form-success .am-form-field::-moz-placeholder, |
|
.am-field-valid::-moz-placeholder { |
|
color: #29BB9C !important; |
|
} |
|
.am-form-success .am-form-field:-ms-input-placeholder, |
|
.am-field-valid:-ms-input-placeholder { |
|
color: #29BB9C !important; |
|
} |
|
.am-form-success .am-form-field::placeholder, |
|
.am-field-valid::placeholder { |
|
color: #29BB9C !important; |
|
} |
|
/* Horizontal forms */ |
|
.am-form-horizontal .am-form-label, |
|
.am-form-horizontal .am-radio, |
|
.am-form-horizontal .am-checkbox, |
|
.am-form-horizontal .am-radio-inline, |
|
.am-form-horizontal .am-checkbox-inline { |
|
margin-top: 0; |
|
margin-bottom: 0; |
|
padding-top: 0.375em; |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-form-horizontal .am-form-label { |
|
text-align: right; |
|
} |
|
} |
|
.am-form-horizontal .am-form-group:before, |
|
.am-form-horizontal .am-form-group:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-form-horizontal .am-form-group:after { |
|
clear: both; |
|
} |
|
/* Inline form elements */ |
|
@media only screen and (min-width:641px) { |
|
.am-form-inline .am-form-group { |
|
display: inline-block; |
|
margin-bottom: 0; |
|
vertical-align: middle; |
|
} |
|
.am-form-inline .am-form-field { |
|
display: inline-block; |
|
width: auto; |
|
vertical-align: middle; |
|
} |
|
.am-form-inline .am-input-group { |
|
display: inline-table; |
|
vertical-align: middle; |
|
} |
|
.am-form-inline .am-input-group .am-input-group-label, |
|
.am-form-inline .am-input-group .am-input-group-btn, |
|
.am-form-inline .am-input-group .am-form-label { |
|
width: auto; |
|
} |
|
.am-form-inline .am-input-group > .am-form-field { |
|
width: 100%; |
|
} |
|
.am-form-inline .am-form-label { |
|
margin-bottom: 0; |
|
vertical-align: middle; |
|
} |
|
.am-form-inline .am-radio, |
|
.am-form-inline .am-checkbox { |
|
display: inline-block; |
|
margin-top: 0; |
|
margin-bottom: 0; |
|
padding-left: 0; |
|
vertical-align: middle; |
|
} |
|
.am-form-inline .am-radio input[type="radio"], |
|
.am-form-inline .am-checkbox input[type="checkbox"] { |
|
float: none; |
|
margin-left: 0; |
|
} |
|
} |
|
/* Form field size */ |
|
.am-input-sm { |
|
font-size: 0.875rem !important; |
|
} |
|
.am-input-lg { |
|
font-size: 1.125rem !important; |
|
} |
|
.am-form-group-sm .am-checkbox, |
|
.am-form-group-sm .am-radio, |
|
.am-form-group-sm .am-form-label, |
|
.am-form-group-sm .am-form-field { |
|
font-size: 0.875rem !important; |
|
} |
|
.am-form-group-lg .am-checkbox, |
|
.am-form-group-lg .am-radio, |
|
.am-form-group-lg .am-form-label, |
|
.am-form-group-lg .am-form-field { |
|
font-size: 1.125rem !important; |
|
} |
|
.am-form-group-lg input[type="radio"], |
|
.am-form-group-lg input[type="checkbox"] { |
|
margin-top: 7px; |
|
} |
|
/* Form field feedback states */ |
|
.am-form-icon { |
|
position: relative; |
|
} |
|
.am-form-icon .am-form-field { |
|
padding-left: 1.875em !important; |
|
} |
|
.am-form-icon [class*='am-icon-'] { |
|
position: absolute; |
|
left: 0.625em; |
|
top: 50%; |
|
display: block; |
|
margin-top: -0.3125em; |
|
line-height: 1; |
|
z-index: 2; |
|
} |
|
.am-form-icon label ~ [class*='am-icon-'] { |
|
top: 70%; |
|
} |
|
/* Feedback Icon */ |
|
.am-form-feedback { |
|
position: relative; |
|
} |
|
.am-form-feedback .am-form-field { |
|
padding-left: 0.625em !important; |
|
padding-right: 1.875em !important; |
|
} |
|
.am-form-feedback [class*='am-icon-'] { |
|
right: 0.625em; |
|
left: auto; |
|
} |
|
.am-form-horizontal .am-form-feedback [class*='am-icon-'] { |
|
right: 1.725em; |
|
} |
|
/* Form set */ |
|
.am-form-set { |
|
margin-bottom: 0.9375rem; |
|
padding: 0; |
|
} |
|
.am-form-set > input { |
|
position: relative; |
|
top: -1px; |
|
border-radius: 0px !important; |
|
} |
|
.am-form-set > input:focus { |
|
z-index: 2; |
|
} |
|
.am-form-set > input:first-child { |
|
top: 1px; |
|
border-top-right-radius: 4px !important; |
|
border-top-left-radius: 4px !important; |
|
} |
|
.am-form-set > input:last-child { |
|
top: -2px; |
|
border-bottom-right-radius: 4px !important; |
|
border-bottom-left-radius: 4px !important; |
|
} |
|
/* ========================================================================== |
|
Component: Image |
|
============================================================================ */ |
|
/* Image thumbnails */ |
|
.am-img-thumbnail { |
|
display: inline-block; |
|
max-width: 100%; |
|
height: auto; |
|
padding: 2px; |
|
line-height: 1.6; |
|
background-color: #fff; |
|
border: 1px solid #ccc; |
|
border-radius: 4px; |
|
-webkit-transition: all 0.2s ease-in-out; |
|
transition: all 0.2s ease-in-out; |
|
} |
|
.am-img-thumbnail.am-radius { |
|
border-radius: 6px; |
|
} |
|
.am-img-responsive { |
|
display: block; |
|
max-width: 100%; |
|
height: auto; |
|
} |
|
/* ========================================================================== |
|
Component: Nav |
|
============================================================================ */ |
|
.am-nav { |
|
margin-bottom: 0; |
|
padding: 0; |
|
list-style: none; |
|
font-size: 1rem; |
|
} |
|
.am-nav:before, |
|
.am-nav:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-nav:after { |
|
clear: both; |
|
} |
|
.am-nav > li { |
|
position: relative; |
|
display: block; |
|
} |
|
.am-nav > li + li { |
|
margin-top: 5px; |
|
} |
|
.am-nav > li + .am-nav-header { |
|
margin-top: 1em; |
|
} |
|
.am-nav > li > a { |
|
position: relative; |
|
display: block; |
|
padding: 0.444em 1em; |
|
line-height: 1; |
|
border-radius: 2px; |
|
} |
|
.am-nav > li > a:hover, |
|
.am-nav > li > a:focus { |
|
text-decoration: none; |
|
background-color: #f0f0f0; |
|
} |
|
.am-nav > li.am-active > a, |
|
.am-nav > li.am-active > a:hover, |
|
.am-nav > li.am-active > a:focus { |
|
color: #fff; |
|
background-color: #5085FF; |
|
cursor: default; |
|
} |
|
.am-nav > li.am-disabled > a { |
|
color: #e1e1e1; |
|
} |
|
.am-nav > li.am-disabled > a:hover, |
|
.am-nav > li.am-disabled > a:focus { |
|
color: #e1e1e1; |
|
text-decoration: none; |
|
background-color: transparent; |
|
cursor: not-allowed; |
|
} |
|
.am-nav-header { |
|
padding: 0.444em 1em; |
|
text-transform: uppercase; |
|
font-weight: bold; |
|
font-size: 100%; |
|
color: #999999; |
|
} |
|
.am-nav-divider { |
|
margin: 15px 1em !important; |
|
border-top: 1px solid #ddd; |
|
-webkit-box-shadow: 0 1px 0 #fff; |
|
box-shadow: 0 1px 0 #fff; |
|
} |
|
.am-nav-pills > li { |
|
float: left; |
|
} |
|
.am-nav-pills > li + li { |
|
margin-left: 5px; |
|
margin-top: 0; |
|
} |
|
.am-nav-tabs { |
|
border-bottom: 1px solid #ddd; |
|
} |
|
.am-nav-tabs > li { |
|
float: left; |
|
margin-bottom: -1px; |
|
} |
|
.am-nav-tabs > li + li { |
|
margin-top: 0; |
|
} |
|
.am-nav-tabs > li > a { |
|
margin-right: 5px; |
|
border: 1px solid transparent; |
|
border-radius: 4px 4px 0 0; |
|
} |
|
.am-nav-tabs > li > a:hover { |
|
border-color: #f0f0f0 #f0f0f0 #ddd; |
|
} |
|
.am-nav-tabs > li.am-active > a, |
|
.am-nav-tabs > li.am-active > a:hover, |
|
.am-nav-tabs > li.am-active > a:focus { |
|
color: #999999; |
|
background-color: #fff; |
|
border: 1px solid #ddd; |
|
border-bottom-color: transparent; |
|
cursor: default; |
|
} |
|
.am-nav-tabs.am-nav-justify { |
|
border-bottom: 0; |
|
/* > li > a { |
|
margin-right: 0; |
|
border-radius: @global-radius; |
|
} |
|
|
|
> .am-active > a { |
|
&, |
|
&:hover, |
|
&:focus { |
|
border: 1px solid @nav-tabs-justify-link-border-color; |
|
} |
|
}*/ |
|
} |
|
.am-nav-tabs.am-nav-justify > li > a { |
|
margin-right: 0; |
|
border-bottom: 1px solid #ddd; |
|
border-radius: 4px 4px 0 0; |
|
} |
|
.am-nav-tabs.am-nav-justify > .am-active > a, |
|
.am-nav-tabs.am-nav-justify > .am-active > a:hover, |
|
.am-nav-tabs.am-nav-justify > .am-active > a:focus { |
|
border-bottom-color: #fff; |
|
} |
|
.am-nav-justify { |
|
width: 100%; |
|
} |
|
.am-nav-justify > li { |
|
float: none; |
|
display: table-cell; |
|
width: 1%; |
|
} |
|
.am-nav-justify > li > a { |
|
text-align: center; |
|
margin-bottom: 0; |
|
} |
|
.lte9 .am-nav-justify > li { |
|
display: table-cell; |
|
width: 1%; |
|
} |
|
/* ========================================================================== |
|
Component: Topbar |
|
============================================================================ */ |
|
.am-topbar { |
|
position: relative; |
|
min-height: 64px; |
|
margin-bottom: 1rem; |
|
background: #f8f8f8; |
|
border-width: 0 0 1px; |
|
border-style: solid; |
|
border-color: #f0f0f0; |
|
color: #666; |
|
} |
|
.am-topbar:before, |
|
.am-topbar:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-topbar:after { |
|
clear: both; |
|
} |
|
.am-topbar a { |
|
color: #666; |
|
} |
|
.am-topbar-brand { |
|
margin: 0 50px 0 0; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-topbar-brand { |
|
float: left; |
|
margin-right: 0; |
|
} |
|
} |
|
.am-topbar-brand a { |
|
display: inline-block; |
|
vertical-align: middle; |
|
font-size: 1.5rem; |
|
} |
|
.am-topbar-collapse { |
|
width: 100%; |
|
overflow-x: visible; |
|
padding: 10px; |
|
clear: both; |
|
-webkit-overflow-scrolling: touch; |
|
} |
|
.am-topbar-collapse:before, |
|
.am-topbar-collapse:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-topbar-collapse:after { |
|
clear: both; |
|
} |
|
.am-topbar-collapse.am-in { |
|
overflow-y: auto; |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-topbar-collapse { |
|
margin-top: 0; |
|
padding: 0; |
|
width: auto; |
|
clear: none; |
|
} |
|
.am-topbar-collapse.am-collapse { |
|
display: block !important; |
|
height: auto !important; |
|
padding: 0; |
|
overflow: visible !important; |
|
} |
|
.am-topbar-collapse.am-in { |
|
overflow-y: visible; |
|
} |
|
} |
|
.am-topbar-brand { |
|
padding-left: 0.625rem; |
|
float: left; |
|
font-size: 1rem; |
|
height: 64px; |
|
line-height: 64px; |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-topbar-brand { |
|
padding-left: 0.9375rem; |
|
} |
|
} |
|
.am-topbar-toggle { |
|
position: relative; |
|
float: right; |
|
margin-right: 10px; |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-topbar-toggle { |
|
display: none; |
|
} |
|
} |
|
.am-topbar-nav .am-dropdown .am-dropdown-content { |
|
font-size: 1rem; |
|
margin: 4px 0 0; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-topbar-nav { |
|
margin-bottom: 17px; |
|
} |
|
.am-topbar-nav > li { |
|
float: none; |
|
} |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-topbar-nav > li + li { |
|
margin-left: 0; |
|
margin-top: 5px; |
|
} |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-topbar-nav { |
|
float: left; |
|
} |
|
.am-topbar-nav > li > a { |
|
position: relative; |
|
line-height: 64px; |
|
padding: 0 10px; |
|
} |
|
.am-topbar-nav > li > a:after { |
|
position: absolute; |
|
left: 10px; |
|
right: 10px; |
|
bottom: 0; |
|
content: ""; |
|
height: 2px; |
|
opacity: 0; |
|
-webkit-transition: opacity .1s; |
|
transition: opacity .1s; |
|
} |
|
.am-topbar-nav > li.am-dropdown > a:after { |
|
display: none; |
|
} |
|
.am-topbar-nav > li.am-active > a, |
|
.am-topbar-nav > li.am-active > a:hover, |
|
.am-topbar-nav > li.am-active > a:focus { |
|
border-radius: 0; |
|
color: #5085FF; |
|
background: none; |
|
} |
|
.am-topbar-nav > li.am-active > a:after { |
|
opacity: 1; |
|
background-color: #5085FF; |
|
} |
|
} |
|
@media only screen and (min-width:641px) and only screen and (max-width: 640px) { |
|
.am-topbar-nav > li > a { |
|
line-height: 44px; |
|
} |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-topbar-collapse .am-dropdown.am-active .am-dropdown-content { |
|
float: none; |
|
position: relative; |
|
width: 100%; |
|
} |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-topbar-left { |
|
float: left; |
|
} |
|
.am-topbar-right { |
|
float: right; |
|
margin-right: 0.9375rem; |
|
} |
|
} |
|
.am-topbar-form .am-form-group .am-topbar-form-search { |
|
padding: 0.5em; |
|
border-radius: 4px; |
|
} |
|
.am-topbar-form .am-form-group .am-topbar-form-btn { |
|
border-color: #ccc; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-topbar-form .am-form-group { |
|
margin-bottom: 5px; |
|
} |
|
.am-topbar-form .am-form-group .am-topbar-form-search { |
|
margin-bottom: 5px; |
|
} |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-topbar-form { |
|
padding: 0 10px; |
|
margin-top: 17px; |
|
} |
|
.am-topbar-form .am-form-group + .am-btn { |
|
margin-left: 5px; |
|
} |
|
} |
|
.am-topbar-btn { |
|
margin-top: 17px; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-topbar-collapse .am-topbar-btn, |
|
.am-topbar-collapse .am-btn { |
|
display: block; |
|
width: 100%; |
|
} |
|
} |
|
.am-topbar-inverse { |
|
background-color: #5085FF; |
|
border: none; |
|
color: #f0f0f0; |
|
} |
|
.am-topbar-inverse a { |
|
color: #f0f0f0; |
|
} |
|
.am-topbar-inverse .am-topbar-right input, |
|
.am-topbar-inverse .am-topbar-right button { |
|
border: none; |
|
} |
|
.am-topbar-inverse .am-topbar-nav > li > a { |
|
color: #f0f0f0; |
|
} |
|
.am-topbar-inverse .am-topbar-nav > li > a:hover, |
|
.am-topbar-inverse .am-topbar-nav > li > a:focus { |
|
color: #fff; |
|
background-color: rgba(0, 0, 0, 0.05); |
|
} |
|
.am-topbar-inverse .am-topbar-nav > li > a:hover:after, |
|
.am-topbar-inverse .am-topbar-nav > li > a:focus:after { |
|
border-bottom-color: #1d61ff; |
|
} |
|
.am-topbar-inverse .am-topbar-nav > li > a:after { |
|
border-bottom-color: #5085FF; |
|
} |
|
.am-topbar-inverse .am-topbar-nav > li.am-active > a:after { |
|
opacity: 0; |
|
} |
|
.am-topbar-inverse .am-topbar-nav > li.am-active > a, |
|
.am-topbar-inverse .am-topbar-nav > li.am-active > a:hover, |
|
.am-topbar-inverse .am-topbar-nav > li.am-active > a:focus { |
|
color: #fff; |
|
background-color: rgba(0, 0, 0, 0.1); |
|
} |
|
.am-topbar-inverse .am-topbar-nav > li.am-active > a:after, |
|
.am-topbar-inverse .am-topbar-nav > li.am-active > a:hover:after, |
|
.am-topbar-inverse .am-topbar-nav > li.am-active > a:focus:after { |
|
border-bottom-color: #fff; |
|
} |
|
.am-topbar-inverse .am-topbar-nav > li .disabled > a, |
|
.am-topbar-inverse .am-topbar-nav > li .disabled > a:hover, |
|
.am-topbar-inverse .am-topbar-nav > li .disabled > a:focus { |
|
color: #444; |
|
background-color: transparent; |
|
} |
|
.am-topbar-fixed-top, |
|
.am-topbar-fixed-bottom { |
|
position: fixed; |
|
right: 0; |
|
left: 0; |
|
z-index: 1000; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
} |
|
.am-topbar-fixed-top { |
|
top: 0; |
|
} |
|
.am-topbar-fixed-bottom { |
|
bottom: 0; |
|
margin-bottom: 0; |
|
border-width: 1px 0 0; |
|
} |
|
.am-with-topbar-fixed-top { |
|
padding-top: 65px; |
|
} |
|
.am-with-topbar-fixed-bottom { |
|
padding-bottom: 65px; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-topbar-fixed-bottom .am-topbar-collapse { |
|
position: absolute; |
|
bottom: 100%; |
|
margin-bottom: 1px; |
|
background-color: #f8f8f8; |
|
} |
|
.am-topbar-fixed-bottom .am-topbar-collapse .am-dropdown-content:before, |
|
.am-topbar-fixed-bottom .am-topbar-collapse .am-dropdown-content:after { |
|
display: none; |
|
} |
|
.am-topbar-fixed-bottom.am-topbar-inverse .am-topbar-collapse { |
|
background-color: #5085FF; |
|
} |
|
} |
|
/* ========================================================================== |
|
Component: Breadcrumb |
|
============================================================================ */ |
|
.am-breadcrumb { |
|
padding: .7em .5em; |
|
margin-bottom: 1rem; |
|
list-style: none; |
|
background-color: transparent; |
|
border-radius: 4px; |
|
font-size: 85%; |
|
} |
|
.am-breadcrumb > li { |
|
display: inline-block; |
|
} |
|
.am-breadcrumb > li [class*="am-icon-"]:before { |
|
color: #e1e1e1; |
|
margin-right: 5px; |
|
} |
|
.am-breadcrumb > li + li:before { |
|
content: "\00bb\00a0"; |
|
padding: 0 8px; |
|
color: #ccc; |
|
} |
|
.am-breadcrumb > .am-active { |
|
color: #e1e1e1; |
|
} |
|
.am-breadcrumb-slash > li + li:before { |
|
content: "/\00a0"; |
|
} |
|
/* ========================================================================== |
|
Component: Pagination |
|
============================================================================ */ |
|
.am-pagination { |
|
padding-left: 0; |
|
margin: 0.9375rem 0; |
|
list-style: none; |
|
color: #e1e1e1; |
|
text-align: left; |
|
} |
|
.am-pagination:before, |
|
.am-pagination:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-pagination:after { |
|
clear: both; |
|
} |
|
.am-pagination > li { |
|
display: inline-block; |
|
} |
|
.am-pagination > li > a, |
|
.am-pagination > li > span { |
|
position: relative; |
|
display: block; |
|
padding: 0.5em 1em; |
|
text-decoration: none; |
|
line-height: 1.2; |
|
background-color: #fff; |
|
border: 1px solid #ddd; |
|
border-radius: 4px; |
|
margin-bottom: 5px; |
|
margin-right: 5px; |
|
} |
|
.am-pagination > li:last-child > a, |
|
.am-pagination > li:last-child > span { |
|
margin-right: 0; |
|
} |
|
.am-pagination > li > a:hover, |
|
.am-pagination > li > span:hover, |
|
.am-pagination > li > a:focus, |
|
.am-pagination > li > span:focus { |
|
background-color: #f0f0f0; |
|
} |
|
.am-pagination > .am-active > a, |
|
.am-pagination > .am-active > span, |
|
.am-pagination > .am-active > a:hover, |
|
.am-pagination > .am-active > span:hover, |
|
.am-pagination > .am-active > a:focus, |
|
.am-pagination > .am-active > span:focus { |
|
z-index: 2; |
|
color: #fff; |
|
background-color: #5085FF; |
|
border-color: #5085FF; |
|
cursor: default; |
|
} |
|
.am-pagination > .am-disabled > span, |
|
.am-pagination > .am-disabled > span:hover, |
|
.am-pagination > .am-disabled > span:focus, |
|
.am-pagination > .am-disabled > a, |
|
.am-pagination > .am-disabled > a:hover, |
|
.am-pagination > .am-disabled > a:focus { |
|
color: #e1e1e1; |
|
background-color: #fff; |
|
border-color: #ddd; |
|
cursor: not-allowed; |
|
pointer-events: none; |
|
} |
|
.am-pagination .am-pagination-prev { |
|
float: left; |
|
} |
|
.am-pagination .am-pagination-prev a { |
|
border-radius: 4px; |
|
} |
|
.am-pagination .am-pagination-next { |
|
float: right; |
|
} |
|
.am-pagination .am-pagination-next a { |
|
border-radius: 4px; |
|
} |
|
.am-pagination-centered { |
|
text-align: center; |
|
} |
|
.am-pagination-right { |
|
text-align: right; |
|
} |
|
/* ========================================================================== |
|
Component: Aniamtion |
|
============================================================================ */ |
|
[class*="am-animation-"] { |
|
-webkit-animation-duration: 0.5s; |
|
animation-duration: 0.5s; |
|
-webkit-animation-timing-function: ease-out; |
|
animation-timing-function: ease-out; |
|
-webkit-animation-fill-mode: both; |
|
animation-fill-mode: both; |
|
} |
|
/* Hide animated element if scrollSpy is used */ |
|
@media screen { |
|
.cssanimations [data-am-scrollspy*="animation"] { |
|
opacity: 0; |
|
} |
|
} |
|
/* Fade */ |
|
.am-animation-fade { |
|
-webkit-animation-name: am-fade; |
|
animation-name: am-fade; |
|
-webkit-animation-duration: 0.8s; |
|
animation-duration: 0.8s; |
|
-webkit-animation-timing-function: linear; |
|
animation-timing-function: linear; |
|
} |
|
/* Scale */ |
|
.am-animation-scale-up { |
|
-webkit-animation-name: am-scale-up; |
|
animation-name: am-scale-up; |
|
} |
|
.am-animation-scale-down { |
|
-webkit-animation-name: am-scale-down; |
|
animation-name: am-scale-down; |
|
} |
|
/* Slide */ |
|
.am-animation-slide-top { |
|
-webkit-animation-name: am-slide-top; |
|
animation-name: am-slide-top; |
|
} |
|
.am-animation-slide-bottom { |
|
-webkit-animation-name: am-slide-bottom; |
|
animation-name: am-slide-bottom; |
|
} |
|
.am-animation-slide-left { |
|
-webkit-animation-name: am-slide-left; |
|
animation-name: am-slide-left; |
|
} |
|
.am-animation-slide-right { |
|
-webkit-animation-name: am-slide-right; |
|
animation-name: am-slide-right; |
|
} |
|
.am-animation-slide-top-fixed { |
|
-webkit-animation-name: am-slide-top-fixed; |
|
animation-name: am-slide-top-fixed; |
|
} |
|
/* Shake */ |
|
.am-animation-shake { |
|
-webkit-animation-name: am-shake; |
|
animation-name: am-shake; |
|
} |
|
/* Spin */ |
|
.am-animation-spin { |
|
-webkit-animation: am-spin 2s infinite linear; |
|
animation: am-spin 2s infinite linear; |
|
} |
|
/* Spring */ |
|
.am-animation-left-spring { |
|
-webkit-animation: am-left-spring 0.3s ease-in-out; |
|
animation: am-left-spring 0.3s ease-in-out; |
|
} |
|
.am-animation-right-spring { |
|
-webkit-animation: am-right-spring 0.3s ease-in-out; |
|
animation: am-right-spring 0.3s ease-in-out; |
|
} |
|
.am-animation-reverse { |
|
-webkit-animation-direction: reverse; |
|
animation-direction: reverse; |
|
} |
|
.am-animation-paused { |
|
-webkit-animation-play-state: paused !important; |
|
animation-play-state: paused !important; |
|
} |
|
.am-animation-delay-1 { |
|
-webkit-animation-delay: 1s; |
|
animation-delay: 1s; |
|
} |
|
.am-animation-delay-2 { |
|
-webkit-animation-delay: 2s; |
|
animation-delay: 2s; |
|
} |
|
.am-animation-delay-3 { |
|
-webkit-animation-delay: 3s; |
|
animation-delay: 3s; |
|
} |
|
.am-animation-delay-4 { |
|
-webkit-animation-delay: 4s; |
|
animation-delay: 4s; |
|
} |
|
.am-animation-delay-5 { |
|
-webkit-animation-delay: 5s; |
|
animation-delay: 5s; |
|
} |
|
.am-animation-delay-6 { |
|
-webkit-animation-delay: 6s; |
|
animation-delay: 6s; |
|
} |
|
/* Keyframes |
|
============================================================================ */ |
|
/* Fade */ |
|
@-webkit-keyframes am-fade { |
|
0% { |
|
opacity: 0; |
|
} |
|
100% { |
|
opacity: 1; |
|
} |
|
} |
|
@keyframes am-fade { |
|
0% { |
|
opacity: 0; |
|
} |
|
100% { |
|
opacity: 1; |
|
} |
|
} |
|
/* Scale up */ |
|
@-webkit-keyframes am-scale-up { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: scale(0.2); |
|
transform: scale(0.2); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
} |
|
@keyframes am-scale-up { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: scale(0.2); |
|
transform: scale(0.2); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
} |
|
/* Scale down */ |
|
@-webkit-keyframes am-scale-down { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: scale(1.8); |
|
transform: scale(1.8); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
} |
|
@keyframes am-scale-down { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: scale(1.8); |
|
transform: scale(1.8); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
} |
|
/* Slide top */ |
|
@-webkit-keyframes am-slide-top { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateY(-100%); |
|
transform: translateY(-100%); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
} |
|
@keyframes am-slide-top { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateY(-100%); |
|
transform: translateY(-100%); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
} |
|
/* Slide bottom */ |
|
@-webkit-keyframes am-slide-bottom { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateY(100%); |
|
transform: translateY(100%); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
} |
|
@keyframes am-slide-bottom { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateY(100%); |
|
transform: translateY(100%); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
} |
|
/* Slide left */ |
|
@-webkit-keyframes am-slide-left { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateX(-100%); |
|
transform: translateX(-100%); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
} |
|
@keyframes am-slide-left { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateX(-100%); |
|
transform: translateX(-100%); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
} |
|
/* Slide right */ |
|
@-webkit-keyframes am-slide-right { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateX(100%); |
|
transform: translateX(100%); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
} |
|
@keyframes am-slide-right { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateX(100%); |
|
transform: translateX(100%); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
} |
|
/* Shake */ |
|
@-webkit-keyframes am-shake { |
|
0%, |
|
100% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
10% { |
|
-webkit-transform: translateX(-9px); |
|
transform: translateX(-9px); |
|
} |
|
20% { |
|
-webkit-transform: translateX(8px); |
|
transform: translateX(8px); |
|
} |
|
30% { |
|
-webkit-transform: translateX(-7px); |
|
transform: translateX(-7px); |
|
} |
|
40% { |
|
-webkit-transform: translateX(6px); |
|
transform: translateX(6px); |
|
} |
|
50% { |
|
-webkit-transform: translateX(-5px); |
|
transform: translateX(-5px); |
|
} |
|
60% { |
|
-webkit-transform: translateX(4px); |
|
transform: translateX(4px); |
|
} |
|
70% { |
|
-webkit-transform: translateX(-3px); |
|
transform: translateX(-3px); |
|
} |
|
80% { |
|
-webkit-transform: translateX(2px); |
|
transform: translateX(2px); |
|
} |
|
90% { |
|
-webkit-transform: translateX(-1px); |
|
transform: translateX(-1px); |
|
} |
|
} |
|
@keyframes am-shake { |
|
0%, |
|
100% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
10% { |
|
-webkit-transform: translateX(-9px); |
|
transform: translateX(-9px); |
|
} |
|
20% { |
|
-webkit-transform: translateX(8px); |
|
transform: translateX(8px); |
|
} |
|
30% { |
|
-webkit-transform: translateX(-7px); |
|
transform: translateX(-7px); |
|
} |
|
40% { |
|
-webkit-transform: translateX(6px); |
|
transform: translateX(6px); |
|
} |
|
50% { |
|
-webkit-transform: translateX(-5px); |
|
transform: translateX(-5px); |
|
} |
|
60% { |
|
-webkit-transform: translateX(4px); |
|
transform: translateX(4px); |
|
} |
|
70% { |
|
-webkit-transform: translateX(-3px); |
|
transform: translateX(-3px); |
|
} |
|
80% { |
|
-webkit-transform: translateX(2px); |
|
transform: translateX(2px); |
|
} |
|
90% { |
|
-webkit-transform: translateX(-1px); |
|
transform: translateX(-1px); |
|
} |
|
} |
|
/* Slide top fixed */ |
|
@-webkit-keyframes am-slide-top-fixed { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateY(-10px); |
|
transform: translateY(-10px); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
} |
|
@keyframes am-slide-top-fixed { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateY(-10px); |
|
transform: translateY(-10px); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
} |
|
/* Slide bottom fixed */ |
|
@-webkit-keyframes am-slide-bottom-fixed { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateY(10px); |
|
transform: translateY(10px); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
} |
|
@keyframes am-slide-bottom-fixed { |
|
0% { |
|
opacity: 0; |
|
-webkit-transform: translateY(10px); |
|
transform: translateY(10px); |
|
} |
|
100% { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
} |
|
/* Spin */ |
|
@-webkit-keyframes am-spin { |
|
0% { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
100% { |
|
-webkit-transform: rotate(359deg); |
|
transform: rotate(359deg); |
|
} |
|
} |
|
@keyframes am-spin { |
|
0% { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
100% { |
|
-webkit-transform: rotate(359deg); |
|
transform: rotate(359deg); |
|
} |
|
} |
|
/* Spring */ |
|
@-webkit-keyframes am-right-spring { |
|
0% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
50% { |
|
-webkit-transform: translateX(-20%); |
|
transform: translateX(-20%); |
|
} |
|
100% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
} |
|
@keyframes am-right-spring { |
|
0% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
50% { |
|
-webkit-transform: translateX(-20%); |
|
transform: translateX(-20%); |
|
} |
|
100% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
} |
|
@-webkit-keyframes am-left-spring { |
|
0% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
50% { |
|
-webkit-transform: translateX(20%); |
|
transform: translateX(20%); |
|
} |
|
100% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
} |
|
@keyframes am-left-spring { |
|
0% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
50% { |
|
-webkit-transform: translateX(20%); |
|
transform: translateX(20%); |
|
} |
|
100% { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
} |
|
/* ========================================================================== |
|
Component: Article |
|
============================================================================ */ |
|
.am-article:before, |
|
.am-article:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-article:after { |
|
clear: both; |
|
} |
|
.am-article > :last-child { |
|
margin-bottom: 0; |
|
} |
|
.am-article + .am-article { |
|
margin-top: 1.5rem; |
|
} |
|
/* Sub-object `.@{ns}article-title` */ |
|
.am-article-title { |
|
font-size: 1.75rem; |
|
line-height: 1.15; |
|
font-weight: normal; |
|
} |
|
.am-article-title a { |
|
color: inherit; |
|
text-decoration: none; |
|
} |
|
/* Sub-object `.@{ns}article-meta` */ |
|
.am-article-meta { |
|
font-size: 0.75rem; |
|
line-height: 1.5; |
|
color: #e1e1e1; |
|
} |
|
/* Sub-object `.@{ns}article-lead` */ |
|
.am-article-lead { |
|
color: #666; |
|
font-size: 0.875rem; |
|
line-height: 1.5; |
|
border: 1px solid #dedede; |
|
border-radius: 2px; |
|
background: #f9f9f9; |
|
padding: 10px; |
|
} |
|
/* Sub-object `.@{ns}article-divider` */ |
|
.am-article-divider { |
|
margin-bottom: 1.5rem; |
|
border-color: #f0f0f0; |
|
} |
|
* + .am-article-divider { |
|
margin-top: 1.5rem; |
|
} |
|
/* Sub-object `.@{ns}article-bd` */ |
|
.am-article-bd blockquote { |
|
font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif; |
|
} |
|
.am-article-bd img { |
|
display: block; |
|
max-width: 100%; |
|
} |
|
/* ========================================================================== |
|
Component: Badge |
|
============================================================================ */ |
|
.am-badge { |
|
display: inline-block; |
|
min-width: 10px; |
|
padding: 0.25em 0.625em; |
|
font-size: 0.75rem; |
|
font-weight: bold; |
|
color: #fff; |
|
line-height: 1; |
|
vertical-align: baseline; |
|
white-space: nowrap; |
|
text-align: center; |
|
background-color: #e1e1e1; |
|
border-radius: 0; |
|
} |
|
.am-badge:empty { |
|
display: none; |
|
} |
|
.am-badge.am-square { |
|
border-radius: 0; |
|
} |
|
.am-badge.am-radius { |
|
border-radius: 6px; |
|
} |
|
.am-badge.am-round { |
|
border-radius: 1000px; |
|
} |
|
a.am-badge:hover, |
|
a.am-badge:focus { |
|
color: #fff; |
|
text-decoration: none; |
|
cursor: pointer; |
|
} |
|
.am-badge-primary { |
|
background-color: #5085FF; |
|
} |
|
.am-badge-secondary { |
|
background-color: #9dbaff; |
|
} |
|
.am-badge-success { |
|
background-color: #29BB9C; |
|
} |
|
.am-badge-warning { |
|
background-color: #EFA100; |
|
} |
|
.am-badge-danger { |
|
background-color: #E54D42; |
|
} |
|
/* ========================================================================== |
|
Component: Comment |
|
============================================================================ */ |
|
.am-comment:before, |
|
.am-comment:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-comment:after { |
|
clear: both; |
|
} |
|
.am-comment-avatar { |
|
float: left; |
|
width: 32px; |
|
height: 32px; |
|
border-radius: 50%; |
|
border: 1px solid transparent; |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-comment-avatar { |
|
width: 48px; |
|
height: 48px; |
|
} |
|
} |
|
.am-comment-main { |
|
position: relative; |
|
margin-left: 42px; |
|
border: 1px solid #dedede; |
|
border-radius: 4px; |
|
} |
|
.am-comment-main:before, |
|
.am-comment-main:after { |
|
position: absolute; |
|
top: 10px; |
|
left: -8px; |
|
right: 100%; |
|
width: 0; |
|
height: 0; |
|
display: block; |
|
content: " "; |
|
border-color: transparent; |
|
border-style: solid solid outset; |
|
border-width: 8px 8px 8px 0; |
|
pointer-events: none; |
|
} |
|
.am-comment-main:before { |
|
border-right-color: #dedede; |
|
z-index: 1; |
|
} |
|
.am-comment-main:after { |
|
border-right-color: #f8f8f8; |
|
margin-left: 1px; |
|
z-index: 2; |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-comment-main { |
|
margin-left: 63px; |
|
} |
|
} |
|
.am-comment-hd { |
|
background: #f8f8f8; |
|
border-bottom: 1px solid #eee; |
|
display: -webkit-box; |
|
display: -webkit-flex; |
|
display: -ms-flexbox; |
|
display: flex; |
|
} |
|
.am-comment-title { |
|
margin: 0 0 8px 0; |
|
font-size: 1rem; |
|
line-height: 1.2; |
|
} |
|
.am-comment-meta { |
|
-webkit-box-flex: 1; |
|
-webkit-flex: 1; |
|
-ms-flex: 1; |
|
flex: 1; |
|
padding: 10px 15px; |
|
font-size: 13px; |
|
color: #e1e1e1; |
|
line-height: 1.2; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
overflow: hidden; |
|
} |
|
.am-comment-meta a { |
|
color: #e1e1e1; |
|
} |
|
.am-comment-author { |
|
font-weight: bold; |
|
color: #e1e1e1; |
|
} |
|
.am-comment-bd { |
|
padding: 15px; |
|
overflow: hidden; |
|
} |
|
.am-comment-bd > :last-child { |
|
margin-bottom: 0; |
|
} |
|
.am-comment-footer { |
|
padding: 0 15px 5px; |
|
} |
|
.am-comment-footer .am-comment-actions a + a { |
|
margin-left: 5px; |
|
} |
|
.am-comment-actions { |
|
font-size: 13px; |
|
color: #e1e1e1; |
|
} |
|
.am-comment-actions a { |
|
display: inline-block; |
|
padding: 10px 5px; |
|
line-height: 1; |
|
color: #e1e1e1; |
|
opacity: .7; |
|
} |
|
.am-comment-actions a:hover { |
|
color: #5085FF; |
|
opacity: 1; |
|
} |
|
.am-comment-hd .am-comment-actions { |
|
padding-right: .375rem; |
|
} |
|
.am-comment-flip .am-comment-avatar { |
|
float: right; |
|
} |
|
.am-comment-flip .am-comment-main { |
|
margin-left: auto; |
|
margin-right: 42px; |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-comment-flip .am-comment-main { |
|
margin-right: 63px; |
|
} |
|
} |
|
.am-comment-flip .am-comment-main:before, |
|
.am-comment-flip .am-comment-main:after { |
|
left: auto; |
|
right: -8px; |
|
border-width: 8px 0 8px 8px; |
|
} |
|
.am-comment-flip .am-comment-main:before { |
|
border-left-color: #dedede; |
|
} |
|
.am-comment-flip .am-comment-main:after { |
|
border-left-color: #f8f8f8; |
|
margin-right: 1px; |
|
margin-left: auto; |
|
} |
|
.am-comment-primary .am-comment-avatar { |
|
border-color: #5085FF; |
|
} |
|
.am-comment-primary .am-comment-main { |
|
border-color: #5085FF; |
|
} |
|
.am-comment-primary .am-comment-main:before { |
|
border-right-color: #5085FF; |
|
} |
|
.am-comment-primary.am-comment-flip .am-comment-main:before { |
|
border-left-color: #5085FF; |
|
border-right-color: transparent; |
|
} |
|
.am-comment-primary.am-comment-flip .am-comment-main:after { |
|
border-left-color: #f8f8f8; |
|
} |
|
.am-comment-secondary .am-comment-avatar, |
|
.am-comment-highlight .am-comment-avatar { |
|
border-color: #9dbaff; |
|
} |
|
.am-comment-secondary .am-comment-main, |
|
.am-comment-highlight .am-comment-main { |
|
border-color: #9dbaff; |
|
} |
|
.am-comment-secondary .am-comment-main:before, |
|
.am-comment-highlight .am-comment-main:before { |
|
border-right-color: #9dbaff; |
|
} |
|
.am-comment-secondary.am-comment-flip .am-comment-main:before, |
|
.am-comment-highlight.am-comment-flip .am-comment-main:before { |
|
border-left-color: #9dbaff; |
|
border-right-color: transparent; |
|
} |
|
.am-comment-secondary.am-comment-flip .am-comment-main:after, |
|
.am-comment-highlight.am-comment-flip .am-comment-main:after { |
|
border-left-color: #f8f8f8; |
|
} |
|
.am-comment-success .am-comment-avatar { |
|
border-color: #29BB9C; |
|
} |
|
.am-comment-success .am-comment-main { |
|
border-color: #29BB9C; |
|
} |
|
.am-comment-success .am-comment-main:before { |
|
border-right-color: #29BB9C; |
|
} |
|
.am-comment-success.am-comment-flip .am-comment-main:before { |
|
border-left-color: #29BB9C; |
|
border-right-color: transparent; |
|
} |
|
.am-comment-success.am-comment-flip .am-comment-main:after { |
|
border-left-color: #f8f8f8; |
|
} |
|
.am-comment-warning .am-comment-avatar { |
|
border-color: #EFA100; |
|
} |
|
.am-comment-warning .am-comment-main { |
|
border-color: #EFA100; |
|
} |
|
.am-comment-warning .am-comment-main:before { |
|
border-right-color: #EFA100; |
|
} |
|
.am-comment-warning.am-comment-flip .am-comment-main:before { |
|
border-left-color: #EFA100; |
|
border-right-color: transparent; |
|
} |
|
.am-comment-warning.am-comment-flip .am-comment-main:after { |
|
border-left-color: #f8f8f8; |
|
} |
|
.am-comment-danger .am-comment-avatar { |
|
border-color: #E54D42; |
|
} |
|
.am-comment-danger .am-comment-main { |
|
border-color: #E54D42; |
|
} |
|
.am-comment-danger .am-comment-main:before { |
|
border-right-color: #E54D42; |
|
} |
|
.am-comment-danger.am-comment-flip .am-comment-main:before { |
|
border-left-color: #E54D42; |
|
border-right-color: transparent; |
|
} |
|
.am-comment-danger.am-comment-flip .am-comment-main:after { |
|
border-left-color: #f8f8f8; |
|
} |
|
.am-comments-list { |
|
padding: 0; |
|
list-style: none; |
|
} |
|
.am-comments-list .am-comment { |
|
margin: 1rem 0 0 0; |
|
list-style: none; |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-comments-list-flip .am-comment-main { |
|
margin-right: 64px; |
|
} |
|
.am-comments-list-flip .am-comment-flip .am-comment-main { |
|
margin-left: 64px; |
|
} |
|
} |
|
/* ========================================================================== |
|
Component: Button Group |
|
============================================================================ */ |
|
.am-btn-group, |
|
.am-btn-group-stacked { |
|
position: relative; |
|
display: inline-block; |
|
vertical-align: middle; |
|
} |
|
.am-btn-group > .am-btn, |
|
.am-btn-group-stacked > .am-btn { |
|
position: relative; |
|
float: left; |
|
} |
|
.am-btn-group > .am-btn:hover, |
|
.am-btn-group-stacked > .am-btn:hover, |
|
.am-btn-group > .am-btn:focus, |
|
.am-btn-group-stacked > .am-btn:focus, |
|
.am-btn-group > .am-btn:active, |
|
.am-btn-group-stacked > .am-btn:active, |
|
.am-btn-group > .am-btn.active, |
|
.am-btn-group-stacked > .am-btn.active { |
|
z-index: 2; |
|
} |
|
.am-btn-group > .am-btn:focus, |
|
.am-btn-group-stacked > .am-btn:focus { |
|
outline: 0; |
|
} |
|
.am-btn-group .am-btn + .am-btn, |
|
.am-btn-group .am-btn + .am-btn-group, |
|
.am-btn-group .am-btn-group + .am-btn, |
|
.am-btn-group .am-btn-group + .am-btn-group { |
|
margin-left: -1px; |
|
} |
|
.am-btn-toolbar { |
|
margin-left: -5px; |
|
} |
|
.am-btn-toolbar:before, |
|
.am-btn-toolbar:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-btn-toolbar:after { |
|
clear: both; |
|
} |
|
.am-btn-toolbar .am-btn-group, |
|
.am-btn-toolbar .am-input-group { |
|
float: left; |
|
} |
|
.am-btn-toolbar > .am-btn, |
|
.am-btn-toolbar > .am-btn-group, |
|
.am-btn-toolbar > .am-input-group { |
|
margin-left: 5px; |
|
} |
|
.am-btn-group > .am-btn:not(:first-child):not(:last-child):not(.am-dropdown-toggle) { |
|
border-radius: 0; |
|
} |
|
.am-btn-group > .am-btn:first-child { |
|
margin-left: 0; |
|
} |
|
.am-btn-group > .am-btn:first-child:not(:last-child):not(.am-dropdown-toggle) { |
|
border-bottom-right-radius: 0; |
|
border-top-right-radius: 0; |
|
} |
|
.am-btn-group > .am-btn:last-child:not(:first-child), |
|
.am-btn-group > .am-dropdown-toggle:not(:first-child) { |
|
border-bottom-left-radius: 0; |
|
border-top-left-radius: 0; |
|
} |
|
.am-btn-group > .am-btn-group { |
|
float: left; |
|
} |
|
.am-btn-group > .am-btn-group:not(:first-child):not(:last-child) > .am-btn { |
|
border-radius: 0; |
|
} |
|
.am-btn-group > .am-btn-group:first-child > .am-btn:last-child, |
|
.am-btn-group > .am-btn-group:first-child > .am-dropdown-toggle { |
|
border-bottom-right-radius: 0; |
|
border-top-right-radius: 0; |
|
} |
|
.am-btn-group > .am-btn-group:last-child > .am-btn:first-child { |
|
border-bottom-left-radius: 0; |
|
border-top-left-radius: 0; |
|
} |
|
.am-btn-group-xs > .am-btn { |
|
font-size: 0.75rem; |
|
} |
|
.am-btn-group-sm > .am-btn { |
|
font-size: 0.875rem; |
|
} |
|
.am-btn-group-lg > .am-btn { |
|
font-size: 1.125rem; |
|
} |
|
.am-btn-group-stacked > .am-btn, |
|
.am-btn-group-stacked > .am-btn-group, |
|
.am-btn-group-stacked > .am-btn-group > .am-btn { |
|
display: block; |
|
float: none; |
|
width: 100%; |
|
max-width: 100%; |
|
} |
|
.am-btn-group-stacked > .am-btn-group:before, |
|
.am-btn-group-stacked > .am-btn-group:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-btn-group-stacked > .am-btn-group:after { |
|
clear: both; |
|
} |
|
.am-btn-group-stacked > .am-btn-group > .am-btn { |
|
float: none; |
|
} |
|
.am-btn-group-stacked > .am-btn + .am-btn, |
|
.am-btn-group-stacked > .am-btn + .am-btn-group, |
|
.am-btn-group-stacked > .am-btn-group + .am-btn, |
|
.am-btn-group-stacked > .am-btn-group + .am-btn-group { |
|
margin-top: -1px; |
|
margin-left: 0; |
|
} |
|
.am-btn-group-stacked > .am-btn:not(:first-child):not(:last-child) { |
|
border-radius: 0; |
|
} |
|
.am-btn-group-stacked > .am-btn:first-child:not(:last-child) { |
|
border-top-right-radius: 4px; |
|
border-bottom-right-radius: 0; |
|
border-bottom-left-radius: 0; |
|
} |
|
.am-btn-group-stacked > .am-btn:last-child:not(:first-child) { |
|
border-bottom-left-radius: 4px; |
|
border-top-right-radius: 0; |
|
border-top-left-radius: 0; |
|
} |
|
.am-btn-group-stacked > .am-btn-group:not(:first-child):not(:last-child) > .am-btn { |
|
border-radius: 0; |
|
} |
|
.am-btn-group-stacked > .am-btn-group:first-child:not(:last-child) > .am-btn:last-child, |
|
.am-btn-group-stacked > .am-btn-group:first-child:not(:last-child) > .am-dropdown-toggle { |
|
border-bottom-right-radius: 0; |
|
border-bottom-left-radius: 0; |
|
} |
|
.am-btn-group-stacked > .am-btn-group:last-child:not(:first-child) > .am-btn:first-child { |
|
border-top-right-radius: 0; |
|
border-top-left-radius: 0; |
|
} |
|
.am-btn-group-justify { |
|
display: table; |
|
table-layout: fixed; |
|
border-collapse: separate; |
|
width: 100%; |
|
} |
|
.am-btn-group-justify > .am-btn, |
|
.am-btn-group-justify > .am-btn-group { |
|
float: none; |
|
display: table-cell; |
|
width: 1%; |
|
} |
|
.am-btn-group-justify > .am-btn-group .am-btn { |
|
width: 100%; |
|
} |
|
.lte9 .am-btn-group-justify { |
|
display: table; |
|
table-layout: fixed; |
|
border-collapse: separate; |
|
} |
|
.lte9 .am-btn-group-justify > .am-btn, |
|
.lte9 .am-btn-group-justify > .am-btn-group { |
|
float: none; |
|
display: table-cell; |
|
width: 1%; |
|
} |
|
.am-btn-group .am-dropdown { |
|
float: left; |
|
margin-left: -1px; |
|
} |
|
.am-btn-group .am-dropdown > .am-btn { |
|
border-bottom-left-radius: 0; |
|
border-top-left-radius: 0; |
|
} |
|
.am-btn-group .am-active .am-dropdown-toggle { |
|
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
|
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); |
|
} |
|
.am-btn-group .am-active .am-dropdown-toggle.am-btn-link { |
|
-webkit-box-shadow: none; |
|
box-shadow: none; |
|
} |
|
.am-btn-group .am-dropdown-toggle:active, |
|
.am-btn-group .am-active .am-dropdown-toggle { |
|
outline: 0; |
|
} |
|
[data-am-button] > .am-btn > input[type="radio"], |
|
[data-am-button] > .am-btn > input[type="checkbox"], |
|
.am-btn-group-check > .am-btn > input[type="radio"], |
|
.am-btn-group-check > .am-btn > input[type="checkbox"] { |
|
position: absolute; |
|
z-index: -1; |
|
opacity: 0; |
|
} |
|
/* ========================================================================== |
|
Component: Close |
|
============================================================================ */ |
|
.am-close { |
|
display: inline-block; |
|
text-align: center; |
|
width: 24px; |
|
font-size: 20px; |
|
font-weight: bold; |
|
line-height: 24px; |
|
color: #000; |
|
text-shadow: 0 1px 0 #fff; |
|
opacity: .2; |
|
-webkit-transition: all .3s; |
|
transition: all .3s; |
|
} |
|
.am-close:hover, |
|
.am-close:focus { |
|
color: #000; |
|
text-decoration: none; |
|
cursor: pointer; |
|
opacity: .5; |
|
outline: none; |
|
} |
|
.am-close[class*="am-icon-"] { |
|
font-size: 16px; |
|
} |
|
button.am-close { |
|
padding: 0; |
|
cursor: pointer; |
|
background: transparent; |
|
/* Needed for Sarari */ |
|
border: 0; |
|
-webkit-appearance: none; |
|
} |
|
a.am-close:hover { |
|
color: inherit; |
|
text-decoration: none; |
|
cursor: pointer; |
|
} |
|
/* Modifiers |
|
============================================================================ */ |
|
.am-close-alt { |
|
border-radius: 50%; |
|
background: #eee; |
|
opacity: 0.7; |
|
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); |
|
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); |
|
/* Hover */ |
|
} |
|
.am-close-alt:hover, |
|
.am-close-alt:focus { |
|
opacity: 1; |
|
} |
|
.am-close-spin:hover { |
|
-webkit-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
} |
|
/* ========================================================================== |
|
Component: Icon |
|
============================================================================ */ |
|
/* Font-face |
|
============================================================================= */ |
|
@font-face { |
|
font-family: 'FontAwesome'; |
|
src: url('../fonts/fontawesome-webfont.eot?v=4.6.3'); |
|
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'); |
|
font-weight: normal; |
|
font-style: normal; |
|
} |
|
/* Component |
|
============================================================================= */ |
|
[class*="am-icon-"] { |
|
display: inline-block; |
|
font-style: normal; |
|
} |
|
[class*="am-icon-"]:before { |
|
display: inline-block; |
|
font: normal normal normal 1rem/1 "FontAwesome", sans-serif; |
|
/*font-weight: normal; // 2 |
|
font-style: normal; // 2 |
|
vertical-align: baseline; // 3 |
|
line-height: 1; // 4*/ |
|
font-size: inherit; |
|
text-rendering: auto; |
|
-webkit-font-smoothing: antialiased; |
|
-moz-osx-font-smoothing: grayscale; |
|
-webkit-transform: translate(0, 0); |
|
transform: translate(0, 0); |
|
} |
|
.am-icon-border { |
|
padding: .2em .25em .15em; |
|
border: solid 0.08em #eee; |
|
border-radius: .1em; |
|
} |
|
[class*="am-icon-"].am-fl { |
|
margin-right: .3em; |
|
} |
|
[class*="am-icon-"].am-fr { |
|
margin-left: .3em; |
|
} |
|
.am-icon-sm:before { |
|
font-size: 150%; |
|
vertical-align: -10%; |
|
} |
|
.am-icon-md:before { |
|
font-size: 200%; |
|
vertical-align: -16%; |
|
} |
|
.am-icon-lg:before { |
|
font-size: 250%; |
|
vertical-align: -22%; |
|
} |
|
/* Modifier: `.am-icon-btn` |
|
============================================================================= */ |
|
.am-icon-btn { |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
display: inline-block; |
|
width: 48px; |
|
height: 48px; |
|
font-size: 24px; |
|
line-height: 48px; |
|
border-radius: 50%; |
|
background-color: #eee; |
|
color: #999999; |
|
text-align: center; |
|
/** |
|
* Hover |
|
* 1. Apply hover style also to focus state |
|
* 2. Remove default focus style |
|
*/ |
|
/* Active */ |
|
} |
|
.am-icon-btn:hover, |
|
.am-icon-btn:focus { |
|
/* 1 */ |
|
background-color: #f5f5f5; |
|
color: #666666; |
|
text-decoration: none; |
|
outline: none; |
|
/* 2 */ |
|
} |
|
.am-icon-btn:active { |
|
background-color: #ddd; |
|
color: #666666; |
|
} |
|
.am-icon-btn.am-primary, |
|
.am-icon-btn.am-secondary, |
|
.am-icon-btn.am-success, |
|
.am-icon-btn.am-warning, |
|
.am-icon-btn.am-danger { |
|
color: #fff; |
|
} |
|
.am-icon-btn.am-primary { |
|
background-color: #5085FF; |
|
} |
|
.am-icon-btn.am-secondary { |
|
background-color: #9dbaff; |
|
} |
|
.am-icon-btn.am-success { |
|
background-color: #29BB9C; |
|
} |
|
.am-icon-btn.am-warning { |
|
background-color: #EFA100; |
|
} |
|
.am-icon-btn.am-danger { |
|
background-color: #E54D42; |
|
} |
|
.am-icon-btn-sm { |
|
width: 32px; |
|
height: 32px; |
|
font-size: 16px; |
|
line-height: 32px; |
|
} |
|
.am-icon-btn-lg { |
|
width: 64px; |
|
height: 64px; |
|
font-size: 28px; |
|
line-height: 64px; |
|
} |
|
/* Modifier: `.am-icon-fw` Fixed width |
|
============================================================================= */ |
|
.am-icon-fw { |
|
width: 1.25em; |
|
text-align: center; |
|
} |
|
/* Icon mapping |
|
============================================================================= */ |
|
.am-icon-glass:before { |
|
content: "\f000"; |
|
} |
|
.am-icon-music:before { |
|
content: "\f001"; |
|
} |
|
.am-icon-search:before { |
|
content: "\f002"; |
|
} |
|
.am-icon-envelope-o:before { |
|
content: "\f003"; |
|
} |
|
.am-icon-heart:before { |
|
content: "\f004"; |
|
} |
|
.am-icon-star:before { |
|
content: "\f005"; |
|
} |
|
.am-icon-star-o:before { |
|
content: "\f006"; |
|
} |
|
.am-icon-user:before { |
|
content: "\f007"; |
|
} |
|
.am-icon-film:before { |
|
content: "\f008"; |
|
} |
|
.am-icon-th-large:before { |
|
content: "\f009"; |
|
} |
|
.am-icon-th:before { |
|
content: "\f00a"; |
|
} |
|
.am-icon-th-list:before { |
|
content: "\f00b"; |
|
} |
|
.am-icon-check:before { |
|
content: "\f00c"; |
|
} |
|
.am-icon-remove:before, |
|
.am-icon-close:before, |
|
.am-icon-times:before { |
|
content: "\f00d"; |
|
} |
|
.am-icon-search-plus:before { |
|
content: "\f00e"; |
|
} |
|
.am-icon-search-minus:before { |
|
content: "\f010"; |
|
} |
|
.am-icon-power-off:before { |
|
content: "\f011"; |
|
} |
|
.am-icon-signal:before { |
|
content: "\f012"; |
|
} |
|
.am-icon-gear:before, |
|
.am-icon-cog:before { |
|
content: "\f013"; |
|
} |
|
.am-icon-trash-o:before { |
|
content: "\f014"; |
|
} |
|
.am-icon-home:before { |
|
content: "\f015"; |
|
} |
|
.am-icon-file-o:before { |
|
content: "\f016"; |
|
} |
|
.am-icon-clock-o:before { |
|
content: "\f017"; |
|
} |
|
.am-icon-road:before { |
|
content: "\f018"; |
|
} |
|
.am-icon-download:before { |
|
content: "\f019"; |
|
} |
|
.am-icon-arrow-circle-o-down:before { |
|
content: "\f01a"; |
|
} |
|
.am-icon-arrow-circle-o-up:before { |
|
content: "\f01b"; |
|
} |
|
.am-icon-inbox:before { |
|
content: "\f01c"; |
|
} |
|
.am-icon-play-circle-o:before { |
|
content: "\f01d"; |
|
} |
|
.am-icon-rotate-right:before, |
|
.am-icon-repeat:before { |
|
content: "\f01e"; |
|
} |
|
.am-icon-refresh:before { |
|
content: "\f021"; |
|
} |
|
.am-icon-list-alt:before { |
|
content: "\f022"; |
|
} |
|
.am-icon-lock:before { |
|
content: "\f023"; |
|
} |
|
.am-icon-flag:before { |
|
content: "\f024"; |
|
} |
|
.am-icon-headphones:before { |
|
content: "\f025"; |
|
} |
|
.am-icon-volume-off:before { |
|
content: "\f026"; |
|
} |
|
.am-icon-volume-down:before { |
|
content: "\f027"; |
|
} |
|
.am-icon-volume-up:before { |
|
content: "\f028"; |
|
} |
|
.am-icon-qrcode:before { |
|
content: "\f029"; |
|
} |
|
.am-icon-barcode:before { |
|
content: "\f02a"; |
|
} |
|
.am-icon-tag:before { |
|
content: "\f02b"; |
|
} |
|
.am-icon-tags:before { |
|
content: "\f02c"; |
|
} |
|
.am-icon-book:before { |
|
content: "\f02d"; |
|
} |
|
.am-icon-bookmark:before { |
|
content: "\f02e"; |
|
} |
|
.am-icon-print:before { |
|
content: "\f02f"; |
|
} |
|
.am-icon-camera:before { |
|
content: "\f030"; |
|
} |
|
.am-icon-font:before { |
|
content: "\f031"; |
|
} |
|
.am-icon-bold:before { |
|
content: "\f032"; |
|
} |
|
.am-icon-italic:before { |
|
content: "\f033"; |
|
} |
|
.am-icon-text-height:before { |
|
content: "\f034"; |
|
} |
|
.am-icon-text-width:before { |
|
content: "\f035"; |
|
} |
|
.am-icon-align-left:before { |
|
content: "\f036"; |
|
} |
|
.am-icon-align-center:before { |
|
content: "\f037"; |
|
} |
|
.am-icon-align-right:before { |
|
content: "\f038"; |
|
} |
|
.am-icon-align-justify:before { |
|
content: "\f039"; |
|
} |
|
.am-icon-list:before { |
|
content: "\f03a"; |
|
} |
|
.am-icon-dedent:before, |
|
.am-icon-outdent:before { |
|
content: "\f03b"; |
|
} |
|
.am-icon-indent:before { |
|
content: "\f03c"; |
|
} |
|
.am-icon-video-camera:before { |
|
content: "\f03d"; |
|
} |
|
.am-icon-photo:before, |
|
.am-icon-image:before, |
|
.am-icon-picture-o:before { |
|
content: "\f03e"; |
|
} |
|
.am-icon-pencil:before { |
|
content: "\f040"; |
|
} |
|
.am-icon-map-marker:before { |
|
content: "\f041"; |
|
} |
|
.am-icon-adjust:before { |
|
content: "\f042"; |
|
} |
|
.am-icon-tint:before { |
|
content: "\f043"; |
|
} |
|
.am-icon-edit:before, |
|
.am-icon-pencil-square-o:before { |
|
content: "\f044"; |
|
} |
|
.am-icon-share-square-o:before { |
|
content: "\f045"; |
|
} |
|
.am-icon-check-square-o:before { |
|
content: "\f046"; |
|
} |
|
.am-icon-arrows:before { |
|
content: "\f047"; |
|
} |
|
.am-icon-step-backward:before { |
|
content: "\f048"; |
|
} |
|
.am-icon-fast-backward:before { |
|
content: "\f049"; |
|
} |
|
.am-icon-backward:before { |
|
content: "\f04a"; |
|
} |
|
.am-icon-play:before { |
|
content: "\f04b"; |
|
} |
|
.am-icon-pause:before { |
|
content: "\f04c"; |
|
} |
|
.am-icon-stop:before { |
|
content: "\f04d"; |
|
} |
|
.am-icon-forward:before { |
|
content: "\f04e"; |
|
} |
|
.am-icon-fast-forward:before { |
|
content: "\f050"; |
|
} |
|
.am-icon-step-forward:before { |
|
content: "\f051"; |
|
} |
|
.am-icon-eject:before { |
|
content: "\f052"; |
|
} |
|
.am-icon-chevron-left:before { |
|
content: "\f053"; |
|
} |
|
.am-icon-chevron-right:before { |
|
content: "\f054"; |
|
} |
|
.am-icon-plus-circle:before { |
|
content: "\f055"; |
|
} |
|
.am-icon-minus-circle:before { |
|
content: "\f056"; |
|
} |
|
.am-icon-times-circle:before { |
|
content: "\f057"; |
|
} |
|
.am-icon-check-circle:before { |
|
content: "\f058"; |
|
} |
|
.am-icon-question-circle:before { |
|
content: "\f059"; |
|
} |
|
.am-icon-info-circle:before { |
|
content: "\f05a"; |
|
} |
|
.am-icon-crosshairs:before { |
|
content: "\f05b"; |
|
} |
|
.am-icon-times-circle-o:before { |
|
content: "\f05c"; |
|
} |
|
.am-icon-check-circle-o:before { |
|
content: "\f05d"; |
|
} |
|
.am-icon-ban:before { |
|
content: "\f05e"; |
|
} |
|
.am-icon-arrow-left:before { |
|
content: "\f060"; |
|
} |
|
.am-icon-arrow-right:before { |
|
content: "\f061"; |
|
} |
|
.am-icon-arrow-up:before { |
|
content: "\f062"; |
|
} |
|
.am-icon-arrow-down:before { |
|
content: "\f063"; |
|
} |
|
.am-icon-mail-forward:before, |
|
.am-icon-share:before { |
|
content: "\f064"; |
|
} |
|
.am-icon-expand:before { |
|
content: "\f065"; |
|
} |
|
.am-icon-compress:before { |
|
content: "\f066"; |
|
} |
|
.am-icon-plus:before { |
|
content: "\f067"; |
|
} |
|
.am-icon-minus:before { |
|
content: "\f068"; |
|
} |
|
.am-icon-asterisk:before { |
|
content: "\f069"; |
|
} |
|
.am-icon-exclamation-circle:before { |
|
content: "\f06a"; |
|
} |
|
.am-icon-gift:before { |
|
content: "\f06b"; |
|
} |
|
.am-icon-leaf:before { |
|
content: "\f06c"; |
|
} |
|
.am-icon-fire:before { |
|
content: "\f06d"; |
|
} |
|
.am-icon-eye:before { |
|
content: "\f06e"; |
|
} |
|
.am-icon-eye-slash:before { |
|
content: "\f070"; |
|
} |
|
.am-icon-warning:before, |
|
.am-icon-exclamation-triangle:before { |
|
content: "\f071"; |
|
} |
|
.am-icon-plane:before { |
|
content: "\f072"; |
|
} |
|
.am-icon-calendar:before { |
|
content: "\f073"; |
|
} |
|
.am-icon-random:before { |
|
content: "\f074"; |
|
} |
|
.am-icon-comment:before { |
|
content: "\f075"; |
|
} |
|
.am-icon-magnet:before { |
|
content: "\f076"; |
|
} |
|
.am-icon-chevron-up:before { |
|
content: "\f077"; |
|
} |
|
.am-icon-chevron-down:before { |
|
content: "\f078"; |
|
} |
|
.am-icon-retweet:before { |
|
content: "\f079"; |
|
} |
|
.am-icon-shopping-cart:before { |
|
content: "\f07a"; |
|
} |
|
.am-icon-folder:before { |
|
content: "\f07b"; |
|
} |
|
.am-icon-folder-open:before { |
|
content: "\f07c"; |
|
} |
|
.am-icon-arrows-v:before { |
|
content: "\f07d"; |
|
} |
|
.am-icon-arrows-h:before { |
|
content: "\f07e"; |
|
} |
|
.am-icon-bar-chart-o:before, |
|
.am-icon-bar-chart:before { |
|
content: "\f080"; |
|
} |
|
.am-icon-twitter-square:before { |
|
content: "\f081"; |
|
} |
|
.am-icon-facebook-square:before { |
|
content: "\f082"; |
|
} |
|
.am-icon-camera-retro:before { |
|
content: "\f083"; |
|
} |
|
.am-icon-key:before { |
|
content: "\f084"; |
|
} |
|
.am-icon-gears:before, |
|
.am-icon-cogs:before { |
|
content: "\f085"; |
|
} |
|
.am-icon-comments:before { |
|
content: "\f086"; |
|
} |
|
.am-icon-thumbs-o-up:before { |
|
content: "\f087"; |
|
} |
|
.am-icon-thumbs-o-down:before { |
|
content: "\f088"; |
|
} |
|
.am-icon-star-half:before { |
|
content: "\f089"; |
|
} |
|
.am-icon-heart-o:before { |
|
content: "\f08a"; |
|
} |
|
.am-icon-sign-out:before { |
|
content: "\f08b"; |
|
} |
|
.am-icon-linkedin-square:before { |
|
content: "\f08c"; |
|
} |
|
.am-icon-thumb-tack:before { |
|
content: "\f08d"; |
|
} |
|
.am-icon-external-link:before { |
|
content: "\f08e"; |
|
} |
|
.am-icon-sign-in:before { |
|
content: "\f090"; |
|
} |
|
.am-icon-trophy:before { |
|
content: "\f091"; |
|
} |
|
.am-icon-github-square:before { |
|
content: "\f092"; |
|
} |
|
.am-icon-upload:before { |
|
content: "\f093"; |
|
} |
|
.am-icon-lemon-o:before { |
|
content: "\f094"; |
|
} |
|
.am-icon-phone:before { |
|
content: "\f095"; |
|
} |
|
.am-icon-square-o:before { |
|
content: "\f096"; |
|
} |
|
.am-icon-bookmark-o:before { |
|
content: "\f097"; |
|
} |
|
.am-icon-phone-square:before { |
|
content: "\f098"; |
|
} |
|
.am-icon-twitter:before { |
|
content: "\f099"; |
|
} |
|
.am-icon-facebook-f:before, |
|
.am-icon-facebook:before { |
|
content: "\f09a"; |
|
} |
|
.am-icon-github:before { |
|
content: "\f09b"; |
|
} |
|
.am-icon-unlock:before { |
|
content: "\f09c"; |
|
} |
|
.am-icon-credit-card:before { |
|
content: "\f09d"; |
|
} |
|
.am-icon-feed:before, |
|
.am-icon-rss:before { |
|
content: "\f09e"; |
|
} |
|
.am-icon-hdd-o:before { |
|
content: "\f0a0"; |
|
} |
|
.am-icon-bullhorn:before { |
|
content: "\f0a1"; |
|
} |
|
.am-icon-bell:before { |
|
content: "\f0f3"; |
|
} |
|
.am-icon-certificate:before { |
|
content: "\f0a3"; |
|
} |
|
.am-icon-hand-o-right:before { |
|
content: "\f0a4"; |
|
} |
|
.am-icon-hand-o-left:before { |
|
content: "\f0a5"; |
|
} |
|
.am-icon-hand-o-up:before { |
|
content: "\f0a6"; |
|
} |
|
.am-icon-hand-o-down:before { |
|
content: "\f0a7"; |
|
} |
|
.am-icon-arrow-circle-left:before { |
|
content: "\f0a8"; |
|
} |
|
.am-icon-arrow-circle-right:before { |
|
content: "\f0a9"; |
|
} |
|
.am-icon-arrow-circle-up:before { |
|
content: "\f0aa"; |
|
} |
|
.am-icon-arrow-circle-down:before { |
|
content: "\f0ab"; |
|
} |
|
.am-icon-globe:before { |
|
content: "\f0ac"; |
|
} |
|
.am-icon-wrench:before { |
|
content: "\f0ad"; |
|
} |
|
.am-icon-tasks:before { |
|
content: "\f0ae"; |
|
} |
|
.am-icon-filter:before { |
|
content: "\f0b0"; |
|
} |
|
.am-icon-briefcase:before { |
|
content: "\f0b1"; |
|
} |
|
.am-icon-arrows-alt:before { |
|
content: "\f0b2"; |
|
} |
|
.am-icon-group:before, |
|
.am-icon-users:before { |
|
content: "\f0c0"; |
|
} |
|
.am-icon-chain:before, |
|
.am-icon-link:before { |
|
content: "\f0c1"; |
|
} |
|
.am-icon-cloud:before { |
|
content: "\f0c2"; |
|
} |
|
.am-icon-flask:before { |
|
content: "\f0c3"; |
|
} |
|
.am-icon-cut:before, |
|
.am-icon-scissors:before { |
|
content: "\f0c4"; |
|
} |
|
.am-icon-copy:before, |
|
.am-icon-files-o:before { |
|
content: "\f0c5"; |
|
} |
|
.am-icon-paperclip:before { |
|
content: "\f0c6"; |
|
} |
|
.am-icon-save:before, |
|
.am-icon-floppy-o:before { |
|
content: "\f0c7"; |
|
} |
|
.am-icon-square:before { |
|
content: "\f0c8"; |
|
} |
|
.am-icon-navicon:before, |
|
.am-icon-reorder:before, |
|
.am-icon-bars:before { |
|
content: "\f0c9"; |
|
} |
|
.am-icon-list-ul:before { |
|
content: "\f0ca"; |
|
} |
|
.am-icon-list-ol:before { |
|
content: "\f0cb"; |
|
} |
|
.am-icon-strikethrough:before { |
|
content: "\f0cc"; |
|
} |
|
.am-icon-underline:before { |
|
content: "\f0cd"; |
|
} |
|
.am-icon-table:before { |
|
content: "\f0ce"; |
|
} |
|
.am-icon-magic:before { |
|
content: "\f0d0"; |
|
} |
|
.am-icon-truck:before { |
|
content: "\f0d1"; |
|
} |
|
.am-icon-pinterest:before { |
|
content: "\f0d2"; |
|
} |
|
.am-icon-pinterest-square:before { |
|
content: "\f0d3"; |
|
} |
|
.am-icon-google-plus-square:before { |
|
content: "\f0d4"; |
|
} |
|
.am-icon-google-plus:before { |
|
content: "\f0d5"; |
|
} |
|
.am-icon-money:before { |
|
content: "\f0d6"; |
|
} |
|
.am-icon-caret-down:before { |
|
content: "\f0d7"; |
|
} |
|
.am-icon-caret-up:before { |
|
content: "\f0d8"; |
|
} |
|
.am-icon-caret-left:before { |
|
content: "\f0d9"; |
|
} |
|
.am-icon-caret-right:before { |
|
content: "\f0da"; |
|
} |
|
.am-icon-columns:before { |
|
content: "\f0db"; |
|
} |
|
.am-icon-unsorted:before, |
|
.am-icon-sort:before { |
|
content: "\f0dc"; |
|
} |
|
.am-icon-sort-down:before, |
|
.am-icon-sort-desc:before { |
|
content: "\f0dd"; |
|
} |
|
.am-icon-sort-up:before, |
|
.am-icon-sort-asc:before { |
|
content: "\f0de"; |
|
} |
|
.am-icon-envelope:before { |
|
content: "\f0e0"; |
|
} |
|
.am-icon-linkedin:before { |
|
content: "\f0e1"; |
|
} |
|
.am-icon-rotate-left:before, |
|
.am-icon-undo:before { |
|
content: "\f0e2"; |
|
} |
|
.am-icon-legal:before, |
|
.am-icon-gavel:before { |
|
content: "\f0e3"; |
|
} |
|
.am-icon-dashboard:before, |
|
.am-icon-tachometer:before { |
|
content: "\f0e4"; |
|
} |
|
.am-icon-comment-o:before { |
|
content: "\f0e5"; |
|
} |
|
.am-icon-comments-o:before { |
|
content: "\f0e6"; |
|
} |
|
.am-icon-flash:before, |
|
.am-icon-bolt:before { |
|
content: "\f0e7"; |
|
} |
|
.am-icon-sitemap:before { |
|
content: "\f0e8"; |
|
} |
|
.am-icon-umbrella:before { |
|
content: "\f0e9"; |
|
} |
|
.am-icon-paste:before, |
|
.am-icon-clipboard:before { |
|
content: "\f0ea"; |
|
} |
|
.am-icon-lightbulb-o:before { |
|
content: "\f0eb"; |
|
} |
|
.am-icon-exchange:before { |
|
content: "\f0ec"; |
|
} |
|
.am-icon-cloud-download:before { |
|
content: "\f0ed"; |
|
} |
|
.am-icon-cloud-upload:before { |
|
content: "\f0ee"; |
|
} |
|
.am-icon-user-md:before { |
|
content: "\f0f0"; |
|
} |
|
.am-icon-stethoscope:before { |
|
content: "\f0f1"; |
|
} |
|
.am-icon-suitcase:before { |
|
content: "\f0f2"; |
|
} |
|
.am-icon-bell-o:before { |
|
content: "\f0a2"; |
|
} |
|
.am-icon-coffee:before { |
|
content: "\f0f4"; |
|
} |
|
.am-icon-cutlery:before { |
|
content: "\f0f5"; |
|
} |
|
.am-icon-file-text-o:before { |
|
content: "\f0f6"; |
|
} |
|
.am-icon-building-o:before { |
|
content: "\f0f7"; |
|
} |
|
.am-icon-hospital-o:before { |
|
content: "\f0f8"; |
|
} |
|
.am-icon-ambulance:before { |
|
content: "\f0f9"; |
|
} |
|
.am-icon-medkit:before { |
|
content: "\f0fa"; |
|
} |
|
.am-icon-fighter-jet:before { |
|
content: "\f0fb"; |
|
} |
|
.am-icon-beer:before { |
|
content: "\f0fc"; |
|
} |
|
.am-icon-h-square:before { |
|
content: "\f0fd"; |
|
} |
|
.am-icon-plus-square:before { |
|
content: "\f0fe"; |
|
} |
|
.am-icon-angle-double-left:before { |
|
content: "\f100"; |
|
} |
|
.am-icon-angle-double-right:before { |
|
content: "\f101"; |
|
} |
|
.am-icon-angle-double-up:before { |
|
content: "\f102"; |
|
} |
|
.am-icon-angle-double-down:before { |
|
content: "\f103"; |
|
} |
|
.am-icon-angle-left:before { |
|
content: "\f104"; |
|
} |
|
.am-icon-angle-right:before { |
|
content: "\f105"; |
|
} |
|
.am-icon-angle-up:before { |
|
content: "\f106"; |
|
} |
|
.am-icon-angle-down:before { |
|
content: "\f107"; |
|
} |
|
.am-icon-desktop:before { |
|
content: "\f108"; |
|
} |
|
.am-icon-laptop:before { |
|
content: "\f109"; |
|
} |
|
.am-icon-tablet:before { |
|
content: "\f10a"; |
|
} |
|
.am-icon-mobile-phone:before, |
|
.am-icon-mobile:before { |
|
content: "\f10b"; |
|
} |
|
.am-icon-circle-o:before { |
|
content: "\f10c"; |
|
} |
|
.am-icon-quote-left:before { |
|
content: "\f10d"; |
|
} |
|
.am-icon-quote-right:before { |
|
content: "\f10e"; |
|
} |
|
.am-icon-spinner:before { |
|
content: "\f110"; |
|
} |
|
.am-icon-circle:before { |
|
content: "\f111"; |
|
} |
|
.am-icon-mail-reply:before, |
|
.am-icon-reply:before { |
|
content: "\f112"; |
|
} |
|
.am-icon-github-alt:before { |
|
content: "\f113"; |
|
} |
|
.am-icon-folder-o:before { |
|
content: "\f114"; |
|
} |
|
.am-icon-folder-open-o:before { |
|
content: "\f115"; |
|
} |
|
.am-icon-smile-o:before { |
|
content: "\f118"; |
|
} |
|
.am-icon-frown-o:before { |
|
content: "\f119"; |
|
} |
|
.am-icon-meh-o:before { |
|
content: "\f11a"; |
|
} |
|
.am-icon-gamepad:before { |
|
content: "\f11b"; |
|
} |
|
.am-icon-keyboard-o:before { |
|
content: "\f11c"; |
|
} |
|
.am-icon-flag-o:before { |
|
content: "\f11d"; |
|
} |
|
.am-icon-flag-checkered:before { |
|
content: "\f11e"; |
|
} |
|
.am-icon-terminal:before { |
|
content: "\f120"; |
|
} |
|
.am-icon-code:before { |
|
content: "\f121"; |
|
} |
|
.am-icon-mail-reply-all:before, |
|
.am-icon-reply-all:before { |
|
content: "\f122"; |
|
} |
|
.am-icon-star-half-empty:before, |
|
.am-icon-star-half-full:before, |
|
.am-icon-star-half-o:before { |
|
content: "\f123"; |
|
} |
|
.am-icon-location-arrow:before { |
|
content: "\f124"; |
|
} |
|
.am-icon-crop:before { |
|
content: "\f125"; |
|
} |
|
.am-icon-code-fork:before { |
|
content: "\f126"; |
|
} |
|
.am-icon-unlink:before, |
|
.am-icon-chain-broken:before { |
|
content: "\f127"; |
|
} |
|
.am-icon-question:before { |
|
content: "\f128"; |
|
} |
|
.am-icon-info:before { |
|
content: "\f129"; |
|
} |
|
.am-icon-exclamation:before { |
|
content: "\f12a"; |
|
} |
|
.am-icon-superscript:before { |
|
content: "\f12b"; |
|
} |
|
.am-icon-subscript:before { |
|
content: "\f12c"; |
|
} |
|
.am-icon-eraser:before { |
|
content: "\f12d"; |
|
} |
|
.am-icon-puzzle-piece:before { |
|
content: "\f12e"; |
|
} |
|
.am-icon-microphone:before { |
|
content: "\f130"; |
|
} |
|
.am-icon-microphone-slash:before { |
|
content: "\f131"; |
|
} |
|
.am-icon-shield:before { |
|
content: "\f132"; |
|
} |
|
.am-icon-calendar-o:before { |
|
content: "\f133"; |
|
} |
|
.am-icon-fire-extinguisher:before { |
|
content: "\f134"; |
|
} |
|
.am-icon-rocket:before { |
|
content: "\f135"; |
|
} |
|
.am-icon-maxcdn:before { |
|
content: "\f136"; |
|
} |
|
.am-icon-chevron-circle-left:before { |
|
content: "\f137"; |
|
} |
|
.am-icon-chevron-circle-right:before { |
|
content: "\f138"; |
|
} |
|
.am-icon-chevron-circle-up:before { |
|
content: "\f139"; |
|
} |
|
.am-icon-chevron-circle-down:before { |
|
content: "\f13a"; |
|
} |
|
.am-icon-html5:before { |
|
content: "\f13b"; |
|
} |
|
.am-icon-css3:before { |
|
content: "\f13c"; |
|
} |
|
.am-icon-anchor:before { |
|
content: "\f13d"; |
|
} |
|
.am-icon-unlock-alt:before { |
|
content: "\f13e"; |
|
} |
|
.am-icon-bullseye:before { |
|
content: "\f140"; |
|
} |
|
.am-icon-ellipsis-h:before { |
|
content: "\f141"; |
|
} |
|
.am-icon-ellipsis-v:before { |
|
content: "\f142"; |
|
} |
|
.am-icon-rss-square:before { |
|
content: "\f143"; |
|
} |
|
.am-icon-play-circle:before { |
|
content: "\f144"; |
|
} |
|
.am-icon-ticket:before { |
|
content: "\f145"; |
|
} |
|
.am-icon-minus-square:before { |
|
content: "\f146"; |
|
} |
|
.am-icon-minus-square-o:before { |
|
content: "\f147"; |
|
} |
|
.am-icon-level-up:before { |
|
content: "\f148"; |
|
} |
|
.am-icon-level-down:before { |
|
content: "\f149"; |
|
} |
|
.am-icon-check-square:before { |
|
content: "\f14a"; |
|
} |
|
.am-icon-pencil-square:before { |
|
content: "\f14b"; |
|
} |
|
.am-icon-external-link-square:before { |
|
content: "\f14c"; |
|
} |
|
.am-icon-share-square:before { |
|
content: "\f14d"; |
|
} |
|
.am-icon-compass:before { |
|
content: "\f14e"; |
|
} |
|
.am-icon-toggle-down:before, |
|
.am-icon-caret-square-o-down:before { |
|
content: "\f150"; |
|
} |
|
.am-icon-toggle-up:before, |
|
.am-icon-caret-square-o-up:before { |
|
content: "\f151"; |
|
} |
|
.am-icon-toggle-right:before, |
|
.am-icon-caret-square-o-right:before { |
|
content: "\f152"; |
|
} |
|
.am-icon-euro:before, |
|
.am-icon-eur:before { |
|
content: "\f153"; |
|
} |
|
.am-icon-gbp:before { |
|
content: "\f154"; |
|
} |
|
.am-icon-dollar:before, |
|
.am-icon-usd:before { |
|
content: "\f155"; |
|
} |
|
.am-icon-rupee:before, |
|
.am-icon-inr:before { |
|
content: "\f156"; |
|
} |
|
.am-icon-cny:before, |
|
.am-icon-rmb:before, |
|
.am-icon-yen:before, |
|
.am-icon-jpy:before { |
|
content: "\f157"; |
|
} |
|
.am-icon-ruble:before, |
|
.am-icon-rouble:before, |
|
.am-icon-rub:before { |
|
content: "\f158"; |
|
} |
|
.am-icon-won:before, |
|
.am-icon-krw:before { |
|
content: "\f159"; |
|
} |
|
.am-icon-bitcoin:before, |
|
.am-icon-btc:before { |
|
content: "\f15a"; |
|
} |
|
.am-icon-file:before { |
|
content: "\f15b"; |
|
} |
|
.am-icon-file-text:before { |
|
content: "\f15c"; |
|
} |
|
.am-icon-sort-alpha-asc:before { |
|
content: "\f15d"; |
|
} |
|
.am-icon-sort-alpha-desc:before { |
|
content: "\f15e"; |
|
} |
|
.am-icon-sort-amount-asc:before { |
|
content: "\f160"; |
|
} |
|
.am-icon-sort-amount-desc:before { |
|
content: "\f161"; |
|
} |
|
.am-icon-sort-numeric-asc:before { |
|
content: "\f162"; |
|
} |
|
.am-icon-sort-numeric-desc:before { |
|
content: "\f163"; |
|
} |
|
.am-icon-thumbs-up:before { |
|
content: "\f164"; |
|
} |
|
.am-icon-thumbs-down:before { |
|
content: "\f165"; |
|
} |
|
.am-icon-youtube-square:before { |
|
content: "\f166"; |
|
} |
|
.am-icon-youtube:before { |
|
content: "\f167"; |
|
} |
|
.am-icon-xing:before { |
|
content: "\f168"; |
|
} |
|
.am-icon-xing-square:before { |
|
content: "\f169"; |
|
} |
|
.am-icon-youtube-play:before { |
|
content: "\f16a"; |
|
} |
|
.am-icon-dropbox:before { |
|
content: "\f16b"; |
|
} |
|
.am-icon-stack-overflow:before { |
|
content: "\f16c"; |
|
} |
|
.am-icon-instagram:before { |
|
content: "\f16d"; |
|
} |
|
.am-icon-flickr:before { |
|
content: "\f16e"; |
|
} |
|
.am-icon-adn:before { |
|
content: "\f170"; |
|
} |
|
.am-icon-bitbucket:before { |
|
content: "\f171"; |
|
} |
|
.am-icon-bitbucket-square:before { |
|
content: "\f172"; |
|
} |
|
.am-icon-tumblr:before { |
|
content: "\f173"; |
|
} |
|
.am-icon-tumblr-square:before { |
|
content: "\f174"; |
|
} |
|
.am-icon-long-arrow-down:before { |
|
content: "\f175"; |
|
} |
|
.am-icon-long-arrow-up:before { |
|
content: "\f176"; |
|
} |
|
.am-icon-long-arrow-left:before { |
|
content: "\f177"; |
|
} |
|
.am-icon-long-arrow-right:before { |
|
content: "\f178"; |
|
} |
|
.am-icon-apple:before { |
|
content: "\f179"; |
|
} |
|
.am-icon-windows:before { |
|
content: "\f17a"; |
|
} |
|
.am-icon-android:before { |
|
content: "\f17b"; |
|
} |
|
.am-icon-linux:before { |
|
content: "\f17c"; |
|
} |
|
.am-icon-dribbble:before { |
|
content: "\f17d"; |
|
} |
|
.am-icon-skype:before { |
|
content: "\f17e"; |
|
} |
|
.am-icon-foursquare:before { |
|
content: "\f180"; |
|
} |
|
.am-icon-trello:before { |
|
content: "\f181"; |
|
} |
|
.am-icon-female:before { |
|
content: "\f182"; |
|
} |
|
.am-icon-male:before { |
|
content: "\f183"; |
|
} |
|
.am-icon-gittip:before, |
|
.am-icon-gratipay:before { |
|
content: "\f184"; |
|
} |
|
.am-icon-sun-o:before { |
|
content: "\f185"; |
|
} |
|
.am-icon-moon-o:before { |
|
content: "\f186"; |
|
} |
|
.am-icon-archive:before { |
|
content: "\f187"; |
|
} |
|
.am-icon-bug:before { |
|
content: "\f188"; |
|
} |
|
.am-icon-vk:before { |
|
content: "\f189"; |
|
} |
|
.am-icon-weibo:before { |
|
content: "\f18a"; |
|
} |
|
.am-icon-renren:before { |
|
content: "\f18b"; |
|
} |
|
.am-icon-pagelines:before { |
|
content: "\f18c"; |
|
} |
|
.am-icon-stack-exchange:before { |
|
content: "\f18d"; |
|
} |
|
.am-icon-arrow-circle-o-right:before { |
|
content: "\f18e"; |
|
} |
|
.am-icon-arrow-circle-o-left:before { |
|
content: "\f190"; |
|
} |
|
.am-icon-toggle-left:before, |
|
.am-icon-caret-square-o-left:before { |
|
content: "\f191"; |
|
} |
|
.am-icon-dot-circle-o:before { |
|
content: "\f192"; |
|
} |
|
.am-icon-wheelchair:before { |
|
content: "\f193"; |
|
} |
|
.am-icon-vimeo-square:before { |
|
content: "\f194"; |
|
} |
|
.am-icon-turkish-lira:before, |
|
.am-icon-try:before { |
|
content: "\f195"; |
|
} |
|
.am-icon-plus-square-o:before { |
|
content: "\f196"; |
|
} |
|
.am-icon-space-shuttle:before { |
|
content: "\f197"; |
|
} |
|
.am-icon-slack:before { |
|
content: "\f198"; |
|
} |
|
.am-icon-envelope-square:before { |
|
content: "\f199"; |
|
} |
|
.am-icon-wordpress:before { |
|
content: "\f19a"; |
|
} |
|
.am-icon-openid:before { |
|
content: "\f19b"; |
|
} |
|
.am-icon-institution:before, |
|
.am-icon-bank:before, |
|
.am-icon-university:before { |
|
content: "\f19c"; |
|
} |
|
.am-icon-mortar-board:before, |
|
.am-icon-graduation-cap:before { |
|
content: "\f19d"; |
|
} |
|
.am-icon-yahoo:before { |
|
content: "\f19e"; |
|
} |
|
.am-icon-google:before { |
|
content: "\f1a0"; |
|
} |
|
.am-icon-reddit:before { |
|
content: "\f1a1"; |
|
} |
|
.am-icon-reddit-square:before { |
|
content: "\f1a2"; |
|
} |
|
.am-icon-stumbleupon-circle:before { |
|
content: "\f1a3"; |
|
} |
|
.am-icon-stumbleupon:before { |
|
content: "\f1a4"; |
|
} |
|
.am-icon-delicious:before { |
|
content: "\f1a5"; |
|
} |
|
.am-icon-digg:before { |
|
content: "\f1a6"; |
|
} |
|
.am-icon-pied-piper-pp:before { |
|
content: "\f1a7"; |
|
} |
|
.am-icon-pied-piper-alt:before { |
|
content: "\f1a8"; |
|
} |
|
.am-icon-drupal:before { |
|
content: "\f1a9"; |
|
} |
|
.am-icon-joomla:before { |
|
content: "\f1aa"; |
|
} |
|
.am-icon-language:before { |
|
content: "\f1ab"; |
|
} |
|
.am-icon-fax:before { |
|
content: "\f1ac"; |
|
} |
|
.am-icon-building:before { |
|
content: "\f1ad"; |
|
} |
|
.am-icon-child:before { |
|
content: "\f1ae"; |
|
} |
|
.am-icon-paw:before { |
|
content: "\f1b0"; |
|
} |
|
.am-icon-spoon:before { |
|
content: "\f1b1"; |
|
} |
|
.am-icon-cube:before { |
|
content: "\f1b2"; |
|
} |
|
.am-icon-cubes:before { |
|
content: "\f1b3"; |
|
} |
|
.am-icon-behance:before { |
|
content: "\f1b4"; |
|
} |
|
.am-icon-behance-square:before { |
|
content: "\f1b5"; |
|
} |
|
.am-icon-steam:before { |
|
content: "\f1b6"; |
|
} |
|
.am-icon-steam-square:before { |
|
content: "\f1b7"; |
|
} |
|
.am-icon-recycle:before { |
|
content: "\f1b8"; |
|
} |
|
.am-icon-automobile:before, |
|
.am-icon-car:before { |
|
content: "\f1b9"; |
|
} |
|
.am-icon-cab:before, |
|
.am-icon-taxi:before { |
|
content: "\f1ba"; |
|
} |
|
.am-icon-tree:before { |
|
content: "\f1bb"; |
|
} |
|
.am-icon-spotify:before { |
|
content: "\f1bc"; |
|
} |
|
.am-icon-deviantart:before { |
|
content: "\f1bd"; |
|
} |
|
.am-icon-soundcloud:before { |
|
content: "\f1be"; |
|
} |
|
.am-icon-database:before { |
|
content: "\f1c0"; |
|
} |
|
.am-icon-file-pdf-o:before { |
|
content: "\f1c1"; |
|
} |
|
.am-icon-file-word-o:before { |
|
content: "\f1c2"; |
|
} |
|
.am-icon-file-excel-o:before { |
|
content: "\f1c3"; |
|
} |
|
.am-icon-file-powerpoint-o:before { |
|
content: "\f1c4"; |
|
} |
|
.am-icon-file-photo-o:before, |
|
.am-icon-file-picture-o:before, |
|
.am-icon-file-image-o:before { |
|
content: "\f1c5"; |
|
} |
|
.am-icon-file-zip-o:before, |
|
.am-icon-file-archive-o:before { |
|
content: "\f1c6"; |
|
} |
|
.am-icon-file-sound-o:before, |
|
.am-icon-file-audio-o:before { |
|
content: "\f1c7"; |
|
} |
|
.am-icon-file-movie-o:before, |
|
.am-icon-file-video-o:before { |
|
content: "\f1c8"; |
|
} |
|
.am-icon-file-code-o:before { |
|
content: "\f1c9"; |
|
} |
|
.am-icon-vine:before { |
|
content: "\f1ca"; |
|
} |
|
.am-icon-codepen:before { |
|
content: "\f1cb"; |
|
} |
|
.am-icon-jsfiddle:before { |
|
content: "\f1cc"; |
|
} |
|
.am-icon-life-bouy:before, |
|
.am-icon-life-buoy:before, |
|
.am-icon-life-saver:before, |
|
.am-icon-support:before, |
|
.am-icon-life-ring:before { |
|
content: "\f1cd"; |
|
} |
|
.am-icon-circle-o-notch:before { |
|
content: "\f1ce"; |
|
} |
|
.am-icon-ra:before, |
|
.am-icon-resistance:before, |
|
.am-icon-rebel:before { |
|
content: "\f1d0"; |
|
} |
|
.am-icon-ge:before, |
|
.am-icon-empire:before { |
|
content: "\f1d1"; |
|
} |
|
.am-icon-git-square:before { |
|
content: "\f1d2"; |
|
} |
|
.am-icon-git:before { |
|
content: "\f1d3"; |
|
} |
|
.am-icon-y-combinator-square:before, |
|
.am-icon-yc-square:before, |
|
.am-icon-hacker-news:before { |
|
content: "\f1d4"; |
|
} |
|
.am-icon-tencent-weibo:before { |
|
content: "\f1d5"; |
|
} |
|
.am-icon-qq:before { |
|
content: "\f1d6"; |
|
} |
|
.am-icon-wechat:before, |
|
.am-icon-weixin:before { |
|
content: "\f1d7"; |
|
} |
|
.am-icon-send:before, |
|
.am-icon-paper-plane:before { |
|
content: "\f1d8"; |
|
} |
|
.am-icon-send-o:before, |
|
.am-icon-paper-plane-o:before { |
|
content: "\f1d9"; |
|
} |
|
.am-icon-history:before { |
|
content: "\f1da"; |
|
} |
|
.am-icon-circle-thin:before { |
|
content: "\f1db"; |
|
} |
|
.am-icon-header:before { |
|
content: "\f1dc"; |
|
} |
|
.am-icon-paragraph:before { |
|
content: "\f1dd"; |
|
} |
|
.am-icon-sliders:before { |
|
content: "\f1de"; |
|
} |
|
.am-icon-share-alt:before { |
|
content: "\f1e0"; |
|
} |
|
.am-icon-share-alt-square:before { |
|
content: "\f1e1"; |
|
} |
|
.am-icon-bomb:before { |
|
content: "\f1e2"; |
|
} |
|
.am-icon-soccer-ball-o:before, |
|
.am-icon-futbol-o:before { |
|
content: "\f1e3"; |
|
} |
|
.am-icon-tty:before { |
|
content: "\f1e4"; |
|
} |
|
.am-icon-binoculars:before { |
|
content: "\f1e5"; |
|
} |
|
.am-icon-plug:before { |
|
content: "\f1e6"; |
|
} |
|
.am-icon-slideshare:before { |
|
content: "\f1e7"; |
|
} |
|
.am-icon-twitch:before { |
|
content: "\f1e8"; |
|
} |
|
.am-icon-yelp:before { |
|
content: "\f1e9"; |
|
} |
|
.am-icon-newspaper-o:before { |
|
content: "\f1ea"; |
|
} |
|
.am-icon-wifi:before { |
|
content: "\f1eb"; |
|
} |
|
.am-icon-calculator:before { |
|
content: "\f1ec"; |
|
} |
|
.am-icon-paypal:before { |
|
content: "\f1ed"; |
|
} |
|
.am-icon-google-wallet:before { |
|
content: "\f1ee"; |
|
} |
|
.am-icon-cc-visa:before { |
|
content: "\f1f0"; |
|
} |
|
.am-icon-cc-mastercard:before { |
|
content: "\f1f1"; |
|
} |
|
.am-icon-cc-discover:before { |
|
content: "\f1f2"; |
|
} |
|
.am-icon-cc-amex:before { |
|
content: "\f1f3"; |
|
} |
|
.am-icon-cc-paypal:before { |
|
content: "\f1f4"; |
|
} |
|
.am-icon-cc-stripe:before { |
|
content: "\f1f5"; |
|
} |
|
.am-icon-bell-slash:before { |
|
content: "\f1f6"; |
|
} |
|
.am-icon-bell-slash-o:before { |
|
content: "\f1f7"; |
|
} |
|
.am-icon-trash:before { |
|
content: "\f1f8"; |
|
} |
|
.am-icon-copyright:before { |
|
content: "\f1f9"; |
|
} |
|
.am-icon-at:before { |
|
content: "\f1fa"; |
|
} |
|
.am-icon-eyedropper:before { |
|
content: "\f1fb"; |
|
} |
|
.am-icon-paint-brush:before { |
|
content: "\f1fc"; |
|
} |
|
.am-icon-birthday-cake:before { |
|
content: "\f1fd"; |
|
} |
|
.am-icon-area-chart:before { |
|
content: "\f1fe"; |
|
} |
|
.am-icon-pie-chart:before { |
|
content: "\f200"; |
|
} |
|
.am-icon-line-chart:before { |
|
content: "\f201"; |
|
} |
|
.am-icon-lastfm:before { |
|
content: "\f202"; |
|
} |
|
.am-icon-lastfm-square:before { |
|
content: "\f203"; |
|
} |
|
.am-icon-toggle-off:before { |
|
content: "\f204"; |
|
} |
|
.am-icon-toggle-on:before { |
|
content: "\f205"; |
|
} |
|
.am-icon-bicycle:before { |
|
content: "\f206"; |
|
} |
|
.am-icon-bus:before { |
|
content: "\f207"; |
|
} |
|
.am-icon-ioxhost:before { |
|
content: "\f208"; |
|
} |
|
.am-icon-angellist:before { |
|
content: "\f209"; |
|
} |
|
.am-icon-cc:before { |
|
content: "\f20a"; |
|
} |
|
.am-icon-shekel:before, |
|
.am-icon-sheqel:before, |
|
.am-icon-ils:before { |
|
content: "\f20b"; |
|
} |
|
.am-icon-meanpath:before { |
|
content: "\f20c"; |
|
} |
|
.am-icon-buysellads:before { |
|
content: "\f20d"; |
|
} |
|
.am-icon-connectdevelop:before { |
|
content: "\f20e"; |
|
} |
|
.am-icon-dashcube:before { |
|
content: "\f210"; |
|
} |
|
.am-icon-forumbee:before { |
|
content: "\f211"; |
|
} |
|
.am-icon-leanpub:before { |
|
content: "\f212"; |
|
} |
|
.am-icon-sellsy:before { |
|
content: "\f213"; |
|
} |
|
.am-icon-shirtsinbulk:before { |
|
content: "\f214"; |
|
} |
|
.am-icon-simplybuilt:before { |
|
content: "\f215"; |
|
} |
|
.am-icon-skyatlas:before { |
|
content: "\f216"; |
|
} |
|
.am-icon-cart-plus:before { |
|
content: "\f217"; |
|
} |
|
.am-icon-cart-arrow-down:before { |
|
content: "\f218"; |
|
} |
|
.am-icon-diamond:before { |
|
content: "\f219"; |
|
} |
|
.am-icon-ship:before { |
|
content: "\f21a"; |
|
} |
|
.am-icon-user-secret:before { |
|
content: "\f21b"; |
|
} |
|
.am-icon-motorcycle:before { |
|
content: "\f21c"; |
|
} |
|
.am-icon-street-view:before { |
|
content: "\f21d"; |
|
} |
|
.am-icon-heartbeat:before { |
|
content: "\f21e"; |
|
} |
|
.am-icon-venus:before { |
|
content: "\f221"; |
|
} |
|
.am-icon-mars:before { |
|
content: "\f222"; |
|
} |
|
.am-icon-mercury:before { |
|
content: "\f223"; |
|
} |
|
.am-icon-intersex:before, |
|
.am-icon-transgender:before { |
|
content: "\f224"; |
|
} |
|
.am-icon-transgender-alt:before { |
|
content: "\f225"; |
|
} |
|
.am-icon-venus-double:before { |
|
content: "\f226"; |
|
} |
|
.am-icon-mars-double:before { |
|
content: "\f227"; |
|
} |
|
.am-icon-venus-mars:before { |
|
content: "\f228"; |
|
} |
|
.am-icon-mars-stroke:before { |
|
content: "\f229"; |
|
} |
|
.am-icon-mars-stroke-v:before { |
|
content: "\f22a"; |
|
} |
|
.am-icon-mars-stroke-h:before { |
|
content: "\f22b"; |
|
} |
|
.am-icon-neuter:before { |
|
content: "\f22c"; |
|
} |
|
.am-icon-genderless:before { |
|
content: "\f22d"; |
|
} |
|
.am-icon-facebook-official:before { |
|
content: "\f230"; |
|
} |
|
.am-icon-pinterest-p:before { |
|
content: "\f231"; |
|
} |
|
.am-icon-whatsapp:before { |
|
content: "\f232"; |
|
} |
|
.am-icon-server:before { |
|
content: "\f233"; |
|
} |
|
.am-icon-user-plus:before { |
|
content: "\f234"; |
|
} |
|
.am-icon-user-times:before { |
|
content: "\f235"; |
|
} |
|
.am-icon-hotel:before, |
|
.am-icon-bed:before { |
|
content: "\f236"; |
|
} |
|
.am-icon-viacoin:before { |
|
content: "\f237"; |
|
} |
|
.am-icon-train:before { |
|
content: "\f238"; |
|
} |
|
.am-icon-subway:before { |
|
content: "\f239"; |
|
} |
|
.am-icon-medium:before { |
|
content: "\f23a"; |
|
} |
|
.am-icon-yc:before, |
|
.am-icon-y-combinator:before { |
|
content: "\f23b"; |
|
} |
|
.am-icon-optin-monster:before { |
|
content: "\f23c"; |
|
} |
|
.am-icon-opencart:before { |
|
content: "\f23d"; |
|
} |
|
.am-icon-expeditedssl:before { |
|
content: "\f23e"; |
|
} |
|
.am-icon-battery-4:before, |
|
.am-icon-battery-full:before { |
|
content: "\f240"; |
|
} |
|
.am-icon-battery-3:before, |
|
.am-icon-battery-three-quarters:before { |
|
content: "\f241"; |
|
} |
|
.am-icon-battery-2:before, |
|
.am-icon-battery-half:before { |
|
content: "\f242"; |
|
} |
|
.am-icon-battery-1:before, |
|
.am-icon-battery-quarter:before { |
|
content: "\f243"; |
|
} |
|
.am-icon-battery-0:before, |
|
.am-icon-battery-empty:before { |
|
content: "\f244"; |
|
} |
|
.am-icon-mouse-pointer:before { |
|
content: "\f245"; |
|
} |
|
.am-icon-i-cursor:before { |
|
content: "\f246"; |
|
} |
|
.am-icon-object-group:before { |
|
content: "\f247"; |
|
} |
|
.am-icon-object-ungroup:before { |
|
content: "\f248"; |
|
} |
|
.am-icon-sticky-note:before { |
|
content: "\f249"; |
|
} |
|
.am-icon-sticky-note-o:before { |
|
content: "\f24a"; |
|
} |
|
.am-icon-cc-jcb:before { |
|
content: "\f24b"; |
|
} |
|
.am-icon-cc-diners-club:before { |
|
content: "\f24c"; |
|
} |
|
.am-icon-clone:before { |
|
content: "\f24d"; |
|
} |
|
.am-icon-balance-scale:before { |
|
content: "\f24e"; |
|
} |
|
.am-icon-hourglass-o:before { |
|
content: "\f250"; |
|
} |
|
.am-icon-hourglass-1:before, |
|
.am-icon-hourglass-start:before { |
|
content: "\f251"; |
|
} |
|
.am-icon-hourglass-2:before, |
|
.am-icon-hourglass-half:before { |
|
content: "\f252"; |
|
} |
|
.am-icon-hourglass-3:before, |
|
.am-icon-hourglass-end:before { |
|
content: "\f253"; |
|
} |
|
.am-icon-hourglass:before { |
|
content: "\f254"; |
|
} |
|
.am-icon-hand-grab-o:before, |
|
.am-icon-hand-rock-o:before { |
|
content: "\f255"; |
|
} |
|
.am-icon-hand-stop-o:before, |
|
.am-icon-hand-paper-o:before { |
|
content: "\f256"; |
|
} |
|
.am-icon-hand-scissors-o:before { |
|
content: "\f257"; |
|
} |
|
.am-icon-hand-lizard-o:before { |
|
content: "\f258"; |
|
} |
|
.am-icon-hand-spock-o:before { |
|
content: "\f259"; |
|
} |
|
.am-icon-hand-pointer-o:before { |
|
content: "\f25a"; |
|
} |
|
.am-icon-hand-peace-o:before { |
|
content: "\f25b"; |
|
} |
|
.am-icon-trademark:before { |
|
content: "\f25c"; |
|
} |
|
.am-icon-registered:before { |
|
content: "\f25d"; |
|
} |
|
.am-icon-creative-commons:before { |
|
content: "\f25e"; |
|
} |
|
.am-icon-gg:before { |
|
content: "\f260"; |
|
} |
|
.am-icon-gg-circle:before { |
|
content: "\f261"; |
|
} |
|
.am-icon-tripadvisor:before { |
|
content: "\f262"; |
|
} |
|
.am-icon-odnoklassniki:before { |
|
content: "\f263"; |
|
} |
|
.am-icon-odnoklassniki-square:before { |
|
content: "\f264"; |
|
} |
|
.am-icon-get-pocket:before { |
|
content: "\f265"; |
|
} |
|
.am-icon-wikipedia-w:before { |
|
content: "\f266"; |
|
} |
|
.am-icon-safari:before { |
|
content: "\f267"; |
|
} |
|
.am-icon-chrome:before { |
|
content: "\f268"; |
|
} |
|
.am-icon-firefox:before { |
|
content: "\f269"; |
|
} |
|
.am-icon-opera:before { |
|
content: "\f26a"; |
|
} |
|
.am-icon-internet-explorer:before { |
|
content: "\f26b"; |
|
} |
|
.am-icon-tv:before, |
|
.am-icon-television:before { |
|
content: "\f26c"; |
|
} |
|
.am-icon-contao:before { |
|
content: "\f26d"; |
|
} |
|
.am-icon-500px:before { |
|
content: "\f26e"; |
|
} |
|
.am-icon-amazon:before { |
|
content: "\f270"; |
|
} |
|
.am-icon-calendar-plus-o:before { |
|
content: "\f271"; |
|
} |
|
.am-icon-calendar-minus-o:before { |
|
content: "\f272"; |
|
} |
|
.am-icon-calendar-times-o:before { |
|
content: "\f273"; |
|
} |
|
.am-icon-calendar-check-o:before { |
|
content: "\f274"; |
|
} |
|
.am-icon-industry:before { |
|
content: "\f275"; |
|
} |
|
.am-icon-map-pin:before { |
|
content: "\f276"; |
|
} |
|
.am-icon-map-signs:before { |
|
content: "\f277"; |
|
} |
|
.am-icon-map-o:before { |
|
content: "\f278"; |
|
} |
|
.am-icon-map:before { |
|
content: "\f279"; |
|
} |
|
.am-icon-commenting:before { |
|
content: "\f27a"; |
|
} |
|
.am-icon-commenting-o:before { |
|
content: "\f27b"; |
|
} |
|
.am-icon-houzz:before { |
|
content: "\f27c"; |
|
} |
|
.am-icon-vimeo:before { |
|
content: "\f27d"; |
|
} |
|
.am-icon-black-tie:before { |
|
content: "\f27e"; |
|
} |
|
.am-icon-fonticons:before { |
|
content: "\f280"; |
|
} |
|
.am-icon-reddit-alien:before { |
|
content: "\f281"; |
|
} |
|
.am-icon-edge:before { |
|
content: "\f282"; |
|
} |
|
.am-icon-credit-card-alt:before { |
|
content: "\f283"; |
|
} |
|
.am-icon-codiepie:before { |
|
content: "\f284"; |
|
} |
|
.am-icon-modx:before { |
|
content: "\f285"; |
|
} |
|
.am-icon-fort-awesome:before { |
|
content: "\f286"; |
|
} |
|
.am-icon-usb:before { |
|
content: "\f287"; |
|
} |
|
.am-icon-product-hunt:before { |
|
content: "\f288"; |
|
} |
|
.am-icon-mixcloud:before { |
|
content: "\f289"; |
|
} |
|
.am-icon-scribd:before { |
|
content: "\f28a"; |
|
} |
|
.am-icon-pause-circle:before { |
|
content: "\f28b"; |
|
} |
|
.am-icon-pause-circle-o:before { |
|
content: "\f28c"; |
|
} |
|
.am-icon-stop-circle:before { |
|
content: "\f28d"; |
|
} |
|
.am-icon-stop-circle-o:before { |
|
content: "\f28e"; |
|
} |
|
.am-icon-shopping-bag:before { |
|
content: "\f290"; |
|
} |
|
.am-icon-shopping-basket:before { |
|
content: "\f291"; |
|
} |
|
.am-icon-hashtag:before { |
|
content: "\f292"; |
|
} |
|
.am-icon-bluetooth:before { |
|
content: "\f293"; |
|
} |
|
.am-icon-bluetooth-b:before { |
|
content: "\f294"; |
|
} |
|
.am-icon-percent:before { |
|
content: "\f295"; |
|
} |
|
.am-icon-gitlab:before { |
|
content: "\f296"; |
|
} |
|
.am-icon-wpbeginner:before { |
|
content: "\f297"; |
|
} |
|
.am-icon-wpforms:before { |
|
content: "\f298"; |
|
} |
|
.am-icon-envira:before { |
|
content: "\f299"; |
|
} |
|
.am-icon-universal-access:before { |
|
content: "\f29a"; |
|
} |
|
.am-icon-wheelchair-alt:before { |
|
content: "\f29b"; |
|
} |
|
.am-icon-question-circle-o:before { |
|
content: "\f29c"; |
|
} |
|
.am-icon-blind:before { |
|
content: "\f29d"; |
|
} |
|
.am-icon-audio-description:before { |
|
content: "\f29e"; |
|
} |
|
.am-icon-volume-control-phone:before { |
|
content: "\f2a0"; |
|
} |
|
.am-icon-braille:before { |
|
content: "\f2a1"; |
|
} |
|
.am-icon-assistive-listening-systems:before { |
|
content: "\f2a2"; |
|
} |
|
.am-icon-asl-interpreting:before, |
|
.am-icon-american-sign-language-interpreting:before { |
|
content: "\f2a3"; |
|
} |
|
.am-icon-deafness:before, |
|
.am-icon-hard-of-hearing:before, |
|
.am-icon-deaf:before { |
|
content: "\f2a4"; |
|
} |
|
.am-icon-glide:before { |
|
content: "\f2a5"; |
|
} |
|
.am-icon-glide-g:before { |
|
content: "\f2a6"; |
|
} |
|
.am-icon-signing:before, |
|
.am-icon-sign-language:before { |
|
content: "\f2a7"; |
|
} |
|
.am-icon-low-vision:before { |
|
content: "\f2a8"; |
|
} |
|
.am-icon-viadeo:before { |
|
content: "\f2a9"; |
|
} |
|
.am-icon-viadeo-square:before { |
|
content: "\f2aa"; |
|
} |
|
.am-icon-snapchat:before { |
|
content: "\f2ab"; |
|
} |
|
.am-icon-snapchat-ghost:before { |
|
content: "\f2ac"; |
|
} |
|
.am-icon-snapchat-square:before { |
|
content: "\f2ad"; |
|
} |
|
.am-icon-pied-piper:before { |
|
content: "\f2ae"; |
|
} |
|
.am-icon-first-order:before { |
|
content: "\f2b0"; |
|
} |
|
.am-icon-yoast:before { |
|
content: "\f2b1"; |
|
} |
|
.am-icon-themeisle:before { |
|
content: "\f2b2"; |
|
} |
|
.am-icon-google-plus-circle:before, |
|
.am-icon-google-plus-official:before { |
|
content: "\f2b3"; |
|
} |
|
.am-icon-fa:before, |
|
.am-icon-font-awesome:before { |
|
content: "\f2b4"; |
|
} |
|
/* Modifier: `am-icon-spin` |
|
============================================================================= */ |
|
@-webkit-keyframes icon-spin { |
|
0% { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
100% { |
|
-webkit-transform: rotate(359deg); |
|
transform: rotate(359deg); |
|
} |
|
} |
|
@keyframes icon-spin { |
|
0% { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
100% { |
|
-webkit-transform: rotate(359deg); |
|
transform: rotate(359deg); |
|
} |
|
} |
|
.am-icon-spin { |
|
-webkit-animation: icon-spin 2s infinite linear; |
|
animation: icon-spin 2s infinite linear; |
|
} |
|
.am-icon-pulse { |
|
-webkit-animation: icon-spin 1s infinite steps(8); |
|
animation: icon-spin 1s infinite steps(8); |
|
} |
|
.am-icon-ul { |
|
padding-left: 0; |
|
margin-left: 2.14285714em; |
|
list-style-type: none; |
|
} |
|
.am-icon-ul > li { |
|
position: relative; |
|
} |
|
.am-icon-li { |
|
position: absolute; |
|
left: -2.14285714em; |
|
width: 2.14285714em; |
|
top: 0.14285714em; |
|
text-align: center; |
|
} |
|
/* ========================================================================== |
|
Component: Input group |
|
============================================================================ */ |
|
.am-input-group { |
|
position: relative; |
|
display: table; |
|
border-collapse: separate; |
|
margin-bottom: 0.625rem; |
|
} |
|
.am-input-group .am-form-field { |
|
position: relative; |
|
z-index: 2; |
|
float: left; |
|
width: 100%; |
|
margin-bottom: 0; |
|
} |
|
.am-input-group-label, |
|
.am-input-group-btn, |
|
.am-input-group .am-form-field { |
|
display: table-cell; |
|
} |
|
.am-input-group-label:not(:first-child):not(:last-child), |
|
.am-input-group-btn:not(:first-child):not(:last-child), |
|
.am-input-group .am-form-field:not(:first-child):not(:last-child) { |
|
border-radius: 0; |
|
} |
|
.am-input-group-label, |
|
.am-input-group-btn { |
|
width: 1%; |
|
white-space: nowrap; |
|
vertical-align: middle; |
|
} |
|
.am-input-group-label .am-btn-default, |
|
.am-input-group-btn .am-btn-default { |
|
background: none; |
|
color: #999999; |
|
} |
|
.am-input-group-label { |
|
height: 39px; |
|
padding: 0 0.675em; |
|
font-size: 1rem; |
|
font-weight: normal; |
|
line-height: 37px; |
|
color: #999999; |
|
text-align: center; |
|
border: 1px solid #ccc; |
|
border-radius: 4px; |
|
} |
|
.am-input-group-label input[type="radio"], |
|
.am-input-group-label input[type="checkbox"] { |
|
margin-top: 0; |
|
} |
|
.am-input-group .am-form-field:first-child, |
|
.am-input-group-label:first-child, |
|
.am-input-group-btn:first-child > .am-btn, |
|
.am-input-group-btn:first-child > .am-btn-group > .am-btn, |
|
.am-input-group-btn:first-child > .am-dropdown-toggle, |
|
.am-input-group-btn:last-child > .am-btn:not(:last-child):not(.dropdown-toggle), |
|
.am-input-group-btn:last-child > .am-btn-group:not(:last-child) > .am-btn { |
|
border-bottom-right-radius: 0; |
|
border-top-right-radius: 0; |
|
} |
|
.am-input-group-label:first-child { |
|
border-right: 0; |
|
} |
|
.am-input-group .am-form-field:last-child, |
|
.am-input-group-label:last-child, |
|
.am-input-group-btn:last-child > .am-btn, |
|
.am-input-group-btn:last-child > .am-btn-group > .am-btn, |
|
.am-input-group-btn:last-child > .am-dropdown-toggle, |
|
.am-input-group-btn:first-child > .am-btn:not(:first-child), |
|
.am-input-group-btn:first-child > .am-btn-group:not(:first-child) > .am-btn { |
|
border-bottom-left-radius: 0; |
|
border-top-left-radius: 0; |
|
} |
|
.am-input-group-label:last-child { |
|
border-left: 0; |
|
} |
|
.am-input-group-btn { |
|
position: relative; |
|
font-size: 0; |
|
white-space: nowrap; |
|
} |
|
.am-input-group-btn > .am-btn { |
|
position: relative; |
|
border-color: #ccc; |
|
} |
|
.am-input-group-btn > .am-btn + .am-btn { |
|
margin-left: -1px; |
|
} |
|
.am-input-group-btn > .am-btn:hover, |
|
.am-input-group-btn > .am-btn:focus, |
|
.am-input-group-btn > .am-btn:active { |
|
z-index: 2; |
|
} |
|
.am-input-group-btn:first-child > .am-btn, |
|
.am-input-group-btn:first-child > .am-btn-group { |
|
margin-right: -2px; |
|
} |
|
.am-input-group-btn:last-child > .am-btn, |
|
.am-input-group-btn:last-child > .am-btn-group { |
|
margin-left: -1px; |
|
} |
|
.am-input-group .am-form-field, |
|
.am-input-group-btn > .am-btn { |
|
height: 39px; |
|
padding-bottom: auto; |
|
} |
|
.am-input-group-lg > .am-form-field, |
|
.am-input-group-lg > .am-input-group-label, |
|
.am-input-group-lg > .am-input-group-btn > .am-btn { |
|
height: 43px; |
|
font-size: 1.125rem !important; |
|
} |
|
.am-input-group-lg > .am-input-group-label { |
|
line-height: 41px; |
|
} |
|
.am-input-group-sm > .am-form-field, |
|
.am-input-group-sm > .am-input-group-label, |
|
.am-input-group-sm > .am-input-group-btn > .am-btn { |
|
height: 34px; |
|
font-size: 0.875rem !important; |
|
} |
|
.am-input-group-sm > .am-input-group-label { |
|
line-height: 32px; |
|
} |
|
.am-input-group-primary .am-input-group-label { |
|
background: #5085FF; |
|
color: #fff; |
|
} |
|
.am-input-group-primary .am-input-group-label, |
|
.am-input-group-primary .am-input-group-btn > .am-btn, |
|
.am-input-group-primary.am-input-group .am-form-field { |
|
border-color: #5085FF; |
|
} |
|
.am-input-group-secondary .am-input-group-label { |
|
background: #9dbaff; |
|
color: #fff; |
|
} |
|
.am-input-group-secondary .am-input-group-label, |
|
.am-input-group-secondary .am-input-group-btn > .am-btn, |
|
.am-input-group-secondary.am-input-group .am-form-field { |
|
border-color: #9dbaff; |
|
} |
|
.am-input-group-success .am-input-group-label { |
|
background: #29BB9C; |
|
color: #fff; |
|
} |
|
.am-input-group-success .am-input-group-label, |
|
.am-input-group-success .am-input-group-btn > .am-btn, |
|
.am-input-group-success.am-input-group .am-form-field { |
|
border-color: #29BB9C; |
|
} |
|
.am-input-group-warning .am-input-group-label { |
|
background: #EFA100; |
|
color: #fff; |
|
} |
|
.am-input-group-warning .am-input-group-label, |
|
.am-input-group-warning .am-input-group-btn > .am-btn, |
|
.am-input-group-warning.am-input-group .am-form-field { |
|
border-color: #EFA100; |
|
} |
|
.am-input-group-danger .am-input-group-label { |
|
background: #E54D42; |
|
color: #fff; |
|
} |
|
.am-input-group-danger .am-input-group-label, |
|
.am-input-group-danger .am-input-group-btn > .am-btn, |
|
.am-input-group-danger.am-input-group .am-form-field { |
|
border-color: #E54D42; |
|
} |
|
/* ========================================================================== |
|
Component: List |
|
============================================================================ */ |
|
.am-list { |
|
margin-bottom: 1rem; |
|
padding-left: 0; |
|
} |
|
.am-list > li { |
|
position: relative; |
|
display: block; |
|
margin-bottom: -1px; |
|
background-color: #fff; |
|
border: 1px solid #dedede; |
|
border-width: 1px 0; |
|
} |
|
.am-list > li > a { |
|
display: block; |
|
padding: 0.625rem 0; |
|
} |
|
.am-list > li > a.am-active, |
|
.am-list > li > a.am-active:hover, |
|
.am-list > li > a.am-active:focus { |
|
z-index: 2; |
|
color: #fff; |
|
background-color: #5085FF; |
|
border-color: #5085FF; |
|
} |
|
.am-list > li > a.am-active .am-list-item-heading, |
|
.am-list > li > a.am-active:hover .am-list-item-heading, |
|
.am-list > li > a.am-active:focus .am-list-item-heading { |
|
color: inherit; |
|
} |
|
.am-list > li > a.am-active .am-list-item-text, |
|
.am-list > li > a.am-active:hover .am-list-item-text, |
|
.am-list > li > a.am-active:focus .am-list-item-text { |
|
color: #ffffff; |
|
} |
|
.am-list > li > .am-badge { |
|
float: right; |
|
} |
|
.am-list > li > .am-badge + .am-badge { |
|
margin-right: 5px; |
|
} |
|
/* Pure text list */ |
|
.am-list-static > li { |
|
padding: 0.5rem 0.125rem; |
|
} |
|
.am-list-static.am-list-border > li { |
|
padding: 0.625rem; |
|
} |
|
/* with border */ |
|
.am-list-border > li, |
|
.am-list-bordered > li { |
|
border-width: 1px; |
|
} |
|
.am-list-border > li:first-child, |
|
.am-list-bordered > li:first-child, |
|
.am-list-border > li:first-child > a, |
|
.am-list-bordered > li:first-child > a { |
|
border-top-right-radius: 4px; |
|
border-top-left-radius: 4px; |
|
} |
|
.am-list-border > li:last-child, |
|
.am-list-bordered > li:last-child, |
|
.am-list-border > li:last-child > a, |
|
.am-list-bordered > li:last-child > a { |
|
margin-bottom: 0; |
|
border-bottom-right-radius: 4px; |
|
border-bottom-left-radius: 4px; |
|
} |
|
.am-list-border > li > a, |
|
.am-list-bordered > li > a { |
|
padding: 0.625rem; |
|
} |
|
.am-list-border > li > a:hover, |
|
.am-list-bordered > li > a:hover, |
|
.am-list-border > li > a:focus, |
|
.am-list-bordered > li > a:focus { |
|
background-color: #f5f5f5; |
|
} |
|
/* Striped */ |
|
.am-list-striped > li:nth-of-type(even) { |
|
background: #f5f5f5; |
|
} |
|
.am-list-item-hd { |
|
margin-top: 0; |
|
} |
|
.am-list-item-text { |
|
line-height: 1.4; |
|
font-size: 0.8125rem; |
|
color: #e1e1e1; |
|
margin: 0; |
|
} |
|
/* ========================================================================== |
|
Component: Panel |
|
============================================================================ */ |
|
.am-panel { |
|
margin-top: 0px; |
|
margin-bottom: 20px; |
|
background-color: #fff; |
|
border: 1px solid transparent; |
|
border-radius: 4px; |
|
overflow: hidden; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-panel { |
|
border-radius: 6px; |
|
} |
|
} |
|
/* Panel header */ |
|
.am-panel-hd { |
|
padding: 0.75rem 1rem; |
|
border-bottom: 1px solid transparent; |
|
} |
|
/* Panel content */ |
|
.am-panel-bd { |
|
padding: 0.75rem 1rem; |
|
} |
|
.am-panel-title { |
|
margin: 0; |
|
font-size: 100%; |
|
color: inherit; |
|
} |
|
.am-panel-title > a { |
|
color: inherit; |
|
} |
|
/* Panel footer */ |
|
.am-panel-footer { |
|
padding: 0.75rem 1rem; |
|
background-color: #f0f0f0; |
|
border-top: 1px solid #ccc; |
|
border-bottom-right-radius: 4px; |
|
border-bottom-left-radius: 4px; |
|
} |
|
.am-panel-default { |
|
border-color: #f0f0f0; |
|
} |
|
.am-panel-default > .am-panel-hd { |
|
color: #444; |
|
background-color: #f0f0f0; |
|
border-color: #f0f0f0; |
|
} |
|
.am-panel-default > .am-panel-hd + .am-panel-collapse > .am-panel-bd { |
|
border-top-color: #f0f0f0; |
|
} |
|
.am-panel-default > .am-panel-footer + .am-panel-collapse > .am-panel-bd { |
|
border-bottom-color: #f0f0f0; |
|
} |
|
.am-panel-primary { |
|
border-color: #5085FF; |
|
} |
|
.am-panel-primary > .am-panel-hd { |
|
color: #fff; |
|
background-color: #5085FF; |
|
border-color: #5085FF; |
|
} |
|
.am-panel-primary > .am-panel-hd + .am-panel-collapse > .am-panel-bd { |
|
border-top-color: #5085FF; |
|
} |
|
.am-panel-primary > .am-panel-footer + .am-panel-collapse > .am-panel-bd { |
|
border-bottom-color: #5085FF; |
|
} |
|
.am-panel-secondary { |
|
border-color: #9dbaff; |
|
} |
|
.am-panel-secondary > .am-panel-hd { |
|
color: #fff; |
|
background-color: #9dbaff; |
|
border-color: #9dbaff; |
|
} |
|
.am-panel-secondary > .am-panel-hd + .am-panel-collapse > .am-panel-bd { |
|
border-top-color: #9dbaff; |
|
} |
|
.am-panel-secondary > .am-panel-footer + .am-panel-collapse > .am-panel-bd { |
|
border-bottom-color: #9dbaff; |
|
} |
|
.am-panel-success { |
|
border-color: #29BB9C; |
|
} |
|
.am-panel-success > .am-panel-hd { |
|
color: #fff; |
|
background-color: #29BB9C; |
|
border-color: #29BB9C; |
|
} |
|
.am-panel-success > .am-panel-hd + .am-panel-collapse > .am-panel-bd { |
|
border-top-color: #29BB9C; |
|
} |
|
.am-panel-success > .am-panel-footer + .am-panel-collapse > .am-panel-bd { |
|
border-bottom-color: #29BB9C; |
|
} |
|
.am-panel-warning { |
|
border-color: #EFA100; |
|
} |
|
.am-panel-warning > .am-panel-hd { |
|
color: #fff; |
|
background-color: #EFA100; |
|
border-color: #EFA100; |
|
} |
|
.am-panel-warning > .am-panel-hd + .am-panel-collapse > .am-panel-bd { |
|
border-top-color: #EFA100; |
|
} |
|
.am-panel-warning > .am-panel-footer + .am-panel-collapse > .am-panel-bd { |
|
border-bottom-color: #EFA100; |
|
} |
|
.am-panel-danger { |
|
border-color: #E54D42; |
|
} |
|
.am-panel-danger > .am-panel-hd { |
|
color: #fff; |
|
background-color: #E54D42; |
|
border-color: #E54D42; |
|
} |
|
.am-panel-danger > .am-panel-hd + .am-panel-collapse > .am-panel-bd { |
|
border-top-color: #E54D42; |
|
} |
|
.am-panel-danger > .am-panel-footer + .am-panel-collapse > .am-panel-bd { |
|
border-bottom-color: #E54D42; |
|
} |
|
.am-panel > .am-table { |
|
margin-bottom: 0; |
|
} |
|
.am-panel > .am-table:first-child { |
|
border-top-right-radius: 4px; |
|
border-top-left-radius: 4px; |
|
} |
|
.am-panel > .am-table:first-child > thead:first-child > tr:first-child td:first-child, |
|
.am-panel > .am-table:first-child > tbody:first-child > tr:first-child td:first-child, |
|
.am-panel > .am-table:first-child > thead:first-child > tr:first-child th:first-child, |
|
.am-panel > .am-table:first-child > tbody:first-child > tr:first-child th:first-child { |
|
border-top-left-radius: 4px; |
|
} |
|
.am-panel > .am-table:first-child > thead:first-child > tr:first-child td:last-child, |
|
.am-panel > .am-table:first-child > tbody:first-child > tr:first-child td:last-child, |
|
.am-panel > .am-table:first-child > thead:first-child > tr:first-child th:last-child, |
|
.am-panel > .am-table:first-child > tbody:first-child > tr:first-child th:last-child { |
|
border-top-right-radius: 4px; |
|
} |
|
.am-panel > .am-table:last-child { |
|
border-bottom-right-radius: 4px; |
|
border-bottom-left-radius: 4px; |
|
} |
|
.am-panel > .am-table:last-child > tbody:last-child > tr:last-child td:first-child, |
|
.am-panel > .am-table:last-child > tfoot:last-child > tr:last-child td:first-child, |
|
.am-panel > .am-table:last-child > tbody:last-child > tr:last-child th:first-child, |
|
.am-panel > .am-table:last-child > tfoot:last-child > tr:last-child th:first-child { |
|
border-bottom-left-radius: 4px; |
|
} |
|
.am-panel > .am-table:last-child > tbody:last-child > tr:last-child td:last-child, |
|
.am-panel > .am-table:last-child > tfoot:last-child > tr:last-child td:last-child, |
|
.am-panel > .am-table:last-child > tbody:last-child > tr:last-child th:last-child, |
|
.am-panel > .am-table:last-child > tfoot:last-child > tr:last-child th:last-child { |
|
border-bottom-right-radius: 4px; |
|
} |
|
.am-panel > .am-panel-bd + .am-table { |
|
border-top: 1px solid #ccc; |
|
} |
|
.am-panel > .am-table > tbody:first-child > tr:first-child th, |
|
.am-panel > .am-table > tbody:first-child > tr:first-child td { |
|
border-top: 0; |
|
} |
|
.am-panel > .am-table-bd { |
|
border: 0; |
|
} |
|
.am-panel > .am-table-bd > thead > tr > th:first-child, |
|
.am-panel > .am-table-bd > tbody > tr > th:first-child, |
|
.am-panel > .am-table-bd > tfoot > tr > th:first-child, |
|
.am-panel > .am-table-bd > thead > tr > td:first-child, |
|
.am-panel > .am-table-bd > tbody > tr > td:first-child, |
|
.am-panel > .am-table-bd > tfoot > tr > td:first-child { |
|
border-left: 0; |
|
} |
|
.am-panel > .am-table-bd > thead > tr > th:last-child, |
|
.am-panel > .am-table-bd > tbody > tr > th:last-child, |
|
.am-panel > .am-table-bd > tfoot > tr > th:last-child, |
|
.am-panel > .am-table-bd > thead > tr > td:last-child, |
|
.am-panel > .am-table-bd > tbody > tr > td:last-child, |
|
.am-panel > .am-table-bd > tfoot > tr > td:last-child { |
|
border-right: 0; |
|
} |
|
.am-panel > .am-table-bd > thead > tr:first-child > td, |
|
.am-panel > .am-table-bd > tbody > tr:first-child > td, |
|
.am-panel > .am-table-bd > thead > tr:first-child > th, |
|
.am-panel > .am-table-bd > tbody > tr:first-child > th { |
|
border-bottom: 0; |
|
} |
|
.am-panel > .am-table-bd > tbody > tr:last-child > td, |
|
.am-panel > .am-table-bd > tfoot > tr:last-child > td, |
|
.am-panel > .am-table-bd > tbody > tr:last-child > th, |
|
.am-panel > .am-table-bd > tfoot > tr:last-child > th { |
|
border-bottom: 0; |
|
} |
|
/* Wrap list */ |
|
.am-panel > .am-list { |
|
margin: 0; |
|
} |
|
.am-panel > .am-list > li > a { |
|
padding-left: 0.625rem; |
|
padding-right: 0.625rem; |
|
} |
|
.am-panel > .am-list-static li { |
|
padding-left: 0.625rem; |
|
padding-right: 0.625rem; |
|
} |
|
.am-list .am-panel { |
|
margin-top: 0px; |
|
border-radius: 0px; |
|
} |
|
/* Panel group */ |
|
.am-panel-group { |
|
margin-bottom: 1rem; |
|
border-radius: 4px; |
|
overflow: hidden; |
|
border: 1px solid transparent; |
|
border-color: #ccc; |
|
} |
|
.am-panel-group .am-panel { |
|
margin-bottom: 0; |
|
border-radius: 0; |
|
margin-top: 0px; |
|
border: 0px; |
|
border-bottom: 1px solid transparent; |
|
border-color: #ccc; |
|
} |
|
.am-panel-group .am-panel:nth-last-of-type(1) { |
|
border-bottom: 0px; |
|
} |
|
.am-panel-group .am-panel + .am-panel { |
|
border-top: 0px; |
|
margin-top: 0px; |
|
} |
|
.am-panel-group .am-panel-hd { |
|
border-bottom: 0; |
|
position: relative; |
|
} |
|
.am-panel-group .am-panel-hd [class*="am-icon-"] { |
|
position: absolute; |
|
right: 16px; |
|
top: 13px; |
|
color: #999; |
|
} |
|
.am-panel-group .am-panel-hd .am-panel-hd-arrow { |
|
-webkit-transform: rotate(-90deg); |
|
transform: rotate(-90deg); |
|
} |
|
.am-panel-group .am-panel-hd + .am-panel-collapse .am-panel-bd { |
|
border-top: 1px solid #ccc; |
|
} |
|
.am-panel-group .am-panel-bd { |
|
border-top: 1px solid #ccc; |
|
} |
|
.am-panel-group .am-panel-footer { |
|
border-top: 0; |
|
} |
|
.am-panel-group .am-panel-footer + .am-panel-collapse .am-panel-bd { |
|
border-bottom: 1px solid #ccc; |
|
} |
|
/* ========================================================================== |
|
Component: Progress |
|
============================================================================ */ |
|
/* Progress bar animation */ |
|
@-webkit-keyframes progress-bar-stripes { |
|
from { |
|
background-position: 36px 0; |
|
} |
|
to { |
|
background-position: 0 0; |
|
} |
|
} |
|
@keyframes progress-bar-stripes { |
|
from { |
|
background-position: 36px 0; |
|
} |
|
to { |
|
background-position: 0 0; |
|
} |
|
} |
|
/* Progress container */ |
|
.am-progress { |
|
overflow: hidden; |
|
line-height: 1; |
|
margin-bottom: 0.675rem; |
|
} |
|
.am-progress [class*="am-icon"] { |
|
color: #5085FF; |
|
} |
|
.am-progress.am-progress-sm { |
|
height: 0.75rem; |
|
line-height: 0.75rem; |
|
} |
|
.am-progress.am-progress-sm .am-progress-outer { |
|
height: 0.5rem; |
|
} |
|
.am-progress.am-progress-sm .am-progress-text { |
|
font-size: 0.75rem; |
|
} |
|
.am-progress.am-progress-xs { |
|
height: 0.75rem; |
|
line-height: 0.75rem; |
|
} |
|
.am-progress.am-progress-xs .am-progress-outer { |
|
height: 0.25rem; |
|
} |
|
.am-progress.am-progress-xs .am-progress-text { |
|
font-size: 0.75rem; |
|
} |
|
.am-progress-outer { |
|
display: inline-block; |
|
width: 100%; |
|
height: 1rem; |
|
margin-right: -3em; |
|
padding-right: 3em; |
|
overflow: hidden; |
|
} |
|
.am-progress-outer-disable { |
|
display: block; |
|
margin-right: 0; |
|
padding-right: 0; |
|
} |
|
.am-progress-outer-disable .am-progress-text { |
|
color: #fff; |
|
padding-right: 1em; |
|
vertical-align: middle; |
|
} |
|
.am-progress-outer-disable [class*="am-icon"] { |
|
color: #fff !important; |
|
} |
|
.am-progress-inner { |
|
width: 100%; |
|
height: 100%; |
|
background-color: #f0f0f0; |
|
border-radius: 1000px; |
|
} |
|
.am-progress-text { |
|
display: inline-block; |
|
position: relative; |
|
left: 5px; |
|
color: #666666; |
|
vertical-align: top; |
|
} |
|
/* Progress bar */ |
|
.am-progress-bar { |
|
float: left; |
|
width: 0; |
|
height: 100%; |
|
font-size: 0.75rem; |
|
line-height: 1; |
|
color: #fff; |
|
text-align: right; |
|
background-color: #5085FF; |
|
border-radius: 1000px; |
|
-webkit-transition: width .6s ease; |
|
transition: width .6s ease; |
|
} |
|
.am-progress-striped .am-progress-bar { |
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
-webkit-background-size: 36px 36px; |
|
background-size: 36px 36px; |
|
} |
|
.am-progress.am-active .am-progress-bar { |
|
-webkit-animation: progress-bar-stripes 2s linear infinite; |
|
animation: progress-bar-stripes 2s linear infinite; |
|
} |
|
.am-progress-bar[aria-valuenow="1"], |
|
.am-progress-bar[aria-valuenow="2"] { |
|
min-width: 30px; |
|
} |
|
.am-progress-bar[aria-valuenow="0"] { |
|
color: #e1e1e1; |
|
min-width: 30px; |
|
background: none; |
|
-webkit-box-shadow: none; |
|
box-shadow: none; |
|
} |
|
.am-progress-svg { |
|
position: relative; |
|
display: inline-block; |
|
width: 12.5rem; |
|
height: 12.5rem; |
|
} |
|
.am-progress-svg.am-progress-sm { |
|
width: 6.25rem; |
|
height: 6.25rem; |
|
} |
|
.am-progress-svg.am-progress-sm .am-progress-text { |
|
font-size: 1rem; |
|
} |
|
.am-progress-svg .am-progress-text { |
|
position: absolute; |
|
font-size: 2rem; |
|
top: 50%; |
|
left: 50%; |
|
-webkit-transform: translate(-50%, -50%); |
|
transform: translate(-50%, -50%); |
|
} |
|
.am-progress-svg-path { |
|
stroke: #5085FF; |
|
stroke-dasharray: 295px, 295px; |
|
stroke-dashoffset: 295px; |
|
-webkit-transition: stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease; |
|
transition: stroke-dashoffset 0.6s ease 0s, stroke 0.6s ease; |
|
} |
|
.am-progress-secondary .am-progress-bar { |
|
background: #9dbaff; |
|
} |
|
.am-progress-secondary [class*="am-icon"] { |
|
color: #9dbaff; |
|
} |
|
.am-progress-secondary .am-progress-svg-path { |
|
stroke: #9dbaff; |
|
} |
|
.am-progress-striped .am-progress-secondary { |
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
} |
|
.am-progress-success .am-progress-bar { |
|
background: #29BB9C; |
|
} |
|
.am-progress-success [class*="am-icon"] { |
|
color: #29BB9C; |
|
} |
|
.am-progress-success .am-progress-svg-path { |
|
stroke: #29BB9C; |
|
} |
|
.am-progress-striped .am-progress-success { |
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
} |
|
.am-progress-warning .am-progress-bar { |
|
background: #EFA100; |
|
} |
|
.am-progress-warning [class*="am-icon"] { |
|
color: #EFA100; |
|
} |
|
.am-progress-warning .am-progress-svg-path { |
|
stroke: #EFA100; |
|
} |
|
.am-progress-striped .am-progress-warning { |
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
} |
|
.am-progress-danger .am-progress-bar { |
|
background: #E54D42; |
|
} |
|
.am-progress-danger [class*="am-icon"] { |
|
color: #E54D42; |
|
} |
|
.am-progress-danger .am-progress-svg-path { |
|
stroke: #E54D42; |
|
} |
|
.am-progress-striped .am-progress-danger { |
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
} |
|
/* ========================================================================== |
|
Component: Thumbnail |
|
============================================================================ */ |
|
.am-thumbnail { |
|
display: block; |
|
padding: 2px; |
|
margin-bottom: 1rem; |
|
background-color: #fff; |
|
border: 1px solid #ddd; |
|
border-radius: 4px; |
|
-webkit-transition: all 0.2s ease-in-out; |
|
transition: all 0.2s ease-in-out; |
|
} |
|
.am-thumbnail > img, |
|
.am-thumbnail a > img { |
|
margin-left: auto; |
|
margin-right: auto; |
|
display: block; |
|
} |
|
.am-thumbnail a.am-thumbnail:hover, |
|
.am-thumbnail a.am-thumbnail:focus, |
|
.am-thumbnail a.am-thumbnail.active { |
|
border-color: #5085FF; |
|
background-color: #fff; |
|
} |
|
img.am-thumbnail, |
|
.am-thumbnail > img, |
|
.am-thumbnail a > img { |
|
max-width: 100%; |
|
height: auto; |
|
} |
|
/* Image caption */ |
|
.am-thumbnail-caption { |
|
margin: 0; |
|
padding: 0.5rem; |
|
color: #333; |
|
font-weight: normal; |
|
} |
|
.am-thumbnail-caption *:last-child { |
|
margin-bottom: 0; |
|
} |
|
.am-thumbnails { |
|
margin-left: -0.3125rem; |
|
margin-right: -0.3125rem; |
|
} |
|
.am-thumbnails > li { |
|
padding: 0 0.3125rem 0.625rem 0.3125rem; |
|
} |
|
/* ========================================================================== |
|
Component: Utility |
|
============================================================================ */ |
|
.am-scrollable-horizontal { |
|
width: 100%; |
|
overflow-y: hidden; |
|
overflow-x: auto; |
|
-ms-overflow-style: -ms-autohiding-scrollbar; |
|
-webkit-overflow-scrolling: touch; |
|
} |
|
.am-scrollable-vertical { |
|
height: 240px; |
|
overflow-y: scroll; |
|
-webkit-overflow-scrolling: touch; |
|
resize: vertical; |
|
} |
|
/* Border-radius*/ |
|
.am-square { |
|
border-radius: 0; |
|
} |
|
.am-radius { |
|
border-radius: 4px; |
|
} |
|
.am-round { |
|
border-radius: 1000px; |
|
} |
|
.am-circle { |
|
border-radius: 50%; |
|
} |
|
/* Float blocks*/ |
|
.am-cf:before, |
|
.am-cf:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-cf:after { |
|
clear: both; |
|
} |
|
.am-fl { |
|
float: left; |
|
} |
|
.am-fr { |
|
float: right; |
|
} |
|
.am-nbfc { |
|
overflow: hidden; |
|
} |
|
.am-center { |
|
display: block; |
|
margin-left: auto; |
|
margin-right: auto; |
|
} |
|
/* Display */ |
|
.am-block { |
|
display: block !important; |
|
} |
|
.am-inline { |
|
display: inline !important; |
|
} |
|
.am-inline-block { |
|
display: inline-block !important; |
|
} |
|
.am-hide { |
|
display: none !important; |
|
visibility: hidden !important; |
|
} |
|
/* |
|
* Remove whitespace between child elements when using `inline-block` |
|
*/ |
|
.am-vertical-align { |
|
font-size: 0.001px; |
|
} |
|
/* |
|
* The `@{ns}vertical-align` container needs a specific height |
|
*/ |
|
.am-vertical-align:before { |
|
content: ''; |
|
display: inline-block; |
|
height: 100%; |
|
vertical-align: middle; |
|
} |
|
/* |
|
* Sub-object which can have any height |
|
* 1. Reset whitespace hack |
|
*/ |
|
.am-vertical-align-middle, |
|
.am-vertical-align-bottom { |
|
display: inline-block; |
|
font-size: 1rem; |
|
/* 1 */ |
|
max-width: 100%; |
|
} |
|
.am-vertical-align-middle { |
|
vertical-align: middle; |
|
} |
|
.am-vertical-align-bottom { |
|
vertical-align: bottom; |
|
} |
|
.am-responsive-width { |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
max-width: 100%; |
|
height: auto; |
|
} |
|
/* Margin helpers */ |
|
.am-margin { |
|
margin: 1rem; |
|
} |
|
.am-margin-0 { |
|
margin: 0!important; |
|
} |
|
.am-margin-xs { |
|
margin: 0.3125rem; |
|
} |
|
.am-margin-sm { |
|
margin: 0.625rem; |
|
} |
|
.am-margin-lg { |
|
margin: 1.5rem; |
|
} |
|
.am-margin-xl { |
|
margin: 2rem; |
|
} |
|
.am-margin-horizontal { |
|
margin-left: 1rem; |
|
margin-right: 1rem; |
|
} |
|
.am-margin-horizontal-0 { |
|
margin-left: 0!important; |
|
margin-right: 0!important; |
|
} |
|
.am-margin-horizontal-xs { |
|
margin-left: 0.3125rem; |
|
margin-right: 0.3125rem; |
|
} |
|
.am-margin-horizontal-sm { |
|
margin-left: 0.625rem; |
|
margin-right: 0.625rem; |
|
} |
|
.am-margin-horizontal-lg { |
|
margin-left: 1.5rem; |
|
margin-right: 1.5rem; |
|
} |
|
.am-margin-horizontal-xl { |
|
margin-left: 2rem; |
|
margin-right: 2rem; |
|
} |
|
.am-margin-vertical { |
|
margin-top: 1rem; |
|
margin-bottom: 1rem; |
|
} |
|
.am-margin-vertical-0 { |
|
margin-top: 0!important; |
|
margin-bottom: 0!important; |
|
} |
|
.am-margin-vertical-xs { |
|
margin-top: 0.3125rem; |
|
margin-bottom: 0.3125rem; |
|
} |
|
.am-margin-vertical-sm { |
|
margin-top: 0.625rem; |
|
margin-bottom: 0.625rem; |
|
} |
|
.am-margin-vertical-lg { |
|
margin-top: 1.5rem; |
|
margin-bottom: 1.5rem; |
|
} |
|
.am-margin-vertical-xl { |
|
margin-top: 2rem; |
|
margin-bottom: 2rem; |
|
} |
|
.am-margin-top { |
|
margin-top: 1rem; |
|
} |
|
.am-margin-top-0 { |
|
margin-top: 0!important; |
|
} |
|
.am-margin-top-xs { |
|
margin-top: 0.3125rem; |
|
} |
|
.am-margin-top-sm { |
|
margin-top: 0.625rem; |
|
} |
|
.am-margin-top-lg { |
|
margin-top: 1.5rem; |
|
} |
|
.am-margin-top-xl { |
|
margin-top: 2rem; |
|
} |
|
.am-margin-bottom { |
|
margin-bottom: 1rem; |
|
} |
|
.am-margin-bottom-0 { |
|
margin-bottom: 0!important; |
|
} |
|
.am-margin-bottom-xs { |
|
margin-bottom: 0.3125rem; |
|
} |
|
.am-margin-bottom-sm { |
|
margin-bottom: 0.625rem; |
|
} |
|
.am-margin-bottom-lg { |
|
margin-bottom: 1.5rem; |
|
} |
|
.am-margin-bottom-xl { |
|
margin-bottom: 2rem; |
|
} |
|
.am-margin-left { |
|
margin-left: 1rem; |
|
} |
|
.am-margin-left-0 { |
|
margin-left: 0!important; |
|
} |
|
.am-margin-left-xs { |
|
margin-left: 0.3125rem; |
|
} |
|
.am-margin-left-sm { |
|
margin-left: 0.625rem; |
|
} |
|
.am-margin-left-lg { |
|
margin-left: 1.5rem; |
|
} |
|
.am-margin-left-xl { |
|
margin-left: 2rem; |
|
} |
|
.am-margin-right { |
|
margin-right: 1rem; |
|
} |
|
.am-margin-right-0 { |
|
margin-right: 0!important; |
|
} |
|
.am-margin-right-xs { |
|
margin-right: 0.3125rem; |
|
} |
|
.am-margin-right-sm { |
|
margin-right: 0.625rem; |
|
} |
|
.am-margin-right-lg { |
|
margin-right: 1.5rem; |
|
} |
|
.am-margin-right-xl { |
|
margin-right: 2rem; |
|
} |
|
/* Padding helpers */ |
|
.am-padding { |
|
padding: 1rem; |
|
} |
|
.am-padding-0 { |
|
padding: 0!important; |
|
} |
|
.am-padding-xs { |
|
padding: 0.3125rem; |
|
} |
|
.am-padding-sm { |
|
padding: 0.625rem; |
|
} |
|
.am-padding-lg { |
|
padding: 1.5rem; |
|
} |
|
.am-padding-xl { |
|
padding: 2rem; |
|
} |
|
.am-padding-horizontal { |
|
padding-left: 1rem; |
|
padding-right: 1rem; |
|
} |
|
.am-padding-horizontal-0 { |
|
padding-left: 0!important; |
|
padding-right: 0!important; |
|
} |
|
.am-padding-horizontal-xs { |
|
padding-left: 0.3125rem; |
|
padding-right: 0.3125rem; |
|
} |
|
.am-padding-horizontal-sm { |
|
padding-left: 0.625rem; |
|
padding-right: 0.625rem; |
|
} |
|
.am-padding-horizontal-lg { |
|
padding-left: 1.5rem; |
|
padding-right: 1.5rem; |
|
} |
|
.am-padding-horizontal-xl { |
|
padding-left: 2rem; |
|
padding-right: 2rem; |
|
} |
|
.am-padding-vertical { |
|
padding-top: 1rem; |
|
padding-bottom: 1rem; |
|
} |
|
.am-padding-vertical-0 { |
|
padding-top: 0!important; |
|
padding-bottom: 0!important; |
|
} |
|
.am-padding-vertical-xs { |
|
padding-top: 0.3125rem; |
|
padding-bottom: 0.3125rem; |
|
} |
|
.am-padding-vertical-sm { |
|
padding-top: 0.625rem; |
|
padding-bottom: 0.625rem; |
|
} |
|
.am-padding-vertical-lg { |
|
padding-top: 1.5rem; |
|
padding-bottom: 1.5rem; |
|
} |
|
.am-padding-vertical-xl { |
|
padding-top: 2rem; |
|
padding-bottom: 2rem; |
|
} |
|
.am-padding-top { |
|
padding-top: 1rem; |
|
} |
|
.am-padding-top-0 { |
|
padding-top: 0!important; |
|
} |
|
.am-padding-top-xs { |
|
padding-top: 0.3125rem; |
|
} |
|
.am-padding-top-sm { |
|
padding-top: 0.625rem; |
|
} |
|
.am-padding-top-lg { |
|
padding-top: 1.5rem; |
|
} |
|
.am-padding-top-xl { |
|
padding-top: 2rem; |
|
} |
|
.am-padding-bottom { |
|
padding-bottom: 1rem; |
|
} |
|
.am-padding-bottom-0 { |
|
padding-bottom: 0!important; |
|
} |
|
.am-padding-bottom-xs { |
|
padding-bottom: 0.3125rem; |
|
} |
|
.am-padding-bottom-sm { |
|
padding-bottom: 0.625rem; |
|
} |
|
.am-padding-bottom-lg { |
|
padding-bottom: 1.5rem; |
|
} |
|
.am-padding-bottom-xl { |
|
padding-bottom: 2rem; |
|
} |
|
.am-padding-left { |
|
padding-left: 1rem; |
|
} |
|
.am-padding-left-0 { |
|
padding-left: 0!important; |
|
} |
|
.am-padding-left-xs { |
|
padding-left: 0.3125rem; |
|
} |
|
.am-padding-left-sm { |
|
padding-left: 0.625rem; |
|
} |
|
.am-padding-left-lg { |
|
padding-left: 1.5rem; |
|
} |
|
.am-padding-left-xl { |
|
padding-left: 2rem; |
|
} |
|
.am-padding-right { |
|
padding-right: 1rem; |
|
} |
|
.am-padding-right-0 { |
|
padding-right: 0!important; |
|
} |
|
.am-padding-right-xs { |
|
padding-right: 0.3125rem; |
|
} |
|
.am-padding-right-sm { |
|
padding-right: 0.625rem; |
|
} |
|
.am-padding-right-lg { |
|
padding-right: 1.5rem; |
|
} |
|
.am-padding-right-xl { |
|
padding-right: 2rem; |
|
} |
|
/* small displays */ |
|
@media only screen { |
|
.am-show-sm-only, |
|
.am-show-sm-up, |
|
.am-show-sm, |
|
.am-show-sm-down, |
|
.am-hide-md-only, |
|
.am-hide-md-up, |
|
.am-hide-md, |
|
.am-show-md-down, |
|
.am-hide-lg-only, |
|
.am-hide-lg-up, |
|
.am-hide-lg, |
|
.am-show-lg-down { |
|
display: inherit !important; |
|
} |
|
.am-hide-sm-only, |
|
.am-hide-sm-up, |
|
.am-hide-sm, |
|
.am-hide-sm-down, |
|
.am-show-md-only, |
|
.am-show-md-up, |
|
.am-show-md, |
|
.am-hide-md-down, |
|
.am-show-lg-only, |
|
.am-show-lg-up, |
|
.am-show-lg, |
|
.am-hide-lg-down { |
|
display: none !important; |
|
} |
|
/* table */ |
|
table.am-show-sm-only, |
|
table.am-show-sm-up, |
|
table.am-show-sm, |
|
table.am-show-sm-down, |
|
table.am-hide-md-only, |
|
table.am-hide-md-up, |
|
table.am-hide-md, |
|
table.am-show-md-down, |
|
table.am-hide-lg-only, |
|
table.am-hide-lg-up, |
|
table.am-hide-lg, |
|
table.am-show-lg-down { |
|
display: table !important; |
|
} |
|
thead.am-show-sm-only, |
|
thead.am-show-sm-up, |
|
thead.am-show-sm, |
|
thead.am-show-sm-down, |
|
thead.am-hide-md-only, |
|
thead.am-hide-md-up, |
|
thead.am-hide-md, |
|
thead.am-show-md-down, |
|
thead.am-hide-lg-only, |
|
thead.am-hide-lg-up, |
|
thead.am-hide-lg, |
|
thead.am-show-lg-down { |
|
display: table-header-group !important; |
|
} |
|
tbody.am-show-sm-only, |
|
tbody.am-show-sm-up, |
|
tbody.am-show-sm, |
|
tbody.am-show-sm-down, |
|
tbody.am-hide-md-only, |
|
tbody.am-hide-md-up, |
|
tbody.am-hide-md, |
|
tbody.am-show-md-down, |
|
tbody.am-hide-lg-only, |
|
tbody.am-hide-lg-up, |
|
tbody.am-hide-lg, |
|
tbody.am-show-lg-down { |
|
display: table-row-group !important; |
|
} |
|
tr.am-show-sm-only, |
|
tr.am-show-sm-up, |
|
tr.am-show-sm, |
|
tr.am-show-sm-down, |
|
tr.am-hide-md-only, |
|
tr.am-hide-md-up, |
|
tr.am-hide-md, |
|
tr.am-show-md-down, |
|
tr.am-hide-lg-only, |
|
tr.am-hide-lg-up, |
|
tr.am-hide-lg, |
|
tr.am-show-lg-down { |
|
display: table-row !important; |
|
} |
|
th.am-show-sm-only, |
|
td.am-show-sm-only, |
|
th.am-show-sm-up, |
|
td.am-show-sm-up, |
|
th.am-show-sm, |
|
td.am-show-sm, |
|
th.am-show-sm-down, |
|
td.am-show-sm-down, |
|
th.am-hide-md-only, |
|
td.am-hide-md-only, |
|
th.am-hide-md-up, |
|
td.am-hide-md-up, |
|
th.am-hide-md, |
|
td.am-hide-md, |
|
th.am-show-md-down, |
|
td.am-show-md-down, |
|
th.am-hide-lg-only, |
|
td.am-hide-lg-only, |
|
th.am-hide-lg-up, |
|
td.am-hide-lg-up, |
|
th.am-hide-lg, |
|
td.am-hide-lg, |
|
th.am-show-lg-down, |
|
td.am-show-lg-down { |
|
display: table-cell !important; |
|
} |
|
} |
|
/* medium displays */ |
|
@media only screen and (min-width:641px) { |
|
.am-hide-sm-only, |
|
.am-show-sm-up, |
|
.am-hide-sm, |
|
.am-hide-sm-down, |
|
.am-show-md-only, |
|
.am-show-md-up, |
|
.am-show-md, |
|
.am-show-md-down, |
|
.am-hide-lg-only, |
|
.am-hide-lg-up, |
|
.am-hide-lg, |
|
.am-show-lg-down { |
|
display: inherit !important; |
|
} |
|
.am-show-sm-only, |
|
.am-hide-sm-up, |
|
.am-show-sm, |
|
.am-show-sm-down, |
|
.am-hide-md-only, |
|
.am-hide-md-up, |
|
.am-hide-md, |
|
.am-hide-md-down, |
|
.am-show-lg-only, |
|
.am-show-lg-up, |
|
.am-show-lg, |
|
.am-hide-lg-down { |
|
display: none !important; |
|
} |
|
table.am-hide-sm-only, |
|
table.am-show-sm-up, |
|
table.am-hide-sm, |
|
table.am-hide-sm-down, |
|
table.am-show-md-only, |
|
table.am-show-md-up, |
|
table.am-show-md, |
|
table.am-show-md-down, |
|
table.am-hide-lg-only, |
|
table.am-hide-lg-up, |
|
table.am-hide-lg, |
|
table.am-show-lg-down { |
|
display: table !important; |
|
} |
|
thead.am-hide-sm-only, |
|
thead.am-show-sm-up, |
|
thead.am-hide-sm, |
|
thead.am-hide-sm-down, |
|
thead.am-show-md-only, |
|
thead.am-show-md-up, |
|
thead.am-show-md, |
|
thead.am-show-md-down, |
|
thead.am-hide-lg-only, |
|
thead.am-hide-lg-up, |
|
thead.am-hide-lg, |
|
thead.am-show-lg-down { |
|
display: table-header-group !important; |
|
} |
|
tbody.am-hide-sm-only, |
|
tbody.am-show-sm-up, |
|
tbody.am-hide-sm, |
|
tbody.am-hide-sm-down, |
|
tbody.am-show-md-only, |
|
tbody.am-show-md-up, |
|
tbody.am-show-md, |
|
tbody.am-show-md-down, |
|
tbody.am-hide-lg-only, |
|
tbody.am-hide-lg-up, |
|
tbody.am-hide-lg, |
|
tbody.am-show-lg-down { |
|
display: table-row-group !important; |
|
} |
|
tr.am-hide-sm-only, |
|
tr.am-show-sm-up, |
|
tr.am-hide-sm, |
|
tr.am-hide-sm-down, |
|
tr.am-show-md-only, |
|
tr.am-show-md-up, |
|
tr.am-show-md, |
|
tr.am-show-md-down, |
|
tr.am-hide-lg-only, |
|
tr.am-hide-lg-up, |
|
tr.am-hide-lg, |
|
tr.am-show-lg-down { |
|
display: table-row !important; |
|
} |
|
th.am-hide-sm-only, |
|
td.am-hide-sm-only, |
|
th.am-show-sm-up, |
|
td.am-show-sm-up, |
|
th.am-hide-sm, |
|
td.am-hide-sm, |
|
th.am-hide-sm-down, |
|
td.am-hide-sm-down, |
|
th.am-show-md-only, |
|
td.am-show-md-only, |
|
th.am-show-md-up, |
|
td.am-show-md-up, |
|
th.am-show-md, |
|
td.am-show-md, |
|
th.am-show-md-down, |
|
td.am-show-md-down, |
|
th.am-hide-lg-only, |
|
td.am-hide-lg-only, |
|
th.am-hide-lg-up, |
|
td.am-hide-lg-up, |
|
th.am-hide-lg, |
|
td.am-hide-lg, |
|
th.am-show-lg-down, |
|
td.am-show-lg-down { |
|
display: table-cell !important; |
|
} |
|
} |
|
/* large displays */ |
|
@media only screen and (min-width:1025px) { |
|
.am-hide-sm-only, |
|
.am-show-sm-up, |
|
.am-hide-sm, |
|
.am-hide-sm-down, |
|
.am-hide-md-only, |
|
.am-show-md-up, |
|
.am-hide-md, |
|
.am-hide-md-down, |
|
.am-show-lg-only, |
|
.am-show-lg-up, |
|
.am-show-lg, |
|
.am-show-lg-down { |
|
display: inherit !important; |
|
} |
|
.am-show-sm-only, |
|
.am-hide-sm-up, |
|
.am-show-sm, |
|
.am-show-sm-down, |
|
.am-show-md-only, |
|
.am-hide-md-up, |
|
.am-show-md, |
|
.am-show-md-down, |
|
.am-hide-lg-only, |
|
.am-hide-lg-up, |
|
.am-hide-lg, |
|
.am-hide-lg-down { |
|
display: none !important; |
|
} |
|
table.am-hide-sm-only, |
|
table.am-show-sm-up, |
|
table.am-hide-sm, |
|
table.am-hide-sm-down, |
|
table.am-hide-md-only, |
|
table.am-show-md-up, |
|
table.am-hide-md, |
|
table.am-hide-md-down, |
|
table.am-show-lg-only, |
|
table.am-show-lg-up, |
|
table.am-show-lg, |
|
table.am-show-lg-down { |
|
display: table !important; |
|
} |
|
thead.am-hide-sm-only, |
|
thead.am-show-sm-up, |
|
thead.am-hide-sm, |
|
thead.am-hide-sm-down, |
|
thead.am-hide-md-only, |
|
thead.am-show-md-up, |
|
thead.am-hide-md, |
|
thead.am-hide-md-down, |
|
thead.am-show-lg-only, |
|
thead.am-show-lg-up, |
|
thead.am-show-lg, |
|
thead.am-show-lg-down { |
|
display: table-header-group !important; |
|
} |
|
tbody.am-hide-sm-only, |
|
tbody.am-show-sm-up, |
|
tbody.am-hide-sm, |
|
tbody.am-hide-sm-down, |
|
tbody.am-hide-md-only, |
|
tbody.am-show-md-up, |
|
tbody.am-hide-md, |
|
tbody.am-hide-md-down, |
|
tbody.am-show-lg-only, |
|
tbody.am-show-lg-up, |
|
tbody.am-show-lg, |
|
tbody.am-show-lg-down { |
|
display: table-row-group !important; |
|
} |
|
tr.am-hide-sm-only, |
|
tr.am-show-sm-up, |
|
tr.am-hide-sm, |
|
tr.am-hide-sm-down, |
|
tr.am-hide-md-only, |
|
tr.am-show-md-up, |
|
tr.am-hide-md, |
|
tr.am-hide-md-down, |
|
tr.am-show-lg-only, |
|
tr.am-show-lg-up, |
|
tr.am-show-lg, |
|
tr.am-show-lg-down { |
|
display: table-row !important; |
|
} |
|
th.am-hide-sm-only, |
|
td.am-hide-sm-only, |
|
th.am-show-sm-up, |
|
td.am-show-sm-up, |
|
th.am-hide-sm, |
|
td.am-hide-sm, |
|
th.am-hide-sm-down, |
|
td.am-hide-sm-down, |
|
th.am-hide-md-only, |
|
td.am-hide-md-only, |
|
th.am-show-md-up, |
|
td.am-show-md-up, |
|
th.am-hide-md, |
|
td.am-hide-md, |
|
th.am-hide-md-down, |
|
td.am-hide-md-down, |
|
th.am-show-lg-only, |
|
td.am-show-lg-only, |
|
th.am-show-lg-up, |
|
td.am-show-lg-up, |
|
th.am-show-lg, |
|
td.am-show-lg, |
|
th.am-show-lg-down, |
|
td.am-show-lg-down { |
|
display: table-cell !important; |
|
} |
|
} |
|
@media only screen and (orientation: landscape) { |
|
.am-show-landscape, |
|
.am-hide-portrait { |
|
display: inherit !important; |
|
} |
|
.am-hide-landscape, |
|
.am-show-portrait { |
|
display: none !important; |
|
} |
|
} |
|
@media only screen and (orientation: portrait) { |
|
.am-show-portrait, |
|
.am-hide-landscape { |
|
display: inherit !important; |
|
} |
|
.am-hide-portrait, |
|
.am-show-landscape { |
|
display: none !important; |
|
} |
|
} |
|
.am-sans-serif { |
|
font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", "Droid Sans", "Source Han Sans", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif; |
|
} |
|
.am-serif { |
|
font-family: Georgia, "Times New Roman", Times, SimSun, "FontAwesome", serif; |
|
} |
|
.am-kai { |
|
font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif; |
|
} |
|
.am-monospace { |
|
font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace; |
|
} |
|
.am-text-primary { |
|
color: #5085FF; |
|
} |
|
.am-text-secondary { |
|
color: #9dbaff; |
|
} |
|
.am-text-success { |
|
color: #29BB9C; |
|
} |
|
.am-text-warning { |
|
color: #EFA100; |
|
} |
|
.am-text-danger { |
|
color: #E54D42; |
|
} |
|
.am-link-muted { |
|
color: #666; |
|
} |
|
.am-link-muted a { |
|
color: #666; |
|
} |
|
.am-link-muted:hover, |
|
.am-link-muted a:hover { |
|
color: #555; |
|
} |
|
.am-text-default { |
|
font-size: 1rem; |
|
} |
|
/* |
|
.@{ns}text-xxs { |
|
font-size: @font-size-xxs; |
|
} |
|
*/ |
|
.am-text-xs { |
|
font-size: 0.75rem; |
|
} |
|
.am-text-sm { |
|
font-size: 0.875rem; |
|
} |
|
.am-text-lg { |
|
font-size: 1.125rem; |
|
} |
|
.am-text-xl { |
|
font-size: 1.5rem; |
|
} |
|
.am-text-xxl { |
|
font-size: 2rem; |
|
} |
|
.am-text-xxxl { |
|
font-size: 2.625rem; |
|
} |
|
.am-ellipsis, |
|
.am-text-truncate { |
|
word-wrap: normal; |
|
/* for IE */ |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
} |
|
.am-text-break { |
|
word-wrap: break-word; |
|
-webkit-hyphens: auto; |
|
-moz-hyphens: auto; |
|
hyphens: auto; |
|
} |
|
.am-text-nowrap { |
|
white-space: nowrap; |
|
} |
|
[class*='am-align-'] { |
|
margin-bottom: 0.625rem; |
|
} |
|
.am-align-left { |
|
margin-right: 0.625rem; |
|
float: left; |
|
} |
|
.am-align-right { |
|
margin-left: 0.625rem; |
|
float: right; |
|
} |
|
/** Only display content to screen readers |
|
* See: http://a11yproject.com/posts/how-to-hide-content/ |
|
*/ |
|
.am-sr-only { |
|
position: absolute; |
|
width: 1px; |
|
height: 1px; |
|
margin: -1px; |
|
padding: 0; |
|
overflow: hidden; |
|
clip: rect(0, 0, 0, 0); |
|
border: 0; |
|
} |
|
/* Text Image Replacement */ |
|
.am-text-ir { |
|
font: 0/0 a; |
|
color: transparent; |
|
text-shadow: none; |
|
background-color: transparent; |
|
border: 0; |
|
} |
|
/* Text align */ |
|
@media only screen { |
|
.am-text-left { |
|
text-align: left !important; |
|
} |
|
.am-text-right { |
|
text-align: right !important; |
|
} |
|
.am-text-center { |
|
text-align: center !important; |
|
} |
|
.am-text-justify { |
|
text-align: justify !important; |
|
} |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-sm-only-text-left { |
|
text-align: left !important; |
|
} |
|
.am-sm-only-text-right { |
|
text-align: right !important; |
|
} |
|
.am-sm-only-text-center { |
|
text-align: center !important; |
|
} |
|
.am-sm-only-text-justify { |
|
text-align: justify !important; |
|
} |
|
} |
|
@media only screen and (min-width:641px) and (max-width:1024px) { |
|
.am-md-only-text-left { |
|
text-align: left !important; |
|
} |
|
.am-md-only-text-right { |
|
text-align: right !important; |
|
} |
|
.am-md-only-text-center { |
|
text-align: center !important; |
|
} |
|
.am-md-only-text-justify { |
|
text-align: justify !important; |
|
} |
|
} |
|
@media only screen and (min-width:641px) { |
|
.am-md-text-left { |
|
text-align: left !important; |
|
} |
|
.am-md-text-right { |
|
text-align: right !important; |
|
} |
|
.am-md-text-center { |
|
text-align: center !important; |
|
} |
|
.am-md-text-justify { |
|
text-align: justify !important; |
|
} |
|
} |
|
@media only screen and (min-width:1025px) { |
|
.am-lg-text-left { |
|
text-align: left !important; |
|
} |
|
.am-lg-text-right { |
|
text-align: right !important; |
|
} |
|
.am-lg-text-center { |
|
text-align: center !important; |
|
} |
|
.am-lg-text-justify { |
|
text-align: justify !important; |
|
} |
|
} |
|
.am-text-top { |
|
vertical-align: top !important; |
|
} |
|
.am-text-middle { |
|
vertical-align: middle !important; |
|
} |
|
.am-text-bottom { |
|
vertical-align: bottom !important; |
|
} |
|
.am-angle { |
|
position: absolute; |
|
} |
|
.am-angle:before, |
|
.am-angle:after { |
|
position: absolute; |
|
display: block; |
|
content: ""; |
|
width: 0; |
|
height: 0; |
|
border: 8px dashed transparent; |
|
z-index: 1; |
|
} |
|
.am-angle-up { |
|
top: 0; |
|
} |
|
.am-angle-up:before, |
|
.am-angle-up:after { |
|
border-bottom-style: solid; |
|
border-width: 0 8px 8px; |
|
} |
|
.am-angle-up:before { |
|
border-bottom-color: #ddd; |
|
bottom: 0; |
|
} |
|
.am-angle-up:after { |
|
border-bottom-color: #fff; |
|
bottom: -1px; |
|
} |
|
.am-angle-down { |
|
bottom: -9px; |
|
} |
|
.am-angle-down:before, |
|
.am-angle-down:after { |
|
border-top-style: solid; |
|
border-width: 8px 8px 0; |
|
} |
|
.am-angle-down:before { |
|
border-top-color: #ddd; |
|
bottom: 0; |
|
} |
|
.am-angle-down:after { |
|
border-top-color: #fff; |
|
bottom: 1px; |
|
} |
|
.am-angle-left { |
|
left: -9px; |
|
} |
|
.am-angle-left:before, |
|
.am-angle-left:after { |
|
border-right-style: solid; |
|
border-width: 8px 8px 8px 0; |
|
} |
|
.am-angle-left:before { |
|
border-right-color: #ddd; |
|
left: 0; |
|
} |
|
.am-angle-left:after { |
|
border-right-color: #fff; |
|
left: 1px; |
|
} |
|
.am-angle-right { |
|
right: 0; |
|
} |
|
.am-angle-right:before, |
|
.am-angle-right:after { |
|
border-left-style: solid; |
|
border-width: 8px 0 8px 8px; |
|
} |
|
.am-angle-right:before { |
|
border-left-color: #ddd; |
|
left: 0; |
|
} |
|
.am-angle-right:after { |
|
border-left-color: #fff; |
|
left: -1px; |
|
} |
|
.am-switch { |
|
display: inline-block; |
|
width: 36px; |
|
height: 18px; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-switch { |
|
width: 48px; |
|
height: 24px; |
|
} |
|
} |
|
.am-switch > input[type="checkbox"] { |
|
display: none; |
|
} |
|
.am-switch > input[type="checkbox"]:disabled ~ .am-switch-checkbox { |
|
background: #e1e1e1; |
|
} |
|
.am-switch > input[type="checkbox"]:checked:disabled ~ .am-switch-checkbox { |
|
background: #9dbaff; |
|
} |
|
.am-switch > input[type="checkbox"]:checked ~ .am-switch-checkbox { |
|
background: #5085FF; |
|
} |
|
.am-switch > input[type="checkbox"]:checked ~ .am-switch-checkbox::before { |
|
left: 19px; |
|
} |
|
.am-switch > input[type="checkbox"]:checked ~ .am-switch-checkbox.am-switch-text::before { |
|
text-indent: -14px; |
|
content: '开'; |
|
} |
|
.am-switch > input[type="checkbox"]:checked ~ .am-switch-checkbox.am-switch-ico::before { |
|
content: '\f00c'; |
|
text-indent: -14px; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-switch > input[type="checkbox"]:checked:checked ~ .am-switch-checkbox::before { |
|
left: 25px; |
|
} |
|
.am-switch > input[type="checkbox"]:checked:checked ~ .am-switch-checkbox.am-switch-text::before { |
|
text-indent: -16px; |
|
} |
|
.am-switch > input[type="checkbox"]:checked:checked ~ .am-switch-checkbox.am-switch-ico::before { |
|
text-indent: -16px; |
|
} |
|
} |
|
.am-switch.am-switch-lg { |
|
width: 54px; |
|
height: 27px; |
|
} |
|
.am-switch.am-switch-lg > input[type="checkbox"]:checked ~ .am-switch-checkbox::before { |
|
left: 29px; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-switch.am-switch-lg { |
|
width: 72px; |
|
height: 36px; |
|
} |
|
.am-switch.am-switch-lg > input[type="checkbox"]:checked ~ .am-switch-checkbox::before { |
|
left: 37px; |
|
} |
|
} |
|
.am-switch.am-switch-lg .am-switch-checkbox { |
|
width: 54px; |
|
height: 27px; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-switch.am-switch-lg .am-switch-checkbox { |
|
width: 72px; |
|
height: 36px; |
|
} |
|
} |
|
.am-switch.am-switch-lg .am-switch-checkbox::before { |
|
width: 24px; |
|
height: 24px; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-switch.am-switch-lg .am-switch-checkbox::before { |
|
left: 2px; |
|
width: 33px; |
|
height: 33px; |
|
} |
|
} |
|
.am-switch .am-switch-checkbox { |
|
width: 36px; |
|
height: 18px; |
|
border-radius: 1000px; |
|
background: #999999; |
|
-webkit-transition: background ease 0.5s; |
|
transition: background ease 0.5s; |
|
cursor: pointer; |
|
position: relative; |
|
display: inline-block; |
|
overflow: hidden; |
|
-webkit-appearance: none; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-switch .am-switch-checkbox { |
|
width: 48px; |
|
height: 24px; |
|
} |
|
} |
|
.am-switch .am-switch-checkbox::before { |
|
content: ''; |
|
font-weight: 500; |
|
width: 16px; |
|
height: 16px; |
|
line-height: 14px; |
|
position: absolute; |
|
border-radius: 1000px; |
|
top: 1px; |
|
left: 1px; |
|
background-color: #fff; |
|
color: #fff; |
|
font-size: 0.75rem; |
|
-webkit-transition: left ease 0.3s; |
|
transition: left ease 0.3s; |
|
} |
|
.am-switch .am-switch-checkbox.am-switch-text::before { |
|
content: '关'; |
|
text-indent: 18px; |
|
} |
|
.am-switch .am-switch-checkbox.am-switch-ico::before { |
|
content: '\f00d'; |
|
text-indent: 18px; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-switch .am-switch-checkbox::before { |
|
width: 22px; |
|
height: 22px; |
|
line-height: 22px; |
|
} |
|
.am-switch .am-switch-checkbox.am-switch-text::before { |
|
text-indent: 26px; |
|
} |
|
.am-switch .am-switch-checkbox.am-switch-ico::before { |
|
text-indent: 26px; |
|
} |
|
.am-switch .am-switch-checkbox:checked::before { |
|
left: 25px; |
|
} |
|
.am-switch .am-switch-checkbox:checked.am-switch-text::before { |
|
text-indent: -16px; |
|
} |
|
.am-switch .am-switch-checkbox:checked.am-switch-ico::before { |
|
text-indent: -16px; |
|
} |
|
} |
|
.am-switch-secondary > input[type="checkbox"]:checked ~ .am-switch-checkbox { |
|
background: #9dbaff; |
|
} |
|
.am-switch-success > input[type="checkbox"]:checked ~ .am-switch-checkbox { |
|
background: #29BB9C; |
|
} |
|
.am-switch-warning > input[type="checkbox"]:checked ~ .am-switch-checkbox { |
|
background: #EFA100; |
|
} |
|
.am-switch-danger > input[type="checkbox"]:checked ~ .am-switch-checkbox { |
|
background: #E54D42; |
|
} |
|
/* ========================================================================== |
|
Component: Mark |
|
============================================================================ */ |
|
.am-mark { |
|
position: relative; |
|
} |
|
.am-mark > sup { |
|
display: inline-block; |
|
position: absolute; |
|
min-width: 16px; |
|
padding: 2px; |
|
font-size: 12px; |
|
color: #fff; |
|
line-height: 1; |
|
vertical-align: middle; |
|
white-space: nowrap; |
|
text-align: center; |
|
background-color: red; |
|
z-index: 10; |
|
border-radius: 1000px; |
|
top: 0; |
|
right: 0; |
|
-webkit-transform: translate(50%, -50%); |
|
transform: translate(50%, -50%); |
|
} |
|
.am-mark-around > sup { |
|
position: relative; |
|
} |
|
.am-mark-active > sup { |
|
min-width: 8px; |
|
height: 8px; |
|
padding: 0; |
|
} |
|
/* ========================================================================== |
|
Component: Alert Plugin |
|
============================================================================ */ |
|
.am-alert { |
|
margin-bottom: 1em; |
|
padding: 1em 1.5em; |
|
background: #5085FF; |
|
color: #fff; |
|
border-radius: 4px; |
|
font-size: 1rem; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-alert { |
|
padding: 0.75em 1em; |
|
} |
|
} |
|
.am-alert a { |
|
color: #fff; |
|
} |
|
.am-alert h1, |
|
.am-alert h2, |
|
.am-alert h3, |
|
.am-alert h4, |
|
.am-alert h5, |
|
.am-alert h6 { |
|
color: inherit; |
|
} |
|
.am-alert .am-close { |
|
opacity: 1; |
|
font-weight: bold; |
|
text-shadow: none; |
|
color: #fff; |
|
} |
|
.am-alert .am-close:hover { |
|
opacity: .6; |
|
} |
|
.am-alert-icon-lg { |
|
position: relative; |
|
} |
|
.am-alert-icon-lg:before, |
|
.am-alert-icon-lg:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-alert-icon-lg:after { |
|
clear: both; |
|
} |
|
.am-alert-icon-lg .am-alert-bd { |
|
margin-left: 3rem; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-alert-icon-lg .am-alert-bd { |
|
margin-left: 2.5rem; |
|
} |
|
} |
|
.am-alert-icon-lg .am-alert-bd p { |
|
margin-top: 0px; |
|
margin-bottom: 0px; |
|
} |
|
.am-alert-icon-lg [class*='am-icon-'] { |
|
font-size: 2.5rem; |
|
float: left; |
|
position: absolute; |
|
top: 50%; |
|
-webkit-transform: translateY(-50%); |
|
transform: translateY(-50%); |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-alert-icon-lg [class*='am-icon-'] { |
|
font-size: 2rem; |
|
} |
|
} |
|
.am-alert-icon-lg::after { |
|
display: none; |
|
} |
|
.am-alert-icon-sm { |
|
position: relative; |
|
} |
|
.am-alert-icon-sm:before, |
|
.am-alert-icon-sm:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-alert-icon-sm:after { |
|
clear: both; |
|
} |
|
.am-alert-icon-sm [class*='am-icon-'] { |
|
font-size: 1rem; |
|
float: left; |
|
position: absolute; |
|
top: 50%; |
|
-webkit-transform: translateY(-50%); |
|
transform: translateY(-50%); |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-alert-icon-sm [class*='am-icon-'] { |
|
font-size: 1.5rem; |
|
} |
|
} |
|
.am-alert-icon-sm p { |
|
margin-top: 0px; |
|
margin-left: 1.5rem; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-alert-icon-sm p { |
|
margin-left: 1.875rem; |
|
} |
|
} |
|
/* Add margin if adjacent element */ |
|
* + .am-alert { |
|
margin-top: 1em; |
|
} |
|
/* Remove margin from the last-child */ |
|
.am-alert > :last-child { |
|
margin-bottom: 0; |
|
} |
|
/* within am-form-group */ |
|
.am-form-group .am-alert { |
|
margin: 5px 0 0; |
|
padding: 0.25em 0.625em; |
|
font-size: 0.8125rem; |
|
} |
|
/* Close in alert */ |
|
.am-alert > .am-close:first-child { |
|
float: right; |
|
height: auto; |
|
margin: -3px -13px auto auto; |
|
} |
|
/* Remove margin from adjacent element */ |
|
.am-alert > .am-close:first-child + * { |
|
margin-top: 0; |
|
margin-bottom: 0; |
|
} |
|
.am-alert-secondary { |
|
background-color: #9dbaff; |
|
border-color: #7ea5ff; |
|
color: #fff; |
|
} |
|
.am-alert-success { |
|
background-color: #29BB9C; |
|
border-color: #23a287; |
|
color: #fff; |
|
} |
|
.am-alert-warning { |
|
background-color: #EFA100; |
|
border-color: #d08c00; |
|
color: #fff; |
|
} |
|
.am-alert-danger { |
|
background-color: #E54D42; |
|
border-color: #e13427; |
|
color: #fff; |
|
} |
|
.am-dropdown { |
|
position: relative; |
|
display: inline-block; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-dropdown [class*='am-icon-'] { |
|
vertical-align: initial; |
|
} |
|
} |
|
.am-dropdown-toggle:focus { |
|
outline: 0; |
|
} |
|
.am-dropdown-content { |
|
position: absolute; |
|
top: 100%; |
|
left: 0; |
|
z-index: 1020; |
|
display: none; |
|
float: left; |
|
min-width: 200px; |
|
overflow: hidden; |
|
padding: 15px; |
|
margin: 2px 0 0; |
|
text-align: left; |
|
line-height: 1.6; |
|
background-color: #fff; |
|
border: 1px solid #ccc; |
|
border-radius: 2px; |
|
-webkit-background-clip: padding-box; |
|
background-clip: padding-box; |
|
-webkit-animation-duration: .15s; |
|
animation-duration: .15s; |
|
} |
|
.am-dropdown-content:before, |
|
.am-dropdown-content:after { |
|
border-bottom-style: solid; |
|
border-width: 0 8px 8px; |
|
} |
|
.am-dropdown-content:before { |
|
border-bottom-color: #ccc; |
|
bottom: 0; |
|
} |
|
.am-dropdown-content:after { |
|
border-bottom-color: #fff; |
|
bottom: -1px; |
|
} |
|
.am-active > .am-dropdown-content { |
|
display: block; |
|
} |
|
.am-dropdown-content a > i { |
|
position: relative; |
|
top: 0.0625rem; |
|
font-size: 1.2rem; |
|
text-align: center; |
|
width: 1.7rem; |
|
color: #666666; |
|
padding-right: 10px; |
|
} |
|
.am-dropdown-content :first-child { |
|
margin-top: 0; |
|
} |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content { |
|
border-color: #5085FF; |
|
} |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content a:hover, |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content a:focus { |
|
color: #fff; |
|
background-color: #5085FF; |
|
} |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content a:hover i, |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content a:focus i { |
|
color: #fff; |
|
} |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content .am-disabled > a { |
|
color: #999999; |
|
background-color: transparent; |
|
} |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content .am-disabled > a > i { |
|
color: #999999; |
|
} |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content .am-disabled > a > i:hover { |
|
color: #999999; |
|
} |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content .am-active > a, |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content .am-active > a:hover, |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content .am-active > a:focus { |
|
color: #fff; |
|
text-decoration: none; |
|
outline: 0; |
|
background-color: #5085FF; |
|
} |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content .am-active > a i, |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content .am-active > a:hover i, |
|
.am-dropdown-content.am-dropdown-primary.am-dropdown-content .am-active > a:focus i { |
|
color: #fff; |
|
} |
|
.am-dropdown-up .am-dropdown-content { |
|
top: auto; |
|
bottom: 100%; |
|
margin: 0 0 2px; |
|
} |
|
.am-dropdown-flip .am-dropdown-content { |
|
left: auto; |
|
right: 0; |
|
} |
|
.am-dropdown-flip .am-dropdown-content:before, |
|
.am-dropdown-flip .am-dropdown-content:after { |
|
left: auto; |
|
right: 10px; |
|
} |
|
ul.am-dropdown-content { |
|
list-style: none; |
|
padding: 12px 0; |
|
} |
|
ul.am-dropdown-content.am-fr { |
|
right: 0; |
|
left: auto; |
|
} |
|
ul.am-dropdown-content > li > a { |
|
display: block; |
|
padding: 0.2rem 1.25rem 0.426rem; |
|
clear: both; |
|
font-weight: normal; |
|
color: #333333; |
|
white-space: nowrap; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
ul.am-dropdown-content > li > a { |
|
padding: 0.25rem 0.75rem 0.25rem; |
|
} |
|
} |
|
ul.am-dropdown-content > li > a:hover, |
|
ul.am-dropdown-content > li > a:focus { |
|
text-decoration: none; |
|
color: #333333; |
|
background-color: #f0f0f0; |
|
} |
|
ul.am-dropdown-content > .am-active > a, |
|
ul.am-dropdown-content > .am-active > a:hover, |
|
ul.am-dropdown-content > .am-active > a:focus { |
|
color: #333333; |
|
text-decoration: none; |
|
outline: 0; |
|
background-color: #f0f0f0; |
|
} |
|
ul.am-dropdown-content > .am-disabled > a, |
|
ul.am-dropdown-content > .am-disabled > a:hover, |
|
ul.am-dropdown-content > .am-disabled > a:focus { |
|
color: #999999; |
|
} |
|
ul.am-dropdown-content > .am-disabled > a:hover, |
|
ul.am-dropdown-content > .am-disabled > a:focus { |
|
text-decoration: none; |
|
background-color: transparent; |
|
background-image: none; |
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
cursor: not-allowed; |
|
} |
|
.am-dropdown-header { |
|
display: block; |
|
padding: 6px 20px; |
|
font-size: 0.75rem; |
|
color: #999999; |
|
} |
|
.am-fr > .am-dropdown-content { |
|
right: 0; |
|
left: auto; |
|
} |
|
.am-fr > .am-dropdown-content:before { |
|
right: 10px; |
|
left: auto; |
|
} |
|
.am-dropdown-animation { |
|
-webkit-animation: am-dropdown-animation 0.15s ease-out; |
|
animation: am-dropdown-animation 0.15s ease-out; |
|
} |
|
@-webkit-keyframes am-dropdown-animation { |
|
0% { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
100% { |
|
opacity: 0; |
|
-webkit-transform: translateY(-10px); |
|
transform: translateY(-10px); |
|
} |
|
} |
|
@keyframes am-dropdown-animation { |
|
0% { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
100% { |
|
opacity: 0; |
|
-webkit-transform: translateY(-10px); |
|
transform: translateY(-10px); |
|
} |
|
} |
|
/* |
|
TODO: |
|
1. 动画应该放在 dialog 上,不再是整个 modal,涉及 JS 逻辑,需要统筹修改 |
|
2. modal 滚动条处理,是否需要添加一个滚动条宽度的水平 padding? |
|
*/ |
|
/* ========================================================================== |
|
Component: Modal Plugin |
|
============================================================================ */ |
|
.am-modal { |
|
position: fixed; |
|
top: 0; |
|
right: 0; |
|
bottom: 0; |
|
left: 0; |
|
z-index: 1110; |
|
display: none; |
|
opacity: 0; |
|
outline: 0; |
|
text-align: center; |
|
-webkit-transform: scale(1.185); |
|
transform: scale(1.185); |
|
-webkit-transition-property: opacity, -webkit-transform; |
|
transition-property: opacity, -webkit-transform; |
|
transition-property: transform, opacity; |
|
transition-property: transform, opacity, -webkit-transform; |
|
-webkit-backface-visibility: hidden; |
|
backface-visibility: hidden; |
|
-webkit-perspective: 1000px; |
|
perspective: 1000px; |
|
} |
|
.am-modal:focus { |
|
outline: 0; |
|
} |
|
.am-modal.am-modal-active { |
|
opacity: 1; |
|
-webkit-transition-duration: 200ms; |
|
transition-duration: 200ms; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
} |
|
.am-modal.am-modal-out { |
|
opacity: 0; |
|
z-index: 1109; |
|
-webkit-transition-duration: 200ms; |
|
transition-duration: 200ms; |
|
-webkit-transform: scale(0.815); |
|
transform: scale(0.815); |
|
} |
|
.am-modal:before { |
|
content: "\200B"; |
|
display: inline-block; |
|
height: 100%; |
|
vertical-align: middle; |
|
} |
|
.am-modal-dialog { |
|
position: relative; |
|
display: inline-block; |
|
vertical-align: middle; |
|
margin-left: auto; |
|
margin-right: auto; |
|
width: 340px; |
|
border-radius: 2px; |
|
background: #f8f8f8; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-modal-dialog { |
|
width: 84%; |
|
} |
|
} |
|
.am-modal-hd { |
|
padding: 12px 30px; |
|
font-size: 1.125rem; |
|
font-weight: 500; |
|
text-align: left; |
|
border-bottom: 1px solid #e1e1e1; |
|
} |
|
.am-modal-hd .am-close { |
|
position: absolute; |
|
color: #666666; |
|
opacity: 1; |
|
height: 28px; |
|
width: 28px; |
|
font-size: 26px; |
|
top: 12px; |
|
right: 12px; |
|
} |
|
.am-modal-bd { |
|
padding: 20px 30px; |
|
text-align: left; |
|
color: #666666; |
|
position: relative; |
|
border-radius: 2px 2px 0 0; |
|
} |
|
.am-modal-bd .am-modal-bd-ico { |
|
position: absolute; |
|
top: 20px; |
|
left: 30px; |
|
width: 24px; |
|
height: 24px; |
|
line-height: 24px; |
|
font-size: 1.5rem; |
|
} |
|
.am-modal-bd > p { |
|
margin: 0; |
|
padding-left: 36px; |
|
} |
|
.am-modal-bd + .am-modal-bd { |
|
margin-top: 5px; |
|
} |
|
.am-modal-prompt-input { |
|
display: block; |
|
margin: 10px auto 0 auto; |
|
border-radius: 2px; |
|
padding: 5px; |
|
line-height: 1.8rem; |
|
width: 100%; |
|
border: 1px solid #dedede; |
|
-webkit-appearance: none; |
|
-moz-appearance: none; |
|
-ms-appearance: none; |
|
appearance: none; |
|
} |
|
.am-modal-prompt-input:focus { |
|
outline: none; |
|
border-color: #d6d6d6; |
|
} |
|
.am-modal-footer { |
|
overflow: hidden; |
|
display: table; |
|
width: 100%; |
|
text-align: right; |
|
padding: 0 30px 20px; |
|
} |
|
.am-modal-footer .am-btn:last-child { |
|
margin-left: 20px; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-modal-footer .am-btn { |
|
padding: 8px 32px; |
|
float: left; |
|
} |
|
.am-modal-footer .am-btn:last-child { |
|
margin-left: 0; |
|
float: right; |
|
} |
|
} |
|
.am-modal-no-btn .am-modal-dialog { |
|
border-radius: 2px; |
|
border-bottom: none; |
|
} |
|
.am-modal-no-btn .am-modal-bd { |
|
border-bottom: none; |
|
} |
|
.am-modal-no-btn .am-modal-footer { |
|
display: none; |
|
} |
|
.am-modal-loading .am-modal-bd { |
|
border-bottom: none; |
|
} |
|
.am-modal-loading .am-icon-spin { |
|
display: inline-block; |
|
font-size: 1.5rem; |
|
} |
|
.am-modal-loading .am-modal-footer { |
|
display: none; |
|
} |
|
.am-modal-actions { |
|
position: fixed; |
|
left: 0; |
|
bottom: 0; |
|
z-index: 1110; |
|
width: 100%; |
|
max-height: 100%; |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
text-align: center; |
|
padding: 0 1.875rem 0.625rem; |
|
border-radius: 2px; |
|
-webkit-transform: translateY(100%); |
|
transform: translateY(100%); |
|
-webkit-transition: -webkit-transform 200ms; |
|
transition: -webkit-transform 200ms; |
|
transition: transform 200ms; |
|
transition: transform 200ms, -webkit-transform 200ms; |
|
} |
|
.am-modal-actions.am-modal-active { |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
.am-modal-actions.am-modal-out { |
|
z-index: 1109; |
|
-webkit-transform: translateY(100%); |
|
transform: translateY(100%); |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-modal-actions { |
|
padding: 0 0.9375rem 0.625rem; |
|
} |
|
} |
|
.am-modal-actions-group .am-list { |
|
margin: 0; |
|
border-radius: 2px; |
|
} |
|
.am-modal-actions-group .am-list > li { |
|
margin-bottom: 0; |
|
border-bottom: none; |
|
display: block; |
|
word-wrap: normal; |
|
/* for IE */ |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.015); |
|
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.015); |
|
} |
|
.am-modal-actions-group .am-list > li > a { |
|
padding: 0.688rem; |
|
display: block; |
|
word-wrap: normal; |
|
/* for IE */ |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-modal-actions-group .am-list > li > a { |
|
padding: 0.344rem; |
|
} |
|
.am-modal-actions-group .am-list > li > a [class*='am-icon-'] { |
|
vertical-align: initial; |
|
} |
|
} |
|
.am-modal-actions-group .am-list > li:first-child { |
|
border-top: none; |
|
border-top-right-radius: 2px; |
|
border-top-left-radius: 2px; |
|
} |
|
.am-modal-actions-group .am-list > li:last-child { |
|
border-bottom: none; |
|
border-bottom-right-radius: 2px; |
|
border-bottom-left-radius: 2px; |
|
} |
|
.am-modal-actions-group .am-btn { |
|
margin: 4px 0 0; |
|
} |
|
.am-modal-actions-header { |
|
padding: 0.625rem; |
|
color: #e1e1e1; |
|
font-size: 0.875rem; |
|
} |
|
.am-modal-actions-danger { |
|
color: #E54D42; |
|
} |
|
.am-modal-actions-danger a { |
|
color: inherit; |
|
} |
|
.am-popup { |
|
position: fixed; |
|
left: 0; |
|
top: 0; |
|
width: 100%; |
|
height: 100%; |
|
z-index: 1110; |
|
background: #fff; |
|
display: none; |
|
overflow: hidden; |
|
-webkit-transition-property: -webkit-transform; |
|
transition-property: -webkit-transform; |
|
transition-property: transform; |
|
transition-property: transform, -webkit-transform; |
|
-webkit-transform: translateY(100%); |
|
transform: translateY(100%); |
|
} |
|
.am-popup.am-modal-active, |
|
.am-popup.am-modal-out { |
|
-webkit-transition-duration: 200ms; |
|
transition-duration: 200ms; |
|
} |
|
.am-popup.am-modal-active { |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
.am-popup.am-modal-out { |
|
-webkit-transform: translateY(100%); |
|
transform: translateY(100%); |
|
} |
|
@media all and (min-width: 630px) and (min-height: 630px) { |
|
.am-popup { |
|
width: 630px; |
|
height: 630px; |
|
left: 50%; |
|
top: 50%; |
|
margin-left: -315px; |
|
margin-top: -315px; |
|
-webkit-transform: translateY(1024px); |
|
transform: translateY(1024px); |
|
} |
|
.am-popup.am-modal-active { |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
.am-popup.am-modal-out { |
|
-webkit-transform: translateY(1024px); |
|
transform: translateY(1024px); |
|
} |
|
} |
|
.am-popup-inner { |
|
padding-top: 44px; |
|
height: 100%; |
|
overflow: auto; |
|
-webkit-overflow-scrolling: touch; |
|
} |
|
.am-popup-hd { |
|
position: absolute; |
|
top: 0; |
|
z-index: 1000; |
|
width: 100%; |
|
height: 43px; |
|
border-bottom: 1px solid #dedede; |
|
background-color: #fff; |
|
} |
|
.am-popup-hd .am-popup-title { |
|
font-size: 1.125rem; |
|
font-weight: bold; |
|
line-height: 43px; |
|
text-align: center; |
|
margin: 0 30px; |
|
color: #666666; |
|
display: block; |
|
word-wrap: normal; |
|
/* for IE */ |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
} |
|
.am-popup-hd .am-close { |
|
position: absolute; |
|
right: 10px; |
|
top: 8px; |
|
cursor: pointer; |
|
-webkit-transition: all 0.3s; |
|
transition: all 0.3s; |
|
color: #e1e1e1; |
|
} |
|
.am-popup-hd .am-close:hover { |
|
-webkit-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
color: #999999; |
|
} |
|
.am-popup-bd { |
|
padding: 15px; |
|
background: #f8f8f8; |
|
color: #999999; |
|
} |
|
/* ========================================================================== |
|
Component: OffCanvas Plugin |
|
============================================================================ */ |
|
/* Off-canvas overlay and bar container */ |
|
.am-offcanvas { |
|
display: none; |
|
position: fixed; |
|
top: 0; |
|
right: 0; |
|
bottom: 0; |
|
left: 0; |
|
z-index: 1090; |
|
background: rgba(0, 0, 0, 0.15); |
|
} |
|
.am-offcanvas.am-active { |
|
display: block; |
|
} |
|
/** |
|
* .@{ns}offcanvas-page |
|
* |
|
* Prepares the whole HTML page to slide-out |
|
* 1. Fix the main page and disallow scrolling |
|
* 2. Side-out transition |
|
*/ |
|
.am-offcanvas-page { |
|
position: fixed; |
|
/* 1 */ |
|
-webkit-transition: margin-left 0.3s ease-in-out; |
|
transition: margin-left 0.3s ease-in-out; |
|
/* 2 */ |
|
} |
|
/* Sub-object .@{ns}offcanvas-bar */ |
|
.am-offcanvas-bar { |
|
position: fixed; |
|
top: 0; |
|
bottom: 0; |
|
left: 0; |
|
z-index: 1091; |
|
width: 270px; |
|
max-width: 100%; |
|
background: #333; |
|
overflow-y: auto; |
|
/* scrollable */ |
|
-webkit-overflow-scrolling: touch; |
|
/* scrollable */ |
|
-webkit-transition: -webkit-transform 0.3s ease-in-out; |
|
transition: -webkit-transform 0.3s ease-in-out; |
|
transition: transform 0.3s ease-in-out; |
|
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; |
|
-webkit-transform: translateX(-100%); |
|
transform: translateX(-100%); |
|
} |
|
.am-offcanvas-bar:after { |
|
content: ""; |
|
display: block; |
|
position: absolute; |
|
top: 0; |
|
bottom: 0; |
|
right: 0; |
|
width: 1px; |
|
background: #262626; |
|
} |
|
.am-offcanvas.am-active .am-offcanvas-bar.am-offcanvas-bar-active { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
/* .@{ns}offcanvas-bar-flip */ |
|
.am-offcanvas-bar-flip { |
|
left: auto; |
|
right: 0; |
|
-webkit-transform: translateX(100%); |
|
transform: translateX(100%); |
|
} |
|
.am-offcanvas-bar-flip:after { |
|
right: auto; |
|
left: 0; |
|
} |
|
.am-offcanvas-content { |
|
padding: 15px; |
|
color: #999; |
|
} |
|
.am-offcanvas-content a { |
|
color: #ccc; |
|
} |
|
/* ========================================================================== |
|
Component: Popover Plugin |
|
============================================================================ */ |
|
.am-popover { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
margin: 0; |
|
border-radius: 4px; |
|
background: #4c4c4c; |
|
color: #fff; |
|
border: 1px solid #ccc; |
|
display: none; |
|
font-size: 1rem; |
|
z-index: 1150; |
|
opacity: 0; |
|
-webkit-transition: opacity 300ms; |
|
transition: opacity 300ms; |
|
} |
|
.am-popover.am-active { |
|
display: block !important; |
|
opacity: 1; |
|
} |
|
.am-popover-inner { |
|
position: relative; |
|
background: #4c4c4c; |
|
padding: 0.5rem 1rem; |
|
z-index: 110; |
|
} |
|
.am-popover-caret { |
|
position: absolute; |
|
top: 0; |
|
z-index: 100; |
|
display: inline-block; |
|
width: 0; |
|
height: 0; |
|
vertical-align: middle; |
|
border-bottom: 8px solid #4c4c4c; |
|
border-right: 8px solid transparent; |
|
border-left: 8px solid transparent; |
|
border-top: 0 dotted; |
|
-webkit-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
overflow: hidden; |
|
} |
|
.am-popover-top .am-popover-caret { |
|
top: auto; |
|
bottom: -8px; |
|
-webkit-transform: rotate(180deg); |
|
transform: rotate(180deg); |
|
} |
|
.am-popover-bottom .am-popover-caret { |
|
top: -8px; |
|
} |
|
.am-popover-top .am-popover-caret, |
|
.am-popover-bottom .am-popover-caret { |
|
left: 50%; |
|
margin-left: -8px; |
|
} |
|
.am-popover-left .am-popover-caret { |
|
top: auto; |
|
left: auto; |
|
right: -12px; |
|
-webkit-transform: rotate(90deg); |
|
transform: rotate(90deg); |
|
} |
|
.am-popover-right .am-popover-caret { |
|
right: auto; |
|
left: -12px; |
|
-webkit-transform: rotate(-90deg); |
|
transform: rotate(-90deg); |
|
} |
|
.am-popover-left .am-popover-caret, |
|
.am-popover-right .am-popover-caret { |
|
top: 50%; |
|
margin-top: -4px; |
|
} |
|
.am-popover-sm { |
|
font-size: 0.875rem; |
|
} |
|
.am-popover-sm .am-popover-inner { |
|
padding: 5px; |
|
} |
|
.am-popover-lg { |
|
font-size: 1.125rem; |
|
} |
|
.am-popover-primary { |
|
border-color: #5085FF; |
|
} |
|
.am-popover-primary .am-popover-inner { |
|
background: #5085FF; |
|
} |
|
.am-popover-primary .am-popover-caret { |
|
border-bottom-color: #5085FF; |
|
} |
|
.am-popover-secondary { |
|
border-color: #9dbaff; |
|
} |
|
.am-popover-secondary .am-popover-inner { |
|
background: #9dbaff; |
|
} |
|
.am-popover-secondary .am-popover-caret { |
|
border-bottom-color: #9dbaff; |
|
} |
|
.am-popover-success { |
|
border-color: #29BB9C; |
|
} |
|
.am-popover-success .am-popover-inner { |
|
background: #29BB9C; |
|
} |
|
.am-popover-success .am-popover-caret { |
|
border-bottom-color: #29BB9C; |
|
} |
|
.am-popover-warning { |
|
border-color: #EFA100; |
|
} |
|
.am-popover-warning .am-popover-inner { |
|
background: #EFA100; |
|
} |
|
.am-popover-warning .am-popover-caret { |
|
border-bottom-color: #EFA100; |
|
} |
|
.am-popover-danger { |
|
border-color: #E54D42; |
|
} |
|
.am-popover-danger .am-popover-inner { |
|
background: #E54D42; |
|
} |
|
.am-popover-danger .am-popover-caret { |
|
border-bottom-color: #E54D42; |
|
} |
|
/* ========================================================================== |
|
Component: Progress Plugin |
|
============================================================================ */ |
|
#nprogress { |
|
/* Make clicks pass-through */ |
|
pointer-events: none; |
|
/* Fancy blur effect */ |
|
} |
|
#nprogress .nprogress-bar { |
|
position: fixed; |
|
top: 0; |
|
left: 0; |
|
z-index: 2000; |
|
width: 100%; |
|
height: 2px; |
|
background: #29BB9C; |
|
} |
|
#nprogress .nprogress-peg { |
|
display: block; |
|
position: absolute; |
|
right: 0; |
|
width: 100px; |
|
height: 100%; |
|
-webkit-box-shadow: 0 0 10px #29BB9C, 0 0 5px #29BB9C; |
|
box-shadow: 0 0 10px #29BB9C, 0 0 5px #29BB9C; |
|
opacity: 1; |
|
-webkit-transform: rotate(3deg) translate(0px, -4px); |
|
transform: rotate(3deg) translate(0px, -4px); |
|
} |
|
#nprogress .nprogress-spinner { |
|
position: fixed; |
|
top: 15px; |
|
right: 15px; |
|
z-index: 2000; |
|
display: block; |
|
} |
|
#nprogress .nprogress-spinner-icon { |
|
width: 18px; |
|
height: 18px; |
|
-webkit-box-sizing: border-box; |
|
box-sizing: border-box; |
|
border: solid 2px transparent; |
|
border-top-color: #29BB9C; |
|
border-left-color: #29BB9C; |
|
border-radius: 50%; |
|
-webkit-animation: nprogress-spinner 400ms linear infinite; |
|
animation: nprogress-spinner 400ms linear infinite; |
|
} |
|
@-webkit-keyframes nprogress-spinner { |
|
0% { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
100% { |
|
-webkit-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
} |
|
} |
|
@keyframes nprogress-spinner { |
|
0% { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
100% { |
|
-webkit-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
} |
|
} |
|
/* ========================================================================== |
|
Component: Tabs Plugin |
|
============================================================================ */ |
|
.am-tabs-bd { |
|
position: relative; |
|
overflow: hidden; |
|
border: 1px solid #ddd; |
|
border-top: none; |
|
z-index: 100; |
|
-webkit-transition: height .3s; |
|
transition: height .3s; |
|
} |
|
.am-tabs-bd:before, |
|
.am-tabs-bd:after { |
|
content: " "; |
|
display: table; |
|
} |
|
.am-tabs-bd:after { |
|
clear: both; |
|
} |
|
.am-tabs-bd .am-tab-panel { |
|
position: absolute; |
|
top: 0; |
|
z-index: 99; |
|
float: left; |
|
width: 100%; |
|
padding: 10px 10px 15px; |
|
visibility: hidden; |
|
-webkit-transition: -webkit-transform 0.3s; |
|
transition: -webkit-transform 0.3s; |
|
transition: transform 0.3s; |
|
transition: transform 0.3s, -webkit-transform 0.3s; |
|
-webkit-transform: translateX(-100%); |
|
transform: translateX(-100%); |
|
} |
|
.am-tabs-bd .am-tab-panel * { |
|
-webkit-user-drag: none; |
|
} |
|
.am-tabs-bd .am-tab-panel.am-active { |
|
position: relative; |
|
z-index: 100; |
|
visibility: visible; |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
.am-tabs-bd .am-tab-panel.am-active ~ .am-tab-panel { |
|
-webkit-transform: translateX(100%); |
|
transform: translateX(100%); |
|
} |
|
.am-tabs-bd .am-tabs-bd { |
|
border: none; |
|
} |
|
.am-tabs-bd-ofv { |
|
overflow: visible; |
|
} |
|
.am-tabs-bd-ofv > .am-tab-panel { |
|
display: none; |
|
} |
|
.am-tabs-bd-ofv > .am-tab-panel.am-active { |
|
display: block; |
|
} |
|
.am-tabs-fade .am-tab-panel { |
|
opacity: 0; |
|
-webkit-transition: opacity .25s linear; |
|
transition: opacity .25s linear; |
|
} |
|
.am-tabs-fade .am-tab-panel.am-in { |
|
opacity: 1; |
|
} |
|
/* ========================================================================== |
|
Component: uCheck Plugin |
|
============================================================================ */ |
|
.am-checkbox, |
|
.am-radio, |
|
.am-checkbox-inline, |
|
.am-radio-inline { |
|
padding-left: 22px; |
|
position: relative; |
|
-webkit-transition: color .25s linear; |
|
transition: color .25s linear; |
|
font-size: 14px; |
|
line-height: 1.5; |
|
} |
|
label.am-checkbox, |
|
label.am-radio { |
|
font-weight: normal; |
|
} |
|
.am-ucheck-icons { |
|
color: #e1e1e1; |
|
display: block; |
|
height: 20px; |
|
top: 0; |
|
left: 0; |
|
position: absolute; |
|
width: 20px; |
|
text-align: center; |
|
line-height: 21px; |
|
font-size: 18px; |
|
cursor: pointer; |
|
} |
|
.am-checkbox .am-icon-checked, |
|
.am-radio .am-icon-checked, |
|
.am-checkbox-inline .am-icon-checked, |
|
.am-radio-inline .am-icon-checked, |
|
.am-checkbox .am-icon-unchecked, |
|
.am-radio .am-icon-unchecked, |
|
.am-checkbox-inline .am-icon-unchecked, |
|
.am-radio-inline .am-icon-unchecked { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
display: inline-table; |
|
margin: 0; |
|
background-color: transparent; |
|
-webkit-transition: color .25s linear; |
|
transition: color .25s linear; |
|
} |
|
.am-checkbox .am-icon-checked:before, |
|
.am-radio .am-icon-checked:before, |
|
.am-checkbox-inline .am-icon-checked:before, |
|
.am-radio-inline .am-icon-checked:before, |
|
.am-checkbox .am-icon-unchecked:before, |
|
.am-radio .am-icon-unchecked:before, |
|
.am-checkbox-inline .am-icon-unchecked:before, |
|
.am-radio-inline .am-icon-unchecked:before { |
|
display: inline-block; |
|
font: normal normal normal 1rem/1 "FontAwesome", sans-serif; |
|
/*font-weight: normal; // 2 |
|
font-style: normal; // 2 |
|
vertical-align: baseline; // 3 |
|
line-height: 1; // 4*/ |
|
font-size: inherit; |
|
text-rendering: auto; |
|
-webkit-font-smoothing: antialiased; |
|
-moz-osx-font-smoothing: grayscale; |
|
-webkit-transform: translate(0, 0); |
|
transform: translate(0, 0); |
|
} |
|
.am-checkbox .am-icon-checked, |
|
.am-radio .am-icon-checked, |
|
.am-checkbox-inline .am-icon-checked, |
|
.am-radio-inline .am-icon-checked { |
|
opacity: 0; |
|
} |
|
.am-checkbox .am-icon-checked:before, |
|
.am-checkbox-inline .am-icon-checked:before { |
|
content: "\f046"; |
|
} |
|
.am-checkbox .am-icon-unchecked:before, |
|
.am-checkbox-inline .am-icon-unchecked:before { |
|
content: "\f096"; |
|
} |
|
.am-radio .am-icon-checked:before, |
|
.am-radio-inline .am-icon-checked:before { |
|
content: "\f192"; |
|
} |
|
.am-radio .am-icon-unchecked:before, |
|
.am-radio-inline .am-icon-unchecked:before { |
|
content: "\f10c"; |
|
} |
|
.am-ucheck-checkbox, |
|
.am-ucheck-radio { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
margin: 0; |
|
padding: 0; |
|
width: 20px; |
|
height: 20px; |
|
opacity: 0; |
|
outline: none !important; |
|
} |
|
.am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons { |
|
color: #5085FF; |
|
} |
|
.am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-ucheck-radio:checked + .am-ucheck-icons { |
|
color: #5085FF; |
|
} |
|
.am-ucheck-checkbox:checked + .am-ucheck-icons .am-icon-unchecked, |
|
.am-ucheck-radio:checked + .am-ucheck-icons .am-icon-unchecked { |
|
opacity: 0; |
|
} |
|
.am-ucheck-checkbox:checked + .am-ucheck-icons .am-icon-checked, |
|
.am-ucheck-radio:checked + .am-ucheck-icons .am-icon-checked { |
|
opacity: 1; |
|
} |
|
.am-ucheck-checkbox:disabled + .am-ucheck-icons, |
|
.am-ucheck-radio:disabled + .am-ucheck-icons { |
|
cursor: default; |
|
color: #f4f4f4; |
|
} |
|
.am-ucheck-checkbox:disabled:checked + .am-ucheck-icons .am-icon-unchecked, |
|
.am-ucheck-radio:disabled:checked + .am-ucheck-icons .am-icon-unchecked { |
|
opacity: 0; |
|
} |
|
.am-ucheck-checkbox:disabled:checked + .am-ucheck-icons .am-icon-checked, |
|
.am-ucheck-radio:disabled:checked + .am-ucheck-icons .am-icon-checked { |
|
opacity: 1; |
|
color: #f4f4f4; |
|
} |
|
.am-checkbox.am-secondary .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio.am-secondary .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox-inline.am-secondary .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio-inline.am-secondary .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox.am-secondary .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio.am-secondary .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox-inline.am-secondary .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio-inline.am-secondary .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons { |
|
color: #9dbaff; |
|
} |
|
.am-checkbox.am-secondary .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-radio.am-secondary .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-checkbox-inline.am-secondary .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-radio-inline.am-secondary .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-checkbox.am-secondary .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-radio.am-secondary .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-checkbox-inline.am-secondary .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-radio-inline.am-secondary .am-ucheck-radio:checked + .am-ucheck-icons { |
|
color: #9dbaff; |
|
} |
|
.am-checkbox.am-success .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio.am-success .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox-inline.am-success .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio-inline.am-success .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox.am-success .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio.am-success .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox-inline.am-success .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio-inline.am-success .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons { |
|
color: #29BB9C; |
|
} |
|
.am-checkbox.am-success .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-radio.am-success .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-checkbox-inline.am-success .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-radio-inline.am-success .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-checkbox.am-success .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-radio.am-success .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-checkbox-inline.am-success .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-radio-inline.am-success .am-ucheck-radio:checked + .am-ucheck-icons { |
|
color: #29BB9C; |
|
} |
|
.am-checkbox.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox-inline.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio-inline.am-warning .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox-inline.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio-inline.am-warning .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons { |
|
color: #EFA100; |
|
} |
|
.am-checkbox.am-warning .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-radio.am-warning .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-checkbox-inline.am-warning .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-radio-inline.am-warning .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-checkbox.am-warning .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-radio.am-warning .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-checkbox-inline.am-warning .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-radio-inline.am-warning .am-ucheck-radio:checked + .am-ucheck-icons { |
|
color: #EFA100; |
|
} |
|
.am-checkbox.am-danger .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio.am-danger .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox-inline.am-danger .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio-inline.am-danger .am-ucheck-checkbox:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox.am-danger .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio.am-danger .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-checkbox-inline.am-danger .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons, |
|
.am-radio-inline.am-danger .am-ucheck-radio:hover:not(.am-nohover):not(:disabled) + .am-ucheck-icons { |
|
color: #E54D42; |
|
} |
|
.am-checkbox.am-danger .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-radio.am-danger .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-checkbox-inline.am-danger .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-radio-inline.am-danger .am-ucheck-checkbox:checked + .am-ucheck-icons, |
|
.am-checkbox.am-danger .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-radio.am-danger .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-checkbox-inline.am-danger .am-ucheck-radio:checked + .am-ucheck-icons, |
|
.am-radio-inline.am-danger .am-ucheck-radio:checked + .am-ucheck-icons { |
|
color: #E54D42; |
|
} |
|
.am-field-error + .am-ucheck-icons { |
|
color: #E54D42; |
|
} |
|
.am-field-valid + .am-ucheck-icons { |
|
color: #29BB9C; |
|
} |
|
/* |
|
// Group Addon |
|
.@{ns}input-group-label { |
|
.@{ns}radio, |
|
.@{ns}checkbox { |
|
margin: -2px 0; |
|
padding-left: 15px; |
|
} |
|
} |
|
|
|
// Form inline style |
|
.@{ns}form-inline .@{ns}checkbox, |
|
.@{ns}form-inline .@{ns}radio { |
|
padding-left: 24px; |
|
} |
|
*/ |
|
/* ========================================================================== |
|
Component: Selected Plugin |
|
============================================================================ */ |
|
.am-selected { |
|
width: 200px; |
|
} |
|
.am-selected-btn { |
|
width: 100%; |
|
padding-left: 10px; |
|
text-align: right; |
|
} |
|
.am-selected-btn.am-btn-default { |
|
background: none; |
|
} |
|
.am-invalid .am-selected-btn { |
|
border-color: #E54D42; |
|
} |
|
.am-selected-header { |
|
height: 45px; |
|
background-color: #f2f2f2; |
|
border-bottom: 1px solid #ddd; |
|
display: none; |
|
} |
|
.am-selected-status { |
|
text-align: left; |
|
width: 100%; |
|
padding: 0.125rem; |
|
display: block; |
|
word-wrap: normal; |
|
/* for IE */ |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
} |
|
.am-selected-content { |
|
padding: 10px 0; |
|
} |
|
.am-selected-search { |
|
padding: 0 10px 10px; |
|
} |
|
.am-selected-search .am-form-field { |
|
padding: .5em; |
|
} |
|
.am-selected-list { |
|
margin: 0; |
|
padding: 0; |
|
list-style: none; |
|
font-size: 0.9375rem; |
|
} |
|
.am-selected-list li { |
|
position: relative; |
|
cursor: pointer; |
|
padding: 0.2rem 1.25rem 0.426rem; |
|
-webkit-transition: background-color 0.15s; |
|
transition: background-color 0.15s; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-selected-list li { |
|
padding: 0.25rem 0.75rem 0.25rem; |
|
} |
|
} |
|
.am-selected-list li:hover { |
|
background-color: #f8f8f8; |
|
} |
|
.am-selected-list li:hover .am-icon-check { |
|
opacity: .6; |
|
} |
|
.am-selected-list li.am-checked .am-icon-check { |
|
opacity: 1; |
|
color: #5085FF; |
|
} |
|
.am-selected-list li.am-disabled { |
|
opacity: .5; |
|
pointer-events: none; |
|
cursor: not-allowed; |
|
} |
|
.am-selected-list .am-selected-list-header { |
|
margin-top: 8px; |
|
padding: 0.25rem 0.75rem 0.25rem; |
|
font-size: 0.8125rem; |
|
color: #999999; |
|
border-bottom: 1px solid #e5e5e5; |
|
cursor: default; |
|
} |
|
.am-selected-list .am-selected-list-header:hover { |
|
background: none; |
|
} |
|
.am-selected-list .am-selected-list-header:first-child { |
|
margin-top: 0; |
|
} |
|
.am-selected-list .am-selected-text { |
|
display: block; |
|
word-wrap: normal; |
|
/* for IE */ |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
margin-right: 30px; |
|
} |
|
.am-selected-list .am-icon-check { |
|
position: absolute; |
|
right: 8px; |
|
top: 4px; |
|
color: #e1e1e1; |
|
opacity: 0; |
|
-webkit-transition: opacity .15s; |
|
transition: opacity .15s; |
|
} |
|
.am-selected-hint { |
|
line-height: 1.2; |
|
color: #E54D42; |
|
} |
|
.am-selected-hint:not(:empty) { |
|
margin-top: 10px; |
|
border-top: 1px solid #e5e5e5; |
|
padding: 10px 10px 0; |
|
} |
|
.am-selected-placeholder { |
|
opacity: .65; |
|
} |
|
/* ========================================================================== |
|
Component: JS Plugins helpers |
|
============================================================================ */ |
|
.am-fade { |
|
opacity: 0; |
|
-webkit-transition: opacity .2s linear; |
|
transition: opacity .2s linear; |
|
} |
|
.am-fade.am-in { |
|
opacity: 1; |
|
} |
|
.am-collapse { |
|
display: none; |
|
} |
|
.am-collapse.am-in { |
|
display: block; |
|
} |
|
tr.am-collapse.am-in { |
|
display: table-row; |
|
} |
|
tbody.am-collapse.am-in { |
|
display: table-row-group; |
|
} |
|
.am-collapsing { |
|
position: relative; |
|
height: 0; |
|
overflow: hidden; |
|
-webkit-transition: height .2s ease; |
|
transition: height .2s ease; |
|
} |
|
.am-sticky { |
|
position: fixed !important; |
|
z-index: 1010; |
|
-webkit-transform-origin: 0 0; |
|
transform-origin: 0 0; |
|
} |
|
[data-am-sticky][class*="am-animation-"] { |
|
-webkit-animation-duration: .2s; |
|
animation-duration: .2s; |
|
} |
|
.am-dimmer-active { |
|
overflow: hidden; |
|
} |
|
.am-dimmer { |
|
position: fixed; |
|
top: 0; |
|
right: 0; |
|
bottom: 0; |
|
left: 0; |
|
display: none; |
|
width: 100%; |
|
height: 100%; |
|
background-color: rgba(0, 0, 0, 0.4); |
|
z-index: 1100; |
|
opacity: 0; |
|
-webkit-transition: opacity 300ms; |
|
transition: opacity 300ms; |
|
} |
|
.am-dimmer.am-active { |
|
opacity: 1; |
|
} |
|
[data-am-collapse] { |
|
cursor: pointer; |
|
} |
|
.am-datepicker { |
|
top: 0; |
|
left: 0; |
|
border-radius: 4px; |
|
background: #fff; |
|
-webkit-box-shadow: 0 0 10px #ccc; |
|
box-shadow: 0 0 10px #ccc; |
|
padding-bottom: 10px; |
|
margin-top: 10px; |
|
width: 266px; |
|
color: #666666; |
|
display: none; |
|
overflow: hidden; |
|
} |
|
.am-datepicker > div { |
|
display: none; |
|
} |
|
.am-datepicker table { |
|
width: 100%; |
|
padding: 10px 10px 0px; |
|
} |
|
.am-datepicker tr.am-datepicker-header { |
|
font-size: 0.875rem; |
|
color: #666666; |
|
background: #fff; |
|
} |
|
.am-datepicker td, |
|
.am-datepicker th { |
|
text-align: center; |
|
font-weight: normal; |
|
cursor: pointer; |
|
} |
|
.am-datepicker th { |
|
height: 48px; |
|
} |
|
.am-datepicker td { |
|
font-size: 0.75rem; |
|
} |
|
.am-datepicker td.am-datepicker-day { |
|
height: 38px; |
|
width: 38px; |
|
border-radius: 1000px; |
|
} |
|
.am-datepicker td.am-datepicker-day:hover { |
|
background: #f0f0f0; |
|
} |
|
.am-datepicker td.am-datepicker-day.am-disabled { |
|
cursor: no-drop; |
|
color: #999999; |
|
background: #fafafa; |
|
} |
|
.am-datepicker td.am-datepicker-old, |
|
.am-datepicker td.am-datepicker-new { |
|
color: #ddd; |
|
} |
|
.am-datepicker td.am-active, |
|
.am-datepicker td.am-active:hover { |
|
border-radius: 1000px; |
|
color: #fff; |
|
background: #5085FF; |
|
} |
|
.am-datepicker td span { |
|
display: block; |
|
width: 88.66666667px; |
|
height: 40px; |
|
line-height: 40px; |
|
float: left; |
|
cursor: pointer; |
|
} |
|
.am-datepicker td span:hover { |
|
background: #f0f0f0; |
|
} |
|
.am-datepicker td span.am-active { |
|
color: #3773ff; |
|
background: #f0f0f0; |
|
} |
|
.am-datepicker td span.am-disabled { |
|
cursor: no-drop; |
|
color: #999999; |
|
background: #fafafa; |
|
} |
|
.am-datepicker td span.am-datepicker-old { |
|
color: #ddd; |
|
} |
|
.am-datepicker .am-datepicker-dow { |
|
height: 40px; |
|
font-size: 0.75rem; |
|
color: #666666; |
|
} |
|
.am-datepicker-caret { |
|
display: block!important; |
|
display: inline-block; |
|
width: 0; |
|
height: 0; |
|
vertical-align: middle; |
|
border-bottom: 7px solid #9dbaff; |
|
border-right: 7px solid transparent; |
|
border-left: 7px solid transparent; |
|
border-top: 0 dotted; |
|
-webkit-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
position: absolute; |
|
top: -7px; |
|
left: 6px; |
|
} |
|
.am-datepicker-right .am-datepicker-caret { |
|
left: auto; |
|
right: 7px; |
|
} |
|
.am-datepicker-up .am-datepicker-caret { |
|
top: auto; |
|
bottom: -7px; |
|
display: inline-block; |
|
width: 0; |
|
height: 0; |
|
vertical-align: middle; |
|
border-top: 7px solid #fff; |
|
border-right: 7px solid transparent; |
|
border-left: 7px solid transparent; |
|
border-bottom: 0 dotted; |
|
-webkit-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
} |
|
.am-datepicker-select { |
|
height: 38px; |
|
line-height: 38px; |
|
text-align: center; |
|
-webkit-transition: background-color 300ms ease-out; |
|
transition: background-color 300ms ease-out; |
|
} |
|
.am-datepicker-select:hover { |
|
background: rgba(255, 255, 255, 0.5); |
|
color: #3773ff; |
|
} |
|
.am-datepicker-prev, |
|
.am-datepicker-next { |
|
width: 38px; |
|
height: 38px; |
|
} |
|
.am-datepicker-prev-icon, |
|
.am-datepicker-next-icon { |
|
color: #999999; |
|
width: 38px; |
|
height: 38px; |
|
line-height: 38px; |
|
display: inline-block; |
|
-webkit-transition: background-color 300ms ease-out; |
|
transition: background-color 300ms ease-out; |
|
} |
|
.am-datepicker-prev-icon:hover, |
|
.am-datepicker-next-icon:hover { |
|
background: rgba(255, 255, 255, 0.5); |
|
color: #3773ff; |
|
} |
|
.am-datepicker-prev-icon:before { |
|
display: inline-block; |
|
font: normal normal normal 1rem/1 "FontAwesome", sans-serif; |
|
/*font-weight: normal; // 2 |
|
font-style: normal; // 2 |
|
vertical-align: baseline; // 3 |
|
line-height: 1; // 4*/ |
|
font-size: inherit; |
|
text-rendering: auto; |
|
-webkit-font-smoothing: antialiased; |
|
-moz-osx-font-smoothing: grayscale; |
|
-webkit-transform: translate(0, 0); |
|
transform: translate(0, 0); |
|
content: "\f053"; |
|
} |
|
.am-datepicker-next-icon:before { |
|
display: inline-block; |
|
font: normal normal normal 1rem/1 "FontAwesome", sans-serif; |
|
/*font-weight: normal; // 2 |
|
font-style: normal; // 2 |
|
vertical-align: baseline; // 3 |
|
line-height: 1; // 4*/ |
|
font-size: inherit; |
|
text-rendering: auto; |
|
-webkit-font-smoothing: antialiased; |
|
-moz-osx-font-smoothing: grayscale; |
|
-webkit-transform: translate(0, 0); |
|
transform: translate(0, 0); |
|
content: "\f054"; |
|
} |
|
.am-datepicker-dropdown { |
|
position: absolute; |
|
z-index: 1120; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-datepicker { |
|
width: 100%; |
|
} |
|
.am-datepicker td span { |
|
width: 33.33%; |
|
} |
|
.am-datepicker-caret { |
|
display: none!important; |
|
} |
|
.am-datepicker-prev, |
|
.am-datepicker-next { |
|
width: 44px; |
|
height: 44px; |
|
} |
|
} |
|
.am-datepicker-success td.am-datepicker-day.am-disabled { |
|
color: #999; |
|
} |
|
.am-datepicker-success td.am-datepicker-old, |
|
.am-datepicker-success td.am-datepicker-new { |
|
color: #55ebcb; |
|
} |
|
.am-datepicker-success td.am-active, |
|
.am-datepicker-success td.am-active:hover { |
|
color: #fff; |
|
background: #29BB9C; |
|
} |
|
.am-datepicker-success td span.am-datepicker-old { |
|
color: #55ebcb; |
|
} |
|
.am-datepicker-success td span.am-active { |
|
color: #047a61; |
|
} |
|
.am-datepicker-success .am-datepicker-caret { |
|
border-bottom-color: #29BB9C; |
|
} |
|
.am-datepicker-success .am-datepicker-dow { |
|
color: #8492a6; |
|
} |
|
.am-datepicker-success .am-datepicker-select:hover, |
|
.am-datepicker-success .am-datepicker-prev-icon:hover, |
|
.am-datepicker-success .am-datepicker-next-icon:hover { |
|
color: #29BB9C; |
|
} |
|
.am-datepicker-danger td.am-datepicker-day.am-disabled { |
|
color: #999; |
|
} |
|
.am-datepicker-danger td.am-datepicker-old, |
|
.am-datepicker-danger td.am-datepicker-new { |
|
color: #f99189; |
|
} |
|
.am-datepicker-danger td.am-active, |
|
.am-datepicker-danger td.am-active:hover { |
|
color: #fff; |
|
background: #E54D42; |
|
} |
|
.am-datepicker-danger td span.am-datepicker-old { |
|
color: #f99189; |
|
} |
|
.am-datepicker-danger td span.am-active { |
|
color: #c10d00; |
|
} |
|
.am-datepicker-danger .am-datepicker-caret { |
|
border-bottom-color: #E54D42; |
|
} |
|
.am-datepicker-danger .am-datepicker-dow { |
|
color: #8492a6; |
|
} |
|
.am-datepicker-danger .am-datepicker-select:hover, |
|
.am-datepicker-danger .am-datepicker-prev-icon:hover, |
|
.am-datepicker-danger .am-datepicker-next-icon:hover { |
|
color: #E54D42; |
|
} |
|
.am-datepicker-warning td.am-datepicker-day.am-disabled { |
|
color: #999; |
|
} |
|
.am-datepicker-warning td.am-datepicker-old, |
|
.am-datepicker-warning td.am-datepicker-new { |
|
color: #ffc54c; |
|
} |
|
.am-datepicker-warning td.am-active, |
|
.am-datepicker-warning td.am-active:hover { |
|
color: #fff; |
|
background: #EFA100; |
|
} |
|
.am-datepicker-warning td span.am-datepicker-old { |
|
color: #ffc54c; |
|
} |
|
.am-datepicker-warning td span.am-active { |
|
color: #895c00; |
|
} |
|
.am-datepicker-warning .am-datepicker-caret { |
|
border-bottom-color: #EFA100; |
|
} |
|
.am-datepicker-warning .am-datepicker-dow { |
|
color: #8492a6; |
|
} |
|
.am-datepicker-warning .am-datepicker-select:hover, |
|
.am-datepicker-warning .am-datepicker-prev-icon:hover, |
|
.am-datepicker-warning .am-datepicker-next-icon:hover { |
|
color: #EFA100; |
|
} |
|
.am-datepicker > div { |
|
display: block; |
|
} |
|
.am-datepicker > div span.am-datepicker-hour { |
|
width: 66.5px; |
|
} |
|
.am-datepicker-date { |
|
display: block; |
|
} |
|
.am-datepicker-date.am-input-group { |
|
display: table; |
|
} |
|
.am-datepicker-time-box { |
|
padding: 30px 0 30px 0; |
|
} |
|
.am-datepicker-time-box strong { |
|
font-size: 3.25rem; |
|
display: inline-block; |
|
height: 70px; |
|
width: 70px; |
|
line-height: 70px; |
|
font-weight: normal; |
|
} |
|
.am-datepicker-time-box strong:hover { |
|
border-radius: 4px; |
|
background: #ECECEC; |
|
} |
|
.am-datepicker-time-box em { |
|
display: inline-block; |
|
height: 70px; |
|
width: 20px; |
|
line-height: 70px; |
|
font-size: 3.25rem; |
|
font-style: normal; |
|
} |
|
.am-datepicker-toggle { |
|
text-align: center; |
|
cursor: pointer; |
|
padding: 10px 0; |
|
} |
|
.am-datepicker-toggle:hover { |
|
background: #f0f0f0; |
|
} |
|
.am-upload-list { |
|
padding-left: 0; |
|
list-style: none; |
|
line-height: 1; |
|
font-size: 0.75rem; |
|
} |
|
.am-upload-item { |
|
position: relative; |
|
} |
|
.am-upload-item .am-progress { |
|
margin-bottom: 0; |
|
} |
|
.am-upload-item:hover { |
|
background: #f0f0f0; |
|
} |
|
.am-upload-item:hover .am-upload-remove { |
|
display: block; |
|
cursor: pointer; |
|
} |
|
.am-upload-name { |
|
font-size: 0.75rem; |
|
padding: 0.5em 0em; |
|
border-radius: 2px; |
|
cursor: pointer; |
|
} |
|
.am-upload-remove { |
|
position: absolute; |
|
display: none; |
|
color: #E54D42; |
|
right: 1em; |
|
top: 0.5em; |
|
} |
|
/* ========================================================================== |
|
Component: Tree Plugin |
|
============================================================================ */ |
|
.am-tree { |
|
padding-left: 0; |
|
overflow-x: auto; |
|
overflow-y: auto; |
|
position: relative; |
|
list-style: none; |
|
color: #666666; |
|
} |
|
.am-tree *:focus { |
|
outline: none; |
|
} |
|
.am-tree button:focus { |
|
color: #333333; |
|
} |
|
.am-tree ul { |
|
padding-left: 0; |
|
margin-top: 0; |
|
margin-bottom: 0; |
|
list-style: none; |
|
} |
|
.am-tree li { |
|
margin: 5px 0; |
|
} |
|
.am-tree .am-tree-icon { |
|
color: #666666; |
|
} |
|
.am-tree .am-tree-icon-caret { |
|
border: none; |
|
background: transparent; |
|
-webkit-transition: all 0.3s; |
|
transition: all 0.3s; |
|
} |
|
.am-tree .am-tree-open > .am-tree-branch-header .am-tree-icon-caret { |
|
position: relative; |
|
-webkit-transform: rotate(90deg); |
|
transform: rotate(90deg); |
|
} |
|
.am-tree .am-tree-loader { |
|
margin-left: 45px; |
|
} |
|
.am-tree .am-tree-branch .am-tree-branch-header { |
|
position: relative; |
|
border-radius: 2px; |
|
white-space: nowrap; |
|
} |
|
.am-tree .am-tree-branch .am-tree-branch-header .am-tree-branch-name:hover { |
|
color: #333333; |
|
} |
|
.am-tree .am-tree-branch .am-tree-branch-header .am-tree-branch-name { |
|
white-space: nowrap; |
|
border-radius: 2px; |
|
background-color: transparent; |
|
border: 0; |
|
} |
|
.am-tree .am-tree-branch .am-tree-branch-header label { |
|
font-weight: normal; |
|
padding-left: 3px; |
|
margin-bottom: 0; |
|
cursor: pointer; |
|
} |
|
.am-tree .am-tree-branch .am-tree-branch-children { |
|
margin-left: 1em; |
|
} |
|
.am-tree .am-tree-item { |
|
white-space: nowrap; |
|
position: relative; |
|
cursor: pointer; |
|
} |
|
.am-tree .am-tree-item .am-tree-item-name { |
|
white-space: nowrap; |
|
border-radius: 2px; |
|
background-color: transparent; |
|
border: 0; |
|
} |
|
.am-tree .am-tree-item .am-tree-item-name:hover { |
|
color: #333333; |
|
} |
|
.am-tree .am-tree-item.am-tree-selected .am-tree-item-name { |
|
background-color: #f0f0f0; |
|
color: #666666; |
|
} |
|
.am-tree .am-tree-item.am-tree-selected .am-tree-icon { |
|
color: #999999; |
|
} |
|
.am-tree .am-tree-item label { |
|
font-weight: normal; |
|
padding-left: 5px; |
|
margin-bottom: 0; |
|
cursor: pointer; |
|
} |
|
.am-tree .am-tree-branch-name { |
|
color: #333333; |
|
} |
|
.am-tree.am-tree-folder-select .am-tree-branch > .am-tree-branch-name { |
|
padding: 1px 5px 0 5px; |
|
border-radius: 2px; |
|
} |
|
.am-tree.am-tree-folder-select .am-tree-branch > .am-tree-branch-name.am-tree-selected { |
|
background-color: #f0f0f0; |
|
} |
|
.am-tree.am-tree-folder-select .am-tree-branch.am-tree-selected > .am-tree-branch-header .am-tree-branch-name { |
|
background-color: #f0f0f0; |
|
} |
|
.am-tree.am-tree-folder-select .am-tree-branch.am-tree-selected > .am-tree-branch-header .am-tree-branch-name:hover { |
|
background-color: #f0f0f0; |
|
} |
|
.am-slider { |
|
position: relative; |
|
overflow: hidden; |
|
max-height: 1000px; |
|
} |
|
.am-slider-wrapper { |
|
padding: 0; |
|
margin: 0; |
|
overflow: hidden; |
|
list-style: none; |
|
} |
|
.am-slider-item { |
|
display: block; |
|
position: relative; |
|
float: left; |
|
margin-right: 0px; |
|
} |
|
.am-slider-wrapper img { |
|
width: 100%; |
|
display: block; |
|
} |
|
.am-slider-dots { |
|
position: absolute; |
|
bottom: 0.5rem; |
|
left: 50%; |
|
-webkit-transform: translateX(-50%); |
|
transform: translateX(-50%); |
|
} |
|
.am-slider-dot { |
|
display: inline-block; |
|
width: 0.675rem; |
|
height: 0.675rem; |
|
margin-left: 0.675rem; |
|
border: 2px solid #666666; |
|
border-radius: 1000px; |
|
cursor: pointer; |
|
} |
|
.am-slider-dot:nth-child(1) { |
|
margin-left: 0px; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-slider-dot { |
|
width: 0.5rem; |
|
height: 0.5rem; |
|
margin-left: 0.5rem; |
|
} |
|
} |
|
.am-slider-dot.active { |
|
background: #fff; |
|
} |
|
.am-slider-arrow-prev, |
|
.am-slider-arrow-next { |
|
position: absolute; |
|
-webkit-transform: translateY(-50%); |
|
transform: translateY(-50%); |
|
top: 50%; |
|
width: 1.5em; |
|
height: 1.5em; |
|
font-size: 1.5rem; |
|
display: inline-block; |
|
color: #666666; |
|
cursor: pointer; |
|
text-align: center; |
|
} |
|
.am-slider-arrow-prev:hover, |
|
.am-slider-arrow-next:hover { |
|
color: #e1e1e1; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-slider-arrow-prev, |
|
.am-slider-arrow-next { |
|
width: 1em; |
|
height: 1em; |
|
font-size: 1rem; |
|
} |
|
} |
|
.am-slider-arrow-prev { |
|
left: 0.5em; |
|
} |
|
.am-slider-arrow-next { |
|
right: 0.5em; |
|
} |
|
.am-inputnumber-wrap { |
|
display: inline-block; |
|
overflow: hidden; |
|
width: 148px; |
|
position: relative; |
|
vertical-align: middle; |
|
} |
|
.am-inputnumber-wrap:hover .am-inputnumber { |
|
border-color: #5085FF; |
|
} |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber, |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber-decrease, |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber-increase, |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber:hover, |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber-decrease:hover, |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber-increase:hover { |
|
cursor: not-allowed; |
|
color: #e1e1e1; |
|
border-color: #e1e1e1; |
|
} |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber ~ .am-inputnumber-increase, |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber-decrease ~ .am-inputnumber-increase, |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber-increase ~ .am-inputnumber-increase, |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber:hover ~ .am-inputnumber-increase, |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber-decrease:hover ~ .am-inputnumber-increase, |
|
.am-inputnumber-wrap.am-disabled .am-inputnumber-increase:hover ~ .am-inputnumber-increase { |
|
border-color: #e1e1e1; |
|
} |
|
.am-inputnumber-wrap .am-inputnumber { |
|
-webkit-appearance: none; |
|
-moz-appearance: none; |
|
appearance: none; |
|
height: 32px; |
|
padding: 0 64px 0 12px; |
|
} |
|
.am-inputnumber-wrap .am-inputnumber::-webkit-outer-spin-button, |
|
.am-inputnumber-wrap .am-inputnumber::-webkit-inner-spin-button { |
|
-webkit-appearance: none; |
|
} |
|
.am-inputnumber-wrap .am-inputnumber[type="number"] { |
|
-moz-appearance: textfield; |
|
} |
|
@media only screen and (max-width: 640px) { |
|
.am-inputnumber-wrap .am-inputnumber { |
|
border-radius: 4px; |
|
} |
|
} |
|
.am-inputnumber-wrap .am-inputnumber-decrease, |
|
.am-inputnumber-wrap .am-inputnumber-increase { |
|
height: auto; |
|
border-left: 1px solid #c0ccda; |
|
width: 32px; |
|
line-height: 32px; |
|
top: 1px; |
|
font-size: 0.875rem; |
|
text-align: center; |
|
color: #999999; |
|
cursor: pointer; |
|
position: absolute; |
|
} |
|
.am-inputnumber-wrap .am-inputnumber-decrease:hover, |
|
.am-inputnumber-wrap .am-inputnumber-increase:hover { |
|
border-color: #5085FF; |
|
color: #5085FF; |
|
} |
|
.am-inputnumber-wrap .am-inputnumber-decrease.am-disabled, |
|
.am-inputnumber-wrap .am-inputnumber-increase.am-disabled { |
|
color: #e1e1e1; |
|
} |
|
.am-inputnumber-wrap .am-inputnumber-decrease { |
|
right: 32px; |
|
} |
|
.am-inputnumber-wrap .am-inputnumber-decrease:hover ~ .am-inputnumber-increase { |
|
border-color: #5085FF; |
|
} |
|
.am-inputnumber-wrap .am-inputnumber-increase { |
|
right: 0; |
|
} |
|
/* ========================================================================== |
|
Component: Print |
|
============================================================================ */ |
|
@media print { |
|
*, |
|
*:before, |
|
*:after { |
|
background: transparent !important; |
|
color: #000 !important; |
|
/* Black prints faster: h5bp.com/s */ |
|
-webkit-box-shadow: none !important; |
|
box-shadow: none !important; |
|
text-shadow: none !important; |
|
} |
|
a, |
|
a:visited { |
|
text-decoration: underline; |
|
} |
|
a[href]:after { |
|
content: " (" attr(href) ")"; |
|
} |
|
abbr[title]:after { |
|
content: " [" attr(title) "] "; |
|
} |
|
/** |
|
* Don't show links that are fragment identifiers, |
|
* or use the `javascript:` pseudo protocol |
|
*/ |
|
a[href^="javascript:"]:after, |
|
a[href^="#"]:after { |
|
content: ""; |
|
} |
|
pre, |
|
blockquote { |
|
border: 1px solid #999; |
|
page-break-inside: avoid; |
|
} |
|
thead { |
|
display: table-header-group; |
|
/* h5bp.com/t */ |
|
} |
|
tr, |
|
img { |
|
page-break-inside: avoid; |
|
} |
|
img { |
|
max-width: 100% !important; |
|
} |
|
p, |
|
h2, |
|
h3 { |
|
orphans: 3; |
|
widows: 3; |
|
} |
|
h2, |
|
h3 { |
|
page-break-after: avoid; |
|
} |
|
@page { |
|
margin: 0.5cm; |
|
} |
|
select { |
|
background: #fff !important; |
|
} |
|
.am-topbar { |
|
display: none; |
|
} |
|
.am-table td, |
|
.am-table th { |
|
background-color: #fff !important; |
|
} |
|
.am-table { |
|
border-collapse: collapse !important; |
|
} |
|
.am-table-bordered th, |
|
.am-table-bordered td { |
|
border: 1px solid #ddd !important; |
|
} |
|
} |
|
/* print helper classes */ |
|
.am-print-block { |
|
display: none !important; |
|
} |
|
@media print { |
|
.am-print-block { |
|
display: block !important; |
|
} |
|
} |
|
.am-print-inline { |
|
display: none !important; |
|
} |
|
@media print { |
|
.am-print-inline { |
|
display: inline !important; |
|
} |
|
} |
|
.am-print-inline-block { |
|
display: none !important; |
|
} |
|
@media print { |
|
.am-print-inline-block { |
|
display: inline-block !important; |
|
} |
|
} |
|
@media print { |
|
.am-print-hide { |
|
display: none !important; |
|
} |
|
} |
|
.lte9 #nprogress .nprogress-spinner { |
|
display: none !important; |
|
} |
|
.lte8 .am-dimmer { |
|
background-color: #000; |
|
filter: alpha(opacity=60); |
|
} |
|
.lte8 .am-modal-actions { |
|
display: none; |
|
} |
|
.lte8 .am-modal-actions.am-modal-active { |
|
display: block; |
|
} |
|
.lte8 .am-offcanvas.am-active { |
|
background: #000; |
|
} |
|
.lte8 .am-popover .am-popover-caret { |
|
border: 8px solid transparent; |
|
} |
|
.lte8 .am-popover-top .am-popover-caret { |
|
border-top: 8px solid #4c4c4c; |
|
border-bottom: none; |
|
} |
|
.lte8 .am-popover-left .am-popover-caret { |
|
right: -8px; |
|
margin-top: -6px; |
|
border-left: 8px solid #4c4c4c; |
|
border-right: none; |
|
} |
|
.lte8 .am-popover-right .am-popover-caret { |
|
left: -8px; |
|
margin-top: -6px; |
|
border-right: 8px solid #4c4c4c; |
|
border-left: none; |
|
}
|
|
|