1429 lines
34 KiB
CSS
1429 lines
34 KiB
CSS
/*
|
|
|------------------------------------------------------------------------------
|
|
| Fonts
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: 'Roboto Slab';
|
|
src: url('../google-fonts/roboto-slab/RobotoSlab-Regular.ttf') format('truetype');
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Alerts
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.alert {
|
|
background-color: #2196F3;
|
|
box-sizing: border-box;
|
|
color: #FFFFFF;
|
|
display: flex;
|
|
line-height: 1.3em;
|
|
margin: 4px 0;
|
|
}
|
|
|
|
.alert-media {
|
|
align-items: center;
|
|
background-color: rgba(96, 96, 96, 0.2);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
justify-content: center;
|
|
padding: 16px 8px;
|
|
width: 40px;
|
|
}
|
|
|
|
.alert-text {
|
|
padding: 16px;
|
|
}
|
|
|
|
.theme-red .alert {
|
|
background-color: #F44336;
|
|
}
|
|
|
|
.theme-pink .alert {
|
|
background-color: #E91E63;
|
|
}
|
|
|
|
.theme-purple .alert {
|
|
background-color: #9C27B0;
|
|
}
|
|
|
|
.theme-deeppurple .alert {
|
|
background-color: #673AB7;
|
|
}
|
|
|
|
.theme-indigo .alert {
|
|
background-color: #3F51B5;
|
|
}
|
|
|
|
.theme-blue .alert {
|
|
background-color: #2196F3;
|
|
}
|
|
|
|
.theme-lightblue .alert {
|
|
background-color: #03A9F4;
|
|
}
|
|
|
|
.theme-cyan .alert {
|
|
background-color: #00BCD4;
|
|
}
|
|
|
|
.theme-teal .alert {
|
|
background-color: #009688;
|
|
}
|
|
|
|
.theme-green .alert {
|
|
background-color: #4CAF50;
|
|
}
|
|
|
|
.theme-lightgreen .alert {
|
|
background-color: #8BC34A;
|
|
}
|
|
|
|
.theme-lime .alert {
|
|
background-color: #CDDC39;
|
|
}
|
|
|
|
.theme-yellow .alert {
|
|
background-color: #FFEB3B;
|
|
}
|
|
|
|
.theme-amber .alert {
|
|
background-color: #FFC107;
|
|
}
|
|
|
|
.theme-orange .alert {
|
|
background-color: #FF9800;
|
|
}
|
|
|
|
.theme-deeporange .alert {
|
|
background-color: #FF5722;
|
|
}
|
|
|
|
.theme-brown .alert {
|
|
background-color: #795548;
|
|
}
|
|
|
|
.theme-gray .alert {
|
|
background-color: #9E9E9E;
|
|
}
|
|
|
|
.theme-bluegray .alert {
|
|
background-color: #607D8B;
|
|
}
|
|
|
|
.theme-white .alert {
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.theme-black .alert {
|
|
background-color: #000000;
|
|
}
|
|
|
|
.alert.alert-success {
|
|
background-color: #2ECC71;
|
|
}
|
|
|
|
.alert.alert-failure {
|
|
background-color: #E74C3C;
|
|
}
|
|
|
|
.alert.alert-warning {
|
|
background-color: #F39C12;
|
|
}
|
|
|
|
.alert.alert-info {
|
|
background-color: #3498DB;
|
|
}
|
|
|
|
.alert.alert-question {
|
|
background-color: #F1C40F;
|
|
}
|
|
|
|
.alert.alert-tip {
|
|
background-color: #9B59B6;
|
|
}
|
|
|
|
.alert.alert-reminder {
|
|
background-color: #7F8C8D;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Brand Icons
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.bg-500px { background-color: #0099E5; }
|
|
.color-500px { color: #0099E5; }
|
|
|
|
.bg-amazon { background-color: #FF9900; }
|
|
.color-amazon { color: #FF9900; }
|
|
|
|
.bg-amex { background-color: #007BC1; }
|
|
.color-amex { color: #007BC1; }
|
|
|
|
.bg-android { background-color: #A4C639; }
|
|
.color-android { color: #A4C639; }
|
|
|
|
.bg-apple { background-color: #979797; }
|
|
.color-apple { color: #979797; }
|
|
|
|
.bg-behance { background-color: #1769FF; }
|
|
.color-behance { color: #1769FF; }
|
|
|
|
.bg-bitbucket { background-color: #205081; }
|
|
.color-bitbucket { color: #205081; }
|
|
|
|
.bg-bitcoin { background-color: #EE9209; }
|
|
.color-bitcoin { color: #EE9209; }
|
|
|
|
.bg-delicious { background-color: #3399FF; }
|
|
.color-delicious { color: #3399FF; }
|
|
|
|
.bg-deviantart { background-color: #4E6252; }
|
|
.color-deviantart { color: #4E6252; }
|
|
|
|
.bg-digg { background-color: #005BE2; }
|
|
.color-digg { color: #005BE2; }
|
|
|
|
.bg-dinersclub { background-color: #004A97; }
|
|
.color-dinersclub { color: #004A97; }
|
|
|
|
.bg-discover { background-color: #F68121; }
|
|
.color-discover { color: #F68121; }
|
|
|
|
.bg-dribbble { background-color: #EA4C89; }
|
|
.color-dribbble { color: #EA4C89; }
|
|
|
|
.bg-dropbox { background-color: #007EE5; }
|
|
.color-dropbox { color: #007EE5; }
|
|
|
|
.bg-drupal { background-color: #0077C0; }
|
|
.color-drupal { color: #0077C0; }
|
|
|
|
.bg-etsy { background-color: #D5641C; }
|
|
.color-etsy { color: #D5641C; }
|
|
|
|
.bg-facebook { background-color: #3B5998; }
|
|
.color-facebook { color: #3B5998; }
|
|
|
|
.bg-firefox { background-color: #E66000; }
|
|
.color-firefox { color: #E66000; }
|
|
|
|
.bg-flickr { background-color: #FF0084; }
|
|
.color-flickr { color: #FF0084; }
|
|
|
|
.bg-foursquare { background-color: #F94877; }
|
|
.color-foursquare { color: #F94877; }
|
|
|
|
.bg-freecodecamp { background-color: #006400; }
|
|
.color-freecodecamp { color: #006400; }
|
|
|
|
.bg-git { background-color: #333333; }
|
|
.color-git { color: #333333; }
|
|
|
|
.bg-github { background-color: #333333; }
|
|
.color-github { color: #333333; }
|
|
|
|
.bg-gitlab { background-color: #FCA326; }
|
|
.color-gitlab { color: #FCA326; }
|
|
|
|
.bg-gittip { background-color: #663300; }
|
|
.color-gittip { color: #663300; }
|
|
|
|
.bg-google { background-color: #4285F4; }
|
|
.color-google { color: #4285F4; }
|
|
|
|
.bg-googleplus { background-color: #DD4B39; }
|
|
.color-googleplus { color: #DD4B39; }
|
|
|
|
.bg-gratipay { background-color: #663300; }
|
|
.color-gratipay { color: #663300; }
|
|
|
|
.bg-hackernews { background-color: #FF6600; }
|
|
.color-hackernews { color: #FF6600; }
|
|
|
|
.bg-html5 { background-color: #E34F26; }
|
|
.color-html5 { color: #E34F26; }
|
|
|
|
.bg-imdb { background-color: #F5DE50; }
|
|
.color-imdb { color: #F5DE50; }
|
|
|
|
.bg-instagram { background-color: #405DE6; }
|
|
.color-instagram { color: #405DE6; }
|
|
|
|
.bg-jcb { background-color: #003A8F; }
|
|
.color-jcb { color: #003A8F; }
|
|
|
|
.bg-joomla { background-color: #F44321; }
|
|
.color-joomla { color: #F44321; }
|
|
|
|
.bg-lastfm { background-color: #D51007; }
|
|
.color-lastfm { color: #D51007; }
|
|
|
|
.bg-linkedin { background-color: #0077B5; }
|
|
.color-linkedin { color: #0077B5; }
|
|
|
|
.bg-linux { background-color: #333333; }
|
|
.color-linux { color: #333333; }
|
|
|
|
.bg-mastercard { background-color: #CC0000; }
|
|
.color-mastercard { color: #CC0000; }
|
|
|
|
.bg-medium { background-color: #00AB6C; }
|
|
.color-medium { color: #00AB6C; }
|
|
|
|
.bg-meetup { background-color: #E0393E; }
|
|
.color-meetup { color: #E0393E; }
|
|
|
|
.bg-mixcloud { background-color: #273A4B; }
|
|
.color-mixcloud { color: #273A4B; }
|
|
|
|
.bg-odnoklassniki { background-color: #ED812B; }
|
|
.color-odnoklassniki { color: #ED812B; }
|
|
|
|
.bg-openid { background-color: #F78C40; }
|
|
.color-openid { color: #F78C40; }
|
|
|
|
.bg-opera { background-color: #CC0F16; }
|
|
.color-opera { color: #CC0F16; }
|
|
|
|
.bg-paypal { background-color: #003087; }
|
|
.color-paypal { color: #003087; }
|
|
|
|
.bg-pinterest { background-color: #BD081C; }
|
|
.color-pinterest { color: #BD081C; }
|
|
|
|
.bg-pocket { background-color: #50BCB6; }
|
|
.color-pocket { color: #50BCB6; }
|
|
|
|
.bg-producthunt { background-color: #DA552F; }
|
|
.color-producthunt { color: #DA552F; }
|
|
|
|
.bg-qq { background-color: #000000; }
|
|
.color-qq { color: #000000; }
|
|
|
|
.bg-quora { background-color: #A82400; }
|
|
.color-quora { color: #A82400; }
|
|
|
|
.bg-reddit { background-color: #FF4500; }
|
|
.color-reddit { color: #FF4500; }
|
|
|
|
.bg-renren { background-color: #005EAC; }
|
|
.color-renren { color: #005EAC; }
|
|
|
|
.bg-rss { background-color: #F26522; }
|
|
.color-rss { color: #F26522; }
|
|
|
|
.bg-safari { background-color: #1B88CA; }
|
|
.color-safari { color: #1B88CA; }
|
|
|
|
.bg-scribd { background-color: #1A7BBA; }
|
|
.color-scribd { color: #1A7BBA; }
|
|
|
|
.bg-skype { background-color: #00AFF0; }
|
|
.color-skype { color: #00AFF0; }
|
|
|
|
.bg-slack { background-color: #E01563; }
|
|
.color-slack { color: #E01563; }
|
|
|
|
.bg-slideshare { background-color: #0077B5; }
|
|
.color-slideshare { color: #0077B5; }
|
|
|
|
.bg-snapchat { background-color: #FFFC00; }
|
|
.color-snapchat { color: #FFFC00; }
|
|
|
|
.bg-soundcloud { background-color: #FF8800; }
|
|
.color-soundcloud { color: #FF8800; }
|
|
|
|
.bg-spotify { background-color: #2EBD59; }
|
|
.color-spotify { color: #2EBD59; }
|
|
|
|
.bg-stackexchange { background-color: #1E5397; }
|
|
.color-stackexchange { color: #1E5397; }
|
|
|
|
.bg-stackoverflow { background-color: #F48024; }
|
|
.color-stackoverflow { color: #F48024; }
|
|
|
|
.bg-steam { background-color: #000000; }
|
|
.color-steam { color: #000000; }
|
|
|
|
.bg-stripe { background-color: #00AFE1; }
|
|
.color-stripe { color: #00AFE1; }
|
|
|
|
.bg-stumbleupon { background-color: #EB4924; }
|
|
.color-stumbleupon { color: #EB4924; }
|
|
|
|
.bg-telegram { background-color: #0088CC; }
|
|
.color-telegram { color: #0088CC; }
|
|
|
|
.bg-trello { background-color: #0079BF; }
|
|
.color-trello { color: #0079BF; }
|
|
|
|
.bg-tripadvisor { background-color: #589442; }
|
|
.color-tripadvisor { color: #589442; }
|
|
|
|
.bg-tumblr { background-color: #35465C; }
|
|
.color-tumblr { color: #35465C; }
|
|
|
|
.bg-twitch { background-color: #6441A5; }
|
|
.color-twitch { color: #6441A5; }
|
|
|
|
.bg-twitter { background-color: #1DA1F2; }
|
|
.color-twitter { color: #1DA1F2; }
|
|
|
|
.bg-viadeo { background-color: #F07355; }
|
|
.color-viadeo { color: #F07355; }
|
|
|
|
.bg-vimeo { background-color: #1AB7EA; }
|
|
.color-vimeo { color: #1AB7EA; }
|
|
|
|
.bg-vine { background-color: #00B488; }
|
|
.color-vine { color: #00B488; }
|
|
|
|
.bg-visa { background-color: #1A1F71; }
|
|
.color-visa { color: #1A1F71; }
|
|
|
|
.bg-vk { background-color: #45668E; }
|
|
.color-vk { color: #45668E; }
|
|
|
|
.bg-wechat { background-color: #7BB32E; }
|
|
.color-wechat { color: #7BB32E; }
|
|
|
|
.bg-weibo { background-color: #E71D34; }
|
|
.color-weibo { color: #E71D34; }
|
|
|
|
.bg-whatsapp { background-color: #25D366; }
|
|
.color-whatsapp { color: #25D366; }
|
|
|
|
.bg-wikipedia { background-color: #000000; }
|
|
.color-wikipedia { color: #000000; }
|
|
|
|
.bg-windows { background-color: #00BCF2; }
|
|
.color-windows { color: #00BCF2; }
|
|
|
|
.bg-wordpress { background-color: #21759B; }
|
|
.color-wordpress { color: #21759B; }
|
|
|
|
.bg-xing { background-color: #026466; }
|
|
.color-xing { color: #026466; }
|
|
|
|
.bg-yahoo { background-color: #410093; }
|
|
.color-yahoo { color: #410093; }
|
|
|
|
.bg-yelp { background-color: #AF0606; }
|
|
.color-yelp { color: #AF0606; }
|
|
|
|
.bg-youtube { background-color: #CD201F; }
|
|
.color-youtube { color: #CD201F; }
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Buttons
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.button-block {
|
|
width: 100%;
|
|
}
|
|
|
|
.button-social {
|
|
padding-left: 48px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-align: left;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.button-social.button-big {
|
|
padding-left: 64px;
|
|
}
|
|
|
|
.button-social > i {
|
|
bottom: 0;
|
|
font-size: 16px;
|
|
left: 0;
|
|
line-height: 36px;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 0;
|
|
width: 44px;
|
|
}
|
|
|
|
.button-social.button-big > i {
|
|
font-size: 24px;
|
|
line-height: 48px;
|
|
width: 56px;
|
|
}
|
|
|
|
/* Facebook */
|
|
.button.button-facebook { color: #3B5998; }
|
|
.button.button-fill.button-facebook { background-color: #3B5998; color: #FFFFFF; }
|
|
html:not(.watch-active-state) .button.button-fill:active.button-facebook, .button.button-fill.active-state.button-facebook { background-color: #3B5998; }
|
|
.list-block .item-link.list-button.button-facebook { color: #3B5998; }
|
|
|
|
[class^='theme'] .button:not(.button-fill).button-facebook { color: #3B5998; }
|
|
[class^='theme'] .button.button-fill.button-facebook { background-color: #3B5998; color: #FFFFFF; }
|
|
html:not(.watch-active-state) [class^='theme'] .button.button-fill:active.button-facebook, [class^='theme'] .button.button-fill.active-state.button-facebook { background-color: #3B5998; }
|
|
.list-block .item-link.list-button[class^='color'].button-facebook { color: #3B5998; }
|
|
.button[class^='color']:not(.button-fill).button-facebook, [class^='color'].buttons-row .button:not(.button-fill).button-facebook { color: #3B5998 !important; }
|
|
.button.button-fill[class^='bg'].button-facebook, .button.button-fill[class^='color'].button-facebook { background-color: #3B5998 !important; color: #FFFFFF; }
|
|
html:not(.watch-active-state) .button.button-fill[class^='bg']:active.button-facebook, html:not(.watch-active-state) .button.button-fill[class^='color']:active.button-facebook, .button.button-fill[class^='bg'].active-state.button-facebook, .button.button-fill[class^='color'].active-state.button-facebook { background-color: #3B5998 !important; }
|
|
|
|
/* Google Plus */
|
|
.button.button-google-plus { color: #DD4B39; }
|
|
.button.button-fill.button-google-plus { background-color: #DD4B39; color: #FFFFFF; }
|
|
html:not(.watch-active-state) .button.button-fill:active.button-google-plus, .button.button-fill.active-state.button-google-plus { background-color: #DD4B39; }
|
|
.list-block .item-link.list-button.button-google-plus { color: #DD4B39; }
|
|
|
|
[class^='theme'] .button:not(.button-fill).button-google-plus { color: #DD4B39; }
|
|
[class^='theme'] .button.button-fill.button-google-plus { background-color: #DD4B39; color: #FFFFFF; }
|
|
html:not(.watch-active-state) [class^='theme'] .button.button-fill:active.button-google-plus, [class^='theme'] .button.button-fill.active-state.button-google-plus { background-color: #DD4B39; }
|
|
.list-block .item-link.list-button[class^='color'].button-google-plus { color: #DD4B39; }
|
|
.button[class^='color']:not(.button-fill).button-google-plus, [class^='color'].buttons-row .button:not(.button-fill).button-google-plus { color: #DD4B39 !important; }
|
|
.button.button-fill[class^='bg'].button-google-plus, .button.button-fill[class^='color'].button-google-plus { background-color: #DD4B39 !important; color: #FFFFFF; }
|
|
html:not(.watch-active-state) .button.button-fill[class^='bg']:active.button-google-plus, html:not(.watch-active-state) .button.button-fill[class^='color']:active.button-google-plus, .button.button-fill[class^='bg'].active-state.button-google-plus, .button.button-fill[class^='color'].active-state.button-google-plus { background-color: #DD4B39 !important; }
|
|
|
|
/* LinkedIn */
|
|
.button.button-linkedin { color: #0077B5; }
|
|
.button.button-fill.button-linkedin { background-color: #0077B5; color: #FFFFFF; }
|
|
html:not(.watch-active-state) .button.button-fill:active.button-linkedin, .button.button-fill.active-state.button-linkedin { background-color: #0077B5; }
|
|
.list-block .item-link.list-button.button-linkedin { color: #0077B5; }
|
|
|
|
[class^='theme'] .button:not(.button-fill).button-linkedin { color: #0077B5; }
|
|
[class^='theme'] .button.button-fill.button-linkedin { background-color: #0077B5; color: #FFFFFF; }
|
|
html:not(.watch-active-state) [class^='theme'] .button.button-fill:active.button-linkedin, [class^='theme'] .button.button-fill.active-state.button-linkedin { background-color: #0077B5; }
|
|
.list-block .item-link.list-button[class^='color'].button-linkedin { color: #0077B5; }
|
|
.button[class^='color']:not(.button-fill).button-linkedin, [class^='color'].buttons-row .button:not(.button-fill).button-linkedin { color: #0077B5 !important; }
|
|
.button.button-fill[class^='bg'].button-linkedin, .button.button-fill[class^='color'].button-linkedin { background-color: #0077B5 !important; color: #FFFFFF; }
|
|
html:not(.watch-active-state) .button.button-fill[class^='bg']:active.button-linkedin, html:not(.watch-active-state) .button.button-fill[class^='color']:active.button-linkedin, .button.button-fill[class^='bg'].active-state.button-linkedin, .button.button-fill[class^='color'].active-state.button-linkedin { background-color: #0077B5 !important; }
|
|
|
|
/* Twitter */
|
|
.button.button-twitter { color: #1DA1F2; }
|
|
.button.button-fill.button-twitter { background-color: #1DA1F2; color: #FFFFFF; }
|
|
html:not(.watch-active-state) .button.button-fill:active.button-twitter, .button.button-fill.active-state.button-twitter { background-color: #1DA1F2; }
|
|
.list-block .item-link.list-button.button-twitter { color: #1DA1F2; }
|
|
|
|
[class^='theme'] .button:not(.button-fill).button-twitter { color: #1DA1F2; }
|
|
[class^='theme'] .button.button-fill.button-twitter { background-color: #1DA1F2; color: #FFFFFF; }
|
|
html:not(.watch-active-state) [class^='theme'] .button.button-fill:active.button-twitter, [class^='theme'] .button.button-fill.active-state.button-twitter { background-color: #1DA1F2; }
|
|
.list-block .item-link.list-button[class^='color'].button-twitter { color: #1DA1F2; }
|
|
.button[class^='color']:not(.button-fill).button-twitter, [class^='color'].buttons-row .button:not(.button-fill).button-twitter { color: #1DA1F2 !important; }
|
|
.button.button-fill[class^='bg'].button-twitter, .button.button-fill[class^='color'].button-twitter { background-color: #1DA1F2 !important; color: #FFFFFF; }
|
|
html:not(.watch-active-state) .button.button-fill[class^='bg']:active.button-twitter, html:not(.watch-active-state) .button.button-fill[class^='color']:active.button-twitter, .button.button-fill[class^='bg'].active-state.button-twitter, .button.button-fill[class^='color'].active-state.button-twitter { background-color: #1DA1F2 !important; }
|
|
|
|
/* Yahoo */
|
|
.button.button-yahoo { color: #410093; }
|
|
.button.button-fill.button-yahoo { background-color: #410093; color: #FFFFFF; }
|
|
html:not(.watch-active-state) .button.button-fill:active.button-yahoo, .button.button-fill.active-state.button-yahoo { background-color: #410093; }
|
|
.list-block .item-link.list-button.button-yahoo { color: #410093; }
|
|
|
|
[class^='theme'] .button:not(.button-fill).button-yahoo { color: #410093; }
|
|
[class^='theme'] .button.button-fill.button-yahoo { background-color: #410093; color: #FFFFFF; }
|
|
html:not(.watch-active-state) [class^='theme'] .button.button-fill:active.button-yahoo, [class^='theme'] .button.button-fill.active-state.button-yahoo { background-color: #410093; }
|
|
.list-block .item-link.list-button[class^='color'].button-yahoo { color: #410093; }
|
|
.button[class^='color']:not(.button-fill).button-yahoo, [class^='color'].buttons-row .button:not(.button-fill).button-yahoo { color: #410093 !important; }
|
|
.button.button-fill[class^='bg'].button-yahoo, .button.button-fill[class^='color'].button-yahoo { background-color: #410093 !important; color: #FFFFFF; }
|
|
html:not(.watch-active-state) .button.button-fill[class^='bg']:active.button-yahoo, html:not(.watch-active-state) .button.button-fill[class^='color']:active.button-yahoo, .button.button-fill[class^='bg'].active-state.button-yahoo, .button.button-fill[class^='color'].active-state.button-yahoo { background-color: #410093 !important; }
|
|
|
|
.button.button-circle {
|
|
border-radius: 50%;
|
|
height: 36px;
|
|
min-width: 36px;
|
|
width: 36px;
|
|
}
|
|
|
|
.button-circle.button-big {
|
|
height: 48px;
|
|
min-width: 48px;
|
|
width: 48px;
|
|
}
|
|
|
|
.button-circle.button-social > i {
|
|
width: 36px;
|
|
}
|
|
|
|
.button-circle.button-big.button-social {
|
|
height: 56px;
|
|
min-width: 56px;
|
|
padding-left: 8px;
|
|
padding-right: 8px;
|
|
width: 56px;
|
|
}
|
|
|
|
.button-circle.button-big.button-social > i {
|
|
line-height: 56px;
|
|
width: 56px;
|
|
}
|
|
|
|
.button.button-round {
|
|
border-radius: 36px;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Cards
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
/* Card with Header Image */
|
|
.card-header.card-header-image {
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
height: 48vw;
|
|
}
|
|
|
|
.card-header.valign-top,
|
|
.card-footer.valign-top {
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
-webkit-align-items: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.card-header.valign-bottom,
|
|
.card-footer.valign-bottom {
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
-webkit-align-items: flex-end;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
/* Facebook Card */
|
|
.facebook-card .card-header {
|
|
display: block;
|
|
padding: 10px;
|
|
}
|
|
|
|
.facebook-card .facebook-user-avatar {
|
|
float: left;
|
|
}
|
|
|
|
.facebook-card .facebook-user-name {
|
|
font-size: 14px;
|
|
margin-left: 46px;
|
|
}
|
|
|
|
.facebook-card .facebook-post-datetime {
|
|
color: #8E8E93;
|
|
font-size: 12px;
|
|
margin-left: 46px;
|
|
}
|
|
|
|
.facebook-card .facebook-post-caption {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.facebook-card .facebook-post-media img {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.facebook-card .facebook-post-stats {
|
|
align-items: center;
|
|
color: #90949C;
|
|
display: flex;
|
|
font-size: 12px;
|
|
justify-content: space-between;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.facebook-card .card-content-inner {
|
|
padding: 16px 10px;
|
|
}
|
|
|
|
.facebook-card .card-footer a {
|
|
color: #5E5E5E;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.map-card .card-header {
|
|
display: block;
|
|
padding: 0;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Chips
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.chip[class*='color-'] {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.chip.color-red {
|
|
background-color: #F44336;
|
|
}
|
|
|
|
.chip.color-pink {
|
|
background-color: #E91E63;
|
|
}
|
|
|
|
.chip.color-purple {
|
|
background-color: #9C27B0;
|
|
}
|
|
|
|
.chip.color-deeppurple {
|
|
background-color: #673AB7;
|
|
}
|
|
|
|
.chip.color-indigo {
|
|
background-color: #3F51B5;
|
|
}
|
|
|
|
.chip.color-blue {
|
|
background-color: #2196F3;
|
|
}
|
|
|
|
.chip.color-lightblue {
|
|
background-color: #03A9F4;
|
|
}
|
|
|
|
.chip.color-cyan {
|
|
background-color: #00BCD4;
|
|
}
|
|
|
|
.chip.color-teal {
|
|
background-color: #009688;
|
|
}
|
|
|
|
.chip.color-green {
|
|
background-color: #4CAF50;
|
|
}
|
|
|
|
.chip.color-lightgreen {
|
|
background-color: #8BC34A;
|
|
}
|
|
|
|
.chip.color-lime {
|
|
background-color: #CDDC39;
|
|
}
|
|
|
|
.chip.color-yellow {
|
|
background-color: #FFEB3B;
|
|
}
|
|
|
|
.chip.color-amber {
|
|
background-color: #FFC107;
|
|
}
|
|
|
|
.chip.color-orange {
|
|
background-color: #FF9800;
|
|
}
|
|
|
|
.chip.color-deeporange {
|
|
background-color: #FF5722;
|
|
}
|
|
|
|
.chip.color-brown {
|
|
background-color: #795548;
|
|
}
|
|
|
|
.chip.color-gray {
|
|
background-color: #9E9E9E;
|
|
}
|
|
|
|
.chip.color-bluegray {
|
|
background-color: #607D8B;
|
|
}
|
|
|
|
.chip.color-black {
|
|
background-color: #000000;
|
|
}
|
|
|
|
.chip.chip-small {
|
|
border-radius: 12px;
|
|
font-size: 11px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.chip.chip-small .chip-media {
|
|
font-size: 14px;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
width: 24px;
|
|
}
|
|
|
|
.chip.chip-small .chip-media i {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.chip.chip-small .chip-delete {
|
|
background-size: 16px 16px;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
margin-right: -8px;
|
|
width: 16px;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Content Block Title
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.content-block-title {
|
|
color: rgba(0, 0, 0, 0.84);
|
|
line-height: 18px;
|
|
overflow: auto;
|
|
white-space: normal;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Embeds
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.embed {
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding-bottom: 56.25%;
|
|
position: relative;
|
|
}
|
|
|
|
.embed.embed-1-1 {
|
|
padding-bottom: 100%;
|
|
}
|
|
|
|
.embed.embed-6-5 {
|
|
padding-bottom: 83.33%;
|
|
}
|
|
|
|
.embed.embed-5-4 {
|
|
padding-bottom: 80%;
|
|
}
|
|
|
|
.embed.embed-4-3 {
|
|
padding-bottom: 75%;
|
|
}
|
|
|
|
.embed.embed-11-8 {
|
|
padding-bottom: 72.73%;
|
|
}
|
|
|
|
.embed.embed-3-2 {
|
|
padding-bottom: 66.67%;
|
|
}
|
|
|
|
.embed.embed-8-5 {
|
|
padding-bottom: 62.5%;
|
|
}
|
|
|
|
.embed.embed-5-3 {
|
|
padding-bottom: 60%;
|
|
}
|
|
|
|
.embed.embed-16-9 {
|
|
padding-bottom: 56.25%;
|
|
}
|
|
|
|
.embed.embed-2-1 {
|
|
padding-bottom: 50%;
|
|
}
|
|
|
|
.embed.embed-21-9 {
|
|
padding-bottom: 42.86%;
|
|
}
|
|
|
|
.embed.embed-3-1 {
|
|
padding-bottom: 33.33%;
|
|
}
|
|
|
|
.embed .embed-content {
|
|
border: none;
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Form Elements
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.inputs-list .item-media {
|
|
-ms-flex-item-align: center;
|
|
-webkit-align-self: center;
|
|
align-self: center;
|
|
}
|
|
|
|
.inputs-list .input-error {
|
|
color: #F44336;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.checkbox {
|
|
display: block;
|
|
}
|
|
|
|
.layout-dark .list-block input[type=numpad],
|
|
.layout-dark .list-block input[type=calculator] {
|
|
color: rgba(255, 255, 255, 0.87);
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Hamburgers
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.navbar .hamburger {
|
|
padding: 0;
|
|
}
|
|
|
|
.navbar .hamburger .hamburger-inner,
|
|
.navbar .hamburger .hamburger-inner:before,
|
|
.navbar .hamburger .hamburger-inner:after {
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Indexed List
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.indexed-list-block {
|
|
margin: 0;
|
|
}
|
|
|
|
.indexed-list-block .list-group-title {
|
|
background-color: #F4F4F4;
|
|
color: #888888;
|
|
font-size: 20px;
|
|
font-weight: 500;
|
|
height: 48px;
|
|
line-height: 48px;
|
|
overflow: visible;
|
|
padding: 0 16px;
|
|
pointer-events: none;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.layout-dark .indexed-list-block .list-group-title {
|
|
background-color: #1A1A1A;
|
|
color: #BBBBBB;
|
|
}
|
|
|
|
.indexed-list-block .list-group-title + li {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.indexed-list-block .list-group:first-child ul:before {
|
|
display: none;
|
|
}
|
|
|
|
.indexed-list-block .list-group:last-child ul:after {
|
|
display: none;
|
|
}
|
|
|
|
.indexed-list-block li:not(.list-group-title) {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.list-index {
|
|
background-color: transparent;
|
|
color: #2196F3;
|
|
}
|
|
|
|
.layout-dark .list-index {
|
|
color: rgba(255, 255, 255, 0.87);
|
|
}
|
|
|
|
.theme-red .list-index {
|
|
color: #F44336;
|
|
}
|
|
|
|
.theme-pink .list-index {
|
|
color: #E91E63;
|
|
}
|
|
|
|
.theme-purple .list-index {
|
|
color: #9C27B0;
|
|
}
|
|
|
|
.theme-deeppurple .list-index {
|
|
color: #673AB7;
|
|
}
|
|
|
|
.theme-indigo .list-index {
|
|
color: #3F51B5;
|
|
}
|
|
|
|
.theme-blue .list-index {
|
|
color: #2196F3;
|
|
}
|
|
|
|
.theme-lightblue .list-index {
|
|
color: #03A9F4;
|
|
}
|
|
|
|
.theme-cyan .list-index {
|
|
color: #00BCD4;
|
|
}
|
|
|
|
.theme-teal .list-index {
|
|
color: #009688;
|
|
}
|
|
|
|
.theme-green .list-index {
|
|
color: #4CAF50;
|
|
}
|
|
|
|
.theme-lightgreen .list-index {
|
|
color: #8BC34A;
|
|
}
|
|
|
|
.theme-lime .list-index {
|
|
color: #CDDC39;
|
|
}
|
|
|
|
.theme-yellow .list-index {
|
|
color: #FFEB3B;
|
|
}
|
|
|
|
.theme-amber .list-index {
|
|
color: #FFC107;
|
|
}
|
|
|
|
.theme-orange .list-index {
|
|
color: #FF9800;
|
|
}
|
|
|
|
.theme-deeporange .list-index {
|
|
color: #FF5722;
|
|
}
|
|
|
|
.theme-brown .list-index {
|
|
color: #795548;
|
|
}
|
|
|
|
.theme-gray .list-index {
|
|
color: #9E9E9E;
|
|
}
|
|
|
|
.theme-bluegray .list-index {
|
|
color: #607D8B;
|
|
}
|
|
|
|
.theme-white .list-index {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.theme-black .list-index {
|
|
color: #000000;
|
|
}
|
|
|
|
.list-index li {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Infinite Scroll
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.infinite-scroll-preloader {
|
|
margin-bottom: 10px;
|
|
margin-top: -20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.infinite-scroll-preloader .preloader {
|
|
height: 34px;
|
|
width: 34px;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Lazy Load
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.lazy-loaded[data-background] {
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
height: 50vw;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Navbar
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.navbar-fixed .navbar,
|
|
.navbar-through .navbar {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.navbar-transparent {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.navbar-transparent ~ .page-content {
|
|
padding-top: 0 !important;
|
|
}
|
|
|
|
.navbar .center,
|
|
.subnavbar .center {
|
|
font-size: 17px;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Photo Browser
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.photo-browser-slide iframe {
|
|
height: auto;
|
|
}
|
|
|
|
.photo-browser-captions-light .photo-browser-caption {
|
|
color: #000000;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Pricing Table
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.pricing-table {
|
|
background-color: #F1F2F1;
|
|
color: #212121;
|
|
}
|
|
|
|
.pricing-table .pricing-table-title {
|
|
color: #FFFFFF;
|
|
font-size: 28px;
|
|
padding: 16px;
|
|
text-align: center;
|
|
}
|
|
|
|
.pricing-table .pricing-table-price {
|
|
background-color: #EFF0EF;
|
|
padding: 16px;
|
|
text-align: center;
|
|
}
|
|
|
|
.pricing-table .pricing-table-price .value {
|
|
font-size: 32px;
|
|
}
|
|
|
|
.pricing-table .pricing-table-price .duration {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.pricing-table .pricing-table-features {
|
|
padding: 16px;
|
|
}
|
|
|
|
.pricing-table .pricing-table-actions {
|
|
padding: 16px;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Popover
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.popover {
|
|
width: 240px;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Popup
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.layout-dark .popup {
|
|
background-color: #222222;
|
|
color: rgba(255, 255, 255, 0.87);
|
|
}
|
|
|
|
.popup .toolbar {
|
|
font-size: 17px;
|
|
}
|
|
|
|
.popup .toolbar [disabled] {
|
|
opacity: 1;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Side Panel
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
body.with-panel-left-cover .panel,
|
|
body.with-panel-right-cover .panel {
|
|
box-shadow: none;
|
|
}
|
|
|
|
body.with-panel-left-reveal .views,
|
|
body.with-panel-right-reveal .views {
|
|
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Search Bar
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.page > .searchbar {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Snackbars
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.notifications.list-block > ul {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.layout-dark .list-block.notifications > ul,
|
|
.list-block.layout-dark.notifications > ul {
|
|
background: #323232;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Swipeout
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.swipeout-actions .swipeout-action {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.swipeout-actions .swipeout-action .swipeout-action-icon {
|
|
font-size: 20px;
|
|
margin-bottom: 2px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.swipeout-actions .swipeout-action .swipeout-action-label {
|
|
font-size: 15px;
|
|
margin-bottom: 2px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.swipeout-actions a {
|
|
color: #FFFFFF !important;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Tabs
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.tabbar-fixed .toolbar,
|
|
.tabbar-labels-fixed .toolbar {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.tabbar.tabbar-inline {
|
|
top: 0;
|
|
}
|
|
|
|
.tabbar a.link,
|
|
.tabbar a.tab-link {
|
|
font-size: 12px;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Timeline
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.theme-red .timeline-item-divider {
|
|
background-color: #F44336;
|
|
}
|
|
|
|
.theme-pink .timeline-item-divider {
|
|
background-color: #E91E63;
|
|
}
|
|
|
|
.theme-purple .timeline-item-divider {
|
|
background-color: #9C27B0;
|
|
}
|
|
|
|
.theme-deeppurple .timeline-item-divider {
|
|
background-color: #673AB7;
|
|
}
|
|
|
|
.theme-indigo .timeline-item-divider {
|
|
background-color: #3F51B5;
|
|
}
|
|
|
|
.theme-blue .timeline-item-divider {
|
|
background-color: #2196F3;
|
|
}
|
|
|
|
.theme-lightblue .timeline-item-divider {
|
|
background-color: #03A9F4;
|
|
}
|
|
|
|
.theme-cyan .timeline-item-divider {
|
|
background-color: #00BCD4;
|
|
}
|
|
|
|
.theme-teal .timeline-item-divider {
|
|
background-color: #009688;
|
|
}
|
|
|
|
.theme-green .timeline-item-divider {
|
|
background-color: #4CAF50;
|
|
}
|
|
|
|
.theme-lightgreen .timeline-item-divider {
|
|
background-color: #8BC34A;
|
|
}
|
|
|
|
.theme-lime .timeline-item-divider {
|
|
background-color: #CDDC39;
|
|
}
|
|
|
|
.theme-yellow .timeline-item-divider {
|
|
background-color: #FFEB3B;
|
|
}
|
|
|
|
.theme-amber .timeline-item-divider {
|
|
background-color: #FFC107;
|
|
}
|
|
|
|
.theme-orange .timeline-item-divider {
|
|
background-color: #FF9800;
|
|
}
|
|
|
|
.theme-deeporange .timeline-item-divider {
|
|
background-color: #FF5722;
|
|
}
|
|
|
|
.theme-brown .timeline-item-divider {
|
|
background-color: #795548;
|
|
}
|
|
|
|
.theme-gray .timeline-item-divider {
|
|
background-color: #9E9E9E;
|
|
}
|
|
|
|
.theme-bluegray .timeline-item-divider {
|
|
background-color: #607D8B;
|
|
}
|
|
|
|
.theme-white .timeline-item-divider {
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.theme-black .timeline-item-divider {
|
|
background-color: #000000;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Toasts
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.toast-container {
|
|
border-radius: 12px;
|
|
font-size: 13px;
|
|
padding: 8px;
|
|
}
|
|
|
|
.toast-icon {
|
|
font-size: 32px;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Toolbar
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.toolbar-fixed .toolbar {
|
|
box-shadow: none;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Tooltips
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
.tooltipster-content {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.tooltip-template {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
|------------------------------------------------------------------------------
|
|
| Helpers
|
|
|------------------------------------------------------------------------------
|
|
*/
|
|
|
|
/* Text Alignment */
|
|
.text-left { text-align: left; }
|
|
.text-center { text-align: center; }
|
|
.text-right { text-align: right; }
|
|
.text-justify { text-align: justify; }
|
|
|
|
/* Text Formatting */
|
|
.text-normal { font-style: normal; }
|
|
.text-bold { font-weight: bold; }
|
|
.text-italic { font-style: italic; }
|
|
.text-oblique { font-style: oblique; }
|
|
.text-underline { text-decoration: underline; }
|
|
|
|
/* Margin */
|
|
.no-margin { margin: 0; }
|
|
.no-margin-top { margin-top: 0; }
|
|
.no-margin-right { margin-right: 0; }
|
|
.no-margin-bottom { margin-bottom: 0; }
|
|
.no-margin-left { margin-left: 0; }
|
|
|
|
/* Padding */
|
|
.no-padding { padding: 0; }
|
|
.no-padding-top { padding-top: 0; }
|
|
.no-padding-right { padding-right: 0; }
|
|
.no-padding-bottom { padding-bottom: 0; }
|
|
.no-padding-left { padding-left: 0; }
|
|
|
|
/* Image */
|
|
.img-circle {
|
|
border-radius: 100%;
|
|
}
|
|
|
|
.img-responsive {
|
|
display: block;
|
|
height: auto;
|
|
max-width: 100%;
|
|
} |