/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #2a3139; color: #fff; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #00c895; } .footer a:hover { color: #fff; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } .socials ul{ list-style: none;} .socials ul li{display: inline-block;} .socials ul li a{display: block;padding: 5px;} .socials ul li svg{display: block;width: 25px;} @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } .vanillaCompatBodyBg .css-1xj7zav-Banner-styles-titleWrap{ display:none!important; } .Panel .Box.BoxCategories .PanelInfo.PanelCategories li.Depth1{ padding-top: 5px; } #WhosOnline, .css-16j5q71-homeWidgetContainer-content, .Leaderboard .Leaderboard__user-list.Leaderboard__user-list.Leaderboard__user-list, .Section-DiscussionList .Panel .pageBox .pageBox{ border:solid 1px #ccc!important; border-radius: 10px!important; padding: 10px!important; } .BoxNewDiscussion a.Button.Primary{ background-color: #00ad93!important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .Section-Discussion .Panel .pageBox .pageBox, .Leaderboard .Leaderboard__user-list.Leaderboard__user-list.Leaderboard__user-list { box-shadow: rgb(0 0 0 / 22%) 0px 1px 3px 0px!important; padding: 10px!important; border-radius: 6px!important; } /*# sourceMappingURL=styles.css.map */ ul.MessageList.DataList.AcceptedAnswers.pageBox { background: #1fc9981c; } span.Tag.QnA-Box.QnA-Accepted { background: #1fc998; color: black; } .SocialIcon-SolaceID { background: #00c895; }

New blog post for developers | How I Built a Chat Messaging App using JavaScript and Solace PubSub+

System

System Administrator Posts: 40 admin

July 6 edited July 6 in Blogs & Tutorials #1

Chigozie Oduah

Leave your comments below.

Source: https://solace.com/?p=51142

0

Categories

This Month's Leaders

This Week's Leaders

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } .footer { background: #2a3139; color: #fff; font-size: 14px; line-height: 1.5; padding: 18px 0; } .footer-wrap { padding-left: 18px; padding-right: 18px; max-width: 1236px; margin: 0 auto; } .footer a { color: #00c895; } .footer a:hover { color: #fff; } .footer-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: -3px; } .footer-col { padding: 0 3px; } .footer-col-copyRight { justify-content: flex-start; } .footer-col-logo { justify-content: flex-end; } .footer-col-copyRight, .footer-col-logo { flex: 1; display: flex; } .logo { width: 120px; height: 28px; opacity: 0.6; } .socials ul{ list-style: none;} .socials ul li{display: inline-block;} .socials ul li a{display: block;padding: 5px;} .socials ul li svg{display: block;width: 25px;} @media screen and (max-width: 768px) { .footer-row { display: block; } .footer-col { width: 100%; text-align: center; margin: 6px 0; } .footer-col:first-child { margin-top: 0; } .footer-col:last-child { margin-bottom: 0; } .footer-col-copyRight, .footer-col-logo { justify-content: center; } .logo { margin: 0 auto; } } .vanillaCompatBodyBg .css-1xj7zav-Banner-styles-titleWrap{ display:none!important; } .Panel .Box.BoxCategories .PanelInfo.PanelCategories li.Depth1{ padding-top: 5px; } #WhosOnline, .css-16j5q71-homeWidgetContainer-content, .Leaderboard .Leaderboard__user-list.Leaderboard__user-list.Leaderboard__user-list, .Section-DiscussionList .Panel .pageBox .pageBox{ border:solid 1px #ccc!important; border-radius: 10px!important; padding: 10px!important; } .BoxNewDiscussion a.Button.Primary{ background-color: #00ad93!important; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0; } .Section-Discussion .Panel .pageBox .pageBox, .Leaderboard .Leaderboard__user-list.Leaderboard__user-list.Leaderboard__user-list { box-shadow: rgb(0 0 0 / 22%) 0px 1px 3px 0px!important; padding: 10px!important; border-radius: 6px!important; } /*# sourceMappingURL=styles.css.map */ ul.MessageList.DataList.AcceptedAnswers.pageBox { background: #1fc9981c; } span.Tag.QnA-Box.QnA-Accepted { background: #1fc998; color: black; } .SocialIcon-SolaceID { background: #00c895; }