updater.js

/* This is the main styling for groups  */

var updater = function() {
	$("body").append("<style>.full-width-container { padding-bottom: 2.5em; background: #f5f5f5; font-family: DINRoundOT-Light; } .header-gray.group-cover { background-color: #e6e7e8; } div.accessory-links a.groups-faq, div.accessory-links a.browse-groups { font-size: 15px; color: #59A1C7; } div.accessory-links a.groups-faq:hover, div.accessory-links a.browse-groups:hover { color: #1F3F58; } div.accessory-links a.browse-groups span.icon-page-jump { display: none; } .group-cover .group-name { font-size: 30px; } .group-cover .group-name span.accessiblity-icon { top: 12px; } body.groups .tabs { width: 900px; } body.groups .tabs-content { width: 880px; } body.groups .side-right { width: 240px; } .tabs a.tab.active { border-color: #59A1C7; } .tabs a.tab { height: 24px; } .tabs .count { background: #59A1C7; border-radius: 0; padding: 4px 7.5px; font-size: 12px; } .blue-label { background: #f65a5b; border-radius: 0; } #group-content, ul.discussion-items { background-color: #f5f5f5; } ul.discussion-items { border: 0 none; } ul.discussion-items li { border-top: 0 none; margin-bottom: 1px; } .discussion-item .icon-corner-pinned { top: 0; } ul.discussion-items li a { background-color: white; } ul.discussion-items li:hover a { background-color: #39D1B4; } .discussion-item .discussion-name { font-size: 17px; font-family: DINRoundOT-Light; } ul.discussion-items li:hover a .cell-body p { color: white; } ul.discussion-items li a .cell-body .timestamp { font-size: 14px; } ul.discussion-items li:hover a .cell-body .timestamp { color: whitesmoke; } div.discussion-items-container ul.discussion-items { border-radius: 0; } .discussion-item .discussion-count-bubble { padding: 5px; border-radius: 0; top: 25px; background: #e6e7e8; color: #1F3F58; } .icon-corner-pinned { position: absolute; width: 10px; background: #59A1C7; height: 70px; top: 0; left: 0; } .avatar.border { border-radius: 1000px; border: 0 none; padding: 0; } .group-cover .cover-image-container .group-image, .group-cover .cover-image-container { border-radius: 1000px; border: 0 none; } .cc-pagination { border: 0 none !important; background-color: #f5f5f5 !important; box-shadow: none !important; } .cc-pagination .previous, .cc-pagination .next, .cc-pagination .disabled { background-color: #f5f5f5 !important; background-image: none !important; } .cc-pagination a.active { border: 0 none !important; background: none !important; color: #39D1B4 !important; } .cc-pagination a:hover { border: 0 none !important; color: #39D1B4 !important; } div.side-right.discussions-sidebar .cell:first-child { background-color: #1F3F58; height: 15px; width: 185px; margin-left: 20px; } div.side-right.discussions-sidebar .cell:first-child a { background: #1F3F58; width: 225px; height: 20px; padding: 0; color: white; border: 0 none; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 13.5px; border-radius: 0; position: absolute; top: 0; left: 0; } div.side-right.discussions-sidebar .cell:first-child:hover a { background: #59A1C7; } div.side-right.discussions-sidebar .cell:first-child span.icon-plus { top: 5px; } div.side-right.discussions-sidebar .cell:nth-child(2) { border-top: 0 none; padding: 1px 0 5px 5px; margin-bottom: 10px; } div.side-right.discussions-sidebar .cell:nth-child(2) input.discussions-search.search-input { border-radius: 0; width: 225px;	text-align: center;	margin-left: 15px; margin-top: 5px; } div.side-right.discussions-sidebar .cell:nth-child(2) input.discussions-search.search-input:focus { border-color: #59A1C7; } div.side-right.discussions-sidebar .cell:nth-child(3),div.side-right.about-sidebar .cell:nth-child(2) li { border-top: 0 none; max-height: 650px; overflow-y: auto; width: 240px; padding-top: 0; } div.side-right.discussions-sidebar .cell:nth-child(3) .user-card,div.side-right.about-sidebar .cell:nth-child(2) li { background: white;	width: 225px; height: 40px; } div.side-right.discussions-sidebar .cell:nth-child(3) .user-card:hover, div.side-right.about-sidebar .cell:nth-child(2) li:hover { background: #f65a5b; } div.side-right.discussions-sidebar .cell:nth-child(3) .user-card:hover .cell-body a.name, div.side-right.about-sidebar .cell:nth-child(2) li:hover a.name {	color: white; } div.side-right.discussions-sidebar .cell:nth-child(3) .user-card:hover .cell-body span.user-points { color: whitesmoke; } div.side-right.discussions-sidebar .cell:nth-child(3) .user-card a.cell-image.avatar { width: 225px; height: 40px; background: white transparent;	position: absolute;	background: rgba(255, 255, 255, 0);	z-index: 1; } div.side-right.discussions-sidebar .cell:nth-child(3) .user-card a.cell-image.avatar img, div.side-right.about-sidebar .cell:nth-child(2) li a img.avatar { border-radius: 1000px; width: 33px; height: 33px; margin: 2.5px 2.5px 0 10px; } div.side-right.discussions-sidebar .cell:nth-child(3) .user-card div.cell-body,div.side-right.about-sidebar .cell:nth-child(2) li a.name { height: 100%; text-align: center; margin-left: 38px; } div.side-right.discussions-sidebar .cell:nth-child(3) .user-card div.cell-body a.name,div.side-right.about-sidebar .cell:nth-child(2) li a.name { color: #204056; width: 100%; font-size: 15px; margin-top: 2.5px; } div.side-right.discussions-sidebar .cell:nth-child(3) .user-card div.cell-body span.user-points { color: #59A1C7; border: 0 none; padding: 0; background: none; } span.user-points:before { display: none; } div.side-right.discussions-sidebar .cell:nth-child(3) .moderators-sidebar-header ~ .user-card, div.side-right.about-sidebar .cell:nth-child(2) li { height: 30px;	margin-top: 1px; } div.side-right.discussions-sidebar .cell:nth-child(3) .moderators-sidebar-header ~ .user-card a.cell-image.avatar { height: 30px; } div.side-right.discussions-sidebar .cell:nth-child(3) .moderators-sidebar-header ~ .user-card a.cell-image.avatar img, div.side-right.about-sidebar .cell:nth-child(2) li a img.avatar { width: 25px; height: 25px; margin: 2px 0 2px 7.5px; } div.side-right.discussions-sidebar .cell:nth-child(3) .moderators-sidebar-header ~ .user-card div.cell-body a.name, div.side-right.about-sidebar .cell:nth-child(2) li a.name { margin-top: 5px; font-size: 13px; } div.side-right.discussions-sidebar .cell:nth-child(3) .moderators-sidebar-header ~ .user-card div.cell-body span.user-points { display: none; } body.groups .side-left h4, body.groups .side-right h4 { font-size: 15px; margin-bottom: 7.5px; } div.side-right ::-webkit-scrollbar { width: 10px; } div.side-right ::-webkit-scrollbar-track { background-color: #f5f5f5; } div.side-right ::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #e6e7e8; } div.side-right ::-webkit-scrollbar-button { height: 10px; width: 10px; background: #cfcfd0; display: none; } div.tabs-content.cf div.discussions-sidebar.side-right div.cell div.cell-image { display: none; } div.tabs-content.cf div.discussions-sidebar.side-right div.cell:first-child div.cell-body { position: initial; } div.tabs-content.cf div.discussions-sidebar.side-right div.cell:first-child div.cell-body > h4, div.tabs-content.cf div.discussions-sidebar.side-right div.cell:nth-child(2) div.cell-body > h4 { display: none; } div.tabs-content.cf div.discussions-sidebar.side-right div.cell:nth-child(2) div.cell-body { width: 240px; } div.tabs-content.cf div.discussions-sidebar.side-right div.cell:nth-child(2) div.cell-body a.bttn { background: #1F3F58;	width: 225px; height: 20px; padding: 0;	color: white; border: 0 none; padding-top: 7.5px; padding-bottom: 7.5px; font-size: 13.5px;	border-radius: 0; margin-left: 15px; } div.tabs-content.cf div.discussions-sidebar.side-right div.cell:nth-child(2) div.cell-body a.bttn:hover { background: #f65a5b; } div.tabs-content.cf div.discussions-sidebar.side-right div.cell:nth-child(3) > a { display: inline-block; height: 40px; width: 40px; } div.tabs-content.cf div.discussions-sidebar.side-right div.cell:nth-child(3) > a:hover { background: #39D1B4; } div.tabs-content.cf div.discussions-sidebar.side-right div.cell:nth-child(3) > a > img.avatar { border-radius: 1000px; margin: 2.5px; padding: 0; } div.discussions.main-left div.discussion-entry div.entry-container { border-radius: 0; background: white; } div.discussions.main-left div.discussion-entry div.entry-container div.user-info { margin: 15px 0; } div.discussions.main-left div.discussion-entry div.entry-container div.user-info a.username { font-size: 17.5px; } div.discussions.main-left div.discussion-entry div.entry-container a.avatar, li.response-item div.response-entry div.entry-container a.avatar, div.comments-container ul.comments-list li.comment-item a.avatar { padding: 0; } div.discussions.main-left div.discussion-entry div.entry-container a.avatar img,li.response-item div.response-entry div.entry-container a.avatar img, div.comments-container ul.comments-list li.comment-item a.avatar img, div.discussions.main-left div.discussion-entry div.entry-container a.avatar, li.response-item div.response-entry div.entry-container a.avatar, div.comments-container ul.comments-list li.comment-item a.avatar { border-radius: 1000px; padding: 0; } div.discussions.main-left div.discussion-entry div.entry-container div.user-info p, div.response-entry div.entry-container div.cell-body div.user-info  p { display: inline-block; } div.discussions.main-left div.discussion-entry div.entry-container div.user-info p span.user-points, div.response-entry div.entry-container div.cell-body div.user-info  span.user-points { color: #59A1C7; border: 0 none; padding: 0; background: none; padding-left: 10px; } div.discussions.main-left div.discussion-entry div.entry-container div.user-info p span.user-points:before, div.response-entry div.entry-container div.cell-body div.user-info span.user-points:before { display: block; background-color: #59A1C7; } li.response-item div.response-entry div.entry-container div.cell-body div.user-info a { font-size: 16px; } li.response-item p { font-size: 15px; font-family: DINRoundOT-Light; } li.response-item div.comments-container ul.comments-list li.comment-item a.username { font-size: 13px;	padding-right: 5px; } li.response-item div.comments-container a.view-more {	text-align: center;	color: #1F3F58; font-weight: bold; background: #e6e7e8;	padding: 2.5px; } li.response-item div.comments-container a.view-more:hover { color: white !important; background: #59A1C7; } li.response-item div.comments-container { border: 0 none; border-radius: 0; } div.comments-container:before, .comments-container:after { border-bottom-color: rgba(222, 222, 222, 0);	bottom: 0; } li.response-item div.comments-container ul.comments-list { margin: 0; } li.response-item div.comments-container ul.comments-list li.comment-item { margin: 0; padding: 10px; border-bottom: 1px solid #f5f5f5; } body.groups div.comments-new { background: #e6e7e8; border-top: 1px solid #d2d2d2; margin: 0;	text-align: center;	padding: 2.5px; } body.groups div.comments-new:hover { background: #39D1B4; } body.groups div.comments-new:hover a.expand-prompt { color: white !important; } body.groups div.comments-new a.expand-prompt { color: #1F3F58; } body.groups div.comments-new a.expand-prompt span.icon-comment-bubble { display: none; } body.groups div.comments-new.expanded { background: #e6e7e8; } body.groups div.comments-new.expanded { background: #e6e7e8; padding: 10px; } body.groups div.comments-new.expanded img { border-radius: 1000px; } body.groups div.comments-new.expanded div.cell-body textarea { width: 100%; max-width: 100%; font-family: 'DINRoundOT-Light'; } body.groups div.comments-new.expanded div.cell-body textarea:focus { border-color: #59A1C7; } body.groups div.comments-new.expanded div.cell-body button.create-comment { font-family: 'DINRoundOT-Light'; background: #1F3F58; padding: 5px 0; color: white;	border: 0 none;	border-radius: 0; } body.groups div.comments-new.expanded div.cell-body button.create-comment:hover { background: #59A1C7; } div.modal-content div.confirm-modal { border-radius: 0; font-family: DINRoundOT-Light; height: 80px; } div.modal-content div.confirm-modal div.message { margin-top: -5px; } div.modal-content div.confirm-modal div.footer { width: 400px; position: absolute; left: 0;	bottom: 0; background: #1F3F58; } div.modal-content div.confirm-modal div.footer a { width: 199px; padding: 5px 0; border: 0 none; border-radius: 0; float: left; background: #1F3F58; color: white; border-right: 1px solid white; } div.modal-content div.confirm-modal div.footer a.yes { width: 50%; border-right: 0; } div.modal-content div.confirm-modal div.footer a.yes:hover { background: #f65a5b; } div.modal-content div.confirm-modal div.footer a.no:hover {	background: #39D1B4; } div.entry-editor { border-radius: 0; } div.entry-editor div.editor-main { text-align: center; } div.entry-editor div.editor-main img.avatar { margin-left: -10px; margin-top: -12.5px; } div.entry-editor div.editor-main div.cell-body div.wmd-panel #wmd-button-bar { margin-left: auto; margin-right: auto; width: 375px; } div.entry-editor div.editor-main div.cell-body div.wmd-panel textarea.entry-field { font-family: DINRoundOT-Light; max-width: 528px; height: 110px; width: 541px; } div.entry-editor div.editor-main div.cell-body textarea:focus { border-color: #59A1C7; } div.entry-editor div.editor-main div.cell-body input { font-family: DINRoundOT-Light; } div.entry-editor div.editor-main div.cell-body input:focus { border-color: #59A1C7; } div.entry-editor div.editor-main div.cell-body div.controls { text-align: center; } div.entry-editor div.editor-main div.cell-body div.controls button { border: 0 none; font-family: DINRoundOT-Light; border-radius: 0; background: #1F3F58; } div.entry-editor div.editor-main div.cell-body div.controls button:hover { background: #39D1B4; } div.entry-editor div.editor-main div.cell-body div.controls span.cancel-content { font-family: DINRoundOT-Light; } div.entry-editor div.editor-main div.cell-body div.controls span.cancel-content a.cancel { border: 0 none; border-radius: 0;	color: white; font-weight: bold; background: #1F3F58; font-size: 12px; padding: 5px 16px 8px 17px; } div.entry-editor div.editor-main div.cell-body div.controls span.cancel-content a.cancel:hover { background: #f65a5b; } div.entry-editor p.entry-preview-heading  { font-family: DINRoundOT-Light;	font-size: 13px; background: #f5f5f5; border-color: #e6e7e8; margin-bottom: 0; } div.entry-editor p.entry-preview-heading a.markdown-modal-trigger { color: #59A1C7; } div.entry-editor p.entry-preview-heading a.markdown-modal-trigger:hover { color: #1F3F58; } .entry-container .edit-entry { border: 0 none; background: none; opacity: 0.5; } .entry-container .edit-entry:hover { opacity: 1; background: none; } div.cover-image-container form.edit-group-image { width: 100%; height: 100%; top: 0; margin: 0; } div.cover-image-container form.edit-group-image a.upload-btn { margin-left: 15px; background: #f5f5f5; padding-right: 0; } div.container div.tabs-content div.activity-side-left { display: none; } div.container div.tabs-content div.main-right.feed-container { border: none;	width: 700px; float: none; margin-left: 100px; } div.container div.tabs-content div.main-right.feed-container li.feed-item { background: white;	border-bottom: 1px solid #f5f5f5; } div.container div.tabs-content div.main-right.feed-container li.feed-item span.cell-image { display: none; } div.container div.tabs-content div.main-right.feed-container li.feed-item div.cell-body div.feed-header { margin-left: 50px; } div.container div.tabs-content div.main-right.feed-container li.feed-item div.cell-body div.cell-image { margin-right: 15px; margin-top: -25px; } div.container div.tabs-content div.main-right.feed-container li.feed-item div.cell-body div.cell-image span.avatar, div.container div.tabs-content div.main-right.feed-container li.feed-item div.cell-body div.cell-image span.avatar img { border-radius: 1000px; } div.container div.tabs-content div.main-right.feed-container li.feed-item div.cell-body div.cell-body p { font-family: DINRoundOT-Light; font-size: 15px; } div.container div.tabs-content div.main-right.feed-container div.no-activity-container { text-align: center; } div.container div.tabs-content div.main-right.feed-container li.feed-item div.cell-body div.cell-body div.feed-footer a.respond-link { margin-left: -120px; } div.container div.tabs-content div.main-right.feed-container li.feed-item a { color: #59A1C7; } div.container div.tabs-content div.main-right.feed-container li.feed-item a:hover { color: #1F3F58; } div.container div.tabs-content div.main-right.feed-container a.feed-load-more { display: block; margin: 0; border-radius: 0;	border: 0 none; } div.container div.tabs-content div.main-right.feed-container a.feed-load-more:hover { color: white; background: #39D1B4; } div.container div.tabs-content div.main-right.feed-container div.cell-body div.cell-body a.expand-text.toggle-class { border: none; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #e6e7e8; background: white;	margin-top: 5px; } div.container div.tabs-content div.main-right.feed-container div.cell-body div.cell-body.open a.expand-text.toggle-class { border-top: none;	border-bottom: 10px solid #e6e7e8; } div.container div.tabs-content div.main-right.feed-container div.cell-body div.cell-body a.expand-text.toggle-class:hover { border-bottom-color: #59A1C7;	border-top-color: #59A1C7; } div.container div.tabs-content div.main-right.feed-container div.cell-body div.cell-body a.expand-text.toggle-class span { display: none; } div.container div.tabs-content div.main-left div.module.neutral.cell {	background: white; border-radius: 0; } div.container div.tabs-content div.main-left div.module.neutral.cell p { margin-bottom: 0; } div.container div.tabs-content div.about-sidebar.side-right div.cell:nth-child(1) { background-color: #1F3F58; height: 15px; width: 185px; margin-left: 20px; margin-bottom: 20px; } div.container div.tabs-content div.about-sidebar.side-right div.cell:nth-child(1) a.bttn-group-membership { background: #1F3F58; width: 225px;	height: 35px; padding: 0; color: white;	border: 0 none;	padding-top: 2px; font-size: 13.5px; border-radius: 0; position: absolute; top: 0; left: 0; } div.container div.tabs-content div.about-sidebar.side-right div.cell:nth-child(1) a.bttn-group-membership span.light-text { color: whitesmoke; } div.container div.tabs-content div.about-sidebar.side-right div.cell:nth-child(1) a.bttn-group-membership:hover { background: #f65a5b; cursor: pointer; } div.container div.tabs-content div.about-sidebar.side-right div.cell:nth-child(1) a.bttn-group-membership.can_join:hover { background: #39D1B4; } div.container div.tabs-content div.about-sidebar.side-right div.cell:nth-child(2) { border: none; padding-top: 0; max-height: 450px;	overflow-y: auto; overflow-x: hidden; width: 240px; } div.side-right.about-sidebar .cell:nth-child(2) li { margin-bottom: 0; } div.side-right.about-sidebar .cell:nth-child(2) li a { width: 225px; height: 30px; position: absolute; } div.side-right.about-sidebar .cell:nth-child(2) li a img.avatar { padding: 0; } div.side-right.about-sidebar .cell:nth-child(2) li a:nth-child(2) {	text-align: center;	margin-left: 0;	margin-top: 0; width: 225px; height: 25px; padding-top: 5px; } div.tabs-content div.main-left ul.members-list li.user-card { background: white;	border-radius: 1000px; font-size: 12px; } div.tabs-content div.main-left ul.members-list li.user-card:hover { background: #39D1B4; } div.tabs-content div.main-left ul.members-list li.user-card:hover, div.tabs-content div.main-left ul.members-list li.user-card:hover div.cell-body a.name { color: white; } div.tabs-content div.main-left ul.members-list li.user-card:hover div.cell-body span.user-points { color: whitesmoke; } div.tabs-content div.main-left ul.members-list li.user-card a.avatar, div.tabs-content div.main-left ul.members-list li.user-card a.avatar img { border-radius: 1000px; padding: 0; } div.tabs-content div.main-left ul.members-list li.user-card div.cell-body { width: 130px; height: 50px; } div.tabs-content div.main-left ul.members-list li.user-card div.cell-body div.title { position: absolute; } div.tabs-content div.main-left ul.members-list li.user-card div.cell-body a.name {	color: #59A1C7;	width: 130px; height: 37px;	position: absolute; padding-top: 13px; margin-left: -25px; padding-left: 25px; } div.tabs-content div.main-left ul.members-list li.user-card div.cell-body span.user-points { color: #1F3F58; border: 0 none; padding: 0; background: none; margin-top: 26px; position: absolute; } div.tabs-content div.admin-side-left { width: 200px; } div.tabs-content div.admin-side-left .tabs-vertical { border: 0 none; } div.tabs-content div.admin-side-left .tabs-vertical .tab.active { border-color: #59A1C7; color: #59A1C7; } div.tabs-content div.admin-main-right { width: 550px; margin-right: 50px; } div.tabs-content div.admin-main-right div.members-container ul.admin-users-list li.admin-user-item { background: white; padding: 0 10px; height: 35px; } div.tabs-content div.admin-main-right div.members-container ul.admin-users-list li.admin-user-item:hover { background: #39D1B4; } div.tabs-content div.admin-main-right div.members-container ul.admin-users-list li.admin-user-item:hover a.user-link { color: white; } div.tabs-content div.admin-main-right div.members-container ul.admin-users-list li.admin-user-item a.user-link img.avatar {	border-radius: 1000px; background: none; } div.tabs-content div.admin-main-right div.members-container ul.admin-users-list li.admin-user-item a.user-link span.light-text { padding-left: 5px; } div.tabs-content div.admin-main-right div.members-container ul.admin-users-list li.admin-user-item:hover a.user-link span.light-text { color: whitesmoke; } div.tabs-content div.admin-main-right div.members-container ul.admin-users-list li.admin-user-item div.accessory-right a.promote-member, div.tabs-content div.admin-main-right div.members-container ul.admin-users-list li.admin-user-item div.accessory-right a.demote-member { color: #1F3F58; } div.tabs-content div.admin-main-right div.members-container ul.admin-users-list li.admin-user-item div.accessory-right a.remove-member { color: #f65a5b; } div.main-left.discussions div.discussion-entry div.entry-container div.cell-body div.rendered-markdown > p, div.entry-preview div.entry-container div.cell-body div.wmd-panel.rendered-markdown > p { font-family: DINRoundOT-Light; font-size: 15px; } #search { display: none; } .exercises .btn-group#sorting { left: -4px; } .exercises .btn-group#sorting .dropdown-menu { left: -42px; } #forum .forum-section .exercises { border-top: 10px solid #DDD; }</style>");
}
 
var script = document.createElement("script");
script.textContent = "(" + updater.toString() + "())";
document.documentElement.appendChild(script);