Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @media (min-width: 640px) {
- #lovelyWing {
- background: url(../../../lovely/logo.png) no-repeat center;
- background-size: auto 800px;
- height: 400px;
- position: relative;
- top: 3px;
- }
- .lovelyBack {
- background: url(../../../lovely/background.png) no-repeat center;
- background-size: auto 400px;
- height: 400px;
- width: 100%;
- position: relative;
- margin-bottom: -20px;
- z-index: -1;
- }
- }
- @media (max-width: 639px) {
- #lovelyWing {
- background: url(../../../lovely/logo.png) no-repeat center;
- background-size: auto 300px;
- height: 200px;
- position: relative;
- top: 3px;
- }
- .lovelyBack {
- background: url(../../../lovely/background.png) no-repeat center;
- background-size: auto 200px;
- height: 200px;
- width: 100%;
- position: relative;
- margin-bottom: -20px;
- z-index: -1;
- }
- }
- .nav-tabs > li > a {
- color: #555;
- }
- .nav > li > a:hover, .nav > li > a:focus {
- color: #555;
- }
- .row a, .row a:hover, .rowy a:focus, .row a:active, .row a.active {
- color: #000;
- }
- .topbar a{
- opacity: 0.6;
- }
- .footer p{
- margin: 0px;
- }
- #footer{
- text-shadow: rgba(0,0,0,0.4) 0px 1px 1px;
- background: #000000;
- padding: 20px 0;
- }
- #footer-copyright {
- float: right;
- padding: 0 15px;
- }
- .right {
- text-align: right;
- }
- .list-inline, .list-reset {
- margin: 0;
- padding: 0;
- list-style: none;
- }
- #copyright {
- margin: 0;
- padding: 0 15px;
- overflow: hidden;
- }
- #copyright {
- opacity: 1.0;
- font-size: 12px;
- margin-top: 5px;
- text-align: center;
- }
- #make-copyright {
- color: #fff;
- opacity: 0.6;
- position: relative;
- top: 15px;
- }
- #footer a {
- opacity: 0.6;
- }
- #copyright-userLine {
- display: block;
- }
- .list-inline > li {
- display: inline-block;
- vertical-align: middle;
- }
- .row {
- background-color: #fff;
- padding-top: 15px;
- padding-bottom: 15px;
- }
- #footer-links {
- padding: 0 15px;
- float: left;
- }
- .dropdown-menu .divider {
- height: 0px!important;
- }
- @media (max-width: 640px)
- {
- #topbar-first {
- top: 0px!important;
- }
- #topbar-second {
- top: 50px!important;
- }
- }
- /* Default */
- .colorDefault {
- color: #ededed;
- }
- .backgroundDefault {
- background: #ededed;
- }
- .borderDefault {
- border-color: #ededed;
- }
- /* Primary */
- .colorPrimary {
- color: #539898 !important;
- }
- .backgroundPrimary {
- background: #539898 !important;
- }
- .borderPrimary {
- border-color: #539898 !important;
- }
- /* Info */
- .colorInfo {
- color: #539898 !important;
- }
- .backgroundInfo {
- background: #539898 !important;
- }
- .borderInfo {
- border-color: #539898 !important;
- }
- /* Success */
- .colorSuccess {
- color: #97d271 !important;
- }
- .backgroundSuccess {
- background: #97d271 !important;
- }
- .borderSuccess {
- border-color: #97d271 !important;
- }
- /* Warning */
- .colorWarning {
- color: #fdd198 !important;
- }
- .backgroundWarning {
- background: #fdd198 !important;
- }
- .borderWarning {
- border-color: #fdd198 !important;
- }
- /* Danger */
- .colorDanger {
- color: #ff8989 !important;
- }
- .backgroundDanger {
- background: #ff8989 !important;
- }
- .borderDanger {
- border-color: #ff8989 !important;
- }
- /* Fonts */
- .colorFont1 {
- color: #bac2c7 !important;
- }
- .colorFont2 {
- color: #7a7a7a !important;
- }
- .colorFont3 {
- color: #555 !important;
- }
- .colorFont4 {
- color: #bebebe !important;
- }
- .colorFont5 {
- color: #aeaeae !important;
- }
- body {
- padding-top: 50px;
- background-color: #000;
- color: #777;
- font-family: 'Open Sans', sans-serif;
- }
- body a,
- body a:hover,
- body a:focus,
- body a:active,
- body a.active {
- color: #fff;
- text-decoration: none;
- }
- a:hover {
- text-decoration: none;
- }
- hr {
- margin-top: 10px;
- margin-bottom: 10px;
- }
- .col-md-1,
- .col-md-2,
- .col-md-3,
- .col-md-4,
- .col-md-5,
- .col-md-6,
- .col-md-7,
- .col-md-8,
- .col-md-9,
- .col-md-10,
- .col-md-11,
- .col-md-12 {
- position: inherit;
- }
- textarea {
- height: 1.5em;
- }
- h4 {
- font-weight: 300;
- font-size: 150%;
- }
- .heading {
- font-size: 16px;
- font-weight: 300;
- color: #555;
- background-color: white;
- border: none;
- padding: 10px;
- }
- .text-center {
- text-align: center !important;
- }
- input[type=text],
- input[type=password],
- input[type=select] {
- /* Remove First */
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- }
- .text-break {
- overflow-wrap: break-word;
- word-wrap: break-word;
- -ms-word-break: break-all;
- word-break: break-word;
- -ms-hyphens: auto;
- -moz-hyphens: auto;
- -webkit-hyphens: auto;
- hyphens: auto;
- }
- .login-container {
- background-color: #539898;
- background-image: linear-gradient(to right, #539898 0%, #8fa7b4 50%, #8fa7b4 100%), linear-gradient(to right, #7f9baa 0%, #bdcbd3 51%, #adbfc9 100%);
- background-size: 100% 100%;
- position: relative;
- padding-top: 40px;
- }
- .login-container .text {
- color: #fff;
- font-size: 12px;
- margin-bottom: 15px;
- }
- .login-container .text a {
- color: #fff;
- text-decoration: underline;
- }
- .login-container .panel a {
- color: #539898;
- }
- .login-container h1,
- .login-container h2 {
- color: #fff !important;
- }
- .login-container .panel {
- box-shadow: 0 0 15px #627d92;
- -moz-box-shadow: 0 0 15px #627d92;
- -webkit-box-shadow: 0 0 15px #627d92;
- }
- .login-container .panel .panel-heading,
- .login-container .panel .panel-body {
- padding: 15px;
- }
- .login-container select {
- color: #555;
- }
- #account-login-form .form-group {
- margin-bottom: 10px;
- }
- .topbar {
- position: fixed;
- display: block;
- height: 50px;
- width: 100%;
- padding-left: 15px;
- padding-right: 15px;
- }
- .topbar ul.nav {
- float: left;
- }
- .topbar ul.nav > li {
- float: left;
- }
- .topbar ul.nav > li > a {
- padding-top: 15px;
- padding-bottom: 15px;
- line-height: 20px;
- }
- .topbar .dropdown-footer {
- margin: 10px;
- }
- .topbar .dropdown-header {
- font-size: 16px;
- padding: 3px 10px;
- margin-bottom: 10px;
- font-weight: 300;
- color: #bebebe;
- }
- .topbar .dropdown-header .dropdown-header-link {
- position: absolute;
- top: 2px;
- right: 10px;
- }
- .topbar .dropdown-header .dropdown-header-link a {
- color: #539898 !important;
- font-size: 12px;
- font-weight: normal;
- }
- .topbar .dropdown-header:hover {
- color: #bebebe;
- }
- #topbar-first {
- background-color: #000;
- top: 0px;
- z-index: 1030;
- color: white;
- }
- #topbar-first .nav > li > a:hover,
- #topbar-first .nav > .open > a {
- background-color: #8fa7b4;
- }
- #topbar-first .nav > .account {
- height: 50px;
- margin-left: 20px;
- }
- #topbar-first .nav > .account img {
- margin-left: 10px;
- }
- #topbar-first .nav > .account .dropdown-toggle {
- padding: 10px 5px 8px;
- line-height: 1.1em;
- text-align: left;
- }
- #topbar-first .nav > .account .dropdown-toggle span {
- font-size: 12px;
- }
- #topbar-first .topbar-brand {
- position: relative;
- z-index: 2;
- }
- #topbar-first .topbar-actions {
- position: relative;
- z-index: 3;
- }
- #topbar-first .notifications {
- position: absolute;
- left: 0;
- right: 0;
- text-align: center;
- z-index: 1;
- }
- #topbar-first .notifications .btn-group {
- position: relative;
- text-align: left;
- }
- #topbar-first .notifications .btn-group > a {
- padding: 5px 10px;
- margin: 10px 2px;
- display: inline-block;
- border-radius: 2px;
- text-decoration: none;
- text-align: left;
- }
- #topbar-first .notifications .btn-group > .label {
- position: absolute;
- top: 4px;
- right: -2px;
- }
- #topbar-first .notifications .arrow:after {
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- border-width: 10px;
- content: " ";
- top: 1px;
- margin-left: -10px;
- border-top-width: 0;
- border-bottom-color: #fff;
- z-index: 1035;
- }
- #topbar-first .notifications .arrow {
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- z-index: 1001;
- border-width: 11px;
- left: 50%;
- margin-left: -18px;
- border-top-width: 0;
- border-bottom-color: rgba(0, 0, 0, 0.15);
- top: -19px;
- z-index: 1035;
- }
- #topbar-first .notifications .dropdown-menu {
- width: 350px;
- margin-left: -148px;
- }
- #topbar-first .notifications .dropdown-menu ul.media-list {
- max-height: 400px;
- overflow: auto;
- }
- #topbar-first .notifications .dropdown-menu li {
- position: relative;
- }
- #topbar-first .notifications .dropdown-menu li i.approval {
- position: absolute;
- left: 2px;
- top: 36px;
- font-size: 14px;
- }
- #topbar-first .notifications .dropdown-menu li i.accepted {
- color: #5cb85c;
- }
- #topbar-first .notifications .dropdown-menu li i.declined {
- color: #d9534f;
- }
- #topbar-first .notifications .dropdown-menu li .media {
- position: relative;
- }
- #topbar-first .notifications .dropdown-menu li .media .img-space {
- position: absolute;
- top: 14px;
- left: 14px;
- }
- #topbar-first .dropdown-footer {
- margin: 10px 10px 5px;
- }
- #topbar-first a {
- color: white;
- }
- #topbar-first .caret {
- border-top-color: #bebebe;
- }
- #topbar-first .btn-group > a {
- background-color: rgba(255,255,255,0.3);;
- }
- #topbar-first .btn-enter {
- background-color: #539898;
- margin: 6px 0;
- }
- #topbar-first .btn-enter:hover {
- background-color: #64B4B4;
- }
- #topbar-first .media-list a {
- color: #555;
- padding: 0;
- }
- #topbar-first .media-list li {
- color: #555;
- }
- #topbar-first .media-list li i.accepted {
- color: #539898 !important;
- }
- #topbar-first .media-list li i.declined {
- color: #ff8989 !important;
- }
- #topbar-first .media-list li.placeholder {
- border-bottom: none;
- }
- #topbar-first .media-list .media .media-body .label {
- padding: 0.1em 0.5em;
- }
- #topbar-first .account .user-title {
- text-align: right;
- }
- #topbar-first .account .user-title span {
- color: #d7d7d7;
- }
- #topbar-first .dropdown.account > a,
- #topbar-first .dropdown.account.open > a,
- #topbar-first .dropdown.account > a:hover,
- #topbar-first .dropdown.account.open > a:hover {
- background-color: #000;
- }
- #topbar-second {
- top: 50px;
- background-color: rgba(0,0,0,0.5);;
- z-index: 1029;
- background-image: none;
- -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
- box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
- }
- #topbar-second .dropdown-menu {
- padding-top: 0;
- padding-bottom: 0;
- }
- #topbar-second .dropdown-menu .divider {
- margin: 0;
- }
- #topbar-second #space-menu-dropdown,
- #topbar-second #search-menu-dropdown {
- width: 400px;
- }
- #topbar-second #space-menu-dropdown .media-list,
- #topbar-second #search-menu-dropdown .media-list {
- max-height: 400px;
- overflow: auto;
- }
- @media screen and (max-width: 768px) {
- #topbar-second #space-menu-dropdown .media-list,
- #topbar-second #search-menu-dropdown .media-list {
- max-height: 200px;
- }
- }
- #topbar-second #space-menu-dropdown form,
- #topbar-second #search-menu-dropdown form {
- margin: 10px;
- }
- #topbar-second #space-menu-dropdown .search-reset,
- #topbar-second #search-menu-dropdown .search-reset {
- position: absolute;
- color: #BFBFBF;
- margin: 7px;
- top: 0px;
- right: 40px;
- z-index: 10;
- display: none;
- cursor: pointer;
- }
- #topbar-second .nav > li > a {
- padding: 6px 13px 0;
- text-decoration: none;
- text-shadow: none;
- font-weight: 600;
- font-size: 10px;
- text-transform: uppercase;
- text-align: center;
- min-height: 49px;
- }
- #topbar-second .nav > li > a:hover,
- #topbar-second .nav > li > a:active,
- #topbar-second .nav > li > a:focus {
- border-bottom: 3px solid #539898;
- background-color: rgba(0,0,0,0.5);
- color: #fff;
- text-decoration: none;
- }
- #topbar-second .nav > li > a i {
- font-size: 14px;
- }
- #topbar-second .nav > li > a .caret {
- border-top-color: #7a7a7a;
- }
- #topbar-second .nav > li > ul > li > a {
- border-left: 3px solid #fff;
- background-color: #fff;
- color: #000;
- }
- #topbar-second .nav > li > ul > li > a:hover,
- #topbar-second .nav > li > ul > li > a.active {
- border-left: 3px solid #539898;
- background-color: #f7f7f7;
- color: #000;
- }
- #topbar-second .nav > li.active > a {
- min-height: 46px;
- }
- #topbar-second .nav > li > a#space-menu {
- padding-right: 13px;
- }
- #topbar-second .nav > li > a#search-menu {
- padding-top: 15px;
- }
- #topbar-second .nav > li > a:hover,
- #topbar-second .nav .open > a,
- #topbar-second .nav > li.active {
- border-bottom: 3px solid #539898;
- background-color: rgba(0,0,0,0.5);
- color: #fff;
- }
- #topbar-second .nav > li.active > a:hover {
- border-bottom: none;
- }
- #topbar-second #space-menu-dropdown li > ul > li > a > .media .media-body p {
- color: #bebebe;
- font-size: 11px;
- margin: 0;
- font-weight: 400;
- }
- .dropdown-menu li a {
- font-size: 13px !important;
- font-weight: 600 !important;
- }
- .dropdown-menu li a i {
- margin-right: 5px;
- font-size: 14px;
- display: inline-block;
- width: 14px;
- }
- .dropdown-menu li a:hover,
- .dropdown-menu li a:visited,
- .dropdown-menu li a:hover,
- .dropdown-menu li a:focus {
- background: none;
- cursor: pointer;
- }
- .dropdown-menu li:hover,
- .dropdown-menu li.selected {
- color: #555;
- }
- .dropdown-menu li:first-child {
- margin-top: 3px;
- }
- .dropdown-menu li:last-child {
- margin-bottom: 3px;
- }
- .media-list li {
- padding: 10px;
- border-bottom: 1px solid #eee;
- position: relative;
- border-left: 3px solid white;
- font-size: 12px;
- }
- .media-list li a {
- color: #555;
- }
- .media-list .badge-space-type {
- background-color: #f7f7f7;
- border: 1px solid #d7d7d7;
- color: #b2b2b2;
- padding: 3px 3px 2px 3px;
- }
- .media-list li.new {
- border-left: 3px solid #f3fcfd;
- background-color: #f3fcfd;
- }
- .media-list li:hover,
- .media-list li.selected {
- background-color: #f7f7f7;
- border-left: 3px solid #539898;
- }
- .media-left,
- .media > .pull-left {
- padding-right: 0;
- margin-right: 10px;
- }
- .media:after {
- content: '';
- clear: both;
- display: block;
- }
- .media .time {
- font-size: 11px;
- color: #bebebe;
- }
- .media .img-space {
- position: absolute;
- top: 35px;
- left: 35px;
- }
- .media .media-body {
- font-size: 13px;
- color: #000;
- }
- .media .media-body h4.media-heading {
- font-size: 14px;
- font-weight: 500;
- color: #555;
- }
- .media .media-body h4.media-heading a {
- color: #555;
- }
- .media .media-body h4.media-heading small,
- .media .media-body h4.media-heading small a {
- font-size: 11px;
- color: #bebebe;
- }
- .media .media-body h4.media-heading .content {
- margin-right: 35px;
- }
- .media .media-body .content a {
- word-break: break-all;
- }
- .media .media-body h5 {
- color: #aeaeae;
- font-weight: 300;
- margin-top: 5px;
- margin-bottom: 5px;
- min-height: 15px;
- }
- .media .media-body .module-controls {
- font-size: 85%;
- }
- .media .media-body .module-controls a {
- color: #539898;
- }
- .media .content a {
- color: #539898;
- }
- .media .content .files a {
- color: #555;
- }
- .content span {
- overflow-wrap: break-word;
- word-wrap: break-word;
- -ms-word-break: break-all;
- word-break: break-word;
- -ms-hyphens: auto;
- -moz-hyphens: auto;
- -webkit-hyphens: auto;
- hyphens: auto;
- }
- .module-installed {
- opacity: 0.5;
- }
- .module-installed .label-success {
- background-color: #d7d7d7;
- }
- .modal .dropdown-menu,
- .panel .dropdown-menu,
- .nav-tabs .dropdown-menu {
- border: 1px solid #d7d7d7;
- }
- .modal .dropdown-menu li.divider,
- .panel .dropdown-menu li.divider,
- .nav-tabs .dropdown-menu li.divider {
- background-color: #f7f7f7;
- border-bottom: none;
- margin: 9px 1px !important;
- }
- .modal .dropdown-menu li,
- .panel .dropdown-menu li,
- .nav-tabs .dropdown-menu li {
- border-left: 3px solid white;
- }
- .modal .dropdown-menu li a,
- .panel .dropdown-menu li a,
- .nav-tabs .dropdown-menu li a {
- color: #555;
- font-size: 14px;
- font-weight: 400;
- padding: 4px 15px;
- }
- .modal .dropdown-menu li a i,
- .panel .dropdown-menu li a i,
- .nav-tabs .dropdown-menu li a i {
- margin-right: 5px;
- }
- .modal .dropdown-menu li a:hover,
- .panel .dropdown-menu li a:hover,
- .nav-tabs .dropdown-menu li a:hover {
- background: none;
- }
- .modal .dropdown-menu li:hover,
- .panel .dropdown-menu li:hover,
- .nav-tabs .dropdown-menu li:hover,
- .modal .dropdown-menu li.selected,
- .panel .dropdown-menu li.selected,
- .nav-tabs .dropdown-menu li.selected {
- border-left: 3px solid #539898;
- background-color: #f7f7f7 !important;
- }
- .panel {
- border: none;
- background-color: #fff;
- box-shadow: 0 0 3px #dadada;
- -webkit-box-shadow: 0 0 3px #dadada;
- -moz-box-shadow: 0 0 3px #dadada;
- border-radius: 4px;
- position: relative;
- }
- .panel h1 {
- font-size: 16px;
- font-weight: 300;
- margin-top: 0;
- color: #555;
- }
- .panel .panel-heading {
- font-size: 16px;
- font-weight: 300;
- color: #555;
- background-color: white;
- border: none;
- padding: 10px;
- border-radius: 4px;
- }
- .panel .panel-heading .heading-link {
- color: #539898 !important;
- font-size: 0.8em;
- }
- .panel .panel-body {
- padding: 10px;
- font-size: 13px;
- }
- .panel .panel-body p {
- color: #555;
- }
- .panel .statistics .entry {
- margin-left: 20px;
- font-size: 12px;
- }
- .panel .statistics .entry .count {
- color: #539898;
- font-weight: 600;
- font-size: 20px;
- line-height: 0.8em;
- }
- .panel h3.media-heading small {
- font-size: 75%;
- }
- .panel h3.media-heading small a {
- color: #539898;
- }
- .panel-danger {
- border: 2px solid #ff8989;
- }
- .panel-danger .panel-heading {
- color: #ff8989;
- }
- .panel-success {
- border: 2px solid #97d271;
- }
- .panel-success .panel-heading {
- color: #97d271;
- }
- .panel-warning {
- border: 2px solid #fdd198;
- }
- .panel-warning .panel-heading {
- color: #fdd198;
- }
- .panel.profile {
- position: relative;
- }
- .panel.profile .controls {
- position: absolute;
- top: 10px;
- right: 10px;
- }
- .panel.members .panel-body a img,
- .panel.groups .panel-body a img,
- .panel.follower .panel-body a img,
- .panel.spaces .panel-body a img {
- margin-bottom: 5px;
- }
- .panel-profile .panel-profile-header {
- position: relative;
- border: 3px solid #fff;
- border-top-right-radius: 3px;
- border-top-left-radius: 3px;
- }
- .panel-profile .panel-profile-header .img-profile-header-background {
- border-radius: 3px;
- min-height: 110px;
- }
- .panel-profile .panel-profile-header .img-profile-data {
- position: absolute;
- height: 100px;
- width: 100%;
- bottom: 0;
- left: 0;
- padding-left: 180px;
- padding-top: 30px;
- border-bottom-right-radius: 3px;
- border-bottom-left-radius: 3px;
- color: #fff;
- pointer-events: none;
- background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
- /* FF3.6+ */
- 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)));
- /* Chrome,Safari4+ */
- background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
- /* Chrome10+,Safari5.1+ */
- background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
- /* Opera 11.10+ */
- background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
- /* IE10+ */
- background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%);
- /* W3C */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#94000000', GradientType=0);
- /* IE6-9 */
- }
- .panel-profile .panel-profile-header .img-profile-data h1 {
- font-size: 30px;
- font-weight: 100;
- margin-bottom: 7px;
- color: #fff;
- max-width: 600px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .panel-profile .panel-profile-header .img-profile-data h2 {
- font-size: 16px;
- font-weight: 400;
- margin-top: 0;
- }
- .panel-profile .panel-profile-header .img-profile-data h1.space {
- font-size: 30px;
- font-weight: 700;
- }
- .panel-profile .panel-profile-header .img-profile-data h2.space {
- font-size: 13px;
- font-weight: 300;
- max-width: 600px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .panel-profile .panel-profile-header .profile-user-photo-container {
- position: absolute;
- bottom: -50px;
- left: 15px;
- }
- .panel-profile .panel-profile-header .profile-user-photo-container .profile-user-photo {
- border: 3px solid #fff;
- border-radius: 5px;
- }
- .panel-profile .panel-profile-controls {
- padding-left: 160px;
- }
- .installer .logo {
- text-align: center;
- }
- .installer h2 {
- font-weight: 100;
- }
- .installer .panel {
- margin-top: 50px;
- }
- .installer .panel h3 {
- margin-top: 0;
- }
- .installer .powered,
- .installer .powered a {
- color: #bac2c7 !important;
- margin-top: 10px;
- font-size: 12px;
- }
- .installer .fa {
- width: 18px;
- }
- .installer .check-ok {
- color: #97d271;
- }
- .installer .check-warning {
- color: #fdd198;
- }
- .installer .check-error {
- color: #ff8989;
- }
- .installer .prerequisites-list ul {
- list-style: none;
- padding-left: 15px;
- }
- .installer .prerequisites-list ul li {
- padding-bottom: 5px;
- }
- .space-acronym {
- color: #fff;
- text-align: center;
- display: inline-block;
- }
- .current-space-image {
- margin-right: 3px;
- margin-top: 3px;
- }
- .pagination-container {
- text-align: center;
- }
- .pagination > .active > a,
- .pagination > .active > span,
- .pagination > .active > a:hover,
- .pagination > .active > span:hover,
- .pagination > .active > a:focus,
- .pagination > .active > span:focus {
- background-color: #539898;
- border-color: #539898;
- }
- .pagination > li > a,
- .pagination > li > span,
- .pagination > li > a:hover,
- .pagination > li > a:active,
- .pagination > li > a:focus {
- color: #555;
- }
- .well-small {
- padding: 10px;
- border-radius: 3px;
- }
- .well {
- border: none;
- box-shadow: none;
- background-color: #ededed;
- margin-bottom: 1px;
- }
- .well hr {
- margin: 15px 0 10px;
- border-top: 1px solid #d9d9d9;
- }
- .well table > thead {
- font-size: 11px;
- }
- .img-rounded {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- }
- .tab-sub-menu {
- padding-left: 10px;
- }
- .tab-sub-menu li > a:hover,
- .tab-sub-menu li > a:focus {
- background-color: #f7f7f7;
- border-bottom-color: #ddd;
- }
- .tab-sub-menu li.active > a {
- background-color: #FFFFFF;
- border-bottom-color: transparent;
- }
- .tab-menu {
- padding-top: 10px;
- background-color: #FFFFFF;
- }
- .tab-menu .nav-tabs {
- padding-left: 10px;
- }
- .tab-menu .nav-tabs li > a {
- padding-top: 12px;
- border-color: #ddd;
- border-bottom: 1px solid #ddd;
- background-color: #f7f7f7;
- max-height: 41px;
- outline: none;
- }
- .tab-menu .nav-tabs li > a:hover,
- .tab-menu .nav-tabs li > a:focus {
- padding-top: 10px;
- border-top: 3px solid #ddd;
- }
- .tab-menu .nav-tabs li > a:hover {
- background-color: #f7f7f7;
- }
- .tab-menu .nav-tabs li.active > a,
- .tab-menu .nav-tabs li.active > a:hover {
- padding-top: 10px;
- border-top: 3px solid #539898;
- }
- .tab-menu .nav-tabs li.active > a {
- background-color: #FFFFFF;
- border-bottom-color: transparent;
- }
- .nav-pills .dropdown-menu,
- .nav-tabs .dropdown-menu,
- .account .dropdown-menu {
- background-color: rgba(0,0,0,0.5);
- border: none;
- }
- .nav-pills .dropdown-menu li.divider,
- .nav-tabs .dropdown-menu li.divider,
- .account .dropdown-menu li.divider {
- background-color: rgba(0,0,0,0.3);
- border-bottom: none;
- margin: 9px 1px !important;
- }
- .nav-pills .dropdown-menu li,
- .nav-tabs .dropdown-menu li,
- .account .dropdown-menu li {
- border-left: 3px solid #64B4B4;
- }
- .nav-pills .dropdown-menu li a,
- .nav-tabs .dropdown-menu li a,
- .account .dropdown-menu li a {
- color: white;
- font-weight: 400;
- font-size: 13px;
- padding: 4px 15px;
- }
- .nav-pills .dropdown-menu li a i,
- .nav-tabs .dropdown-menu li a i,
- .account .dropdown-menu li a i {
- margin-right: 5px;
- font-size: 14px;
- display: inline-block;
- width: 14px;
- }
- .nav-pills .dropdown-menu li a:hover,
- .nav-tabs .dropdown-menu li a:hover,
- .account .dropdown-menu li a:hover,
- .nav-pills .dropdown-menu li a:visited,
- .nav-tabs .dropdown-menu li a:visited,
- .account .dropdown-menu li a:visited,
- .nav-pills .dropdown-menu li a:hover,
- .nav-tabs .dropdown-menu li a:hover,
- .account .dropdown-menu li a:hover,
- .nav-pills .dropdown-menu li a:focus,
- .nav-tabs .dropdown-menu li a:focus,
- .account .dropdown-menu li a:focus {
- background: none;
- }
- .nav-pills .dropdown-menu li:hover,
- .nav-tabs .dropdown-menu li:hover,
- .account .dropdown-menu li:hover,
- .nav-pills .dropdown-menu li.selected,
- .nav-tabs .dropdown-menu li.selected,
- .account .dropdown-menu li.selected {
- border-left: 3px solid #539898;
- color: #fff !important;
- background-color: rgba(0,0,0,0.5) !important;
- }
- .nav-pills.preferences .dropdown .dropdown-toggle {
- color: #bebebe;
- }
- .nav-pills.preferences .dropdown.open .dropdown-toggle,
- .nav-pills.preferences .dropdown.open .dropdown-toggle:hover {
- background-color: #539898;
- }
- .popover {
- border: 1px solid rgba(0, 0, 0, 0.15);
- border-radius: 4px;
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
- }
- .popover .popover-title {
- background: none;
- border-bottom: none;
- color: #555;
- font-weight: 300;
- font-size: 16px;
- padding: 15px;
- }
- .popover .popover-content {
- font-size: 13px;
- padding: 5px 15px;
- color: #555;
- }
- .popover .popover-content img {
- max-height: 200px;
- max-width: 100%;
- }
- .popover .popover-content a {
- color: #539898;
- }
- .popover .popover-navigation {
- padding: 15px;
- }
- .nav-pills > li.active > a,
- .nav-pills > li.active > a:hover,
- .nav-pills > li.active > a:focus {
- background-color: #539898;
- }
- .nav-tabs {
- margin-bottom: 10px;
- }
- .list-group a [class^="fa-"],
- .list-group a [class*=" fa-"] {
- display: inline-block;
- width: 18px;
- }
- .nav-pills.preferences {
- position: absolute;
- right: 10px;
- top: 10px;
- }
- .nav-pills.preferences .dropdown .dropdown-toggle {
- padding: 2px 10px;
- }
- .nav-pills.preferences .dropdown.open .dropdown-toggle,
- .nav-pills.preferences .dropdown.open .dropdown-toggle:hover {
- color: white;
- }
- .nav-tabs li {
- font-weight: 600;
- font-size: 12px;
- }
- .tab-content .tab-pane a {
- color: #539898;
- }
- .tab-content .tab-pane .form-group {
- margin-bottom: 5px;
- }
- .nav-tabs.tabs-center li {
- float: none;
- display: inline-block;
- }
- .nav-tabs.tabs-small li > a {
- padding: 5px 7px;
- }
- .nav .caret,
- .nav .caret:hover,
- .nav .caret:active {
- border-top-color: #555;
- border-bottom-color: #555;
- }
- .nav li.dropdown > a:hover .caret,
- .nav li.dropdown > a:active .caret {
- border-top-color: #555;
- border-bottom-color: #555;
- }
- .nav .open > a .caret,
- .nav .open > a:hover .caret,
- .nav .open > a:focus .caret {
- border-top-color: #555;
- border-bottom-color: #555;
- }
- .nav .open > a,
- .nav .open > a:hover,
- .nav .open > a:focus {
- border-color: #ededed;
- color: #555;
- }
- .nav .open > a .caret,
- .nav .open > a:hover .caret,
- .nav .open > a:focus .caret {
- color: #555;
- }
- .btn {
- float: none;
- border: none;
- -webkit-box-shadow: none;
- box-shadow: none;
- -moz-box-shadow: none;
- background-image: none;
- text-shadow: none;
- border-radius: 3px;
- outline: none !important;
- margin-bottom: 0;
- font-size: 14px;
- font-weight: 600;
- padding: 8px 16px;
- }
- .input.btn {
- outline: none;
- }
- .btn-lg {
- padding: 16px 28px;
- }
- .btn-sm {
- padding: 4px 8px;
- font-size: 12px;
- }
- .btn-sm i {
- font-size: 14px;
- }
- .btn-xs {
- padding: 1px 5px;
- font-size: 12px;
- }
- .btn-default {
- background: #ededed;
- color: #7a7a7a !important;
- }
- .btn-default:hover,
- .btn-default:focus {
- background: #e8e8e8;
- text-decoration: none;
- color: #7a7a7a;
- }
- .btn-default:active,
- .btn-default.active {
- outline: 0;
- background: #e0e0e0;
- }
- .btn-default[disabled],
- .btn-default.disabled {
- background: #f2f2f2;
- }
- .btn-default[disabled]:hover,
- .btn-default.disabled:hover,
- .btn-default[disabled]:focus,
- .btn-default.disabled:focus {
- background: #f2f2f2;
- }
- .btn-default[disabled]:active,
- .btn-default.disabled:active,
- .btn-default[disabled].active,
- .btn-default.disabled.active {
- background: #f2f2f2;
- }
- .btn-primary {
- background: #539898;
- color: white !important;
- }
- .btn-primary:hover,
- .btn-primary:focus {
- background: #64B4B4 ;
- text-decoration: none;
- }
- .btn-primary:active,
- .btn-primary.active {
- outline: 0;
- background: #64B4B4 !important;
- }
- .btn-primary[disabled],
- .btn-primary.disabled {
- background: #7f9baa;
- }
- .btn-primary[disabled]:hover,
- .btn-primary.disabled:hover,
- .btn-primary[disabled]:focus,
- .btn-primary.disabled:focus {
- background: #7f9baa;
- }
- .btn-primary[disabled]:active,
- .btn-primary.disabled:active,
- .btn-primary[disabled].active,
- .btn-primary.disabled.active {
- background: #7f9baa !important;
- }
- .btn-info {
- background: #539898;
- color: white !important;
- }
- .btn-info:hover,
- .btn-info:focus {
- background: #64B4B4 !important;
- text-decoration: none;
- }
- .btn-info:active,
- .btn-info.active {
- outline: 0;
- background: #64B4B4;
- }
- .btn-info[disabled],
- .btn-info.disabled {
- background: #85e0ec;
- }
- .btn-info[disabled]:hover,
- .btn-info.disabled:hover,
- .btn-info[disabled]:focus,
- .btn-info.disabled:focus {
- background: #85e0ec;
- }
- .btn-info[disabled]:active,
- .btn-info.disabled:active,
- .btn-info[disabled].active,
- .btn-info.disabled.active {
- background: #85e0ec !important;
- }
- .btn-danger {
- background: #ff8989;
- color: white !important;
- }
- .btn-danger:hover,
- .btn-danger:focus {
- background: #ff6f6f;
- text-decoration: none;
- }
- .btn-danger:active,
- .btn-danger.active {
- outline: 0;
- background: #ff6f6f !important;
- }
- .btn-danger[disabled],
- .btn-danger.disabled {
- background: #ffa3a3;
- }
- .btn-danger[disabled]:hover,
- .btn-danger.disabled:hover,
- .btn-danger[disabled]:focus,
- .btn-danger.disabled:focus {
- background: #ffa3a3;
- }
- .btn-danger[disabled]:active,
- .btn-danger.disabled:active,
- .btn-danger[disabled].active,
- .btn-danger.disabled.active {
- background: #ffa3a3 !important;
- }
- .btn-success {
- background: #97d271;
- color: white !important;
- }
- .btn-success:hover,
- .btn-success:focus {
- background: #89cc5e;
- text-decoration: none;
- }
- .btn-success:active,
- .btn-success.active {
- outline: 0;
- background: #89cc5e !important;
- }
- .btn-success[disabled],
- .btn-success.disabled {
- background: #a5d884;
- }
- .btn-success[disabled]:hover,
- .btn-success.disabled:hover,
- .btn-success[disabled]:focus,
- .btn-success.disabled:focus {
- background: #a5d884;
- }
- .btn-success[disabled]:active,
- .btn-success.disabled:active,
- .btn-success[disabled].active,
- .btn-success.disabled.active {
- background: #a5d884 !important;
- }
- .btn-warning {
- background: #fdd198;
- color: white !important;
- }
- .btn-warning:hover,
- .btn-warning:focus {
- background: #fdcd8e;
- text-decoration: none;
- }
- .btn-warning:active,
- .btn-warning.active {
- outline: 0;
- background: #fdcd8e !important;
- }
- .btn-warning[disabled],
- .btn-warning.disabled {
- background: #fddcb1;
- }
- .btn-warning[disabled]:hover,
- .btn-warning.disabled:hover,
- .btn-warning[disabled]:focus,
- .btn-warning.disabled:focus {
- background: #fddcb1;
- }
- .btn-warning[disabled]:active,
- .btn-warning.disabled:active,
- .btn-warning[disabled].active,
- .btn-warning.disabled.active {
- background: #fddcb1 !important;
- }
- .radio,
- .checkbox {
- margin-top: 5px !important;
- margin-bottom: 0;
- }
- .radio label,
- .checkbox label {
- padding-left: 10px;
- }
- .form-control {
- border: 2px solid #ededed;
- box-shadow: none;
- }
- .form-control:focus {
- border: 2px solid #539898;
- outline: 0;
- box-shadow: none;
- }
- .form-control.form-search {
- border-radius: 30px;
- background-image: url("../img/icon_search16x16.png");
- background-repeat: no-repeat;
- background-position: 10px 8px;
- padding-left: 34px;
- }
- .form-group-search {
- position: relative;
- }
- .form-group-search .form-button-search {
- position: absolute;
- top: 4px;
- right: 4px;
- border-radius: 30px;
- }
- textarea {
- resize: none;
- }
- select.form-control {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- background-image: url("../img/select_arrow.png") !important;
- background-repeat: no-repeat;
- background-position: right 13px;
- overflow: hidden;
- }
- label {
- font-weight: normal;
- }
- label.control-label {
- font-weight: bold;
- }
- ::-webkit-input-placeholder {
- color: #bebebe !important;
- }
- ::-moz-placeholder {
- color: #bebebe !important;
- }
- /* firefox 19+ */
- :-ms-input-placeholder {
- color: #bebebe !important;
- }
- /* ie */
- input:-moz-placeholder {
- color: #bebebe !important;
- }
- .help-block-error {
- font-size: 12px;
- }
- .help-block:not(.help-block-error) {
- color: #aeaeae !important;
- font-size: 12px;
- }
- .input-group-addon {
- border: none;
- }
- .label {
- text-transform: uppercase;
- }
- .label {
- text-transform: uppercase;
- display: inline-block;
- padding: 3px 5px 4px;
- font-weight: 600;
- font-size: 10px !important;
- color: white !important;
- vertical-align: baseline;
- white-space: nowrap;
- text-shadow: none;
- }
- .label-default {
- background: #ededed;
- color: #7a7a7a !important;
- }
- a.label-default:hover {
- background: #e0e0e0 !important;
- }
- .label-info {
- background-color: #539898;
- }
- a.label-info:hover {
- background: #64B4B4 !important;
- }
- .label-danger {
- background-color: #ff8989;
- }
- a.label-danger:hover {
- background: #ff6f6f !important;
- }
- .label-success {
- background-color: #539898;
- }
- a.label-success:hover {
- background: #64B4B4 !important;
- }
- .label-warning {
- background-color: #fdd198;
- }
- a.label-warning:hover {
- background: #fdc67f !important;
- }
- .alert-default {
- color: #555;
- background-color: #f7f7f7;
- border-color: #ededed;
- font-size: 13px;
- }
- .alert-default .info {
- margin: 10px 0;
- }
- .alert-success {
- color: #84be5e;
- background-color: #f7fbf4;
- border-color: #97d271;
- }
- .alert-warning {
- color: #e9b168;
- background-color: #fffbf7;
- border-color: #fdd198;
- }
- .alert-danger {
- color: #ff8989;
- background-color: #fff6f6;
- border-color: #ff8989;
- }
- .badge-space {
- margin-top: 6px;
- }
- .badge-space-chooser {
- padding: 3px 5px;
- margin-left: 1px;
- }
- .badge {
- padding: 3px 5px;
- border-radius: 2px;
- font-weight: normal;
- font-family: Arial, sans-serif;
- font-size: 10px !important;
- text-transform: uppercase;
- color: #fff;
- vertical-align: baseline;
- white-space: nowrap;
- text-shadow: none;
- background-color: #d7d7d7;
- line-height: 1;
- }
- .list-group-item {
- padding: 6px 15px;
- border: none;
- border-width: 0 !important;
- border-left: 3px solid #fff !important;
- font-size: 12px;
- font-weight: 600;
- }
- .list-group-item i {
- font-size: 14px;
- }
- a.list-group-item:hover,
- a.list-group-item.active,
- a.list-group-item.active:hover,
- a.list-group-item.active:focus {
- z-index: 2;
- color: #555;
- background-color: #f7f7f7;
- border-left: 3px solid #539898 !important;
- }
- @media screen and (max-width: 768px) {
- .modal-dialog {
- width: auto !important;
- padding-top: 30px;
- padding-bottom: 30px;
- }
- }
- .modal-top {
- z-index: 999999 !important;
- }
- .modal-open {
- overflow: visible;
- }
- .modal {
- overflow-y: visible;
- }
- .modal-dialog-extra-small {
- width: 400px;
- }
- .modal-dialog-small {
- width: 500px;
- }
- .modal-dialog-normal {
- width: 600px;
- }
- .modal-dialog-medium {
- width: 768px;
- }
- .modal-dialog-large {
- width: 900px;
- }
- @media screen and (max-width: 920px) {
- .modal-dialog-large {
- width: auto !important;
- padding-top: 30px;
- padding-bottom: 30px;
- }
- }
- .modal {
- border: none;
- }
- .modal h1,
- .modal h2,
- .modal h3,
- .modal h4,
- .modal h5 {
- margin-top: 20px;
- color: #555;
- font-weight: 300;
- }
- .modal h4.media-heading {
- margin-top: 0;
- }
- .modal-title {
- font-size: 20px;
- font-weight: 200;
- color: #555;
- }
- .modal-dialog,
- .modal-content {
- min-width: 150px;
- }
- .modal-content {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
- -webkit-box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
- -moz-box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
- border: none;
- }
- .modal-content .modal-header {
- padding: 20px 20px 0;
- border-bottom: none;
- text-align: center;
- }
- .modal-content .modal-header .close {
- margin-top: 2px;
- margin-right: 5px;
- }
- .modal-content .modal-body {
- padding: 20px;
- font-size: 13px;
- }
- .modal-content .modal-footer {
- margin-top: 0;
- text-align: left;
- padding: 10px 20px 30px;
- border-top: none;
- text-align: center;
- }
- .modal-content .modal-footer hr {
- margin-top: 0;
- }
- .modal-backdrop {
- background-color: rgba(0, 0, 0, 0.5);
- }
- .progress {
- height: 10px;
- margin-bottom: 15px;
- box-shadow: none;
- background: #ededed;
- border-radius: 10px;
- }
- .progress-bar-info {
- background-color: #539898;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .tooltip-inner {
- background-color: #539898;
- max-width: 400px;
- text-align: left;
- font-weight: 300;
- padding: 2px 8px 4px;
- font-weight: bold;
- white-space: pre-wrap;
- }
- .tooltip.top .tooltip-arrow {
- border-top-color: #539898;
- }
- .tooltip.top-left .tooltip-arrow {
- border-top-color: #539898;
- }
- .tooltip.top-right .tooltip-arrow {
- border-top-color: #539898;
- }
- .tooltip.right .tooltip-arrow {
- border-right-color: #539898;
- }
- .tooltip.left .tooltip-arrow {
- border-left-color: #539898;
- }
- .tooltip.bottom .tooltip-arrow {
- border-bottom-color: #539898;
- }
- .tooltip.bottom-left .tooltip-arrow {
- border-bottom-color: #539898;
- }
- .tooltip.bottom-right .tooltip-arrow {
- border-bottom-color: #539898;
- }
- .tooltip.in {
- opacity: 1;
- filter: alpha(opacity=100);
- }
- table {
- margin-bottom: 0px !important;
- }
- table th {
- font-size: 11px;
- color: #bebebe;
- font-weight: normal;
- }
- table thead tr th {
- border: none !important;
- }
- table .time {
- font-size: 12px;
- }
- table td a:hover {
- color: #539898;
- }
- .table > thead > tr > th,
- .table > tbody > tr > th,
- .table > tfoot > tr > th,
- .table > thead > tr > td,
- .table > tbody > tr > td,
- .table > tfoot > tr > td {
- padding: 10px 10px 10px 0;
- }
- .table > thead > tr > th select,
- .table > tbody > tr > th select,
- .table > tfoot > tr > th select,
- .table > thead > tr > td select,
- .table > tbody > tr > td select,
- .table > tfoot > tr > td select {
- font-size: 12px;
- padding: 4px 8px;
- height: 30px;
- margin: 0;
- }
- .detail-view > tbody > tr > th,
- .detail-view > tbody > tr > td {
- padding: 10px;
- }
- .comment-container {
- margin-top: 10px;
- }
- .comment {
- /*-- Since v1.2 overflow: visible */
- }
- .comment .media {
- position: relative !important;
- margin-top: 0;
- }
- .comment .media .nav-pills.preferences {
- display: none;
- right: -3px;
- top: -3px;
- }
- .comment .media-body {
- overflow: visible;
- }
- .comment.guest-mode .media:last-child .wall-entry-controls {
- margin-bottom: 0;
- }
- .comment.guest-mode .media:last-child hr {
- display: none;
- }
- .grid-view img {
- width: 24px;
- height: 24px;
- }
- .grid-view .filters input,
- .grid-view .filters select {
- border: 2px solid #ededed;
- box-shadow: none;
- border-radius: 4px;
- font-size: 12px;
- padding: 4px;
- }
- .grid-view .filters input:focus,
- .grid-view .filters select:focus {
- border: 2px solid #539898;
- outline: 0;
- box-shadow: none;
- }
- .grid-view {
- padding: 15px 0 0;
- }
- .grid-view img {
- border-radius: 3px;
- }
- .grid-view table th {
- font-size: 13px !important;
- font-weight: bold !important;
- }
- .grid-view table td {
- vertical-align: middle !important;
- }
- .grid-view table tr {
- font-size: 13px !important;
- }
- .grid-view table thead tr th:first-of-type {
- padding-left: 5px;
- }
- .grid-view table tbody tr {
- height: 50px;
- }
- .grid-view table tbody tr td:first-of-type {
- padding-left: 5px;
- }
- .grid-view .summary {
- font-size: 12px;
- color: #bac2c7;
- }
- .tags .tag {
- margin-top: 5px;
- border-radius: 2px;
- padding: 4px 8px;
- text-transform: uppercase;
- max-width: 150px;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
- .placeholder {
- padding: 15px;
- }
- .placeholder-empty-stream {
- background-image: url("../img/placeholder-postform-arrow.png");
- background-repeat: no-repeat;
- padding: 37px 0 0 70px;
- margin-left: 90px;
- }
- .media-list li.placeholder {
- font-size: 14px !important;
- border-bottom: none;
- }
- .media-list li.placeholder:hover {
- background: none !important;
- border-left: 3px solid white;
- }
- ul.tag_input {
- list-style: none;
- background-color: #fff;
- border: 1px solid #ccc;
- border-radius: 4px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
- transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
- padding: 0 0 9px 4px;
- }
- ul.tag_input li img {
- margin: 0 5px 0 0;
- }
- .tag_input_field {
- outline: none;
- border: none !important;
- padding: 5px 4px 0 !important;
- width: 170px;
- margin: 2px 0 0 !important;
- }
- .userInput,
- .spaceInput {
- background-color: #539898;
- font-weight: 600;
- color: #fff;
- border-radius: 3px;
- font-size: 12px !important;
- padding: 2px;
- float: left;
- margin: 3px 4px 0 0;
- }
- .userInput i,
- .spaceInput i {
- padding: 0 6px;
- font-size: 14px;
- cursor: pointer;
- line-height: 8px;
- }
- .contentForm_options {
- margin-top: 10px;
- }
- .oembed_snippet {
- position: relative;
- padding-bottom: 55%;
- padding-top: 15px;
- height: 0;
- overflow: hidden;
- }
- .oembed_snippet iframe {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- /*.select2-container--default .select2-selection--multiple {
- border: 2px solid #ededed !important;
- background-image: url("../img/select_arrow.png") !important;
- background-repeat: no-repeat;
- background-position: right 16px;
- }
- .select2-container--default .select2-selection--focus {
- border: 2px solid #539898 !important;
- }
- .select2-selection__choice {
- background-color: #539898 !important;
- padding: 5px 0px 5px 5px !important;
- border: none !important;
- }
- .select2-search--inline {
- background-color: transparent !important;
- padding: 5px 0px 5px 5px !important;
- }
- .select2-selection__choice__remove {
- display:none !important;
- }*/
- #notification_overview_filter label {
- display: block;
- }
- .activities {
- max-height: 400px;
- overflow: auto;
- }
- .activities li .media {
- position: relative;
- }
- .activities li .media .img-space {
- position: absolute;
- top: 14px;
- left: 14px;
- }
- .wall-entry {
- position: relative;
- }
- .wall-entry .media {
- overflow: visible;
- }
- .wall-entry .well {
- margin-bottom: 0;
- }
- .wall-entry .well .comment .show-all-link {
- font-size: 12px;
- cursor: pointer;
- }
- .wall-entry-controls {
- /* Important since 1.2 */
- display: inline-block;
- }
- .wall-entry-controls,
- .wall-entry-controls a {
- font-size: 11px;
- color: #aeaeae;
- margin-top: 10px;
- margin-bottom: 0;
- }
- .space-owner {
- text-align: center;
- margin: 14px 0;
- font-size: 13px;
- color: #999;
- }
- .placeholder {
- padding: 10px;
- }
- .placeholder-empty-stream {
- background-image: url("../img/placeholder-postform-arrow.png");
- background-repeat: no-repeat;
- padding: 37px 0 0 70px;
- margin-left: 90px;
- }
- ul.tag_input {
- -webkit-box-shadow: none;
- box-shadow: none;
- border: 2px solid #ededed;
- }
- ul.tag_input.focus {
- border: 2px solid #539898;
- outline: 0;
- box-shadow: none;
- }
- .space-member-sign {
- color: #97d271;
- position: absolute;
- top: 42px;
- left: 42px;
- font-size: 16px;
- background: #fff;
- width: 24px;
- height: 24px;
- padding: 2px 3px 1px 4px;
- border-radius: 50px;
- border: 2px solid #97d271;
- }
- .contentForm_options {
- min-height: 29px;
- }
- .contentForm-upload-progress {
- margin-top: 18px;
- margin-bottom: 10px !important;
- }
- .btn_container {
- position: relative;
- }
- .btn_container .label-public {
- position: absolute;
- right: 40px;
- top: 11px;
- }
- .login-screen {
- margin-top: -70px;
- }
- .mime {
- background-repeat: no-repeat;
- background-position: 0 0;
- padding: 1px 0 4px 26px;
- }
- .mime-word {
- background-image: url("../img/mime/word.png");
- }
- .mime-excel {
- background-image: url("../img/mime/excel.png");
- }
- .mime-powerpoint {
- background-image: url("../img/mime/powerpoint.png");
- }
- .mime-pdf {
- background-image: url("../img/mime/pdf.png");
- }
- .mime-zip {
- background-image: url("../img/mime/zip.png");
- }
- .mime-image {
- background-image: url("../img/mime/image.png");
- }
- .mime-file {
- background-image: url("../img/mime/file.png");
- }
- .mime-photoshop {
- background-image: url("../img/mime/photoshop.png");
- }
- .mime-illustrator {
- background-image: url("../img/mime/illustrator.png");
- }
- .mime-video {
- background-image: url("../img/mime/video.png");
- }
- .mime-audio {
- background-image: url("../img/mime/audio.png");
- }
- .files,
- #postFormFiles_list {
- padding-left: 0;
- }
- .contentForm-upload-list {
- padding-left: 0;
- }
- .contentForm-upload-list li:first-child {
- margin-top: 10px;
- }
- .file_upload_remove_link,
- .file_upload_remove_link:hover {
- color: #ff8989;
- cursor: pointer;
- }
- #contentFormError {
- color: #ff8989;
- padding-left: 0;
- list-style: none;
- }
- .post-files,
- .oembed_snippet {
- margin-top: 10px;
- }
- .post-files img {
- vertical-align: top;
- margin-bottom: 3px;
- margin-right: 5px;
- max-height: 400px;
- max-width: 100%;
- -webkit-animation-duration: 2s;
- /* Safari 4.0 - 8.0 */
- animation-duration: 2s;
- }
- #wallStream.mobile .post-files {
- margin-top: 10px;
- display: flex;
- overflow-x: auto;
- }
- #wallStream.mobile .post-files img {
- max-width: 190px;
- }
- .comment_create,
- .content_edit {
- position: relative;
- }
- .comment_create .comment-buttons,
- .content_edit .comment-buttons {
- position: absolute;
- top: 2px;
- right: 5px;
- }
- .comment_create .btn-comment-submit,
- .content_edit .btn-comment-submit {
- margin-top: 3px;
- }
- .comment_create .fileinput-button,
- .content_edit .fileinput-button {
- float: left;
- padding: 6px 10px;
- background: transparent !important;
- }
- .comment_create .fileinput-button .fa,
- .content_edit .fileinput-button .fa {
- color: #d7d7d7;
- }
- .comment_create .fileinput-button:hover .fa,
- .content_edit .fileinput-button:hover .fa {
- background: transparent !important;
- color: #b2b2b2;
- }
- .comment_create .fileinput-button:active,
- .content_edit .fileinput-button:active {
- box-shadow: none !important;
- }
- .upload-box-container {
- position: relative;
- }
- .upload-box {
- display: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100px;
- padding: 20px;
- background: #f8f8f8;
- border: 2px dashed #ddd;
- text-align: center;
- border-radius: 3px;
- cursor: pointer;
- }
- .upload-box input[type="file"] {
- position: absolute;
- opacity: 0;
- }
- .upload-box .upload-box-progress-bar {
- display: none;
- }
- .image-upload-container {
- position: relative;
- }
- .image-upload-container .image-upload-buttons {
- display: none;
- position: absolute;
- right: 5px;
- bottom: 5px;
- }
- .image-upload-container input[type="file"] {
- position: absolute;
- opacity: 0;
- }
- .image-upload-container .image-upload-loader {
- display: none;
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- padding: 20px;
- background: #f8f8f8;
- }
- .langSwitcher {
- display: inline-block;
- }
- .data-saved {
- padding-left: 10px;
- color: #539898;
- }
- .wallFilterPanel li {
- font-size: 11px;
- font-weight: 600;
- }
- .wallFilterPanel li a {
- color: #555;
- }
- .wallFilterPanel .dropdown-menu li {
- margin-bottom: 0;
- }
- .wallFilterPanel .dropdown-menu li a {
- font-size: 12px;
- }
- .wallFilterPanel .dropdown-menu li a:hover {
- color: #fff !important;
- }
- ul.tour-list {
- list-style: none;
- margin-bottom: 0;
- padding-left: 10px;
- }
- ul.tour-list li {
- padding-top: 5px;
- }
- ul.tour-list li a {
- color: #539898;
- }
- ul.tour-list li a .fa {
- width: 16px;
- }
- ul.tour-list li.completed a {
- text-decoration: line-through;
- color: #bebebe;
- }
- .powered,
- .powered a {
- color: #b8c7d3 !important;
- }
- .errorMessage {
- color: #ff8989;
- padding: 10px 0;
- }
- .error {
- border-color: #ff8989 !important;
- }
- .has-error .help-block,
- .has-error .control-label,
- .has-error .radio,
- .has-error .checkbox,
- .has-error .radio-inline,
- .has-error .checkbox-inline {
- color: #ff8989 !important;
- }
- .has-error .form-control,
- .has-error .form-control:focus {
- border-color: #ff8989;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .has-success .help-block,
- .has-success .control-label,
- .has-success .radio,
- .has-success .checkbox,
- .has-success .radio-inline,
- .has-success .checkbox-inline {
- color: #97d271;
- }
- .has-success .form-control,
- .has-success .form-control:focus {
- border-color: #97d271;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .has-warning .help-block,
- .has-warning .control-label,
- .has-warning .radio,
- .has-warning .checkbox,
- .has-warning .radio-inline,
- .has-warning .checkbox-inline {
- color: #fdd198;
- }
- .has-warning .form-control,
- .has-warning .form-control:focus {
- border-color: #fdd198;
- -webkit-box-shadow: none;
- box-shadow: none;
- }
- .highlight {
- background-color: #fff8e0;
- }
- input.placeholder,
- textarea.placeholder {
- padding: 0 0 0 10px;
- color: #999;
- }
- .ekko-lightbox .modal-content .modal-body {
- padding: 10px;
- }
- .ekko-lightbox .modal-content .modal-footer {
- padding: 0 10px 10px;
- }
- .ekko-lightbox-container {
- position: relative;
- }
- .ekko-lightbox-nav-overlay {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 100;
- width: 100%;
- height: 100%;
- }
- .ekko-lightbox-nav-overlay a {
- z-index: 100;
- display: block;
- width: 49%;
- height: 100%;
- font-size: 30px;
- color: #fff;
- text-shadow: 2px 2px 4px #000;
- opacity: 0;
- outline: none;
- text-decoration: none;
- filter: dropshadow(color=#000000, offx=2, offy=2);
- -webkit-transition: opacity 0.5s;
- -moz-transition: opacity 0.5s;
- -o-transition: opacity 0.5s;
- transition: opacity 0.5s;
- }
- .ekko-lightbox-nav-overlay a:hover {
- color: #539898;
- }
- .ekko-lightbox-nav-overlay a:empty {
- width: 49%;
- }
- .ekko-lightbox a:hover {
- text-decoration: none;
- opacity: 1;
- }
- .ekko-lightbox .glyphicon-chevron-left {
- left: 0;
- float: left;
- padding-left: 15px;
- text-align: left;
- }
- .ekko-lightbox .glyphicon-chevron-right {
- right: 0;
- float: right;
- padding-right: 15px;
- text-align: right;
- }
- .atwho-view .cur {
- border-left: 3px solid #539898;
- background-color: #f7f7f7 !important;
- }
- .atwho-user,
- .atwho-space,
- .atwho-input a {
- color: #539898;
- }
- .atwho-input a:hover {
- color: #539898;
- }
- .atwho-view strong {
- background-color: #f9f0d2;
- }
- .atwho-view .cur strong {
- background-color: #f9f0d2;
- }
- .comment .jp-progress {
- background-color: #dbdcdd !important;
- }
- .comment .jp-play-bar {
- background: #cacaca;
- }
- .sk-spinner-three-bounce.sk-spinner {
- margin: 0 auto;
- width: 70px;
- text-align: center;
- }
- .loader {
- padding: 30px 0;
- }
- .loader .sk-spinner-three-bounce div,
- .loader .sk-spinner-three-bounce span {
- width: 12px;
- height: 12px;
- background-color: #539898;
- border-radius: 100%;
- display: inline-block;
- -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
- animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
- /* Prevent first frame from flickering when animation starts */
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- }
- .loader .sk-spinner-three-bounce .sk-bounce1 {
- -webkit-animation-delay: -0.32s;
- animation-delay: -0.32s;
- }
- .loader .sk-spinner-three-bounce .sk-bounce2 {
- -webkit-animation-delay: -0.16s;
- animation-delay: -0.16s;
- }
- @-webkit-keyframes sk-threeBounceDelay {
- 0%,
- 80%,
- 100% {
- -webkit-transform: scale(0);
- transform: scale(0);
- }
- 40% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @keyframes sk-threeBounceDelay {
- 0%,
- 80%,
- 100% {
- -webkit-transform: scale(0);
- transform: scale(0);
- }
- 40% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- .loader-modal {
- padding: 8px 0;
- }
- .loader-postform {
- padding: 9px 0;
- }
- .loader-postform .sk-spinner-three-bounce.sk-spinner {
- text-align: left;
- margin: 0;
- }
- .modal-dialog.fadeIn,
- .modal-dialog.pulse {
- -webkit-animation-duration: 200ms;
- -moz-animation-duration: 200ms;
- animation-duration: 200ms;
- }
- .panel.pulse,
- .panel.fadeIn {
- -webkit-animation-duration: 200ms;
- -moz-animation-duration: 200ms;
- animation-duration: 200ms;
- }
- img.bounceIn {
- -webkit-animation-duration: 800ms;
- -moz-animation-duration: 800ms;
- animation-duration: 800ms;
- }
- .markdown-render h1,
- .markdown-render h2,
- .markdown-render h3,
- .markdown-render h4,
- .markdown-render h5,
- .markdown-render h6 {
- font-weight: bold !important;
- }
- .markdown-render h1 {
- font-size: 28px !important;
- }
- .markdown-render h2 {
- font-size: 24px !important;
- }
- .markdown-render h3 {
- font-size: 18px !important;
- }
- .markdown-render h4 {
- font-size: 16px !important;
- }
- .markdown-render h5 {
- font-size: 14px !important;
- }
- .markdown-render h6 {
- color: #999;
- font-size: 14px !important;
- }
- .markdown-render pre {
- padding: 0;
- border: none;
- border-radius: 3px;
- }
- .markdown-render pre code {
- padding: 10px;
- border-radius: 3px;
- font-size: 12px !important;
- }
- .markdown-render a,
- .markdown-render a:visited {
- background-color: inherit;
- text-decoration: none;
- color: #539898 !important;
- }
- .markdown-render img {
- max-width: 100%;
- display: table-cell !important;
- }
- .markdown-render table {
- width: 100%;
- }
- .markdown-render table th {
- font-size: 13px;
- font-weight: 700;
- color: #555;
- }
- .markdown-render table thead tr {
- border-bottom: 1px solid #d7d7d7;
- }
- .markdown-render table tbody tr td,
- .markdown-render table thead tr th {
- border: 1px solid #d7d7d7 !important;
- padding: 4px;
- }
- .md-editor.active {
- border: 2px solid #539898 !important;
- }
- .md-editor textarea {
- padding: 10px !important;
- }
- @media (max-width: 767px) {
- .topbar {
- padding-left: 0;
- padding-right: 0;
- }
- #space-menu > .title {
- display: none;
- }
- #space-menu-dropdown {
- width: 300px !important;
- }
- #search-menu-dropdown {
- width: 300px !important;
- max-height: 250px !important;
- }
- .notifications {
- position: inherit !important;
- float: left !important;
- }
- .notifications .dropdown-menu {
- width: 300px !important;
- margin-left: 0 !important;
- }
- .notifications .dropdown-menu .arrow {
- margin-left: -142px !important;
- }
- .panel-profile-controls {
- padding-left: 0 !important;
- padding-top: 50px;
- }
- .panel-profile .panel-profile-header .img-profile-data h1 {
- font-size: 20px !important;
- }
- }
- @media (min-width: 992px) {
- #news-content .col-md-7 {
- width: 73.33333333%;
- }
- @media (max-width: 991px) {
- .controls-header {
- text-align: left !important;
- }
- .list-group {
- margin-left: 4px;
- }
- .list-group-item {
- display: inline-block !important;
- border-radius: 3px !important;
- margin: 4px 0;
- margin-bottom: 4px !important;
- }
- .list-group-item {
- border: none !important;
- }
- a.list-group-item:hover,
- a.list-group-item.active,
- a.list-group-item.active:hover,
- a.list-group-item.active:focus {
- border: none !important;
- background: #539898 !important;
- color: #fff !important;
- }
- .layout-sidebar-container {
- display: none;
- }
- }
- .onoffswitch-inner:before {
- background-color: #539898;
- color: #fff;
- }
- .onoffswitch-inner:after {
- background-color: #d7d7d7;
- color: #999;
- text-align: right;
- }
- .regular-checkbox:checked + .regular-checkbox-box {
- border: 2px solid #539898;
- background: #539898;
- color: white;
- }
- .regular-radio:checked + .regular-radio-button:after {
- background: #539898;
- }
- .regular-radio:checked + .regular-radio-button {
- background-color: none;
- color: #99a1a7;
- border: 2px solid #d7d7d7;
- margin-right: 5px;
- }
- .ui-widget-header {
- border: none !important;
- background: #fff !important;
- color: #7a7a7a !important;
- font-weight: 300 !important;
- }
- .ui-widget-content {
- border: 1px solid #dddcda !important;
- border-radius: 0 !important;
- background: #fff;
- color: #555 !important;
- -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
- box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
- }
- .ui-datepicker .ui-datepicker-prev span,
- .ui-datepicker .ui-datepicker-next span {
- opacity: 0.2;
- }
- .ui-datepicker .ui-datepicker-prev:hover,
- .ui-datepicker .ui-datepicker-next:hover {
- background: #fff !important;
- border: none;
- margin: 1px;
- }
- .ui-state-default,
- .ui-widget-content .ui-state-default,
- .ui-widget-header .ui-state-default {
- border: none !important;
- background: #f7f7f7 !important;
- color: #7a7a7a !important;
- }
- .ui-state-highlight,
- .ui-widget-content .ui-state-highlight,
- .ui-widget-header .ui-state-highlight {
- border: none !important;
- border: 1px solid #b2b2b2 !important;
- }
- .ui-state-active,
- .ui-widget-content .ui-state-active,
- .ui-widget-header .ui-state-active {
- border: 1px solid #539898 !important;
- background: #ddf6fa !important;
- }
- #nprogress .bar {
- height: 2px;
- background: #539898;
- }
- .status-bar-body {
- color: white;
- position: fixed;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.7);
- text-align: center;
- padding: 20px;
- z-index: 9999999;
- bottom: 0px;
- display: block;
- line-height: 20px;
- }
- .status-bar-close {
- color: white;
- fonfont-weight: bold;
- font-size: 21px;
- cursor: pointer;
- }
- .status-bar-close:hover {
- color: white;
- }
- .status-bar-close i {
- vertical-align: top !important;
- padding-top: 3px;
- }
- .status-bar-content i {
- margin-right: 10px;
- font-size: 21px;
- vertical-align: middle;
- }
- .status-bar-content .showMore {
- color: #539898;
- float: right;
- margin-left: 10px;
- font-size: 0.7em;
- cursor: pointer;
- vertical-align: middle;
- white-space: nowrap;
- }
- .status-bar-content .status-bar-details {
- text-align: left;
- font-size: 0.7em;
- margin-top: 20px;
- max-height: 200px;
- overflow: auto;
- }
- .status-bar-content span {
- vertical-align: middle;
- }
- .status-bar-content i.error,
- .status-bar-content i.fatal {
- color: #ff8989;
- }
- .status-bar-content i.warning {
- color: #fdd198;
- }
- .status-bar-content i.info,
- .status-bar-content i.debug {
- color: #539898;
- }
- .status-bar-content i.success {
- color: #85CA2B;
- }
- .stream-entry-loader {
- float: right;
- margin-top: 5px;
- }
- #space-menu-dropdown i.type {
- font-size: 16px;
- color: #BFBFBF;
- }
- #space-menu-spaces [data-space-chooser-item] {
- cursor: pointer;
- }
- #space-menu-dropdown .input-group-addon {
- border-radius: 0px 4px 4px 0px;
- }
- #space-menu-dropdown .input-group-addon.focus {
- border-radius: 0px 4px 4px 0px;
- border: 2px solid #539898;
- border-left: 0px;
- }
- #space-menu-search {
- border-right: 0px;
- }
- #space-directory-link i {
- margin-right: 0px;
- }
- .file-preview-content {
- cursor: pointer;
- }
- .table-middle > thead > tr > th,
- .table-middle > tbody > tr > th,
- .table-middle > tfoot > tr > th,
- .table-middle > thead > tr > td,
- .table-middle > tbody > tr > td,
- .table-middle > tfoot > tr > td {
- vertical-align: middle !important;
- }
- .panel-body > .tab-menu {
- margin-left: -10px;
- margin-right: -10px;
- }
- .permission-grid-editor > .table > tbody > tr:first-child > td {
- border: none;
- }
- .permission-grid-editor {
- padding-top: 0px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement