From 472d4eb8530d597dcd43133e34d62c506a4a2906 Mon Sep 17 00:00:00 2001 From: buddh4 Date: Mon, 9 Jan 2017 07:52:19 +0100 Subject: [PATCH] Notification user account settings + Notification Overview alignment + Small comment fix. --- js/humhub/legacy/jquery.flatelements.js | 23 +- less/form.less | 45 +- less/notification.less | 32 +- .../admin/controllers/SettingController.php | 2 +- .../admin/views/setting/notification.php | 15 +- .../comment/resources/js/humhub.comment.js | 3 +- .../ContentContainerSettingsManager.php | 2 +- .../components/NotificationCategory.php | 2 +- .../components/NotificationTarget.php | 11 +- .../components/WebNotificationTarget.php | 8 + .../controllers/ListController.php | 2 +- .../controllers/OverviewController.php | 6 +- .../notification/models/forms/FilterForm.php | 123 +- .../models/forms/NotificationSettings.php | 70 +- .../category/NotificationCategoryTest.php | 16 +- .../notification/views/overview/index.php | 8 +- .../views/notificationSettingsForm.php | 11 +- .../modules/stream/assets/js/humhub.stream.js | 11 +- .../user/controllers/AccountController.php | 24 +- .../user/views/account/notification.php | 23 + .../user/widgets/AccountSettingsMenu.php | 4 +- themes/HumHub/css/theme.css | 2794 +---------------- 22 files changed, 286 insertions(+), 2949 deletions(-) create mode 100644 protected/humhub/modules/user/views/account/notification.php diff --git a/js/humhub/legacy/jquery.flatelements.js b/js/humhub/legacy/jquery.flatelements.js index cd106e4028..59bfbe60dc 100644 --- a/js/humhub/legacy/jquery.flatelements.js +++ b/js/humhub/legacy/jquery.flatelements.js @@ -69,16 +69,16 @@ // build new slider construct var _newHTML = ''; + '
' + + '
' + + ''; // add new slider construckt $this.parent().append(_newHTML); // build closing slider construct _newHTML = '' + - '
'; + '
'; // add closing slider contruct $this.parent().parent().after(_newHTML); @@ -97,6 +97,7 @@ // add new class $this.parent().parent().addClass('regular-checkbox-container'); + // add a new
at the end to clear floats $this.parent().parent().append('
'); } @@ -111,7 +112,11 @@ $this.parent().attr('for', $this.attr('id')); var $checkbox = $('
').attr('style', $this.attr('style')); - + + if ($this.is(':disabled')) { + $checkbox.addClass('disabled'); + } + // add new checkbox element $this.parent().append($checkbox); } @@ -140,9 +145,15 @@ // assign label to radio element $this.parent().attr('for', $this.attr('id')); + + var $radio = $('
'); + + if ($this.is(':disabled')) { + $radio.addClass('disabled'); + } // add new radio element - $this.parent().append('
'); + $this.parent().append($radio); } } diff --git a/less/form.less b/less/form.less index 4b76fccb79..f1350cdd25 100644 --- a/less/form.less +++ b/less/form.less @@ -103,6 +103,11 @@ textarea.placeholder { font-size: 12px; } +.help-block:not(.help-block-error):hover { + color: @font2 !important; + font-size: 12px; +} + .input-group-addon { border: none; } @@ -169,31 +174,43 @@ a.label-warning:hover { // Flatelements .onoffswitch-inner:before { - background-color: @info; - color: #fff; + background-color: @info; + color: #fff; } .onoffswitch-inner:after { - background-color: @background3; - color: #999; - text-align: right; + background-color: @background3; + color: #999; + text-align: right; } .regular-checkbox:checked + .regular-checkbox-box { - border: 2px solid @info; - background: @info; - color: white; + border: 2px solid @info; + background: @info; + color: white; +} + +.regular-checkbox-box.disabled { + background: @background3 !important; + border: 2px solid @background3 !important; + cursor: not-allowed; } .regular-radio:checked + .regular-radio-button:after { - background: @info; + background: @info; } .regular-radio:checked + .regular-radio-button { - background-color: none; - color: #99a1a7; - border: 2px solid @background3; - margin-right: 5px; + background-color: none; + color: #99a1a7; + border: 2px solid @background3; + margin-right: 5px; +} + +.regular-radio.disabled { + background: @background3 !important; + border: 2px solid @background3 !important; + cursor: not-allowed; } // @@ -255,4 +272,4 @@ a.label-warning:hover { border-color: @warning; -webkit-box-shadow: none; box-shadow: none; -} \ No newline at end of file +} diff --git a/less/notification.less b/less/notification.less index 52f816ac32..99c401926c 100644 --- a/less/notification.less +++ b/less/notification.less @@ -2,17 +2,25 @@ display:block; } -@media (max-width: 767px) { - .notifications { - position: inherit !important; - float: left !important; - } - - .notifications .dropdown-menu { - width: 300px !important; - margin-left: 0 !important; - .arrow { - margin-left: -142px !important; +#notification_overview_list { + .img-space { + position:absolute; + top:25px; + left:25px; + } +} + +@media (max-width: 767px) { + .notifications { + position: inherit !important; + float: left !important; + } + + .notifications .dropdown-menu { + width: 300px !important; + margin-left: 0 !important; + .arrow { + margin-left: -142px !important; + } } - } } \ No newline at end of file diff --git a/protected/humhub/modules/admin/controllers/SettingController.php b/protected/humhub/modules/admin/controllers/SettingController.php index c60f51a005..f842a1b53e 100644 --- a/protected/humhub/modules/admin/controllers/SettingController.php +++ b/protected/humhub/modules/admin/controllers/SettingController.php @@ -149,7 +149,7 @@ class SettingController extends Controller public function actionNotification() { $form = new NotificationSettings(); - if ($form->load(Yii::$app->request->post()) && $form->validate() && $form->save()) { + if ($form->load(Yii::$app->request->post()) && $form->save()) { $this->view->saved(); } diff --git a/protected/humhub/modules/admin/views/setting/notification.php b/protected/humhub/modules/admin/views/setting/notification.php index e01fc49822..ac367f340a 100644 --- a/protected/humhub/modules/admin/views/setting/notification.php +++ b/protected/humhub/modules/admin/views/setting/notification.php @@ -8,15 +8,16 @@ use yii\widgets\ActiveForm;

- +
- -
+ - $model, - 'form' => $form - ]) ?> + $model, + 'form' => $form + ]) ?> +
+
diff --git a/protected/humhub/modules/comment/resources/js/humhub.comment.js b/protected/humhub/modules/comment/resources/js/humhub.comment.js index 2f6ddb79ca..4e2baccf2b 100644 --- a/protected/humhub/modules/comment/resources/js/humhub.comment.js +++ b/protected/humhub/modules/comment/resources/js/humhub.comment.js @@ -24,12 +24,13 @@ humhub.module('comment', function(module, require, $) { }); }; - Form.prototype.getRichtext = function(html) { + Form.prototype.getRichtext = function() { return Widget.instance(this.$.find('div.humhub-ui-richtext')); }; Form.prototype.addComment = function(html) { var $html = $(html).hide(); + additions.applyTo($html); this.getCommentsContainer().append($html); $html.fadeIn(); }; diff --git a/protected/humhub/modules/content/components/ContentContainerSettingsManager.php b/protected/humhub/modules/content/components/ContentContainerSettingsManager.php index 9bfab1544e..557418e663 100644 --- a/protected/humhub/modules/content/components/ContentContainerSettingsManager.php +++ b/protected/humhub/modules/content/components/ContentContainerSettingsManager.php @@ -42,7 +42,7 @@ class ContentContainerSettingsManager extends BaseSettingsManager */ public function getInherit($name, $default = null) { $result = $this->get($name); - return ($result != null) ? $result + return ($result !== null) ? $result : Yii::$app->getModule($this->moduleId)->settings->get($name, $default); } diff --git a/protected/humhub/modules/notification/components/NotificationCategory.php b/protected/humhub/modules/notification/components/NotificationCategory.php index f41c5b9bd0..c17ba4e65e 100644 --- a/protected/humhub/modules/notification/components/NotificationCategory.php +++ b/protected/humhub/modules/notification/components/NotificationCategory.php @@ -80,7 +80,7 @@ abstract class NotificationCategory extends \yii\base\Object * @param type $target * @return type */ - public function isFixedSettings(NotificationTarget $target) + public function isFixedSetting(NotificationTarget $target) { return in_array($target->id, $this->getFixedSettings()); } diff --git a/protected/humhub/modules/notification/components/NotificationTarget.php b/protected/humhub/modules/notification/components/NotificationTarget.php index e1b3044a91..ab68c7cf5c 100644 --- a/protected/humhub/modules/notification/components/NotificationTarget.php +++ b/protected/humhub/modules/notification/components/NotificationTarget.php @@ -215,6 +215,15 @@ abstract class NotificationTarget extends \yii\base\Object $category = $notification->getCategory(); return ($category) ? $this->isCategoryEnabled($category, $user) : $this->defaultSetting; } + + /** + * Checks if the settings for this target are editable. + * @return boolean + */ + public function isEditable(user $user = null) + { + return true; + } /** * Returns the enabled setting of this target for the given $category. @@ -229,7 +238,7 @@ abstract class NotificationTarget extends \yii\base\Object return false; } - if($category->isFixedSettings($this)) { + if($category->isFixedSetting($this)) { return $category->getDefaultSetting($this); } diff --git a/protected/humhub/modules/notification/components/WebNotificationTarget.php b/protected/humhub/modules/notification/components/WebNotificationTarget.php index 7e1fd7374c..aaaa0063aa 100644 --- a/protected/humhub/modules/notification/components/WebNotificationTarget.php +++ b/protected/humhub/modules/notification/components/WebNotificationTarget.php @@ -24,6 +24,14 @@ class WebNotificationTarget extends NotificationTarget throw new \yii\base\Exception('Notification record not found for BaseNotification "'.$notification->className().'"'); } } + + /** + * @inheritdoc + */ + public function isEditable(User $user = null) + { + return false; + } public function getTitle() { diff --git a/protected/humhub/modules/notification/controllers/ListController.php b/protected/humhub/modules/notification/controllers/ListController.php index e319ee35bd..d3855584a8 100644 --- a/protected/humhub/modules/notification/controllers/ListController.php +++ b/protected/humhub/modules/notification/controllers/ListController.php @@ -54,7 +54,7 @@ class ListController extends Controller $notifications = $query->all(); $lastEntryId = 0; foreach ($notifications as $notification) { - $output .= $notification->getClass()->render(); + $output .= $notification->getBaseModel()->render(); $lastEntryId = $notification->id; } diff --git a/protected/humhub/modules/notification/controllers/OverviewController.php b/protected/humhub/modules/notification/controllers/OverviewController.php index d5c8c8f421..edc426a058 100644 --- a/protected/humhub/modules/notification/controllers/OverviewController.php +++ b/protected/humhub/modules/notification/controllers/OverviewController.php @@ -43,17 +43,13 @@ class OverviewController extends Controller $notifications = []; $filterForm = new FilterForm(); - $filterForm->initFilter(); $filterForm->load(Yii::$app->request->get()); $query = Notification::findGrouped(); $query->andWhere(['user_id' => Yii::$app->user->id]); - - if ($filterForm->isExcludeFilter()) { + if ($filterForm->hasFilter()) { $query->andFilterWhere(['not in', 'class', $filterForm->getExcludeClassFilter()]); - } else if ($filterForm->isActive()) { - $query->andFilterWhere(['in', 'class', $filterForm->getIncludeClassFilter()]); } else { return $this->render('index', [ 'notificationEntries' => [], diff --git a/protected/humhub/modules/notification/models/forms/FilterForm.php b/protected/humhub/modules/notification/models/forms/FilterForm.php index 096cb5e08c..774619563f 100644 --- a/protected/humhub/modules/notification/models/forms/FilterForm.php +++ b/protected/humhub/modules/notification/models/forms/FilterForm.php @@ -3,60 +3,60 @@ namespace humhub\modules\notification\models\forms; use Yii; -use humhub\modules\notification\models\Notification; -/** - * @package humhub.forms - * @since 0.5 - */ class FilterForm extends \yii\base\Model { - const FILTER_OTHER = 'other'; /** * Contains the current module filters * @var type array */ - public $moduleFilter; - + public $categoryFilter; + /** * Contains all available module filter * @var type array */ - public $moduleFilterSelection; - + public $categoryFilterSelection; + /** * Contains all notifications by modulenames * @var type */ - public $moduleNotifications; - - public function rules() + public $notifications; + + /** + * @inheritdoc + */ + public function rules() { return [ - [['moduleFilter'], 'safe'], + [['categoryFilter'], 'safe'], ]; } - + + /** + * @inheritdoc + */ public function attributeLabels() { return [ - 'moduleFilter' => Yii::t('NotificationModule.views_overview_index', 'Module Filter'), + 'categoryFilter' => Yii::t('NotificationModule.views_overview_index', 'Module Filter'), ]; } - + /** * Preselects all possible module filter */ - public function initFilter() + public function init() { - $this->moduleFilter = []; - - foreach($this->getModuleFilterSelection() as $moduleName => $title) { - $this->moduleFilter[] = $moduleName; + $this->categoryFilter = []; + + foreach ($this->getCategoryFilterSelection() as $moduleName => $title) { + $this->categoryFilter [] = $moduleName; } } - + /** * Returns all Notifications classes of modules not selected in the filter * @@ -65,73 +65,54 @@ class FilterForm extends \yii\base\Model public function getExcludeClassFilter() { $result = []; - $moduleNotifications = $this->getModuleNotifications(); - - foreach($this->moduleFilterSelection as $moduleName => $title) { - if($moduleName != self::FILTER_OTHER && !in_array($moduleName, $this->moduleFilter)) { - $result = array_merge($result, $moduleNotifications[$moduleName]); + + foreach ($this->getNotifications() as $notification) { + $categoryId = $notification->getCategory()->id; + if (!in_array($categoryId, $this->categoryFilter)) { + $result[] = $notification->className(); } } return $result; } - + /** - * Returns all Notifications classes of modules selected in the filter + * Returns all available notification categories as checkbox list selection. * @return type */ - public function getIncludeClassFilter() + public function getCategoryFilterSelection() { - $result = []; - $moduleNotifications = $this->getModuleNotifications(); - - foreach($this->moduleFilter as $moduleName) { - if($moduleName != self::FILTER_OTHER) { - $result = array_merge($result, $moduleNotifications[$moduleName]); + if ($this->categoryFilterSelection == null) { + $this->categoryFilterSelection = []; + + foreach (Yii::$app->notification->getNotificationCategories(Yii::$app->user->getIdentity()) as $category) { + $this->categoryFilterSelection[$category->id] = $category->getTitle(); } } - return $result; + return $this->categoryFilterSelection; } - - public function getModuleFilterSelection() - { - if($this->moduleFilterSelection == null) { - $this->moduleFilterSelection = []; - - foreach(array_keys($this->getModuleNotifications()) as $moduleName) { - $this->moduleFilterSelection[$moduleName] = $moduleName; - } - - $this->moduleFilterSelection[self::FILTER_OTHER] = Yii::t('NotificationModule.models_forms_FilterForm', 'Other'); - } - return $this->moduleFilterSelection; - } - - public function getModuleNotifications() - { - if($this->moduleNotifications == null) { - $this->moduleNotifications = Notification::getModuleNotifications(); - } - - return $this->moduleNotifications; - } - + /** - * Determines if this filter should exclude specific modules (if other filter is selected) - * or rather include specific module filter. - * - * @return boolean true if other was selected, else false + * Returns all available BaseNotification classes with a NotificationCategory. + * @return type */ - public function isExcludeFilter() + public function getNotifications() { - return $this->isActive() && in_array(self::FILTER_OTHER, $this->moduleFilter); + if ($this->notifications == null) { + $this->notifications = array_filter(Yii::$app->notification->getNotifications(), function($notification) { + return $notification->getCategory() != null; + }); + } + + return $this->notifications; } - + /** * Checks if this filter is active (at least one filter selected) * @return type */ - public function isActive() + public function hasFilter() { - return $this->moduleFilter != null; + return $this->categoryFilter != null; } + } diff --git a/protected/humhub/modules/notification/models/forms/NotificationSettings.php b/protected/humhub/modules/notification/models/forms/NotificationSettings.php index 1efe95c578..a09fa91d71 100644 --- a/protected/humhub/modules/notification/models/forms/NotificationSettings.php +++ b/protected/humhub/modules/notification/models/forms/NotificationSettings.php @@ -1,4 +1,5 @@ _targets) { - $this->_targets = Yii::$app->notification->getTargets($user); + if (!$this->_targets) { + $this->_targets = Yii::$app->notification->getTargets($this->user); } - + return $this->_targets; } - public function categories($user = null) + public function categories() { - return Yii::$app->notification->getNotificationCategories($user); - } - - public function getSettingFormname($category, $target) - { - return $this->formName()."[settings][".$target->getSettingKey($category)."]"; + return Yii::$app->notification->getNotificationCategories($this->user); } - public function save($user = null) + public function getSettingFormname($category, $target) { + return $this->formName() . "[settings][" . $target->getSettingKey($category) . "]"; + } + + public function save() + { + if (!$this->checkPermission()) { + throw new \yii\web\HttpException(403); + } + + if (!$this->validate()) { + return false; + } + $module = Yii::$app->getModule('notification'); - $settingManager = ($user) ? $module->settings->user($user) : $module->settings; + $settingManager = ($this->user) ? $module->settings->user($this->user) : $module->settings; + + // Save all active settings foreach ($this->settings as $settingKey => $value) { $settingManager->set($settingKey, $value); } + + // Save all inactive settings + foreach ($this->targets() as $target) { + if (!$target->isEditable($this->user)) { + continue; + } + + foreach ($this->categories() as $category) { + if ($category->isFixedSetting($target)) { + continue; + } + + $settingKey = $target->getSettingKey($category); + if (!array_key_exists($settingKey, $this->settings)) { + $settingManager->set($settingKey, false); + } + } + } + + return true; + } + + public function checkPermission() + { + if (Yii::$app->user->can(new \humhub\modules\admin\permissions\ManageSettings())) { + return true; + } else if (!$this->user) { + return false; // Only ManageSettings user can set global notification settings + } else { + return Yii::$app->user->id == $this->user->id; + } } } diff --git a/protected/humhub/modules/notification/tests/codeception/unit/category/NotificationCategoryTest.php b/protected/humhub/modules/notification/tests/codeception/unit/category/NotificationCategoryTest.php index 3bf371e3c8..94c20a9f8f 100644 --- a/protected/humhub/modules/notification/tests/codeception/unit/category/NotificationCategoryTest.php +++ b/protected/humhub/modules/notification/tests/codeception/unit/category/NotificationCategoryTest.php @@ -18,6 +18,8 @@ class NotificationCategoryTest extends HumHubDbTestCase public function testGlobalCategorySetting() { + $this->becomeUser('Admin'); + $notification = new TestNotification(); $category = $notification->getCategory(); $mailTarget = Yii::$app->notification->getTarget(MailNotificationTarget::class); @@ -41,6 +43,8 @@ class NotificationCategoryTest extends HumHubDbTestCase public function testFixedCategorySetting() { + $this->becomeUser('Admin'); + $notification = new SpecialNotification(); $category = $notification->getCategory(); $mailTarget = Yii::$app->notification->getTarget(MailNotificationTarget::class); @@ -65,10 +69,12 @@ class NotificationCategoryTest extends HumHubDbTestCase } public function testInvisibleCategorySetting() - { + { // SpecialCategory is invisible for this user. $this->becomeUser('User1'); $user = Yii::$app->user->getIdentity(); + + $this->becomeUser('Admin'); $notification = new SpecialNotification(); $category = $notification->getCategory(); $mailTarget = Yii::$app->notification->getTarget(MailNotificationTarget::class); @@ -110,6 +116,7 @@ class NotificationCategoryTest extends HumHubDbTestCase { $this->becomeUser('User2'); $user = Yii::$app->user->getIdentity(); + $notification = new TestNotification(); $category = $notification->getCategory(); $mailTarget = Yii::$app->notification->getTarget(MailNotificationTarget::class); @@ -119,6 +126,8 @@ class NotificationCategoryTest extends HumHubDbTestCase $this->assertFalse($mailTarget->isEnabled($notification, $user)); $this->assertTrue($webTarget->isEnabled($notification, $user)); + $this->becomeUser('Admin'); + // Change global default settings, deny both targets. $settingForm = new NotificationSettings([ 'settings' => [ @@ -133,15 +142,18 @@ class NotificationCategoryTest extends HumHubDbTestCase $this->assertFalse($mailTarget->isEnabled($notification, $user)); $this->assertFalse($webTarget->isEnabled($notification, $user)); + $this->becomeUser('User2'); + // Change user settings. $userSettings = new NotificationSettings([ + 'user' => $user, 'settings' => [ $mailTarget->getSettingKey($category) => true, $webTarget->getSettingKey($category) => true, ] ]); - $userSettings->save($user); + $userSettings->save(); // Check that global settings are unaffected $this->assertFalse($mailTarget->isEnabled($notification)); diff --git a/protected/humhub/modules/notification/views/overview/index.php b/protected/humhub/modules/notification/views/overview/index.php index ff049e33aa..def23506af 100755 --- a/protected/humhub/modules/notification/views/overview/index.php +++ b/protected/humhub/modules/notification/views/overview/index.php @@ -31,13 +31,15 @@ use yii\widgets\ActiveForm;
+
+
'notification_overview_filter', 'method' => 'GET']); ?>
- field($filterForm, 'moduleFilter')->checkboxList($filterForm->getModuleFilterSelection())->label(false); ?> + field($filterForm, 'categoryFilter')->checkboxList($filterForm->getCategoryFilterSelection())->label(false); ?>
- +
@@ -53,7 +55,7 @@ use yii\widgets\ActiveForm; evt.preventDefault(); $.ajax({ 'type': 'GET', - 'url': ' 1]); ?>', + 'url': ' 1]); ?>', 'success': function () { location.reload(); } diff --git a/protected/humhub/modules/notification/widgets/views/notificationSettingsForm.php b/protected/humhub/modules/notification/widgets/views/notificationSettingsForm.php index 318c8b47d2..019b6462fe 100644 --- a/protected/humhub/modules/notification/widgets/views/notificationSettingsForm.php +++ b/protected/humhub/modules/notification/widgets/views/notificationSettingsForm.php @@ -4,13 +4,13 @@ use yii\bootstrap\Html ?> -
+
- targets($user) as $target): ?> + targets() as $target): ?> @@ -18,7 +18,7 @@ use yii\bootstrap\Html - categories($user) as $category): ?> + categories() as $category): ?> - targets($user) as $target): ?> + targets() as $target): ?> diff --git a/protected/humhub/modules/stream/assets/js/humhub.stream.js b/protected/humhub/modules/stream/assets/js/humhub.stream.js index 7cac43ae03..b3df86e331 100644 --- a/protected/humhub/modules/stream/assets/js/humhub.stream.js +++ b/protected/humhub/modules/stream/assets/js/humhub.stream.js @@ -238,8 +238,8 @@ humhub.module('stream', function(module, require, $) { // Sinc the response does not only include the node itself we have to search it. that.$ = $newEntry.find(DATA_STREAM_ENTRY_SELECTOR) .addBack(DATA_STREAM_ENTRY_SELECTOR); + that.apply(); $newEntry.fadeIn('fast', function() { - that.apply(); resolve(); }); }); @@ -582,8 +582,9 @@ humhub.module('stream', function(module, require, $) { var $html = $(html).hide(); this.$content.prepend($html); var that = this; + + additions.applyTo($html); $html.fadeIn('fast', function() { - additions.applyTo($html); that.onChange(); }); }; @@ -592,8 +593,9 @@ humhub.module('stream', function(module, require, $) { var $html = $(html).hide(); $entryNode.after($html); var that = this; + + additions.applyTo($html); $html.fadeIn('fast', function() { - additions.applyTo($html); that.onChange(); }); }; @@ -602,8 +604,9 @@ humhub.module('stream', function(module, require, $) { var $html = $(html).hide(); this.$content.append($html); var that = this; + + additions.applyTo($html); $html.fadeIn('fast', function() { - additions.applyTo($html); that.onChange(); }); }; diff --git a/protected/humhub/modules/user/controllers/AccountController.php b/protected/humhub/modules/user/controllers/AccountController.php index fea7a000c1..a95671cb61 100644 --- a/protected/humhub/modules/user/controllers/AccountController.php +++ b/protected/humhub/modules/user/controllers/AccountController.php @@ -12,6 +12,7 @@ use Yii; use yii\web\HttpException; use humhub\modules\user\components\BaseAccountController; use humhub\modules\user\models\User; +use humhub\modules\notification\models\forms\NotificationSettings; /** * AccountController provides all standard actions for the current logged in @@ -32,7 +33,7 @@ class AccountController extends BaseAccountController 'connected-accounts' => Yii::t('UserModule.base', 'Connected accounts'), 'edit-modules' => Yii::t('UserModule.base', 'Modules'), 'delete' => Yii::t('UserModule.base', 'Delete'), - 'emailing' => Yii::t('UserModule.base', 'Notifications'), + 'notification' => Yii::t('UserModule.base', 'Notifications'), 'change-email' => Yii::t('UserModule.base', 'Email'), 'change-email-validate' => Yii::t('UserModule.base', 'Email'), 'change-password' => Yii::t('UserModule.base', 'Password'), @@ -110,7 +111,7 @@ class AccountController extends BaseAccountController $user->time_zone = $model->timeZone; $user->visibility = $model->visibility; $user->save(); - + $this->view->saved(); return $this->redirect(['edit-settings']); } @@ -260,6 +261,20 @@ class AccountController extends BaseAccountController )); } + /** + * Notification Mailing Settings + */ + public function actionNotification() + { + $form = new NotificationSettings(['user' => Yii::$app->user->getIdentity()]); + + if ($form->load(Yii::$app->request->post()) && $form->save()) { + $this->view->saved(); + } + + return $this->render('notification', ['model' => $form]); + } + /** * Change EMail Options * @@ -268,15 +283,14 @@ class AccountController extends BaseAccountController public function actionEmailing() { $model = new \humhub\modules\user\models\forms\AccountEmailing(); - + if ($model->load(Yii::$app->request->post()) && $model->validate() && $model->save()) { $this->view->saved(); } - + return $this->render('emailing', array('model' => $model)); } - /** * Change Current Password * diff --git a/protected/humhub/modules/user/views/account/notification.php b/protected/humhub/modules/user/views/account/notification.php new file mode 100644 index 0000000000..d8aeb32bd0 --- /dev/null +++ b/protected/humhub/modules/user/views/account/notification.php @@ -0,0 +1,23 @@ + + +beginContent('@user/views/account/_userSettingsLayout.php') ?> +
+ +
+ + + $model, + 'form' => $form + ]) ?> +
+ + + +endContent() ?> + + diff --git a/protected/humhub/modules/user/widgets/AccountSettingsMenu.php b/protected/humhub/modules/user/widgets/AccountSettingsMenu.php index e4b5e5e8e6..3808f057d4 100644 --- a/protected/humhub/modules/user/widgets/AccountSettingsMenu.php +++ b/protected/humhub/modules/user/widgets/AccountSettingsMenu.php @@ -37,9 +37,9 @@ class AccountSettingsMenu extends \humhub\widgets\BaseMenu $this->addItem(array( 'label' => Yii::t('UserModule.base', 'Notifications'), - 'url' => Url::toRoute(['/user/account/emailing']), + 'url' => Url::toRoute(['/user/account/notification']), 'sortOrder' => 200, - 'isActive' => (Yii::$app->controller->module && Yii::$app->controller->module->id == 'user' && Yii::$app->controller->id == 'account' && Yii::$app->controller->action->id == 'emailing'), + 'isActive' => (Yii::$app->controller->module && Yii::$app->controller->module->id == 'user' && Yii::$app->controller->id == 'account' && Yii::$app->controller->action->id == 'notification'), )); if (count($this->getSecondoaryAuthProviders()) != 0) { diff --git a/themes/HumHub/css/theme.css b/themes/HumHub/css/theme.css index 33684f1046..1ac09268af 100644 --- a/themes/HumHub/css/theme.css +++ b/themes/HumHub/css/theme.css @@ -1,2793 +1 @@ -/* Default */ -.colorDefault { - color: #ededed; -} -.backgroundDefault { - background: #ededed; -} -.borderDefault { - border-color: #ededed; -} -/* Primary */ -.colorPrimary { - color: #708fa0 !important; -} -.backgroundPrimary { - background: #708fa0 !important; -} -.borderPrimary { - border-color: #708fa0 !important; -} -/* Info */ -.colorInfo { - color: #6fdbe8 !important; -} -.backgroundInfo { - background: #6fdbe8 !important; -} -.borderInfo { - border-color: #6fdbe8 !important; -} -/* Success */ -.colorSuccess { - color: #97d271 !important; -} -.backgroundSuccess { - background: #97d271 !important; -} -.borderSuccess { - border-color: #97d271 !important; -} -/* Warning */ -.colorWarning { - color: #fdd198 !important; -} -.backgroundWarning { - background: #fdd198 !important; -} -.borderWarning { - border-color: #fdd198 !important; -} -/* Danger */ -.colorDanger { - color: #ff8989 !important; -} -.backgroundDanger { - background: #ff8989 !important; -} -.borderDanger { - border-color: #ff8989 !important; -} -/* Fonts */ -.colorFont1 { - color: #bac2c7 !important; -} -.colorFont2 { - color: #7a7a7a !important; -} -.colorFont3 { - color: #555 !important; -} -.colorFont4 { - color: #bebebe !important; -} -.colorFont5 { - color: #aeaeae !important; -} -.heading { - font-size: 16px; - font-weight: 300; - color: #555; - background-color: white; - border: none; - padding: 10px; -} -.text-center { - text-align: center !important; -} -.text-break { - overflow-wrap: break-word; - word-wrap: break-word; - -ms-word-break: break-all; - word-break: break-word; - -ms-hyphens: auto; - -moz-hyphens: auto; - -webkit-hyphens: auto; - hyphens: auto; -} -.img-rounded { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -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; -} -h4 { - font-weight: 300; - font-size: 150%; -} -input[type=text], -input[type=password], -input[type=select] { - /* Remove First */ - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} -.powered, -.powered a { - color: #b8c7d3 !important; -} -.langSwitcher { - display: inline-block; -} -.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: normal; -} -.topbar .dropdown-header:hover { - color: #bebebe; -} -#topbar-first { - background-color: #708fa0; - top: 0; - z-index: 1030; - color: white; -} -#topbar-first .nav > li > a:hover, -#topbar-first .nav > .open > a { - background-color: #8fa7b4; -} -#topbar-first .nav > .account { - height: 50px; - margin-left: 20px; -} -#topbar-first .nav > .account img { - margin-left: 10px; -} -#topbar-first .nav > .account .dropdown-toggle { - padding: 10px 5px 8px; - line-height: 1.1em; - text-align: left; -} -#topbar-first .nav > .account .dropdown-toggle span { - font-size: 12px; -} -#topbar-first .topbar-brand { - position: relative; - z-index: 2; -} -#topbar-first .topbar-actions { - position: relative; - z-index: 3; -} -#topbar-first .notifications { - position: absolute; - left: 0; - right: 0; - text-align: center; - z-index: 1; -} -#topbar-first .notifications .btn-group { - position: relative; - text-align: left; -} -#topbar-first .notifications .btn-group > a { - padding: 5px 10px; - margin: 10px 2px; - display: inline-block; - border-radius: 2px; - text-decoration: none; - text-align: left; -} -#topbar-first .notifications .btn-group > .label { - position: absolute; - top: 4px; - right: -2px; -} -#topbar-first .notifications .arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - border-width: 10px; - content: " "; - top: 1px; - margin-left: -10px; - border-top-width: 0; - border-bottom-color: #fff; - z-index: 1035; -} -#topbar-first .notifications .arrow { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - z-index: 1001; - border-width: 11px; - left: 50%; - margin-left: -18px; - border-top-width: 0; - border-bottom-color: rgba(0, 0, 0, 0.15); - top: -19px; - z-index: 1035; -} -#topbar-first .notifications .dropdown-menu { - width: 350px; - margin-left: -148px; -} -#topbar-first .notifications .dropdown-menu ul.media-list { - max-height: 400px; - overflow: auto; -} -#topbar-first .notifications .dropdown-menu li { - position: relative; -} -#topbar-first .notifications .dropdown-menu li i.approval { - position: absolute; - left: 2px; - top: 36px; - font-size: 14px; -} -#topbar-first .notifications .dropdown-menu li i.accepted { - color: #5cb85c; -} -#topbar-first .notifications .dropdown-menu li i.declined { - color: #d9534f; -} -#topbar-first .notifications .dropdown-menu li .media { - position: relative; -} -#topbar-first .notifications .dropdown-menu li .media .img-space { - position: absolute; - top: 14px; - left: 14px; -} -#topbar-first .dropdown-footer { - margin: 10px 10px 5px; -} -#topbar-first a { - color: white; -} -#topbar-first .caret { - border-top-color: #bebebe; -} -#topbar-first .btn-group > a { - background-color: #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; - padding: 0; -} -#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: 0.1em 0.5em; -} -#topbar-first .account .user-title { - text-align: right; -} -#topbar-first .account .user-title span { - color: #d7d7d7; -} -#topbar-first .dropdown.account > a, -#topbar-first .dropdown.account.open > a, -#topbar-first .dropdown.account > a:hover, -#topbar-first .dropdown.account.open > a:hover { - background-color: #708fa0; -} -#topbar-second { - top: 50px; - 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; -} -#topbar-second .dropdown-menu { - padding-top: 0; - padding-bottom: 0; -} -#topbar-second .dropdown-menu .divider { - margin: 0; -} -#topbar-second #space-menu-dropdown, -#topbar-second #search-menu-dropdown { - width: 400px; -} -#topbar-second #space-menu-dropdown .media-list, -#topbar-second #search-menu-dropdown .media-list { - max-height: 400px; - overflow: auto; -} -@media screen and (max-width: 768px) { - #topbar-second #space-menu-dropdown .media-list, - #topbar-second #search-menu-dropdown .media-list { - max-height: 200px; - } -} -#topbar-second #space-menu-dropdown form, -#topbar-second #search-menu-dropdown form { - margin: 10px; -} -#topbar-second #space-menu-dropdown .search-reset, -#topbar-second #search-menu-dropdown .search-reset { - position: absolute; - color: #BFBFBF; - margin: 7px; - top: 0px; - right: 40px; - z-index: 10; - display: none; - cursor: pointer; -} -#topbar-second .nav > li > a { - padding: 6px 13px 0; - text-decoration: none; - text-shadow: none; - font-weight: 600; - font-size: 10px; - text-transform: uppercase; - text-align: center; - min-height: 49px; -} -#topbar-second .nav > li > a:hover, -#topbar-second .nav > li > a:active, -#topbar-second .nav > li > a:focus { - border-bottom: 3px solid #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 > ul > li > a { - border-left: 3px solid #fff; - background-color: #fff; - color: #555; -} -#topbar-second .nav > li > ul > li > a:hover, -#topbar-second .nav > li > ul > li > a.active { - border-left: 3px solid #6fdbe8; - background-color: #f7f7f7; - color: #555; -} -#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 (max-width: 767px) { - .topbar { - padding-left: 0; - padding-right: 0; - } -} -.login-container { - background-color: #708fa0; - background-image: linear-gradient(to right, #708fa0 0%, #8fa7b4 50%, #8fa7b4 100%), linear-gradient(to right, #7f9baa 0%, #bdcbd3 51%, #adbfc9 100%); - background-size: 100% 100%; - position: relative; - padding-top: 40px; -} -.login-container .text { - color: #fff; - font-size: 12px; - margin-bottom: 15px; -} -.login-container .text a { - color: #fff; - text-decoration: underline; -} -.login-container .panel a { - color: #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; -} -.dropdown-menu li a { - font-size: 13px !important; - font-weight: 600 !important; -} -.dropdown-menu li a i { - margin-right: 5px; - font-size: 14px; - display: inline-block; - width: 14px; -} -.dropdown-menu li a:hover, -.dropdown-menu li a:visited, -.dropdown-menu li a:hover, -.dropdown-menu li a:focus { - background: none; - cursor: pointer; -} -.dropdown-menu li:hover, -.dropdown-menu li.selected { - color: #555; -} -.dropdown-menu li:first-child { - margin-top: 3px; -} -.dropdown-menu li:last-child { - margin-bottom: 3px; -} -.modal .dropdown-menu, -.panel .dropdown-menu, -.nav-tabs .dropdown-menu { - border: 1px solid #d7d7d7; -} -.modal .dropdown-menu li.divider, -.panel .dropdown-menu li.divider, -.nav-tabs .dropdown-menu li.divider { - background-color: #f7f7f7; - border-bottom: none; - margin: 9px 1px !important; -} -.modal .dropdown-menu li, -.panel .dropdown-menu li, -.nav-tabs .dropdown-menu li { - border-left: 3px solid white; -} -.modal .dropdown-menu li a, -.panel .dropdown-menu li a, -.nav-tabs .dropdown-menu li a { - color: #555; - font-size: 14px; - font-weight: 400; - padding: 4px 15px; -} -.modal .dropdown-menu li a i, -.panel .dropdown-menu li a i, -.nav-tabs .dropdown-menu li a i { - margin-right: 5px; -} -.modal .dropdown-menu li a:hover, -.panel .dropdown-menu li a:hover, -.nav-tabs .dropdown-menu li a:hover { - background: none; -} -.modal .dropdown-menu li:hover, -.panel .dropdown-menu li:hover, -.nav-tabs .dropdown-menu li:hover, -.modal .dropdown-menu li.selected, -.panel .dropdown-menu li.selected, -.nav-tabs .dropdown-menu li.selected { - border-left: 3px solid #6fdbe8; - background-color: #f7f7f7 !important; -} -.media-list li { - padding: 10px; - border-bottom: 1px solid #eee; - position: relative; - border-left: 3px solid white; - font-size: 12px; -} -.media-list li a { - color: #555; -} -.media-list .badge-space-type { - background-color: #f7f7f7; - border: 1px solid #d7d7d7; - color: #b2b2b2; - padding: 3px 3px 2px 3px; -} -.media-list li.new { - border-left: 3px solid #f3fcfd; - background-color: #f3fcfd; -} -.media-list li:hover, -.media-list li.selected { - background-color: #f7f7f7; - border-left: 3px solid #6fdbe8; -} -.media-list li.placeholder { - font-size: 14px !important; - border-bottom: none; -} -.media-list li.placeholder:hover { - background: none !important; - border-left: 3px solid white; -} -.media-left, -.media > .pull-left { - padding-right: 0; - margin-right: 10px; -} -.media:after { - content: ''; - clear: both; - display: block; -} -.media .time { - font-size: 11px; - color: #bebebe; -} -.media .img-space { - position: absolute; - top: 35px; - left: 35px; -} -.media .media-body { - font-size: 13px; -} -.media .media-body h4.media-heading { - font-size: 14px; - font-weight: 500; - color: #555; -} -.media .media-body h4.media-heading a { - color: #555; -} -.media .media-body h4.media-heading small, -.media .media-body h4.media-heading small a { - font-size: 11px; - color: #bebebe; -} -.media .media-body h4.media-heading .content { - margin-right: 35px; -} -.media .media-body .content a { - word-break: break-all; -} -.media .media-body h5 { - color: #aeaeae; - font-weight: 300; - margin-top: 5px; - margin-bottom: 5px; - min-height: 15px; -} -.media .media-body .module-controls { - font-size: 85%; -} -.media .media-body .module-controls a { - color: #6fdbe8; -} -.media .content a { - color: #6fdbe8; -} -.media .content .files a { - color: #555; -} -.content span { - overflow-wrap: break-word; - word-wrap: break-word; - -ms-word-break: break-all; - word-break: break-word; - -ms-hyphens: auto; - -moz-hyphens: auto; - -webkit-hyphens: auto; - hyphens: auto; -} -.panel { - border: none; - background-color: #fff; - box-shadow: 0 0 3px #dadada; - -webkit-box-shadow: 0 0 3px #dadada; - -moz-box-shadow: 0 0 3px #dadada; - border-radius: 4px; - position: relative; -} -.panel h1 { - font-size: 16px; - font-weight: 300; - margin-top: 0; - color: #555; -} -.panel .panel-heading { - font-size: 16px; - font-weight: 300; - color: #555; - background-color: white; - border: none; - padding: 10px; - border-radius: 4px; -} -.panel .panel-heading .heading-link { - color: #6fdbe8 !important; - font-size: 0.8em; -} -.panel .panel-body { - padding: 10px; - font-size: 13px; -} -.panel .panel-body p { - color: #555; -} -.panel .statistics .entry { - margin-left: 20px; - font-size: 12px; -} -.panel .statistics .entry .count { - color: #6fdbe8; - font-weight: 600; - font-size: 20px; - line-height: 0.8em; -} -.panel h3.media-heading small { - font-size: 75%; -} -.panel h3.media-heading small a { - color: #6fdbe8; -} -.panel-danger { - border: 2px solid #ff8989; -} -.panel-danger .panel-heading { - color: #ff8989; -} -.panel-success { - border: 2px solid #97d271; -} -.panel-success .panel-heading { - color: #97d271; -} -.panel-warning { - border: 2px solid #fdd198; -} -.panel-warning .panel-heading { - color: #fdd198; -} -.panel.profile { - position: relative; -} -.panel.profile .controls { - position: absolute; - top: 10px; - right: 10px; -} -.panel.members .panel-body a img, -.panel.groups .panel-body a img, -.panel.follower .panel-body a img, -.panel.spaces .panel-body a img { - margin-bottom: 5px; -} -.panel-profile .panel-profile-header { - position: relative; - border: 3px solid #fff; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} -.panel-profile .panel-profile-header .img-profile-header-background { - border-radius: 3px; - min-height: 110px; -} -.panel-profile .panel-profile-header .img-profile-data { - position: absolute; - height: 100px; - width: 100%; - bottom: 0; - left: 0; - padding-left: 180px; - padding-top: 30px; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - color: #fff; - pointer-events: none; - background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%); - /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.38))); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%); - /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%); - /* Opera 11.10+ */ - background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%); - /* IE10+ */ - background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.38) 100%); - /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#94000000', GradientType=0); - /* IE6-9 */ -} -.panel-profile .panel-profile-header .img-profile-data h1 { - font-size: 30px; - font-weight: 100; - margin-bottom: 7px; - color: #fff; - max-width: 600px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.panel-profile .panel-profile-header .img-profile-data h2 { - font-size: 16px; - font-weight: 400; - margin-top: 0; -} -.panel-profile .panel-profile-header .img-profile-data h1.space { - font-size: 30px; - font-weight: 700; -} -.panel-profile .panel-profile-header .img-profile-data h2.space { - font-size: 13px; - font-weight: 300; - max-width: 600px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.panel-profile .panel-profile-header .profile-user-photo-container { - position: absolute; - bottom: -50px; - left: 15px; -} -.panel-profile .panel-profile-header .profile-user-photo-container .profile-user-photo { - border: 3px solid #fff; - border-radius: 5px; -} -.panel-profile .panel-profile-controls { - padding-left: 160px; -} -.panel.pulse, -.panel.fadeIn { - -webkit-animation-duration: 200ms; - -moz-animation-duration: 200ms; - animation-duration: 200ms; -} -@media (max-width: 767px) { - .panel-profile-controls { - padding-left: 0 !important; - padding-top: 50px; - } - .panel-profile .panel-profile-header .img-profile-data h1 { - font-size: 20px !important; - } -} -.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; -} -.tab-sub-menu { - padding-left: 10px; -} -.tab-sub-menu li > a:hover, -.tab-sub-menu li > a:focus { - background-color: #f7f7f7; - border-bottom-color: #ddd; -} -.tab-sub-menu li.active > a { - background-color: #FFFFFF; - border-bottom-color: transparent; -} -.tab-menu { - padding-top: 10px; - background-color: #FFFFFF; -} -.tab-menu .nav-tabs { - padding-left: 10px; -} -.tab-menu .nav-tabs li > a { - padding-top: 12px; - border-color: #ddd; - border-bottom: 1px solid #ddd; - background-color: #f7f7f7; - max-height: 41px; - outline: none; -} -.tab-menu .nav-tabs li > a:hover, -.tab-menu .nav-tabs li > a:focus { - padding-top: 10px; - border-top: 3px solid #ddd; -} -.tab-menu .nav-tabs li > a:hover { - background-color: #f7f7f7; -} -.tab-menu .nav-tabs li.active > a, -.tab-menu .nav-tabs li.active > a:hover { - padding-top: 10px; - border-top: 3px solid #6fdbe8; -} -.tab-menu .nav-tabs li.active > a { - background-color: #FFFFFF; - border-bottom-color: transparent; -} -.nav-pills .dropdown-menu, -.nav-tabs .dropdown-menu, -.account .dropdown-menu { - background-color: #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: white; - font-weight: 400; - font-size: 13px; - padding: 4px 15px; -} -.nav-pills .dropdown-menu li a i, -.nav-tabs .dropdown-menu li a i, -.account .dropdown-menu li a i { - margin-right: 5px; - font-size: 14px; - display: inline-block; - width: 14px; -} -.nav-pills .dropdown-menu li a:hover, -.nav-tabs .dropdown-menu li a:hover, -.account .dropdown-menu li a:hover, -.nav-pills .dropdown-menu li a:visited, -.nav-tabs .dropdown-menu li a:visited, -.account .dropdown-menu li a:visited, -.nav-pills .dropdown-menu li a:hover, -.nav-tabs .dropdown-menu li a:hover, -.account .dropdown-menu li a:hover, -.nav-pills .dropdown-menu li a:focus, -.nav-tabs .dropdown-menu li a:focus, -.account .dropdown-menu li a:focus { - background: none; -} -.nav-pills .dropdown-menu li:hover, -.nav-tabs .dropdown-menu li:hover, -.account .dropdown-menu li:hover, -.nav-pills .dropdown-menu li.selected, -.nav-tabs .dropdown-menu li.selected, -.account .dropdown-menu li.selected { - border-left: 3px solid #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; -} -.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: white; -} -.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; -} -@media (max-width: 991px) { - .controls-header { - text-align: left !important; - } -} -.btn { - float: none; - border: none; - -webkit-box-shadow: none; - box-shadow: none; - -moz-box-shadow: none; - background-image: none; - text-shadow: none; - border-radius: 3px; - outline: none !important; - margin-bottom: 0; - font-size: 14px; - font-weight: 600; - padding: 8px 16px; -} -.input.btn { - outline: none; -} -.btn-lg { - padding: 16px 28px; -} -.btn-sm { - padding: 4px 8px; - font-size: 12px; -} -.btn-sm i { - font-size: 14px; -} -.btn-xs { - padding: 1px 5px; - font-size: 12px; -} -.btn-default { - background: #ededed; - color: #7a7a7a !important; -} -.btn-default:hover, -.btn-default:focus { - background: #e8e8e8; - text-decoration: none; - color: #7a7a7a; -} -.btn-default:active, -.btn-default.active { - outline: 0; - background: #e0e0e0; -} -.btn-default[disabled], -.btn-default.disabled { - background: #f2f2f2; -} -.btn-default[disabled]:hover, -.btn-default.disabled:hover, -.btn-default[disabled]:focus, -.btn-default.disabled:focus { - background: #f2f2f2; -} -.btn-default[disabled]:active, -.btn-default.disabled:active, -.btn-default[disabled].active, -.btn-default.disabled.active { - background: #f2f2f2; -} -.btn-primary { - background: #708fa0; - color: white !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: white !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: white !important; -} -.btn-danger:hover, -.btn-danger:focus { - background: #ff6f6f; - text-decoration: none; -} -.btn-danger:active, -.btn-danger.active { - outline: 0; - background: #ff6f6f !important; -} -.btn-danger[disabled], -.btn-danger.disabled { - background: #ffa3a3; -} -.btn-danger[disabled]:hover, -.btn-danger.disabled:hover, -.btn-danger[disabled]:focus, -.btn-danger.disabled:focus { - background: #ffa3a3; -} -.btn-danger[disabled]:active, -.btn-danger.disabled:active, -.btn-danger[disabled].active, -.btn-danger.disabled.active { - background: #ffa3a3 !important; -} -.btn-success { - background: #97d271; - color: white !important; -} -.btn-success:hover, -.btn-success:focus { - background: #89cc5e; - text-decoration: none; -} -.btn-success:active, -.btn-success.active { - outline: 0; - background: #89cc5e !important; -} -.btn-success[disabled], -.btn-success.disabled { - background: #a5d884; -} -.btn-success[disabled]:hover, -.btn-success.disabled:hover, -.btn-success[disabled]:focus, -.btn-success.disabled:focus { - background: #a5d884; -} -.btn-success[disabled]:active, -.btn-success.disabled:active, -.btn-success[disabled].active, -.btn-success.disabled.active { - background: #a5d884 !important; -} -.btn-warning { - background: #fdd198; - color: white !important; -} -.btn-warning:hover, -.btn-warning:focus { - background: #fdcd8e; - text-decoration: none; -} -.btn-warning:active, -.btn-warning.active { - outline: 0; - background: #fdcd8e !important; -} -.btn-warning[disabled], -.btn-warning.disabled { - background: #fddcb1; -} -.btn-warning[disabled]:hover, -.btn-warning.disabled:hover, -.btn-warning[disabled]:focus, -.btn-warning.disabled:focus { - background: #fddcb1; -} -.btn-warning[disabled]:active, -.btn-warning.disabled:active, -.btn-warning[disabled].active, -.btn-warning.disabled.active { - background: #fddcb1 !important; -} -.radio, -.checkbox { - margin-top: 5px !important; - margin-bottom: 0; -} -.radio label, -.checkbox label { - padding-left: 10px; -} -.form-control { - border: 2px solid #ededed; - box-shadow: none; -} -.form-control:focus { - border: 2px solid #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; - height: 1.5em; -} -select.form-control { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-image: url("../img/select_arrow.png") !important; - background-repeat: no-repeat; - background-position: right 13px; - overflow: hidden; -} -label { - font-weight: normal; -} -label.control-label { - font-weight: bold; -} -::-webkit-input-placeholder { - color: #bebebe !important; -} -::-moz-placeholder { - color: #bebebe !important; -} -/* firefox 19+ */ -:-ms-input-placeholder { - color: #bebebe !important; -} -/* ie */ -input:-moz-placeholder { - color: #bebebe !important; -} -.placeholder { - padding: 10px; -} -input.placeholder, -textarea.placeholder { - padding: 0 0 0 10px; - color: #999; -} -.help-block-error { - font-size: 12px; -} -.help-block:not(.help-block-error) { - color: #aeaeae !important; - font-size: 12px; -} -.input-group-addon { - border: none; -} -.label { - text-transform: uppercase; -} -.label { - text-transform: uppercase; - display: inline-block; - padding: 3px 5px 4px; - font-weight: 600; - font-size: 10px !important; - color: white !important; - vertical-align: baseline; - white-space: nowrap; - text-shadow: none; -} -.label-default { - background: #ededed; - color: #7a7a7a !important; -} -a.label-default:hover { - background: #e0e0e0 !important; -} -.label-info { - background-color: #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; -} -.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: white; -} -.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; -} -.errorMessage { - color: #ff8989; - padding: 10px 0; -} -.error { - border-color: #ff8989 !important; -} -.has-error .help-block, -.has-error .control-label, -.has-error .radio, -.has-error .checkbox, -.has-error .radio-inline, -.has-error .checkbox-inline { - color: #ff8989 !important; -} -.has-error .form-control, -.has-error .form-control:focus { - border-color: #ff8989; - -webkit-box-shadow: none; - box-shadow: none; -} -.has-success .help-block, -.has-success .control-label, -.has-success .radio, -.has-success .checkbox, -.has-success .radio-inline, -.has-success .checkbox-inline { - color: #97d271; -} -.has-success .form-control, -.has-success .form-control:focus { - border-color: #97d271; - -webkit-box-shadow: none; - box-shadow: none; -} -.has-warning .help-block, -.has-warning .control-label, -.has-warning .radio, -.has-warning .checkbox, -.has-warning .radio-inline, -.has-warning .checkbox-inline { - color: #fdd198; -} -.has-warning .form-control, -.has-warning .form-control:focus { - border-color: #fdd198; - -webkit-box-shadow: none; - box-shadow: none; -} -#notification_overview_filter label { - display: block; -} -@media (max-width: 767px) { - .notifications { - position: inherit !important; - float: left !important; - } - .notifications .dropdown-menu { - width: 300px !important; - margin-left: 0 !important; - } - .notifications .dropdown-menu .arrow { - margin-left: -142px !important; - } -} -.badge-space { - margin-top: 6px; -} -.badge-space-chooser { - padding: 3px 5px; - margin-left: 1px; -} -.badge { - padding: 3px 5px; - border-radius: 2px; - font-weight: normal; - font-family: Arial, sans-serif; - font-size: 10px !important; - text-transform: uppercase; - color: #fff; - vertical-align: baseline; - white-space: nowrap; - text-shadow: none; - background-color: #d7d7d7; - line-height: 1; -} -.popover { - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -} -.popover .popover-title { - background: none; - border-bottom: none; - color: #555; - font-weight: 300; - font-size: 16px; - padding: 15px; -} -.popover .popover-content { - font-size: 13px; - padding: 5px 15px; - color: #555; -} -.popover .popover-content a { - color: #6fdbe8; -} -.popover .popover-navigation { - padding: 15px; -} -.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 (max-width: 991px) { - .list-group { - margin-left: 4px; - } - .list-group-item { - display: inline-block !important; - border-radius: 3px !important; - margin: 4px 0; - margin-bottom: 4px !important; - } - .list-group-item { - border: none !important; - } - a.list-group-item:hover, - a.list-group-item.active, - a.list-group-item.active:hover, - a.list-group-item.active:focus { - border: none !important; - background: #708fa0 !important; - color: #fff !important; - } -} -@media screen and (max-width: 768px) { - .modal-dialog { - width: auto !important; - padding-top: 30px; - padding-bottom: 30px; - } -} -.modal-top { - z-index: 999999 !important; -} -.modal-open { - overflow: visible; -} -.modal { - overflow-y: visible; -} -.modal-dialog-extra-small { - width: 400px; -} -.modal-dialog-small { - width: 500px; -} -.modal-dialog-normal { - width: 600px; -} -.modal-dialog-medium { - width: 768px; -} -.modal-dialog-large { - width: 900px; -} -@media screen and (max-width: 920px) { - .modal-dialog-large { - width: auto !important; - padding-top: 30px; - padding-bottom: 30px; - } -} -.modal { - border: none; -} -.modal h1, -.modal h2, -.modal h3, -.modal h4, -.modal h5 { - margin-top: 20px; - color: #555; - font-weight: 300; -} -.modal h4.media-heading { - margin-top: 0; -} -.modal-title { - font-size: 20px; - font-weight: 200; - color: #555; -} -.modal-dialog, -.modal-content { - min-width: 150px; -} -.modal-content { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1); - -webkit-box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1); - border: none; -} -.modal-content .modal-header { - padding: 20px 20px 0; - border-bottom: none; - text-align: center; -} -.modal-content .modal-header .close { - margin-top: 2px; - margin-right: 5px; -} -.modal-content .modal-body { - padding: 20px; - font-size: 13px; -} -.modal-content .modal-footer { - margin-top: 0; - text-align: left; - padding: 10px 20px 30px; - border-top: none; - text-align: center; -} -.modal-content .modal-footer hr { - margin-top: 0; -} -.modal-backdrop { - background-color: rgba(0, 0, 0, 0.5); -} -.modal-dialog.fadeIn, -.modal-dialog.pulse { - -webkit-animation-duration: 200ms; - -moz-animation-duration: 200ms; - animation-duration: 200ms; -} -.module-installed { - opacity: 0.5; -} -.module-installed .label-success { - background-color: #d7d7d7; -} -.tooltip-inner { - background-color: #708fa0; - max-width: 400px; - text-align: left; - font-weight: 300; - padding: 2px 8px 4px; - font-weight: bold; - white-space: pre-wrap; -} -.tooltip.top .tooltip-arrow { - border-top-color: #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); -} -.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; -} -#nprogress .bar { - height: 2px; - background: #6fdbe8; -} -table { - margin-bottom: 0px !important; -} -table th { - font-size: 11px; - color: #bebebe; - font-weight: normal; -} -table thead tr th { - border: none !important; -} -table .time { - font-size: 12px; -} -table td a:hover { - color: #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: 10px 10px 10px 0; -} -.table > thead > tr > th select, -.table > tbody > tr > th select, -.table > tfoot > tr > th select, -.table > thead > tr > td select, -.table > tbody > tr > td select, -.table > tfoot > tr > td select { - font-size: 12px; - padding: 4px 8px; - height: 30px; - margin: 0; -} -.table-middle > thead > tr > th, -.table-middle > tbody > tr > th, -.table-middle > tfoot > tr > th, -.table-middle > thead > tr > td, -.table-middle > tbody > tr > td, -.table-middle > tfoot > tr > td { - vertical-align: middle !important; -} -.comment-container { - margin-top: 10px; -} -.comment { - /*-- Since v1.2 overflow: visible */ -} -.comment .media { - position: relative !important; - margin-top: 0; -} -.comment .media .nav-pills.preferences { - display: none; - right: -3px; - top: -3px; -} -.comment .media-body { - overflow: visible; -} -.comment.guest-mode .media:last-child .wall-entry-controls { - margin-bottom: 0; -} -.comment.guest-mode .media:last-child hr { - display: none; -} -.comment .jp-progress { - background-color: #dbdcdd !important; -} -.comment .jp-play-bar { - background: #cacaca; -} -.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: bold !important; -} -.grid-view table td { - vertical-align: middle !important; -} -.grid-view table tr { - font-size: 13px !important; -} -.grid-view table thead tr th:first-of-type { - padding-left: 5px; -} -.grid-view table tbody tr { - height: 50px; -} -.grid-view table tbody tr td:first-of-type { - padding-left: 5px; -} -.grid-view .summary { - font-size: 12px; - color: #bac2c7; -} -.oembed_snippet { - margin-top: 10px; - 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; -} -.contentForm_options { - margin-top: 10px; - min-height: 29px; -} -.contentForm_options .btn_container { - position: relative; -} -.contentForm_options .btn_container .label-public { - position: absolute; - right: 40px; - top: 11px; -} -#contentFormError { - color: #ff8989; - padding-left: 0; - list-style: none; -} -.placeholder-empty-stream { - background-image: url("../img/placeholder-postform-arrow.png"); - background-repeat: no-repeat; - padding: 37px 0 0 70px; - margin-left: 90px; -} -.wall-entry { - position: relative; -} -.wall-entry .media { - overflow: visible; -} -.wall-entry .well { - margin-bottom: 0; -} -.wall-entry .well .comment .show-all-link { - font-size: 12px; - cursor: pointer; -} -.wall-entry-controls { - /* Important since 1.2 */ - display: inline-block; -} -.wall-entry-controls, -.wall-entry-controls a { - font-size: 11px; - color: #aeaeae; - margin-top: 10px; - margin-bottom: 0; -} -.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; -} -.stream-entry-loader { - float: right; - margin-top: 5px; -} -.load-suppressed { - margin-bottom: 5px; -} -.load-suppressed a { - display: inline-block; - background-color: white; - padding: 5px; - border-radius: 4px; - border: 1px solid #ddd; - font-size: 11px; -} -.space-owner { - text-align: center; - margin: 14px 0; - font-size: 13px; - color: #999; -} -.space-member-sign { - color: #97d271; - position: absolute; - top: 42px; - left: 42px; - font-size: 16px; - background: #fff; - width: 24px; - height: 24px; - padding: 2px 3px 1px 4px; - border-radius: 50px; - border: 2px solid #97d271; -} -#space-menu-dropdown i.type { - font-size: 16px; - color: #BFBFBF; -} -#space-menu-spaces [data-space-chooser-item] { - cursor: pointer; -} -#space-menu-dropdown .input-group-addon { - border-radius: 0px 4px 4px 0px; -} -#space-menu-dropdown .input-group-addon.focus { - border-radius: 0px 4px 4px 0px; - border: 2px solid #6fdbe8; - border-left: 0px; -} -#space-menu-search { - border-right: 0px; -} -#space-directory-link i { - margin-right: 0px; -} -.space-acronym { - color: #fff; - text-align: center; - display: inline-block; -} -.current-space-image { - margin-right: 3px; - margin-top: 3px; -} -@media (max-width: 767px) { - #space-menu > .title { - display: none; - } - #space-menu-dropdown { - width: 300px !important; - } -} -.files, -#postFormFiles_list { - padding-left: 0; -} -.contentForm-upload-list { - padding-left: 0; -} -.contentForm-upload-list li:first-child { - margin-top: 10px; -} -.file_upload_remove_link, -.file_upload_remove_link:hover { - color: #ff8989; - cursor: pointer; -} -.post-files { - margin-top: 10px; -} -.post-files img { - vertical-align: top; - margin-bottom: 3px; - margin-right: 5px; - max-height: 130px; - -webkit-animation-duration: 2s; - /* Safari 4.0 - 8.0 */ - animation-duration: 2s; -} -#wallStream.mobile .post-files { - margin-top: 10px; - display: flex; - overflow-x: auto; -} -#wallStream.mobile .post-files img { - max-width: 190px; -} -.comment_create, -.content_edit { - position: relative; -} -.comment_create .comment-buttons, -.content_edit .comment-buttons { - position: absolute; - top: 2px; - right: 5px; -} -.comment_create .btn-comment-submit, -.content_edit .btn-comment-submit { - margin-top: 3px; -} -.comment_create .fileinput-button, -.content_edit .fileinput-button { - float: left; - padding: 6px 10px; - background: transparent !important; -} -.comment_create .fileinput-button .fa, -.content_edit .fileinput-button .fa { - color: #d7d7d7; -} -.comment_create .fileinput-button:hover .fa, -.content_edit .fileinput-button:hover .fa { - background: transparent !important; - color: #b2b2b2; -} -.comment_create .fileinput-button:active, -.content_edit .fileinput-button:active { - box-shadow: none !important; -} -.file-preview-content { - cursor: pointer; -} -.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; -} -.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"); -} -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; -} -.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; -} -.sk-spinner-three-bounce.sk-spinner { - margin: 0 auto; - width: 70px; - text-align: center; -} -.loader { - padding: 30px 0; -} -.loader .sk-spinner-three-bounce div, -.loader .sk-spinner-three-bounce span { - width: 12px; - height: 12px; - background-color: #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; - /* Prevent first frame from flickering when animation starts */ - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} -.loader .sk-spinner-three-bounce .sk-bounce1 { - -webkit-animation-delay: -0.32s; - animation-delay: -0.32s; -} -.loader .sk-spinner-three-bounce .sk-bounce2 { - -webkit-animation-delay: -0.16s; - animation-delay: -0.16s; -} -@-webkit-keyframes sk-threeBounceDelay { - 0%, - 80%, - 100% { - -webkit-transform: scale(0); - transform: scale(0); - } - 40% { - -webkit-transform: scale(1); - transform: scale(1); - } -} -@keyframes sk-threeBounceDelay { - 0%, - 80%, - 100% { - -webkit-transform: scale(0); - transform: scale(0); - } - 40% { - -webkit-transform: scale(1); - transform: scale(1); - } -} -.loader-modal { - padding: 8px 0; -} -.loader-postform { - padding: 9px 0; -} -.loader-postform .sk-spinner-three-bounce.sk-spinner { - text-align: left; - margin: 0; -} -.markdown-render h1, -.markdown-render h2, -.markdown-render h3, -.markdown-render h4, -.markdown-render h5, -.markdown-render h6 { - font-weight: bold !important; -} -.markdown-render h1 { - font-size: 28px !important; -} -.markdown-render h2 { - font-size: 24px !important; -} -.markdown-render h3 { - font-size: 18px !important; -} -.markdown-render h4 { - font-size: 16px !important; -} -.markdown-render h5 { - font-size: 14px !important; -} -.markdown-render h6 { - color: #999; - font-size: 14px !important; -} -.markdown-render pre { - padding: 0; - border: none; - border-radius: 3px; -} -.markdown-render pre code { - padding: 10px; - border-radius: 3px; - font-size: 12px !important; -} -.markdown-render a, -.markdown-render a:visited { - background-color: inherit; - text-decoration: none; - color: #6fdbe8 !important; -} -.markdown-render img { - max-width: 100%; - display: table-cell !important; -} -.markdown-render table { - width: 100%; -} -.markdown-render table th { - font-size: 13px; - font-weight: 700; - color: #555; -} -.markdown-render table thead tr { - border-bottom: 1px solid #d7d7d7; -} -.markdown-render table tbody tr td, -.markdown-render table thead tr th { - border: 1px solid #d7d7d7 !important; - padding: 4px; -} -.md-editor.active { - border: 2px solid #6fdbe8 !important; -} -.md-editor textarea { - padding: 10px !important; -} -[data-ui-markdown] { - word-break: break-all; -} -[data-ui-markdown] h1, -[data-ui-markdown] h2, -[data-ui-markdown] h3, -[data-ui-markdown] h4, -[data-ui-markdown] h5, -[data-ui-markdown] h6 { - margin: 0 0 1em 0; - text-align: start; -} -[data-ui-markdown] h1 { - font-size: 2.6em !important; -} -[data-ui-markdown] h2 { - font-size: 2.15em !important; -} -[data-ui-markdown] h3 { - font-size: 1.7em !important; -} -[data-ui-markdown] h4 { - font-size: 1.25em !important; -} -[data-ui-markdown] h5 { - font-size: 1em !important; -} -[data-ui-markdown] h6 { - font-size: .85em !important; -} -[data-ui-markdown] p, -[data-ui-markdown] pre, -[data-ui-markdown] blockquote { - margin: 0 0 1.1em; -} -[data-ui-markdown] blockquote { - border-left-width: 10px; - background-color: rgba(128, 128, 128, 0.05); - border-top-right-radius: 5px; - border-bottom-right-radius: 5px; - padding: 15px 20px; - font-size: 1em; - border-left: 5px solid #888888; -} -[data-ui-markdown] table { - margin-bottom: 20px; - max-width: 100%; - background-color: transparent; - border-collapse: collapse; - border-spacing: 0px; -} -[data-ui-markdown] table caption + thead tr:first-child th, -[data-ui-markdown] table caption + thead tr:first-child td, -[data-ui-markdown] table colgroup + thead tr:first-child th, -[data-ui-markdown] table colgroup + thead tr:first-child td, -[data-ui-markdown] table thead:first-child tr:first-child th, -[data-ui-markdown] table thead:first-child tr:first-child td { - border-top: 0px; -} -[data-ui-markdown] table thead th { - vertical-align: bottom; -} -[data-ui-markdown] table th { - font-weight: bold; - text-align: left; -} -[data-ui-markdown] table th, -[data-ui-markdown] table td { - padding: 8px; - line-height: 20px; - vertical-align: top; - border-top: 1px solid #ddd; -} -[data-ui-markdown] dt, -[data-ui-markdown] dd { - margin-top: 5px; - margin-bottom: 5px; - line-height: 1.45; -} -[data-ui-markdown] dt { - font-weight: bold; -} -[data-ui-markdown] dd { - margin-left: 40px; -} -[data-ui-markdown] pre { - text-align: start; - border: 0; - padding: 10px 20px; - border-radius: 5px; -} -[data-ui-markdown] pre code { - white-space: pre !important; -} -[data-ui-markdown] blockquote ul:last-child, -[data-ui-markdown] blockquote ol:last-child { - margin-bottom: 0px; -} -[data-ui-markdown] ul, -[data-ui-markdown] ol { - margin-top: 0; - margin-bottom: 10.5px; -} -[data-ui-markdown] .footnote { - vertical-align: top; - position: relative; - top: -0.5em; - font-size: .8em; -} -blockquote { - border-left: 2px dotted #888; - padding-left: 5px; - background: #d0f0ff; -} -.wmd-panel { - min-width: 500px; -} -.wmd-button-bar { - width: 100%; - background-color: Silver; -} -.wmd-input { - height: 300px; - width: 100%; - background-color: Gainsboro; - border: 1px solid DarkGray; -} -.wmd-button-row { - position: relative; - margin-left: 5px; - margin-right: 5px; - margin-bottom: 5px; - margin-top: 10px; - padding: 0px; - height: 20px; -} -.wmd-spacer { - width: 1px; - height: 20px; - margin-left: 14px; - position: absolute; - background-color: Silver; - display: inline-block; - list-style: none; -} -.wmd-button { - width: 20px; - height: 20px; - padding-left: 2px; - padding-right: 3px; - position: absolute; - display: inline-block; - list-style: none; - cursor: pointer; -} -.wmd-button > span { - background-image: url(../img/wmd-buttons.png); - background-repeat: no-repeat; - background-position: 0px 0px; - width: 20px; - height: 20px; - display: inline-block; -} -.wmd-spacer1 { - left: 50px; -} -.wmd-spacer2 { - left: 175px; -} -.wmd-spacer3 { - left: 300px; -} -.wmd-prompt-background { - background-color: Black; -} -.wmd-prompt-dialog { - border: 1px solid #999999; - background-color: #F5F5F5; -} -.wmd-prompt-dialog > div { - font-size: 0.8em; - font-family: arial, helvetica, sans-serif; -} -.wmd-prompt-dialog > form > input[type="text"] { - border: 1px solid #999999; - color: black; -} -.wmd-prompt-dialog > form > input[type="button"] { - border: 1px solid #888888; - font-family: trebuchet MS, helvetica, sans-serif; - font-size: 0.8em; - font-weight: bold; -} -@media (max-width: 991px) { - .layout-sidebar-container { - display: none; - } -} -.ui-widget-header { - border: none !important; - background: #fff !important; - color: #7a7a7a !important; - font-weight: 300 !important; -} -.ui-widget-content { - border: 1px solid #dddcda !important; - border-radius: 0 !important; - background: #fff; - color: #555 !important; - -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1); - box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1); -} -.ui-datepicker .ui-datepicker-prev span, -.ui-datepicker .ui-datepicker-next span { - opacity: 0.2; -} -.ui-datepicker .ui-datepicker-prev:hover, -.ui-datepicker .ui-datepicker-next:hover { - background: #fff !important; - border: none; - margin: 1px; -} -.ui-state-default, -.ui-widget-content .ui-state-default, -.ui-widget-header .ui-state-default { - border: none !important; - background: #f7f7f7 !important; - color: #7a7a7a !important; -} -.ui-state-highlight, -.ui-widget-content .ui-state-highlight, -.ui-widget-header .ui-state-highlight { - border: none !important; - border: 1px solid #b2b2b2 !important; -} -.ui-state-active, -.ui-widget-content .ui-state-active, -.ui-widget-header .ui-state-active { - border: 1px solid #6fdbe8 !important; - background: #ddf6fa !important; -} -.status-bar-body { - color: white; - position: fixed; - width: 100%; - background-color: rgba(0, 0, 0, 0.7); - text-align: center; - padding: 20px; - z-index: 9999999; - bottom: 0px; - display: block; - line-height: 20px; -} -.status-bar-close { - color: white; - fonfont-weight: bold; - font-size: 21px; - cursor: pointer; -} -.status-bar-close:hover { - color: white; -} -.status-bar-close i { - vertical-align: top !important; - padding-top: 3px; -} -.status-bar-content i { - margin-right: 10px; - font-size: 21px; - vertical-align: middle; -} -.status-bar-content .showMore { - color: #6fdbe8; - float: right; - margin-left: 10px; - font-size: 0.7em; - cursor: pointer; - vertical-align: middle; - white-space: nowrap; -} -.status-bar-content .status-bar-details { - text-align: left; - font-size: 0.7em; - margin-top: 20px; - max-height: 200px; - overflow: auto; -} -.status-bar-content span { - vertical-align: middle; -} -.status-bar-content i.error, -.status-bar-content i.fatal { - color: #ff8989; -} -.status-bar-content i.warning { - color: #fdd198; -} -.status-bar-content i.info, -.status-bar-content i.debug { - color: #6fdbe8; -} -.status-bar-content i.success { - color: #85CA2B; -} -.highlight { - background-color: #fff8e0; -} -.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; -} -.data-saved { - padding-left: 10px; - color: #6fdbe8; -} -img.bounceIn { - -webkit-animation-duration: 800ms; - -moz-animation-duration: 800ms; - animation-duration: 800ms; -} -.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; -} -ul.tag_input { - list-style: none; - background-color: #fff; - border: 1px solid #ccc; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; - padding: 0 0 9px 4px; -} -ul.tag_input li img { - margin: 0 5px 0 0; -} -.tag_input_field { - outline: none; - border: none !important; - padding: 5px 4px 0 !important; - width: 170px; - margin: 2px 0 0 !important; -} -.userInput, -.spaceInput { - background-color: #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; -} -/** - * Define or overwrite your theme variables here. - * - * Check for /humhub/less/variables.less for available variables. - * Note: You can also use/overwrite font-awesome and bootstrap variables, but note that this will only affect the humhub theme not the bootstrap itself. - * - * You can disable the import of humhub theme components by using variables of the format @prev-{component} e.g.: - * This will prevent comment.less component from beeing imported. - * @prev-comment: true; -**/ -/** - * Define your mixins within this file. -**/ -/** - * Define or overwrite your theme selectors within this 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}.heading{font-size:16px;font-weight:300;color:#555;background-color:white;border:none;padding:10px}.text-center{text-align:center !important}.text-break{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.img-rounded{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}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}h4{font-weight:300;font-size:150%}input[type=text],input[type=password],input[type=select]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.powered,.powered a{color:#b8c7d3 !important}.langSwitcher{display:inline-block}.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:normal}.topbar .dropdown-header:hover{color:#bebebe}#topbar-first{background-color:#708fa0;top:0;z-index:1030;color:white}#topbar-first .nav>li>a:hover,#topbar-first .nav>.open>a{background-color:#8fa7b4}#topbar-first .nav>.account{height:50px;margin-left:20px}#topbar-first .nav>.account img{margin-left:10px}#topbar-first .nav>.account .dropdown-toggle{padding:10px 5px 8px;line-height:1.1em;text-align:left}#topbar-first .nav>.account .dropdown-toggle span{font-size:12px}#topbar-first .topbar-brand{position:relative;z-index:2}#topbar-first .topbar-actions{position:relative;z-index:3}#topbar-first .notifications{position:absolute;left:0;right:0;text-align:center;z-index:1}#topbar-first .notifications .btn-group{position:relative;text-align:left}#topbar-first .notifications .btn-group>a{padding:5px 10px;margin:10px 2px;display:inline-block;border-radius:2px;text-decoration:none;text-align:left}#topbar-first .notifications .btn-group>.label{position:absolute;top:4px;right:-2px}#topbar-first .notifications .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:10px;content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff;z-index:1035}#topbar-first .notifications .arrow{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;z-index:1001;border-width:11px;left:50%;margin-left:-18px;border-top-width:0;border-bottom-color:rgba(0,0,0,0.15);top:-19px;z-index:1035}#topbar-first .notifications .dropdown-menu{width:350px;margin-left:-148px}#topbar-first .notifications .dropdown-menu ul.media-list{max-height:400px;overflow:auto}#topbar-first .notifications .dropdown-menu li{position:relative}#topbar-first .notifications .dropdown-menu li i.approval{position:absolute;left:2px;top:36px;font-size:14px}#topbar-first .notifications .dropdown-menu li i.accepted{color:#5cb85c}#topbar-first .notifications .dropdown-menu li i.declined{color:#d9534f}#topbar-first .notifications .dropdown-menu li .media{position:relative}#topbar-first .notifications .dropdown-menu li .media .img-space{position:absolute;top:14px;left:14px}#topbar-first .dropdown-footer{margin:10px 10px 5px}#topbar-first a{color:white}#topbar-first .caret{border-top-color:#bebebe}#topbar-first .btn-group>a{background-color:#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;padding:0}#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,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}#topbar-second .dropdown-menu{padding-top:0;padding-bottom:0}#topbar-second .dropdown-menu .divider{margin:0}#topbar-second #space-menu-dropdown,#topbar-second #search-menu-dropdown{width:400px}#topbar-second #space-menu-dropdown .media-list,#topbar-second #search-menu-dropdown .media-list{max-height:400px;overflow:auto}@media screen and (max-width:768px){#topbar-second #space-menu-dropdown .media-list,#topbar-second #search-menu-dropdown .media-list{max-height:200px}}#topbar-second #space-menu-dropdown form,#topbar-second #search-menu-dropdown form{margin:10px}#topbar-second #space-menu-dropdown .search-reset,#topbar-second #search-menu-dropdown .search-reset{position:absolute;color:#BFBFBF;margin:7px;top:0;right:40px;z-index:10;display:none;cursor:pointer}#topbar-second .nav>li>a{padding:6px 13px 0;text-decoration:none;text-shadow:none;font-weight:600;font-size:10px;text-transform:uppercase;text-align:center;min-height:49px}#topbar-second .nav>li>a:hover,#topbar-second .nav>li>a:active,#topbar-second .nav>li>a:focus{border-bottom:3px solid #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>ul>li>a{border-left:3px solid #fff;background-color:#fff;color:#555}#topbar-second .nav>li>ul>li>a:hover,#topbar-second .nav>li>ul>li>a.active{border-left:3px solid #6fdbe8;background-color:#f7f7f7;color:#555}#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 (max-width:767px){.topbar{padding-left:0;padding-right:0}}.login-container{background-color:#708fa0;background-image:linear-gradient(to right, #708fa0 0, #8fa7b4 50%, #8fa7b4 100%),linear-gradient(to right, #7f9baa 0, #bdcbd3 51%, #adbfc9 100%);background-size:100% 100%;position:relative;padding-top:40px}.login-container .text{color:#fff;font-size:12px;margin-bottom:15px}.login-container .text a{color:#fff;text-decoration:underline}.login-container .panel a{color:#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}.dropdown-menu li a{font-size:13px !important;font-weight:600 !important}.dropdown-menu li a i{margin-right:5px;font-size:14px;display:inline-block;width:14px}.dropdown-menu li a:hover,.dropdown-menu li a:visited,.dropdown-menu li a:hover,.dropdown-menu li a:focus{background:none;cursor:pointer}.dropdown-menu li:hover,.dropdown-menu li.selected{color:#555}.dropdown-menu li:first-child{margin-top:3px}.dropdown-menu li:last-child{margin-bottom:3px}.modal .dropdown-menu,.panel .dropdown-menu,.nav-tabs .dropdown-menu{border:1px solid #d7d7d7}.modal .dropdown-menu li.divider,.panel .dropdown-menu li.divider,.nav-tabs .dropdown-menu li.divider{background-color:#f7f7f7;border-bottom:none;margin:9px 1px !important}.modal .dropdown-menu li,.panel .dropdown-menu li,.nav-tabs .dropdown-menu li{border-left:3px solid white}.modal .dropdown-menu li a,.panel .dropdown-menu li a,.nav-tabs .dropdown-menu li a{color:#555;font-size:14px;font-weight:400;padding:4px 15px}.modal .dropdown-menu li a i,.panel .dropdown-menu li a i,.nav-tabs .dropdown-menu li a i{margin-right:5px}.modal .dropdown-menu li a:hover,.panel .dropdown-menu li a:hover,.nav-tabs .dropdown-menu li a:hover{background:none}.modal .dropdown-menu li:hover,.panel .dropdown-menu li:hover,.nav-tabs .dropdown-menu li:hover,.modal .dropdown-menu li.selected,.panel .dropdown-menu li.selected,.nav-tabs .dropdown-menu li.selected{border-left:3px solid #6fdbe8;background-color:#f7f7f7 !important}.media-list li{padding:10px;border-bottom:1px solid #eee;position:relative;border-left:3px solid white;font-size:12px}.media-list li a{color:#555}.media-list .badge-space-type{background-color:#f7f7f7;border:1px solid #d7d7d7;color:#b2b2b2;padding:3px 3px 2px 3px}.media-list li.new{border-left:3px solid #f3fcfd;background-color:#f3fcfd}.media-list li:hover,.media-list li.selected{background-color:#f7f7f7;border-left:3px solid #6fdbe8}.media-list li.placeholder{font-size:14px !important;border-bottom:none}.media-list li.placeholder:hover{background:none !important;border-left:3px solid white}.media-left,.media>.pull-left{padding-right:0;margin-right:10px}.media:after{content:'';clear:both;display:block}.media .time{font-size:11px;color:#bebebe}.media .img-space{position:absolute;top:35px;left:35px}.media .media-body{font-size:13px}.media .media-body h4.media-heading{font-size:14px;font-weight:500;color:#555}.media .media-body h4.media-heading a{color:#555}.media .media-body h4.media-heading small,.media .media-body h4.media-heading small a{font-size:11px;color:#bebebe}.media .media-body h4.media-heading .content{margin-right:35px}.media .media-body .content a{word-break:break-all}.media .media-body h5{color:#aeaeae;font-weight:300;margin-top:5px;margin-bottom:5px;min-height:15px}.media .media-body .module-controls{font-size:85%}.media .media-body .module-controls a{color:#6fdbe8}.media .content a{color:#6fdbe8}.media .content .files a{color:#555}.content span{overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.panel{border:none;background-color:#fff;box-shadow:0 0 3px #dadada;-webkit-box-shadow:0 0 3px #dadada;-moz-box-shadow:0 0 3px #dadada;border-radius:4px;position:relative}.panel h1{font-size:16px;font-weight:300;margin-top:0;color:#555}.panel .panel-heading{font-size:16px;font-weight:300;color:#555;background-color:white;border:none;padding:10px;border-radius:4px}.panel .panel-heading .heading-link{color:#6fdbe8 !important;font-size:.8em}.panel .panel-body{padding:10px;font-size:13px}.panel .panel-body p{color:#555}.panel .statistics .entry{margin-left:20px;font-size:12px}.panel .statistics .entry .count{color:#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 #97d271}.panel-success .panel-heading{color:#97d271}.panel-warning{border:2px solid #fdd198}.panel-warning .panel-heading{color:#fdd198}.panel.profile{position:relative}.panel.profile .controls{position:absolute;top:10px;right:10px}.panel.members .panel-body a img,.panel.groups .panel-body a img,.panel.follower .panel-body a img,.panel.spaces .panel-body a img{margin-bottom:5px}.panel-profile .panel-profile-header{position:relative;border:3px solid #fff;border-top-right-radius:3px;border-top-left-radius:3px}.panel-profile .panel-profile-header .img-profile-header-background{border-radius:3px;min-height:110px}.panel-profile .panel-profile-header .img-profile-data{position:absolute;height:100px;width:100%;bottom:0;left:0;padding-left:180px;padding-top:30px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;color:#fff;pointer-events:none;background:-moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,0,0,0.38) 100%);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)));background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,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,0.38) 100%);background:-ms-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0) 1%, rgba(0,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,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}.panel.pulse,.panel.fadeIn{-webkit-animation-duration:200ms;-moz-animation-duration:200ms;animation-duration:200ms}@media (max-width:767px){.panel-profile-controls{padding-left:0 !important;padding-top:50px}.panel-profile .panel-profile-header .img-profile-data h1{font-size:20px !important}}.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}.tab-sub-menu{padding-left:10px}.tab-sub-menu li>a:hover,.tab-sub-menu li>a:focus{background-color:#f7f7f7;border-bottom-color:#ddd}.tab-sub-menu li.active>a{background-color:#FFFFFF;border-bottom-color:transparent}.tab-menu{padding-top:10px;background-color:#FFFFFF}.tab-menu .nav-tabs{padding-left:10px}.tab-menu .nav-tabs li>a{padding-top:12px;border-color:#ddd;border-bottom:1px solid #ddd;background-color:#f7f7f7;max-height:41px;outline:none}.tab-menu .nav-tabs li>a:hover,.tab-menu .nav-tabs li>a:focus{padding-top:10px;border-top:3px solid #ddd}.tab-menu .nav-tabs li>a:hover{background-color:#f7f7f7}.tab-menu .nav-tabs li.active>a,.tab-menu .nav-tabs li.active>a:hover{padding-top:10px;border-top:3px solid #6fdbe8}.tab-menu .nav-tabs li.active>a{background-color:#FFFFFF;border-bottom-color:transparent}.nav-pills .dropdown-menu,.nav-tabs .dropdown-menu,.account .dropdown-menu{background-color:#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:white;font-weight:400;font-size:13px;padding:4px 15px}.nav-pills .dropdown-menu li a i,.nav-tabs .dropdown-menu li a i,.account .dropdown-menu li a i{margin-right:5px;font-size:14px;display:inline-block;width:14px}.nav-pills .dropdown-menu li a:hover,.nav-tabs .dropdown-menu li a:hover,.account .dropdown-menu li a:hover,.nav-pills .dropdown-menu li a:visited,.nav-tabs .dropdown-menu li a:visited,.account .dropdown-menu li a:visited,.nav-pills .dropdown-menu li a:hover,.nav-tabs .dropdown-menu li a:hover,.account .dropdown-menu li a:hover,.nav-pills .dropdown-menu li a:focus,.nav-tabs .dropdown-menu li a:focus,.account .dropdown-menu li a:focus{background:none}.nav-pills .dropdown-menu li:hover,.nav-tabs .dropdown-menu li:hover,.account .dropdown-menu li:hover,.nav-pills .dropdown-menu li.selected,.nav-tabs .dropdown-menu li.selected,.account .dropdown-menu li.selected{border-left:3px solid #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}.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:white}.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}@media (max-width:991px){.controls-header{text-align:left !important}}.btn{float:none;border:none;-webkit-box-shadow:none;box-shadow:none;-moz-box-shadow:none;background-image:none;text-shadow:none;border-radius:3px;outline:none !important;margin-bottom:0;font-size:14px;font-weight:600;padding:8px 16px}.input.btn{outline:none}.btn-lg{padding:16px 28px}.btn-sm{padding:4px 8px;font-size:12px}.btn-sm i{font-size:14px}.btn-xs{padding:1px 5px;font-size:12px}.btn-default{background:#ededed;color:#7a7a7a !important}.btn-default:hover,.btn-default:focus{background:#e8e8e8;text-decoration:none;color:#7a7a7a}.btn-default:active,.btn-default.active{outline:0;background:#e0e0e0}.btn-default[disabled],.btn-default.disabled{background:#f2f2f2}.btn-default[disabled]:hover,.btn-default.disabled:hover,.btn-default[disabled]:focus,.btn-default.disabled:focus{background:#f2f2f2}.btn-default[disabled]:active,.btn-default.disabled:active,.btn-default[disabled].active,.btn-default.disabled.active{background:#f2f2f2}.btn-primary{background:#708fa0;color:white !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:white !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:white !important}.btn-danger:hover,.btn-danger:focus{background:#ff6f6f;text-decoration:none}.btn-danger:active,.btn-danger.active{outline:0;background:#ff6f6f !important}.btn-danger[disabled],.btn-danger.disabled{background:#ffa3a3}.btn-danger[disabled]:hover,.btn-danger.disabled:hover,.btn-danger[disabled]:focus,.btn-danger.disabled:focus{background:#ffa3a3}.btn-danger[disabled]:active,.btn-danger.disabled:active,.btn-danger[disabled].active,.btn-danger.disabled.active{background:#ffa3a3 !important}.btn-success{background:#97d271;color:white !important}.btn-success:hover,.btn-success:focus{background:#89cc5e;text-decoration:none}.btn-success:active,.btn-success.active{outline:0;background:#89cc5e !important}.btn-success[disabled],.btn-success.disabled{background:#a5d884}.btn-success[disabled]:hover,.btn-success.disabled:hover,.btn-success[disabled]:focus,.btn-success.disabled:focus{background:#a5d884}.btn-success[disabled]:active,.btn-success.disabled:active,.btn-success[disabled].active,.btn-success.disabled.active{background:#a5d884 !important}.btn-warning{background:#fdd198;color:white !important}.btn-warning:hover,.btn-warning:focus{background:#fdcd8e;text-decoration:none}.btn-warning:active,.btn-warning.active{outline:0;background:#fdcd8e !important}.btn-warning[disabled],.btn-warning.disabled{background:#fddcb1}.btn-warning[disabled]:hover,.btn-warning.disabled:hover,.btn-warning[disabled]:focus,.btn-warning.disabled:focus{background:#fddcb1}.btn-warning[disabled]:active,.btn-warning.disabled:active,.btn-warning[disabled].active,.btn-warning.disabled.active{background:#fddcb1 !important}.radio,.checkbox{margin-top:5px !important;margin-bottom:0}.radio label,.checkbox label{padding-left:10px}.form-control{border:2px solid #ededed;box-shadow:none}.form-control:focus{border:2px solid #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;height:1.5em}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("../img/select_arrow.png") !important;background-repeat:no-repeat;background-position:right 13px;overflow:hidden}label{font-weight:normal}label.control-label{font-weight:bold}::-webkit-input-placeholder{color:#bebebe !important}::-moz-placeholder{color:#bebebe !important}:-ms-input-placeholder{color:#bebebe !important}input:-moz-placeholder{color:#bebebe !important}.placeholder{padding:10px}input.placeholder,textarea.placeholder{padding:0 0 0 10px;color:#999}.help-block-error{font-size:12px}.help-block:not(.help-block-error){color:#aeaeae !important;font-size:12px}.help-block:not(.help-block-error):hover{color:#7a7a7a !important;font-size:12px}.input-group-addon{border:none}.label{text-transform:uppercase}.label{text-transform:uppercase;display:inline-block;padding:3px 5px 4px;font-weight:600;font-size:10px !important;color:white !important;vertical-align:baseline;white-space:nowrap;text-shadow:none}.label-default{background:#ededed;color:#7a7a7a !important}a.label-default:hover{background:#e0e0e0 !important}.label-info{background-color:#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}.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:white}.regular-checkbox-box.disabled{background:#d7d7d7 !important;border:2px solid #d7d7d7 !important;cursor:not-allowed}.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}.regular-radio.disabled{background:#d7d7d7 !important;border:2px solid #d7d7d7 !important;cursor:not-allowed}.errorMessage{color:#ff8989;padding:10px 0}.error{border-color:#ff8989 !important}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#ff8989 !important}.has-error .form-control,.has-error .form-control:focus{border-color:#ff8989;-webkit-box-shadow:none;box-shadow:none}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#97d271}.has-success .form-control,.has-success .form-control:focus{border-color:#97d271;-webkit-box-shadow:none;box-shadow:none}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#fdd198}.has-warning .form-control,.has-warning .form-control:focus{border-color:#fdd198;-webkit-box-shadow:none;box-shadow:none}#notification_overview_filter label{display:block}#notification_overview_list .img-space{position:absolute;top:25px;left:25px}@media (max-width:767px){.notifications{position:inherit !important;float:left !important}.notifications .dropdown-menu{width:300px !important;margin-left:0 !important}.notifications .dropdown-menu .arrow{margin-left:-142px !important}}.badge-space{margin-top:6px}.badge-space-chooser{padding:3px 5px;margin-left:1px}.badge{padding:3px 5px;border-radius:2px;font-weight:normal;font-family:Arial,sans-serif;font-size:10px !important;text-transform:uppercase;color:#fff;vertical-align:baseline;white-space:nowrap;text-shadow:none;background-color:#d7d7d7;line-height:1}.popover{border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175)}.popover .popover-title{background:none;border-bottom:none;color:#555;font-weight:300;font-size:16px;padding:15px}.popover .popover-content{font-size:13px;padding:5px 15px;color:#555}.popover .popover-content a{color:#6fdbe8}.popover .popover-navigation{padding:15px}.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 (max-width:991px){.list-group{margin-left:4px}.list-group-item{display:inline-block !important;border-radius:3px !important;margin:4px 0;margin-bottom:4px !important}.list-group-item{border:none !important}a.list-group-item:hover,a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{border:none !important;background:#708fa0 !important;color:#fff !important}}@media screen and (max-width:768px){.modal-dialog{width:auto !important;padding-top:30px;padding-bottom:30px}}.modal-top{z-index:999999 !important}.modal-open{overflow:visible}.modal{overflow-y:visible}.modal-dialog-extra-small{width:400px}.modal-dialog-small{width:500px}.modal-dialog-normal{width:600px}.modal-dialog-medium{width:768px}.modal-dialog-large{width:900px}@media screen and (max-width:920px){.modal-dialog-large{width:auto !important;padding-top:30px;padding-bottom:30px}}.modal{border:none}.modal h1,.modal h2,.modal h3,.modal h4,.modal h5{margin-top:20px;color:#555;font-weight:300}.modal h4.media-heading{margin-top:0}.modal-title{font-size:20px;font-weight:200;color:#555}.modal-dialog,.modal-content{min-width:150px}.modal-content{-webkit-border-radius:3px;-moz-border-radius:3px;box-shadow:0 2px 26px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 26px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.1);-moz-box-shadow:0 2px 26px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.1);border:none}.modal-content .modal-header{padding:20px 20px 0;border-bottom:none;text-align:center}.modal-content .modal-header .close{margin-top:2px;margin-right:5px}.modal-content .modal-body{padding:20px;font-size:13px}.modal-content .modal-footer{margin-top:0;text-align:left;padding:10px 20px 30px;border-top:none;text-align:center}.modal-content .modal-footer hr{margin-top:0}.modal-backdrop{background-color:rgba(0,0,0,0.5)}.modal-dialog.fadeIn,.modal-dialog.pulse{-webkit-animation-duration:200ms;-moz-animation-duration:200ms;animation-duration:200ms}.module-installed{opacity:.5}.module-installed .label-success{background-color:#d7d7d7}.tooltip-inner{background-color:#708fa0;max-width:400px;text-align:left;font-weight:300;padding:2px 8px 4px;font-weight:bold;white-space:pre-wrap}.tooltip.top .tooltip-arrow{border-top-color:#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)}.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}#nprogress .bar{height:2px;background:#6fdbe8}table{margin-bottom:0 !important}table th{font-size:11px;color:#bebebe;font-weight:normal}table thead tr th{border:none !important}table .time{font-size:12px}table td a:hover{color:#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:10px 10px 10px 0}.table>thead>tr>th select,.table>tbody>tr>th select,.table>tfoot>tr>th select,.table>thead>tr>td select,.table>tbody>tr>td select,.table>tfoot>tr>td select{font-size:12px;padding:4px 8px;height:30px;margin:0}.table-middle>thead>tr>th,.table-middle>tbody>tr>th,.table-middle>tfoot>tr>th,.table-middle>thead>tr>td,.table-middle>tbody>tr>td,.table-middle>tfoot>tr>td{vertical-align:middle !important}.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 .media-body{overflow:visible}.comment.guest-mode .media:last-child .wall-entry-controls{margin-bottom:0}.comment.guest-mode .media:last-child hr{display:none}.comment .jp-progress{background-color:#dbdcdd !important}.comment .jp-play-bar{background:#cacaca}.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:bold !important}.grid-view table td{vertical-align:middle !important}.grid-view table tr{font-size:13px !important}.grid-view table thead tr th:first-of-type{padding-left:5px}.grid-view table tbody tr{height:50px}.grid-view table tbody tr td:first-of-type{padding-left:5px}.grid-view .summary{font-size:12px;color:#bac2c7}.oembed_snippet{margin-top:10px;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}.contentForm_options{margin-top:10px;min-height:29px}.contentForm_options .btn_container{position:relative}.contentForm_options .btn_container .label-public{position:absolute;right:40px;top:11px}#contentFormError{color:#ff8989;padding-left:0;list-style:none}.placeholder-empty-stream{background-image:url("../img/placeholder-postform-arrow.png");background-repeat:no-repeat;padding:37px 0 0 70px;margin-left:90px}.wall-entry{position:relative}.wall-entry .media{overflow:visible}.wall-entry .well{margin-bottom:0}.wall-entry .well .comment .show-all-link{font-size:12px;cursor:pointer}.wall-entry-controls{display:inline-block}.wall-entry-controls,.wall-entry-controls a{font-size:11px;color:#aeaeae;margin-top:10px;margin-bottom:0}.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}.stream-entry-loader{float:right;margin-top:5px}.load-suppressed{margin-bottom:5px}.load-suppressed a{display:inline-block;background-color:white;padding:5px;border-radius:4px;border:1px solid #ddd;font-size:11px}.space-owner{text-align:center;margin:14px 0;font-size:13px;color:#999}.space-member-sign{color:#97d271;position:absolute;top:42px;left:42px;font-size:16px;background:#fff;width:24px;height:24px;padding:2px 3px 1px 4px;border-radius:50px;border:2px solid #97d271}#space-menu-dropdown i.type{font-size:16px;color:#BFBFBF}#space-menu-spaces [data-space-chooser-item]{cursor:pointer}#space-menu-dropdown .input-group-addon{border-radius:0 4px 4px 0}#space-menu-dropdown .input-group-addon.focus{border-radius:0 4px 4px 0;border:2px solid #6fdbe8;border-left:0}#space-menu-search{border-right:0}#space-directory-link i{margin-right:0}.space-acronym{color:#fff;text-align:center;display:inline-block}.current-space-image{margin-right:3px;margin-top:3px}@media (max-width:767px){#space-menu>.title{display:none}#space-menu-dropdown{width:300px !important}}.files,#postFormFiles_list{padding-left:0}.contentForm-upload-list{padding-left:0}.contentForm-upload-list li:first-child{margin-top:10px}.file_upload_remove_link,.file_upload_remove_link:hover{color:#ff8989;cursor:pointer}.post-files{margin-top:10px}.post-files img{vertical-align:top;margin-bottom:3px;margin-right:5px;max-height:130px;-webkit-animation-duration:2s;animation-duration:2s}#wallStream.mobile .post-files{margin-top:10px;display:flex;overflow-x:auto}#wallStream.mobile .post-files img{max-width:190px}.comment_create,.content_edit{position:relative}.comment_create .comment-buttons,.content_edit .comment-buttons{position:absolute;top:2px;right:5px}.comment_create .btn-comment-submit,.content_edit .btn-comment-submit{margin-top:3px}.comment_create .fileinput-button,.content_edit .fileinput-button{float:left;padding:6px 10px;background:transparent !important}.comment_create .fileinput-button .fa,.content_edit .fileinput-button .fa{color:#d7d7d7}.comment_create .fileinput-button:hover .fa,.content_edit .fileinput-button:hover .fa{background:transparent !important;color:#b2b2b2}.comment_create .fileinput-button:active,.content_edit .fileinput-button:active{box-shadow:none !important}.file-preview-content{cursor:pointer}.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}.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")}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}.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}.sk-spinner-three-bounce.sk-spinner{margin:0 auto;width:70px;text-align:center}.loader{padding:30px 0}.loader .sk-spinner-three-bounce div,.loader .sk-spinner-three-bounce span{width:12px;height:12px;background-color:#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:-0.32s;animation-delay:-0.32s}.loader .sk-spinner-three-bounce .sk-bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-threeBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-threeBounceDelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.loader-modal{padding:8px 0}.loader-postform{padding:9px 0}.loader-postform .sk-spinner-three-bounce.sk-spinner{text-align:left;margin:0}.markdown-render h1,.markdown-render h2,.markdown-render h3,.markdown-render h4,.markdown-render h5,.markdown-render h6{font-weight:bold !important}.markdown-render h1{font-size:28px !important}.markdown-render h2{font-size:24px !important}.markdown-render h3{font-size:18px !important}.markdown-render h4{font-size:16px !important}.markdown-render h5{font-size:14px !important}.markdown-render h6{color:#999;font-size:14px !important}.markdown-render pre{padding:0;border:none;border-radius:3px}.markdown-render pre code{padding:10px;border-radius:3px;font-size:12px !important}.markdown-render a,.markdown-render a:visited{background-color:inherit;text-decoration:none;color:#6fdbe8 !important}.markdown-render img{max-width:100%;display:table-cell !important}.markdown-render table{width:100%}.markdown-render table th{font-size:13px;font-weight:700;color:#555}.markdown-render table thead tr{border-bottom:1px solid #d7d7d7}.markdown-render table tbody tr td,.markdown-render table thead tr th{border:1px solid #d7d7d7 !important;padding:4px}.md-editor.active{border:2px solid #6fdbe8 !important}.md-editor textarea{padding:10px !important}[data-ui-markdown]{word-break:break-all}[data-ui-markdown] h1,[data-ui-markdown] h2,[data-ui-markdown] h3,[data-ui-markdown] h4,[data-ui-markdown] h5,[data-ui-markdown] h6{margin:0 0 1em 0;text-align:start}[data-ui-markdown] h1{font-size:2.6em !important}[data-ui-markdown] h2{font-size:2.15em !important}[data-ui-markdown] h3{font-size:1.7em !important}[data-ui-markdown] h4{font-size:1.25em !important}[data-ui-markdown] h5{font-size:1em !important}[data-ui-markdown] h6{font-size:.85em !important}[data-ui-markdown] p,[data-ui-markdown] pre,[data-ui-markdown] blockquote{margin:0 0 1.1em}[data-ui-markdown] blockquote{border-left-width:10px;background-color:rgba(128,128,128,0.05);border-top-right-radius:5px;border-bottom-right-radius:5px;padding:15px 20px;font-size:1em;border-left:5px solid #888888}[data-ui-markdown] table{margin-bottom:20px;max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}[data-ui-markdown] table caption+thead tr:first-child th,[data-ui-markdown] table caption+thead tr:first-child td,[data-ui-markdown] table colgroup+thead tr:first-child th,[data-ui-markdown] table colgroup+thead tr:first-child td,[data-ui-markdown] table thead:first-child tr:first-child th,[data-ui-markdown] table thead:first-child tr:first-child td{border-top:0}[data-ui-markdown] table thead th{vertical-align:bottom}[data-ui-markdown] table th{font-weight:bold;text-align:left}[data-ui-markdown] table th,[data-ui-markdown] table td{padding:8px;line-height:20px;vertical-align:top;border-top:1px solid #ddd}[data-ui-markdown] dt,[data-ui-markdown] dd{margin-top:5px;margin-bottom:5px;line-height:1.45}[data-ui-markdown] dt{font-weight:bold}[data-ui-markdown] dd{margin-left:40px}[data-ui-markdown] pre{text-align:start;border:0;padding:10px 20px;border-radius:5px}[data-ui-markdown] pre code{white-space:pre !important}[data-ui-markdown] blockquote ul:last-child,[data-ui-markdown] blockquote ol:last-child{margin-bottom:0}[data-ui-markdown] ul,[data-ui-markdown] ol{margin-top:0;margin-bottom:10.5px}[data-ui-markdown] .footnote{vertical-align:top;position:relative;top:-0.5em;font-size:.8em}blockquote{border-left:2px dotted #888;padding-left:5px;background:#d0f0ff}.wmd-panel{min-width:500px}.wmd-button-bar{width:100%;background-color:Silver}.wmd-input{height:300px;width:100%;background-color:Gainsboro;border:1px solid DarkGray}.wmd-button-row{position:relative;margin-left:5px;margin-right:5px;margin-bottom:5px;margin-top:10px;padding:0;height:20px}.wmd-spacer{width:1px;height:20px;margin-left:14px;position:absolute;background-color:Silver;display:inline-block;list-style:none}.wmd-button{width:20px;height:20px;padding-left:2px;padding-right:3px;position:absolute;display:inline-block;list-style:none;cursor:pointer}.wmd-button>span{background-image:url(../img/wmd-buttons.png);background-repeat:no-repeat;background-position:0 0;width:20px;height:20px;display:inline-block}.wmd-spacer1{left:50px}.wmd-spacer2{left:175px}.wmd-spacer3{left:300px}.wmd-prompt-background{background-color:Black}.wmd-prompt-dialog{border:1px solid #999999;background-color:#F5F5F5}.wmd-prompt-dialog>div{font-size:.8em;font-family:arial,helvetica,sans-serif}.wmd-prompt-dialog>form>input[type="text"]{border:1px solid #999999;color:black}.wmd-prompt-dialog>form>input[type="button"]{border:1px solid #888888;font-family:trebuchet MS,helvetica,sans-serif;font-size:.8em;font-weight:bold}@media (max-width:991px){.layout-sidebar-container{display:none}}.ui-widget-header{border:none !important;background:#fff !important;color:#7a7a7a !important;font-weight:300 !important}.ui-widget-content{border:1px solid #dddcda !important;border-radius:0 !important;background:#fff;color:#555 !important;-webkit-box-shadow:0 6px 6px rgba(0,0,0,0.1);box-shadow:0 6px 6px rgba(0,0,0,0.1)}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{opacity:.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}.status-bar-body{color:white;position:fixed;width:100%;background-color:rgba(0,0,0,0.7);text-align:center;padding:20px;z-index:9999999;bottom:0;display:block;line-height:20px}.status-bar-close{color:white;fonfont-weight:bold;font-size:21px;cursor:pointer}.status-bar-close:hover{color:white}.status-bar-close i{vertical-align:top !important;padding-top:3px}.status-bar-content i{margin-right:10px;font-size:21px;vertical-align:middle}.status-bar-content .showMore{color:#6fdbe8;float:right;margin-left:10px;font-size:.7em;cursor:pointer;vertical-align:middle;white-space:nowrap}.status-bar-content .status-bar-details{text-align:left;font-size:.7em;margin-top:20px;max-height:200px;overflow:auto}.status-bar-content span{vertical-align:middle}.status-bar-content i.error,.status-bar-content i.fatal{color:#ff8989}.status-bar-content i.warning{color:#fdd198}.status-bar-content i.info,.status-bar-content i.debug{color:#6fdbe8}.status-bar-content i.success{color:#85CA2B}.highlight{background-color:#fff8e0}.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}.data-saved{padding-left:10px;color:#6fdbe8}img.bounceIn{-webkit-animation-duration:800ms;-moz-animation-duration:800ms;animation-duration:800ms}.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}ul.tag_input{list-style:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .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:none;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} \ No newline at end of file
getTitle(); ?>
getTitle() ?> @@ -27,10 +27,11 @@ use yii\bootstrap\Html getDescription() ?>