You are here

Home » API reference » Open Atrium Sitemap 7.2

oa_sitemap_app.css in Open Atrium Sitemap 7.2 

/* line 5, ../sass/oa_sitemap_app.scss */
body.oa-sitemap-full {
  background: #E5EBE6;
}
/* line 7, ../sass/oa_sitemap_app.scss */
body.oa-sitemap-full #main-wrapper {
  background: #E5EBE6;
}
/* line 9, ../sass/oa_sitemap_app.scss */
body.oa-sitemap-full #main-wrapper #main {
  background: #E5EBE6;
}

/* line 15, ../sass/oa_sitemap_app.scss */
.pane-oa-sitemap-app,
.content .radix-layouts-content .panel-pane.pane-oa-sitemap-app {
  padding-bottom: 2em;
}

/* line 20, ../sass/oa_sitemap_app.scss */
.oa-sitemap {
  margin-top: 20px;
  /***** Add styles for front page design with help test *******/
}
/* line 33, ../sass/oa_sitemap_app.scss */
.oa-sitemap [ng-drag].dragging {
  opacity: 0.5;
}
/* line 38, ../sass/oa_sitemap_app.scss */
.oa-sitemap [ng-drop].drag-enter {
  background: #42BB3D;
  opacity: 0.7;
}
/* line 42, ../sass/oa_sitemap_app.scss */
.oa-sitemap [ng-drop].oa-section-title.drag-enter {
  background: transparent;
  opacity: 1;
}
/* line 46, ../sass/oa_sitemap_app.scss */
.oa-sitemap [ng-drop].drag-enter .oa-section-icon {
  background: #42BB3D;
  opacity: 0.7;
}
/* line 51, ../sass/oa_sitemap_app.scss */
.oa-sitemap textarea {
  width: 100%;
  height: 124px;
}
/* line 57, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-title h2 {
  margin: 3px 20px 0 0;
}
/* line 62, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-header {
  margin-bottom: 5px;
}
/* line 64, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-header a {
  position: relative;
  display: block;
  z-index: 5;
  margin-right: 10px;
}
/* line 72, ../sass/oa_sitemap_app.scss */
.oa-sitemap a.btn-none {
  padding: 8px 16px;
  font-size: 12px;
  text-decoration: underline;
  color: #777;
}
/* line 79, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-search {
  z-index: 5;
}
/* line 81, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-search .active {
  background: #095a8b;
  color: white;
}
/* line 87, ../sass/oa_sitemap_app.scss */
.oa-sitemap .select2-container.form-control {
  background-color: transparent;
}
/* line 91, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-full {
  margin-top: 10px;
}
/* line 95, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-breadcrumbs {
  display: block;
  text-align: center;
  margin: 0;
}
/* line 101, ../sass/oa_sitemap_app.scss */
.oa-sitemap #oa-sitemap-top {
  background: #f3f3f3;
  position: relative;
}
/* line 106, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-breadcrumb a {
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #ddd;
  box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.5);
}
/* line 111, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-breadcrumb a:after {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  background: #aaa;
  left: 50%;
  bottom: -22px;
}
/* line 122, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-carousel-container {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding-bottom: 20px;
  box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.5);
}
/* line 129, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-spaces {
  position: relative;
  text-align: center;
  height: auto;
  overflow: visible;
}
/* line 135, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-header {
  position: relative;
  margin: 0 0 20px;
  text-align: center;
  border-bottom: 1px solid #aaa;
  border-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 8px 0;
}
/* line 145, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-header .dropdown > a, .oa-sitemap .oa-space-header .dropdown > a:visited, .oa-sitemap .oa-space-header .dropdown > a:active {
  color: white;
}
/* line 149, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-header button {
  font-weight: 300;
  font-size: 18px;
  position: absolute;
  border: none;
  background: none;
  color: white;
  line-height: 34px;
  padding: 0;
}
/* line 158, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-header button:hover {
  outline: none;
  color: #333;
}
/* line 162, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-header button:active, .oa-sitemap .oa-space-header button:visited, .oa-sitemap .oa-space-header button:focus {
  color: white;
}
/* line 166, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-header a [class^="icon-"] {
  font-size: 22px;
  color: #CCC;
}
/* line 170, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-header .next {
  right: 30px;
}
/* line 172, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-header .next:after {
  content: "";
  position: absolute;
  right: -20px;
  top: 8px;
  border-left: 12px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
/* line 182, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-header .prev {
  left: 30px;
}
/* line 184, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-header .prev:before {
  content: "";
  position: absolute;
  left: -20px;
  top: 8px;
  border-right: 12px solid white;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
/* line 195, ../sass/oa_sitemap_app.scss */
.oa-sitemap .dropdown {
  display: inline-block;
}
/* line 198, ../sass/oa_sitemap_app.scss */
.oa-sitemap .dropdown-menu {
  z-index: 10;
}
/* line 200, ../sass/oa_sitemap_app.scss */
.oa-sitemap .dropdown-menu > li > a {
  padding: 0 20px;
  color: #333;
}
/* line 203, ../sass/oa_sitemap_app.scss */
.oa-sitemap .dropdown-menu > li > a:hover {
  color: white;
}
/* line 208, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-title {
  font-size: 24px;
  font-weight: normal;
  display: inline-block;
}
/* line 212, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-space-title:hover, .oa-sitemap .oa-space-title.open:hover, .oa-sitemap .oa-space-title:active, .oa-sitemap .oa-space-title.open:active, .oa-sitemap .oa-space-title:focus, .oa-sitemap .oa-space-title.open:focus {
  text-decoration: none;
}
/* line 217, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sections {
  text-align: center;
}
/* line 220, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-section {
  width: 110px;
  margin-bottom: 10px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
/* line 227, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-section-title {
  font-weight: normal;
}
/* line 229, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-section-title.dropdown {
  display: block;
}
/* line 232, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-section-title textarea {
  width: 100%;
  height: 60px;
}
/* line 236, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-section-title .oa-rename-actions {
  font-size: 14px;
}
/* line 240, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-section-link {
  font-size: 16px;
  overflow: hidden;
  display: block;
}
/* line 245, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-section-icon {
  display: block;
  margin: 0 20px;
  height: 70px;
  border-radius: 50%;
  margin-bottom: 10px;
  border: 1px solid #e7e7e7;
  background: white;
  box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.5);
}
/* line 254, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-section-icon:hover {
  background: #ddd;
}
/* line 257, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-section-icon img {
  width: 36.66667px;
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 263, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-section-icon i {
  display: block;
  position: relative;
  font-size: 32px;
  top: 50%;
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -webkit-transform: translateY(-40%);
  transform: translateY(-40%);
}
/* line 271, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-new-section .oa-section-icon {
  border: 1px dashed #aaa;
  color: #3b3b3b;
}
/* line 274, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-new-section .oa-section-icon:hover {
  background-color: #ddd;
}
/* line 279, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace {
  position: relative;
  border: 1px solid #e7e7e7;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-left: 10px;
  width: 154px;
  height: 154px;
  margin-bottom: 20px;
  box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.5);
}
/* line 290, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace.oa-new-subspace {
  border: 1px dashed #aaa;
}
/* line 292, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace.oa-new-subspace i {
  margin-bottom: 5px;
}
/* line 298, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-title {
  margin: 0;
  text-align: center;
  font-weight: normal;
  position: relative;
  height: 100%;
}
/* line 306, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-link {
  display: block;
  height: 100%;
  cursor: pointer;
  background: white;
  font-size: 20px;
  padding: 4px;
}
/* line 313, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-link:hover {
  text-decoration: none;
  background: #ddd;
}
/* line 317, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-link span {
  display: block;
  position: relative;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 323, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-link i {
  display: block;
  color: #3B3B3B;
}
/* line 328, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-icons {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 20px;
  z-index: 4;
}
/* line 335, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-icons a {
  color: #999;
}
/* line 337, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-icons a:hover {
  color: #0071B3;
  text-decoration: none;
}
/* line 343, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-icon-top {
  position: absolute;
  left: 1px;
  top: 1px;
  border-right: 15px solid transparent;
  border-bottom: 15px solid transparent;
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
}
/* line 354, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-icon-top.oa-icon-green {
  border-left: 15px solid rgba(90, 180, 57, 0.8);
  border-top: 15px solid rgba(90, 180, 57, 0.8);
}
/* line 358, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-icon-top.oa-icon-red {
  border-left: 15px solid rgba(179, 80, 83, 0.8);
  border-top: 15px solid rgba(179, 80, 83, 0.8);
}
/* line 362, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-icon-top > a {
  position: absolute;
  top: -15px;
  left: -12px;
  font-size: 12px;
}
/* line 367, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-icon-top > a > i {
  color: white !important;
}
/* line 372, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-icon-left {
  float: left;
  width: 33%;
}
/* line 376, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-icon-center {
  float: left;
  width: 33%;
}
/* line 380, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-subspace-icon-right {
  float: right;
  width: 33%;
}
/* line 384, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-icon-green {
  color: #5ab439;
}
/* line 387, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-icon-red {
  color: #b35053;
}
/* line 390, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-border-green {
  border-color: #5ab439;
}
/* line 393, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-border-red {
  border-color: #b35053;
}
/* line 398, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-help {
  position: relative;
  margin-bottom: 20px;
}
/* line 401, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-help > div {
  background: #f0f0f0;
  color: #666;
  padding: 10px 20px;
  border-radius: 8px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: 300;
  box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.5);
  min-height: 95px;
}
/* line 412, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-help strong {
  font-weight: 600;
}
/* line 415, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-help img.oa-sitemap-helpimage {
  position: absolute;
  height: 150px;
  bottom: 15px;
  right: -10px;
}
/* line 421, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-help img.oa-sitemap-helpicon {
  margin-right: 20px;
  width: 60px;
}
/* line 425, ../sass/oa_sitemap_app.scss */
.oa-sitemap .oa-sitemap-help .oa-sitemap-caret {
  text-align: center;
  padding: 0;
  margin: 0;
  height: 22px;
  background: transparent;
  margin-top: -7px;
}

