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;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    width: 260px;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
/*    background-color: #333;
      color: #FFF;*/
    background-color: #555;
      color: #DDD;
    border-right: 1px solid #CCC;

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

.content__wrapper {
  width: auto;
  margin: 0 260px; /* When changing this value, also change the corresponding in main.js */
}
.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;
}

/* 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;
  padding: 15px;
  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 {
  cursor: pointer;
}
.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;
}

.content__home {
  padding: 0 15px;
}

.workspace__wrapper {
  padding: 0 15px;
}
.workspace__list table {
  text-align: center;
}

.workspace__detail__wrapper {
  padding: 0 15px;
}
.workspace__detail__wrapper table {
  text-align: center;
}

.workspace__detail__user table {
  text-align: center;
}

.content__detail {
  padding: 0 15px;
}
.content__detail table {
  text-align: center;
}
.anchored-title {
  padding-left: 10px;
}

.adminuser__wrapper {
  padding: 0 15px;
}
.adminuser__detail {
  padding: 0 15px;
}
.adminuser__detail table {
  text-align: center;
}

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