app/assets/stylesheets/admin_lte/ltr/AdminLTE.scss in admin_lte-rails-2.2.0.9 vs app/assets/stylesheets/admin_lte/ltr/AdminLTE.scss in admin_lte-rails-2.3.0.3
- old
+ new
@@ -1,7 +1,7 @@
/*!
- * AdminLTE v2.1.2
+ * AdminLTE v2.3.2
* Author: Almsaeed Studio
* Website: Almsaeed Studio <http://almsaeedstudio.com>
* License: Open source - MIT
* Please visit http://opensource.org/licenses/MIT for more information
!*/
@@ -27,11 +27,11 @@
}
/* Layout */
.wrapper {
min-height: 100%;
position: relative;
- overflow: hidden!important;
+ overflow: hidden;
}
.wrapper:before,
.wrapper:after {
content: " ";
display: table;
@@ -126,10 +126,22 @@
}
}
.fixed.layout-boxed .wrapper {
max-width: 100%;
}
+body.hold-transition .content-wrapper,
+body.hold-transition .right-side,
+body.hold-transition .main-footer,
+body.hold-transition .main-sidebar,
+body.hold-transition .left-side,
+body.hold-transition .main-header > .navbar,
+body.hold-transition .main-header .logo {
+ /* Fix for IE */
+ -webkit-transition: none;
+ -o-transition: none;
+ transition: none;
+}
/* Content */
.content {
min-height: 250px;
padding: 15px;
margin-right: auto;
@@ -191,29 +203,29 @@
border: none;
min-height: 50px;
border-radius: 0;
}
.layout-top-nav .main-header > .navbar {
- margin-left: 0!important;
+ margin-left: 0;
}
-.main-header #navbar-search-input {
+.main-header #navbar-search-input.form-control {
background: rgba(255, 255, 255, 0.2);
border-color: transparent;
}
-.main-header #navbar-search-input:focus,
-.main-header #navbar-search-input:active {
- border-color: rgba(0, 0, 0, 0.1) !important;
+.main-header #navbar-search-input.form-control:focus,
+.main-header #navbar-search-input.form-control:active {
+ border-color: rgba(0, 0, 0, 0.1);
background: rgba(255, 255, 255, 0.9);
}
-.main-header #navbar-search-input::-moz-placeholder {
+.main-header #navbar-search-input.form-control::-moz-placeholder {
color: #ccc;
opacity: 1;
}
-.main-header #navbar-search-input:-ms-input-placeholder {
+.main-header #navbar-search-input.form-control:-ms-input-placeholder {
color: #ccc;
}
-.main-header #navbar-search-input::-webkit-input-placeholder {
+.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
color: #ccc;
}
.main-header .navbar-custom-menu,
.main-header .navbar-right {
float: right;
@@ -311,11 +323,11 @@
font-weight: 300;
}
.content-header > .breadcrumb {
float: right;
background: transparent;
- margin-top: 0px;
+ margin-top: 0;
margin-bottom: 0;
font-size: 12px;
padding: 7px 5px;
position: absolute;
top: 15px;
@@ -375,26 +387,21 @@
}
.main-header .logo,
.main-header .navbar {
width: 100%;
float: none;
- position: relative!important;
}
.main-header .navbar {
margin: 0;
}
.main-header .navbar-custom-menu {
float: right;
}
- .main-sidebar,
- .left-side {
- padding-top: 100px!important;
- }
}
@media (max-width: 991px) {
.navbar-collapse.pull-left {
- float: none!important;
+ float: none !important;
}
.navbar-collapse.pull-left + .navbar-custom-menu {
display: block;
position: absolute;
top: 0;
@@ -420,10 +427,16 @@
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}
@media (max-width: 767px) {
.main-sidebar,
.left-side {
+ padding-top: 100px;
+ }
+}
+@media (max-width: 767px) {
+ .main-sidebar,
+ .left-side {
-webkit-transform: translate(-230px, 0);
-ms-transform: translate(-230px, 0);
-o-transform: translate(-230px, 0);
transform: translate(-230px, 0);
}
@@ -448,11 +461,11 @@
}
.sidebar {
padding-bottom: 10px;
}
.sidebar-form input:focus {
- border-color: transparent!important;
+ border-color: transparent;
}
.user-panel {
position: relative;
width: 100%;
padding: 10px;
@@ -568,19 +581,19 @@
*/
@media (min-width: 768px) {
.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .right-side,
.sidebar-mini.sidebar-collapse .main-footer {
- margin-left: 50px!important;
+ margin-left: 50px !important;
z-index: 840;
}
.sidebar-mini.sidebar-collapse .main-sidebar {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
- width: 50px!important;
+ width: 50px !important;
z-index: 850;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li {
position: relative;
}
@@ -598,11 +611,11 @@
padding-bottom: 5px;
border-bottom-right-radius: 4px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
- display: block!important;
+ display: block !important;
position: absolute;
width: 180px;
left: 50px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
@@ -619,11 +632,11 @@
.sidebar-mini.sidebar-collapse .sidebar-form,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,
.sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,
.sidebar-mini.sidebar-collapse .sidebar-menu li.header {
- display: none!important;
+ display: none !important;
-webkit-transform: translateZ(0);
}
.sidebar-mini.sidebar-collapse .main-header .logo {
width: 50px;
}
@@ -641,11 +654,11 @@
}
}
.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu > li.header {
- white-space: nowrap!important;
+ white-space: nowrap;
overflow: hidden;
}
.sidebar-menu:hover {
overflow: visible;
}
@@ -657,12 +670,12 @@
.sidebar-menu li > a {
position: relative;
}
.sidebar-menu li > a > .pull-right {
position: absolute;
- top: 50%;
right: 10px;
+ top: 50%;
margin-top: -7px;
}
/*
* Component: Control sidebar. By default, this is the right sidebar.
*/
@@ -706,44 +719,42 @@
.control-sidebar-open .right-side,
.control-sidebar-open .main-footer {
margin-right: 230px;
}
}
-.control-sidebar-tabs > li:first-of-type > a {
- margin-left: 1px;
+.nav-tabs.control-sidebar-tabs > li:first-of-type > a,
+.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,
+.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {
+ border-left-width: 0;
}
-.control-sidebar-tabs > li:first-of-type > a,
-.control-sidebar-tabs > li:first-of-type > a:hover {
- border-left-width: 0!important;
+.nav-tabs.control-sidebar-tabs > li > a {
+ border-radius: 0;
}
-.control-sidebar-tabs > li > a {
- border-radius: 0 !important;
-}
-.control-sidebar-tabs > li > a,
-.control-sidebar-tabs > li > a:hover {
+.nav-tabs.control-sidebar-tabs > li > a,
+.nav-tabs.control-sidebar-tabs > li > a:hover {
border-top: none;
border-right: none;
- border-left: 1px solid transparent!important;
- border-bottom: 1px solid transparent!important;
+ border-left: 1px solid transparent;
+ border-bottom: 1px solid transparent;
}
-.control-sidebar-tabs > li > a .icon {
+.nav-tabs.control-sidebar-tabs > li > a .icon {
font-size: 16px;
}
-.control-sidebar-tabs > li.active > a,
-.control-sidebar-tabs > li.active > a:hover,
-.control-sidebar-tabs > li.active > a:focus,
-.control-sidebar-tabs > li.active > a:active {
- border-top: none!important;
- border-right: none!important;
- border-bottom: none!important;
+.nav-tabs.control-sidebar-tabs > li.active > a,
+.nav-tabs.control-sidebar-tabs > li.active > a:hover,
+.nav-tabs.control-sidebar-tabs > li.active > a:focus,
+.nav-tabs.control-sidebar-tabs > li.active > a:active {
+ border-top: none;
+ border-right: none;
+ border-bottom: none;
}
@media (max-width: 768px) {
- .control-sidebar-tabs {
+ .nav-tabs.control-sidebar-tabs {
display: table;
}
- .control-sidebar-tabs > li {
- display: table-cell !important;
+ .nav-tabs.control-sidebar-tabs > li {
+ display: table-cell;
}
}
.control-sidebar-heading {
font-weight: 400;
font-size: 16px;
@@ -802,31 +813,35 @@
}
.control-sidebar-dark,
.control-sidebar-dark + .control-sidebar-bg {
background: #222d32;
}
-.control-sidebar-dark .control-sidebar-tabs {
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
border-bottom: #1c2529;
}
-.control-sidebar-dark .control-sidebar-tabs > li > a {
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {
background: #181f23;
color: #b8c7ce;
}
-.control-sidebar-dark .control-sidebar-tabs > li > a,
-.control-sidebar-dark .control-sidebar-tabs > li > a:hover {
- border-left-color: #141a1d !important;
- border-bottom-color: #141a1d !important;
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {
+ border-left-color: #141a1d;
+ border-bottom-color: #141a1d;
}
-.control-sidebar-dark .control-sidebar-tabs > li > a:hover,
-.control-sidebar-dark .control-sidebar-tabs > li > a:focus,
-.control-sidebar-dark .control-sidebar-tabs > li > a:active {
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {
background: #1c2529;
}
-.control-sidebar-dark .control-sidebar-tabs > li.active > a,
-.control-sidebar-dark .control-sidebar-tabs > li.active > a:hover,
-.control-sidebar-dark .control-sidebar-tabs > li.active > a:focus,
-.control-sidebar-dark .control-sidebar-tabs > li.active > a:active {
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {
+ color: #fff;
+}
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,
+.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {
background: #222d32;
color: #fff;
}
.control-sidebar-dark .control-sidebar-heading,
.control-sidebar-dark .control-sidebar-subheading {
@@ -844,31 +859,32 @@
.control-sidebar-light,
.control-sidebar-light + .control-sidebar-bg {
background: #f9fafc;
border-left: 1px solid #d2d6de;
}
-.control-sidebar-light .control-sidebar-tabs {
+.control-sidebar-light .nav-tabs.control-sidebar-tabs {
border-bottom: #d2d6de;
}
-.control-sidebar-light .control-sidebar-tabs > li > a {
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {
background: #e8ecf4;
color: #444444;
}
-.control-sidebar-light .control-sidebar-tabs > li > a,
-.control-sidebar-light .control-sidebar-tabs > li > a:hover {
- border-left-color: #d2d6de !important;
- border-bottom-color: #d2d6de !important;
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {
+ border-left-color: #d2d6de;
+ border-bottom-color: #d2d6de;
}
-.control-sidebar-light .control-sidebar-tabs > li > a:hover,
-.control-sidebar-light .control-sidebar-tabs > li > a:focus,
-.control-sidebar-light .control-sidebar-tabs > li > a:active {
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {
background: #eff1f7;
}
-.control-sidebar-light .control-sidebar-tabs > li.active > a,
-.control-sidebar-light .control-sidebar-tabs > li.active > a:hover,
-.control-sidebar-light .control-sidebar-tabs > li.active > a:focus,
-.control-sidebar-light .control-sidebar-tabs > li.active > a:active {
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,
+.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {
background: #f9fafc;
color: #111;
}
.control-sidebar-light .control-sidebar-heading,
.control-sidebar-light .control-sidebar-subheading {
@@ -905,25 +921,16 @@
color: #333;
}
.dropdown-menu > .divider {
background-color: #eee;
}
-.navbar-nav .dropdown-menu {
- -webkit-box-shadow: none !important;
- box-shadow: none !important;
-}
-.navbar-nav > .notifications-menu,
-.navbar-nav > .messages-menu,
-.navbar-nav > .tasks-menu {
- position: relative;
-}
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
width: 280px;
- padding: 0 0 0 0!important;
- margin: 0!important;
+ padding: 0 0 0 0;
+ margin: 0;
top: 100%;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li,
.navbar-nav > .messages-menu > .dropdown-menu > li,
.navbar-nav > .tasks-menu > .dropdown-menu > li {
@@ -943,27 +950,27 @@
font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
- border-top-left-radius: 0px;
- border-top-right-radius: 0px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
font-size: 12px;
background-color: #fff;
padding: 7px 10px;
border-bottom: 1px solid #eeeeee;
- color: #444!important;
+ color: #444 !important;
text-align: center;
}
@media (max-width: 991px) {
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
- background: #fff!important;
- color: #444!important;
+ background: #fff !important;
+ color: #444 !important;
}
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
@@ -995,20 +1002,19 @@
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
color: #444444;
overflow: hidden;
text-overflow: ellipsis;
- white-space: nowrap;
padding: 10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
width: 20px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
- margin: 0px;
+ margin: 0;
padding: 10px 10px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
margin: auto 10px auto auto;
width: 40px;
@@ -1023,12 +1029,12 @@
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
color: #999999;
font-size: 10px;
position: absolute;
- top: 0px;
- right: 0px;
+ top: 0;
+ right: 0;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
margin: 0 0 0 45px;
font-size: 12px;
color: #888888;
@@ -1125,10 +1131,15 @@
clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
color: #666666;
}
+@media (max-width: 991px) {
+ .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
+ background-color: #f9f9f9;
+ }
+}
.navbar-nav > .user-menu .user-image {
float: left;
width: 25px;
height: 25px;
border-radius: 50%;
@@ -1220,57 +1231,53 @@
/*
* Component: Form
* ---------------
*/
.form-control {
- border-radius: 0px !important;
+ border-radius: 0;
box-shadow: none;
border-color: #d2d6de;
}
.form-control:focus {
- border-color: #3c8dbc !important;
+ border-color: #3c8dbc;
box-shadow: none;
}
-.form-control::-moz-placeholder {
+.form-control::-moz-placeholder,
+.form-control:-ms-input-placeholder,
+.form-control::-webkit-input-placeholder {
color: #bbb;
opacity: 1;
}
-.form-control:-ms-input-placeholder {
- color: #bbb;
-}
-.form-control::-webkit-input-placeholder {
- color: #bbb;
-}
.form-control:not(select) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-group.has-success label {
color: #00a65a;
}
.form-group.has-success .form-control {
- border-color: #00a65a !important;
+ border-color: #00a65a;
box-shadow: none;
}
.form-group.has-warning label {
color: #f39c12;
}
.form-group.has-warning .form-control {
- border-color: #f39c12 !important;
+ border-color: #f39c12;
box-shadow: none;
}
.form-group.has-error label {
color: #dd4b39;
}
.form-group.has-error .form-control {
- border-color: #dd4b39 !important;
+ border-color: #dd4b39;
box-shadow: none;
}
/* Input group */
.input-group .input-group-addon {
- border-radius: 0px;
+ border-radius: 0;
border-color: #d2d6de;
background-color: #fff;
}
/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
@@ -1278,10 +1285,24 @@
border-radius: 0;
}
.icheck > label {
padding-left: 0;
}
+/* support Font Awesome icons in form-control */
+.form-control-feedback.fa {
+ line-height: 34px;
+}
+.input-lg + .form-control-feedback.fa,
+.input-group-lg + .form-control-feedback.fa,
+.form-group-lg .form-control + .form-control-feedback.fa {
+ line-height: 46px;
+}
+.input-sm + .form-control-feedback.fa,
+.input-group-sm + .form-control-feedback.fa,
+.form-group-sm .form-control + .form-control-feedback.fa {
+ line-height: 30px;
+}
/*
* Component: Progress Bar
* -----------------------
*/
.progress,
@@ -1333,11 +1354,11 @@
height: 200px;
display: inline-block;
margin-right: 10px;
}
.progress.vertical > .progress-bar {
- width: 100%!important;
+ width: 100%;
position: absolute;
bottom: 0;
}
.progress.vertical.sm,
.progress.vertical.progress-sm {
@@ -1540,18 +1561,18 @@
}
.box .border-left {
border-left: 1px solid #f4f4f4;
}
.box.box-solid {
- border-top: 0px;
+ border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
- background: rgba(0, 0, 0, 0.1) !important;
+ background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
@@ -1724,19 +1745,18 @@
}
.btn-box-tool {
padding: 5px;
font-size: 12px;
background: transparent;
- box-shadow: none!important;
color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
color: #606c84;
}
-.btn-box-tool:active {
- outline: none!important;
+.btn-box-tool.btn:active {
+ box-shadow: none;
}
.box-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
@@ -1787,14 +1807,51 @@
.chart-legend > li {
float: left;
margin-right: 10px;
}
}
+.box-comments {
+ background: #f7f7f7;
+}
+.box-comments .box-comment {
+ padding: 8px 0;
+ border-bottom: 1px solid #eee;
+}
+.box-comments .box-comment:before,
+.box-comments .box-comment:after {
+ content: " ";
+ display: table;
+}
+.box-comments .box-comment:after {
+ clear: both;
+}
+.box-comments .box-comment:last-of-type {
+ border-bottom: 0;
+}
+.box-comments .box-comment:first-of-type {
+ padding-top: 0;
+}
+.box-comments .box-comment img {
+ float: left;
+}
+.box-comments .comment-text {
+ margin-left: 40px;
+ color: #555;
+}
+.box-comments .username {
+ color: #444;
+ display: block;
+ font-weight: 600;
+}
+.box-comments .text-muted {
+ font-weight: 400;
+ font-size: 12px;
+}
/* Widget: TODO LIST */
.todo-list {
margin: 0;
- padding: 0px 0px;
+ padding: 0;
list-style: none;
overflow: auto;
}
.todo-list > li {
border-radius: 2px;
@@ -1805,25 +1862,10 @@
color: #444;
}
.todo-list > li:last-of-type {
margin-bottom: 0;
}
-.todo-list > li.danger {
- border-left-color: #dd4b39;
-}
-.todo-list > li.warning {
- border-left-color: #f39c12;
-}
-.todo-list > li.info {
- border-left-color: #00c0ef;
-}
-.todo-list > li.success {
- border-left-color: #00a65a;
-}
-.todo-list > li.primary {
- border-left-color: #3c8dbc;
-}
.todo-list > li > input[type='checkbox'] {
margin: 0 10px 0 5px;
}
.todo-list > li .text {
display: inline-block;
@@ -1856,10 +1898,25 @@
font-weight: 500;
}
.todo-list > li.done .label {
background: #d2d6de !important;
}
+.todo-list .danger {
+ border-left-color: #dd4b39;
+}
+.todo-list .warning {
+ border-left-color: #f39c12;
+}
+.todo-list .info {
+ border-left-color: #00c0ef;
+}
+.todo-list .success {
+ border-left-color: #00a65a;
+}
+.todo-list .primary {
+ border-left-color: #3c8dbc;
+}
.todo-list .handle {
display: inline-block;
cursor: move;
margin: 0 5px;
}
@@ -1880,16 +1937,16 @@
}
.chat .item > img {
width: 40px;
height: 40px;
border: 2px solid transparent;
- border-radius: 50% !important;
+ border-radius: 50%;
}
-.chat .item > img.online {
+.chat .item > .online {
border: 2px solid #00a65a;
}
-.chat .item > img.offline {
+.chat .item > .offline {
border: 2px solid #dd4b39;
}
.chat .item > .message {
margin-left: 55px;
margin-top: -40px;
@@ -2013,11 +2070,11 @@
list-style: none;
}
.timeline:before {
content: '';
position: absolute;
- top: 0px;
+ top: 0;
bottom: 0;
width: 4px;
background: #ddd;
left: 31px;
margin: 0;
@@ -2038,11 +2095,11 @@
}
.timeline > li > .timeline-item {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 3px;
- margin-top: 0px;
+ margin-top: 0;
background: #fff;
color: #444;
margin-left: 60px;
margin-right: 15px;
padding: 0;
@@ -2067,17 +2124,10 @@
}
.timeline > li > .timeline-item > .timeline-body,
.timeline > li > .timeline-item > .timeline-footer {
padding: 10px;
}
-.timeline > li.time-label > span {
- font-weight: 600;
- padding: 5px;
- display: inline-block;
- background-color: #fff;
- border-radius: 4px;
-}
.timeline > li > .fa,
.timeline > li > .glyphicon,
.timeline > li > .ion {
width: 30px;
height: 30px;
@@ -2089,10 +2139,26 @@
border-radius: 50%;
text-align: center;
left: 18px;
top: 0;
}
+.timeline > .time-label > span {
+ font-weight: 600;
+ padding: 5px;
+ display: inline-block;
+ background-color: #fff;
+ border-radius: 4px;
+}
+.timeline-inverse > li > .timeline-item {
+ background: #f0f0f0;
+ border: 1px solid #ddd;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.timeline-inverse > li > .timeline-item > .timeline-header {
+ border-bottom-color: #ddd;
+}
/*
* Component: Button
* -----------------
*/
.btn {
@@ -2144,11 +2210,11 @@
border-color: #ddd;
}
.btn-default:hover,
.btn-default:active,
.btn-default.hover {
- background-color: #e7e7e7 !important;
+ background-color: #e7e7e7;
}
.btn-primary {
background-color: #3c8dbc;
border-color: #367fa9;
}
@@ -2364,10 +2430,12 @@
border-left: 3px solid transparent;
color: #444;
}
.nav-stacked > li.active > a,
.nav-stacked > li.active > a:hover {
+ background: transparent;
+ color: #444;
border-top: 0;
border-left-color: #3c8dbc;
}
.nav-stacked > li.header {
border-bottom: 1px solid #ddd;
@@ -2394,12 +2462,15 @@
margin-bottom: -2px;
margin-right: 5px;
}
.nav-tabs-custom > .nav-tabs > li > a {
color: #444;
- border-radius: 0 !important;
+ border-radius: 0;
}
+.nav-tabs-custom > .nav-tabs > li > a.text-muted {
+ color: #999;
+}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
background: transparent;
margin: 0;
}
@@ -2429,11 +2500,11 @@
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
border-left-color: transparent;
}
.nav-tabs-custom > .nav-tabs.pull-right {
- float: none!important;
+ float: none !important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
@@ -2466,14 +2537,34 @@
.nav-tabs-custom .dropdown.open > a:active,
.nav-tabs-custom .dropdown.open > a:focus {
background: transparent;
color: #999;
}
+.nav-tabs-custom.tab-primary > .nav-tabs > li.active {
+ border-top-color: #3c8dbc;
+}
+.nav-tabs-custom.tab-info > .nav-tabs > li.active {
+ border-top-color: #00c0ef;
+}
+.nav-tabs-custom.tab-danger > .nav-tabs > li.active {
+ border-top-color: #dd4b39;
+}
+.nav-tabs-custom.tab-warning > .nav-tabs > li.active {
+ border-top-color: #f39c12;
+}
+.nav-tabs-custom.tab-success > .nav-tabs > li.active {
+ border-top-color: #00a65a;
+}
+.nav-tabs-custom.tab-default > .nav-tabs > li.active {
+ border-top-color: #d2d6de;
+}
/* PAGINATION */
.pagination > li > a {
background: #fafafa;
color: #666;
+}
+.pagination.pagination-flat > li > a {
border-radius: 0 !important;
}
/*
* Component: Products List
* ------------------------
@@ -2836,12 +2927,13 @@
}
/*
* Component: Carousel
* -------------------
*/
-.carousel-control {
- background-image: none!important;
+.carousel-control.left,
+.carousel-control.right {
+ background-image: none;
}
.carousel-control > .fa {
font-size: 40px;
position: absolute;
top: 50%;
@@ -2856,18 +2948,18 @@
.modal {
background: rgba(0, 0, 0, 0.3);
}
.modal-content {
border-radius: 0;
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
+ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
border: 0;
}
@media (min-width: 768px) {
.modal-content {
- -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
- box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125) !important;
+ -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
}
}
.modal-header {
border-bottom-color: #f4f4f4;
}
@@ -2893,10 +2985,71 @@
.modal-danger .modal-header,
.modal-danger .modal-footer {
border-color: #c23321;
}
/*
+ * Component: Social Widgets
+ * -------------------------
+ */
+.box-widget {
+ border: none;
+ position: relative;
+}
+.widget-user .widget-user-header {
+ padding: 20px;
+ height: 120px;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.widget-user .widget-user-username {
+ margin-top: 0;
+ margin-bottom: 5px;
+ font-size: 25px;
+ font-weight: 300;
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+}
+.widget-user .widget-user-desc {
+ margin-top: 0;
+}
+.widget-user .widget-user-image {
+ position: absolute;
+ top: 65px;
+ left: 50%;
+ margin-left: -45px;
+}
+.widget-user .widget-user-image > img {
+ width: 90px;
+ height: auto;
+ border: 3px solid #fff;
+}
+.widget-user .box-footer {
+ padding-top: 30px;
+}
+.widget-user-2 .widget-user-header {
+ padding: 20px;
+ border-top-right-radius: 3px;
+ border-top-left-radius: 3px;
+}
+.widget-user-2 .widget-user-username {
+ margin-top: 5px;
+ margin-bottom: 5px;
+ font-size: 25px;
+ font-weight: 300;
+}
+.widget-user-2 .widget-user-desc {
+ margin-top: 0;
+}
+.widget-user-2 .widget-user-username,
+.widget-user-2 .widget-user-desc {
+ margin-left: 75px;
+}
+.widget-user-2 .widget-user-image > img {
+ width: 65px;
+ height: auto;
+ float: left;
+}
+/*
* Page: Mailbox
* -------------
*/
.mailbox-messages > .table {
margin: 0;
@@ -3017,11 +3170,11 @@
/* Contains the password input and the login button */
.lockscreen-credentials {
margin-left: 70px;
}
.lockscreen-credentials .form-control {
- border: 0 !important;
+ border: 0;
}
.lockscreen-credentials .btn {
background-color: #fff;
border: 0;
padding: 0 10px;
@@ -3062,11 +3215,10 @@
}
.login-box-body,
.register-box-body {
background: #fff;
padding: 20px;
- color: #444;
border-top: 0;
color: #666;
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
@@ -3136,106 +3288,138 @@
}
.invoice-title {
margin-top: 0;
}
/*
- * Plugin: Social Buttons
- * ----------------------
+ * Page: Profile
+ * -------------
*/
+.profile-user-img {
+ margin: 0 auto;
+ width: 100px;
+ padding: 3px;
+ border: 3px solid #d2d6de;
+}
+.profile-username {
+ font-size: 21px;
+ margin-top: 5px;
+}
+.post {
+ border-bottom: 1px solid #d2d6de;
+ margin-bottom: 15px;
+ padding-bottom: 15px;
+ color: #666;
+}
+.post:last-of-type {
+ border-bottom: 0;
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+.post .user-block {
+ margin-bottom: 15px;
+}
+/*
+ * Social Buttons for Bootstrap
+ *
+ * Copyright 2013-2015 Panayiotis Lipiridis
+ * Licensed under the MIT License
+ *
+ * https://github.com/lipis/bootstrap-social
+ */
.btn-social {
position: relative;
- padding-left: 44px !important;
+ padding-left: 44px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
-.btn-social :first-child {
+.btn-social > :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
- width: 32px !important;
- line-height: 34px !important;
- font-size: 1.6em!important;
+ width: 32px;
+ line-height: 34px;
+ font-size: 1.6em;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social.btn-lg {
- padding-left: 61px !important;
+ padding-left: 61px;
}
-.btn-social.btn-lg :first-child {
+.btn-social.btn-lg > :first-child {
line-height: 45px;
width: 45px;
font-size: 1.8em;
}
.btn-social.btn-sm {
- padding-left: 38px !important;
+ padding-left: 38px;
}
-.btn-social.btn-sm :first-child {
+.btn-social.btn-sm > :first-child {
line-height: 28px;
width: 28px;
font-size: 1.4em;
}
.btn-social.btn-xs {
- padding-left: 30px !important;
+ padding-left: 30px;
}
-.btn-social.btn-xs :first-child {
+.btn-social.btn-xs > :first-child {
line-height: 20px;
width: 20px;
font-size: 1.2em;
}
.btn-social-icon {
position: relative;
- padding-left: 44px !important;
+ padding-left: 44px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 34px;
width: 34px;
padding: 0;
}
-.btn-social-icon :first-child {
+.btn-social-icon > :first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
- width: 32px !important;
- line-height: 34px !important;
- font-size: 1.6em!important;
+ width: 32px;
+ line-height: 34px;
+ font-size: 1.6em;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.btn-social-icon.btn-lg {
- padding-left: 61px !important;
+ padding-left: 61px;
}
-.btn-social-icon.btn-lg :first-child {
+.btn-social-icon.btn-lg > :first-child {
line-height: 45px;
width: 45px;
font-size: 1.8em;
}
.btn-social-icon.btn-sm {
- padding-left: 38px !important;
+ padding-left: 38px;
}
-.btn-social-icon.btn-sm :first-child {
+.btn-social-icon.btn-sm > :first-child {
line-height: 28px;
width: 28px;
font-size: 1.4em;
}
.btn-social-icon.btn-xs {
- padding-left: 30px !important;
+ padding-left: 30px;
}
-.btn-social-icon.btn-xs :first-child {
+.btn-social-icon.btn-xs > :first-child {
line-height: 20px;
width: 20px;
font-size: 1.2em;
}
-.btn-social-icon :first-child {
+.btn-social-icon > :first-child {
border: none;
text-align: center;
- width: 100%!important;
+ width: 100%;
}
.btn-social-icon.btn-lg {
height: 45px;
width: 45px;
padding-left: 0;
@@ -3251,18 +3435,58 @@
height: 22px;
width: 22px;
padding-left: 0;
padding-right: 0;
}
+.btn-adn {
+ color: #ffffff;
+ background-color: #d87a68;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-adn:focus,
+.btn-adn.focus {
+ color: #ffffff;
+ background-color: #ce563f;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-adn:hover {
+ color: #ffffff;
+ background-color: #ce563f;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-adn:active,
+.btn-adn.active,
+.open > .dropdown-toggle.btn-adn {
+ color: #ffffff;
+ background-color: #ce563f;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-adn:active,
+.btn-adn.active,
+.open > .dropdown-toggle.btn-adn {
+ background-image: none;
+}
+.btn-adn .badge {
+ color: #d87a68;
+ background-color: #ffffff;
+}
.btn-bitbucket {
color: #ffffff;
background-color: #205081;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-bitbucket:hover,
.btn-bitbucket:focus,
-.btn-bitbucket.focus,
+.btn-bitbucket.focus {
+ color: #ffffff;
+ background-color: #163758;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-bitbucket:hover {
+ color: #ffffff;
+ background-color: #163758;
+ border-color: rgba(0, 0, 0, 0.2);
+}
.btn-bitbucket:active,
.btn-bitbucket.active,
.open > .dropdown-toggle.btn-bitbucket {
color: #ffffff;
background-color: #163758;
@@ -3280,13 +3504,21 @@
.btn-dropbox {
color: #ffffff;
background-color: #1087dd;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-dropbox:hover,
.btn-dropbox:focus,
-.btn-dropbox.focus,
+.btn-dropbox.focus {
+ color: #ffffff;
+ background-color: #0d6aad;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-dropbox:hover {
+ color: #ffffff;
+ background-color: #0d6aad;
+ border-color: rgba(0, 0, 0, 0.2);
+}
.btn-dropbox:active,
.btn-dropbox.active,
.open > .dropdown-toggle.btn-dropbox {
color: #ffffff;
background-color: #0d6aad;
@@ -3304,13 +3536,21 @@
.btn-facebook {
color: #ffffff;
background-color: #3b5998;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-facebook:hover,
.btn-facebook:focus,
-.btn-facebook.focus,
+.btn-facebook.focus {
+ color: #ffffff;
+ background-color: #2d4373;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-facebook:hover {
+ color: #ffffff;
+ background-color: #2d4373;
+ border-color: rgba(0, 0, 0, 0.2);
+}
.btn-facebook:active,
.btn-facebook.active,
.open > .dropdown-toggle.btn-facebook {
color: #ffffff;
background-color: #2d4373;
@@ -3328,13 +3568,21 @@
.btn-flickr {
color: #ffffff;
background-color: #ff0084;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-flickr:hover,
.btn-flickr:focus,
-.btn-flickr.focus,
+.btn-flickr.focus {
+ color: #ffffff;
+ background-color: #cc006a;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-flickr:hover {
+ color: #ffffff;
+ background-color: #cc006a;
+ border-color: rgba(0, 0, 0, 0.2);
+}
.btn-flickr:active,
.btn-flickr.active,
.open > .dropdown-toggle.btn-flickr {
color: #ffffff;
background-color: #cc006a;
@@ -3349,40 +3597,56 @@
color: #ff0084;
background-color: #ffffff;
}
.btn-foursquare {
color: #ffffff;
- background-color: #0072b1;
+ background-color: #f94877;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-foursquare:hover,
.btn-foursquare:focus,
-.btn-foursquare.focus,
+.btn-foursquare.focus {
+ color: #ffffff;
+ background-color: #f71752;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-foursquare:hover {
+ color: #ffffff;
+ background-color: #f71752;
+ border-color: rgba(0, 0, 0, 0.2);
+}
.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
color: #ffffff;
- background-color: #00517e;
+ background-color: #f71752;
border-color: rgba(0, 0, 0, 0.2);
}
.btn-foursquare:active,
.btn-foursquare.active,
.open > .dropdown-toggle.btn-foursquare {
background-image: none;
}
.btn-foursquare .badge {
- color: #0072b1;
+ color: #f94877;
background-color: #ffffff;
}
.btn-github {
color: #ffffff;
background-color: #444444;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-github:hover,
.btn-github:focus,
-.btn-github.focus,
+.btn-github.focus {
+ color: #ffffff;
+ background-color: #2b2b2b;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-github:hover {
+ color: #ffffff;
+ background-color: #2b2b2b;
+ border-color: rgba(0, 0, 0, 0.2);
+}
.btn-github:active,
.btn-github.active,
.open > .dropdown-toggle.btn-github {
color: #ffffff;
background-color: #2b2b2b;
@@ -3395,42 +3659,58 @@
}
.btn-github .badge {
color: #444444;
background-color: #ffffff;
}
-.btn-google-plus {
+.btn-google {
color: #ffffff;
background-color: #dd4b39;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-google-plus:hover,
-.btn-google-plus:focus,
-.btn-google-plus.focus,
-.btn-google-plus:active,
-.btn-google-plus.active,
-.open > .dropdown-toggle.btn-google-plus {
+.btn-google:focus,
+.btn-google.focus {
color: #ffffff;
background-color: #c23321;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-google-plus:active,
-.btn-google-plus.active,
-.open > .dropdown-toggle.btn-google-plus {
+.btn-google:hover {
+ color: #ffffff;
+ background-color: #c23321;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-google:active,
+.btn-google.active,
+.open > .dropdown-toggle.btn-google {
+ color: #ffffff;
+ background-color: #c23321;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-google:active,
+.btn-google.active,
+.open > .dropdown-toggle.btn-google {
background-image: none;
}
-.btn-google-plus .badge {
+.btn-google .badge {
color: #dd4b39;
background-color: #ffffff;
}
.btn-instagram {
color: #ffffff;
background-color: #3f729b;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-instagram:hover,
.btn-instagram:focus,
-.btn-instagram.focus,
+.btn-instagram.focus {
+ color: #ffffff;
+ background-color: #305777;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-instagram:hover {
+ color: #ffffff;
+ background-color: #305777;
+ border-color: rgba(0, 0, 0, 0.2);
+}
.btn-instagram:active,
.btn-instagram.active,
.open > .dropdown-toggle.btn-instagram {
color: #ffffff;
background-color: #305777;
@@ -3448,13 +3728,21 @@
.btn-linkedin {
color: #ffffff;
background-color: #007bb6;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-linkedin:hover,
.btn-linkedin:focus,
-.btn-linkedin.focus,
+.btn-linkedin.focus {
+ color: #ffffff;
+ background-color: #005983;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-linkedin:hover {
+ color: #ffffff;
+ background-color: #005983;
+ border-color: rgba(0, 0, 0, 0.2);
+}
.btn-linkedin:active,
.btn-linkedin.active,
.open > .dropdown-toggle.btn-linkedin {
color: #ffffff;
background-color: #005983;
@@ -3467,18 +3755,186 @@
}
.btn-linkedin .badge {
color: #007bb6;
background-color: #ffffff;
}
+.btn-microsoft {
+ color: #ffffff;
+ background-color: #2672ec;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-microsoft:focus,
+.btn-microsoft.focus {
+ color: #ffffff;
+ background-color: #125acd;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-microsoft:hover {
+ color: #ffffff;
+ background-color: #125acd;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-microsoft:active,
+.btn-microsoft.active,
+.open > .dropdown-toggle.btn-microsoft {
+ color: #ffffff;
+ background-color: #125acd;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-microsoft:active,
+.btn-microsoft.active,
+.open > .dropdown-toggle.btn-microsoft {
+ background-image: none;
+}
+.btn-microsoft .badge {
+ color: #2672ec;
+ background-color: #ffffff;
+}
+.btn-openid {
+ color: #ffffff;
+ background-color: #f7931e;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-openid:focus,
+.btn-openid.focus {
+ color: #ffffff;
+ background-color: #da7908;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-openid:hover {
+ color: #ffffff;
+ background-color: #da7908;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-openid:active,
+.btn-openid.active,
+.open > .dropdown-toggle.btn-openid {
+ color: #ffffff;
+ background-color: #da7908;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-openid:active,
+.btn-openid.active,
+.open > .dropdown-toggle.btn-openid {
+ background-image: none;
+}
+.btn-openid .badge {
+ color: #f7931e;
+ background-color: #ffffff;
+}
+.btn-pinterest {
+ color: #ffffff;
+ background-color: #cb2027;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-pinterest:focus,
+.btn-pinterest.focus {
+ color: #ffffff;
+ background-color: #9f191f;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-pinterest:hover {
+ color: #ffffff;
+ background-color: #9f191f;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-pinterest:active,
+.btn-pinterest.active,
+.open > .dropdown-toggle.btn-pinterest {
+ color: #ffffff;
+ background-color: #9f191f;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-pinterest:active,
+.btn-pinterest.active,
+.open > .dropdown-toggle.btn-pinterest {
+ background-image: none;
+}
+.btn-pinterest .badge {
+ color: #cb2027;
+ background-color: #ffffff;
+}
+.btn-reddit {
+ color: #000000;
+ background-color: #eff7ff;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-reddit:focus,
+.btn-reddit.focus {
+ color: #000000;
+ background-color: #bcddff;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-reddit:hover {
+ color: #000000;
+ background-color: #bcddff;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-reddit:active,
+.btn-reddit.active,
+.open > .dropdown-toggle.btn-reddit {
+ color: #000000;
+ background-color: #bcddff;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-reddit:active,
+.btn-reddit.active,
+.open > .dropdown-toggle.btn-reddit {
+ background-image: none;
+}
+.btn-reddit .badge {
+ color: #eff7ff;
+ background-color: #000000;
+}
+.btn-soundcloud {
+ color: #ffffff;
+ background-color: #ff5500;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-soundcloud:focus,
+.btn-soundcloud.focus {
+ color: #ffffff;
+ background-color: #cc4400;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-soundcloud:hover {
+ color: #ffffff;
+ background-color: #cc4400;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-soundcloud:active,
+.btn-soundcloud.active,
+.open > .dropdown-toggle.btn-soundcloud {
+ color: #ffffff;
+ background-color: #cc4400;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-soundcloud:active,
+.btn-soundcloud.active,
+.open > .dropdown-toggle.btn-soundcloud {
+ background-image: none;
+}
+.btn-soundcloud .badge {
+ color: #ff5500;
+ background-color: #ffffff;
+}
.btn-tumblr {
color: #ffffff;
background-color: #2c4762;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-tumblr:hover,
.btn-tumblr:focus,
-.btn-tumblr.focus,
+.btn-tumblr.focus {
+ color: #ffffff;
+ background-color: #1c2d3f;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-tumblr:hover {
+ color: #ffffff;
+ background-color: #1c2d3f;
+ border-color: rgba(0, 0, 0, 0.2);
+}
.btn-tumblr:active,
.btn-tumblr.active,
.open > .dropdown-toggle.btn-tumblr {
color: #ffffff;
background-color: #1c2d3f;
@@ -3496,13 +3952,21 @@
.btn-twitter {
color: #ffffff;
background-color: #55acee;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-twitter:hover,
.btn-twitter:focus,
-.btn-twitter.focus,
+.btn-twitter.focus {
+ color: #ffffff;
+ background-color: #2795e9;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-twitter:hover {
+ color: #ffffff;
+ background-color: #2795e9;
+ border-color: rgba(0, 0, 0, 0.2);
+}
.btn-twitter:active,
.btn-twitter.active,
.open > .dropdown-toggle.btn-twitter {
color: #ffffff;
background-color: #2795e9;
@@ -3515,18 +3979,58 @@
}
.btn-twitter .badge {
color: #55acee;
background-color: #ffffff;
}
+.btn-vimeo {
+ color: #ffffff;
+ background-color: #1ab7ea;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vimeo:focus,
+.btn-vimeo.focus {
+ color: #ffffff;
+ background-color: #1295bf;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vimeo:hover {
+ color: #ffffff;
+ background-color: #1295bf;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vimeo:active,
+.btn-vimeo.active,
+.open > .dropdown-toggle.btn-vimeo {
+ color: #ffffff;
+ background-color: #1295bf;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vimeo:active,
+.btn-vimeo.active,
+.open > .dropdown-toggle.btn-vimeo {
+ background-image: none;
+}
+.btn-vimeo .badge {
+ color: #1ab7ea;
+ background-color: #ffffff;
+}
.btn-vk {
color: #ffffff;
background-color: #587ea3;
border-color: rgba(0, 0, 0, 0.2);
}
-.btn-vk:hover,
.btn-vk:focus,
-.btn-vk.focus,
+.btn-vk.focus {
+ color: #ffffff;
+ background-color: #466482;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-vk:hover {
+ color: #ffffff;
+ background-color: #466482;
+ border-color: rgba(0, 0, 0, 0.2);
+}
.btn-vk:active,
.btn-vk.active,
.open > .dropdown-toggle.btn-vk {
color: #ffffff;
background-color: #466482;
@@ -3539,10 +4043,42 @@
}
.btn-vk .badge {
color: #587ea3;
background-color: #ffffff;
}
+.btn-yahoo {
+ color: #ffffff;
+ background-color: #720e9e;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-yahoo:focus,
+.btn-yahoo.focus {
+ color: #ffffff;
+ background-color: #500a6f;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-yahoo:hover {
+ color: #ffffff;
+ background-color: #500a6f;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-yahoo:active,
+.btn-yahoo.active,
+.open > .dropdown-toggle.btn-yahoo {
+ color: #ffffff;
+ background-color: #500a6f;
+ border-color: rgba(0, 0, 0, 0.2);
+}
+.btn-yahoo:active,
+.btn-yahoo.active,
+.open > .dropdown-toggle.btn-yahoo {
+ background-image: none;
+}
+.btn-yahoo .badge {
+ color: #720e9e;
+ background-color: #ffffff;
+}
/*
* Plugin: Full Calendar
* ---------------------
*/
.fc-button {
@@ -3647,20 +4183,20 @@
outline: none;
}
.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
border: 1px solid #d2d6de;
- border-radius: 0px;
+ border-radius: 0;
padding: 6px 12px;
height: 34px;
}
.select2-container--default.select2-container--open {
border-color: #3c8dbc;
}
.select2-dropdown {
border: 1px solid #d2d6de;
- border-radius: 0px;
+ border-radius: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #3c8dbc;
color: white;
}
@@ -3705,12 +4241,11 @@
.select2-container--default .select2-results__option[aria-selected=true]:hover {
color: #444;
}
.select2-container--default .select2-selection--multiple {
border: 1px solid #d2d6de;
- border-radius: 0px;
- height: 34px;
+ border-radius: 0;
}
.select2-container--default .select2-selection--multiple:focus {
border-color: #3c8dbc;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
@@ -3727,10 +4262,13 @@
color: rgba(255, 255, 255, 0.7);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: #fff;
}
+.select2-container .select2-selection--single .select2-selection__rendered {
+ padding-right: 10px;
+}
/*
* General: Miscellaneous
* ----------------------
*/
.pad {
@@ -3740,13 +4278,18 @@
margin: 10px;
}
.margin-bottom {
margin-bottom: 20px;
}
+.margin-bottom-none {
+ margin-bottom: 0;
+}
+.margin-r-5 {
+ margin-right: 5px;
+}
.inline {
display: inline;
- width: auto;
}
.description-block {
display: block;
margin: 10px 0;
text-align: center;
@@ -3826,10 +4369,13 @@
}
.bg-gray {
color: #000;
background-color: #d2d6de !important;
}
+.bg-gray-light {
+ background-color: #f7f7f7;
+}
.bg-black {
background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
@@ -4001,46 +4547,70 @@
color: #605ca8 !important;
}
.text-maroon {
color: #d81b60 !important;
}
+.link-muted {
+ color: #7a869d;
+}
+.link-muted:hover,
+.link-muted:focus {
+ color: #606c84;
+}
+.link-black {
+ color: #666;
+}
+.link-black:hover,
+.link-black:focus {
+ color: #999;
+}
.hide {
display: none !important;
}
.no-border {
- border: 0px !important;
+ border: 0 !important;
}
.no-padding {
- padding: 0px !important;
+ padding: 0 !important;
}
.no-margin {
- margin: 0px !important;
+ margin: 0 !important;
}
.no-shadow {
- box-shadow: none!important;
+ box-shadow: none !important;
}
.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments {
list-style: none;
margin: 0;
padding: 0;
}
+.list-group-unbordered > .list-group-item {
+ border-left: 0;
+ border-right: 0;
+ border-radius: 0;
+ padding-left: 0;
+ padding-right: 0;
+}
.flat {
border-radius: 0 !important;
}
.text-bold,
.text-bold.table td,
.text-bold.table th {
font-weight: 700;
}
+.text-sm {
+ font-size: 12px;
+}
.jqstooltip {
- padding: 5px!important;
- width: auto!important;
- height: auto!important;
+ padding: 5px !important;
+ width: auto !important;
+ height: auto !important;
}
.bg-teal-gradient {
background: #39cccc !important;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
@@ -4128,10 +4698,134 @@
background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
background: -o-linear-gradient(#e73f7c, #d81b60) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
color: #fff;
}
+.description-block .description-icon {
+ font-size: 16px;
+}
+.no-pad-top {
+ padding-top: 0;
+}
+.position-static {
+ position: static !important;
+}
+.list-header {
+ font-size: 15px;
+ padding: 10px 4px;
+ font-weight: bold;
+ color: #666;
+}
+.list-seperator {
+ height: 1px;
+ background: #f4f4f4;
+ margin: 15px 0 9px 0;
+}
+.list-link > a {
+ padding: 4px;
+ color: #777;
+}
+.list-link > a:hover {
+ color: #222;
+}
+.font-light {
+ font-weight: 300;
+}
+.user-block:before,
+.user-block:after {
+ content: " ";
+ display: table;
+}
+.user-block:after {
+ clear: both;
+}
+.user-block img {
+ width: 40px;
+ height: 40px;
+ float: left;
+}
+.user-block .username,
+.user-block .description,
+.user-block .comment {
+ display: block;
+ margin-left: 50px;
+}
+.user-block .username {
+ font-size: 16px;
+ font-weight: 600;
+}
+.user-block .description {
+ color: #999;
+ font-size: 13px;
+}
+.user-block.user-block-sm .username,
+.user-block.user-block-sm .description,
+.user-block.user-block-sm .comment {
+ margin-left: 40px;
+}
+.user-block.user-block-sm .username {
+ font-size: 14px;
+}
+.img-sm,
+.img-md,
+.img-lg,
+.box-comments .box-comment img,
+.user-block.user-block-sm img {
+ float: left;
+}
+.img-sm,
+.box-comments .box-comment img,
+.user-block.user-block-sm img {
+ width: 30px !important;
+ height: 30px !important;
+}
+.img-sm + .img-push {
+ margin-left: 40px;
+}
+.img-md {
+ width: 60px;
+ height: 60px;
+}
+.img-md + .img-push {
+ margin-left: 70px;
+}
+.img-lg {
+ width: 100px;
+ height: 100px;
+}
+.img-lg + .img-push {
+ margin-left: 110px;
+}
+.img-bordered {
+ border: 3px solid #d2d6de;
+ padding: 3px;
+}
+.img-bordered-sm {
+ border: 2px solid #d2d6de;
+ padding: 2px;
+}
+.attachment-block {
+ border: 1px solid #f4f4f4;
+ padding: 5px;
+ margin-bottom: 10px;
+ background: #f7f7f7;
+}
+.attachment-block .attachment-img {
+ max-width: 100px;
+ max-height: 100px;
+ height: auto;
+ float: left;
+}
+.attachment-block .attachment-pushed {
+ margin-left: 110px;
+}
+.attachment-block .attachment-heading {
+ margin: 0;
+}
+.attachment-block .attachment-text {
+ color: #555;
+}
.connectedSortable {
min-height: 100px;
}
.ui-helper-hidden-accessible {
border: 0;
@@ -4161,11 +4855,11 @@
overflow: hidden;
width: 100%;
}
.chart svg,
.chart canvas {
- width: 100%!important;
+ width: 100% !important;
}
/*
* Misc: print
* -----------
*/
@@ -4173,25 +4867,25 @@
.no-print,
.main-sidebar,
.left-side,
.main-header,
.content-header {
- display: none!important;
+ display: none !important;
}
.content-wrapper,
.right-side,
.main-footer {
- margin-left: 0!important;
- min-height: 0!important;
+ margin-left: 0 !important;
+ min-height: 0 !important;
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
-o-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
}
.fixed .content-wrapper,
.fixed .right-side {
- padding-top: 0!important;
+ padding-top: 0 !important;
}
.invoice {
width: 100%;
border: 0;
margin: 0;
@@ -4204,8 +4898,8 @@
.table-responsive {
overflow: auto;
}
.table-responsive > .table tr th,
.table-responsive > .table tr td {
- white-space: normal!important;
+ white-space: normal !important;
}
}