New alert styles

pull/2/head
Sahat Yalkabov 2014-01-23 17:37:47 -05:00
parent 9c52399e35
commit d92ffb3701
1 changed files with 43 additions and 8 deletions

View File

@ -1,17 +1,25 @@
@import "lib/bootstrap/bootstrap";
@navbar-height: 45px;
@brand-primary: #4d90fd;
@brand-success: #60c060;
@brand-warning: #ff9900;
@brand-danger: #df4b33;
@brand-info: #5bc0de;
// Scaffolding
// -------------------------
body {
padding-top: 70px;
}
// Brand Colors
// -------------------------
@brand-primary: #4d90fc;
@brand-success: #60bf60;
@brand-warning: #ff9800;
@brand-danger: #de4b33;
@brand-info: #5bc0dd;
// Navbar
// -------------------------
@navbar-height: 45px;
.navbar-brand {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICA8IVtDREFUQVsNCgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzQ2NDgzRTt9DQoJLnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM4Q0M4NEI7fQ0KCS5zdDJ7b3BhY2l0eTowLjU7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojQThBOEE4O30NCgkuc3Qze29wYWNpdHk6MC41O2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzQ2NDY0Njt9DQpdXT4KIDwvc3R5bGU+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI5MiIgd2lkdGg9IjkyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cGF0aCBpZD0ic3ZnXzEiIGQ9Im03OS4wMTAwMDIsMzguOTYwNjMyYzEuMTk5OTk3LC0wLjY4OTk5OSAxLjkzLC0xLjk3MDAwMSAxLjkzLC0zLjM2MDAwMWwwLC04Ljk5OTk5OGMwLC0xLjM4MDAwMSAtMC43NDAwMDUsLTIuNjYgLTEuOTMsLTMuMzYwMDAxbC0zMS45NTk5OTksLTE4LjU1OTk5OWMtMS4yMDAwMDUsLTAuNzAwMDAxIC0yLjY5MDAwMiwtMC43MDAwMDEgLTMuODkwMDAzLC0wLjAxbC0zMi4xNjAwMDMsMTguNTdjLTEuMjAwMDAxLDAuNjg5OTk5IC0xLjkzOTk5OSwxLjk4IC0xLjkzOTk5OSwzLjM2MDAwMWwwLDM3LjEyOTk5OWMwLDEuMzkwMDAzIDAuNzUsMi42ODAwMDQgMS45NTk5OTksMy4zODAwMDlsMzEuOTYwMDA2LDE4LjIwOTk5MWMxLjE3OTk5NiwwLjY2OTk5OCAyLjYxOTk5NSwwLjY4MDAwOCAzLjgwOTk5NCwwLjAyMDAwNGwxOS4zMjAwMDQsLTEwLjc1YzAuNjEwMDAxLC0wLjMzOTk5NiAxLC0wLjk4MDAwMyAxLC0xLjY4MDAwOGMwLjAxMDAwMiwtMC42OTk5ODkgLTAuMzcwMDAzLC0xLjM0OTk5OCAtMC45NzAwMDEsLTEuNjk5OTg5bC0zMi4zNjAwMDQsLTE4LjU3MDAwN2MtMC41OTk5OTUsLTAuMzQ5OTk1IC0wLjk4LC0wLjk4OTk5OCAtMC45OCwtMS42ODk5OTlsMCwtMTEuNjI5OTk3YzAsLTAuNjkwMDA2IDAuMzcwMDAzLC0xLjMzMDAwNiAwLjk3MDAwMSwtMS42ODAwMDRsMTAuMDcsLTUuODAwMDAxYzAuNjAwMDA2LC0wLjM0OTk5OCAxLjM0MDAwNCwtMC4zNDk5OTggMS45Mzk5OTksMGwxMC4wODAwMDYsNS44MDAwMDFjMC41OTk5OTgsMC4zNDk5OTggMC45Njk5OTcsMC45ODk5OTggMC45Njk5OTcsMS42ODAwMDRsMCw5LjE1OTk5NmMwLDAuNjg5OTk5IDAuMzY5OTk5LDEuMzI5OTk4IDAuOTcwMDA1LDEuNjc5OTk2YzAuNTk5OTk4LDAuMzQ5OTk4IDEuMzM5OTk2LDAuMzQwMDA0IDEuOTM5OTk1LC0wLjAwOTk5NWwxOS4yNzAwMDQsLTExLjE5MDAwMnoiIGNsYXNzPSJzdDAiLz4KICA8cGF0aCBpZD0ic3ZnXzIiIGQ9Im00NC42MjUsMzcuMjU5ODNjMC4yMzAwMDMsLTAuMTMwMDAxIDAuNTA5OTk1LC0wLjEzMDAwMSAwLjc1LDBsNi4xNzAwMDYsMy41NTk5OThjMC4yMjk5ODgsMC4xMzk5OTkgMC4zNjk5OTUsMC4zNzk5OTcgMC4zNjk5OTUsMC42Mzk5OTlsMCw3LjEyOTk5N2MwLDAuMjYwMDAyIC0wLjE0MDAwNywwLjUxMDAwMiAtMC4zNjk5OTUsMC42NTAwMDJsLTYuMTcwMDA2LDMuNTU5OTk4Yy0wLjIzMDAwMywwLjEzMDAwNSAtMC41MTAwMDIsMC4xMzAwMDUgLTAuNzUsMGwtNi4xNjk5OTgsLTMuNTU5OTk4Yy0wLjIzMDAwMywtMC4xMzk5OTkgLTAuMzY5OTk5LC0wLjM3OTk5NyAtMC4zNjk5OTksLTAuNjUwMDAybDAsLTcuMTI5OTk3YzAsLTAuMjY5OTk3IDAuMTM5OTk2LC0wLjUxMDAwMiAwLjM2OTk5OSwtMC42Mzk5OTlsNi4xNjk5OTgsLTMuNTU5OTk4eiIgY2xhc3M9InN0MSIvPgogIDxnIGlkPSJzdmdfNSIvPgogIDxnIGlkPSJzdmdfNiIvPgogIDxnIGlkPSJzdmdfNyIvPgogIDxnIGlkPSJzdmdfOCIvPgogIDxnIGlkPSJzdmdfOSIvPgogIDxnIGlkPSJzdmdfMTAiLz4KICA8ZyBpZD0ic3ZnXzExIi8+CiAgPGcgaWQ9InN2Z18xMiIvPgogIDxnIGlkPSJzdmdfMTMiLz4KICA8ZyBpZD0ic3ZnXzE0Ii8+CiAgPGcgaWQ9InN2Z18xNSIvPgogIDxnIGlkPSJzdmdfMTYiLz4KICA8ZyBpZD0ic3ZnXzE3Ii8+CiAgPGcgaWQ9InN2Z18xOCIvPgogIDxnIGlkPSJzdmdfMTkiLz4KICA8ZyBpZD0ic3ZnXzIwIi8+CiAgPGcgaWQ9InN2Z18yMSIvPgogIDxnIGlkPSJzdmdfMjIiLz4KIDwvZz4KPC9zdmc+);
background-repeat: no-repeat;
@ -21,6 +29,33 @@ body {
margin-left: 15px;
}
// Form states and alerts
// -------------------------
@state-success-text: #569845;
@state-success-bg: #dbf5d3;
@state-success-border: #aed3a5;
@state-info-text: #3a87ad;
@state-info-bg: #d9edf7;
@state-info-border: #98cce7;
@state-warning-text: #bf9853;
@state-warning-bg: #fdf8e2;
@state-warning-border: #f2daab;
@state-danger-text: #b94a48;
@state-danger-bg: #f2dede;
@state-danger-border: #e0b1b8;
// Alerts
// -------------------------
.alert {
border-radius: 0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
}
.navbar-nav img {
width: 30px;
height: 30px;