You are here

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. /* line 15, ../sass/oa_sitemap_app.scss */
  14. .pane-oa-sitemap-app,
  15. .content .radix-layouts-content .panel-pane.pane-oa-sitemap-app {
  16. padding-bottom: 2em;
  17. }
  18. /* line 20, ../sass/oa_sitemap_app.scss */
  19. .oa-sitemap {
  20. margin-top: 20px;
  21. /***** Add styles for front page design with help test *******/
  22. }
  23. /* line 33, ../sass/oa_sitemap_app.scss */
  24. .oa-sitemap [ng-drag].dragging {
  25. opacity: 0.5;
  26. }
  27. /* line 38, ../sass/oa_sitemap_app.scss */
  28. .oa-sitemap [ng-drop].drag-enter {
  29. background: #42BB3D;
  30. opacity: 0.7;
  31. }
  32. /* line 42, ../sass/oa_sitemap_app.scss */
  33. .oa-sitemap [ng-drop].oa-section-title.drag-enter {
  34. background: transparent;
  35. opacity: 1;
  36. }
  37. /* line 46, ../sass/oa_sitemap_app.scss */
  38. .oa-sitemap [ng-drop].drag-enter .oa-section-icon {
  39. background: #42BB3D;
  40. opacity: 0.7;
  41. }
  42. /* line 51, ../sass/oa_sitemap_app.scss */
  43. .oa-sitemap textarea {
  44. width: 100%;
  45. height: 124px;
  46. }
  47. /* line 57, ../sass/oa_sitemap_app.scss */
  48. .oa-sitemap .oa-sitemap-title h2 {
  49. margin: 3px 20px 0 0;
  50. }
  51. /* line 62, ../sass/oa_sitemap_app.scss */
  52. .oa-sitemap .oa-sitemap-header {
  53. margin-bottom: 5px;
  54. }
  55. /* line 64, ../sass/oa_sitemap_app.scss */
  56. .oa-sitemap .oa-sitemap-header a {
  57. position: relative;
  58. display: block;
  59. z-index: 5;
  60. margin-right: 10px;
  61. }
  62. /* line 72, ../sass/oa_sitemap_app.scss */
  63. .oa-sitemap a.btn-none {
  64. padding: 8px 16px;
  65. font-size: 12px;
  66. text-decoration: underline;
  67. color: #777;
  68. }
  69. /* line 79, ../sass/oa_sitemap_app.scss */
  70. .oa-sitemap .oa-sitemap-search {
  71. z-index: 5;
  72. }
  73. /* line 81, ../sass/oa_sitemap_app.scss */
  74. .oa-sitemap .oa-sitemap-search .active {
  75. background: #095a8b;
  76. color: white;
  77. }
  78. /* line 87, ../sass/oa_sitemap_app.scss */
  79. .oa-sitemap .select2-container.form-control {
  80. background-color: transparent;
  81. }
  82. /* line 91, ../sass/oa_sitemap_app.scss */
  83. .oa-sitemap .oa-sitemap-full {
  84. margin-top: 10px;
  85. }
  86. /* line 95, ../sass/oa_sitemap_app.scss */
  87. .oa-sitemap .oa-sitemap-breadcrumbs {
  88. display: block;
  89. text-align: center;
  90. margin: 0;
  91. }
  92. /* line 101, ../sass/oa_sitemap_app.scss */
  93. .oa-sitemap #oa-sitemap-top {
  94. background: #f3f3f3;
  95. position: relative;
  96. }
  97. /* line 106, ../sass/oa_sitemap_app.scss */
  98. .oa-sitemap .oa-sitemap-breadcrumb a {
  99. margin-bottom: 20px;
  100. position: relative;
  101. border: 1px solid #ddd;
  102. box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.5);
  103. }
  104. /* line 111, ../sass/oa_sitemap_app.scss */
  105. .oa-sitemap .oa-sitemap-breadcrumb a:after {
  106. content: "";
  107. position: absolute;
  108. width: 2px;
  109. height: 20px;
  110. background: #aaa;
  111. left: 50%;
  112. bottom: -22px;
  113. }
  114. /* line 122, ../sass/oa_sitemap_app.scss */
  115. .oa-sitemap .oa-carousel-container {
  116. border: 1px solid #ccc;
  117. border-radius: 10px;
  118. padding-bottom: 20px;
  119. box-shadow: 1px 1px 3px -1px rgba(0, 0, 0, 0.5);
  120. }
  121. /* line 129, ../sass/oa_sitemap_app.scss */
  122. .oa-sitemap .oa-spaces {
  123. position: relative;
  124. text-align: center;
  125. height: auto;
  126. overflow: visible;
  127. }
  128. /* line 135, ../sass/oa_sitemap_app.scss */
  129. .oa-sitemap .oa-space-header {
  130. position: relative;
  131. margin: 0 0 20px;
  132. text-align: center;
  133. border-bottom: 1px solid #aaa;
  134. border-radius: 8px;
  135. border-bottom-left-radius: 0;
  136. border-bottom-right-radius: 0;
  137. padding: 8px 0;
  138. }
  139. /* line 145, ../sass/oa_sitemap_app.scss */
  140. .oa-sitemap .oa-space-header .dropdown > a, .oa-sitemap .oa-space-header .dropdown > a:visited, .oa-sitemap .oa-space-header .dropdown > a:active {
  141. color: white;
  142. }
  143. /* line 149, ../sass/oa_sitemap_app.scss */
  144. .oa-sitemap .oa-space-header button {
  145. font-weight: 300;
  146. font-size: 18px;
  147. position: absolute;
  148. border: none;
  149. background: none;
  150. color: white;
  151. line-height: 34px;
  152. padding: 0;
  153. }
  154. /* line 158, ../sass/oa_sitemap_app.scss */
  155. .oa-sitemap .oa-space-header button:hover {
  156. outline: none;
  157. color: #333;
  158. }
  159. /* line 162, ../sass/oa_sitemap_app.scss */
  160. .oa-sitemap .oa-space-header button:active, .oa-sitemap .oa-space-header button:visited, .oa-sitemap .oa-space-header button:focus {
  161. color: white;
  162. }
  163. /* line 166, ../sass/oa_sitemap_app.scss */
  164. .oa-sitemap .oa-space-header a [class^="icon-"] {
  165. font-size: 22px;
  166. color: #CCC;
  167. }
  168. /* line 170, ../sass/oa_sitemap_app.scss */
  169. .oa-sitemap .oa-space-header .next {
  170. right: 30px;
  171. }
  172. /* line 172, ../sass/oa_sitemap_app.scss */
  173. .oa-sitemap .oa-space-header .next:after {
  174. content: "";
  175. position: absolute;
  176. right: -20px;
  177. top: 8px;
  178. border-left: 12px solid white;
  179. border-top: 10px solid transparent;
  180. border-bottom: 10px solid transparent;
  181. }
  182. /* line 182, ../sass/oa_sitemap_app.scss */
  183. .oa-sitemap .oa-space-header .prev {
  184. left: 30px;
  185. }
  186. /* line 184, ../sass/oa_sitemap_app.scss */
  187. .oa-sitemap .oa-space-header .prev:before {
  188. content: "";
  189. position: absolute;
  190. left: -20px;
  191. top: 8px;
  192. border-right: 12px solid white;
  193. border-top: 10px solid transparent;
  194. border-bottom: 10px solid transparent;
  195. }
  196. /* line 195, ../sass/oa_sitemap_app.scss */
  197. .oa-sitemap .dropdown {
  198. display: inline-block;
  199. }
  200. /* line 198, ../sass/oa_sitemap_app.scss */
  201. .oa-sitemap .dropdown-menu {
  202. z-index: 10;
  203. }
  204. /* line 200, ../sass/oa_sitemap_app.scss */
  205. .oa-sitemap .dropdown-menu > li > a {
  206. padding: 0 20px;
  207. color: #333;
  208. }
  209. /* line 203, ../sass/oa_sitemap_app.scss */
  210. .oa-sitemap .dropdown-menu > li > a:hover {
  211. color: white;
  212. }
  213. /* line 208, ../sass/oa_sitemap_app.scss */
  214. .oa-sitemap .oa-space-title {
  215. font-size: 24px;
  216. font-weight: normal;
  217. display: inline-block;
  218. }
  219. /* line 212, ../sass/oa_sitemap_app.scss */
  220. .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 {
  221. text-decoration: none;
  222. }
  223. /* line 217, ../sass/oa_sitemap_app.scss */
  224. .oa-sitemap .oa-sections {
  225. text-align: center;
  226. }
  227. /* line 220, ../sass/oa_sitemap_app.scss */
  228. .oa-sitemap .oa-section {
  229. width: 110px;
  230. margin-bottom: 10px;
  231. display: inline-block;
  232. vertical-align: top;
  233. text-align: center;
  234. }
  235. /* line 227, ../sass/oa_sitemap_app.scss */
  236. .oa-sitemap .oa-section-title {
  237. font-weight: normal;
  238. }
  239. /* line 229, ../sass/oa_sitemap_app.scss */
  240. .oa-sitemap .oa-section-title.dropdown {
  241. display: block;
  242. }
  243. /* line 232, ../sass/oa_sitemap_app.scss */
  244. .oa-sitemap .oa-section-title textarea {
  245. width: 100%;
  246. height: 60px;
  247. }
  248. /* line 236, ../sass/oa_sitemap_app.scss */
  249. .oa-sitemap .oa-section-title .oa-rename-actions {
  250. font-size: 14px;
  251. }
  252. /* line 240, ../sass/oa_sitemap_app.scss */
  253. .oa-sitemap .oa-section-link {
  254. font-size: 16px;
  255. overflow: hidden;
  256. display: block;
  257. }
  258. /* line 245, ../sass/oa_sitemap_app.scss */
  259. .oa-sitemap .oa-section-icon {
  260. display: block;
  261. margin: 0 20px;
  262. height: 70px;
  263. border-radius: 50%;
  264. margin-bottom: 10px;
  265. border: 1px solid #e7e7e7;
  266. background: white;
  267. box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.5);
  268. }
  269. /* line 254, ../sass/oa_sitemap_app.scss */
  270. .oa-sitemap .oa-section-icon:hover {
  271. background: #ddd;
  272. }
  273. /* line 257, ../sass/oa_sitemap_app.scss */
  274. .oa-sitemap .oa-section-icon img {
  275. width: 36.66667px;
  276. position: relative;
  277. top: 50%;
  278. -moz-transform: translateY(-50%);
  279. -ms-transform: translateY(-50%);
  280. -webkit-transform: translateY(-50%);
  281. transform: translateY(-50%);
  282. }
  283. /* line 263, ../sass/oa_sitemap_app.scss */
  284. .oa-sitemap .oa-section-icon i {
  285. display: block;
  286. position: relative;
  287. font-size: 32px;
  288. top: 50%;
  289. -moz-transform: translateY(-40%);
  290. -ms-transform: translateY(-40%);
  291. -webkit-transform: translateY(-40%);
  292. transform: translateY(-40%);
  293. }
  294. /* line 271, ../sass/oa_sitemap_app.scss */
  295. .oa-sitemap .oa-new-section .oa-section-icon {
  296. border: 1px dashed #aaa;
  297. color: #3b3b3b;
  298. }
  299. /* line 274, ../sass/oa_sitemap_app.scss */
  300. .oa-sitemap .oa-new-section .oa-section-icon:hover {
  301. background-color: #ddd;
  302. }
  303. /* line 279, ../sass/oa_sitemap_app.scss */
  304. .oa-sitemap .oa-subspace {
  305. position: relative;
  306. border: 1px solid #e7e7e7;
  307. display: inline-block;
  308. vertical-align: top;
  309. margin-right: 10px;
  310. margin-left: 10px;
  311. width: 154px;
  312. height: 154px;
  313. margin-bottom: 20px;
  314. box-shadow: 1px 1px 3px -2px rgba(0, 0, 0, 0.5);
  315. }
  316. /* line 290, ../sass/oa_sitemap_app.scss */
  317. .oa-sitemap .oa-subspace.oa-new-subspace {
  318. border: 1px dashed #aaa;
  319. }
  320. /* line 292, ../sass/oa_sitemap_app.scss */
  321. .oa-sitemap .oa-subspace.oa-new-subspace i {
  322. margin-bottom: 5px;
  323. }
  324. /* line 298, ../sass/oa_sitemap_app.scss */
  325. .oa-sitemap .oa-subspace-title {
  326. margin: 0;
  327. text-align: center;
  328. font-weight: normal;
  329. position: relative;
  330. height: 100%;
  331. }
  332. /* line 306, ../sass/oa_sitemap_app.scss */
  333. .oa-sitemap .oa-subspace-link {
  334. display: block;
  335. height: 100%;
  336. cursor: pointer;
  337. background: white;
  338. font-size: 20px;
  339. padding: 4px;
  340. }
  341. /* line 313, ../sass/oa_sitemap_app.scss */
  342. .oa-sitemap .oa-subspace-link:hover {
  343. text-decoration: none;
  344. background: #ddd;
  345. }
  346. /* line 317, ../sass/oa_sitemap_app.scss */
  347. .oa-sitemap .oa-subspace-link span {
  348. display: block;
  349. position: relative;
  350. top: 50%;
  351. -moz-transform: translateY(-50%);
  352. -ms-transform: translateY(-50%);
  353. -webkit-transform: translateY(-50%);
  354. transform: translateY(-50%);
  355. }
  356. /* line 323, ../sass/oa_sitemap_app.scss */
  357. .oa-sitemap .oa-subspace-link i {
  358. display: block;
  359. color: #3B3B3B;
  360. }
  361. /* line 328, ../sass/oa_sitemap_app.scss */
  362. .oa-sitemap .oa-subspace-icons {
  363. position: absolute;
  364. bottom: 0;
  365. left: 0;
  366. right: 0;
  367. font-size: 20px;
  368. z-index: 4;
  369. }
  370. /* line 335, ../sass/oa_sitemap_app.scss */
  371. .oa-sitemap .oa-subspace-icons a {
  372. color: #999;
  373. }
  374. /* line 337, ../sass/oa_sitemap_app.scss */
  375. .oa-sitemap .oa-subspace-icons a:hover {
  376. color: #0071B3;
  377. text-decoration: none;
  378. }
  379. /* line 343, ../sass/oa_sitemap_app.scss */
  380. .oa-sitemap .oa-subspace-icon-top {
  381. position: absolute;
  382. left: 1px;
  383. top: 1px;
  384. border-right: 15px solid transparent;
  385. border-bottom: 15px solid transparent;
  386. padding: 0;
  387. margin: 0;
  388. width: 20px;
  389. height: 20px;
  390. z-index: 2;
  391. }
  392. /* line 354, ../sass/oa_sitemap_app.scss */
  393. .oa-sitemap .oa-subspace-icon-top.oa-icon-green {
  394. border-left: 15px solid rgba(90, 180, 57, 0.8);
  395. border-top: 15px solid rgba(90, 180, 57, 0.8);
  396. }
  397. /* line 358, ../sass/oa_sitemap_app.scss */
  398. .oa-sitemap .oa-subspace-icon-top.oa-icon-red {
  399. border-left: 15px solid rgba(179, 80, 83, 0.8);
  400. border-top: 15px solid rgba(179, 80, 83, 0.8);
  401. }
  402. /* line 362, ../sass/oa_sitemap_app.scss */
  403. .oa-sitemap .oa-subspace-icon-top > a {
  404. position: absolute;
  405. top: -15px;
  406. left: -12px;
  407. font-size: 12px;
  408. }
  409. /* line 367, ../sass/oa_sitemap_app.scss */
  410. .oa-sitemap .oa-subspace-icon-top > a > i {
  411. color: white !important;
  412. }
  413. /* line 372, ../sass/oa_sitemap_app.scss */
  414. .oa-sitemap .oa-subspace-icon-left {
  415. float: left;
  416. width: 33%;
  417. }
  418. /* line 376, ../sass/oa_sitemap_app.scss */
  419. .oa-sitemap .oa-subspace-icon-center {
  420. float: left;
  421. width: 33%;
  422. }
  423. /* line 380, ../sass/oa_sitemap_app.scss */
  424. .oa-sitemap .oa-subspace-icon-right {
  425. float: right;
  426. width: 33%;
  427. }
  428. /* line 384, ../sass/oa_sitemap_app.scss */
  429. .oa-sitemap .oa-icon-green {
  430. color: #5ab439;
  431. }
  432. /* line 387, ../sass/oa_sitemap_app.scss */
  433. .oa-sitemap .oa-icon-red {
  434. color: #b35053;
  435. }
  436. /* line 390, ../sass/oa_sitemap_app.scss */
  437. .oa-sitemap .oa-border-green {
  438. border-color: #5ab439;
  439. }
  440. /* line 393, ../sass/oa_sitemap_app.scss */
  441. .oa-sitemap .oa-border-red {
  442. border-color: #b35053;
  443. }
  444. /* line 398, ../sass/oa_sitemap_app.scss */
  445. .oa-sitemap .oa-sitemap-help {
  446. position: relative;
  447. margin-bottom: 20px;
  448. }
  449. /* line 401, ../sass/oa_sitemap_app.scss */
  450. .oa-sitemap .oa-sitemap-help > div {
  451. background: #f0f0f0;
  452. color: #666;
  453. padding: 10px 20px;
  454. border-radius: 8px;
  455. font-family: 'Source Sans Pro', sans-serif;
  456. font-size: 16px;
  457. font-weight: 300;
  458. box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, 0.5);
  459. min-height: 95px;
  460. }
  461. /* line 412, ../sass/oa_sitemap_app.scss */
  462. .oa-sitemap .oa-sitemap-help strong {
  463. font-weight: 600;
  464. }
  465. /* line 415, ../sass/oa_sitemap_app.scss */
  466. .oa-sitemap .oa-sitemap-help img.oa-sitemap-helpimage {
  467. position: absolute;
  468. height: 150px;
  469. bottom: 15px;
  470. right: -10px;
  471. }
  472. /* line 421, ../sass/oa_sitemap_app.scss */
  473. .oa-sitemap .oa-sitemap-help img.oa-sitemap-helpicon {
  474. margin-right: 20px;
  475. width: 60px;
  476. }
  477. /* line 425, ../sass/oa_sitemap_app.scss */
  478. .oa-sitemap .oa-sitemap-help .oa-sitemap-caret {
  479. text-align: center;
  480. padding: 0;
  481. margin: 0;
  482. height: 22px;
  483. background: transparent;
  484. margin-top: -7px;
  485. }
  486. /* Mobile settings */
  487. @media only screen and (max-width: 767px) {
  488. /* line 439, ../sass/oa_sitemap_app.scss */
  489. .oa-sitemap .oa-sitemap-help {
  490. position: relative;
  491. margin-bottom: 10px;
  492. margin-top: 0px;
  493. }
  494. /* line 443, ../sass/oa_sitemap_app.scss */
  495. .oa-sitemap .oa-sitemap-help img {
  496. display: none;
  497. }
  498. /* line 447, ../sass/oa_sitemap_app.scss */
  499. .oa-sitemap .oa-sitemap-help > div {
  500. padding-right: 20px;
  501. }
  502. }