tracim/tracim/tracim/public/assets/css/dashboard.css

/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
  /* background-color: #f5f5f5;*/
  border-bottom: 0px solid #CCF;


  background-color: #555;
      color: #DDD;
}

.navbar-fixed-top-transparent {
  border: 0;
  background-color: #f5f5f5;
    background-color: #555;
  background-color: transparent;
}

.navbar-fixed-top-transparent .navbar-brand img {
    border: 0;
}

.navbar-fixed-top a, #sidebar #toggle-left-sidebar-width {
    color: #DDD;
}

.navbar-brand {
  padding: 0 0 0 5px;
}
.navbar-brand > img {
  max-height: 100%;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}

.content__wrapper {
  width: auto;
  margin: 0;
}

.fixed-width-sidebar {
  width: auto !important;
  min-width: 260px;
  max-width: 50%;
}

.content__data {
  padding: 0 15px;
}

#sidebar-right {
  left: auto;
  right: 0;
  overflow-x: visible;
  overflow-y: auto;
  background-color: #F5F5F5;
  border-left: 1px solid #CCC;
}
.navbar-right {
  margin-right: 0px;
}
.dropdown-toggle {
  margin-right: 15px;
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}

.header__navbar__switch-mode {
  float: right;
  display: inline-block;
  cursor: pointer;
}
.header__navbar__switch-mode > i {
  margin-right: 5px;
  font-size: 16px;
}
.header__navbar__switch-mode.switch-work-mode {
    background-color: #eee;
    color: #333;
}

/*
 * Main content
 */

.main {
  padding: 20px;
}

.main .page-header {
  margin-top: 0;
}

/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

h1.page-header {
    font-size: 30px;
}