/* Mobile settings */
@media only screen and (max-width: 767px) {
  /* line 439, ../sass/oa_sitemap_app.scss */
  .oa-sitemap .oa-sitemap-help {
    position: relative;
    margin-bottom: 10px;
    margin-top: 0px;
  }
  /* line 443, ../sass/oa_sitemap_app.scss */
  .oa-sitemap .oa-sitemap-help img {
    display: none;
  }
  /* line 447, ../sass/oa_sitemap_app.scss */
  .oa-sitemap .oa-sitemap-help > div {
    padding-right: 20px;
  }
}

File

css/oa_sitemap_app.css
View source 
  1. /* line 5, ../sass/oa_sitemap_app.scss */

  2. body.oa-sitemap-full {

  3.   background: #E5EBE6;

  4. }

  5. /* line 7, ../sass/oa_sitemap_app.scss */

  6. body.oa-sitemap-full #main-wrapper {

  7.   background: #E5EBE6;

  8. }

  9. /* line 9, ../sass/oa_sitemap_app.scss */

  10. body.oa-sitemap-full #main-wrapper #main {

  11.   background: #E5EBE6;

  12. }

  13. 

  14. /* line 15, ../sass/oa_sitemap_app.scss */

  15. .pane-oa-sitemap-app,

  16. .content .radix-layouts-content .panel-pane.pane-oa-sitemap-app {

  17.   padding-bottom: 2em;

  18. }

  19. 

  20. /* line 20, ../sass/oa_sitemap_app.scss */

  21. .oa-sitemap {

  22.   margin-top: 20px;

  23.   /***** Add styles for front page design with help test *******/

  24. }

  25. /* line 33, ../sass/oa_sitemap_app.scss */

  26. .oa-sitemap [ng-drag].dragging {

  27.   opacity: 0.5;

  28. }

  29. /* line 38, ../sass/oa_sitemap_app.scss */

  30. .oa-sitemap [ng-drop].drag-enter {

  31.   background: #42BB3D;

  32.   opacity: 0.7;

  33. }

  34. /* line 42, ../sass/oa_sitemap_app.scss */

  35. .oa-sitemap [ng-drop].oa-section-title.drag-enter {

  36.   background: transparent;

  37.   opacity: 1;

  38. }

  39. /* line 46, ../sass/oa_sitemap_app.scss */

  40. .oa-sitemap [ng-drop].drag-enter .oa-section-icon {

  41.   background: #42BB3D;

  42.   opacity: 0.7;

  43. }

  44. /* line 51, ../sass/oa_sitemap_app.scss */

  45. .oa-sitemap textarea {

  46.   width: 100%;

  47.   height: 124px;

  48. }

  49. /* line 57, ../sass/oa_sitemap_app.scss */

  50. .oa-sitemap .oa-sitemap-title h2 {

  51.   margin: 3px 20px 0 0;

  52. }

  53. /* line 62, ../sass/oa_sitemap_app.scss */

  54. .oa-sitemap .oa-sitemap-header {

  55.   margin-bottom: 5px;

  56. }

  57. /* line 64, ../sass/oa_sitemap_app.scss */

  58. .oa-sitemap .oa-sitemap-header a {

  59.   position: relative;

  60.   display: block;

  61.   z-index: 5;

  62.   margin-right: 10px;

  63. }

  64. /* line 72, ../sass/oa_sitemap_app.scss */

  65. .oa-sitemap a.btn-none {

  66.   padding: 8px 16px;

  67.   font-size: 12px;

  68.   text-decoration: underline;

  69.   color: #777;

  70. }

  71. /* line 79, ../sass/oa_sitemap_app.scss */

  72. .oa-sitemap .oa-sitemap-search {

  73.   z-index: 5;

  74. }

  75. /* line 81, ../sass/oa_sitemap_app.scss */

  76. .oa-sitemap .oa-sitemap-search .active {

  77.   background: #095a8b;

  78.   color: white;

  79. }

  80. /* line 87, ../sass/oa_sitemap_app.scss */

  81. .oa-sitemap .select2-container.form-control {

  82.   background-color: transparent;

  83. }

  84. /* line 91, ../sass/oa_sitemap_app.scss */

  85. .oa-sitemap .oa-sitemap-full {

  86.   margin-top: 10px;

  87. }

  88. /* line 95, ../sass/oa_sitemap_app.scss */

  89. .oa-sitemap .oa-sitemap-breadcrumbs {

  90.   display: block;

  91.   text-align: center;

  92.   margin: 0;

  93. }

  94. /* line 101, ../sass/oa_sitemap_app.scss */

  95. .oa-sitemap #oa-sitemap-top {

  96.   background: #f3f3f3;

  97.   position: relative;

  98. }

  99. /* line 106, ../sass/oa_sitemap_app.scss */

  100. .oa-sitemap .oa-sitemap-breadcrumb a {

  101.   margin-bottom: 20px;

  102.   position: relative;

  103.   border: 1px solid #ddd;

  104.   box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.5);

  105. }

  106. /* line 111, ../sass/oa_sitemap_app.scss */

  107. .oa-sitemap .oa-sitemap-breadcrumb a:after {

  108.   content: "";

  109.   position: absolute;

  110.   width: 2px;

  111.   height: 20px;

  112.   background: #aaa;

  113.   left: 50%;

  114.   bottom: -22px;

  115. }

  116. /* line 122, ../sass/oa_sitemap_app.scss */

  117. .oa-sitemap .oa-carousel-container {

  118.   border: 1px solid #ccc;

  119.   border-radius: 10px;

  120.   padding-bottom: 20px;

  121.   box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.5);

  122. }

  123. /* line 129, ../sass/oa_sitemap_app.scss */

  124. .oa-sitemap .oa-spaces {

  125.   position: relative;

  126.   text-align: center;

  127.   height: auto;

  128.   overflow: visible;

  129. }

  130. /* line 135, ../sass/oa_sitemap_app.scss */

  131. .oa-sitemap .oa-space-header {

  132.   position: relative;

  133.   margin: 0 0 20px;

  134.   text-align: center;

  135.   border-bottom: 1px solid #aaa;

  136.   border-radius: 8px;

  137.   border-bottom-left-radius: 0;

  138.   border-bottom-right-radius: 0;

  139.   padding: 8px 0;

  140. }

  141. /* line 145, ../sass/oa_sitemap_app.scss */

  142. .oa-sitemap .oa-space-header .dropdown > a, .oa-sitemap .oa-space-header .dropdown > a:visited, .oa-sitemap .oa-space-header .dropdown > a:active {

  143.   color: white;

  144. }

  145. /* line 149, ../sass/oa_sitemap_app.scss */

  146. .oa-sitemap .oa-space-header button {

  147.   font-weight: 300;

  148.   font-size: 18px;

  149.   position: absolute;

  150.   border: none;

  151.   background: none;

  152.   color: white;

  153.   line-height: 34px;

  154.   padding: 0;

  155. }

  156. /* line 158, ../sass/oa_sitemap_app.scss */

  157. .oa-sitemap .oa-space-header button:hover {

  158.   outline: none;

  159.   color: #333;

  160. }

  161. /* line 162, ../sass/oa_sitemap_app.scss */

  162. .oa-sitemap .oa-space-header button:active, .oa-sitemap .oa-space-header button:visited, .oa-sitemap .oa-space-header button:focus {

  163.   color: white;

  164. }

  165. /* line 166, ../sass/oa_sitemap_app.scss */

  166. .oa-sitemap .oa-space-header a [class^="icon-"] {

  167.   font-size: 22px;

  168.   color: #CCC;

  169. }

  170. /* line 170, ../sass/oa_sitemap_app.scss */

  171. .oa-sitemap .oa-space-header .next {

  172.   right: 30px;

  173. }

  174. /* line 172, ../sass/oa_sitemap_app.scss */

  175. .oa-sitemap .oa-space-header .next:after {

  176.   content: "";

  177.   position: absolute;

  178.   right: -20px;

  179.   top: 8px;

  180.   border-left: 12px solid white;

  181.   border-top: 10px solid transparent;

  182.   border-bottom: 10px solid transparent;

  183. }

  184. /* line 182, ../sass/oa_sitemap_app.scss */

  185. .oa-sitemap .oa-space-header .prev {

  186.   left: 30px;

  187. }

  188. /* line 184, ../sass/oa_sitemap_app.scss */

  189. .oa-sitemap .oa-space-header .prev:before {

  190.   content: "";

  191.   position: absolute;

  192.   left: -20px;

  193.   top: 8px;

  194.   border-right: 12px solid white;

  195.   border-top: 10px solid transparent;

  196.   border-bottom: 10px solid transparent;

  197. }

  198. /* line 195, ../sass/oa_sitemap_app.scss */

  199. .oa-sitemap .dropdown {

  200.   display: inline-block;

  201. }

  202. /* line 198, ../sass/oa_sitemap_app.scss */

  203. .oa-sitemap .dropdown-menu {

  204.   z-index: 10;

  205. }

  206. /* line 200, ../sass/oa_sitemap_app.scss */

  207. .oa-sitemap .dropdown-menu > li > a {

  208.   padding: 0 20px;

  209.   color: #333;

  210. }

  211. /* line 203, ../sass/oa_sitemap_app.scss */

  212. .oa-sitemap .dropdown-menu > li > a:hover {

  213.   color: white;

  214. }

  215. /* line 208, ../sass/oa_sitemap_app.scss */

  216. .oa-sitemap .oa-space-title {

  217.   font-size: 24px;

  218.   font-weight: normal;

  219.   display: inline-block;

  220. }

  221. /* line 212, ../sass/oa_sitemap_app.scss */

  222. .oa-sitemap .oa-space-title:hover, .oa-sitemap .oa-space-title.open:hover, .oa-sitemap .oa-space-title:active, .oa-sitemap .oa-space-title.open:active, .oa-sitemap .oa-space-title:focus, .oa-sitemap .oa-space-title.open:focus {

  223.   text-decoration: none;

  224. }

  225. /* line 217, ../sass/oa_sitemap_app.scss */

  226. .oa-sitemap .oa-sections {

  227.   text-align: center;

  228. }

  229. /* line 220, ../sass/oa_sitemap_app.scss */

  230. .oa-sitemap .oa-section {

  231.   width: 110px;

  232.   margin-bottom: 10px;

  233.   display: inline-block;

  234.   vertical-align: top;

  235.   text-align: center;

  236. }

  237. /* line 227, ../sass/oa_sitemap_app.scss */

  238. .oa-sitemap .oa-section-title {

  239.   font-weight: normal;

  240. }

  241. /* line 229, ../sass/oa_sitemap_app.scss */

  242. .oa-sitemap .oa-section-title.dropdown {

  243.   display: block;

  244. }

  245. /* line 232, ../sass/oa_sitemap_app.scss */

  246. .oa-sitemap .oa-section-title textarea {

  247.   width: 100%;

  248.   height: 60px;

  249. }

  250. /* line 236, ../sass/oa_sitemap_app.scss */

  251. .oa-sitemap .oa-section-title .oa-rename-actions {

  252.   font-size: 14px;

  253. }

  254. /* line 240, ../sass/oa_sitemap_app.scss */

  255. .oa-sitemap .oa-section-link {

  256.   font-size: 16px;

  257.   overflow: hidden;

  258.   display: block;

  259. }

  260. /* line 245, ../sass/oa_sitemap_app.scss */

  261. .oa-sitemap .oa-section-icon {

  262.   display: block;

  263.   margin: 0 20px;

  264.   height: 70px;

  265.   border-radius: 50%;

  266.   margin-bottom: 10px;

  267.   border: 1px solid #e7e7e7;

  268.   background: white;

  269.   box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.5);

  270. }

  271. /* line 254, ../sass/oa_sitemap_app.scss */

  272. .oa-sitemap .oa-section-icon:hover {

  273.   background: #ddd;

  274. }

  275. /* line 257, ../sass/oa_sitemap_app.scss */

  276. .oa-sitemap .oa-section-icon img {

  277.   width: 36.66667px;

  278.   position: relative;

  279.   top: 50%;

  280.   -moz-transform: translateY(-50%);

  281.   -ms-transform: translateY(-50%);

  282.   -webkit-transform: translateY(-50%);

  283.   transform: translateY(-50%);

  284. }

  285. /* line 263, ../sass/oa_sitemap_app.scss */

  286. .oa-sitemap .oa-section-icon i {

  287.   display: block;

  288.   position: relative;

  289.   font-size: 32px;

  290.   top: 50%;

  291.   -moz-transform: translateY(-40%);

  292.   -ms-transform: translateY(-40%);

  293.   -webkit-transform: translateY(-40%);

  294.   transform: translateY(-40%);

  295. }

  296. /* line 271, ../sass/oa_sitemap_app.scss */

  297. .oa-sitemap .oa-new-section .oa-section-icon {

  298.   border: 1px dashed #aaa;

  299.   color: #3b3b3b;

  300. }

  301. /* line 274, ../sass/oa_sitemap_app.scss */

  302. .oa-sitemap .oa-new-section .oa-section-icon:hover {

  303.   background-color: #ddd;

  304. }

  305. /* line 279, ../sass/oa_sitemap_app.scss */

  306. .oa-sitemap .oa-subspace {

  307.   position: relative;

  308.   border: 1px solid #e7e7e7;

  309.   display: inline-block;

  310.   vertical-align: top;

  311.   margin-right: 10px;

  312.   margin-left: 10px;

  313.   width: 154px;

  314.   height: 154px;

  315.   margin-bottom: 20px;

  316.   box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.5);

  317. }

  318. /* line 290, ../sass/oa_sitemap_app.scss */

  319. .oa-sitemap .oa-subspace.oa-new-subspace {

  320.   border: 1px dashed #aaa;

  321. }

  322. /* line 292, ../sass/oa_sitemap_app.scss */

  323. .oa-sitemap .oa-subspace.oa-new-subspace i {

  324.   margin-bottom: 5px;

  325. }

  326. /* line 298, ../sass/oa_sitemap_app.scss */

  327. .oa-sitemap .oa-subspace-title {

  328.   margin: 0;

  329.   text-align: center;

  330.   font-weight: normal;

  331.   position: relative;

  332.   height: 100%;

  333. }

  334. /* line 306, ../sass/oa_sitemap_app.scss */

  335. .oa-sitemap .oa-subspace-link {

  336.   display: block;

  337.   height: 100%;

  338.   cursor: pointer;

  339.   background: white;

  340.   font-size: 20px;

  341.   padding: 4px;

  342. }

  343. /* line 313, ../sass/oa_sitemap_app.scss */

  344. .oa-sitemap .oa-subspace-link:hover {

  345.   text-decoration: none;

  346.   background: #ddd;

  347. }

  348. /* line 317, ../sass/oa_sitemap_app.scss */

  349. .oa-sitemap .oa-subspace-link span {

  350.   display: block;

  351.   position: relative;

  352.   top: 50%;

  353.   -moz-transform: translateY(-50%);

  354.   -ms-transform: translateY(-50%);

  355.   -webkit-transform: translateY(-50%);

  356.   transform: translateY(-50%);

  357. }

  358. /* line 323, ../sass/oa_sitemap_app.scss */

  359. .oa-sitemap .oa-subspace-link i {

  360.   display: block;

  361.   color: #3B3B3B;

  362. }

  363. /* line 328, ../sass/oa_sitemap_app.scss */

  364. .oa-sitemap .oa-subspace-icons {

  365.   position: absolute;

  366.   bottom: 0;

  367.   left: 0;

  368.   right: 0;

  369.   font-size: 20px;

  370.   z-index: 4;

  371. }

  372. /* line 335, ../sass/oa_sitemap_app.scss */

  373. .oa-sitemap .oa-subspace-icons a {

  374.   color: #999;

  375. }

  376. /* line 337, ../sass/oa_sitemap_app.scss */

  377. .oa-sitemap .oa-subspace-icons a:hover {

  378.   color: #0071B3;

  379.   text-decoration: none;

  380. }

  381. /* line 343, ../sass/oa_sitemap_app.scss */

  382. .oa-sitemap .oa-subspace-icon-top {

  383.   position: absolute;

  384.   left: 1px;

  385.   top: 1px;

  386.   border-right: 15px solid transparent;

  387.   border-bottom: 15px solid transparent;

  388.   padding: 0;

  389.   margin: 0;

  390.   width: 20px;

  391.   height: 20px;

  392.   z-index: 2;

  393. }

  394. /* line 354, ../sass/oa_sitemap_app.scss */

  395. .oa-sitemap .oa-subspace-icon-top.oa-icon-green {

  396.   border-left: 15px solid rgba(90, 180, 57, 0.8);

  397.   border-top: 15px solid rgba(90, 180, 57, 0.8);

  398. }

  399. /* line 358, ../sass/oa_sitemap_app.scss */

  400. .oa-sitemap .oa-subspace-icon-top.oa-icon-red {

  401.   border-left: 15px solid rgba(179, 80, 83, 0.8);

  402.   border-top: 15px solid rgba(179, 80, 83, 0.8);

  403. }

  404. /* line 362, ../sass/oa_sitemap_app.scss */

  405. .oa-sitemap .oa-subspace-icon-top > a {

  406.   position: absolute;

  407.   top: -15px;

  408.   left: -12px;

  409.   font-size: 12px;

  410. }

  411. /* line 367, ../sass/oa_sitemap_app.scss */

  412. .oa-sitemap .oa-subspace-icon-top > a > i {

  413.   color: white !important;

  414. }

  415. /* line 372, ../sass/oa_sitemap_app.scss */

  416. .oa-sitemap .oa-subspace-icon-left {

  417.   float: left;

  418.   width: 33%;

  419. }

  420. /* line 376, ../sass/oa_sitemap_app.scss */

  421. .oa-sitemap .oa-subspace-icon-center {

  422.   float: left;

  423.   width: 33%;

  424. }

  425. /* line 380, ../sass/oa_sitemap_app.scss */

  426. .oa-sitemap .oa-subspace-icon-right {

  427.   float: right;

  428.   width: 33%;

  429. }

  430. /* line 384, ../sass/oa_sitemap_app.scss */

  431. .oa-sitemap .oa-icon-green {

  432.   color: #5ab439;

  433. }

  434. /* line 387, ../sass/oa_sitemap_app.scss */

  435. .oa-sitemap .oa-icon-red {

  436.   color: #b35053;

  437. }

  438. /* line 390, ../sass/oa_sitemap_app.scss */

  439. .oa-sitemap .oa-border-green {

  440.   border-color: #5ab439;

  441. }

  442. /* line 393, ../sass/oa_sitemap_app.scss */

  443. .oa-sitemap .oa-border-red {

  444.   border-color: #b35053;

  445. }

  446. /* line 398, ../sass/oa_sitemap_app.scss */

  447. .oa-sitemap .oa-sitemap-help {

  448.   position: relative;

  449.   margin-bottom: 20px;

  450. }

  451. /* line 401, ../sass/oa_sitemap_app.scss */

  452. .oa-sitemap .oa-sitemap-help > div {

  453.   background: #f0f0f0;

  454.   color: #666;

  455.   padding: 10px 20px;

  456.   border-radius: 8px;

  457.   font-family: 'Source Sans Pro', sans-serif;

  458.   font-size: 16px;

  459.   font-weight: 300;

  460.   box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.5);

  461.   min-height: 95px;

  462. }

  463. /* line 412, ../sass/oa_sitemap_app.scss */

  464. .oa-sitemap .oa-sitemap-help strong {

  465.   font-weight: 600;

  466. }

  467. /* line 415, ../sass/oa_sitemap_app.scss */

  468. .oa-sitemap .oa-sitemap-help img.oa-sitemap-helpimage {

  469.   position: absolute;

  470.   height: 150px;

  471.   bottom: 15px;

  472.   right: -10px;

  473. }

  474. /* line 421, ../sass/oa_sitemap_app.scss */

  475. .oa-sitemap .oa-sitemap-help img.oa-sitemap-helpicon {

  476.   margin-right: 20px;

  477.   width: 60px;

  478. }

  479. /* line 425, ../sass/oa_sitemap_app.scss */

  480. .oa-sitemap .oa-sitemap-help .oa-sitemap-caret {

  481.   text-align: center;

  482.   padding: 0;

  483.   margin: 0;

  484.   height: 22px;

  485.   background: transparent;

  486.   margin-top: -7px;

  487. }

  488. 

  489. /* Mobile settings */

  490. @media only screen and (max-width: 767px) {

  491.   /* line 439, ../sass/oa_sitemap_app.scss */

  492.   .oa-sitemap .oa-sitemap-help {

  493.     position: relative;

  494.     margin-bottom: 10px;

  495.     margin-top: 0px;

  496.   }

  497.   /* line 443, ../sass/oa_sitemap_app.scss */

  498.   .oa-sitemap .oa-sitemap-help img {

  499.     display: none;

  500.   }

  501.   /* line 447, ../sass/oa_sitemap_app.scss */

  502.   .oa-sitemap .oa-sitemap-help > div {

  503.     padding-right: 20px;

  504.   }

  505. }