From e8fb5156a830488234622956bf1b890eee3113c9 Mon Sep 17 00:00:00 2001 From: andystrobel Date: Tue, 22 Sep 2015 10:43:24 +0200 Subject: [PATCH] Beautified table output for markdown editor --- themes/HumHub/css/theme.css | 2 +- themes/HumHub/css/theme.less | 774 ++++++++++++++--------------------- 2 files changed, 300 insertions(+), 476 deletions(-) diff --git a/themes/HumHub/css/theme.css b/themes/HumHub/css/theme.css index ee3dfe751c..39d383d7a3 100755 --- a/themes/HumHub/css/theme.css +++ b/themes/HumHub/css/theme.css @@ -1 +1 @@ -.colorDefault{color:#ededed}.backgroundDefault{background:#ededed}.borderDefault{border-color:#ededed}.colorPrimary{color:#708fa0!important}.backgroundPrimary{background:#708fa0!important}.borderPrimary{border-color:#708fa0!important}.colorInfo{color:#6fdbe8!important}.backgroundInfo{background:#6fdbe8!important}.borderInfo{border-color:#6fdbe8!important}.colorSuccess{color:#97d271!important}.backgroundSuccess{background:#97d271!important}.borderSuccess{border-color:#97d271!important}.colorWarning{color:#fdd198!important}.backgroundWarning{background:#fdd198!important}.borderWarning{border-color:#fdd198!important}.colorDanger{color:#ff8989!important}.backgroundDanger{background:#ff8989!important}.borderDanger{border-color:#ff8989!important}.colorFont1{color:#bac2c7!important}.colorFont2{color:#7a7a7a!important}.colorFont3{color:#555!important}.colorFont4{color:#bebebe!important}.colorFont5{color:#aeaeae!important}body{padding-top:130px;background-color:#ededed;color:#777;font-family:'Open Sans',sans-serif}body a,body a:hover,body a:focus,body a:active,body a.active{color:#555;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:#fff;border:none;padding:10px}.text-center{text-align:center!important}input[type=text],input[type=password],input[type=select]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.login-container{background:#708fa0;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:#6fdbe8}.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:#6fdbe8!important;font-size:12px;font-weight:400}#topbar-first{background-color:#708fa0;top:0;z-index:1030;color:#fff}#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 5px;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,.15);top:-16px;z-index:1035}#topbar-first .notifications #dropdown-notifications{width:350px;margin-left:-148px}#topbar-first .notifications #dropdown-notifications ul.media-list{max-height:400px;overflow:auto}#topbar-first .notifications #dropdown-notifications li{position:relative}#topbar-first .notifications #dropdown-notifications li i.approval{position:absolute;left:2px;top:36px;font-size:14px}#topbar-first .notifications #dropdown-notifications li i.accepted{color:#5cb85c}#topbar-first .notifications #dropdown-notifications li i.declined{color:#d9534f}#topbar-first .notifications #dropdown-notifications li .media{position:relative}#topbar-first .notifications #dropdown-notifications li .media .img-space{position:absolute;top:14px;left:14px}#topbar-first .dropdown-footer{margin:10px 10px 5px 10px}#topbar-first a{color:#fff}#topbar-first .caret{border-top-color:#bebebe}#topbar-first .btn-group>a{background-color:#7f9baa}#topbar-first .btn-enter{background-color:#7f9baa;margin:6px 0}#topbar-first .btn-enter:hover{background-color:#89a2b0}#topbar-first .media-list a{color:#555}#topbar-first .media-list li{color:#555}#topbar-first .media-list li i.accepted{color:#6fdbe8!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:.1em .5em .1em}#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:#708fa0}#topbar-second{top:50px;background-color:#fff;z-index:1029;background-image:none;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1);border-bottom:1px solid #d4d4d4}#topbar-second .dropdown-menu{padding-top:0;padding-bottom: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:#999;margin:10px;top:8px;right:10px;display:none;cursor:pointer}#topbar-second .nav>li>a{padding:6px 13px 0 13px;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 #6fdbe8;background-color:#f7f7f7;color:#555;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.active>a{min-height:46px}#topbar-second .nav>li>a#space-menu{padding-right:13px;border-right:1px solid #ededed}#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 #6fdbe8;background-color:#f7f7f7;color:#555}#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}.media-list li{padding:10px;border-bottom:1px solid #eee;position:relative;border-left:3px solid #fff;font-size:12px}.media-list li a{color:#555}.media-list li:last-child{border-bottom:none}.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 #6fdbe8}.media-left,.media>.pull-left{padding-right:0}.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}.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 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:#6fdbe8}.media .content a{color:#6fdbe8}.media .content .files a{color:#555}.content span{word-wrap:break-word}.module-installed{opacity:.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 #fff}.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:0 0}.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 #6fdbe8;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:#fff;border:none;padding:10px;border-radius:4px}.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:#6fdbe8;font-weight:600;font-size:20px;line-height:.8em}.panel h3.media-heading small{font-size:75%}.panel h3.media-heading small a{color:#6fdbe8}.panel-danger{border:2px solid #ff8989}.panel-danger .panel-heading{color:#ff8989}.panel-success{border:2px solid #6fdbe8}.panel-success .panel-heading{color:#6fdbe8}.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,.38) 100%);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,.38)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#94000000', GradientType=0)}.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}.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:#708fa0;border-color:#708fa0}.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 0;border-top:1px solid #d9d9d9}.well table>thead{font-size:11px}.img-rounded{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-pills .dropdown-menu,.nav-tabs .dropdown-menu,.account .dropdown-menu{background-color:#708fa0;border:none}.nav-pills .dropdown-menu li.divider,.nav-tabs .dropdown-menu li.divider,.account .dropdown-menu li.divider{background-color:#628394;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 #708fa0}.nav-pills .dropdown-menu li a,.nav-tabs .dropdown-menu li a,.account .dropdown-menu li a{color:#fff;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:0 0}.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 #6fdbe8;color:#fff!important;background-color:#628394!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:#708fa0}.popover{border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.popover .popover-title{background:0 0;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 a{color:#6fdbe8}.popover .popover-navigation{padding:15px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background-color:#708fa0}.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:#fff}.nav-tabs li{font-weight:600;font-size:12px}.tab-content .tab-pane a{color:#6fdbe8}.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:0!important;margin-bottom:0;font-size:14px;font-weight:600;padding:8px 16px}.input.btn{outline:0}.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:#708fa0;color:#fff!important}.btn-primary:hover,.btn-primary:focus{background:#628394;text-decoration:none}.btn-primary:active,.btn-primary.active{outline:0;background:#628394!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:#6fdbe8;color:#fff!important}.btn-info:hover,.btn-info:focus{background:#59d6e4!important;text-decoration:none}.btn-info:active,.btn-info.active{outline:0;background:#59d6e4}.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:#fff!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:#fff!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:#fff!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 #6fdbe8;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}::-webkit-input-placeholder{color:#bebebe!important}::-moz-placeholder{color:#bebebe!important}:-ms-input-placeholder{color:#bebebe!important}input:-moz-placeholder{color:#bebebe!important}.help-block{color:#aeaeae!important;font-size:12px}.label{text-transform:uppercase}.label{text-transform:uppercase;display:inline-block;padding:3px 5px 4px 5px;font-weight:600;font-size:10px!important;color:#fff!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:#6fdbe8}a.label-info:hover{background:#59d6e4!important}.label-danger{background-color:#ff8989}a.label-danger:hover{background:#ff6f6f!important}.label-success{background-color:#6fdbe8}a.label-success:hover{background:#59d6e4!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 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{padding:3px 5px;border-radius:2px;font-weight:400;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 #6fdbe8!important}@media screen and (max-width:768px){.modal-dialog{width:auto!important;padding-top:30px;padding-bottom:30px}}.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{margin-top:5%}.modal-content{-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 2px 26px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 26px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 2px 26px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.1);border:none}.modal-content .modal-header{padding:20px 20px 0 20px;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 20px;border-top:none;text-align:center}.modal-content .modal-footer hr{margin-top:0}.modal-backdrop{background-color:rgba(0,0,0,.5)}.ekko-lightbox .modal-content .modal-body{padding:10px}.ekko-lightbox .modal-content .modal-footer{padding:0 10px 10px 10px}.ekko-lightbox-nav-overlay a,.ekko-lightbox-nav-overlay a:hover{color:#708fa0}.progress{height:10px;margin-bottom:15px;box-shadow:none;background:#ededed;border-radius:10px}.progress-bar-info{background-color:#6fdbe8;-webkit-box-shadow:none;box-shadow:none}.tooltip-inner{background-color:#708fa0;max-width:400px;text-align:left;font-weight:300;padding:2px 8px 4px 8px}.tooltip.top .tooltip-arrow{border-top-color:#708fa0}.tooltip.top-left .tooltip-arrow{border-top-color:#708fa0}.tooltip.top-right .tooltip-arrow{border-top-color:#708fa0}.tooltip.right .tooltip-arrow{border-right-color:#708fa0}.tooltip.left .tooltip-arrow{border-left-color:#708fa0}.tooltip.bottom .tooltip-arrow{border-bottom-color:#708fa0}.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#708fa0}.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#708fa0}.tooltip.in{opacity:1;filter:alpha(opacity=100)}table th{font-size:11px;color:#bebebe;font-weight:400}table thead tr th{border:none!important}table .time{font-size:12px}table td a:hover{color:#6fdbe8}.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:6px 5px 4px 5px}.comment-container{margin-top:10px}.comment .media{position:relative!important;margin-top:0}.comment .media .nav-pills.preferences{display:none;right:-3px;top:-3px}.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 #6fdbe8;outline:0;box-shadow:none}.grid-view{padding:15px 0 0 0}.grid-view img{border-radius:3px}.grid-view table th{font-size:13px!important;font-weight:700!important}.grid-view table tr{font-size:13px!important}.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 #fff}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,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;padding:0 0 9px 4px}ul.tag_input li img{margin:0 5px 0 0}.tag_input_field{outline:0;border:none!important;padding:5px 4px 0 4px!important;width:170px;margin:2px 0 0 0!important}.userInput,.spaceInput{background-color:#6fdbe8;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%}.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}.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 #6fdbe8;outline:0;box-shadow:none}.space-member-sign{color:#6fdbe8;position:absolute;top:50px;left:50px;font-size:18px}.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}#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}.comment_create,.content_edit{position:relative}.comment_create .fileinput-button,.content_edit .fileinput-button{position:absolute;top:2px;right:2px;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 20px 20px 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 20px 20px 20px;background:#F8F8F8}.langSwitcher{display:inline-block}.data-saved{padding-left:10px;color:#6fdbe8}.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:#6fdbe8}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}.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-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%;padding-top:35%;font-size:30px;color:#fff;opacity:0;text-decoration:none;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:hover{color:#fff}.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 #6fdbe8;background-color:#f7f7f7!important}.atwho-user,.atwho-space,.atwho-input a{color:#6fdbe8}.atwho-input a:hover{color:#6fdbe8}.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{width:12px;height:12px;background-color:#6fdbe8;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;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loader .sk-spinner-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader .sk-spinner-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.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:700!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:#6fdbe8!important}.markdown-render img{max-width:100%}@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}#dropdown-notifications{width:300px!important;margin-left:0!important}#dropdown-notifications .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 (max-width:991px){.controls-header{margin-top:40px;text-align:left!important}}.onoffswitch-inner:before{background-color:#6fdbe8;color:#FFF}.onoffswitch-inner:after{background-color:#d7d7d7;color:#999;text-align:right}.regular-checkbox:checked+.regular-checkbox-box{border:2px solid #6fdbe8;background:#6fdbe8;color:#fff}.regular-radio:checked+.regular-radio-button:after{background:#6fdbe8}.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,.1);box-shadow:0 6px 6px rgba(0,0,0,.1)}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{opacity:.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 #6fdbe8!important;background:#ddf6fa!important} \ No newline at end of file +.colorDefault{color:#ededed}.backgroundDefault{background:#ededed}.borderDefault{border-color:#ededed}.colorPrimary{color:#708fa0!important}.backgroundPrimary{background:#708fa0!important}.borderPrimary{border-color:#708fa0!important}.colorInfo{color:#6fdbe8!important}.backgroundInfo{background:#6fdbe8!important}.borderInfo{border-color:#6fdbe8!important}.colorSuccess{color:#97d271!important}.backgroundSuccess{background:#97d271!important}.borderSuccess{border-color:#97d271!important}.colorWarning{color:#fdd198!important}.backgroundWarning{background:#fdd198!important}.borderWarning{border-color:#fdd198!important}.colorDanger{color:#ff8989!important}.backgroundDanger{background:#ff8989!important}.borderDanger{border-color:#ff8989!important}.colorFont1{color:#bac2c7!important}.colorFont2{color:#7a7a7a!important}.colorFont3{color:#555!important}.colorFont4{color:#bebebe!important}.colorFont5{color:#aeaeae!important}body{padding-top:130px;background-color:#ededed;color:#777;font-family:'Open Sans',sans-serif}body a,body a:hover,body a:focus,body a:active,body a.active{color:#555;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:#fff;border:none;padding:10px}.text-center{text-align:center!important}input[type=text],input[type=password],input[type=select]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.login-container{background:#708fa0;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:#6fdbe8}.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:#6fdbe8!important;font-size:12px;font-weight:400}#topbar-first{background-color:#708fa0;top:0;z-index:1030;color:#fff}#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,.15);top:-16px;z-index:1035}#topbar-first .notifications #dropdown-notifications{width:350px;margin-left:-148px}#topbar-first .notifications #dropdown-notifications ul.media-list{max-height:400px;overflow:auto}#topbar-first .notifications #dropdown-notifications li{position:relative}#topbar-first .notifications #dropdown-notifications li i.approval{position:absolute;left:2px;top:36px;font-size:14px}#topbar-first .notifications #dropdown-notifications li i.accepted{color:#5cb85c}#topbar-first .notifications #dropdown-notifications li i.declined{color:#d9534f}#topbar-first .notifications #dropdown-notifications li .media{position:relative}#topbar-first .notifications #dropdown-notifications li .media .img-space{position:absolute;top:14px;left:14px}#topbar-first .dropdown-footer{margin:10px 10px 5px}#topbar-first a{color:#fff}#topbar-first .caret{border-top-color:#bebebe}#topbar-first .btn-group>a{background-color:#7f9baa}#topbar-first .btn-enter{background-color:#7f9baa;margin:6px 0}#topbar-first .btn-enter:hover{background-color:#89a2b0}#topbar-first .media-list a{color:#555}#topbar-first .media-list li{color:#555}#topbar-first .media-list li i.accepted{color:#6fdbe8!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:.1em .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:#708fa0}#topbar-second{top:50px;background-color:#fff;z-index:1029;background-image:none;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);box-shadow:0 1px 10px rgba(0,0,0,.1);border-bottom:1px solid #d4d4d4}#topbar-second .dropdown-menu{padding-top:0;padding-bottom: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:#999;margin:10px;top:8px;right:10px;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 #6fdbe8;background-color:#f7f7f7;color:#555;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.active>a{min-height:46px}#topbar-second .nav>li>a#space-menu{padding-right:13px;border-right:1px solid #ededed}#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 #6fdbe8;background-color:#f7f7f7;color:#555}#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}.media-list li{padding:10px;border-bottom:1px solid #eee;position:relative;border-left:3px solid #fff;font-size:12px}.media-list li a{color:#555}.media-list li:last-child{border-bottom:none}.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 #6fdbe8}.media-left,.media>.pull-left{padding-right:0}.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}.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 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:#6fdbe8}.media .content a{color:#6fdbe8}.media .content .files a{color:#555}.content span{word-wrap:break-word}.module-installed{opacity:.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 #fff}.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:0 0}.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 #6fdbe8;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:#fff;border:none;padding:10px;border-radius:4px}.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:#6fdbe8;font-weight:600;font-size:20px;line-height:.8em}.panel h3.media-heading small{font-size:75%}.panel h3.media-heading small a{color:#6fdbe8}.panel-danger{border:2px solid #ff8989}.panel-danger .panel-heading{color:#ff8989}.panel-success{border:2px solid #6fdbe8}.panel-success .panel-heading{color:#6fdbe8}.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,.38) 100%);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,.38)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1%,rgba(0,0,0,.38) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#94000000', GradientType=0)}.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}.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:#708fa0;border-color:#708fa0}.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}.nav-pills .dropdown-menu,.nav-tabs .dropdown-menu,.account .dropdown-menu{background-color:#708fa0;border:none}.nav-pills .dropdown-menu li.divider,.nav-tabs .dropdown-menu li.divider,.account .dropdown-menu li.divider{background-color:#628394;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 #708fa0}.nav-pills .dropdown-menu li a,.nav-tabs .dropdown-menu li a,.account .dropdown-menu li a{color:#fff;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:0 0}.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 #6fdbe8;color:#fff!important;background-color:#628394!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:#708fa0}.popover{border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.popover .popover-title{background:0 0;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 a{color:#6fdbe8}.popover .popover-navigation{padding:15px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{background-color:#708fa0}.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:#fff}.nav-tabs li{font-weight:600;font-size:12px}.tab-content .tab-pane a{color:#6fdbe8}.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:0!important;margin-bottom:0;font-size:14px;font-weight:600;padding:8px 16px}.input.btn{outline:0}.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:#708fa0;color:#fff!important}.btn-primary:hover,.btn-primary:focus{background:#628394;text-decoration:none}.btn-primary:active,.btn-primary.active{outline:0;background:#628394!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:#6fdbe8;color:#fff!important}.btn-info:hover,.btn-info:focus{background:#59d6e4!important;text-decoration:none}.btn-info:active,.btn-info.active{outline:0;background:#59d6e4}.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:#fff!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:#fff!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:#fff!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 #6fdbe8;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}::-webkit-input-placeholder{color:#bebebe!important}::-moz-placeholder{color:#bebebe!important}:-ms-input-placeholder{color:#bebebe!important}input:-moz-placeholder{color:#bebebe!important}.help-block{color:#aeaeae!important;font-size:12px}.label{text-transform:uppercase}.label{text-transform:uppercase;display:inline-block;padding:3px 5px 4px;font-weight:600;font-size:10px!important;color:#fff!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:#6fdbe8}a.label-info:hover{background:#59d6e4!important}.label-danger{background-color:#ff8989}a.label-danger:hover{background:#ff6f6f!important}.label-success{background-color:#6fdbe8}a.label-success:hover{background:#59d6e4!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{padding:3px 5px;border-radius:2px;font-weight:400;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 #6fdbe8!important}@media screen and (max-width:768px){.modal-dialog{width:auto!important;padding-top:30px;padding-bottom:30px}}.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{margin-top:5%}.modal-content{-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 2px 26px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 26px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 2px 26px rgba(0,0,0,.3),0 0 0 1px rgba(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,.5)}.ekko-lightbox .modal-content .modal-body{padding:10px}.ekko-lightbox .modal-content .modal-footer{padding:0 10px 10px}.ekko-lightbox-nav-overlay a,.ekko-lightbox-nav-overlay a:hover{color:#708fa0}.progress{height:10px;margin-bottom:15px;box-shadow:none;background:#ededed;border-radius:10px}.progress-bar-info{background-color:#6fdbe8;-webkit-box-shadow:none;box-shadow:none}.tooltip-inner{background-color:#708fa0;max-width:400px;text-align:left;font-weight:300;padding:2px 8px 4px}.tooltip.top .tooltip-arrow{border-top-color:#708fa0}.tooltip.top-left .tooltip-arrow{border-top-color:#708fa0}.tooltip.top-right .tooltip-arrow{border-top-color:#708fa0}.tooltip.right .tooltip-arrow{border-right-color:#708fa0}.tooltip.left .tooltip-arrow{border-left-color:#708fa0}.tooltip.bottom .tooltip-arrow{border-bottom-color:#708fa0}.tooltip.bottom-left .tooltip-arrow{border-bottom-color:#708fa0}.tooltip.bottom-right .tooltip-arrow{border-bottom-color:#708fa0}.tooltip.in{opacity:1;filter:alpha(opacity=100)}table th{font-size:11px;color:#bebebe;font-weight:400}table thead tr th{border:none!important}table .time{font-size:12px}table td a:hover{color:#6fdbe8}.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:6px 5px 4px}.comment-container{margin-top:10px}.comment .media{position:relative!important;margin-top:0}.comment .media .nav-pills.preferences{display:none;right:-3px;top:-3px}.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 #6fdbe8;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:700!important}.grid-view table tr{font-size:13px!important}.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 #fff}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,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;padding:0 0 9px 4px}ul.tag_input li img{margin:0 5px 0 0}.tag_input_field{outline:0;border:none!important;padding:5px 4px 0!important;width:170px;margin:2px 0 0!important}.userInput,.spaceInput{background-color:#6fdbe8;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%}.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}.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 #6fdbe8;outline:0;box-shadow:none}.space-member-sign{color:#6fdbe8;position:absolute;top:50px;left:50px;font-size:18px}.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}#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}.comment_create,.content_edit{position:relative}.comment_create .fileinput-button,.content_edit .fileinput-button{position:absolute;top:2px;right:2px;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:#6fdbe8}.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:#6fdbe8}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}.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-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%;padding-top:35%;font-size:30px;color:#fff;opacity:0;text-decoration:none;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:hover{color:#fff}.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 #6fdbe8;background-color:#f7f7f7!important}.atwho-user,.atwho-space,.atwho-input a{color:#6fdbe8}.atwho-input a:hover{color:#6fdbe8}.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{width:12px;height:12px;background-color:#6fdbe8;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;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loader .sk-spinner-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader .sk-spinner-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.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:700!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:#6fdbe8!important}.markdown-render img{max-width:100%}.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}@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}#dropdown-notifications{width:300px!important;margin-left:0!important}#dropdown-notifications .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 (max-width:991px){.controls-header{margin-top:40px;text-align:left!important}}.onoffswitch-inner:before{background-color:#6fdbe8;color:#fff}.onoffswitch-inner:after{background-color:#d7d7d7;color:#999;text-align:right}.regular-checkbox:checked+.regular-checkbox-box{border:2px solid #6fdbe8;background:#6fdbe8;color:#fff}.regular-radio:checked+.regular-radio-button:after{background:#6fdbe8}.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,.1);box-shadow:0 6px 6px rgba(0,0,0,.1)}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{opacity:.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 #6fdbe8!important;background:#ddf6fa!important} \ No newline at end of file diff --git a/themes/HumHub/css/theme.less b/themes/HumHub/css/theme.less index 99d1c77b95..a0024c259b 100755 --- a/themes/HumHub/css/theme.less +++ b/themes/HumHub/css/theme.less @@ -1,20 +1,17 @@ // // Theme color variables // -------------------------------------------------- - @default: #ededed; @primary: #708fa0; @info: #6fdbe8; @success: #97d271; @warning: #fdd198; @danger: #ff8989; - @font1: #bac2c7; @font2: #7a7a7a; -@font3: #555555; +@font3: #555; @font4: #bebebe; @font5: #aeaeae; - @background1: #f7f7f7; @background2: #ededed; @background3: #d7d7d7; @@ -26,7 +23,6 @@ // modules to adopt the colors from currently // activated theme) // -------------------------------------------------- - /* Default */ .colorDefault { color: @default; @@ -106,7 +102,6 @@ } /* Fonts */ - .colorFont1 { color: @font1 !important; } @@ -127,22 +122,22 @@ color: @font5 !important; } - // // General // -------------------------------------------------- - body { padding-top: 130px; background-color: @background2; - color: #777777; + color: #777; font-family: 'Open Sans', sans-serif; - - a, a:hover, a:focus, a:active, a.active { + a, + a:hover, + a:focus, + a:active, + a.active { color: @font3; text-decoration: none; } - } a:hover { @@ -193,7 +188,9 @@ h4 { text-align: center !important; } -input[type=text], input[type=password], input[type=select] { +input[type=text], +input[type=password], +input[type=select] { /* Remove First */ -webkit-appearance: none; -moz-appearance: none; @@ -206,38 +203,31 @@ input[type=text], input[type=password], input[type=select] { .login-container { background: @primary; padding-top: 40px; - .text { - color: #ffffff; + color: #fff; font-size: 12px; margin-bottom: 15px; - a { - color: #ffffff; + color: #fff; text-decoration: underline; } - } - .panel a { color: @info; } - - h1, h2 { - color: #ffffff !important; + h1, + h2 { + color: #fff !important; } - .panel { - box-shadow: 0px 0px 15px #627d92; - -moz-box-shadow: 0px 0px 15px #627d92; - -webkit-box-shadow: 0px 0px 15px #627d92; - - .panel-heading, .panel-body { + box-shadow: 0 0 15px #627d92; + -moz-box-shadow: 0 0 15px #627d92; + -webkit-box-shadow: 0 0 15px #627d92; + .panel-heading, + .panel-body { padding: 15px; } - } - select { color: @font3; } @@ -252,7 +242,6 @@ input[type=text], input[type=password], input[type=select] { // // Topbar // -------------------------------------------------- - .topbar { position: fixed; display: block; @@ -260,37 +249,30 @@ input[type=text], input[type=password], input[type=select] { width: 100%; padding-left: 15px; padding-right: 15px; - ul.nav { float: left; } - ul.nav > li { float: left; } - ul.nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; } - .dropdown-footer { margin: 10px; } - .dropdown-header { font-size: 16px; padding: 3px 10px; margin-bottom: 10px; font-weight: 300; color: @font4; - .dropdown-header-link { position: absolute; top: 2px; right: 10px; - a { color: @info !important; font-size: 12px; @@ -298,7 +280,6 @@ input[type=text], input[type=password], input[type=select] { } } } - } #topbar-first { @@ -306,53 +287,43 @@ input[type=text], input[type=password], input[type=select] { top: 0; z-index: 1030; color: white; - - .nav > li > a:hover, .nav > .open > a { + .nav > li > a:hover, + .nav > .open > a { background-color: lighten(@primary, 10%); } - .nav > .account { height: 50px; margin-left: 20px; - img { margin-left: 10px; } - .dropdown-toggle { - padding: 10px 5px 8px 5px; + padding: 10px 5px 8px; line-height: 1.1em; text-align: left; - span { font-size: 12px; } } } - .topbar-brand { position: relative; z-index: 2; } - .topbar-actions { position: relative; z-index: 3; } - .notifications { - position: absolute; left: 0; right: 0; text-align: center; z-index: 1; - .btn-group { position: relative; text-align: left; } - .btn-group > a { padding: 5px 10px; margin: 10px 2px; @@ -361,13 +332,11 @@ input[type=text], input[type=password], input[type=select] { text-decoration: none; text-align: left; } - .btn-group > .label { position: absolute; top: 4px; right: -2px; } - .arrow:after { position: absolute; display: block; @@ -383,7 +352,6 @@ input[type=text], input[type=password], input[type=select] { border-bottom-color: #fff; z-index: 1035; } - .arrow { position: absolute; display: block; @@ -400,20 +368,15 @@ input[type=text], input[type=password], input[type=select] { top: -16px; z-index: 1035; } - #dropdown-notifications { width: 350px; margin-left: -148px; - ul.media-list { max-height: 400px; overflow: auto; } - li { - position: relative; - i.approval { position: absolute; left: 2px; @@ -423,130 +386,105 @@ input[type=text], input[type=password], input[type=select] { i.accepted { color: #5cb85c; } - i.declined { color: #d9534f; } } - li .media { position: relative; } - li .media .img-space { position: absolute; top: 14px; left: 14px; } - } - } - .dropdown-footer { - margin: 10px 10px 5px 10px; + margin: 10px 10px 5px; } - a { color: white; } - .caret { border-top-color: @font4; } - .btn-group > a { background-color: lighten(@primary, 5%); } - .btn-enter { background-color: lighten(@primary, 5%); margin: 6px 0; } - .btn-enter:hover { background-color: lighten(@primary, 8%); } - .media-list { - a { color: @font3; } - li { - color: @font3; - i.accepted { color: @info !important; } - i.declined { color: @danger !important; } } - li.placeholder { border-bottom: none; } - .media .media-body { .label { - padding: .1em .5em .1em; + padding: 0.1em 0.5em; } } } - .account .user-title { text-align: right; - span { color: @background3; } } - - .dropdown.account > a, .dropdown.account.open > a, .dropdown.account > a:hover, .dropdown.account.open > a:hover { + .dropdown.account > a, + .dropdown.account.open > a, + .dropdown.account > a:hover, + .dropdown.account.open > a:hover { background-color: @primary; } - } #topbar-second { top: 50px; - background-color: #ffffff; + background-color: #fff; 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); border-bottom: 1px solid #d4d4d4; - .dropdown-menu { padding-top: 0; padding-bottom: 0; } // Space dropdown menu - #space-menu-dropdown, #search-menu-dropdown { - + #space-menu-dropdown, + #search-menu-dropdown { width: 400px; - .media-list { max-height: 400px; overflow: auto; } - @media screen and (max-width: 768px) { .media-list { max-height: 200px; } } - form { margin: 10px; } - .search-reset { position: absolute; color: #999; @@ -556,11 +494,9 @@ input[type=text], input[type=password], input[type=select] { display: none; cursor: pointer; } - } - .nav > li > a { - padding: 6px 13px 0px 13px; + padding: 6px 13px 0; text-decoration: none; text-shadow: none; font-weight: 600; @@ -568,7 +504,6 @@ input[type=text], input[type=password], input[type=select] { text-transform: uppercase; text-align: center; min-height: 49px; - &:hover, &:active, &:focus { @@ -577,39 +512,33 @@ input[type=text], input[type=password], input[type=select] { color: @font3; text-decoration: none; } - i { font-size: 14px; } - .caret { border-top-color: @font2; } } - .nav > li.active > a { min-height: 46px; } - .nav > li > a#space-menu { padding-right: 13px; border-right: 1px solid #ededed; } - .nav > li > a#search-menu { padding-top: 15px; } - - .nav > li > a:hover, .nav .open > a, .nav > li.active { + .nav > li > a:hover, + .nav .open > a, + .nav > li.active { border-bottom: 3px solid @info; background-color: @background1; color: @font3; } - .nav > li.active > a:hover { border-bottom: none; } - #space-menu-dropdown li > ul > li > a > .media .media-body p { color: @font4; font-size: 11px; @@ -622,36 +551,32 @@ input[type=text], input[type=password], input[type=select] { // Media-Object // -------------------------------------------------- .media-list { - li { padding: 10px; border-bottom: 1px solid #eee; position: relative; border-left: 3px solid white; font-size: 12px; - a { color: @font3; } } - li:last-child { border-bottom: none; } - li.new { border-left: 3px solid lighten(@info, 30%); background-color: lighten(@info, 30%); } - - li:hover, li.selected { + li:hover, + li.selected { background-color: @background1; border-left: 3px solid @info; } - } -.media-left, .media > .pull-left { +.media-left, +.media > .pull-left { padding-right: 0; } @@ -662,43 +587,33 @@ input[type=text], input[type=password], input[type=select] { } .media { - .time { font-size: 11px; color: @font4; } - .img-space { position: absolute; top: 35px; left: 35px; } - .media-body { - font-size: 13px; - h4.media-heading { - font-size: 14px; font-weight: 500; color: @font3; a { color: @font3; - } - - small, small a { + small, + small a { font-size: 11px; color: @font4; } - .content { margin-right: 35px; } - } - h5 { color: @font5; font-weight: 300; @@ -706,24 +621,18 @@ input[type=text], input[type=password], input[type=select] { margin-bottom: 5px; min-height: 15px; } - .module-controls { font-size: 85%; - a { color: @info; } } } - .content { - a { color: @info; } - } - .content .files a { color: @font3; } @@ -736,7 +645,6 @@ input[type=text], input[type=password], input[type=select] { // Modules .module-installed { opacity: 0.5; - .label-success { background-color: @background3; } @@ -745,37 +653,33 @@ input[type=text], input[type=password], input[type=select] { // // Dropdowns // -------------------------------------------------- -.modal, .panel, .nav-tabs { - +.modal, +.panel, +.nav-tabs { .dropdown-menu { border: 1px solid @background3; - li.divider { background-color: @background1; border-bottom: none; margin: 9px 1px !important; } - li { border-left: 3px solid white; - a { color: @font3; font-size: 14px; font-weight: 400; padding: 4px 15px; - i { margin-right: 5px; } } - a:hover { background: none; } } - - li:hover, li.selected { + li:hover, + li.selected { border-left: 3px solid @info; background-color: @background1 !important; } @@ -785,43 +689,35 @@ input[type=text], input[type=password], input[type=select] { // // Panels // -------------------------------------------------- - .panel { border: none; - background-color: #ffffff; + 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; - h1 { font-size: 16px; font-weight: 300; - margin-top: 0px; + margin-top: 0; color: @font3; } - .panel-heading { .heading; border-radius: 4px; } - .panel-body { padding: 10px; font-size: 13px; - p { color: @font3; } - } - .statistics { .entry { margin-left: 20px; font-size: 12px; - .count { color: @info; font-weight: 600; @@ -830,23 +726,18 @@ input[type=text], input[type=password], input[type=select] { } } } - h3.media-heading { - small { font-size: 75%; } small a { color: @info; - } } - } .panel-danger { border: 2px solid @danger; - .panel-heading { color: @danger; } @@ -854,7 +745,6 @@ input[type=text], input[type=password], input[type=select] { .panel-success { border: 2px solid @info; - .panel-heading { color: @info; } @@ -862,7 +752,6 @@ input[type=text], input[type=password], input[type=select] { .panel-warning { border: 2px solid @warning; - .panel-heading { color: @warning; } @@ -870,35 +759,32 @@ input[type=text], input[type=password], input[type=select] { .panel.profile { position: relative; - .controls { position: absolute; top: 10px; right: 10px; - } } -.panel.members, .panel.groups, .panel.follower, .panel.spaces { +.panel.members, +.panel.groups, +.panel.follower, +.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; - .img-profile-header-background { border-radius: 3px; min-height: 110px; } - .img-profile-data { position: absolute; height: 100px; @@ -911,14 +797,20 @@ input[type=text], input[type=password], input[type=select] { 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 */ - + 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 */ h1 { font-size: 30px; font-weight: 100; @@ -929,18 +821,15 @@ input[type=text], input[type=password], input[type=select] { overflow: hidden; text-overflow: ellipsis; } - h2 { font-size: 16px; font-weight: 400; margin-top: 0; } - h1.space { font-size: 30px; font-weight: 700; } - h2.space { font-size: 13px; font-weight: 300; @@ -949,79 +838,63 @@ input[type=text], input[type=password], input[type=select] { overflow: hidden; text-overflow: ellipsis; } - } - .profile-user-photo-container { position: absolute; bottom: -50px; left: 15px; - .profile-user-photo { border: 3px solid #fff; border-radius: 5px; } } } - .panel-profile-controls { padding-left: 160px; } - } // Panels - Installer .installer { - .logo { - text-align: center + text-align: center; } - h2 { font-weight: 100; } - .panel { margin-top: 50px; - h3 { - margin-top: 0px; + margin-top: 0; } } - - .powered, .powered a { + .powered, + .powered a { color: @font1 !important; margin-top: 10px; font-size: 12px; } - .fa { width: 18px; } - .check-ok { color: @success; } - .check-warning { - color: @warning + color: @warning; } - .check-error { color: @danger; } - .prerequisites-list { ul { list-style: none; padding-left: 15px; - li { padding-bottom: 5px; } } } - } // @@ -1031,16 +904,24 @@ input[type=text], input[type=password], input[type=select] { 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 { +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { background-color: @primary; border-color: @primary; } -.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > a:active, .pagination > li > a:focus { +.pagination > li > a, +.pagination > li > span, +.pagination > li > a:hover, +.pagination > li > a:active, +.pagination > li > a:focus { color: @font3; } - // // Well // -------------------------------------------------- @@ -1054,12 +935,10 @@ input[type=text], input[type=password], input[type=select] { box-shadow: none; background-color: @background2; margin-bottom: 1px; - hr { - margin: 15px 0 10px 0; + margin: 15px 0 10px; border-top: 1px solid darken(@background2, 8%); } - table > thead { font-size: 11px; } @@ -1077,28 +956,24 @@ input[type=text], input[type=password], input[type=select] { // // Navs // -------------------------------------------------- - -.nav-pills, .nav-tabs, .account { - +.nav-pills, +.nav-tabs, +.account { .dropdown-menu { background-color: @primary; border: none; - li.divider { background-color: darken(@primary, 5%); border-bottom: none; margin: 9px 1px !important; } - li { border-left: 3px solid @primary; - a { color: white; font-weight: 400; font-size: 13px; padding: 4px 15px; - i { margin-right: 5px; font-size: 14px; @@ -1106,80 +981,75 @@ input[type=text], input[type=password], input[type=select] { width: 14px; } } - - a:hover, a:visited, a:hover, a:focus { + a:hover, + a:visited, + a:hover, + a:focus { background: none; } } - - li:hover, li.selected { + li:hover, + li.selected { border-left: 3px solid @info; - color: #ffffff !important; + color: #fff !important; background-color: darken(@primary, 5%) !important; } - } } .nav-pills.preferences { - .dropdown .dropdown-toggle { color: @font4; } - .dropdown.open { - - .dropdown-toggle, .dropdown-toggle:hover { + .dropdown-toggle, + .dropdown-toggle:hover { background-color: @primary; } } - } .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-title { background: none; border-bottom: none; - color: #555555; + color: #555; font-weight: 300; font-size: 16px; padding: 15px; } - .popover-content { font-size: 13px; padding: 5px 15px; color: @font3; - a { color: @info; } } - .popover-navigation { padding: 15px; } } -.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { background-color: @primary; } // Nav-Tabs - .nav-tabs { margin-bottom: 10px; } .list-group { - a [class^="fa-"], a [class*=" fa-"] { + a [class^="fa-"], + a [class*=" fa-"] { display: inline-block; width: 18px; } @@ -1189,35 +1059,28 @@ input[type=text], input[type=password], input[type=select] { position: absolute; right: 10px; top: 10px; - .dropdown .dropdown-toggle { padding: 2px 10px; } - .dropdown.open { - - .dropdown-toggle, .dropdown-toggle:hover { + .dropdown-toggle, + .dropdown-toggle:hover { color: white; } } - } .nav-tabs { - li { font-weight: 600; font-size: 12px; } - } .tab-content .tab-pane { - a { color: @info; } - .form-group { margin-bottom: 5px; } @@ -1236,25 +1099,31 @@ input[type=text], input[type=password], input[type=select] { } } -.nav .caret, .nav .caret:hover, .nav .caret:active { +.nav .caret, +.nav .caret:hover, +.nav .caret:active { border-top-color: @font3; border-bottom-color: @font3; } -.nav li.dropdown > a:hover .caret, .nav li.dropdown > a:active .caret { +.nav li.dropdown > a:hover .caret, +.nav li.dropdown > a:active .caret { border-top-color: @font3; border-bottom-color: @font3; } -.nav .open > a .caret, .nav .open > a:hover .caret, .nav .open > a:focus .caret { +.nav .open > a .caret, +.nav .open > a:hover .caret, +.nav .open > a:focus .caret { border-top-color: @font3; border-bottom-color: @font3; } -.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { border-color: #ededed; color: @font3; - .caret { color: @font3; } @@ -1290,7 +1159,6 @@ input[type=text], input[type=password], input[type=select] { .btn-sm { padding: 4px 8px; font-size: 12px; - i { font-size: 14px; } @@ -1304,31 +1172,26 @@ input[type=text], input[type=password], input[type=select] { .btn-default { background: @background2; color: @font2 !important; - &:hover, &:focus { background: darken(@background2, 2%); text-decoration: none; color: @font2; } - &:active, &.active { outline: 0; background: darken(@background2, 5%); } - - } -.btn-default[disabled], .btn-default.disabled { +.btn-default[disabled], +.btn-default.disabled { background: lighten(@background2, 2%); - &:hover, &:focus { background: lighten(@background2, 2%); } - &:active, &.active { background: lighten(@background2, 2%); @@ -1338,13 +1201,11 @@ input[type=text], input[type=password], input[type=select] { .btn-primary { background: @primary; color: white !important; - &:hover, &:focus { background: darken(@primary, 5%); text-decoration: none; } - &:active, &.active { outline: 0; @@ -1352,14 +1213,13 @@ input[type=text], input[type=password], input[type=select] { } } -.btn-primary[disabled], .btn-primary.disabled { +.btn-primary[disabled], +.btn-primary.disabled { background: lighten(@primary, 5%); - &:hover, &:focus { background: lighten(@primary, 5%); } - &:active, &.active { background: lighten(@primary, 5%) !important; @@ -1369,13 +1229,11 @@ input[type=text], input[type=password], input[type=select] { .btn-info { background: @info; color: white !important; - &:hover, &:focus { background: darken(@info, 5%) !important; text-decoration: none; } - &:active, &.active { outline: 0; @@ -1383,14 +1241,13 @@ input[type=text], input[type=password], input[type=select] { } } -.btn-info[disabled], .btn-info.disabled { +.btn-info[disabled], +.btn-info.disabled { background: lighten(@info, 5%); - &:hover, &:focus { background: lighten(@info, 5%); } - &:active, &.active { background: lighten(@info, 5%) !important; @@ -1400,13 +1257,11 @@ input[type=text], input[type=password], input[type=select] { .btn-danger { background: @danger; color: white !important; - &:hover, &:focus { background: darken(@danger, 5%); text-decoration: none; } - &:active, &.active { outline: 0; @@ -1414,14 +1269,13 @@ input[type=text], input[type=password], input[type=select] { } } -.btn-danger[disabled], .btn-danger.disabled { +.btn-danger[disabled], +.btn-danger.disabled { background: lighten(@danger, 5%); - &:hover, &:focus { background: lighten(@danger, 5%); } - &:active, &.active { background: lighten(@danger, 5%) !important; @@ -1431,13 +1285,11 @@ input[type=text], input[type=password], input[type=select] { .btn-success { background: @success; color: white !important; - &:hover, &:focus { background: darken(@success, 5%); text-decoration: none; } - &:active, &.active { outline: 0; @@ -1445,14 +1297,13 @@ input[type=text], input[type=password], input[type=select] { } } -.btn-success[disabled], .btn-success.disabled { +.btn-success[disabled], +.btn-success.disabled { background: lighten(@success, 5%); - &:hover, &:focus { background: lighten(@success, 5%); } - &:active, &.active { background: lighten(@success, 5%) !important; @@ -1462,13 +1313,11 @@ input[type=text], input[type=password], input[type=select] { .btn-warning { background: @warning; color: white !important; - &:hover, &:focus { background: darken(@warning, 2%); text-decoration: none; } - &:active, &.active { outline: 0; @@ -1476,14 +1325,13 @@ input[type=text], input[type=password], input[type=select] { } } -.btn-warning[disabled], .btn-warning.disabled { +.btn-warning[disabled], +.btn-warning.disabled { background: lighten(@warning, 5%); - &:hover, &:focus { background: lighten(@warning, 5%); } - &:active, &.active { background: lighten(@warning, 5%) !important; @@ -1493,20 +1341,20 @@ input[type=text], input[type=password], input[type=select] { // // Forms // -------------------------------------------------- - -.radio, .checkbox { +.radio, +.checkbox { margin-top: 5px !important; margin-bottom: 0; } -.radio label, .checkbox label { +.radio label, +.checkbox label { padding-left: 10px; } .form-control { border: 2px solid @background2; box-shadow: none; - &:focus { border: 2px solid @info; outline: 0; @@ -1516,7 +1364,7 @@ input[type=text], input[type=password], input[type=select] { .form-control.form-search { border-radius: 30px; - background-image: url('../img/icon_search16x16.png'); + background-image: url("../img/icon_search16x16.png"); background-repeat: no-repeat; background-position: 10px 8px; padding-left: 34px; @@ -1524,7 +1372,6 @@ input[type=text], input[type=password], input[type=select] { .form-group-search { position: relative; - .form-button-search { position: absolute; top: 4px; @@ -1541,12 +1388,10 @@ select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; - background-image: url('../img/select_arrow.png') !important; + background-image: url("../img/select_arrow.png") !important; background-repeat: no-repeat; background-position: right 13px; - overflow: hidden; - } // Placeholder text @@ -1576,7 +1421,6 @@ input:-moz-placeholder { // // Labels // -------------------------------------------------- - .label { text-transform: uppercase; } @@ -1584,7 +1428,7 @@ input:-moz-placeholder { .label { text-transform: uppercase; display: inline-block; - padding: 3px 5px 4px 5px; + padding: 3px 5px 4px; font-weight: 600; font-size: 10px !important; color: white !important; @@ -1637,15 +1481,13 @@ a.label-warning:hover { // // Alerts // -------------------------------------------------- - .alert-default { color: @font3; background-color: @background1; border-color: @background2; font-size: 13px; - .info { - margin: 10px 0 10px 0; + margin: 10px 0; } } @@ -1681,7 +1523,7 @@ a.label-warning:hover { font-family: Arial, sans-serif; font-size: 10px !important; text-transform: uppercase; - color: #ffffff; + color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: none; @@ -1692,22 +1534,22 @@ a.label-warning:hover { // // List-Group // -------------------------------------------------- - .list-group-item { padding: 6px 15px; border: none; border-width: 0 !important; border-left: 3px solid #fff !important; - font-size: 12px; font-weight: 600; - 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 { +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: @font3; background-color: @background1; @@ -1750,7 +1592,7 @@ a.list-group-item:hover, a.list-group-item.active, a.list-group-item.active:hove } .modal-dialog-large { - width: 900px + width: 900px; } @media screen and (max-width: 920px) { @@ -1763,13 +1605,15 @@ a.list-group-item:hover, a.list-group-item.active, a.list-group-item.active:hove .modal { border: none; - - h1, h2, h3, h4, h5 { + h1, + h2, + h3, + h4, + h5 { margin-top: 20px; color: @font3; font-weight: 300; } - h4.media-heading { margin-top: 0; } @@ -1792,42 +1636,33 @@ a.list-group-item:hover, a.list-group-item.active, a.list-group-item.active:hove -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-header { - padding: 20px 20px 0 20px; + padding: 20px 20px 0; border-bottom: none; text-align: center; - .close { margin-top: 2px; margin-right: 5px; } } - .modal-body { - padding: 20px; font-size: 13px; - ul.medialist { li > a { } } - } - .modal-footer { margin-top: 0; text-align: left; - padding: 10px 20px 30px 20px; + padding: 10px 20px 30px; border-top: none; text-align: center; - hr { margin-top: 0; } - } } @@ -1840,14 +1675,14 @@ a.list-group-item:hover, a.list-group-item.active, a.list-group-item.active:hove .modal-body { padding: 10px; } - .modal-footer { - padding: 0 10px 10px 10px; + padding: 0 10px 10px; } } } -.ekko-lightbox-nav-overlay a, .ekko-lightbox-nav-overlay a:hover { +.ekko-lightbox-nav-overlay a, +.ekko-lightbox-nav-overlay a:hover { color: @primary; } @@ -1876,7 +1711,7 @@ a.list-group-item:hover, a.list-group-item.active, a.list-group-item.active:hove max-width: 400px; text-align: left; font-weight: 300; - padding: 2px 8px 4px 8px; + padding: 2px 8px 4px; } .tooltip { @@ -1915,32 +1750,31 @@ a.list-group-item:hover, a.list-group-item.active, a.list-group-item.active:hove // Tables // -------------------------------------------------- table { - th { font-size: 11px; color: @font4; font-weight: normal; - } - thead tr th { border: none !important; } - .time { font-size: 12px; } - td { a:hover { color: @info; } } - } -.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: 6px 5px 4px 5px; +.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: 6px 5px 4px; } // @@ -1951,27 +1785,22 @@ table { } .comment { - .media { position: relative !important; margin-top: 0; - .nav-pills.preferences { display: none; right: -3px; top: -3px; - } } } .comment.guest-mode { .media:last-child { - .wall-entry-controls { - margin-bottom: 0px; + margin-bottom: 0; } - hr { display: none; } @@ -1981,7 +1810,6 @@ table { // // HumHub Components // -------------------------------------------------- - // CGridView .grid-view { img { @@ -1990,7 +1818,8 @@ table { } } -.grid-view .filters input, .grid-view .filters select {; +.grid-view .filters input, +.grid-view .filters select {; .form-control; border-radius: 4px; font-size: 12px; @@ -1998,35 +1827,27 @@ table { } .grid-view { - - padding: 15px 0 0 0; - + padding: 15px 0 0; img { border-radius: 3px; } - table { - th { font-size: 13px !important; font-weight: bold !important; } - tr { font-size: 13px !important; } } - .summary { font-size: 12px; color: @font1; } - } // Tags .tags { - .tag { margin-top: 5px; border-radius: 2px; @@ -2045,7 +1866,7 @@ table { } .placeholder-empty-stream { - background-image: url('../img/placeholder-postform-arrow.png'); + background-image: url("../img/placeholder-postform-arrow.png"); background-repeat: no-repeat; padding: 37px 0 0 70px; margin-left: 90px; @@ -2064,16 +1885,14 @@ table { // User- & Space picker ul.tag_input { list-style: none; - background-color: #ffffff; + 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 .15s, box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - + -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; - li img { margin: 0 5px 0 0; } @@ -2082,15 +1901,16 @@ ul.tag_input { .tag_input_field { outline: none; border: none !important; - padding: 5px 4px 0px 4px !important; + padding: 5px 4px 0 !important; width: 170px; - margin: 2px 0 0 0 !important; + margin: 2px 0 0 !important; } -.userInput, .spaceInput { +.userInput, +.spaceInput { background-color: @info; font-weight: 600; - color: #ffffff; + color: #fff; border-radius: 3px; font-size: 12px !important; padding: 2px; @@ -2098,8 +1918,9 @@ ul.tag_input { margin: 3px 4px 0 0; } -.userInput i, .spaceInput i { - padding: 0px 6px; +.userInput i, +.spaceInput i { + padding: 0 6px; font-size: 14px; cursor: pointer; line-height: 8px; @@ -2127,14 +1948,11 @@ ul.tag_input { // Activities .activities { - max-height: 400px; overflow: auto; - li .media { position: relative; } - li .media .img-space { position: absolute; top: 14px; @@ -2145,29 +1963,25 @@ ul.tag_input { // Wall-Entries .wall-entry { position: relative; - .media { overflow: visible; - } - .well { margin-bottom: 0; - .comment { .show-all-link { font-size: 12px; } } } - } -.wall-entry-controls, .wall-entry-controls a { +.wall-entry-controls, +.wall-entry-controls a { font-size: 11px; color: @font5; margin-top: 10px; - margin-bottom: 0px; + margin-bottom: 0; } // Space > Admin @@ -2184,7 +1998,7 @@ ul.tag_input { } .placeholder-empty-stream { - background-image: url('../img/placeholder-postform-arrow.png'); + background-image: url("../img/placeholder-postform-arrow.png"); background-repeat: no-repeat; padding: 37px 0 0 70px; margin-left: 90px; @@ -2223,7 +2037,6 @@ ul.tag_input.focus { // content form .btn_container { position: relative; - .label-public { position: absolute; right: 40px; @@ -2240,67 +2053,67 @@ ul.tag_input.focus { background-repeat: no-repeat; background-position: 0 0; padding: 1px 0 4px 26px; - } .mime-word { - background-image: url('../img/mime/word.png'); + background-image: url("../img/mime/word.png"); } .mime-excel { - background-image: url('../img/mime/excel.png'); + background-image: url("../img/mime/excel.png"); } .mime-powerpoint { - background-image: url('../img/mime/powerpoint.png'); + background-image: url("../img/mime/powerpoint.png"); } .mime-pdf { - background-image: url('../img/mime/pdf.png'); + background-image: url("../img/mime/pdf.png"); } .mime-zip { - background-image: url('../img/mime/zip.png'); + background-image: url("../img/mime/zip.png"); } .mime-image { - background-image: url('../img/mime/image.png'); + background-image: url("../img/mime/image.png"); } .mime-file { - background-image: url('../img/mime/file.png'); + background-image: url("../img/mime/file.png"); } .mime-photoshop { - background-image: url('../img/mime/photoshop.png'); + background-image: url("../img/mime/photoshop.png"); } .mime-illustrator { - background-image: url('../img/mime/illustrator.png'); + background-image: url("../img/mime/illustrator.png"); } .mime-video { - background-image: url('../img/mime/video.png'); + background-image: url("../img/mime/video.png"); } .mime-audio { - background-image: url('../img/mime/audio.png'); + background-image: url("../img/mime/audio.png"); } -.files, #postFormFiles_list { +.files, +#postFormFiles_list { padding-left: 0; } // File upload list for posts .contentForm-upload-list { padding-left: 0; - li:first-child { margin-top: 10px; } } -.file_upload_remove_link, .file_upload_remove_link:hover { +.file_upload_remove_link, +.file_upload_remove_link:hover { color: @danger; } @@ -2311,7 +2124,8 @@ ul.tag_input.focus { list-style: none; } -.post-files, .oembed_snippet { +.post-files, +.oembed_snippet { margin-top: 10px; } @@ -2323,34 +2137,31 @@ ul.tag_input.focus { } // fileupload button -.comment_create, .content_edit { +.comment_create, +.content_edit { position: relative; - .fileinput-button { position: absolute; top: 2px; right: 2px; padding: 6px 10px; background: transparent !important; - .fa { color: @background3; } } - .fileinput-button:hover .fa { background: transparent !important; color: @background4; } - .fileinput-button:active { box-shadow: none !important; } } // Upload box - .upload-box-container { + //background-color: red; position: relative; } @@ -2359,56 +2170,50 @@ ul.tag_input.focus { display: none; position: absolute; top: 0; - left: 0px; + left: 0; width: 100%; height: 100px; - padding: 20px 20px 20px 20px; - background: #F8F8F8; - border: 2px dashed #DDD; + padding: 20px; + background: #f8f8f8; + border: 2px dashed #ddd; text-align: center; border-radius: 3px; cursor: pointer; - //opacity: 0.9; + //opacity: 0.9; input[type="file"] { position: absolute; opacity: 0; } - .upload-box-progress-bar { display: none; } } .image-upload-container { - position: relative; - .image-upload-buttons { display: none; position: absolute; right: 5px; bottom: 5px; } - input[type="file"] { position: absolute; + //background-color: red; opacity: 0; } - .image-upload-loader { display: none; position: absolute; top: 0; - left: 0px; + left: 0; width: 100%; height: 100%; - padding: 20px 20px 20px 20px; - background: #F8F8F8; - + padding: 20px; + background: #f8f8f8; } - } .langSwitcher { @@ -2422,54 +2227,40 @@ ul.tag_input.focus { } .wallFilterPanel { - li { font-size: 11px; font-weight: 600; - a { color: @font3; } } - .dropdown-menu { li { - margin-bottom: 0; - a { font-size: 12px; } - a:hover { color: #fff !important; } - } } - } // TourModule - ul.tour-list { list-style: none; margin-bottom: 0; padding-left: 10px; - li { padding-top: 5px; - a { - color: @info; - .fa { width: 16px; } } } - li.completed { a { text-decoration: line-through; @@ -2478,14 +2269,14 @@ ul.tour-list { } } -.powered, .powered a { +.powered, +.powered a { color: #b8c7d3 !important; } // // Yii Components // -------------------------------------------------- - // Errror handling .errorMessage { color: @danger; @@ -2497,31 +2288,49 @@ ul.tour-list { border-color: @danger !important; } -.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline { color: @danger; } -.has-error .form-control, .has-error .form-control:focus { +.has-error .form-control, +.has-error .form-control:focus { border-color: @danger; -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 { +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { color: @success; } -.has-success .form-control, .has-success .form-control:focus { +.has-success .form-control, +.has-success .form-control:focus { border-color: @success; -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 { +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline { color: @warning; } -.has-warning .form-control, .has-warning .form-control:focus { +.has-warning .form-control, +.has-warning .form-control:focus { border-color: @warning; -webkit-box-shadow: none; box-shadow: none; @@ -2530,16 +2339,16 @@ ul.tour-list { // // Third Party Tools // -------------------------------------------------- - // Highlight .highlight { background-color: #fff8e0; } // HTML5 Placeholder jQuery Plugin -input.placeholder, textarea.placeholder { +input.placeholder, +textarea.placeholder { padding: 0 0 0 10px; - color: #999999; + color: #999; } // Ekko lightbox @@ -2563,7 +2372,7 @@ input.placeholder, textarea.placeholder { height: 100%; padding-top: 35%; font-size: 30px; - color: #ffffff; + color: #fff; opacity: 0; text-decoration: none; -webkit-transition: opacity 0.5s; @@ -2573,7 +2382,7 @@ input.placeholder, textarea.placeholder { } .ekko-lightbox-nav-overlay a:hover { - color: #ffffff; + color: #fff; } .ekko-lightbox-nav-overlay a:empty { @@ -2605,7 +2414,9 @@ input.placeholder, textarea.placeholder { background-color: #f7f7f7 !important; } -.atwho-user, .atwho-space, .atwho-input a { +.atwho-user, +.atwho-space, +.atwho-input a { color: @info; } @@ -2622,13 +2433,10 @@ input.placeholder, textarea.placeholder { } // jPlayer Extension - .comment { - .jp-progress { background-color: #dbdcdd !important; } - .jp-play-bar { background: #cacaca; } @@ -2644,7 +2452,6 @@ input.placeholder, textarea.placeholder { // Ajax loader .loader { padding: 30px 0; - .sk-spinner-three-bounce div { width: 12px; height: 12px; @@ -2657,35 +2464,33 @@ input.placeholder, textarea.placeholder { -webkit-animation-fill-mode: both; animation-fill-mode: both; } - .sk-spinner-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } - .sk-spinner-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } - @-webkit-keyframes sk-threeBounceDelay { - 0%, 80%, 100% { + 0%, + 80%, + 100% { -webkit-transform: scale(0); transform: scale(0); } - 40% { -webkit-transform: scale(1); transform: scale(1); } } - @keyframes sk-threeBounceDelay { - 0%, 80%, 100% { + 0%, + 80%, + 100% { -webkit-transform: scale(0); transform: scale(0); } - 40% { -webkit-transform: scale(1); transform: scale(1); @@ -2699,7 +2504,6 @@ input.placeholder, textarea.placeholder { .loader-postform { padding: 9px 0; - .sk-spinner-three-bounce.sk-spinner { text-align: left; margin: 0; @@ -2709,13 +2513,15 @@ input.placeholder, textarea.placeholder { // // Animate.css modifications // -------------------------------------------------- -.modal-dialog.fadeIn, .modal-dialog.pulse { +.modal-dialog.fadeIn, +.modal-dialog.pulse { -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; } -.panel.pulse, .panel.fadeIn { +.panel.pulse, +.panel.fadeIn { -webkit-animation-duration: 200ms; -moz-animation-duration: 200ms; animation-duration: 200ms; @@ -2729,63 +2535,77 @@ img.bounceIn { // Markdown .markdown-render { - h1, h2, h3, h4, h5, h6 { + h1, + h2, + h3, + h4, + h5, + h6 { font-weight: bold !important; } - h1 { font-size: 28px !important; } - h2 { font-size: 24px !important; } - h3 { font-size: 18px !important; } - h4 { font-size: 16px !important; } - h5 { font-size: 14px !important; } - h6 { - color: #999999; + color: #999; font-size: 14px !important; } - pre { padding: 0; border: none; border-radius: 3px; - code { padding: 10px; border-radius: 3px; font-size: 12px !important; } } - - a, a:visited { + a, + a:visited { background-color: inherit; text-decoration: none; color: @info !important; } - img { max-width: 100%; } + table { + width: 100%; + th { + font-size: 13px; + font-weight: 700; + color: @font3; + } + + thead { + tr { + border-bottom: 1px solid @background3; + } + } + + tbody tr td, thead tr th { + border: 1px solid @background3 !important; + padding: 4px; + } + } } // // Responsive modifications // -------------------------------------------------- @media (max-width: 767px) { - .topbar { padding-left: 0; padding-right: 0; @@ -2812,41 +2632,39 @@ img.bounceIn { #dropdown-notifications { width: 300px !important; margin-left: 0 !important; - .arrow { margin-left: -142px !important; } } .panel-profile-controls { - padding-left: 0px !important; + padding-left: 0 !important; padding-top: 50px; } .panel-profile .panel-profile-header .img-profile-data h1 { font-size: 20px !important; } - } @media (max-width: 991px) { .controls-header { margin-top: 40px; text-align: left !important; - //margin-left: 15px; + //margin-left: 15px; } } // Flatelements .onoffswitch-inner:before { background-color: @info; - color: #FFFFFF; + color: #fff; } .onoffswitch-inner:after { background-color: @background3; - color: #999999; + color: #999; text-align: right; } @@ -2868,7 +2686,6 @@ img.bounceIn { } // Datepicker - .ui-widget-header { border: none !important; background: #fff !important; @@ -2879,35 +2696,42 @@ img.bounceIn { .ui-widget-content { border: 1px solid #dddcda !important; border-radius: 0 !important; - background: #ffffff; + background: #fff; color: @font3 !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 { +.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 { +.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 { +.ui-state-default, +.ui-widget-content .ui-state-default, +.ui-widget-header .ui-state-default { border: none !important; background: @background1 !important; - color: @font2 !important;; + color: @font2 !important; } -.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { +.ui-state-highlight, +.ui-widget-content .ui-state-highlight, +.ui-widget-header .ui-state-highlight { border: none !important; border: 1px solid @background4 !important; } -.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { +.ui-state-active, +.ui-widget-content .ui-state-active, +.ui-widget-header .ui-state-active { border: 1px solid @info !important; background: lighten(@info, 25%) !important; } -