/*************************************
** POD/TRACIM RELATED STUFF
*************************************/
iframe { border: 5px solid #b3e7ff; }

.tracim-title { font-weight: bold; color: #999; }
.pod-selected-item {background-color: #EEE;}
.pod-empty {color: #999;}
.pod-inline-form {
    border: 6px solid #428BCA;
    padding: 0.5em;
}
.pod-borderless tbody tr td, .borderless thead tr th {
    border: none;
}


/*************************************
** JSTree related stuff
*************************************/
.pod-tree-item-is-a-workspace > a { font-weight: bold; }
.pod-tree-item-is-a-folder > a { }


.tracim-less-visible { color: #999; }

.tracim-status-open { font-weight: bold; color: #759ac5; }
.tracim-status-closed-validated { font-weight: bold; color: #1fdb11;}
.tracim-status-closed-unvalidated { font-weight: bold; color: #F00;}
.tracim-status-closed-deprecated { font-weight: bold; color: #ea983d;}
.tracim-status-selected { background-color: #EEE; }
.tracim-panel-separator { border-width: 12px 0 0 0; }

.t-status-open-color { color: #759ac5; }
.t-status-closed-validated-color { color: #1fdb11;}
.t-status-closed-unvalidated-color { color: #F00;}
.t-status-closed-deprecated-color { color: #ea983d;}
.t-status-selected-color { background-color: #EEE; }


#tracim-footer-separator { margin-bottom: 30px; }
.pod-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #F5F5F5;
    border-top: 1px solid #CCC;
    z-index: 1001;
}
.pod-footer p { margin: auto; }


table.user_content, table.user_content td  {
    border: 1px solid #CCC;
    padding: 0.5em;
    border-collapse: collapse;
}

table.first_row_headers tr:first-child td {
    font-weight: bold;
    background-color: #EEE;
    align: center;
}

table.first_column_headers tr td:first-child {
    font-weight: bold;
    background-color: #EEE;
    align: center;
}

.search-result-item-breadcrumb {
    margin-top: -1em;
}

.search-result-item-breadcrumb a {
    color: #090;
}

#search-result-dynamic-resume {
    color: #090;
    margin-top: -1em;
    margin-bottom: 0;
}

#sidebar-right, a.btn { font-size: 1.2em; text-align: left;}
#sidebar-right .btn-group-vertical { width: 100%; }

th { text-align: center; }

.t-green { color: green; }
.t-orange { color: orange; }
.t-red { color: red; }
.tracim-less-visible { color: #999; } /* TODO REMOVE THIS CSS */
.t-less-visible { color: #999; }
.t-less-visible-border, .page-header.t-less-visible-border { border-color: #999; }

.t-folder-color { color: #CCCC00; }
.t-folder-color-border, .page-header.t-folder-color-border  { border-color: #CCCC00; }

.t-thread-color { color: #428BCA; }
.t-thread-color-border, .page-header.t-thread-color-border  { border-color: #428BCA; }

.t-file-color { color: orange;}
.t-file-color-border, .page-header.t-file-color-border  { border-color: orange; }

.t-page-color { color: #00CC00; }
.t-page-color-border, .page-header.t-page-color-border  { border-color: #00CC00; }

.t-search-color { color: #AAA; }
.t-search-color-border, .page-header.t-search-color-border  { border-color: #AAA; }

.t-user-color { color: #428BCA; }
.t-enabled-color { color: #0C0; }
.t-disabled-color { color: #CCC; }

.t-bg-grey {background-color: #F5F5F5; }

.t-spacer-left { margin-left: 1em; }
.t-spacer-right { margin-right: 1em; }

.t-spacer-above { margin-top: 2em; }
.t-half-spacer-above { margin-top: 1em; }
.t-half-spacer-below { margin-bottom: 1em; }
.t-spacer-below { margin-bottom: 2em; }

a.btn.disabled { color: #CCC; }
a.btn.disabled i.fa { color: #DDD; }

.t-active-color { color: #428BCA; }
.t-inactive-color { color: #CCC; }
.t-bold { font-weight: bold; }
.t-red-on-hover:Hover {
    color: red;
}

div.t-page-header-row {
    background-color: #F5F5F5;
    border-bottom: 1px solid #CCC;
}

div.t-page-metadata-row, div.t-metadata-row {
    background-color: #F5F5F5;
    border-top: 1px solid #CCC;
}

.t-modal-form-submit-button { margin-top: 0.5em;}
.modal-header h4 { font-size: 1.5em; }
.modal-header { background-color: #F5F5F5; border-radius: 5px 5px 0 0; }
.modal-footer { background-color: #F5F5F5; border-radius: 0 0 5px 5px; }

/* left bar is almost black, so links must be almost white */
#sidebar-left .btn.btn-link,
#sidebar-left .list-unstyled a {
    color: #DDD;
    margin-bottom: 20px; /* avoid left menu to be overwritten by footer */
}

#sidebar-left-menu {
    margin-bottom: 20px; /* add a margin between menu bottom and footer top */
    overflow: hidden;
}

h1.page-header {
    border-bottom-style: solid;
    border-bottom-width: 4px;
}

/* FIXME - 2015-09-01 - D.A. - CAN WE REMOVE THIS ? h3 { background-color: #f5f5f5;}*/


.sidebar .list-group-item { background-color: transparent; }

/* show button disabled even when it has been selected - and has the focus) */
.btn.t-inactive-color:focus { color: #CCC; background-color: #fff;}

/* INFO - D.A - 2015-07-20 - Allow real fullscreen edition for page content */
.mce-fullscreen .modal-dialog {
    margin: 0 0 0 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    padding: 0;
}

.t-odd-or-even:nth-child(odd) {
    background-color:#FFF;
}
.t-odd-or-even:nth-child(even) {
    background-color:#F5F5F5;
}

.t-hacky-thread-comment-border-top {
    border-top: 1px solid #CCC;
}

.t-timeline-item-icon {
    margin-left: -1.5em;
    float:left;
}

.t-timeline-item h5 {
    margin-bottom: 1em;
    font-size: 1.2em;
}

.t-timeline-item { padding: 1em; padding-left: 5em;}
.t-timeline-item-content { margin-top: 0.5em; padding: 0 0.5em 0.5em 0; }

.t-timeline-item-moment { font-size: 1em; color: #999; }
.t-timeline-comment-delete-button { font-size: 0.8em; }

#sidebar-right h3 { color: #555; margin: 0.5em 0 1em 0; }
#sidebar-right h4 { color: #555; margin: 1.5em 0 1em 0; }

#t-full-app-alert-message-id {
    top: 0;
    position: absolute;
    z-index: 10001;
    width: 100%;
    padding: 0;
}
#t-full-app-alert-message-id > div {
  width: 75%;
  margin: 1em auto 0 auto;
}

#t-full-app-alert-message-id > div.alert {
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
}

tr.t-is-new-content td, div.row.t-is-new-content {
    background-color: #DFF0D8;
}

.panel-heading > h3 { font-size: 1.5em;}

hr.t-toolbar-btn-group-separator { border-color: #CCC; border-style: dotted; }

span.info.readonly {
    font-size: 0.8em;
    opacity: 0.7;
}

@media(min-width: 768px) and (max-width: 992px) {
    .download-file-button i.fa {
        font-size: 12px;
    }
}

.no-padding {
    padding: 0px;
}
.threads-history-reverse {
  float: right;
  padding: 10px 15px 0 0;
  font-size: 16px;
}
.threads-history-reverse > i {
  font-size: 12px;
}

.user-edit-form__calendar__url {
  padding: 8px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #eee;
  color: #555;
}

.folder__filter {
  font-size: 14px;
}
.folder__filter a.btn {
  font-size: 14px;
}
.folder__content__list__item__title {
  color: #428BCA;
}
.folder__content__list__item.archived,
.folder__content__list__item.archived .t-less-visible,
.folder__content__list__item.archived .folder__content__list__item__title,
.folder__content__list__item.archived .folder__content__list__item__title > i {
  color: #999;
}
.folder__content__list__item.deleted,
.folder__content__list__item.deleted .t-less-visible,
.folder__content__list__item.deleted .folder__content__list__item__title,
.folder__content__list__item.deleted .folder__content__list__item__title > i {
  color: #ccc;
}
.folder__content__list__item__status {
  float: right;
  font-size: 13px;
}
.folder__content__list__item__status.deleted i {
  font-size: 14px;
}

.workspace__wrapper {
  padding: 0 15px;
}

.workspace__detail__wrapper {
  padding: 0 15px;
}

.content__detail {
  padding: 0 15px;
}

/*.content__detail table {
  text-align: center;
}
.workspace__detail__wrapper table {
  text-align: center;
}
.workspace__detail__user table {
  text-align: center;
}
.workspace__list table {
  text-align: center;
}
.adminuser__detail table {
  text-align: center;
}*/
table th {
  text-align: left;
}

.anchored-title {
  padding-left: 10px;
}

.adminuser__wrapper {
  padding: 0 15px;
}
.adminuser__detail {
  padding: 0 15px;
}

div.mce-fullscreen {
  z-index: 1030;
}

#unread-content-panel, /*#recent-activity-panel,*/ #workspaces-panel {
  display: none;
}
.panel-success > .panel-heading, .panel { /* bootstrap override */
  border-top-left-radius: 0px;
}
.panel { /* bootstrap override */
  border-width: 2px;
  border-top-width: 10px;
}
.content__home__tab-wrapper {
  margin: 15px 0 0 0;
}
.content__home__tab__item {
  display: inline-block;
  padding: 3px 25px;
  border: 1px solid #333;
  border-bottom-width: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  max-width: 36%;
  text-align: center;
  font-weight: bold;
  vertical-align: bottom;
  cursor: pointer;
}
.content__home__tab__item > i {
  margin-right: 4px;
}
.content__home__tab__item-news {
  float: right;
  position: relative;
  top: -18px;
  right: -28px;
  height: auto;
  color: #b35454;
  font-size: 22px;
}
.content__home__tab__item-news__number {
  top: -3px;
  color: #dff0d8;
  font-size: 10px;
  font-weight: bold;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  letter-spacing: -1px;
}
.content__home__tab__item-lastactivity {
  font-size: 12px;
  font-weight: normal;
  color: #b35454;
}
.content__home__tab__item:hover {
  background-color: #eee;
}
.content__home__tab__item.active {
  padding: 5px 25px;
}
.content__home__tab__item.unread {
  border-color: #d6e9c6;
  background-color: #dff0d8;
  color: #3c763d;
}
.content__home__tab__item.unread:hover,
.content__home__tab__item.unread.active {
  border-color: #dff0d8;
  background-color: #d6e9c6;
  color: #3c763d;
}
.content__home__tab__item.recent_activity {
  border-color: #faebcc;
  background-color: #fcf8e3;
  color: #8a6d3b;
}
.content__home__tab__item.recent_activity:hover,
.content__home__tab__item.recent_activity.active {
  border-color: #fcf8e3;
  background-color: #faebcc;
  color: #8a6d3b;
}
.content__home__tab__item.workspace {
  border-color: #bce8f1;
  background-color: #d9edf7;
  color: #31708f;
}
.content__home__tab__item.workspace:hover,
.content__home__tab__item.workspace.active {
  border-color: #d9edf7;
  background-color: #bce8f1;
  color: #31708f;
}

@media (max-width: 999px) {
  body {
    padding-top: 40px;
  }
  .navbar {
    min-height: 40px;
  }
  .navbar, .navbar-brand > img {
    height: 40px;
  }
  #search-form {
    margin: 0;
    padding: 8px 5px;
  }
  #search-form input {
    padding: 3px 10px;
    line-height: 15px;
    font-size: 13px;
    height: auto;
  }
  .navbar-nav > li > a, .header__navbar__switch-mode {
    padding: 10px 5px;
    font-size: 13px;
    line-height: 20px;
  }
  #sidebar-right .btn {
    font-size: 13px;
    padding: 5px;
  }
  .content__home__tab__item, .content__home__tab__item.active {
    max-width: 165px;
  }
  .content__home__tab__item-news {
    right: -20px;
  }
}

@media (max-width: 767px) {
  .navbar-brand {
    height: auto;
  }
  .navbar-toggle {
    margin: 0;
  }
  .navbar-collapse {
    background-color: #555;
  }
  .navbar-nav > li > a {
    padding: 3px 10px;
  }
  #search-form {
    padding: 8px 10px 0px 10px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    color: #ddd;
  }
  .navbar-toggle {
    margin-right: 15px;
  }
  .navbar-right {
    margin-right: -15px;
  }
  .content__wrapper {
    margin: 0;
  }
  .content__wrapper {
    margin: 0;
  }
  .content__title__subtitle-home-hidden-xs > div > p { /* remove the "welcome username" msg from homepage  */
    display: none;
  }
  .content__home__tab__item {
    display: block;
    width: auto;
    max-width: 100%;
    padding: 10px 25px;
    border-radius: 0px;
    text-align: left;
  }
  .content__home__tab__item, .content__home__tab__item.active {
    max-width: 100%;
    padding: 10px 25px;
    border: 0px;
  }
  .content__home__tab-wrapper {
    border: 10px solid;
    border-width: 0px 0px 0px 10px;
  }
  .content__home__tab-wrapper.recent_activity {
    border-color: #faebcc;
  }
  .content__home__tab-wrapper.unread {
    border-color: #d6e9c6;
  }
  .content__home__tab-wrapper.workspace {
    border-color: #bce8f1;
  }
  .panel-warning, .panel-success, .panel-info {
    border-top-width: 0px;
    border-left-width: 10px;
  }
}

@media (min-width: 768px) {
  .sidebar {
    display: block;
    position: fixed;
    top: 41px;
    bottom: 0;
    left: 0;
    width: 130px;
    padding: 10px;
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #555;
    color: #DDD;
    border-right: 1px solid #CCC;
  }
  .content__wrapper.edit-mode-margin {
    margin: 0 130px;
  }
  .fixed-width-sidebar {
    min-width: 130px;
  }
  .content__home {
    padding: 0 5px;
  }
}
@media (min-width: 1000px) {
  .sidebar {
    width: 170px;
    top: 51px;
  }
  .content__wrapper.edit-mode-margin {
    margin: 0 170px;
  }
  .fixed-width-sidebar {
    min-width: 170px;
  }
  #sidebar-right .btn {
    font-size: 16px;
    padding: 10px;
  }
  .content__home {
    padding: 0 5px;
  }
  .header__navbar__switch-mode {
    padding: 15px;
  }
}
@media (min-width: 1200px) {
  .sidebar {
    width: 260px;
    padding: 20px;
  }
  #sidebar-right .btn {
    font-size: 1.2em;
    padding: 10px;
  }
  .content__wrapper.edit-mode-margin {
    margin: 0 260px;
  }
  .fixed-width-sidebar {
    min-width: 260px;
  }
  .content__home {
    padding: 0 15px;
  }
}