2014-07-04 10:20:39 +00:00
|
|
|
body {
|
2014-07-15 08:21:01 +00:00
|
|
|
font-family: "Fira Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
2014-07-23 22:13:40 +00:00
|
|
|
line-height: 1.45;
|
2014-07-18 16:18:13 +00:00
|
|
|
font-weight: normal;
|
2014-07-12 16:36:23 +00:00
|
|
|
background: #2c2d36;
|
2014-07-04 10:20:39 +00:00
|
|
|
}
|
|
|
|
|
2014-08-25 16:32:39 +00:00
|
|
|
small {
|
|
|
|
color: #c6c6c5;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
2014-08-06 17:36:45 +00:00
|
|
|
.highlight {
|
|
|
|
color: hsl(202,68%,54%);
|
|
|
|
}
|
|
|
|
|
2014-07-04 10:20:39 +00:00
|
|
|
#app > nav {
|
|
|
|
position: relative;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
|
2013-07-30 13:58:33 +00:00
|
|
|
.glyphicon {
|
|
|
|
font-size: 13px;
|
|
|
|
}
|
|
|
|
|
2012-07-15 20:32:28 +00:00
|
|
|
.spinner {
|
|
|
|
float: left;
|
2014-07-07 17:18:51 +00:00
|
|
|
background: url("/assets/images/spinner.gif") no-repeat;
|
2012-07-15 20:32:28 +00:00
|
|
|
background-position: center center;
|
2013-08-19 20:46:19 +00:00
|
|
|
padding: 44px 10px 0 10px;
|
2012-07-15 20:32:28 +00:00
|
|
|
width: 10px;
|
|
|
|
height: 14px;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2012-10-14 23:00:34 +00:00
|
|
|
table {
|
|
|
|
table-layout: fixed;
|
|
|
|
}
|
2014-07-23 19:47:57 +00:00
|
|
|
|
2013-07-30 13:58:33 +00:00
|
|
|
.table {
|
|
|
|
display: table;
|
2014-07-23 21:09:40 +00:00
|
|
|
color: hsl(198,19%,72%);
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
2014-07-23 19:47:57 +00:00
|
|
|
|
2013-07-30 13:58:33 +00:00
|
|
|
.table .table-row {
|
|
|
|
display: table-row;
|
|
|
|
}
|
2014-07-23 19:47:57 +00:00
|
|
|
|
|
|
|
.table th,
|
|
|
|
.table td {
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
|
2014-07-23 20:56:59 +00:00
|
|
|
.table > thead:first-child > tr:first-child > th,
|
2014-07-23 19:47:57 +00:00
|
|
|
.table > thead > tr > th {
|
2014-07-23 20:56:59 +00:00
|
|
|
padding: 12px 9px 10px;
|
2014-07-23 19:47:57 +00:00
|
|
|
border-bottom: none;
|
|
|
|
border-top: 1px solid #ececec;
|
|
|
|
background: #f0f1f2;
|
|
|
|
color: #444a4f;
|
|
|
|
font-weight: normal;
|
|
|
|
font-size: 12px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
2014-07-23 20:56:59 +00:00
|
|
|
|
|
|
|
.table > tbody > tr > td {
|
|
|
|
padding: 10px 9px 9px;
|
|
|
|
border: none;
|
|
|
|
box-shadow: 0 1px rgba(0,0,0,.02) inset;
|
|
|
|
}
|
|
|
|
|
|
|
|
.table > tbody > tr:first-child > td {
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.table-hover > tbody > tr:hover > td,
|
|
|
|
.table-hover > tbody > tr:hover > th {
|
|
|
|
background: rgba(0,8,14,.015);
|
|
|
|
}
|
|
|
|
|
|
|
|
.table > thead:first-child > tr:first-child > th.no-padding,
|
|
|
|
.table > thead > tr > th.no-padding,
|
|
|
|
.table > tbody > tr > td.no-padding {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.table .checkbox-replacement {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
height: 38px;
|
2014-07-23 21:09:40 +00:00
|
|
|
cursor: pointer;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
user-select: none;
|
2014-07-23 20:56:59 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.table .checkbox-replacement input[type=checkbox] {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.table .priority.icon:after {
|
|
|
|
background: #f8f9fa;
|
2014-07-23 19:47:57 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.table .table-cell {
|
2013-07-30 13:58:33 +00:00
|
|
|
vertical-align: top;
|
|
|
|
display: table-cell;
|
|
|
|
border-bottom: 1px solid #eeeeee;
|
|
|
|
}
|
2014-07-23 19:47:57 +00:00
|
|
|
|
2013-08-05 00:03:27 +00:00
|
|
|
.hero-two {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.hero-two .hero-left {
|
|
|
|
width: 50%;
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
.hero-two .hero-right {
|
|
|
|
width: 50%;
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
2013-09-17 08:48:49 +00:00
|
|
|
.content-one {
|
2014-04-07 06:39:45 +00:00
|
|
|
top: 78px;
|
2013-09-17 08:48:49 +00:00
|
|
|
margin-left: 20px;
|
|
|
|
margin-right: 20px;
|
|
|
|
/*
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
position: fixed;
|
|
|
|
*/
|
|
|
|
z-index: -5000;
|
|
|
|
}
|
2014-06-21 21:43:25 +00:00
|
|
|
/*
|
2013-09-17 08:48:49 +00:00
|
|
|
@media (min-width: 1024px) {
|
|
|
|
.content-one {
|
|
|
|
width: 1024px;
|
|
|
|
}
|
|
|
|
}
|
2014-06-21 21:43:25 +00:00
|
|
|
*/
|
2013-09-17 08:48:49 +00:00
|
|
|
|
2014-03-20 08:51:02 +00:00
|
|
|
.content-fix {
|
2014-04-07 06:39:45 +00:00
|
|
|
top: 78px;
|
2014-03-20 08:51:02 +00:00
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
z-index: -5000;
|
|
|
|
}
|
|
|
|
|
|
|
|
.content-fix .sidebar {
|
|
|
|
padding: 8px 10px 42px;
|
|
|
|
width: 260px;
|
|
|
|
height: 100%;
|
|
|
|
float: left;
|
|
|
|
border-right: 1px solid #eeeeee;
|
|
|
|
}
|
|
|
|
.content-fix .sidebar.nav-manage {
|
|
|
|
padding-left: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.content-fix .main {
|
|
|
|
z-index: -5000;
|
|
|
|
width: auto;
|
|
|
|
min-width: 760px;
|
|
|
|
height: 100%;
|
|
|
|
float: left;
|
|
|
|
margin-left: 264px;
|
|
|
|
padding-right: 16px;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
padding-left: 14px;
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
2014-07-07 17:18:51 +00:00
|
|
|
|
2013-07-26 12:41:03 +00:00
|
|
|
|
2013-07-30 13:58:33 +00:00
|
|
|
.content-two .sidebar {
|
2013-09-18 19:03:42 +00:00
|
|
|
padding: 8px 10px 42px;
|
2013-08-04 22:03:13 +00:00
|
|
|
width: 200px;
|
2013-07-30 13:58:33 +00:00
|
|
|
height: 100%;
|
|
|
|
float: left;
|
|
|
|
position: absolute;
|
2013-08-04 22:03:13 +00:00
|
|
|
overflow-y: auto;
|
|
|
|
overflow-x: hidden;
|
2013-09-22 17:40:58 +00:00
|
|
|
border-right: 1px solid #eeeeee;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.content-two .sidebar.nav-manage {
|
|
|
|
padding-left: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.content-two .sidebar .nav > li > a {
|
|
|
|
padding: 8px 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.content-two .sidebar .btn {
|
|
|
|
padding: 5px 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 1.5;
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
.content-two .sidebar input,
|
|
|
|
.content-two .sidebar select {
|
|
|
|
height: 30px;
|
|
|
|
padding: 5px 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.content-two .main {
|
2013-09-22 17:40:58 +00:00
|
|
|
width: auto;
|
|
|
|
min-width: 760px;
|
2013-07-30 13:58:33 +00:00
|
|
|
height: 100%;
|
|
|
|
float: left;
|
2013-08-04 22:03:13 +00:00
|
|
|
margin-left: 204px;
|
2013-09-22 17:53:23 +00:00
|
|
|
padding-right: 16px;
|
2013-07-30 13:58:33 +00:00
|
|
|
padding-bottom: 10px;
|
|
|
|
padding-left: 14px;
|
|
|
|
position: absolute;
|
2013-08-04 22:03:13 +00:00
|
|
|
overflow-y: auto;
|
|
|
|
overflow-x: hidden;
|
2013-09-22 20:55:04 +00:00
|
|
|
right: 0;
|
|
|
|
left: 0;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.content-two .main > .nav {
|
|
|
|
margin-top: 12px;
|
|
|
|
}
|
|
|
|
.content-two .meta {
|
|
|
|
display: none;
|
|
|
|
}
|
2014-03-20 08:51:02 +00:00
|
|
|
|
|
|
|
.panel-title {
|
|
|
|
font-size: 14px;
|
|
|
|
}
|
|
|
|
|
2013-07-30 13:58:33 +00:00
|
|
|
@media (min-width: 800px) {
|
|
|
|
.content-two .sidebar {
|
2013-08-04 22:03:13 +00:00
|
|
|
width: 240px;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.content-two .main {
|
2013-08-04 22:03:13 +00:00
|
|
|
margin-left: 244px;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.content-two .meta {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
.content-two .sidebar {
|
2013-08-04 22:03:13 +00:00
|
|
|
width: 260px;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.content-two .main {
|
2013-08-04 22:03:13 +00:00
|
|
|
margin-left: 264px;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.content-two .meta {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.content-two .sidebar {
|
2013-08-04 22:03:13 +00:00
|
|
|
width: 280px;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.content-two .main {
|
2013-08-04 22:03:13 +00:00
|
|
|
margin-left: 284px;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.content-two .meta {
|
|
|
|
width: 140px;
|
2013-09-22 17:40:58 +00:00
|
|
|
/*
|
2013-07-30 13:58:33 +00:00
|
|
|
display: table-cell;
|
2013-09-19 21:26:57 +00:00
|
|
|
*/
|
|
|
|
display: none;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.content-cols {
|
|
|
|
display: table;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
table-layout: fixed;
|
2013-08-19 20:46:19 +00:00
|
|
|
border-spacing: 0;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.content-cols .row {
|
2013-08-19 20:46:19 +00:00
|
|
|
margin: 0;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.content-cols .row2 > div {
|
|
|
|
display: table-cell;
|
|
|
|
vertical-align: top;
|
2013-08-19 20:46:19 +00:00
|
|
|
padding: 0 12px 0 12px;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.content-cols .row2 .sidebar {
|
|
|
|
border-right: 1px solid #eeeeee;
|
|
|
|
width: 160px;
|
|
|
|
}
|
|
|
|
.content-cols .sidebar input,
|
|
|
|
.content-cols .sidebar select {
|
|
|
|
height: 30px;
|
|
|
|
padding: 5px 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
.content-cols .sidebar .btn {
|
|
|
|
padding: 5px 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 1.5;
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.content-cols .row2 .main {
|
|
|
|
width: 600px;
|
|
|
|
}
|
|
|
|
.content-cols .row2 .meta {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 800px) {
|
|
|
|
.content-cols .row2 .sidebar {
|
|
|
|
width: 200px;
|
|
|
|
}
|
|
|
|
.content-cols .row2 .main {
|
|
|
|
width: 750px;
|
|
|
|
}
|
|
|
|
.content-cols .row2 .meta {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width: 1024px) {
|
|
|
|
.content-cols .row2 .sidebar {
|
|
|
|
width: 220px;
|
|
|
|
}
|
|
|
|
.content-cols .row2 .main {
|
|
|
|
width: 900px;
|
|
|
|
}
|
|
|
|
.content-cols .row2 .meta {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
.content-cols .row2 .sidebar {
|
|
|
|
width: 240px;
|
|
|
|
}
|
|
|
|
.content-cols .row2 .main {
|
|
|
|
width: 900px;
|
|
|
|
}
|
|
|
|
.content-cols .row2 .meta {
|
|
|
|
width: 200px;
|
|
|
|
display: table-cell;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.content-cols .nav-bar-stacked {
|
|
|
|
background-color: #f7f5fa;
|
|
|
|
}
|
|
|
|
.content-cols .nav-bar-stacked .active a {
|
|
|
|
border-right: 1px solid #563d7c;
|
|
|
|
}
|
|
|
|
|
|
|
|
#task {
|
2013-04-18 12:41:58 +00:00
|
|
|
position: fixed;
|
2013-07-26 12:41:03 +00:00
|
|
|
display: table;
|
2013-04-18 12:41:58 +00:00
|
|
|
width: 100%;
|
2013-09-22 17:40:58 +00:00
|
|
|
min-width: 1000px;
|
2013-08-19 20:46:19 +00:00
|
|
|
top: 46px;
|
2014-07-07 17:18:51 +00:00
|
|
|
display: none;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#task > .taskbar {
|
|
|
|
display: table-row;
|
|
|
|
z-index: 1040;
|
2013-04-18 12:41:58 +00:00
|
|
|
}
|
|
|
|
|
2013-07-26 12:41:03 +00:00
|
|
|
#task > .taskbar > div {
|
2013-08-19 20:46:19 +00:00
|
|
|
padding: 0 4px 4px 4px;
|
2013-07-26 12:41:03 +00:00
|
|
|
display: table-cell;
|
|
|
|
}
|
|
|
|
|
|
|
|
#task .task {
|
2013-04-17 23:42:00 +00:00
|
|
|
max-width: 120px;
|
|
|
|
overflow: hidden;
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
white-space: nowrap;
|
2013-08-20 11:28:32 +00:00
|
|
|
display: inline-block;
|
2013-04-17 23:42:00 +00:00
|
|
|
}
|
2013-04-24 08:34:18 +00:00
|
|
|
|
2013-07-26 12:41:03 +00:00
|
|
|
#task .task > a,
|
|
|
|
#task .task > a:hover {
|
2013-04-18 12:41:58 +00:00
|
|
|
color: #ffffff;
|
2013-04-17 23:42:00 +00:00
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2013-07-26 12:41:03 +00:00
|
|
|
#task .btn-default .task > a,
|
|
|
|
#task .btn-default .task > a:hover {
|
2013-04-24 08:34:18 +00:00
|
|
|
color: #333333;
|
|
|
|
}
|
|
|
|
|
2013-07-30 13:58:33 +00:00
|
|
|
#task .taskbar .btn-small {
|
2013-09-17 08:48:49 +00:00
|
|
|
padding: 3px 8px 4px;
|
2013-04-24 08:34:18 +00:00
|
|
|
margin-top: 2px;
|
2013-07-30 13:58:33 +00:00
|
|
|
font-size: 11px;
|
|
|
|
font-weight: 300;
|
|
|
|
}
|
|
|
|
|
|
|
|
#task .taskbar .btn-default {
|
|
|
|
background-color: #c3c3c3;
|
|
|
|
border-color: #c3c3c3;
|
2013-04-24 08:34:18 +00:00
|
|
|
}
|
|
|
|
|
2013-07-26 12:41:03 +00:00
|
|
|
#task [data-type="close"] {
|
2013-04-24 08:34:18 +00:00
|
|
|
margin-left: 5px;
|
2013-08-19 20:46:19 +00:00
|
|
|
font-size: 13px;
|
|
|
|
top: 1px;
|
2013-04-24 08:34:18 +00:00
|
|
|
}
|
|
|
|
|
2013-07-26 12:41:03 +00:00
|
|
|
#task .taskbar-items {
|
2013-04-24 08:34:18 +00:00
|
|
|
}
|
|
|
|
|
2013-07-26 12:41:03 +00:00
|
|
|
#task .taskbar-new {
|
|
|
|
text-align: right;
|
|
|
|
padding-right: 12px;
|
2013-04-24 08:34:18 +00:00
|
|
|
}
|
|
|
|
|
2012-10-22 20:30:31 +00:00
|
|
|
.max-size-scroll {
|
|
|
|
max-height: 240px;
|
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
|
2014-08-25 23:34:22 +00:00
|
|
|
.inactive {
|
|
|
|
color: #ddd !important;
|
|
|
|
}
|
|
|
|
|
2012-04-10 14:06:46 +00:00
|
|
|
/*
|
|
|
|
#content > *:not(.active) {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
*/
|
|
|
|
|
2012-08-24 18:54:57 +00:00
|
|
|
h1, h2, h3, h4, h5, h6 {
|
2014-07-02 15:15:50 +00:00
|
|
|
font-weight: normal;
|
2012-08-24 18:54:57 +00:00
|
|
|
}
|
|
|
|
|
2012-09-20 12:08:02 +00:00
|
|
|
h1 {
|
2014-07-02 15:15:50 +00:00
|
|
|
font-size: 23px;
|
|
|
|
line-height: 29px;
|
|
|
|
color: rgba(0,8,14,.73);
|
2012-09-20 12:08:02 +00:00
|
|
|
}
|
2014-07-15 08:30:50 +00:00
|
|
|
|
|
|
|
h2,
|
|
|
|
h2.popover-title {
|
2014-08-05 13:05:11 +00:00
|
|
|
font-size: 19px;
|
2014-07-04 10:29:52 +00:00
|
|
|
line-height: 25px;
|
2014-07-02 15:15:50 +00:00
|
|
|
color: rgba(0,8,14,.73);
|
2012-09-20 12:08:02 +00:00
|
|
|
}
|
2014-07-15 08:30:50 +00:00
|
|
|
|
2012-09-20 12:08:02 +00:00
|
|
|
h3 {
|
2014-07-15 08:30:50 +00:00
|
|
|
font-size: 13px;
|
|
|
|
margin: 14px 0 6px;
|
|
|
|
color: #a9bcc4;
|
|
|
|
font-weight: 200;
|
|
|
|
text-transform: uppercase;
|
|
|
|
letter-spacing: 0.07em;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
2014-07-15 08:30:50 +00:00
|
|
|
|
2013-07-30 13:58:33 +00:00
|
|
|
h4 {
|
|
|
|
font-size: 20px;
|
2012-09-20 12:08:02 +00:00
|
|
|
}
|
2014-07-15 08:30:50 +00:00
|
|
|
|
2013-08-04 22:03:13 +00:00
|
|
|
h5 {
|
|
|
|
font-size: 16px;
|
2012-11-03 08:52:22 +00:00
|
|
|
}
|
2013-07-30 13:58:33 +00:00
|
|
|
|
2014-07-02 15:15:50 +00:00
|
|
|
label {
|
|
|
|
text-transform: uppercase;
|
|
|
|
color: #999;
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: normal;
|
|
|
|
letter-spacing: 0.1em;
|
2014-07-04 10:20:39 +00:00
|
|
|
padding: 0 2px;
|
2014-07-02 15:15:50 +00:00
|
|
|
}
|
|
|
|
|
2013-08-04 22:03:13 +00:00
|
|
|
.form-group .help-message {
|
|
|
|
float: right;
|
|
|
|
margin-right: -23px;
|
|
|
|
margin-top: -23px;
|
|
|
|
}
|
2014-07-02 15:15:50 +00:00
|
|
|
|
2013-07-30 13:58:33 +00:00
|
|
|
.form-control {
|
2014-07-02 15:15:50 +00:00
|
|
|
height: 41px;
|
|
|
|
font-weight: normal;
|
|
|
|
box-shadow: none;
|
|
|
|
border-radius: 3px;
|
|
|
|
transition: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-control:focus {
|
|
|
|
box-shadow: none;
|
|
|
|
border-color: #419ed7;
|
|
|
|
}
|
|
|
|
|
|
|
|
.has-error .form-control,
|
|
|
|
.has-error .form-control:focus {
|
|
|
|
box-shadow: none;
|
|
|
|
border-color: red;
|
|
|
|
}
|
|
|
|
|
|
|
|
.help-inline {
|
|
|
|
color: red;
|
2014-07-04 10:20:39 +00:00
|
|
|
font-size: 13px;
|
2014-07-02 15:15:50 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.content {
|
|
|
|
overflow: auto;
|
2014-08-07 21:53:46 +00:00
|
|
|
position: relative;
|
2012-08-22 12:17:33 +00:00
|
|
|
}
|
|
|
|
|
2014-07-02 15:15:50 +00:00
|
|
|
.content.fit {
|
2014-07-07 17:18:51 +00:00
|
|
|
padding: 10px;
|
2014-07-02 15:15:50 +00:00
|
|
|
background: #2c2d36;
|
2014-07-04 10:20:39 +00:00
|
|
|
z-index: 1;
|
2014-07-02 15:15:50 +00:00
|
|
|
}
|
|
|
|
|
2013-07-30 13:58:33 +00:00
|
|
|
.form-large {
|
|
|
|
width: 85%;
|
2013-09-22 20:55:04 +00:00
|
|
|
max-width: 700px;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.form-normal {
|
|
|
|
width: 70%;
|
2013-09-22 20:55:04 +00:00
|
|
|
max-width: 400px;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.form-small {
|
|
|
|
width: 50%;
|
2013-09-22 20:55:04 +00:00
|
|
|
max-width: 250px;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
.form-normal fieldset {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
.sidebar fieldset {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-horizontal label {
|
|
|
|
text-align: right;
|
|
|
|
float: left;
|
2013-08-19 20:46:19 +00:00
|
|
|
margin-left: 0;
|
|
|
|
margin-right: 0;
|
2013-07-30 13:58:33 +00:00
|
|
|
width: 130px;
|
|
|
|
margin-top: 7px;
|
2013-04-17 23:42:00 +00:00
|
|
|
}
|
2014-01-21 12:08:44 +00:00
|
|
|
.form-horizontal .form-group .checkbox label {
|
|
|
|
text-align: left;
|
|
|
|
width: 100%;
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 4px;
|
|
|
|
}
|
2013-04-17 23:42:00 +00:00
|
|
|
|
2014-07-04 10:20:39 +00:00
|
|
|
.form-stacked .checkbox label {
|
|
|
|
color: inherit;
|
|
|
|
font-size: 13px;
|
|
|
|
text-transform: inherit;
|
|
|
|
vertical-align: baseline;
|
|
|
|
letter-spacing: inherit;
|
|
|
|
display: block;
|
2014-04-07 06:39:45 +00:00
|
|
|
}
|
2014-07-04 10:20:39 +00:00
|
|
|
|
|
|
|
|
2014-07-23 19:47:57 +00:00
|
|
|
.pagination {
|
|
|
|
margin: 0;
|
2012-04-22 18:32:39 +00:00
|
|
|
}
|
2012-04-23 17:22:34 +00:00
|
|
|
|
2014-07-23 19:47:57 +00:00
|
|
|
.pagination > li > a,
|
|
|
|
.pagination > li > span {
|
|
|
|
padding: 0;
|
|
|
|
width: 31px;
|
|
|
|
height: 28px;
|
|
|
|
border-color: #ececec;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pagination-counter {
|
|
|
|
margin-right: 19px;
|
|
|
|
line-height: 28px;
|
|
|
|
color: #9c9c9b;
|
2012-07-20 11:23:09 +00:00
|
|
|
}
|
|
|
|
|
2014-07-23 19:47:57 +00:00
|
|
|
.pagination-items-range {
|
|
|
|
color: #706f6f;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.page-header-title {
|
2014-07-23 20:56:59 +00:00
|
|
|
margin-bottom: 15px;
|
2013-07-30 13:58:33 +00:00
|
|
|
}
|
2014-07-23 19:47:57 +00:00
|
|
|
|
2014-08-05 13:05:11 +00:00
|
|
|
.page-header-title h1 {
|
|
|
|
margin-top: 13px;
|
2014-07-24 14:41:53 +00:00
|
|
|
}
|
|
|
|
|
2013-07-30 13:58:33 +00:00
|
|
|
.page-header-meta {
|
2014-08-05 13:05:11 +00:00
|
|
|
margin-top: 10px;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.page-header-meta.horizontal .pagination {
|
2014-07-23 19:47:57 +00:00
|
|
|
margin-left: auto;
|
2012-08-22 12:17:33 +00:00
|
|
|
}
|
2012-07-20 11:23:09 +00:00
|
|
|
|
2012-10-17 16:08:03 +00:00
|
|
|
.dropdown-menu .count {
|
2012-10-17 20:58:43 +00:00
|
|
|
padding-top: 1px;
|
2012-10-17 16:08:03 +00:00
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
|
2012-09-20 12:08:02 +00:00
|
|
|
.form-horizontal .help-inline, .form-horizontal .help-block {
|
|
|
|
font-size: 12px;
|
|
|
|
margin-top: 4px;
|
|
|
|
}
|
|
|
|
|
2012-10-17 16:08:03 +00:00
|
|
|
.form-horizontal .control-label {
|
|
|
|
width: 130px;
|
|
|
|
}
|
|
|
|
.form-horizontal .controls {
|
|
|
|
margin-left: 150px;
|
|
|
|
}
|
2012-09-20 12:08:02 +00:00
|
|
|
|
2012-04-22 18:32:39 +00:00
|
|
|
/* replace music icon with attachment */
|
|
|
|
.icon-attachment {
|
|
|
|
background-position: -24px 0;
|
|
|
|
}
|
2013-07-30 13:58:33 +00:00
|
|
|
|
2012-04-20 12:24:37 +00:00
|
|
|
/*
|
2014-07-04 10:20:39 +00:00
|
|
|
* hero-unit (used on getstarted, login, signup)
|
2012-04-20 12:24:37 +00:00
|
|
|
*/
|
2013-07-30 13:58:33 +00:00
|
|
|
|
|
|
|
.hero-unit {
|
2014-07-02 15:15:50 +00:00
|
|
|
width: 500px;
|
2014-07-07 10:31:03 +00:00
|
|
|
margin: 10px 0;
|
2014-07-04 10:20:39 +00:00
|
|
|
padding: 23px 25px;
|
2014-07-02 15:15:50 +00:00
|
|
|
border: 1px solid #e5f0f5;
|
2013-07-30 13:58:33 +00:00
|
|
|
color: inherit;
|
2014-07-02 15:15:50 +00:00
|
|
|
background-color: white;
|
|
|
|
border-radius: 6px;
|
2014-07-04 10:20:39 +00:00
|
|
|
box-shadow:
|
|
|
|
0 8px 17px 0 rgba(0, 0, 0, 0.2),
|
|
|
|
0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
2013-09-18 13:06:57 +00:00
|
|
|
}
|
|
|
|
|
2014-07-04 10:29:52 +00:00
|
|
|
.hero-unit h1,
|
|
|
|
.hero-unit h2 {
|
2014-07-04 10:20:39 +00:00
|
|
|
margin-top: 0;
|
|
|
|
}
|
2012-11-12 14:05:53 +00:00
|
|
|
|
2014-07-12 16:36:23 +00:00
|
|
|
.login, .getstarted, .reset_password, .signup {
|
|
|
|
padding: 10px;
|
2014-07-18 23:06:56 +00:00
|
|
|
height: auto;
|
2014-07-12 16:36:23 +00:00
|
|
|
}
|
|
|
|
|
2014-07-04 10:20:39 +00:00
|
|
|
.login .hero-unit {
|
|
|
|
width: 430px;
|
2012-04-20 12:24:37 +00:00
|
|
|
}
|
|
|
|
|
2014-07-04 10:20:39 +00:00
|
|
|
.login .logo {
|
|
|
|
margin: 30px auto;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login p {
|
2014-07-07 10:31:03 +00:00
|
|
|
margin: 10px 0;
|
2014-07-04 10:20:39 +00:00
|
|
|
max-width: 400px;
|
|
|
|
color: hsl(210,8%,42%);
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login hr {
|
2014-07-07 10:31:03 +00:00
|
|
|
margin: 10px 0;
|
2014-07-04 10:20:39 +00:00
|
|
|
border-top-color: rgba(255,255,255,.15);
|
|
|
|
width: 100%;
|
|
|
|
max-width: 400px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login p a {
|
|
|
|
color: hsl(210,8%,54%);
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.subtle-link {
|
|
|
|
color: rgba(0,0,0,.32);
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
.subtle-link:hover {
|
|
|
|
color: rgba(0,0,0,.5);
|
|
|
|
}
|
|
|
|
|
2014-07-02 15:15:50 +00:00
|
|
|
ol.tabs {
|
|
|
|
padding: 0;
|
|
|
|
list-style: decimal inside;
|
|
|
|
}
|
|
|
|
|
|
|
|
ol.tabs li {
|
|
|
|
display: list-item;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tabs {
|
2014-07-04 10:20:39 +00:00
|
|
|
margin-bottom: 20px;
|
2014-07-02 15:15:50 +00:00
|
|
|
color: #b8b8b8;
|
|
|
|
border: 1px solid rgba(0,8,14,.08);
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tabs-condensed .tab {
|
|
|
|
padding-left: 5px;
|
|
|
|
padding-right: 5px;
|
|
|
|
}
|
|
|
|
|
2014-07-02 15:31:34 +00:00
|
|
|
.progress-tabs .tab {
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
|
2014-07-02 15:15:50 +00:00
|
|
|
.tab {
|
2014-07-18 16:18:13 +00:00
|
|
|
height: 39px;
|
|
|
|
padding: 9px;
|
2014-07-02 15:15:50 +00:00
|
|
|
text-align: center;
|
|
|
|
border-right: 1px solid rgba(0,8,14,.08);
|
|
|
|
cursor: pointer;
|
|
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tab.active {
|
|
|
|
color: white;
|
|
|
|
background: #444a4f;
|
2014-07-04 10:20:39 +00:00
|
|
|
box-shadow: none;
|
2014-07-02 15:15:50 +00:00
|
|
|
}
|
2014-07-02 15:31:34 +00:00
|
|
|
|
2014-07-02 15:15:50 +00:00
|
|
|
.tab:first-child {
|
|
|
|
border-radius: 3px 0 0 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tab:last-child {
|
|
|
|
border-radius: 0 3px 3px 0;
|
|
|
|
border-right: none;
|
|
|
|
}
|
|
|
|
|
2014-07-18 16:18:13 +00:00
|
|
|
.wide-tabs {
|
|
|
|
width: 60%;
|
|
|
|
margin: 25px auto 20px;
|
|
|
|
font-size: 15px;
|
|
|
|
font-weight: 300;
|
|
|
|
background: white;
|
|
|
|
border-radius: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wide-tabs .tab:first-child {
|
|
|
|
border-radius: 8px 0 0 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.wide-tabs .tab:last-child {
|
|
|
|
border-radius: 0 8px 8px 0;
|
|
|
|
}
|
|
|
|
|
2014-07-02 15:15:50 +00:00
|
|
|
.contain-text {
|
|
|
|
white-space: nowrap;
|
|
|
|
overflow: hidden;
|
2014-07-09 14:49:42 +00:00
|
|
|
text-overflow: ellipsis;
|
2014-07-02 15:15:50 +00:00
|
|
|
}
|
|
|
|
|
2014-07-07 10:31:03 +00:00
|
|
|
.separator {
|
|
|
|
margin: 20px 0;
|
|
|
|
position: relative;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.separator:before {
|
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
|
|
|
height: 1px;
|
|
|
|
top: 50%;
|
|
|
|
left: 0;
|
|
|
|
margin-top: -1px;
|
|
|
|
background: #e6e6e6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.separator-text {
|
|
|
|
padding: 0 10px;
|
|
|
|
color: #999;
|
|
|
|
font-size: 12px;
|
|
|
|
letter-spacing: 0.1em;
|
|
|
|
text-transform: uppercase;
|
|
|
|
background: white;
|
|
|
|
display: inline-block;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.auth_provider {
|
|
|
|
padding: 9px 7px 8px;
|
|
|
|
color: white;
|
|
|
|
line-height: 22px;
|
|
|
|
text-align: center;
|
|
|
|
border-radius: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.auth_provider:not(:last-child) {
|
|
|
|
margin-right: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.auth_provider:hover {
|
|
|
|
color: white;
|
|
|
|
cursor: pointer;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.auth_provider.facebook {
|
|
|
|
background-color: #4f699c;
|
|
|
|
}
|
|
|
|
|
|
|
|
.auth_provider.google {
|
|
|
|
background-color: #d8543c;
|
|
|
|
}
|
|
|
|
|
|
|
|
.auth_provider.twitter {
|
|
|
|
background-color: #2eaee1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.provider_icon {
|
|
|
|
width: 29px;
|
|
|
|
height: 22px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facebook .provider_icon {
|
|
|
|
background-image: url(<%= asset_path "facebook.svg" %>);
|
|
|
|
}
|
|
|
|
|
|
|
|
.google .provider_icon {
|
|
|
|
background-image: url(<%= asset_path "google.svg" %>);
|
|
|
|
}
|
|
|
|
|
|
|
|
.twitter .provider_icon {
|
|
|
|
background-image: url(<%= asset_path "twitter.svg" %>);
|
|
|
|
}
|
|
|
|
|
2014-07-09 11:25:35 +00:00
|
|
|
.icon {
|
|
|
|
display: inline-block;
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
background-image: url(<%= asset_path "sprite.svg" %>);
|
2014-07-20 21:26:17 +00:00
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: 20px 20px; /* make icon empty */
|
2014-07-09 11:25:35 +00:00
|
|
|
}
|
|
|
|
|
2014-08-07 21:53:23 +00:00
|
|
|
.dashboard.icon,
|
|
|
|
.overviews.icon,
|
|
|
|
.customers.icon,
|
|
|
|
.group.icon,
|
|
|
|
.message.icon,
|
|
|
|
.tools.icon,
|
|
|
|
.person.icon {
|
|
|
|
width: 24px;
|
|
|
|
height: 25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dashboard.icon {
|
|
|
|
background-position: 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.overviews.icon {
|
|
|
|
background-position: -24px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.group.icon,
|
|
|
|
.customers.icon {
|
|
|
|
background-position: -48px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.message.icon {
|
|
|
|
background-position: -72px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tools.icon {
|
|
|
|
background-position: -96px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.person.icon {
|
|
|
|
background-position: -120px 0;
|
|
|
|
}
|
|
|
|
|
2014-07-09 11:25:35 +00:00
|
|
|
.light.cog.icon {
|
|
|
|
background-position: 0 -56px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dark.cog.icon {
|
|
|
|
background-position: 0 -76px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.green.plus.icon {
|
|
|
|
background-position: -20px -56px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.white.plus.icon {
|
|
|
|
background-position: -20px -76px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.signout.icon {
|
|
|
|
width: 15px;
|
|
|
|
height: 19px;
|
|
|
|
background-position: 0 -96px;
|
|
|
|
}
|
|
|
|
|
2014-07-09 14:49:42 +00:00
|
|
|
.priority.icon {
|
|
|
|
background: none;
|
|
|
|
border-radius: 100%;
|
|
|
|
width: 10px;
|
|
|
|
height: 10px;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modified.priority.icon {
|
|
|
|
width: 12px;
|
|
|
|
height: 12px;
|
|
|
|
background: none !important;
|
|
|
|
border: 1px solid;
|
|
|
|
}
|
|
|
|
|
|
|
|
.priority.icon:after {
|
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
top: 50%;
|
|
|
|
margin: -3px 0 0 -3px;
|
|
|
|
width: 6px;
|
|
|
|
height: 6px;
|
|
|
|
border-radius: 100%;
|
|
|
|
background: #2c2d36;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modified.priority.icon:after {
|
|
|
|
-webkit-animation: fade 1s ease 2s infinite alternate;
|
|
|
|
-moz-animation: fade 1s ease 2s infinite alternate;
|
|
|
|
-ms-animation: fade 1s ease 2s infinite alternate;
|
|
|
|
animation: fade 1s ease 2s infinite alternate;
|
|
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes fade { from { opacity: 0 } to { opacity: 1 } }
|
|
|
|
@-moz-keyframes fade { from { opacity: 0 } to { opacity: 1 } }
|
|
|
|
@-ms-keyframes fade { from { opacity: 0 } to { opacity: 1 } }
|
|
|
|
@keyframes fade { from { opacity: 0 } to { opacity: 1 } }
|
|
|
|
|
2014-07-12 16:36:23 +00:00
|
|
|
.close.icon {
|
|
|
|
position: relative;
|
|
|
|
background: none;
|
|
|
|
opacity: 1 !important;
|
|
|
|
}
|
|
|
|
|
2014-07-09 14:49:42 +00:00
|
|
|
.close-task.icon {
|
|
|
|
background: #2c2d36;
|
|
|
|
border-radius: 100%;
|
|
|
|
}
|
|
|
|
|
2014-07-12 16:36:23 +00:00
|
|
|
.close.icon:before,
|
|
|
|
.close.icon:after {
|
2014-07-09 14:49:42 +00:00
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -1px;
|
2014-07-12 16:36:23 +00:00
|
|
|
top: 10%;
|
|
|
|
height: 80%;
|
2014-07-09 14:49:42 +00:00
|
|
|
width: 2px;
|
2014-07-12 16:36:23 +00:00
|
|
|
background: #85888a;
|
2014-07-09 14:49:42 +00:00
|
|
|
-webkit-transform: rotate(45deg);
|
|
|
|
transform: rotate(45deg);
|
|
|
|
}
|
|
|
|
|
2014-07-12 16:36:23 +00:00
|
|
|
.close.icon:after {
|
2014-07-09 14:49:42 +00:00
|
|
|
-webkit-transform: rotate(-45deg);
|
|
|
|
transform: rotate(-45deg);
|
|
|
|
}
|
|
|
|
|
2014-07-14 07:45:43 +00:00
|
|
|
.close-task.icon:before,
|
|
|
|
.close-task.icon:after {
|
2014-07-12 16:36:23 +00:00
|
|
|
top: 20%;
|
|
|
|
height: 60%;
|
|
|
|
background: #586066;
|
|
|
|
}
|
|
|
|
|
|
|
|
.organisation.icon {
|
|
|
|
height: 13px;
|
|
|
|
width: 14px;
|
|
|
|
background-position: 0 -115px;
|
|
|
|
}
|
|
|
|
|
2014-07-23 18:48:33 +00:00
|
|
|
.icon-switch:hover .organisation.icon,
|
|
|
|
.task.active .organisation.icon {
|
2014-07-12 16:36:23 +00:00
|
|
|
background-position: 0 -128px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user.icon {
|
|
|
|
height: 13px;
|
|
|
|
width: 14px;
|
|
|
|
background-position: -14px -115px;
|
|
|
|
}
|
|
|
|
|
2014-07-23 18:48:33 +00:00
|
|
|
.icon-switch:hover .user.icon,
|
|
|
|
.task.active .user.icon {
|
2014-07-12 16:36:23 +00:00
|
|
|
background-position: -14px -128px;
|
|
|
|
}
|
|
|
|
|
2014-07-25 15:19:48 +00:00
|
|
|
.note.icon {
|
|
|
|
height: 13px;
|
|
|
|
width: 14px;
|
|
|
|
background-position: -28px -115px;
|
|
|
|
}
|
2014-08-07 21:53:23 +00:00
|
|
|
|
2014-07-25 15:19:48 +00:00
|
|
|
.icon-switch:hover .note.icon,
|
|
|
|
.task.active .note.icon {
|
|
|
|
background-position: -28px -128px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pen.icon {
|
|
|
|
height: 13px;
|
|
|
|
width: 14px;
|
|
|
|
background-position: -42px -115px;
|
|
|
|
}
|
2014-08-07 21:53:23 +00:00
|
|
|
|
2014-07-25 15:19:48 +00:00
|
|
|
.icon-switch:hover .pen.icon,
|
|
|
|
.task.active .pen.icon {
|
|
|
|
background-position: -42px -128px;
|
|
|
|
}
|
|
|
|
|
2014-07-26 06:12:59 +00:00
|
|
|
.important.icon {
|
|
|
|
height: 13px;
|
|
|
|
width: 14px;
|
|
|
|
background-position: -56px -115px;
|
|
|
|
}
|
|
|
|
.icon-switch:hover .important.icon,
|
|
|
|
.task.active .important.icon {
|
|
|
|
background-position: -56px -128px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tools.icon {
|
|
|
|
height: 13px;
|
|
|
|
width: 14px;
|
|
|
|
background-position: -70px -115px;
|
|
|
|
}
|
|
|
|
.icon-switch:hover .tools.icon,
|
|
|
|
.task.active .tools.icon {
|
|
|
|
background-position: -70px -128px;
|
|
|
|
}
|
2014-07-25 15:19:48 +00:00
|
|
|
|
2014-07-27 11:54:18 +00:00
|
|
|
.clock.icon {
|
|
|
|
height: 13px;
|
|
|
|
width: 14px;
|
|
|
|
background-position: -84px -115px;
|
|
|
|
}
|
|
|
|
.icon-switch:hover .clock.icon,
|
|
|
|
.task.active .clock.icon {
|
|
|
|
background-position: -84px -128px;
|
|
|
|
}
|
|
|
|
|
2014-07-18 16:18:13 +00:00
|
|
|
.channel.icon {
|
|
|
|
width: 17px;
|
|
|
|
height: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.email.channel.icon {
|
|
|
|
background-position: 0 -141px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.received-calls.channel.icon {
|
|
|
|
background-position: -17px -141px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.outbound-calls.channel.icon {
|
|
|
|
background-position: -34px -141px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.facebook.channel.icon {
|
|
|
|
background-position: -51px -141px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.twitter.channel.icon {
|
2014-08-26 10:27:37 +00:00
|
|
|
background-position: -68px -141px;
|
2014-07-18 16:18:13 +00:00
|
|
|
}
|
|
|
|
|
2014-07-23 21:32:39 +00:00
|
|
|
.gray.email.channel.icon {
|
|
|
|
background-position: -85px -141px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.gray.received-calls.channel.icon {
|
|
|
|
background-position: -102px -141px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.gray.outbound-calls.channel.icon {
|
|
|
|
background-position: -119px -141px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.gray.facebook.channel.icon {
|
|
|
|
background-position: -136px -141px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.gray.twitter.channel.icon {
|
|
|
|
background-position: -153px -141px;
|
|
|
|
}
|
|
|
|
|
2014-08-26 10:27:37 +00:00
|
|
|
.white.email.channel.icon {
|
|
|
|
background-position: -170px -141px;
|
|
|
|
}
|
|
|
|
|
2014-08-26 14:38:26 +00:00
|
|
|
.white.phone.channel.icon,
|
2014-08-26 10:27:37 +00:00
|
|
|
.white.received-calls.channel.icon {
|
|
|
|
background-position: -187px -141px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.white.outbound-calls.channel.icon {
|
|
|
|
background-position: -204px -141px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.white.facebook.channel.icon {
|
|
|
|
background-position: -221px -141px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.white.twitter.channel.icon {
|
|
|
|
background-position: -238px -141px;
|
|
|
|
}
|
|
|
|
|
2014-08-26 14:38:26 +00:00
|
|
|
.white.note.channel.icon {
|
|
|
|
background-position: -255px -141px;
|
|
|
|
}
|
|
|
|
|
2014-07-18 16:18:13 +00:00
|
|
|
.mood.icon {
|
|
|
|
width: 60px;
|
|
|
|
height: 59px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mood.icon.superbad-state {
|
|
|
|
background-position: 0 -157px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mood.icon.bad-state {
|
|
|
|
background-position: -60px -157px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mood.icon.ok-state {
|
|
|
|
background-position: -120px -157px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mood.icon.good-state {
|
|
|
|
background-position: -180px -157px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.mood.icon.supergood-state {
|
|
|
|
background-position: -240px -157px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stopwatch.icon {
|
|
|
|
width: 77px;
|
|
|
|
height: 83px;
|
|
|
|
background-position: 0 -216px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.in-process.icon {
|
|
|
|
width: 64px;
|
|
|
|
height: 64px;
|
|
|
|
background-position: -77px -216px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.in-process.superbad-state,
|
|
|
|
.reopening.superbad-state {
|
|
|
|
background-color: #f35910;
|
|
|
|
}
|
|
|
|
|
|
|
|
.in-process.bad-state,
|
|
|
|
.reopening.bad-state {
|
|
|
|
background-color: #f6820b;
|
|
|
|
}
|
|
|
|
|
|
|
|
.in-process.ok-state,
|
|
|
|
.reopening.ok-state {
|
|
|
|
background-color: #faab00;
|
|
|
|
}
|
|
|
|
|
|
|
|
.in-process.good-state,
|
|
|
|
.reopening.good-state {
|
|
|
|
background-color: #a9ac41;
|
|
|
|
}
|
|
|
|
|
|
|
|
.in-process.supergood-state,
|
|
|
|
.reopening.supergood-state {
|
|
|
|
background-color: #38ae6a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reopening.icon {
|
|
|
|
width: 68px;
|
|
|
|
height: 47px;
|
|
|
|
background-position: -141px -216px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-all-tickets.icon {
|
|
|
|
width: 48px;
|
|
|
|
height: 83px;
|
|
|
|
background-position: -209px -216px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-tickets {
|
|
|
|
height: 83px;
|
|
|
|
margin-right: 4px;
|
|
|
|
margin-bottom: -9px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-ticket.icon {
|
|
|
|
width: 48px;
|
|
|
|
height: 10px;
|
|
|
|
margin-top: -7px;
|
|
|
|
margin-bottom: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-ticket.superbad-state {
|
|
|
|
background-position: -257px -256px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-ticket.bad-state {
|
|
|
|
background-position: -257px -246px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-ticket.ok-state {
|
|
|
|
background-position: -257px -236px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-ticket.good-state {
|
|
|
|
background-position: -257px -226px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-ticket.supergood-state {
|
|
|
|
background-position: -257px -216px;
|
|
|
|
}
|
|
|
|
|
2014-07-23 19:47:57 +00:00
|
|
|
.left.arrow.icon,
|
|
|
|
.right.arrow.icon {
|
|
|
|
width: 8px;
|
|
|
|
height: 12px;
|
|
|
|
opacity: .39;
|
|
|
|
}
|
|
|
|
|
2014-07-23 20:56:59 +00:00
|
|
|
.disabled.left.arrow.icon,
|
|
|
|
.disabled.right.arrow.icon {
|
2014-07-23 19:47:57 +00:00
|
|
|
opacity: .23;
|
|
|
|
}
|
|
|
|
|
|
|
|
.left.arrow.icon {
|
|
|
|
background-position: 0 -299px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.right.arrow.icon {
|
|
|
|
background-position: -8px -299px;
|
|
|
|
}
|
|
|
|
|
2014-07-23 20:56:59 +00:00
|
|
|
.checkbox.icon {
|
|
|
|
min-height: 0; /* overwriting bootstrap */
|
|
|
|
margin: 0; /* overwriting bootstrap */
|
|
|
|
width: 10px;
|
|
|
|
height: 10px;
|
|
|
|
background-position: -16px -299px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.white.checkbox.icon {
|
|
|
|
background-color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
:checked + .checkbox.icon {
|
|
|
|
background-position: -26px -299px;
|
|
|
|
}
|
|
|
|
|
2014-08-07 21:53:46 +00:00
|
|
|
.arrow-right.icon {
|
|
|
|
width: 12px;
|
|
|
|
height: 11px;
|
|
|
|
background-position: -36px -299px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dark.group.icon {
|
|
|
|
width: 23px;
|
|
|
|
height: 24px;
|
|
|
|
background-position: 0 -311px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dark.message.icon {
|
|
|
|
width: 19px;
|
|
|
|
height: 19px;
|
|
|
|
background-position: -23px -311px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dark.person.icon {
|
|
|
|
width: 11px;
|
|
|
|
height: 24px;
|
|
|
|
background-position: -42px -311px;
|
|
|
|
}
|
|
|
|
|
2014-08-26 14:38:26 +00:00
|
|
|
.split.icon {
|
|
|
|
width: 24px;
|
|
|
|
height: 20px;
|
|
|
|
background-position: 0 -336px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.reply.icon {
|
|
|
|
width: 19px;
|
|
|
|
height: 20px;
|
|
|
|
background-position: -24px -336px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.internal.icon {
|
|
|
|
width: 16px;
|
|
|
|
height: 20px;
|
|
|
|
background-position: -44px -336px;
|
|
|
|
}
|
|
|
|
|
2014-07-18 16:18:13 +00:00
|
|
|
|
2012-04-13 14:42:33 +00:00
|
|
|
/*
|
|
|
|
* removed margin of forms to not break the layout with submit buttons within <form></form> area e. g. for modal dialogs
|
|
|
|
*/
|
|
|
|
form {
|
2014-07-09 11:25:35 +00:00
|
|
|
margin: 0;
|
2012-04-13 14:42:33 +00:00
|
|
|
}
|
|
|
|
|
2014-07-04 10:20:39 +00:00
|
|
|
.form-controls {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
form a.standalone {
|
|
|
|
line-height: 40px;
|
|
|
|
margin: 0 5px;
|
|
|
|
}
|
|
|
|
|
2013-07-30 13:58:33 +00:00
|
|
|
form.form-inline select,
|
|
|
|
form.form-inline input[type="text"],
|
|
|
|
form.form-inline input[type="password"] {
|
|
|
|
width: 180px;
|
|
|
|
margin-right: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal-header {
|
|
|
|
padding: 10px 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal .form-group .controls {
|
|
|
|
width: 65%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal .form-group {
|
|
|
|
margin-bottom: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal-footer {
|
|
|
|
margin-top: 0;
|
|
|
|
padding: 14px 20px 20px;
|
|
|
|
}
|
|
|
|
|
2013-09-18 06:12:53 +00:00
|
|
|
.drox {
|
|
|
|
margin-bottom: 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.drox-header {
|
|
|
|
padding: 8px 13px;
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
color: #333333;
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.drox-header .glyphicon {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.drox-header:hover .glyphicon, .drox-header:focus .glyphicon {
|
|
|
|
display: inline-block;
|
|
|
|
color: #005580;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
.drox-header h3 {
|
|
|
|
font-size: 13px;
|
|
|
|
font-weight: 200;
|
|
|
|
margin-top: 2px;
|
|
|
|
margin-bottom: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.drox-body {
|
|
|
|
padding: 8px 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
2012-04-10 14:06:46 +00:00
|
|
|
.delete {
|
|
|
|
background:url("../assets/close.png") no-repeat;
|
|
|
|
text-indent: -9999em;
|
|
|
|
border: 0;
|
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
cursor:pointer;
|
|
|
|
float: right;
|
|
|
|
position: relative;
|
|
|
|
top: -15px;
|
2013-07-30 13:58:33 +00:00
|
|
|
left: 30px;
|
2012-04-10 14:06:46 +00:00
|
|
|
margin: 4px;
|
|
|
|
clear: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
footer {
|
2013-07-30 13:58:33 +00:00
|
|
|
clear: both;
|
2013-06-12 07:27:50 +00:00
|
|
|
padding-top: 10px;
|
2013-07-30 13:58:33 +00:00
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 22px;
|
2012-04-10 14:06:46 +00:00
|
|
|
}
|
|
|
|
|
2012-11-07 09:04:16 +00:00
|
|
|
.can-move {
|
|
|
|
cursor: move;
|
|
|
|
}
|
|
|
|
|
2012-12-07 00:01:43 +00:00
|
|
|
.can-move-placeholder {
|
2012-11-07 09:04:16 +00:00
|
|
|
border: 1px dashed #DDD;
|
|
|
|
background: #EEE;
|
|
|
|
margin-top: 5px;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
|
2014-07-26 06:12:59 +00:00
|
|
|
.clickable {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2013-08-04 22:03:13 +00:00
|
|
|
.customer_info {
|
|
|
|
}
|
|
|
|
|
|
|
|
.customer_info ul.nav > li {
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
.customer_info ul.nav > li > a {
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
overflow: hidden;
|
|
|
|
white-space: nowrap;
|
|
|
|
}
|
|
|
|
.customer_info .thumbnail {
|
|
|
|
position: absolute;
|
2013-09-18 06:12:53 +00:00
|
|
|
right: 20px;
|
2013-08-04 22:03:13 +00:00
|
|
|
}
|
|
|
|
.customer_info textarea {
|
|
|
|
padding-left: 10px;
|
|
|
|
width: 100%;
|
|
|
|
border-color: #eee;
|
|
|
|
}
|
|
|
|
|
2014-08-05 13:05:11 +00:00
|
|
|
.overview {
|
|
|
|
padding: 10px 20px;
|
|
|
|
}
|
|
|
|
|
2013-09-18 21:04:18 +00:00
|
|
|
.bulk-action {
|
2014-08-05 13:05:11 +00:00
|
|
|
background: white;
|
|
|
|
z-index: 1;
|
|
|
|
box-shadow:
|
|
|
|
0 -1px rgba(0,0,0,.05),
|
|
|
|
0 -2px rgba(0,0,0,.03),
|
|
|
|
0 -3px rgba(0,0,0,.01);
|
2013-09-18 21:04:18 +00:00
|
|
|
}
|
|
|
|
|
2012-05-05 14:18:52 +00:00
|
|
|
.show_toogle {
|
|
|
|
font-size: 10px;
|
|
|
|
line-height: 12px;
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
2012-04-22 18:32:39 +00:00
|
|
|
.well-muted {
|
2012-04-23 21:44:47 +00:00
|
|
|
background-color: whiteSmoke;
|
2012-04-22 18:32:39 +00:00
|
|
|
border: 1px solid #eee;
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.05);
|
|
|
|
-webkit-border-radius: 4px;
|
|
|
|
-moz-border-radius: 4px;
|
|
|
|
border-radius: 4px;
|
|
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
2013-07-30 13:58:33 +00:00
|
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
2012-04-10 14:06:46 +00:00
|
|
|
}
|
|
|
|
|
2012-08-24 18:54:57 +00:00
|
|
|
.merged, .merge:hover {
|
|
|
|
text-decoration: line-through;
|
|
|
|
}
|
|
|
|
|
2012-10-14 21:00:33 +00:00
|
|
|
.not-active {
|
|
|
|
text-decoration: line-through;
|
|
|
|
}
|
|
|
|
.not-active a {
|
|
|
|
color: #bbb;
|
|
|
|
}
|
|
|
|
|
2012-04-10 14:06:46 +00:00
|
|
|
.customer-info {
|
2013-08-04 22:03:13 +00:00
|
|
|
width: 100%;
|
|
|
|
padding-top: 7px;
|
2012-04-10 14:06:46 +00:00
|
|
|
}
|
2012-04-23 23:46:15 +00:00
|
|
|
|
2012-10-22 20:30:31 +00:00
|
|
|
.inline-edit {
|
|
|
|
padding: 4px;
|
|
|
|
}
|
|
|
|
.inline-edit:hover {
|
|
|
|
padding: 3px;
|
|
|
|
border: 1px dotted #F92;
|
|
|
|
-webkit-border-radius: 3px;
|
|
|
|
-moz-border-radius: 3px;
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
|
2012-05-13 12:53:35 +00:00
|
|
|
.translation {
|
|
|
|
border: 1px dotted #F92;
|
|
|
|
-webkit-border-radius: 3px;
|
|
|
|
-moz-border-radius: 3px;
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
.translation:hover {
|
|
|
|
}
|
|
|
|
|
|
|
|
.translation .icon-edit {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.translation:hover .icon-edit {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2012-04-23 23:46:15 +00:00
|
|
|
/*
|
|
|
|
* noty changes
|
|
|
|
*/
|
|
|
|
.noty_bar.noty_layout_top {
|
2014-07-04 10:21:59 +00:00
|
|
|
|
2012-04-23 23:46:15 +00:00
|
|
|
}
|
2012-12-02 10:18:55 +00:00
|
|
|
|
2012-12-10 23:16:05 +00:00
|
|
|
.qq-upload-icon {
|
2013-08-19 20:46:19 +00:00
|
|
|
margin: 6px 20px 0 0;
|
2012-12-10 23:16:05 +00:00
|
|
|
height: 18px;
|
|
|
|
}
|
2013-07-30 13:58:33 +00:00
|
|
|
.qq-upload-icon .glyphicon {
|
|
|
|
font-size: 15px;
|
|
|
|
}
|
2012-12-10 23:16:05 +00:00
|
|
|
|
|
|
|
.qq-upload-button {
|
|
|
|
display: block;
|
|
|
|
/*or inline-block*/
|
|
|
|
width: 40px;
|
2013-07-30 13:58:33 +00:00
|
|
|
padding: 8px 0 5px;
|
2012-12-10 23:16:05 +00:00
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2012-12-02 10:18:55 +00:00
|
|
|
.qq-upload-list {
|
2012-12-10 23:16:05 +00:00
|
|
|
text-align: left;
|
2013-08-19 20:46:19 +00:00
|
|
|
margin: 5px 10px 0;
|
2012-12-02 10:18:55 +00:00
|
|
|
padding: 0;
|
|
|
|
list-style: disc;
|
|
|
|
}
|
2012-12-10 23:16:05 +00:00
|
|
|
|
|
|
|
.qq-upload-list li {
|
|
|
|
font-size: 14px;
|
|
|
|
padding: 5px;
|
|
|
|
background-color: transparent;
|
2013-01-31 23:45:30 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.sub_attribute .control-label {
|
|
|
|
width: 60px;
|
|
|
|
}
|
|
|
|
.sub_attribute .controls {
|
|
|
|
margin-left: 80px;
|
2013-06-11 21:24:04 +00:00
|
|
|
}
|
|
|
|
|
2013-07-02 12:37:40 +00:00
|
|
|
.form-changed {
|
|
|
|
border: 1px solid #fbeed5;
|
2013-07-30 13:58:33 +00:00
|
|
|
border-radius: 4px;
|
2013-07-02 12:37:40 +00:00
|
|
|
background-color: #fcf8e3;
|
|
|
|
}
|
|
|
|
|
2013-06-11 21:24:04 +00:00
|
|
|
#splash {
|
|
|
|
background-color: #eee;
|
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
2013-08-19 20:46:19 +00:00
|
|
|
top: 0;
|
2013-06-11 21:24:04 +00:00
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
#splash .logo {
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-top: 200px;
|
|
|
|
width: 100px;
|
|
|
|
}
|
2013-08-19 20:46:19 +00:00
|
|
|
|
2014-07-02 15:15:50 +00:00
|
|
|
.btn {
|
|
|
|
font-size: 14px;
|
2014-07-04 10:20:39 +00:00
|
|
|
padding: 9px 14px;
|
2014-07-02 15:15:50 +00:00
|
|
|
}
|
|
|
|
|
2014-08-05 13:05:11 +00:00
|
|
|
.btn.primary,
|
2014-07-02 15:15:50 +00:00
|
|
|
.btn-primary {
|
2014-08-05 13:05:11 +00:00
|
|
|
color: white;
|
2014-07-02 15:15:50 +00:00
|
|
|
background: #419ed7;
|
|
|
|
border-color: #419ed7;
|
|
|
|
}
|
2014-07-07 17:18:51 +00:00
|
|
|
|
|
|
|
.navigation {
|
|
|
|
width: 260px;
|
|
|
|
background: #26272e;
|
2014-07-12 16:36:23 +00:00
|
|
|
position: relative;
|
2014-07-07 17:18:51 +00:00
|
|
|
}
|
|
|
|
|
2014-07-12 16:36:23 +00:00
|
|
|
.navigation:empty {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2014-07-07 17:18:51 +00:00
|
|
|
.navigation .navbar-nav,
|
|
|
|
.navigation .navbar-nav > li {
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
|
2014-07-07 18:31:45 +00:00
|
|
|
.navigation .nav > li.active > a,
|
|
|
|
.navigation .nav > li > a:hover,
|
|
|
|
.navigation .nav > li > a:focus {
|
2014-07-07 17:18:51 +00:00
|
|
|
background: none;
|
|
|
|
color: #F0FAFF;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-nav > li > a {
|
2014-08-07 21:53:23 +00:00
|
|
|
padding: 0 15px;
|
|
|
|
height: 48px;
|
2014-07-07 17:18:51 +00:00
|
|
|
color: rgba(240, 250, 255, .25);
|
|
|
|
border-bottom: 1px solid rgba(240, 250, 255, .05);
|
|
|
|
}
|
|
|
|
|
2014-07-23 18:48:33 +00:00
|
|
|
.navigation .nav > li.active > a {
|
2014-07-07 17:18:51 +00:00
|
|
|
background: #389ed9;
|
|
|
|
}
|
|
|
|
|
2014-08-07 21:53:23 +00:00
|
|
|
.navigation .nav-item-icon .icon {
|
2014-07-07 17:18:51 +00:00
|
|
|
margin-right: 15px;
|
2014-08-07 21:53:23 +00:00
|
|
|
opacity: 0.25;
|
2014-07-07 17:18:51 +00:00
|
|
|
vertical-align: bottom;
|
|
|
|
}
|
|
|
|
|
2014-08-27 11:34:52 +00:00
|
|
|
.navigation .nav > li.active > a .icon,
|
2014-08-07 21:53:23 +00:00
|
|
|
.navigation .nav > li > a:hover .icon,
|
|
|
|
.navigation .nav > li > a:focus .icon {
|
|
|
|
opacity: 1;
|
2014-07-26 06:12:59 +00:00
|
|
|
}
|
|
|
|
|
2014-07-09 11:25:35 +00:00
|
|
|
.tasks {
|
2014-07-09 14:49:42 +00:00
|
|
|
background: #2c2d36;
|
|
|
|
overflow: auto;
|
2014-07-09 11:25:35 +00:00
|
|
|
}
|
|
|
|
|
2014-07-09 14:49:42 +00:00
|
|
|
.task {
|
|
|
|
height: 38px;
|
2014-07-19 18:55:06 +00:00
|
|
|
padding: 10px 15px 7px 0;
|
2014-07-09 14:49:42 +00:00
|
|
|
border-bottom: 1px solid #33363e;
|
|
|
|
cursor: pointer;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
2014-07-15 08:30:50 +00:00
|
|
|
.task .name {
|
|
|
|
color: #808080;
|
|
|
|
}
|
|
|
|
|
2014-07-14 07:45:43 +00:00
|
|
|
.task:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2014-07-19 18:55:06 +00:00
|
|
|
.task .icon-holder {
|
|
|
|
width: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.task .icon-holder .icon {
|
|
|
|
margin-right: 3px;
|
|
|
|
margin-top: -3px;
|
2014-07-09 14:49:42 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.task .modified.priority.icon {
|
|
|
|
margin-right: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.task:hover {
|
|
|
|
background: #26272e;
|
|
|
|
}
|
|
|
|
|
2014-07-23 18:48:33 +00:00
|
|
|
.task.active {
|
|
|
|
background: #389ed9;
|
|
|
|
}
|
|
|
|
|
2014-07-15 08:30:50 +00:00
|
|
|
.task.active .name {
|
2014-07-09 14:49:42 +00:00
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.task.active .priority.icon,
|
|
|
|
.task.active .modified.priority.icon,
|
|
|
|
.task.active .modified.priority.icon:after {
|
|
|
|
background: white;
|
|
|
|
border-color: white;
|
|
|
|
}
|
|
|
|
|
2014-07-15 08:30:50 +00:00
|
|
|
.level-2 {
|
|
|
|
color: #38ae6a;
|
|
|
|
}
|
|
|
|
|
2014-07-23 23:03:13 +00:00
|
|
|
.level-1.priority.icon,
|
2014-07-09 14:49:42 +00:00
|
|
|
.level-1 .priority.icon,
|
|
|
|
.level-1.active,
|
|
|
|
.level-1.active .priority.icon:after,
|
|
|
|
.level-1 .modified.priority.icon,
|
|
|
|
.level-1 .modified.priority.icon:after {
|
|
|
|
background-color: #38ae6a;
|
|
|
|
border-color: #38ae6a;
|
2014-07-15 08:30:50 +00:00
|
|
|
color: #38ae6a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.level-2 {
|
|
|
|
color: #f35910;
|
2014-07-09 14:49:42 +00:00
|
|
|
}
|
|
|
|
|
2014-07-23 23:03:13 +00:00
|
|
|
.level-2.priority.icon,
|
2014-07-09 14:49:42 +00:00
|
|
|
.level-2 .priority.icon,
|
|
|
|
.level-2.active,
|
|
|
|
.level-2.active .priority.icon:after,
|
|
|
|
.level-2 .modified.priority.icon,
|
|
|
|
.level-2 .modified.priority.icon:after {
|
|
|
|
background-color: #f35910;
|
|
|
|
border-color: #f35910;
|
2014-07-15 08:30:50 +00:00
|
|
|
color: #f35910;
|
|
|
|
}
|
|
|
|
|
|
|
|
.level-3 {
|
|
|
|
color: #faab00;
|
2014-07-09 14:49:42 +00:00
|
|
|
}
|
|
|
|
|
2014-07-23 23:03:13 +00:00
|
|
|
.level-3.priority.icon,
|
2014-07-09 14:49:42 +00:00
|
|
|
.level-3 .priority.icon,
|
|
|
|
.level-3.active,
|
|
|
|
.level-3.active .priority.icon:after,
|
|
|
|
.level-3 .modified.priority.icon,
|
|
|
|
.level-3 .modified.priority.icon:after {
|
|
|
|
background-color: #faab00;
|
|
|
|
border-color: #faab00;
|
|
|
|
}
|
|
|
|
|
|
|
|
.task .close-task.button {
|
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
|
|
|
top: 0;
|
|
|
|
width: 40px;
|
|
|
|
padding-left: 12px;
|
|
|
|
height: 100%;
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.task:hover .close-task.button {
|
|
|
|
visibility: visible;
|
|
|
|
}
|
|
|
|
|
|
|
|
.close-task.button:hover .icon {
|
|
|
|
background: #972e29;
|
|
|
|
}
|
|
|
|
|
|
|
|
.close-task.button:hover .icon:after,
|
|
|
|
.close-task.button:hover .icon:before {
|
|
|
|
background: white;
|
|
|
|
}
|
|
|
|
|
2014-07-07 17:18:51 +00:00
|
|
|
.search {
|
2014-07-08 14:36:40 +00:00
|
|
|
padding: 10px 15px 10px 10px;
|
2014-07-07 17:18:51 +00:00
|
|
|
border-bottom: 1px solid rgba(240, 250, 255, .05);
|
|
|
|
}
|
2014-07-12 16:36:23 +00:00
|
|
|
|
|
|
|
.search-holder {
|
|
|
|
margin-right: 15px;
|
|
|
|
position: relative;
|
|
|
|
transition: 240ms;
|
|
|
|
}
|
|
|
|
|
|
|
|
.empty-search {
|
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
|
|
|
top: 0;
|
|
|
|
height: 30px;
|
|
|
|
width: 40px;
|
|
|
|
z-index: 1;
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.filled.search .empty-search {
|
|
|
|
visibility: visible;
|
|
|
|
}
|
2014-07-07 17:18:51 +00:00
|
|
|
|
2014-07-09 11:25:35 +00:00
|
|
|
.search input {
|
2014-07-12 16:36:23 +00:00
|
|
|
width: 100%;
|
2014-07-09 11:25:35 +00:00
|
|
|
padding: 5px 10px 5px 33px;
|
|
|
|
height: 30px;
|
|
|
|
color: #ECECEC;
|
|
|
|
line-height: 20px;
|
|
|
|
background: #31373b url(<%= asset_path "sprite.svg" %>) no-repeat 10px -26px;
|
|
|
|
outline: none;
|
|
|
|
border: none;
|
|
|
|
border-radius: 15px;
|
|
|
|
position: relative;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
2014-07-07 17:18:51 +00:00
|
|
|
|
2014-07-12 16:36:23 +00:00
|
|
|
.search.focused .search-holder {
|
2014-07-09 11:25:35 +00:00
|
|
|
margin-right: -46px;
|
|
|
|
}
|
2014-07-08 14:36:40 +00:00
|
|
|
|
2014-07-12 16:36:23 +00:00
|
|
|
.search.focused .logo {
|
2014-07-09 11:25:35 +00:00
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search .logo {
|
|
|
|
width: 41px;
|
|
|
|
height: 36px;
|
|
|
|
background: url(<%= asset_path "logo.svg" %>);
|
|
|
|
transition: 240ms;
|
|
|
|
cursor: pointer;
|
2014-08-05 13:26:57 +00:00
|
|
|
position: relative;
|
2014-07-09 11:25:35 +00:00
|
|
|
}
|
|
|
|
|
2014-08-05 13:26:57 +00:00
|
|
|
.logo .activity-counter {
|
|
|
|
height: 19px;
|
|
|
|
min-width: 19px;
|
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
padding: 0 3px;
|
|
|
|
font-size: 11px;
|
|
|
|
line-height: 17px;
|
|
|
|
text-align: center;
|
|
|
|
color: white;
|
|
|
|
text-shadow: 0 1px 1px rgba(0,0,0,.21);
|
|
|
|
background: hsl(360,71%,60%);
|
|
|
|
border-radius: 10px;
|
|
|
|
border: 2px solid hsl(232,10%,16%);
|
|
|
|
}
|
|
|
|
|
2014-07-12 16:36:23 +00:00
|
|
|
.search .custom-dropdown-menu {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
list-style: none;
|
|
|
|
background: #26272e;
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
top: 56px;
|
|
|
|
z-index: 1002;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search.open .custom-dropdown-menu {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search .custom-dropdown-menu .divider {
|
|
|
|
height: 1px;
|
|
|
|
background: #2f3238;
|
|
|
|
margin: 14px 0 17px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search .custom-dropdown-menu > li > a {
|
|
|
|
height: 30px;
|
|
|
|
padding: 0 15px 0 10px;
|
|
|
|
color: #808080;
|
|
|
|
border: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.search .custom-dropdown-menu > li > a .icon {
|
|
|
|
margin-right: 13px;
|
|
|
|
}
|
|
|
|
|
2014-07-15 08:30:50 +00:00
|
|
|
.search .custom-dropdown-menu > li:hover > a,
|
|
|
|
.search .custom-dropdown-menu > li.active > a {
|
2014-07-12 16:36:23 +00:00
|
|
|
background: #3fa9f5;
|
|
|
|
color: white;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2014-07-15 08:30:50 +00:00
|
|
|
.search .custom-dropdown-menu > li:hover > a .priority.icon,
|
|
|
|
.search .custom-dropdown-menu > li.active > a .priority.icon {
|
2014-07-12 16:36:23 +00:00
|
|
|
background: white;
|
|
|
|
}
|
|
|
|
|
2014-07-15 08:30:50 +00:00
|
|
|
.search .custom-dropdown-menu > li:hover > a .priority.icon:after,
|
|
|
|
.search .custom-dropdown-menu > li.active > a .priority.icon:after {
|
2014-07-12 16:36:23 +00:00
|
|
|
background: #3fa9f5;
|
|
|
|
}
|
|
|
|
|
2014-07-09 11:25:35 +00:00
|
|
|
.user-menu {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
list-style: none;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu > li {
|
|
|
|
background: #26272e;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu .list-button {
|
|
|
|
height: 60px;
|
|
|
|
position: relative;
|
|
|
|
cursor: pointer;
|
|
|
|
z-index: 1001;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu .list-button *:not(.dropdown-nose) {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu > li:hover .list-button:before {
|
|
|
|
content: '';
|
|
|
|
position: absolute;
|
|
|
|
top: 4px;
|
|
|
|
right: 4px;
|
|
|
|
bottom: 4px;
|
|
|
|
left: 4px;
|
|
|
|
background: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu li.add:hover .list-button:before {
|
|
|
|
background: #38ae6a;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu .dark.cog,
|
|
|
|
.user-menu > li:hover .light.cog,
|
|
|
|
.user-menu > li.active .light.cog,
|
|
|
|
.user-menu .white.plus,
|
|
|
|
.user-menu > li:hover .green.plus,
|
|
|
|
.user-menu > li.active .green.plus {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu > li.settings:hover .dark.cog,
|
|
|
|
.user-menu > li.settings.active .dark.cog,
|
|
|
|
.user-menu > li.add:hover .white.plus,
|
|
|
|
.user-menu > li.add.active .white.plus {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu > li:not(:last-child) {
|
|
|
|
border-right: 1px solid #2c2d36;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-nose {
|
|
|
|
position: absolute;
|
|
|
|
border: 7px solid transparent;
|
|
|
|
border-bottom: none;
|
|
|
|
border-top: 7px solid white;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -7px;
|
|
|
|
top: -6px;
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
li.add .dropdown-nose {
|
|
|
|
border-top-color: #38af6e;
|
|
|
|
}
|
|
|
|
|
|
|
|
.open.dropdown .dropdown-nose,
|
|
|
|
.open.dropup .dropdown-nose {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu .dropdown-menu {
|
|
|
|
padding: 0;
|
|
|
|
border-radius: 0;
|
|
|
|
margin-bottom: 5px;
|
2014-07-09 13:28:57 +00:00
|
|
|
min-width: 0;
|
|
|
|
left: 10px;
|
|
|
|
right: 15px;
|
2014-07-09 11:25:35 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu li.add .dropdown-menu {
|
|
|
|
background-color: #38af6e;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu li.add .dropdown-menu > li > a {
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu li.add .dropdown-menu .divider {
|
|
|
|
background: #4cb77c;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu .dropdown-menu .divider {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu .dropdown-menu > li > a {
|
|
|
|
height: 40px;
|
|
|
|
padding: 10px 15px;
|
|
|
|
color: #2594d4;
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-menu .dropdown-menu > li > a:hover {
|
|
|
|
background: rgba(0,0,0,.05);
|
|
|
|
}
|
|
|
|
|
|
|
|
.avatar {
|
|
|
|
width: 40px;
|
|
|
|
height: 40px;
|
|
|
|
background-size: cover;
|
|
|
|
background-position: center;
|
|
|
|
border-radius: 100%;
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: bottom;
|
2014-07-08 14:36:40 +00:00
|
|
|
}
|
|
|
|
|
2014-08-05 15:31:26 +00:00
|
|
|
.big.avatar {
|
|
|
|
width: 50px;
|
|
|
|
height: 50px;
|
|
|
|
}
|
|
|
|
|
2014-07-07 17:18:51 +00:00
|
|
|
.sidebar {
|
2014-07-24 14:59:43 +00:00
|
|
|
width: 32%;
|
|
|
|
max-width: 353px;
|
|
|
|
padding: 20px;
|
2014-07-07 17:18:51 +00:00
|
|
|
background: white;
|
|
|
|
border-right: 1px solid #e6e6e6;
|
2014-07-07 18:31:45 +00:00
|
|
|
overflow: auto;
|
2014-07-07 17:18:51 +00:00
|
|
|
}
|
|
|
|
|
2014-08-05 15:31:26 +00:00
|
|
|
.main + .sidebar {
|
|
|
|
border-right: none;
|
|
|
|
border-left: 1px solid #e6e6e6;
|
|
|
|
}
|
|
|
|
|
2014-07-24 14:59:43 +00:00
|
|
|
.NavBarAdmin.sidebar {
|
|
|
|
padding-top: 1px;
|
|
|
|
width: 270px;
|
|
|
|
}
|
|
|
|
|
2014-07-07 18:31:45 +00:00
|
|
|
.nav-stacked > li + li {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
2014-07-08 14:36:40 +00:00
|
|
|
.nav-stacked > li:last-child a {
|
|
|
|
border-bottom: 1px solid #f2f2f3;
|
2014-07-07 18:31:45 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.nav-pills > li > a {
|
|
|
|
color: #0f94d6;
|
|
|
|
border-radius: 0;
|
2014-07-08 14:36:40 +00:00
|
|
|
padding: 8px 0;
|
|
|
|
border-top: 1px solid #f2f2f3;
|
2014-07-07 18:31:45 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.nav-pills > li:hover > a {
|
|
|
|
background: #f2f2f3;
|
|
|
|
}
|
|
|
|
|
2014-07-08 14:36:40 +00:00
|
|
|
.nav-pills > li:hover > a,
|
|
|
|
.nav-pills > li:hover + li > a {
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
|
2014-07-07 18:31:45 +00:00
|
|
|
.nav-pills > li.active > a,
|
|
|
|
.nav-pills > li.active > a:hover,
|
|
|
|
.nav-pills > li.active > a:focus {
|
|
|
|
color: white;
|
|
|
|
background: #2c2d36;
|
|
|
|
}
|
|
|
|
|
2014-07-08 14:36:40 +00:00
|
|
|
.nav-pills > li:hover > a,
|
|
|
|
.nav-pills > li.active > a,
|
|
|
|
.nav-pills > li.active > a:hover,
|
|
|
|
.nav-pills > li.active > a:focus {
|
|
|
|
padding-left: 10px;
|
|
|
|
padding-right: 10px;
|
|
|
|
margin-left: -10px;
|
|
|
|
margin-right: -10px;
|
|
|
|
}
|
|
|
|
|
2014-07-24 14:59:43 +00:00
|
|
|
.sidebar:not(.NavBarAdmin) .nav-pills > li:first-child > a {
|
|
|
|
border-top: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.badge {
|
|
|
|
padding: 0;
|
|
|
|
font-size: inherit;
|
|
|
|
font-weight: normal;
|
|
|
|
color: #d0d2d3;
|
|
|
|
background: none;
|
|
|
|
border-radius: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-pills > li > a > .badge {
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.list-group-item.active > .badge,
|
|
|
|
.nav-pills > .active > a > .badge {
|
|
|
|
color: #96969b;
|
|
|
|
background: none;
|
|
|
|
}
|
|
|
|
|
2014-07-07 17:18:51 +00:00
|
|
|
.main {
|
|
|
|
padding: 10px 20px;
|
|
|
|
background: #f8f9fa;
|
2014-07-07 18:31:45 +00:00
|
|
|
overflow: auto;
|
2014-08-05 13:05:11 +00:00
|
|
|
position: relative;
|
2014-07-15 08:30:50 +00:00
|
|
|
}
|
|
|
|
|
2014-08-06 17:36:45 +00:00
|
|
|
.main.no-padding {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
2014-07-15 08:30:50 +00:00
|
|
|
.popover {
|
|
|
|
width: 372px;
|
|
|
|
max-width: 9999px;
|
|
|
|
border-radius: 0;
|
|
|
|
border: none;
|
|
|
|
z-index: 1110;
|
|
|
|
box-shadow: 0 1px 14px rgba(0,8,14,.25);
|
|
|
|
}
|
|
|
|
|
|
|
|
.popover-title {
|
|
|
|
border: none;
|
|
|
|
background: none;
|
|
|
|
padding: 20px 17px 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popover-content {
|
|
|
|
padding: 0 17px 10px;
|
2014-08-27 13:25:47 +00:00
|
|
|
max-height: 600px;
|
|
|
|
overflow-y: scroll;
|
2014-07-15 08:30:50 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.popover.right { margin-left: 4px; }
|
|
|
|
.popover.right > .arrow {
|
|
|
|
border-right: none;
|
|
|
|
left: -9px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popover.top { margin-bottom: 9px; }
|
|
|
|
.popover.top > .arrow {
|
|
|
|
border-top: none;
|
|
|
|
bottom: -9px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popover.left { margin-right: 9px; }
|
|
|
|
.popover.left > .arrow {
|
|
|
|
border-left: none;
|
|
|
|
right: -9px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popover.bottom { margin-top: 9px; }
|
|
|
|
.popover.bottom > .arrow {
|
|
|
|
border-bottom: none;
|
|
|
|
top: -9px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popover > .arrow:after {
|
|
|
|
border-width: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popover .priority.icon:after {
|
|
|
|
background: white;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popover .person .company {
|
|
|
|
color: #a1a4a7;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popover hr {
|
|
|
|
margin: 8px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popover .person .company:before { content: '('; }
|
|
|
|
.popover .person .company:after { content: ')'; }
|
|
|
|
|
|
|
|
.popover .column h3 {
|
|
|
|
margin: 8px 0 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.popover .column {
|
|
|
|
margin-bottom: 8px;
|
2014-07-18 16:18:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.stat-widgets {
|
2014-07-24 14:41:53 +00:00
|
|
|
margin: 0 -7px 20px;
|
2014-07-18 16:18:13 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.stat-widget {
|
|
|
|
height: 200px;
|
|
|
|
margin: 7px;
|
|
|
|
padding: 13px;
|
|
|
|
text-align: center;
|
|
|
|
line-height: 20px;
|
|
|
|
background: white;
|
|
|
|
border: 1px solid #e5f0f5;
|
|
|
|
border-radius: 1px;
|
|
|
|
box-shadow: 0 1px rgba(0,8,14,.02);
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-widget h3 {
|
|
|
|
margin: 2px 0 8px;
|
|
|
|
color: #444a4f;
|
|
|
|
letter-spacing: 0;
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-widget .stat-label {
|
|
|
|
color: #444a4f;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stat-widget .stat-detail {
|
|
|
|
color: #b4b7b9;
|
|
|
|
}
|
|
|
|
|
|
|
|
.channel-distribution.stat-widget {
|
|
|
|
color: #a1a4a7;
|
|
|
|
}
|
|
|
|
|
2014-07-19 16:20:34 +00:00
|
|
|
.time.stat-widget .stat-graphic .icon {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.time.stat-widget .stat-amount {
|
|
|
|
margin-top: 16px;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 30px;
|
|
|
|
color: white;
|
|
|
|
text-shadow: 0 2px rgba(0,8,14,.2);
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.time.stat-widget .stat-dial {
|
|
|
|
position: absolute;
|
|
|
|
top: 21px;
|
|
|
|
left: 14px;
|
|
|
|
}
|
|
|
|
|
2014-07-18 16:18:13 +00:00
|
|
|
.stats-channel {
|
|
|
|
padding: 8px 0 7px;
|
|
|
|
margin-bottom: -7px;
|
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.stats-channel:hover {
|
|
|
|
background: rgba(0,8,14,.03);
|
|
|
|
}
|
|
|
|
|
|
|
|
.stats-channel .channel-bars {
|
|
|
|
height: 73px;
|
|
|
|
margin: 16px 0 15px;
|
|
|
|
padding: 2px 12px;
|
|
|
|
width: 100%;
|
|
|
|
background: linear-gradient(to top, #f2f2f3, #f2f2f3 1px, transparent 1px);
|
|
|
|
background-position: center bottom;
|
|
|
|
background-size: 100% 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.channel-bars .channel-bar {
|
|
|
|
border-radius: 5px;
|
|
|
|
width: 10px;
|
|
|
|
background: #a9bcc4;
|
|
|
|
}
|
|
|
|
|
|
|
|
.channel-bars .channel-bar.secondary {
|
|
|
|
opacity: .38;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity.sidebar {
|
2014-07-23 22:13:40 +00:00
|
|
|
width: 370px;
|
2014-08-05 09:03:38 +00:00
|
|
|
padding: 0;
|
2014-07-18 16:18:13 +00:00
|
|
|
border-left: 1px solid #e8e8e8;
|
|
|
|
}
|
|
|
|
|
2014-07-23 22:13:40 +00:00
|
|
|
.activity h2 {
|
2014-08-05 09:03:38 +00:00
|
|
|
margin-left: 19px;
|
2014-07-23 22:13:40 +00:00
|
|
|
margin-bottom: 15px;
|
2014-08-05 09:03:38 +00:00
|
|
|
margin-right: 26px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-entry.state--read {
|
|
|
|
opacity: 0.5;
|
2014-07-23 22:13:40 +00:00
|
|
|
}
|
|
|
|
|
2014-08-05 09:03:38 +00:00
|
|
|
.activity-avatar {
|
2014-07-23 22:13:40 +00:00
|
|
|
padding-top: 16px;
|
2014-08-05 09:03:38 +00:00
|
|
|
padding-left: 14px;
|
|
|
|
padding-right: 2px;
|
|
|
|
margin-right: 10px;
|
2014-07-23 22:13:40 +00:00
|
|
|
}
|
|
|
|
|
2014-08-05 09:03:38 +00:00
|
|
|
.activity-avatar:hover .avatar {
|
|
|
|
}
|
|
|
|
|
2014-07-23 22:13:40 +00:00
|
|
|
.activity-body {
|
2014-08-05 09:03:38 +00:00
|
|
|
color: #444a4f;
|
|
|
|
padding: 16px 26px 16px 2px;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-body:after {
|
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
bottom: 0;
|
|
|
|
right: 30px;
|
|
|
|
left: 8px;
|
|
|
|
border-bottom: 1px solid #f2f2f3;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-body:hover {
|
|
|
|
color: #444a4f;
|
|
|
|
text-decoration: none;
|
2014-07-23 22:13:40 +00:00
|
|
|
}
|
|
|
|
|
2014-08-05 09:03:38 +00:00
|
|
|
.activity-body:hover .activity-text {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
2014-07-23 22:13:40 +00:00
|
|
|
.activity-message {
|
|
|
|
padding-right: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.activity-time {
|
|
|
|
margin-top: 2px;
|
|
|
|
color: #a1a4a7;
|
2014-08-05 09:03:38 +00:00
|
|
|
display: block;
|
2014-07-23 22:13:40 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.activity .priority.icon:after {
|
|
|
|
background: white;
|
|
|
|
}
|
|
|
|
|
2014-08-05 13:05:11 +00:00
|
|
|
.form-inline .input-group-addon,
|
|
|
|
.form-inline .form-control {
|
|
|
|
background: white;
|
|
|
|
border: none;
|
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-inline .form-group {
|
|
|
|
padding: 10px;
|
|
|
|
overflow: hidden;
|
2014-08-06 17:36:45 +00:00
|
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-inline .form-group .btn {
|
|
|
|
width: 100%;
|
2014-08-05 13:05:11 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.form-inline .form-group:not(:last-child) {
|
|
|
|
border-right: 1px solid #f0f0f0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-inline .input-group-addon {
|
|
|
|
padding: 0 10px 2px;
|
|
|
|
font-size: 13px;
|
|
|
|
text-align: left;
|
|
|
|
letter-spacing: 0.05em;
|
|
|
|
color: #ccc;
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-inline .form-control {
|
|
|
|
margin: 0 10px;
|
|
|
|
padding: 0 0 2px;
|
|
|
|
height: auto;
|
2014-08-06 23:17:26 +00:00
|
|
|
float: none;
|
|
|
|
display: block;
|
2014-08-05 13:05:11 +00:00
|
|
|
border-radius: 0;
|
|
|
|
-webkit-appearance: none;
|
|
|
|
-moz-appearance: none;
|
|
|
|
-ms-appearance: none;
|
|
|
|
appearance: none;
|
|
|
|
}
|
|
|
|
|
2014-08-05 15:31:26 +00:00
|
|
|
.ticket-zoom {
|
2014-08-07 21:53:46 +00:00
|
|
|
overflow: hidden;
|
|
|
|
background: #f8f9fa;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ticket-zoom .main {
|
2014-08-26 10:27:37 +00:00
|
|
|
right: 0;
|
2014-08-07 21:53:46 +00:00
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
2014-08-26 10:27:37 +00:00
|
|
|
margin-right: 280px;
|
2014-08-07 21:53:46 +00:00
|
|
|
position: absolute;
|
|
|
|
transition: 500ms;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ticket-zoom.state--sidebar-hidden .main {
|
2014-08-26 10:27:37 +00:00
|
|
|
margin-right: 0;
|
2014-08-07 21:53:46 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ticket-zoom .page-header {
|
2014-08-06 17:36:45 +00:00
|
|
|
margin-top: 62px;
|
2014-08-05 15:31:26 +00:00
|
|
|
margin-bottom: 46px;
|
|
|
|
border-bottom: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ticket-title {
|
2014-08-19 07:23:26 +00:00
|
|
|
max-width: 90%;
|
2014-08-05 15:31:26 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.ticket-title h1 {
|
|
|
|
margin-top: 15px;
|
|
|
|
margin-bottom: 8px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2014-08-25 16:32:39 +00:00
|
|
|
.task-subline {
|
2014-08-19 07:23:26 +00:00
|
|
|
text-align: center;
|
2014-08-25 16:32:39 +00:00
|
|
|
display: block;
|
2014-08-05 15:31:26 +00:00
|
|
|
}
|
|
|
|
|
2014-08-06 17:36:45 +00:00
|
|
|
.bubble-grid {
|
2014-08-05 15:31:26 +00:00
|
|
|
max-width: 800px;
|
2014-08-06 17:36:45 +00:00
|
|
|
margin: 0 auto;
|
2014-08-06 23:17:26 +00:00
|
|
|
padding: 0 21px;
|
2014-08-27 10:45:21 +00:00
|
|
|
overflow: hidden;
|
2014-08-05 15:31:26 +00:00
|
|
|
}
|
|
|
|
|
2014-08-06 17:36:45 +00:00
|
|
|
.bubble-grid .avatar {
|
2014-08-06 23:17:26 +00:00
|
|
|
margin-right: 15px;
|
2014-08-27 10:45:21 +00:00
|
|
|
background: rgba(0,0,0,.05);
|
2014-08-06 23:17:26 +00:00
|
|
|
}
|
|
|
|
|
2014-08-27 10:45:21 +00:00
|
|
|
.ticket-article-item {
|
|
|
|
padding-bottom: 33px;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
2014-08-06 23:17:26 +00:00
|
|
|
.customer.ticket-article-item .avatar {
|
|
|
|
margin-right: 0;
|
|
|
|
margin-left: 15px;
|
2014-08-05 15:31:26 +00:00
|
|
|
}
|
|
|
|
|
2014-08-27 10:45:21 +00:00
|
|
|
/*
|
|
|
|
clip the article-meta to not stand out on the other side
|
|
|
|
of the text-bubble if the text bubble is small
|
|
|
|
*/
|
2014-08-06 17:36:45 +00:00
|
|
|
|
2014-08-27 10:45:21 +00:00
|
|
|
.article-meta-clip {
|
|
|
|
overflow: hidden;
|
2014-08-26 14:38:26 +00:00
|
|
|
position: relative;
|
2014-08-27 10:45:21 +00:00
|
|
|
height: 100%;
|
2014-08-25 23:34:22 +00:00
|
|
|
}
|
2014-08-27 10:45:21 +00:00
|
|
|
|
2014-08-25 16:32:39 +00:00
|
|
|
.article-content {
|
|
|
|
margin-right: 55px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.customer.ticket-article-item .article-content {
|
|
|
|
margin-right: 0;
|
|
|
|
margin-left: 55px;
|
|
|
|
}
|
|
|
|
|
2014-08-27 10:45:21 +00:00
|
|
|
.article-content-meta {
|
|
|
|
padding: 0 55px;
|
2014-08-26 14:38:26 +00:00
|
|
|
position: absolute;
|
2014-08-27 10:45:21 +00:00
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
.article-content {
|
|
|
|
position: relative;
|
|
|
|
z-index: 1;
|
2014-08-26 14:38:26 +00:00
|
|
|
}
|
|
|
|
|
2014-08-25 16:32:39 +00:00
|
|
|
.article-meta {
|
|
|
|
background: #2c2d36;
|
|
|
|
color: white;
|
|
|
|
padding: 21px 25px 11px;
|
|
|
|
margin: 0 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.article-meta.bottom {
|
|
|
|
padding-top: 17px;
|
|
|
|
padding-bottom: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.article-meta-row {
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.article-meta-key {
|
|
|
|
width: 13%;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
.article-meta-value {
|
|
|
|
margin-left: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.article-meta .icon {
|
2014-08-26 14:38:26 +00:00
|
|
|
vertical-align: top;
|
|
|
|
margin: 1px 3px 0 0;
|
2014-08-25 16:32:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.article-meta .text-muted {
|
|
|
|
color: #96969b;
|
|
|
|
}
|
|
|
|
|
2014-08-06 17:36:45 +00:00
|
|
|
.text-bubble {
|
2014-08-05 15:31:26 +00:00
|
|
|
padding: 10px 20px;
|
|
|
|
white-space: pre-wrap;
|
|
|
|
background: white;
|
2014-08-27 10:45:21 +00:00
|
|
|
border-radius: 2px;
|
2014-08-05 15:31:26 +00:00
|
|
|
border: 1px solid hsl(240,4%,95%);
|
|
|
|
box-shadow: 0 0 1px rgba(0,0,0,.06) inset;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
2014-08-27 10:45:21 +00:00
|
|
|
.ticket-article-item.state--folde-out .text-bubble {
|
|
|
|
border-color: hsl(0,0%,90%);
|
|
|
|
}
|
|
|
|
|
2014-08-06 17:36:45 +00:00
|
|
|
.customer.ticket-article-item .text-bubble {
|
2014-08-05 15:31:26 +00:00
|
|
|
background: #e5f0f5;
|
|
|
|
border-color: hsl(199,38%,92%);
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
2014-08-27 10:45:21 +00:00
|
|
|
.customer.ticket-article-item.state--folde-out .text-bubble {
|
|
|
|
border-color: hsl(199,44%,85%);
|
|
|
|
}
|
|
|
|
|
2014-08-25 20:43:28 +00:00
|
|
|
.ticket-article-item .text-bubble.internal {
|
|
|
|
background: #f2def2;
|
2014-08-27 11:34:52 +00:00
|
|
|
border-color: hsl(300,43%,90%);
|
2014-08-25 20:43:28 +00:00
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
2014-08-27 11:34:52 +00:00
|
|
|
.customer.ticket-article-item.state--folde-out .text-bubble.internal {
|
|
|
|
border-color: hsl(300,43%,84%);
|
|
|
|
}
|
|
|
|
|
2014-08-07 21:53:46 +00:00
|
|
|
.new-article .text-bubble {
|
2014-08-06 17:36:45 +00:00
|
|
|
padding: 0;
|
|
|
|
border-color: #b3b3b3;
|
|
|
|
white-space: normal;
|
2014-08-27 10:45:21 +00:00
|
|
|
border-radius: 5px;
|
2014-08-06 17:36:45 +00:00
|
|
|
}
|
|
|
|
|
2014-08-07 21:53:46 +00:00
|
|
|
.new-article textarea {
|
2014-08-06 23:17:26 +00:00
|
|
|
width: 100%;
|
|
|
|
height: 38px;
|
|
|
|
padding: 10px 20px;
|
|
|
|
vertical-align: bottom;
|
2014-08-06 17:36:45 +00:00
|
|
|
border: none;
|
|
|
|
background: none;
|
|
|
|
outline: none;
|
2014-08-06 23:17:26 +00:00
|
|
|
transition: 500ms;
|
|
|
|
}
|
|
|
|
|
2014-08-07 21:53:46 +00:00
|
|
|
.new-article textarea:focus {
|
2014-08-06 23:17:26 +00:00
|
|
|
height: 105px;
|
2014-08-06 17:36:45 +00:00
|
|
|
}
|
|
|
|
|
2014-08-07 21:53:46 +00:00
|
|
|
.new-article textarea:focus + .bubble-placeholder {
|
2014-08-06 17:36:45 +00:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2014-08-07 21:53:46 +00:00
|
|
|
.new-article .bubble-arrow:after {
|
2014-08-06 17:36:45 +00:00
|
|
|
border-color: #b3b3b3;
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bubble-placeholder {
|
|
|
|
position: absolute;
|
|
|
|
color: #b3b3b3;
|
|
|
|
left: 20px;
|
|
|
|
top: 10px;
|
|
|
|
pointer-events: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.bubble-arrow {
|
2014-08-05 15:31:26 +00:00
|
|
|
position: absolute;
|
|
|
|
width: 7px;
|
|
|
|
height: 9px;
|
|
|
|
left: -6px;
|
|
|
|
top: 15px;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
2014-08-25 20:43:28 +00:00
|
|
|
|
2014-08-06 17:36:45 +00:00
|
|
|
.bubble-arrow:after {
|
2014-08-05 15:31:26 +00:00
|
|
|
content: "";
|
|
|
|
position: absolute;
|
|
|
|
top: -1px;
|
|
|
|
left: 2px;
|
|
|
|
width: 11px;
|
|
|
|
height: 11px;
|
|
|
|
background: white;
|
|
|
|
border: 1px solid hsl(240,4%,95%);
|
|
|
|
box-shadow: 0 0 1px rgba(0,0,0,.06) inset;
|
2014-08-26 14:38:26 +00:00
|
|
|
-webkit-transform: rotate(-45deg);
|
|
|
|
transform: rotate(-45deg);
|
2014-08-05 15:31:26 +00:00
|
|
|
}
|
|
|
|
|
2014-08-25 20:43:28 +00:00
|
|
|
.ticket-article-item .text-bubble.internal .bubble-arrow:after {
|
|
|
|
background: #f2def2;
|
|
|
|
border: #eed3d7;
|
|
|
|
}
|
|
|
|
|
2014-08-06 17:36:45 +00:00
|
|
|
.customer.ticket-article-item .bubble-arrow {
|
2014-08-05 15:31:26 +00:00
|
|
|
left: auto;
|
|
|
|
right: -6px;
|
|
|
|
}
|
|
|
|
|
2014-08-06 17:36:45 +00:00
|
|
|
.customer.ticket-article-item .bubble-arrow:after {
|
2014-08-05 15:31:26 +00:00
|
|
|
background: #e5f0f5;
|
|
|
|
left: auto;
|
|
|
|
right: 2px;
|
|
|
|
border-color: hsl(199,38%,92%);
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
2014-08-25 16:32:39 +00:00
|
|
|
.ticket-article-item .task-subline {
|
2014-08-05 15:31:26 +00:00
|
|
|
margin-top: 12px;
|
2014-08-25 16:32:39 +00:00
|
|
|
}
|
|
|
|
|
2014-08-26 14:38:26 +00:00
|
|
|
.article-action {
|
|
|
|
padding: 5px;
|
2014-08-27 10:45:21 +00:00
|
|
|
margin: 5px 12px;
|
|
|
|
color: black;
|
|
|
|
font-size: 12px;
|
|
|
|
text-align: center;
|
|
|
|
opacity: 0.5;
|
|
|
|
cursor: pointer;
|
|
|
|
-webkit-user-select: none;
|
|
|
|
user-select: none;
|
2014-08-05 15:31:26 +00:00
|
|
|
}
|
|
|
|
|
2014-08-27 10:45:21 +00:00
|
|
|
.article-action:hover {
|
|
|
|
color: black;
|
|
|
|
text-decoration: none;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
2014-08-26 14:38:26 +00:00
|
|
|
.article-action .icon {
|
|
|
|
margin-right: 10px;
|
|
|
|
vertical-align: bottom;
|
|
|
|
}
|
|
|
|
|
2014-08-06 23:17:26 +00:00
|
|
|
.ticket-edit {
|
|
|
|
margin-top: auto;
|
2014-08-07 21:53:46 +00:00
|
|
|
margin-bottom: 37px;
|
2014-08-06 17:36:45 +00:00
|
|
|
}
|
|
|
|
|
2014-08-07 21:53:46 +00:00
|
|
|
.bottom-form {
|
2014-08-06 23:17:26 +00:00
|
|
|
background: white;
|
|
|
|
}
|
2014-08-05 15:31:26 +00:00
|
|
|
|
2014-08-07 21:53:46 +00:00
|
|
|
.ticket-zoom .sidebar {
|
|
|
|
width: 280px;
|
|
|
|
border-left: 1px solid #e6e6e6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ticket-zoom .sidebar h2 {
|
|
|
|
margin: 5px 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.close-sidebar {
|
|
|
|
padding: 20px;
|
|
|
|
margin: -15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar.bottom-form-shadow {
|
|
|
|
box-shadow:
|
|
|
|
0 -1px rgba(0,0,0,.005) inset,
|
|
|
|
0 -2px rgba(0,0,0,.005) inset,
|
|
|
|
0 -3px rgba(0,0,0,.005) inset,
|
|
|
|
0 -4px rgba(0,0,0,.005) inset;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-holder {
|
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
transition: 500ms;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ticket-zoom.state--sidebar-hidden .sidebar-holder {
|
2014-08-26 10:27:37 +00:00
|
|
|
-webkit-transform: translateX(280px);
|
|
|
|
transform: translateX(280px);
|
2014-08-07 21:53:46 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-tabs {
|
|
|
|
position: absolute;
|
|
|
|
left: -55px;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-tabs--spacing {
|
|
|
|
padding-right: 62px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.test {
|
|
|
|
position: absolute;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-tab {
|
|
|
|
width: 56px;
|
|
|
|
height: 60px;
|
|
|
|
background: hsl(197,20%,93%);
|
|
|
|
border-top: 1px solid hsl(202,12%,87%);
|
|
|
|
border-left: 1px solid hsl(202,12%,87%);
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-tab:first-child {
|
|
|
|
border-top-left-radius: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-tab:last-child {
|
|
|
|
border-bottom-left-radius: 8px;
|
|
|
|
border-bottom: 1px solid hsl(202,12%,87%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-tab .icon {
|
|
|
|
opacity: 0.3;
|
|
|
|
}
|
|
|
|
|
|
|
|
.sidebar-tab.active .icon {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
2014-07-18 16:18:13 +00:00
|
|
|
/*
|
|
|
|
|
|
|
|
----------------
|
|
|
|
normal screens
|
|
|
|
----------------
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
@media only screen and (max-width: 1280px) {
|
|
|
|
.activity.sidebar {
|
2014-08-27 10:49:07 +00:00
|
|
|
display: none;
|
2014-07-18 16:18:13 +00:00
|
|
|
}
|
2014-07-07 17:18:51 +00:00
|
|
|
}
|