Advertisement
Guest User

Untitled

a guest
Mar 1st, 2017
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 59.35 KB | None | 0 0
  1. @media (min-width: 640px) {
  2. #lovelyWing {
  3. background: url(../../../lovely/logo.png) no-repeat center;
  4. background-size: auto 800px;
  5. height: 400px;
  6. position: relative;
  7. top: 3px;
  8. }
  9. .lovelyBack {
  10. background: url(../../../lovely/background.png) no-repeat center;
  11. background-size: auto 400px;
  12. height: 400px;
  13. width: 100%;
  14. position: relative;
  15. margin-bottom: -20px;
  16. z-index: -1;
  17. }
  18. }
  19. @media (max-width: 639px) {
  20. #lovelyWing {
  21. background: url(../../../lovely/logo.png) no-repeat center;
  22. background-size: auto 300px;
  23. height: 200px;
  24. position: relative;
  25. top: 3px;
  26. }
  27. .lovelyBack {
  28. background: url(../../../lovely/background.png) no-repeat center;
  29. background-size: auto 200px;
  30. height: 200px;
  31. width: 100%;
  32. position: relative;
  33. margin-bottom: -20px;
  34. z-index: -1;
  35. }
  36. }
  37. .nav-tabs > li > a {
  38. color: #555;
  39. }
  40. .nav > li > a:hover, .nav > li > a:focus {
  41. color: #555;
  42. }
  43. .row a, .row a:hover, .rowy a:focus, .row a:active, .row a.active {
  44. color: #000;
  45. }
  46. .topbar a{
  47. opacity: 0.6;
  48. }
  49. .footer p{
  50. margin: 0px;
  51. }
  52. #footer{
  53. text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
  54. background: #000000;
  55. padding: 20px 0;
  56. }
  57. #footer-copyright {
  58. float: right;
  59. padding: 0 15px;
  60. }
  61. .right {
  62. text-align: right;
  63. }
  64. .list-inline, .list-reset {
  65. margin: 0;
  66. padding: 0;
  67. list-style: none;
  68. }
  69. #copyright {
  70. margin: 0;
  71. padding: 0 15px;
  72. overflow: hidden;
  73. }
  74. #copyright {
  75. opacity: 1.0;
  76. font-size: 12px;
  77. margin-top: 5px;
  78. text-align: center;
  79. }
  80. #make-copyright {
  81. color: #fff;
  82. opacity: 0.6;
  83. position: relative;
  84. top: 15px;
  85. }
  86. #footer a {
  87. opacity: 0.6;
  88. }
  89. #copyright-userLine {
  90. display: block;
  91. }
  92. .list-inline > li {
  93. display: inline-block;
  94. vertical-align: middle;
  95. }
  96. .row {
  97. background-color: #fff;
  98. padding-top: 15px;
  99. padding-bottom: 15px;
  100. }
  101. #footer-links {
  102. padding: 0 15px;
  103. float: left;
  104. }
  105. .dropdown-menu .divider {
  106. height: 0px!important;
  107. }
  108. @media (max-width: 640px)
  109. {
  110. #topbar-first {
  111. top: 0px!important;
  112. }
  113. #topbar-second {
  114. top: 50px!important;
  115. }
  116. }
  117. /* Default */
  118. .colorDefault {
  119. color: #ededed;
  120. }
  121. .backgroundDefault {
  122. background: #ededed;
  123. }
  124. .borderDefault {
  125. border-color: #ededed;
  126. }
  127. /* Primary */
  128. .colorPrimary {
  129. color: #539898 !important;
  130. }
  131. .backgroundPrimary {
  132. background: #539898 !important;
  133. }
  134. .borderPrimary {
  135. border-color: #539898 !important;
  136. }
  137. /* Info */
  138. .colorInfo {
  139. color: #539898 !important;
  140. }
  141. .backgroundInfo {
  142. background: #539898 !important;
  143. }
  144. .borderInfo {
  145. border-color: #539898 !important;
  146. }
  147. /* Success */
  148. .colorSuccess {
  149. color: #97d271 !important;
  150. }
  151. .backgroundSuccess {
  152. background: #97d271 !important;
  153. }
  154. .borderSuccess {
  155. border-color: #97d271 !important;
  156. }
  157. /* Warning */
  158. .colorWarning {
  159. color: #fdd198 !important;
  160. }
  161. .backgroundWarning {
  162. background: #fdd198 !important;
  163. }
  164. .borderWarning {
  165. border-color: #fdd198 !important;
  166. }
  167. /* Danger */
  168. .colorDanger {
  169. color: #ff8989 !important;
  170. }
  171. .backgroundDanger {
  172. background: #ff8989 !important;
  173. }
  174. .borderDanger {
  175. border-color: #ff8989 !important;
  176. }
  177. /* Fonts */
  178. .colorFont1 {
  179. color: #bac2c7 !important;
  180. }
  181. .colorFont2 {
  182. color: #7a7a7a !important;
  183. }
  184. .colorFont3 {
  185. color: #555 !important;
  186. }
  187. .colorFont4 {
  188. color: #bebebe !important;
  189. }
  190. .colorFont5 {
  191. color: #aeaeae !important;
  192. }
  193. body {
  194. padding-top: 50px;
  195. background-color: #000;
  196. color: #777;
  197. font-family: 'Open Sans', sans-serif;
  198. }
  199. body a,
  200. body a:hover,
  201. body a:focus,
  202. body a:active,
  203. body a.active {
  204. color: #fff;
  205. text-decoration: none;
  206. }
  207. a:hover {
  208. text-decoration: none;
  209. }
  210. hr {
  211. margin-top: 10px;
  212. margin-bottom: 10px;
  213. }
  214. .col-md-1,
  215. .col-md-2,
  216. .col-md-3,
  217. .col-md-4,
  218. .col-md-5,
  219. .col-md-6,
  220. .col-md-7,
  221. .col-md-8,
  222. .col-md-9,
  223. .col-md-10,
  224. .col-md-11,
  225. .col-md-12 {
  226. position: inherit;
  227. }
  228. textarea {
  229. height: 1.5em;
  230. }
  231. h4 {
  232. font-weight: 300;
  233. font-size: 150%;
  234. }
  235. .heading {
  236. font-size: 16px;
  237. font-weight: 300;
  238. color: #555;
  239. background-color: white;
  240. border: none;
  241. padding: 10px;
  242. }
  243. .text-center {
  244. text-align: center !important;
  245. }
  246. input[type=text],
  247. input[type=password],
  248. input[type=select] {
  249. /* Remove First */
  250. -webkit-appearance: none;
  251. -moz-appearance: none;
  252. appearance: none;
  253. }
  254. .text-break {
  255. overflow-wrap: break-word;
  256. word-wrap: break-word;
  257. -ms-word-break: break-all;
  258. word-break: break-word;
  259. -ms-hyphens: auto;
  260. -moz-hyphens: auto;
  261. -webkit-hyphens: auto;
  262. hyphens: auto;
  263. }
  264. .login-container {
  265. background-color: #539898;
  266. background-image: linear-gradient(to right, #539898 0%, #8fa7b4 50%, #8fa7b4 100%), linear-gradient(to right, #7f9baa 0%, #bdcbd3 51%, #adbfc9 100%);
  267. background-size: 100% 100%;
  268. position: relative;
  269. padding-top: 40px;
  270. }
  271. .login-container .text {
  272. color: #fff;
  273. font-size: 12px;
  274. margin-bottom: 15px;
  275. }
  276. .login-container .text a {
  277. color: #fff;
  278. text-decoration: underline;
  279. }
  280. .login-container .panel a {
  281. color: #539898;
  282. }
  283. .login-container h1,
  284. .login-container h2 {
  285. color: #fff !important;
  286. }
  287. .login-container .panel {
  288. box-shadow: 0 0 15px #627d92;
  289. -moz-box-shadow: 0 0 15px #627d92;
  290. -webkit-box-shadow: 0 0 15px #627d92;
  291. }
  292. .login-container .panel .panel-heading,
  293. .login-container .panel .panel-body {
  294. padding: 15px;
  295. }
  296. .login-container select {
  297. color: #555;
  298. }
  299. #account-login-form .form-group {
  300. margin-bottom: 10px;
  301. }
  302. .topbar {
  303. position: fixed;
  304. display: block;
  305. height: 50px;
  306. width: 100%;
  307. padding-left: 15px;
  308. padding-right: 15px;
  309. }
  310. .topbar ul.nav {
  311. float: left;
  312. }
  313. .topbar ul.nav > li {
  314. float: left;
  315. }
  316. .topbar ul.nav > li > a {
  317. padding-top: 15px;
  318. padding-bottom: 15px;
  319. line-height: 20px;
  320. }
  321. .topbar .dropdown-footer {
  322. margin: 10px;
  323. }
  324. .topbar .dropdown-header {
  325. font-size: 16px;
  326. padding: 3px 10px;
  327. margin-bottom: 10px;
  328. font-weight: 300;
  329. color: #bebebe;
  330. }
  331. .topbar .dropdown-header .dropdown-header-link {
  332. position: absolute;
  333. top: 2px;
  334. right: 10px;
  335. }
  336. .topbar .dropdown-header .dropdown-header-link a {
  337. color: #539898 !important;
  338. font-size: 12px;
  339. font-weight: normal;
  340. }
  341. .topbar .dropdown-header:hover {
  342. color: #bebebe;
  343. }
  344. #topbar-first {
  345. background-color: #000;
  346. top: 0px;
  347. z-index: 1030;
  348. color: white;
  349. }
  350. #topbar-first .nav > li > a:hover,
  351. #topbar-first .nav > .open > a {
  352. background-color: #8fa7b4;
  353. }
  354. #topbar-first .nav > .account {
  355. height: 50px;
  356. margin-left: 20px;
  357. }
  358. #topbar-first .nav > .account img {
  359. margin-left: 10px;
  360. }
  361. #topbar-first .nav > .account .dropdown-toggle {
  362. padding: 10px 5px 8px;
  363. line-height: 1.1em;
  364. text-align: left;
  365. }
  366. #topbar-first .nav > .account .dropdown-toggle span {
  367. font-size: 12px;
  368. }
  369. #topbar-first .topbar-brand {
  370. position: relative;
  371. z-index: 2;
  372. }
  373. #topbar-first .topbar-actions {
  374. position: relative;
  375. z-index: 3;
  376. }
  377. #topbar-first .notifications {
  378. position: absolute;
  379. left: 0;
  380. right: 0;
  381. text-align: center;
  382. z-index: 1;
  383. }
  384. #topbar-first .notifications .btn-group {
  385. position: relative;
  386. text-align: left;
  387. }
  388. #topbar-first .notifications .btn-group > a {
  389. padding: 5px 10px;
  390. margin: 10px 2px;
  391. display: inline-block;
  392. border-radius: 2px;
  393. text-decoration: none;
  394. text-align: left;
  395. }
  396. #topbar-first .notifications .btn-group > .label {
  397. position: absolute;
  398. top: 4px;
  399. right: -2px;
  400. }
  401. #topbar-first .notifications .arrow:after {
  402. position: absolute;
  403. display: block;
  404. width: 0;
  405. height: 0;
  406. border-color: transparent;
  407. border-style: solid;
  408. border-width: 10px;
  409. content: " ";
  410. top: 1px;
  411. margin-left: -10px;
  412. border-top-width: 0;
  413. border-bottom-color: #fff;
  414. z-index: 1035;
  415. }
  416. #topbar-first .notifications .arrow {
  417. position: absolute;
  418. display: block;
  419. width: 0;
  420. height: 0;
  421. border-color: transparent;
  422. border-style: solid;
  423. z-index: 1001;
  424. border-width: 11px;
  425. left: 50%;
  426. margin-left: -18px;
  427. border-top-width: 0;
  428. border-bottom-color: rgba(0, 0, 0, 0.15);
  429. top: -19px;
  430. z-index: 1035;
  431. }
  432. #topbar-first .notifications .dropdown-menu {
  433. width: 350px;
  434. margin-left: -148px;
  435. }
  436. #topbar-first .notifications .dropdown-menu ul.media-list {
  437. max-height: 400px;
  438. overflow: auto;
  439. }
  440. #topbar-first .notifications .dropdown-menu li {
  441. position: relative;
  442. }
  443. #topbar-first .notifications .dropdown-menu li i.approval {
  444. position: absolute;
  445. left: 2px;
  446. top: 36px;
  447. font-size: 14px;
  448. }
  449. #topbar-first .notifications .dropdown-menu li i.accepted {
  450. color: #5cb85c;
  451. }
  452. #topbar-first .notifications .dropdown-menu li i.declined {
  453. color: #d9534f;
  454. }
  455. #topbar-first .notifications .dropdown-menu li .media {
  456. position: relative;
  457. }
  458. #topbar-first .notifications .dropdown-menu li .media .img-space {
  459. position: absolute;
  460. top: 14px;
  461. left: 14px;
  462. }
  463. #topbar-first .dropdown-footer {
  464. margin: 10px 10px 5px;
  465. }
  466. #topbar-first a {
  467. color: white;
  468. }
  469. #topbar-first .caret {
  470. border-top-color: #bebebe;
  471. }
  472. #topbar-first .btn-group > a {
  473. background-color: rgba(255,255,255,0.3);;
  474. }
  475. #topbar-first .btn-enter {
  476. background-color: #539898;
  477. margin: 6px 0;
  478. }
  479. #topbar-first .btn-enter:hover {
  480. background-color: #64B4B4;
  481. }
  482. #topbar-first .media-list a {
  483. color: #555;
  484. padding: 0;
  485. }
  486. #topbar-first .media-list li {
  487. color: #555;
  488. }
  489. #topbar-first .media-list li i.accepted {
  490. color: #539898 !important;
  491. }
  492. #topbar-first .media-list li i.declined {
  493. color: #ff8989 !important;
  494. }
  495. #topbar-first .media-list li.placeholder {
  496. border-bottom: none;
  497. }
  498. #topbar-first .media-list .media .media-body .label {
  499. padding: 0.1em 0.5em;
  500. }
  501. #topbar-first .account .user-title {
  502. text-align: right;
  503. }
  504. #topbar-first .account .user-title span {
  505. color: #d7d7d7;
  506. }
  507. #topbar-first .dropdown.account > a,
  508. #topbar-first .dropdown.account.open > a,
  509. #topbar-first .dropdown.account > a:hover,
  510. #topbar-first .dropdown.account.open > a:hover {
  511. background-color: #000;
  512. }
  513. #topbar-second {
  514. top: 50px;
  515. background-color: rgba(0,0,0,0.5);;
  516. z-index: 1029;
  517. background-image: none;
  518. -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  519. -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  520. box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  521. }
  522. #topbar-second .dropdown-menu {
  523. padding-top: 0;
  524. padding-bottom: 0;
  525. }
  526. #topbar-second .dropdown-menu .divider {
  527. margin: 0;
  528. }
  529. #topbar-second #space-menu-dropdown,
  530. #topbar-second #search-menu-dropdown {
  531. width: 400px;
  532. }
  533. #topbar-second #space-menu-dropdown .media-list,
  534. #topbar-second #search-menu-dropdown .media-list {
  535. max-height: 400px;
  536. overflow: auto;
  537. }
  538. @media screen and (max-width: 768px) {
  539. #topbar-second #space-menu-dropdown .media-list,
  540. #topbar-second #search-menu-dropdown .media-list {
  541. max-height: 200px;
  542. }
  543. }
  544. #topbar-second #space-menu-dropdown form,
  545. #topbar-second #search-menu-dropdown form {
  546. margin: 10px;
  547. }
  548. #topbar-second #space-menu-dropdown .search-reset,
  549. #topbar-second #search-menu-dropdown .search-reset {
  550. position: absolute;
  551. color: #BFBFBF;
  552. margin: 7px;
  553. top: 0px;
  554. right: 40px;
  555. z-index: 10;
  556. display: none;
  557. cursor: pointer;
  558. }
  559. #topbar-second .nav > li > a {
  560. padding: 6px 13px 0;
  561. text-decoration: none;
  562. text-shadow: none;
  563. font-weight: 600;
  564. font-size: 10px;
  565. text-transform: uppercase;
  566. text-align: center;
  567. min-height: 49px;
  568. }
  569. #topbar-second .nav > li > a:hover,
  570. #topbar-second .nav > li > a:active,
  571. #topbar-second .nav > li > a:focus {
  572. border-bottom: 3px solid #539898;
  573. background-color: rgba(0,0,0,0.5);
  574. color: #fff;
  575. text-decoration: none;
  576. }
  577. #topbar-second .nav > li > a i {
  578. font-size: 14px;
  579. }
  580. #topbar-second .nav > li > a .caret {
  581. border-top-color: #7a7a7a;
  582. }
  583. #topbar-second .nav > li > ul > li > a {
  584. border-left: 3px solid #fff;
  585. background-color: #fff;
  586. color: #000;
  587. }
  588. #topbar-second .nav > li > ul > li > a:hover,
  589. #topbar-second .nav > li > ul > li > a.active {
  590. border-left: 3px solid #539898;
  591. background-color: #f7f7f7;
  592. color: #000;
  593. }
  594. #topbar-second .nav > li.active > a {
  595. min-height: 46px;
  596. }
  597. #topbar-second .nav > li > a#space-menu {
  598. padding-right: 13px;
  599. }
  600. #topbar-second .nav > li > a#search-menu {
  601. padding-top: 15px;
  602. }
  603. #topbar-second .nav > li > a:hover,
  604. #topbar-second .nav .open > a,
  605. #topbar-second .nav > li.active {
  606. border-bottom: 3px solid #539898;
  607. background-color: rgba(0,0,0,0.5);
  608. color: #fff;
  609. }
  610. #topbar-second .nav > li.active > a:hover {
  611. border-bottom: none;
  612. }
  613. #topbar-second #space-menu-dropdown li > ul > li > a > .media .media-body p {
  614. color: #bebebe;
  615. font-size: 11px;
  616. margin: 0;
  617. font-weight: 400;
  618. }
  619. .dropdown-menu li a {
  620. font-size: 13px !important;
  621. font-weight: 600 !important;
  622. }
  623. .dropdown-menu li a i {
  624. margin-right: 5px;
  625. font-size: 14px;
  626. display: inline-block;
  627. width: 14px;
  628. }
  629. .dropdown-menu li a:hover,
  630. .dropdown-menu li a:visited,
  631. .dropdown-menu li a:hover,
  632. .dropdown-menu li a:focus {
  633. background: none;
  634. cursor: pointer;
  635. }
  636. .dropdown-menu li:hover,
  637. .dropdown-menu li.selected {
  638. color: #555;
  639. }
  640. .dropdown-menu li:first-child {
  641. margin-top: 3px;
  642. }
  643. .dropdown-menu li:last-child {
  644. margin-bottom: 3px;
  645. }
  646. .media-list li {
  647. padding: 10px;
  648. border-bottom: 1px solid #eee;
  649. position: relative;
  650. border-left: 3px solid white;
  651. font-size: 12px;
  652. }
  653. .media-list li a {
  654. color: #555;
  655. }
  656. .media-list .badge-space-type {
  657. background-color: #f7f7f7;
  658. border: 1px solid #d7d7d7;
  659. color: #b2b2b2;
  660. padding: 3px 3px 2px 3px;
  661. }
  662. .media-list li.new {
  663. border-left: 3px solid #f3fcfd;
  664. background-color: #f3fcfd;
  665. }
  666. .media-list li:hover,
  667. .media-list li.selected {
  668. background-color: #f7f7f7;
  669. border-left: 3px solid #539898;
  670. }
  671. .media-left,
  672. .media > .pull-left {
  673. padding-right: 0;
  674. margin-right: 10px;
  675. }
  676. .media:after {
  677. content: '';
  678. clear: both;
  679. display: block;
  680. }
  681. .media .time {
  682. font-size: 11px;
  683. color: #bebebe;
  684. }
  685. .media .img-space {
  686. position: absolute;
  687. top: 35px;
  688. left: 35px;
  689. }
  690. .media .media-body {
  691. font-size: 13px;
  692. color: #000;
  693. }
  694. .media .media-body h4.media-heading {
  695. font-size: 14px;
  696. font-weight: 500;
  697. color: #555;
  698. }
  699. .media .media-body h4.media-heading a {
  700. color: #555;
  701. }
  702. .media .media-body h4.media-heading small,
  703. .media .media-body h4.media-heading small a {
  704. font-size: 11px;
  705. color: #bebebe;
  706. }
  707. .media .media-body h4.media-heading .content {
  708. margin-right: 35px;
  709. }
  710. .media .media-body .content a {
  711. word-break: break-all;
  712. }
  713. .media .media-body h5 {
  714. color: #aeaeae;
  715. font-weight: 300;
  716. margin-top: 5px;
  717. margin-bottom: 5px;
  718. min-height: 15px;
  719. }
  720. .media .media-body .module-controls {
  721. font-size: 85%;
  722. }
  723. .media .media-body .module-controls a {
  724. color: #539898;
  725. }
  726. .media .content a {
  727. color: #539898;
  728. }
  729. .media .content .files a {
  730. color: #555;
  731. }
  732. .content span {
  733. overflow-wrap: break-word;
  734. word-wrap: break-word;
  735. -ms-word-break: break-all;
  736. word-break: break-word;
  737. -ms-hyphens: auto;
  738. -moz-hyphens: auto;
  739. -webkit-hyphens: auto;
  740. hyphens: auto;
  741. }
  742. .module-installed {
  743. opacity: 0.5;
  744. }
  745. .module-installed .label-success {
  746. background-color: #d7d7d7;
  747. }
  748. .modal .dropdown-menu,
  749. .panel .dropdown-menu,
  750. .nav-tabs .dropdown-menu {
  751. border: 1px solid #d7d7d7;
  752. }
  753. .modal .dropdown-menu li.divider,
  754. .panel .dropdown-menu li.divider,
  755. .nav-tabs .dropdown-menu li.divider {
  756. background-color: #f7f7f7;
  757. border-bottom: none;
  758. margin: 9px 1px !important;
  759. }
  760. .modal .dropdown-menu li,
  761. .panel .dropdown-menu li,
  762. .nav-tabs .dropdown-menu li {
  763. border-left: 3px solid white;
  764. }
  765. .modal .dropdown-menu li a,
  766. .panel .dropdown-menu li a,
  767. .nav-tabs .dropdown-menu li a {
  768. color: #555;
  769. font-size: 14px;
  770. font-weight: 400;
  771. padding: 4px 15px;
  772. }
  773. .modal .dropdown-menu li a i,
  774. .panel .dropdown-menu li a i,
  775. .nav-tabs .dropdown-menu li a i {
  776. margin-right: 5px;
  777. }
  778. .modal .dropdown-menu li a:hover,
  779. .panel .dropdown-menu li a:hover,
  780. .nav-tabs .dropdown-menu li a:hover {
  781. background: none;
  782. }
  783. .modal .dropdown-menu li:hover,
  784. .panel .dropdown-menu li:hover,
  785. .nav-tabs .dropdown-menu li:hover,
  786. .modal .dropdown-menu li.selected,
  787. .panel .dropdown-menu li.selected,
  788. .nav-tabs .dropdown-menu li.selected {
  789. border-left: 3px solid #539898;
  790. background-color: #f7f7f7 !important;
  791. }
  792. .panel {
  793. border: none;
  794. background-color: #fff;
  795. box-shadow: 0 0 3px #dadada;
  796. -webkit-box-shadow: 0 0 3px #dadada;
  797. -moz-box-shadow: 0 0 3px #dadada;
  798. border-radius: 4px;
  799. position: relative;
  800. }
  801. .panel h1 {
  802. font-size: 16px;
  803. font-weight: 300;
  804. margin-top: 0;
  805. color: #555;
  806. }
  807. .panel .panel-heading {
  808. font-size: 16px;
  809. font-weight: 300;
  810. color: #555;
  811. background-color: white;
  812. border: none;
  813. padding: 10px;
  814. border-radius: 4px;
  815. }
  816. .panel .panel-heading .heading-link {
  817. color: #539898 !important;
  818. font-size: 0.8em;
  819. }
  820. .panel .panel-body {
  821. padding: 10px;
  822. font-size: 13px;
  823. }
  824. .panel .panel-body p {
  825. color: #555;
  826. }
  827. .panel .statistics .entry {
  828. margin-left: 20px;
  829. font-size: 12px;
  830. }
  831. .panel .statistics .entry .count {
  832. color: #539898;
  833. font-weight: 600;
  834. font-size: 20px;
  835. line-height: 0.8em;
  836. }
  837. .panel h3.media-heading small {
  838. font-size: 75%;
  839. }
  840. .panel h3.media-heading small a {
  841. color: #539898;
  842. }
  843. .panel-danger {
  844. border: 2px solid #ff8989;
  845. }
  846. .panel-danger .panel-heading {
  847. color: #ff8989;
  848. }
  849. .panel-success {
  850. border: 2px solid #97d271;
  851. }
  852. .panel-success .panel-heading {
  853. color: #97d271;
  854. }
  855. .panel-warning {
  856. border: 2px solid #fdd198;
  857. }
  858. .panel-warning .panel-heading {
  859. color: #fdd198;
  860. }
  861. .panel.profile {
  862. position: relative;
  863. }
  864. .panel.profile .controls {
  865. position: absolute;
  866. top: 10px;
  867. right: 10px;
  868. }
  869. .panel.members .panel-body a img,
  870. .panel.groups .panel-body a img,
  871. .panel.follower .panel-body a img,
  872. .panel.spaces .panel-body a img {
  873. margin-bottom: 5px;
  874. }
  875. .panel-profile .panel-profile-header {
  876. position: relative;
  877. border: 3px solid #fff;
  878. border-top-right-radius: 3px;
  879. border-top-left-radius: 3px;
  880. }
  881. .panel-profile .panel-profile-header .img-profile-header-background {
  882. border-radius: 3px;
  883. min-height: 110px;
  884. }
  885. .panel-profile .panel-profile-header .img-profile-data {
  886. position: absolute;
  887. height: 100px;
  888. width: 100%;
  889. bottom: 0;
  890. left: 0;
  891. padding-left: 180px;
  892. padding-top: 30px;
  893. border-bottom-right-radius: 3px;
  894. border-bottom-left-radius: 3px;
  895. color: #fff;
  896. pointer-events: none;
  897. background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
  898. /* FF3.6+ */
  899. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.38)));
  900. /* Chrome,Safari4+ */
  901. background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
  902. /* Chrome10+,Safari5.1+ */
  903. background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
  904. /* Opera 11.10+ */
  905. background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
  906. /* IE10+ */
  907. background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
  908. /* W3C */
  909. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#94000000', GradientType=0);
  910. /* IE6-9 */
  911. }
  912. .panel-profile .panel-profile-header .img-profile-data h1 {
  913. font-size: 30px;
  914. font-weight: 100;
  915. margin-bottom: 7px;
  916. color: #fff;
  917. max-width: 600px;
  918. white-space: nowrap;
  919. overflow: hidden;
  920. text-overflow: ellipsis;
  921. }
  922. .panel-profile .panel-profile-header .img-profile-data h2 {
  923. font-size: 16px;
  924. font-weight: 400;
  925. margin-top: 0;
  926. }
  927. .panel-profile .panel-profile-header .img-profile-data h1.space {
  928. font-size: 30px;
  929. font-weight: 700;
  930. }
  931. .panel-profile .panel-profile-header .img-profile-data h2.space {
  932. font-size: 13px;
  933. font-weight: 300;
  934. max-width: 600px;
  935. white-space: nowrap;
  936. overflow: hidden;
  937. text-overflow: ellipsis;
  938. }
  939. .panel-profile .panel-profile-header .profile-user-photo-container {
  940. position: absolute;
  941. bottom: -50px;
  942. left: 15px;
  943. }
  944. .panel-profile .panel-profile-header .profile-user-photo-container .profile-user-photo {
  945. border: 3px solid #fff;
  946. border-radius: 5px;
  947. }
  948. .panel-profile .panel-profile-controls {
  949. padding-left: 160px;
  950. }
  951. .installer .logo {
  952. text-align: center;
  953. }
  954. .installer h2 {
  955. font-weight: 100;
  956. }
  957. .installer .panel {
  958. margin-top: 50px;
  959. }
  960. .installer .panel h3 {
  961. margin-top: 0;
  962. }
  963. .installer .powered,
  964. .installer .powered a {
  965. color: #bac2c7 !important;
  966. margin-top: 10px;
  967. font-size: 12px;
  968. }
  969. .installer .fa {
  970. width: 18px;
  971. }
  972. .installer .check-ok {
  973. color: #97d271;
  974. }
  975. .installer .check-warning {
  976. color: #fdd198;
  977. }
  978. .installer .check-error {
  979. color: #ff8989;
  980. }
  981. .installer .prerequisites-list ul {
  982. list-style: none;
  983. padding-left: 15px;
  984. }
  985. .installer .prerequisites-list ul li {
  986. padding-bottom: 5px;
  987. }
  988. .space-acronym {
  989. color: #fff;
  990. text-align: center;
  991. display: inline-block;
  992. }
  993. .current-space-image {
  994. margin-right: 3px;
  995. margin-top: 3px;
  996. }
  997. .pagination-container {
  998. text-align: center;
  999. }
  1000. .pagination > .active > a,
  1001. .pagination > .active > span,
  1002. .pagination > .active > a:hover,
  1003. .pagination > .active > span:hover,
  1004. .pagination > .active > a:focus,
  1005. .pagination > .active > span:focus {
  1006. background-color: #539898;
  1007. border-color: #539898;
  1008. }
  1009. .pagination > li > a,
  1010. .pagination > li > span,
  1011. .pagination > li > a:hover,
  1012. .pagination > li > a:active,
  1013. .pagination > li > a:focus {
  1014. color: #555;
  1015. }
  1016. .well-small {
  1017. padding: 10px;
  1018. border-radius: 3px;
  1019. }
  1020. .well {
  1021. border: none;
  1022. box-shadow: none;
  1023. background-color: #ededed;
  1024. margin-bottom: 1px;
  1025. }
  1026. .well hr {
  1027. margin: 15px 0 10px;
  1028. border-top: 1px solid #d9d9d9;
  1029. }
  1030. .well table > thead {
  1031. font-size: 11px;
  1032. }
  1033. .img-rounded {
  1034. -webkit-border-radius: 3px;
  1035. -moz-border-radius: 3px;
  1036. border-radius: 3px;
  1037. }
  1038. .tab-sub-menu {
  1039. padding-left: 10px;
  1040. }
  1041. .tab-sub-menu li > a:hover,
  1042. .tab-sub-menu li > a:focus {
  1043. background-color: #f7f7f7;
  1044. border-bottom-color: #ddd;
  1045. }
  1046. .tab-sub-menu li.active > a {
  1047. background-color: #FFFFFF;
  1048. border-bottom-color: transparent;
  1049. }
  1050. .tab-menu {
  1051. padding-top: 10px;
  1052. background-color: #FFFFFF;
  1053. }
  1054. .tab-menu .nav-tabs {
  1055. padding-left: 10px;
  1056. }
  1057. .tab-menu .nav-tabs li > a {
  1058. padding-top: 12px;
  1059. border-color: #ddd;
  1060. border-bottom: 1px solid #ddd;
  1061. background-color: #f7f7f7;
  1062. max-height: 41px;
  1063. outline: none;
  1064. }
  1065. .tab-menu .nav-tabs li > a:hover,
  1066. .tab-menu .nav-tabs li > a:focus {
  1067. padding-top: 10px;
  1068. border-top: 3px solid #ddd;
  1069. }
  1070. .tab-menu .nav-tabs li > a:hover {
  1071. background-color: #f7f7f7;
  1072. }
  1073. .tab-menu .nav-tabs li.active > a,
  1074. .tab-menu .nav-tabs li.active > a:hover {
  1075. padding-top: 10px;
  1076. border-top: 3px solid #539898;
  1077. }
  1078. .tab-menu .nav-tabs li.active > a {
  1079. background-color: #FFFFFF;
  1080. border-bottom-color: transparent;
  1081. }
  1082. .nav-pills .dropdown-menu,
  1083. .nav-tabs .dropdown-menu,
  1084. .account .dropdown-menu {
  1085. background-color: rgba(0,0,0,0.5);
  1086. border: none;
  1087. }
  1088. .nav-pills .dropdown-menu li.divider,
  1089. .nav-tabs .dropdown-menu li.divider,
  1090. .account .dropdown-menu li.divider {
  1091. background-color: rgba(0,0,0,0.3);
  1092. border-bottom: none;
  1093. margin: 9px 1px !important;
  1094. }
  1095. .nav-pills .dropdown-menu li,
  1096. .nav-tabs .dropdown-menu li,
  1097. .account .dropdown-menu li {
  1098. border-left: 3px solid #64B4B4;
  1099. }
  1100. .nav-pills .dropdown-menu li a,
  1101. .nav-tabs .dropdown-menu li a,
  1102. .account .dropdown-menu li a {
  1103. color: white;
  1104. font-weight: 400;
  1105. font-size: 13px;
  1106. padding: 4px 15px;
  1107. }
  1108. .nav-pills .dropdown-menu li a i,
  1109. .nav-tabs .dropdown-menu li a i,
  1110. .account .dropdown-menu li a i {
  1111. margin-right: 5px;
  1112. font-size: 14px;
  1113. display: inline-block;
  1114. width: 14px;
  1115. }
  1116. .nav-pills .dropdown-menu li a:hover,
  1117. .nav-tabs .dropdown-menu li a:hover,
  1118. .account .dropdown-menu li a:hover,
  1119. .nav-pills .dropdown-menu li a:visited,
  1120. .nav-tabs .dropdown-menu li a:visited,
  1121. .account .dropdown-menu li a:visited,
  1122. .nav-pills .dropdown-menu li a:hover,
  1123. .nav-tabs .dropdown-menu li a:hover,
  1124. .account .dropdown-menu li a:hover,
  1125. .nav-pills .dropdown-menu li a:focus,
  1126. .nav-tabs .dropdown-menu li a:focus,
  1127. .account .dropdown-menu li a:focus {
  1128. background: none;
  1129. }
  1130. .nav-pills .dropdown-menu li:hover,
  1131. .nav-tabs .dropdown-menu li:hover,
  1132. .account .dropdown-menu li:hover,
  1133. .nav-pills .dropdown-menu li.selected,
  1134. .nav-tabs .dropdown-menu li.selected,
  1135. .account .dropdown-menu li.selected {
  1136. border-left: 3px solid #539898;
  1137. color: #fff !important;
  1138. background-color: rgba(0,0,0,0.5) !important;
  1139. }
  1140. .nav-pills.preferences .dropdown .dropdown-toggle {
  1141. color: #bebebe;
  1142. }
  1143. .nav-pills.preferences .dropdown.open .dropdown-toggle,
  1144. .nav-pills.preferences .dropdown.open .dropdown-toggle:hover {
  1145. background-color: #539898;
  1146. }
  1147. .popover {
  1148. border: 1px solid rgba(0, 0, 0, 0.15);
  1149. border-radius: 4px;
  1150. -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  1151. -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  1152. box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  1153. }
  1154. .popover .popover-title {
  1155. background: none;
  1156. border-bottom: none;
  1157. color: #555;
  1158. font-weight: 300;
  1159. font-size: 16px;
  1160. padding: 15px;
  1161. }
  1162. .popover .popover-content {
  1163. font-size: 13px;
  1164. padding: 5px 15px;
  1165. color: #555;
  1166. }
  1167. .popover .popover-content img {
  1168. max-height: 200px;
  1169. max-width: 100%;
  1170. }
  1171. .popover .popover-content a {
  1172. color: #539898;
  1173. }
  1174. .popover .popover-navigation {
  1175. padding: 15px;
  1176. }
  1177. .nav-pills > li.active > a,
  1178. .nav-pills > li.active > a:hover,
  1179. .nav-pills > li.active > a:focus {
  1180. background-color: #539898;
  1181. }
  1182. .nav-tabs {
  1183. margin-bottom: 10px;
  1184. }
  1185. .list-group a [class^="fa-"],
  1186. .list-group a [class*=" fa-"] {
  1187. display: inline-block;
  1188. width: 18px;
  1189. }
  1190. .nav-pills.preferences {
  1191. position: absolute;
  1192. right: 10px;
  1193. top: 10px;
  1194. }
  1195. .nav-pills.preferences .dropdown .dropdown-toggle {
  1196. padding: 2px 10px;
  1197. }
  1198. .nav-pills.preferences .dropdown.open .dropdown-toggle,
  1199. .nav-pills.preferences .dropdown.open .dropdown-toggle:hover {
  1200. color: white;
  1201. }
  1202. .nav-tabs li {
  1203. font-weight: 600;
  1204. font-size: 12px;
  1205. }
  1206. .tab-content .tab-pane a {
  1207. color: #539898;
  1208. }
  1209. .tab-content .tab-pane .form-group {
  1210. margin-bottom: 5px;
  1211. }
  1212. .nav-tabs.tabs-center li {
  1213. float: none;
  1214. display: inline-block;
  1215. }
  1216. .nav-tabs.tabs-small li > a {
  1217. padding: 5px 7px;
  1218. }
  1219. .nav .caret,
  1220. .nav .caret:hover,
  1221. .nav .caret:active {
  1222. border-top-color: #555;
  1223. border-bottom-color: #555;
  1224. }
  1225. .nav li.dropdown > a:hover .caret,
  1226. .nav li.dropdown > a:active .caret {
  1227. border-top-color: #555;
  1228. border-bottom-color: #555;
  1229. }
  1230. .nav .open > a .caret,
  1231. .nav .open > a:hover .caret,
  1232. .nav .open > a:focus .caret {
  1233. border-top-color: #555;
  1234. border-bottom-color: #555;
  1235. }
  1236. .nav .open > a,
  1237. .nav .open > a:hover,
  1238. .nav .open > a:focus {
  1239. border-color: #ededed;
  1240. color: #555;
  1241. }
  1242. .nav .open > a .caret,
  1243. .nav .open > a:hover .caret,
  1244. .nav .open > a:focus .caret {
  1245. color: #555;
  1246. }
  1247. .btn {
  1248. float: none;
  1249. border: none;
  1250. -webkit-box-shadow: none;
  1251. box-shadow: none;
  1252. -moz-box-shadow: none;
  1253. background-image: none;
  1254. text-shadow: none;
  1255. border-radius: 3px;
  1256. outline: none !important;
  1257. margin-bottom: 0;
  1258. font-size: 14px;
  1259. font-weight: 600;
  1260. padding: 8px 16px;
  1261. }
  1262. .input.btn {
  1263. outline: none;
  1264. }
  1265. .btn-lg {
  1266. padding: 16px 28px;
  1267. }
  1268. .btn-sm {
  1269. padding: 4px 8px;
  1270. font-size: 12px;
  1271. }
  1272. .btn-sm i {
  1273. font-size: 14px;
  1274. }
  1275. .btn-xs {
  1276. padding: 1px 5px;
  1277. font-size: 12px;
  1278. }
  1279. .btn-default {
  1280. background: #ededed;
  1281. color: #7a7a7a !important;
  1282. }
  1283. .btn-default:hover,
  1284. .btn-default:focus {
  1285. background: #e8e8e8;
  1286. text-decoration: none;
  1287. color: #7a7a7a;
  1288. }
  1289. .btn-default:active,
  1290. .btn-default.active {
  1291. outline: 0;
  1292. background: #e0e0e0;
  1293. }
  1294. .btn-default[disabled],
  1295. .btn-default.disabled {
  1296. background: #f2f2f2;
  1297. }
  1298. .btn-default[disabled]:hover,
  1299. .btn-default.disabled:hover,
  1300. .btn-default[disabled]:focus,
  1301. .btn-default.disabled:focus {
  1302. background: #f2f2f2;
  1303. }
  1304. .btn-default[disabled]:active,
  1305. .btn-default.disabled:active,
  1306. .btn-default[disabled].active,
  1307. .btn-default.disabled.active {
  1308. background: #f2f2f2;
  1309. }
  1310. .btn-primary {
  1311. background: #539898;
  1312. color: white !important;
  1313. }
  1314. .btn-primary:hover,
  1315. .btn-primary:focus {
  1316. background: #64B4B4 ;
  1317. text-decoration: none;
  1318. }
  1319. .btn-primary:active,
  1320. .btn-primary.active {
  1321. outline: 0;
  1322. background: #64B4B4 !important;
  1323. }
  1324. .btn-primary[disabled],
  1325. .btn-primary.disabled {
  1326. background: #7f9baa;
  1327. }
  1328. .btn-primary[disabled]:hover,
  1329. .btn-primary.disabled:hover,
  1330. .btn-primary[disabled]:focus,
  1331. .btn-primary.disabled:focus {
  1332. background: #7f9baa;
  1333. }
  1334. .btn-primary[disabled]:active,
  1335. .btn-primary.disabled:active,
  1336. .btn-primary[disabled].active,
  1337. .btn-primary.disabled.active {
  1338. background: #7f9baa !important;
  1339. }
  1340. .btn-info {
  1341. background: #539898;
  1342. color: white !important;
  1343. }
  1344. .btn-info:hover,
  1345. .btn-info:focus {
  1346. background: #64B4B4 !important;
  1347. text-decoration: none;
  1348. }
  1349. .btn-info:active,
  1350. .btn-info.active {
  1351. outline: 0;
  1352. background: #64B4B4;
  1353. }
  1354. .btn-info[disabled],
  1355. .btn-info.disabled {
  1356. background: #85e0ec;
  1357. }
  1358. .btn-info[disabled]:hover,
  1359. .btn-info.disabled:hover,
  1360. .btn-info[disabled]:focus,
  1361. .btn-info.disabled:focus {
  1362. background: #85e0ec;
  1363. }
  1364. .btn-info[disabled]:active,
  1365. .btn-info.disabled:active,
  1366. .btn-info[disabled].active,
  1367. .btn-info.disabled.active {
  1368. background: #85e0ec !important;
  1369. }
  1370. .btn-danger {
  1371. background: #ff8989;
  1372. color: white !important;
  1373. }
  1374. .btn-danger:hover,
  1375. .btn-danger:focus {
  1376. background: #ff6f6f;
  1377. text-decoration: none;
  1378. }
  1379. .btn-danger:active,
  1380. .btn-danger.active {
  1381. outline: 0;
  1382. background: #ff6f6f !important;
  1383. }
  1384. .btn-danger[disabled],
  1385. .btn-danger.disabled {
  1386. background: #ffa3a3;
  1387. }
  1388. .btn-danger[disabled]:hover,
  1389. .btn-danger.disabled:hover,
  1390. .btn-danger[disabled]:focus,
  1391. .btn-danger.disabled:focus {
  1392. background: #ffa3a3;
  1393. }
  1394. .btn-danger[disabled]:active,
  1395. .btn-danger.disabled:active,
  1396. .btn-danger[disabled].active,
  1397. .btn-danger.disabled.active {
  1398. background: #ffa3a3 !important;
  1399. }
  1400. .btn-success {
  1401. background: #97d271;
  1402. color: white !important;
  1403. }
  1404. .btn-success:hover,
  1405. .btn-success:focus {
  1406. background: #89cc5e;
  1407. text-decoration: none;
  1408. }
  1409. .btn-success:active,
  1410. .btn-success.active {
  1411. outline: 0;
  1412. background: #89cc5e !important;
  1413. }
  1414. .btn-success[disabled],
  1415. .btn-success.disabled {
  1416. background: #a5d884;
  1417. }
  1418. .btn-success[disabled]:hover,
  1419. .btn-success.disabled:hover,
  1420. .btn-success[disabled]:focus,
  1421. .btn-success.disabled:focus {
  1422. background: #a5d884;
  1423. }
  1424. .btn-success[disabled]:active,
  1425. .btn-success.disabled:active,
  1426. .btn-success[disabled].active,
  1427. .btn-success.disabled.active {
  1428. background: #a5d884 !important;
  1429. }
  1430. .btn-warning {
  1431. background: #fdd198;
  1432. color: white !important;
  1433. }
  1434. .btn-warning:hover,
  1435. .btn-warning:focus {
  1436. background: #fdcd8e;
  1437. text-decoration: none;
  1438. }
  1439. .btn-warning:active,
  1440. .btn-warning.active {
  1441. outline: 0;
  1442. background: #fdcd8e !important;
  1443. }
  1444. .btn-warning[disabled],
  1445. .btn-warning.disabled {
  1446. background: #fddcb1;
  1447. }
  1448. .btn-warning[disabled]:hover,
  1449. .btn-warning.disabled:hover,
  1450. .btn-warning[disabled]:focus,
  1451. .btn-warning.disabled:focus {
  1452. background: #fddcb1;
  1453. }
  1454. .btn-warning[disabled]:active,
  1455. .btn-warning.disabled:active,
  1456. .btn-warning[disabled].active,
  1457. .btn-warning.disabled.active {
  1458. background: #fddcb1 !important;
  1459. }
  1460. .radio,
  1461. .checkbox {
  1462. margin-top: 5px !important;
  1463. margin-bottom: 0;
  1464. }
  1465. .radio label,
  1466. .checkbox label {
  1467. padding-left: 10px;
  1468. }
  1469. .form-control {
  1470. border: 2px solid #ededed;
  1471. box-shadow: none;
  1472. }
  1473. .form-control:focus {
  1474. border: 2px solid #539898;
  1475. outline: 0;
  1476. box-shadow: none;
  1477. }
  1478. .form-control.form-search {
  1479. border-radius: 30px;
  1480. background-image: url("../img/icon_search16x16.png");
  1481. background-repeat: no-repeat;
  1482. background-position: 10px 8px;
  1483. padding-left: 34px;
  1484. }
  1485. .form-group-search {
  1486. position: relative;
  1487. }
  1488. .form-group-search .form-button-search {
  1489. position: absolute;
  1490. top: 4px;
  1491. right: 4px;
  1492. border-radius: 30px;
  1493. }
  1494. textarea {
  1495. resize: none;
  1496. }
  1497. select.form-control {
  1498. -webkit-appearance: none;
  1499. -moz-appearance: none;
  1500. appearance: none;
  1501. background-image: url("../img/select_arrow.png") !important;
  1502. background-repeat: no-repeat;
  1503. background-position: right 13px;
  1504. overflow: hidden;
  1505. }
  1506. label {
  1507. font-weight: normal;
  1508. }
  1509. label.control-label {
  1510. font-weight: bold;
  1511. }
  1512. ::-webkit-input-placeholder {
  1513. color: #bebebe !important;
  1514. }
  1515. ::-moz-placeholder {
  1516. color: #bebebe !important;
  1517. }
  1518. /* firefox 19+ */
  1519. :-ms-input-placeholder {
  1520. color: #bebebe !important;
  1521. }
  1522. /* ie */
  1523. input:-moz-placeholder {
  1524. color: #bebebe !important;
  1525. }
  1526. .help-block-error {
  1527. font-size: 12px;
  1528. }
  1529. .help-block:not(.help-block-error) {
  1530. color: #aeaeae !important;
  1531. font-size: 12px;
  1532. }
  1533. .input-group-addon {
  1534. border: none;
  1535. }
  1536. .label {
  1537. text-transform: uppercase;
  1538. }
  1539. .label {
  1540. text-transform: uppercase;
  1541. display: inline-block;
  1542. padding: 3px 5px 4px;
  1543. font-weight: 600;
  1544. font-size: 10px !important;
  1545. color: white !important;
  1546. vertical-align: baseline;
  1547. white-space: nowrap;
  1548. text-shadow: none;
  1549. }
  1550. .label-default {
  1551. background: #ededed;
  1552. color: #7a7a7a !important;
  1553. }
  1554. a.label-default:hover {
  1555. background: #e0e0e0 !important;
  1556. }
  1557. .label-info {
  1558. background-color: #539898;
  1559. }
  1560. a.label-info:hover {
  1561. background: #64B4B4 !important;
  1562. }
  1563. .label-danger {
  1564. background-color: #ff8989;
  1565. }
  1566. a.label-danger:hover {
  1567. background: #ff6f6f !important;
  1568. }
  1569. .label-success {
  1570. background-color: #539898;
  1571. }
  1572. a.label-success:hover {
  1573. background: #64B4B4 !important;
  1574. }
  1575. .label-warning {
  1576. background-color: #fdd198;
  1577. }
  1578. a.label-warning:hover {
  1579. background: #fdc67f !important;
  1580. }
  1581. .alert-default {
  1582. color: #555;
  1583. background-color: #f7f7f7;
  1584. border-color: #ededed;
  1585. font-size: 13px;
  1586. }
  1587. .alert-default .info {
  1588. margin: 10px 0;
  1589. }
  1590. .alert-success {
  1591. color: #84be5e;
  1592. background-color: #f7fbf4;
  1593. border-color: #97d271;
  1594. }
  1595. .alert-warning {
  1596. color: #e9b168;
  1597. background-color: #fffbf7;
  1598. border-color: #fdd198;
  1599. }
  1600. .alert-danger {
  1601. color: #ff8989;
  1602. background-color: #fff6f6;
  1603. border-color: #ff8989;
  1604. }
  1605. .badge-space {
  1606. margin-top: 6px;
  1607. }
  1608. .badge-space-chooser {
  1609. padding: 3px 5px;
  1610. margin-left: 1px;
  1611. }
  1612. .badge {
  1613. padding: 3px 5px;
  1614. border-radius: 2px;
  1615. font-weight: normal;
  1616. font-family: Arial, sans-serif;
  1617. font-size: 10px !important;
  1618. text-transform: uppercase;
  1619. color: #fff;
  1620. vertical-align: baseline;
  1621. white-space: nowrap;
  1622. text-shadow: none;
  1623. background-color: #d7d7d7;
  1624. line-height: 1;
  1625. }
  1626. .list-group-item {
  1627. padding: 6px 15px;
  1628. border: none;
  1629. border-width: 0 !important;
  1630. border-left: 3px solid #fff !important;
  1631. font-size: 12px;
  1632. font-weight: 600;
  1633. }
  1634. .list-group-item i {
  1635. font-size: 14px;
  1636. }
  1637. a.list-group-item:hover,
  1638. a.list-group-item.active,
  1639. a.list-group-item.active:hover,
  1640. a.list-group-item.active:focus {
  1641. z-index: 2;
  1642. color: #555;
  1643. background-color: #f7f7f7;
  1644. border-left: 3px solid #539898 !important;
  1645. }
  1646. @media screen and (max-width: 768px) {
  1647. .modal-dialog {
  1648. width: auto !important;
  1649. padding-top: 30px;
  1650. padding-bottom: 30px;
  1651. }
  1652. }
  1653. .modal-top {
  1654. z-index: 999999 !important;
  1655. }
  1656. .modal-open {
  1657. overflow: visible;
  1658. }
  1659. .modal {
  1660. overflow-y: visible;
  1661. }
  1662. .modal-dialog-extra-small {
  1663. width: 400px;
  1664. }
  1665. .modal-dialog-small {
  1666. width: 500px;
  1667. }
  1668. .modal-dialog-normal {
  1669. width: 600px;
  1670. }
  1671. .modal-dialog-medium {
  1672. width: 768px;
  1673. }
  1674. .modal-dialog-large {
  1675. width: 900px;
  1676. }
  1677. @media screen and (max-width: 920px) {
  1678. .modal-dialog-large {
  1679. width: auto !important;
  1680. padding-top: 30px;
  1681. padding-bottom: 30px;
  1682. }
  1683. }
  1684. .modal {
  1685. border: none;
  1686. }
  1687. .modal h1,
  1688. .modal h2,
  1689. .modal h3,
  1690. .modal h4,
  1691. .modal h5 {
  1692. margin-top: 20px;
  1693. color: #555;
  1694. font-weight: 300;
  1695. }
  1696. .modal h4.media-heading {
  1697. margin-top: 0;
  1698. }
  1699. .modal-title {
  1700. font-size: 20px;
  1701. font-weight: 200;
  1702. color: #555;
  1703. }
  1704. .modal-dialog,
  1705. .modal-content {
  1706. min-width: 150px;
  1707. }
  1708. .modal-content {
  1709. -webkit-border-radius: 3px;
  1710. -moz-border-radius: 3px;
  1711. box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  1712. -webkit-box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  1713. -moz-box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
  1714. border: none;
  1715. }
  1716. .modal-content .modal-header {
  1717. padding: 20px 20px 0;
  1718. border-bottom: none;
  1719. text-align: center;
  1720. }
  1721. .modal-content .modal-header .close {
  1722. margin-top: 2px;
  1723. margin-right: 5px;
  1724. }
  1725. .modal-content .modal-body {
  1726. padding: 20px;
  1727. font-size: 13px;
  1728. }
  1729. .modal-content .modal-footer {
  1730. margin-top: 0;
  1731. text-align: left;
  1732. padding: 10px 20px 30px;
  1733. border-top: none;
  1734. text-align: center;
  1735. }
  1736. .modal-content .modal-footer hr {
  1737. margin-top: 0;
  1738. }
  1739. .modal-backdrop {
  1740. background-color: rgba(0, 0, 0, 0.5);
  1741. }
  1742. .progress {
  1743. height: 10px;
  1744. margin-bottom: 15px;
  1745. box-shadow: none;
  1746. background: #ededed;
  1747. border-radius: 10px;
  1748. }
  1749. .progress-bar-info {
  1750. background-color: #539898;
  1751. -webkit-box-shadow: none;
  1752. box-shadow: none;
  1753. }
  1754. .tooltip-inner {
  1755. background-color: #539898;
  1756. max-width: 400px;
  1757. text-align: left;
  1758. font-weight: 300;
  1759. padding: 2px 8px 4px;
  1760. font-weight: bold;
  1761. white-space: pre-wrap;
  1762. }
  1763. .tooltip.top .tooltip-arrow {
  1764. border-top-color: #539898;
  1765. }
  1766. .tooltip.top-left .tooltip-arrow {
  1767. border-top-color: #539898;
  1768. }
  1769. .tooltip.top-right .tooltip-arrow {
  1770. border-top-color: #539898;
  1771. }
  1772. .tooltip.right .tooltip-arrow {
  1773. border-right-color: #539898;
  1774. }
  1775. .tooltip.left .tooltip-arrow {
  1776. border-left-color: #539898;
  1777. }
  1778. .tooltip.bottom .tooltip-arrow {
  1779. border-bottom-color: #539898;
  1780. }
  1781. .tooltip.bottom-left .tooltip-arrow {
  1782. border-bottom-color: #539898;
  1783. }
  1784. .tooltip.bottom-right .tooltip-arrow {
  1785. border-bottom-color: #539898;
  1786. }
  1787. .tooltip.in {
  1788. opacity: 1;
  1789. filter: alpha(opacity=100);
  1790. }
  1791. table {
  1792. margin-bottom: 0px !important;
  1793. }
  1794. table th {
  1795. font-size: 11px;
  1796. color: #bebebe;
  1797. font-weight: normal;
  1798. }
  1799. table thead tr th {
  1800. border: none !important;
  1801. }
  1802. table .time {
  1803. font-size: 12px;
  1804. }
  1805. table td a:hover {
  1806. color: #539898;
  1807. }
  1808. .table > thead > tr > th,
  1809. .table > tbody > tr > th,
  1810. .table > tfoot > tr > th,
  1811. .table > thead > tr > td,
  1812. .table > tbody > tr > td,
  1813. .table > tfoot > tr > td {
  1814. padding: 10px 10px 10px 0;
  1815. }
  1816. .table > thead > tr > th select,
  1817. .table > tbody > tr > th select,
  1818. .table > tfoot > tr > th select,
  1819. .table > thead > tr > td select,
  1820. .table > tbody > tr > td select,
  1821. .table > tfoot > tr > td select {
  1822. font-size: 12px;
  1823. padding: 4px 8px;
  1824. height: 30px;
  1825. margin: 0;
  1826. }
  1827. .detail-view > tbody > tr > th,
  1828. .detail-view > tbody > tr > td {
  1829. padding: 10px;
  1830. }
  1831. .comment-container {
  1832. margin-top: 10px;
  1833. }
  1834. .comment {
  1835. /*-- Since v1.2 overflow: visible */
  1836. }
  1837. .comment .media {
  1838. position: relative !important;
  1839. margin-top: 0;
  1840. }
  1841. .comment .media .nav-pills.preferences {
  1842. display: none;
  1843. right: -3px;
  1844. top: -3px;
  1845. }
  1846. .comment .media-body {
  1847. overflow: visible;
  1848. }
  1849. .comment.guest-mode .media:last-child .wall-entry-controls {
  1850. margin-bottom: 0;
  1851. }
  1852. .comment.guest-mode .media:last-child hr {
  1853. display: none;
  1854. }
  1855. .grid-view img {
  1856. width: 24px;
  1857. height: 24px;
  1858. }
  1859. .grid-view .filters input,
  1860. .grid-view .filters select {
  1861. border: 2px solid #ededed;
  1862. box-shadow: none;
  1863. border-radius: 4px;
  1864. font-size: 12px;
  1865. padding: 4px;
  1866. }
  1867. .grid-view .filters input:focus,
  1868. .grid-view .filters select:focus {
  1869. border: 2px solid #539898;
  1870. outline: 0;
  1871. box-shadow: none;
  1872. }
  1873. .grid-view {
  1874. padding: 15px 0 0;
  1875. }
  1876. .grid-view img {
  1877. border-radius: 3px;
  1878. }
  1879. .grid-view table th {
  1880. font-size: 13px !important;
  1881. font-weight: bold !important;
  1882. }
  1883. .grid-view table td {
  1884. vertical-align: middle !important;
  1885. }
  1886. .grid-view table tr {
  1887. font-size: 13px !important;
  1888. }
  1889. .grid-view table thead tr th:first-of-type {
  1890. padding-left: 5px;
  1891. }
  1892. .grid-view table tbody tr {
  1893. height: 50px;
  1894. }
  1895. .grid-view table tbody tr td:first-of-type {
  1896. padding-left: 5px;
  1897. }
  1898. .grid-view .summary {
  1899. font-size: 12px;
  1900. color: #bac2c7;
  1901. }
  1902. .tags .tag {
  1903. margin-top: 5px;
  1904. border-radius: 2px;
  1905. padding: 4px 8px;
  1906. text-transform: uppercase;
  1907. max-width: 150px;
  1908. white-space: nowrap;
  1909. overflow: hidden;
  1910. text-overflow: ellipsis;
  1911. }
  1912. .placeholder {
  1913. padding: 15px;
  1914. }
  1915. .placeholder-empty-stream {
  1916. background-image: url("../img/placeholder-postform-arrow.png");
  1917. background-repeat: no-repeat;
  1918. padding: 37px 0 0 70px;
  1919. margin-left: 90px;
  1920. }
  1921. .media-list li.placeholder {
  1922. font-size: 14px !important;
  1923. border-bottom: none;
  1924. }
  1925. .media-list li.placeholder:hover {
  1926. background: none !important;
  1927. border-left: 3px solid white;
  1928. }
  1929. ul.tag_input {
  1930. list-style: none;
  1931. background-color: #fff;
  1932. border: 1px solid #ccc;
  1933. border-radius: 4px;
  1934. -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1935. box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  1936. -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1937. transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  1938. padding: 0 0 9px 4px;
  1939. }
  1940. ul.tag_input li img {
  1941. margin: 0 5px 0 0;
  1942. }
  1943. .tag_input_field {
  1944. outline: none;
  1945. border: none !important;
  1946. padding: 5px 4px 0 !important;
  1947. width: 170px;
  1948. margin: 2px 0 0 !important;
  1949. }
  1950. .userInput,
  1951. .spaceInput {
  1952. background-color: #539898;
  1953. font-weight: 600;
  1954. color: #fff;
  1955. border-radius: 3px;
  1956. font-size: 12px !important;
  1957. padding: 2px;
  1958. float: left;
  1959. margin: 3px 4px 0 0;
  1960. }
  1961. .userInput i,
  1962. .spaceInput i {
  1963. padding: 0 6px;
  1964. font-size: 14px;
  1965. cursor: pointer;
  1966. line-height: 8px;
  1967. }
  1968. .contentForm_options {
  1969. margin-top: 10px;
  1970. }
  1971. .oembed_snippet {
  1972. position: relative;
  1973. padding-bottom: 55%;
  1974. padding-top: 15px;
  1975. height: 0;
  1976. overflow: hidden;
  1977. }
  1978. .oembed_snippet iframe {
  1979. position: absolute;
  1980. top: 0;
  1981. left: 0;
  1982. width: 100%;
  1983. height: 100%;
  1984. }
  1985. /*.select2-container--default .select2-selection--multiple {
  1986. border: 2px solid #ededed !important;
  1987. background-image: url("../img/select_arrow.png") !important;
  1988. background-repeat: no-repeat;
  1989. background-position: right 16px;
  1990. }
  1991.  
  1992. .select2-container--default .select2-selection--focus {
  1993. border: 2px solid #539898 !important;
  1994. }
  1995.  
  1996. .select2-selection__choice {
  1997. background-color: #539898 !important;
  1998. padding: 5px 0px 5px 5px !important;
  1999. border: none !important;
  2000. }
  2001.  
  2002. .select2-search--inline {
  2003. background-color: transparent !important;
  2004. padding: 5px 0px 5px 5px !important;
  2005. }
  2006.  
  2007. .select2-selection__choice__remove {
  2008. display:none !important;
  2009. }*/
  2010. #notification_overview_filter label {
  2011. display: block;
  2012. }
  2013. .activities {
  2014. max-height: 400px;
  2015. overflow: auto;
  2016. }
  2017. .activities li .media {
  2018. position: relative;
  2019. }
  2020. .activities li .media .img-space {
  2021. position: absolute;
  2022. top: 14px;
  2023. left: 14px;
  2024. }
  2025. .wall-entry {
  2026. position: relative;
  2027. }
  2028. .wall-entry .media {
  2029. overflow: visible;
  2030. }
  2031. .wall-entry .well {
  2032. margin-bottom: 0;
  2033. }
  2034. .wall-entry .well .comment .show-all-link {
  2035. font-size: 12px;
  2036. cursor: pointer;
  2037. }
  2038. .wall-entry-controls {
  2039. /* Important since 1.2 */
  2040. display: inline-block;
  2041. }
  2042. .wall-entry-controls,
  2043. .wall-entry-controls a {
  2044. font-size: 11px;
  2045. color: #aeaeae;
  2046. margin-top: 10px;
  2047. margin-bottom: 0;
  2048. }
  2049. .space-owner {
  2050. text-align: center;
  2051. margin: 14px 0;
  2052. font-size: 13px;
  2053. color: #999;
  2054. }
  2055. .placeholder {
  2056. padding: 10px;
  2057. }
  2058. .placeholder-empty-stream {
  2059. background-image: url("../img/placeholder-postform-arrow.png");
  2060. background-repeat: no-repeat;
  2061. padding: 37px 0 0 70px;
  2062. margin-left: 90px;
  2063. }
  2064. ul.tag_input {
  2065. -webkit-box-shadow: none;
  2066. box-shadow: none;
  2067. border: 2px solid #ededed;
  2068. }
  2069. ul.tag_input.focus {
  2070. border: 2px solid #539898;
  2071. outline: 0;
  2072. box-shadow: none;
  2073. }
  2074. .space-member-sign {
  2075. color: #97d271;
  2076. position: absolute;
  2077. top: 42px;
  2078. left: 42px;
  2079. font-size: 16px;
  2080. background: #fff;
  2081. width: 24px;
  2082. height: 24px;
  2083. padding: 2px 3px 1px 4px;
  2084. border-radius: 50px;
  2085. border: 2px solid #97d271;
  2086. }
  2087. .contentForm_options {
  2088. min-height: 29px;
  2089. }
  2090. .contentForm-upload-progress {
  2091. margin-top: 18px;
  2092. margin-bottom: 10px !important;
  2093. }
  2094. .btn_container {
  2095. position: relative;
  2096. }
  2097. .btn_container .label-public {
  2098. position: absolute;
  2099. right: 40px;
  2100. top: 11px;
  2101. }
  2102. .login-screen {
  2103. margin-top: -70px;
  2104. }
  2105. .mime {
  2106. background-repeat: no-repeat;
  2107. background-position: 0 0;
  2108. padding: 1px 0 4px 26px;
  2109. }
  2110. .mime-word {
  2111. background-image: url("../img/mime/word.png");
  2112. }
  2113. .mime-excel {
  2114. background-image: url("../img/mime/excel.png");
  2115. }
  2116. .mime-powerpoint {
  2117. background-image: url("../img/mime/powerpoint.png");
  2118. }
  2119. .mime-pdf {
  2120. background-image: url("../img/mime/pdf.png");
  2121. }
  2122. .mime-zip {
  2123. background-image: url("../img/mime/zip.png");
  2124. }
  2125. .mime-image {
  2126. background-image: url("../img/mime/image.png");
  2127. }
  2128. .mime-file {
  2129. background-image: url("../img/mime/file.png");
  2130. }
  2131. .mime-photoshop {
  2132. background-image: url("../img/mime/photoshop.png");
  2133. }
  2134. .mime-illustrator {
  2135. background-image: url("../img/mime/illustrator.png");
  2136. }
  2137. .mime-video {
  2138. background-image: url("../img/mime/video.png");
  2139. }
  2140. .mime-audio {
  2141. background-image: url("../img/mime/audio.png");
  2142. }
  2143. .files,
  2144. #postFormFiles_list {
  2145. padding-left: 0;
  2146. }
  2147. .contentForm-upload-list {
  2148. padding-left: 0;
  2149. }
  2150. .contentForm-upload-list li:first-child {
  2151. margin-top: 10px;
  2152. }
  2153. .file_upload_remove_link,
  2154. .file_upload_remove_link:hover {
  2155. color: #ff8989;
  2156. cursor: pointer;
  2157. }
  2158. #contentFormError {
  2159. color: #ff8989;
  2160. padding-left: 0;
  2161. list-style: none;
  2162. }
  2163. .post-files,
  2164. .oembed_snippet {
  2165. margin-top: 10px;
  2166. }
  2167. .post-files img {
  2168. vertical-align: top;
  2169. margin-bottom: 3px;
  2170. margin-right: 5px;
  2171. max-height: 400px;
  2172. max-width: 100%;
  2173. -webkit-animation-duration: 2s;
  2174. /* Safari 4.0 - 8.0 */
  2175. animation-duration: 2s;
  2176. }
  2177. #wallStream.mobile .post-files {
  2178. margin-top: 10px;
  2179. display: flex;
  2180. overflow-x: auto;
  2181. }
  2182. #wallStream.mobile .post-files img {
  2183. max-width: 190px;
  2184. }
  2185. .comment_create,
  2186. .content_edit {
  2187. position: relative;
  2188. }
  2189. .comment_create .comment-buttons,
  2190. .content_edit .comment-buttons {
  2191. position: absolute;
  2192. top: 2px;
  2193. right: 5px;
  2194. }
  2195. .comment_create .btn-comment-submit,
  2196. .content_edit .btn-comment-submit {
  2197. margin-top: 3px;
  2198. }
  2199. .comment_create .fileinput-button,
  2200. .content_edit .fileinput-button {
  2201. float: left;
  2202. padding: 6px 10px;
  2203. background: transparent !important;
  2204. }
  2205. .comment_create .fileinput-button .fa,
  2206. .content_edit .fileinput-button .fa {
  2207. color: #d7d7d7;
  2208. }
  2209. .comment_create .fileinput-button:hover .fa,
  2210. .content_edit .fileinput-button:hover .fa {
  2211. background: transparent !important;
  2212. color: #b2b2b2;
  2213. }
  2214. .comment_create .fileinput-button:active,
  2215. .content_edit .fileinput-button:active {
  2216. box-shadow: none !important;
  2217. }
  2218. .upload-box-container {
  2219. position: relative;
  2220. }
  2221. .upload-box {
  2222. display: none;
  2223. position: absolute;
  2224. top: 0;
  2225. left: 0;
  2226. width: 100%;
  2227. height: 100px;
  2228. padding: 20px;
  2229. background: #f8f8f8;
  2230. border: 2px dashed #ddd;
  2231. text-align: center;
  2232. border-radius: 3px;
  2233. cursor: pointer;
  2234. }
  2235. .upload-box input[type="file"] {
  2236. position: absolute;
  2237. opacity: 0;
  2238. }
  2239. .upload-box .upload-box-progress-bar {
  2240. display: none;
  2241. }
  2242. .image-upload-container {
  2243. position: relative;
  2244. }
  2245. .image-upload-container .image-upload-buttons {
  2246. display: none;
  2247. position: absolute;
  2248. right: 5px;
  2249. bottom: 5px;
  2250. }
  2251. .image-upload-container input[type="file"] {
  2252. position: absolute;
  2253. opacity: 0;
  2254. }
  2255. .image-upload-container .image-upload-loader {
  2256. display: none;
  2257. position: absolute;
  2258. top: 0;
  2259. left: 0;
  2260. width: 100%;
  2261. height: 100%;
  2262. padding: 20px;
  2263. background: #f8f8f8;
  2264. }
  2265. .langSwitcher {
  2266. display: inline-block;
  2267. }
  2268. .data-saved {
  2269. padding-left: 10px;
  2270. color: #539898;
  2271. }
  2272. .wallFilterPanel li {
  2273. font-size: 11px;
  2274. font-weight: 600;
  2275. }
  2276. .wallFilterPanel li a {
  2277. color: #555;
  2278. }
  2279. .wallFilterPanel .dropdown-menu li {
  2280. margin-bottom: 0;
  2281. }
  2282. .wallFilterPanel .dropdown-menu li a {
  2283. font-size: 12px;
  2284. }
  2285. .wallFilterPanel .dropdown-menu li a:hover {
  2286. color: #fff !important;
  2287. }
  2288. ul.tour-list {
  2289. list-style: none;
  2290. margin-bottom: 0;
  2291. padding-left: 10px;
  2292. }
  2293. ul.tour-list li {
  2294. padding-top: 5px;
  2295. }
  2296. ul.tour-list li a {
  2297. color: #539898;
  2298. }
  2299. ul.tour-list li a .fa {
  2300. width: 16px;
  2301. }
  2302. ul.tour-list li.completed a {
  2303. text-decoration: line-through;
  2304. color: #bebebe;
  2305. }
  2306. .powered,
  2307. .powered a {
  2308. color: #b8c7d3 !important;
  2309. }
  2310. .errorMessage {
  2311. color: #ff8989;
  2312. padding: 10px 0;
  2313. }
  2314. .error {
  2315. border-color: #ff8989 !important;
  2316. }
  2317. .has-error .help-block,
  2318. .has-error .control-label,
  2319. .has-error .radio,
  2320. .has-error .checkbox,
  2321. .has-error .radio-inline,
  2322. .has-error .checkbox-inline {
  2323. color: #ff8989 !important;
  2324. }
  2325. .has-error .form-control,
  2326. .has-error .form-control:focus {
  2327. border-color: #ff8989;
  2328. -webkit-box-shadow: none;
  2329. box-shadow: none;
  2330. }
  2331. .has-success .help-block,
  2332. .has-success .control-label,
  2333. .has-success .radio,
  2334. .has-success .checkbox,
  2335. .has-success .radio-inline,
  2336. .has-success .checkbox-inline {
  2337. color: #97d271;
  2338. }
  2339. .has-success .form-control,
  2340. .has-success .form-control:focus {
  2341. border-color: #97d271;
  2342. -webkit-box-shadow: none;
  2343. box-shadow: none;
  2344. }
  2345. .has-warning .help-block,
  2346. .has-warning .control-label,
  2347. .has-warning .radio,
  2348. .has-warning .checkbox,
  2349. .has-warning .radio-inline,
  2350. .has-warning .checkbox-inline {
  2351. color: #fdd198;
  2352. }
  2353. .has-warning .form-control,
  2354. .has-warning .form-control:focus {
  2355. border-color: #fdd198;
  2356. -webkit-box-shadow: none;
  2357. box-shadow: none;
  2358. }
  2359. .highlight {
  2360. background-color: #fff8e0;
  2361. }
  2362. input.placeholder,
  2363. textarea.placeholder {
  2364. padding: 0 0 0 10px;
  2365. color: #999;
  2366. }
  2367. .ekko-lightbox .modal-content .modal-body {
  2368. padding: 10px;
  2369. }
  2370. .ekko-lightbox .modal-content .modal-footer {
  2371. padding: 0 10px 10px;
  2372. }
  2373. .ekko-lightbox-container {
  2374. position: relative;
  2375. }
  2376. .ekko-lightbox-nav-overlay {
  2377. position: absolute;
  2378. top: 0;
  2379. left: 0;
  2380. z-index: 100;
  2381. width: 100%;
  2382. height: 100%;
  2383. }
  2384. .ekko-lightbox-nav-overlay a {
  2385. z-index: 100;
  2386. display: block;
  2387. width: 49%;
  2388. height: 100%;
  2389. font-size: 30px;
  2390. color: #fff;
  2391. text-shadow: 2px 2px 4px #000;
  2392. opacity: 0;
  2393. outline: none;
  2394. text-decoration: none;
  2395. filter: dropshadow(color=#000000, offx=2, offy=2);
  2396. -webkit-transition: opacity 0.5s;
  2397. -moz-transition: opacity 0.5s;
  2398. -o-transition: opacity 0.5s;
  2399. transition: opacity 0.5s;
  2400. }
  2401. .ekko-lightbox-nav-overlay a:hover {
  2402. color: #539898;
  2403. }
  2404. .ekko-lightbox-nav-overlay a:empty {
  2405. width: 49%;
  2406. }
  2407. .ekko-lightbox a:hover {
  2408. text-decoration: none;
  2409. opacity: 1;
  2410. }
  2411. .ekko-lightbox .glyphicon-chevron-left {
  2412. left: 0;
  2413. float: left;
  2414. padding-left: 15px;
  2415. text-align: left;
  2416. }
  2417. .ekko-lightbox .glyphicon-chevron-right {
  2418. right: 0;
  2419. float: right;
  2420. padding-right: 15px;
  2421. text-align: right;
  2422. }
  2423. .atwho-view .cur {
  2424. border-left: 3px solid #539898;
  2425. background-color: #f7f7f7 !important;
  2426. }
  2427. .atwho-user,
  2428. .atwho-space,
  2429. .atwho-input a {
  2430. color: #539898;
  2431. }
  2432. .atwho-input a:hover {
  2433. color: #539898;
  2434. }
  2435. .atwho-view strong {
  2436. background-color: #f9f0d2;
  2437. }
  2438. .atwho-view .cur strong {
  2439. background-color: #f9f0d2;
  2440. }
  2441. .comment .jp-progress {
  2442. background-color: #dbdcdd !important;
  2443. }
  2444. .comment .jp-play-bar {
  2445. background: #cacaca;
  2446. }
  2447. .sk-spinner-three-bounce.sk-spinner {
  2448. margin: 0 auto;
  2449. width: 70px;
  2450. text-align: center;
  2451. }
  2452. .loader {
  2453. padding: 30px 0;
  2454. }
  2455. .loader .sk-spinner-three-bounce div,
  2456. .loader .sk-spinner-three-bounce span {
  2457. width: 12px;
  2458. height: 12px;
  2459. background-color: #539898;
  2460. border-radius: 100%;
  2461. display: inline-block;
  2462. -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  2463. animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  2464. /* Prevent first frame from flickering when animation starts */
  2465. -webkit-animation-fill-mode: both;
  2466. animation-fill-mode: both;
  2467. }
  2468. .loader .sk-spinner-three-bounce .sk-bounce1 {
  2469. -webkit-animation-delay: -0.32s;
  2470. animation-delay: -0.32s;
  2471. }
  2472. .loader .sk-spinner-three-bounce .sk-bounce2 {
  2473. -webkit-animation-delay: -0.16s;
  2474. animation-delay: -0.16s;
  2475. }
  2476. @-webkit-keyframes sk-threeBounceDelay {
  2477. 0%,
  2478. 80%,
  2479. 100% {
  2480. -webkit-transform: scale(0);
  2481. transform: scale(0);
  2482. }
  2483. 40% {
  2484. -webkit-transform: scale(1);
  2485. transform: scale(1);
  2486. }
  2487. }
  2488. @keyframes sk-threeBounceDelay {
  2489. 0%,
  2490. 80%,
  2491. 100% {
  2492. -webkit-transform: scale(0);
  2493. transform: scale(0);
  2494. }
  2495. 40% {
  2496. -webkit-transform: scale(1);
  2497. transform: scale(1);
  2498. }
  2499. }
  2500. .loader-modal {
  2501. padding: 8px 0;
  2502. }
  2503. .loader-postform {
  2504. padding: 9px 0;
  2505. }
  2506. .loader-postform .sk-spinner-three-bounce.sk-spinner {
  2507. text-align: left;
  2508. margin: 0;
  2509. }
  2510. .modal-dialog.fadeIn,
  2511. .modal-dialog.pulse {
  2512. -webkit-animation-duration: 200ms;
  2513. -moz-animation-duration: 200ms;
  2514. animation-duration: 200ms;
  2515. }
  2516. .panel.pulse,
  2517. .panel.fadeIn {
  2518. -webkit-animation-duration: 200ms;
  2519. -moz-animation-duration: 200ms;
  2520. animation-duration: 200ms;
  2521. }
  2522. img.bounceIn {
  2523. -webkit-animation-duration: 800ms;
  2524. -moz-animation-duration: 800ms;
  2525. animation-duration: 800ms;
  2526. }
  2527. .markdown-render h1,
  2528. .markdown-render h2,
  2529. .markdown-render h3,
  2530. .markdown-render h4,
  2531. .markdown-render h5,
  2532. .markdown-render h6 {
  2533. font-weight: bold !important;
  2534. }
  2535. .markdown-render h1 {
  2536. font-size: 28px !important;
  2537. }
  2538. .markdown-render h2 {
  2539. font-size: 24px !important;
  2540. }
  2541. .markdown-render h3 {
  2542. font-size: 18px !important;
  2543. }
  2544. .markdown-render h4 {
  2545. font-size: 16px !important;
  2546. }
  2547. .markdown-render h5 {
  2548. font-size: 14px !important;
  2549. }
  2550. .markdown-render h6 {
  2551. color: #999;
  2552. font-size: 14px !important;
  2553. }
  2554. .markdown-render pre {
  2555. padding: 0;
  2556. border: none;
  2557. border-radius: 3px;
  2558. }
  2559. .markdown-render pre code {
  2560. padding: 10px;
  2561. border-radius: 3px;
  2562. font-size: 12px !important;
  2563. }
  2564. .markdown-render a,
  2565. .markdown-render a:visited {
  2566. background-color: inherit;
  2567. text-decoration: none;
  2568. color: #539898 !important;
  2569. }
  2570. .markdown-render img {
  2571. max-width: 100%;
  2572. display: table-cell !important;
  2573. }
  2574. .markdown-render table {
  2575. width: 100%;
  2576. }
  2577. .markdown-render table th {
  2578. font-size: 13px;
  2579. font-weight: 700;
  2580. color: #555;
  2581. }
  2582. .markdown-render table thead tr {
  2583. border-bottom: 1px solid #d7d7d7;
  2584. }
  2585. .markdown-render table tbody tr td,
  2586. .markdown-render table thead tr th {
  2587. border: 1px solid #d7d7d7 !important;
  2588. padding: 4px;
  2589. }
  2590. .md-editor.active {
  2591. border: 2px solid #539898 !important;
  2592. }
  2593. .md-editor textarea {
  2594. padding: 10px !important;
  2595. }
  2596. @media (max-width: 767px) {
  2597. .topbar {
  2598. padding-left: 0;
  2599. padding-right: 0;
  2600. }
  2601. #space-menu > .title {
  2602. display: none;
  2603. }
  2604. #space-menu-dropdown {
  2605. width: 300px !important;
  2606. }
  2607. #search-menu-dropdown {
  2608. width: 300px !important;
  2609. max-height: 250px !important;
  2610. }
  2611. .notifications {
  2612. position: inherit !important;
  2613. float: left !important;
  2614. }
  2615. .notifications .dropdown-menu {
  2616. width: 300px !important;
  2617. margin-left: 0 !important;
  2618. }
  2619. .notifications .dropdown-menu .arrow {
  2620. margin-left: -142px !important;
  2621. }
  2622. .panel-profile-controls {
  2623. padding-left: 0 !important;
  2624. padding-top: 50px;
  2625. }
  2626. .panel-profile .panel-profile-header .img-profile-data h1 {
  2627. font-size: 20px !important;
  2628. }
  2629. }
  2630. @media (min-width: 992px) {
  2631. #news-content .col-md-7 {
  2632. width: 73.33333333%;
  2633. }
  2634. @media (max-width: 991px) {
  2635. .controls-header {
  2636. text-align: left !important;
  2637. }
  2638. .list-group {
  2639. margin-left: 4px;
  2640. }
  2641. .list-group-item {
  2642. display: inline-block !important;
  2643. border-radius: 3px !important;
  2644. margin: 4px 0;
  2645. margin-bottom: 4px !important;
  2646. }
  2647. .list-group-item {
  2648. border: none !important;
  2649. }
  2650. a.list-group-item:hover,
  2651. a.list-group-item.active,
  2652. a.list-group-item.active:hover,
  2653. a.list-group-item.active:focus {
  2654. border: none !important;
  2655. background: #539898 !important;
  2656. color: #fff !important;
  2657. }
  2658. .layout-sidebar-container {
  2659. display: none;
  2660. }
  2661. }
  2662. .onoffswitch-inner:before {
  2663. background-color: #539898;
  2664. color: #fff;
  2665. }
  2666. .onoffswitch-inner:after {
  2667. background-color: #d7d7d7;
  2668. color: #999;
  2669. text-align: right;
  2670. }
  2671. .regular-checkbox:checked + .regular-checkbox-box {
  2672. border: 2px solid #539898;
  2673. background: #539898;
  2674. color: white;
  2675. }
  2676. .regular-radio:checked + .regular-radio-button:after {
  2677. background: #539898;
  2678. }
  2679. .regular-radio:checked + .regular-radio-button {
  2680. background-color: none;
  2681. color: #99a1a7;
  2682. border: 2px solid #d7d7d7;
  2683. margin-right: 5px;
  2684. }
  2685. .ui-widget-header {
  2686. border: none !important;
  2687. background: #fff !important;
  2688. color: #7a7a7a !important;
  2689. font-weight: 300 !important;
  2690. }
  2691. .ui-widget-content {
  2692. border: 1px solid #dddcda !important;
  2693. border-radius: 0 !important;
  2694. background: #fff;
  2695. color: #555 !important;
  2696. -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
  2697. box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
  2698. }
  2699. .ui-datepicker .ui-datepicker-prev span,
  2700. .ui-datepicker .ui-datepicker-next span {
  2701. opacity: 0.2;
  2702. }
  2703. .ui-datepicker .ui-datepicker-prev:hover,
  2704. .ui-datepicker .ui-datepicker-next:hover {
  2705. background: #fff !important;
  2706. border: none;
  2707. margin: 1px;
  2708. }
  2709. .ui-state-default,
  2710. .ui-widget-content .ui-state-default,
  2711. .ui-widget-header .ui-state-default {
  2712. border: none !important;
  2713. background: #f7f7f7 !important;
  2714. color: #7a7a7a !important;
  2715. }
  2716. .ui-state-highlight,
  2717. .ui-widget-content .ui-state-highlight,
  2718. .ui-widget-header .ui-state-highlight {
  2719. border: none !important;
  2720. border: 1px solid #b2b2b2 !important;
  2721. }
  2722. .ui-state-active,
  2723. .ui-widget-content .ui-state-active,
  2724. .ui-widget-header .ui-state-active {
  2725. border: 1px solid #539898 !important;
  2726. background: #ddf6fa !important;
  2727. }
  2728. #nprogress .bar {
  2729. height: 2px;
  2730. background: #539898;
  2731. }
  2732. .status-bar-body {
  2733. color: white;
  2734. position: fixed;
  2735. width: 100%;
  2736. background-color: rgba(0, 0, 0, 0.7);
  2737. text-align: center;
  2738. padding: 20px;
  2739. z-index: 9999999;
  2740. bottom: 0px;
  2741. display: block;
  2742. line-height: 20px;
  2743. }
  2744. .status-bar-close {
  2745. color: white;
  2746. fonfont-weight: bold;
  2747. font-size: 21px;
  2748. cursor: pointer;
  2749. }
  2750. .status-bar-close:hover {
  2751. color: white;
  2752. }
  2753. .status-bar-close i {
  2754. vertical-align: top !important;
  2755. padding-top: 3px;
  2756. }
  2757. .status-bar-content i {
  2758. margin-right: 10px;
  2759. font-size: 21px;
  2760. vertical-align: middle;
  2761. }
  2762. .status-bar-content .showMore {
  2763. color: #539898;
  2764. float: right;
  2765. margin-left: 10px;
  2766. font-size: 0.7em;
  2767. cursor: pointer;
  2768. vertical-align: middle;
  2769. white-space: nowrap;
  2770. }
  2771. .status-bar-content .status-bar-details {
  2772. text-align: left;
  2773. font-size: 0.7em;
  2774. margin-top: 20px;
  2775. max-height: 200px;
  2776. overflow: auto;
  2777. }
  2778. .status-bar-content span {
  2779. vertical-align: middle;
  2780. }
  2781. .status-bar-content i.error,
  2782. .status-bar-content i.fatal {
  2783. color: #ff8989;
  2784. }
  2785. .status-bar-content i.warning {
  2786. color: #fdd198;
  2787. }
  2788. .status-bar-content i.info,
  2789. .status-bar-content i.debug {
  2790. color: #539898;
  2791. }
  2792. .status-bar-content i.success {
  2793. color: #85CA2B;
  2794. }
  2795. .stream-entry-loader {
  2796. float: right;
  2797. margin-top: 5px;
  2798. }
  2799. #space-menu-dropdown i.type {
  2800. font-size: 16px;
  2801. color: #BFBFBF;
  2802. }
  2803. #space-menu-spaces [data-space-chooser-item] {
  2804. cursor: pointer;
  2805. }
  2806. #space-menu-dropdown .input-group-addon {
  2807. border-radius: 0px 4px 4px 0px;
  2808. }
  2809. #space-menu-dropdown .input-group-addon.focus {
  2810. border-radius: 0px 4px 4px 0px;
  2811. border: 2px solid #539898;
  2812. border-left: 0px;
  2813. }
  2814. #space-menu-search {
  2815. border-right: 0px;
  2816. }
  2817. #space-directory-link i {
  2818. margin-right: 0px;
  2819. }
  2820. .file-preview-content {
  2821. cursor: pointer;
  2822. }
  2823. .table-middle > thead > tr > th,
  2824. .table-middle > tbody > tr > th,
  2825. .table-middle > tfoot > tr > th,
  2826. .table-middle > thead > tr > td,
  2827. .table-middle > tbody > tr > td,
  2828. .table-middle > tfoot > tr > td {
  2829. vertical-align: middle !important;
  2830. }
  2831. .panel-body > .tab-menu {
  2832. margin-left: -10px;
  2833. margin-right: -10px;
  2834. }
  2835. .permission-grid-editor > .table > tbody > tr:first-child > td {
  2836. border: none;
  2837. }
  2838. .permission-grid-editor {
  2839. padding-top: 0px;
  2840. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement