|
@@ -0,0 +1,4139 @@
|
|
|
+@charset "UTF-8";
|
|
|
+/***** Base *****/
|
|
|
+* {
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ background-color: #ffffff;
|
|
|
+ color: #39414a;
|
|
|
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 1.5;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ body > main {
|
|
|
+ min-height: 65vh;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+h1, h2, h3, h4, h5, h6 {
|
|
|
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
|
|
+ font-weight: 400;
|
|
|
+ margin-top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+h1 {
|
|
|
+ font-size: 32px;
|
|
|
+}
|
|
|
+
|
|
|
+h2 {
|
|
|
+ font-size: 22px;
|
|
|
+}
|
|
|
+
|
|
|
+h3 {
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
+h4 {
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+a {
|
|
|
+ color: #0c86c2;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+a:hover, a:active, a:focus {
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+input,
|
|
|
+textarea {
|
|
|
+ color: #000;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+input {
|
|
|
+ font-weight: 300;
|
|
|
+ max-width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ outline: none;
|
|
|
+ transition: border .12s ease-in-out;
|
|
|
+}
|
|
|
+
|
|
|
+input:focus {
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+input[disabled] {
|
|
|
+ background-color: #ddd;
|
|
|
+}
|
|
|
+
|
|
|
+select {
|
|
|
+ -webkit-appearance: none;
|
|
|
+ -moz-appearance: none;
|
|
|
+ background: url("/hc/theming_assets/01HZKNDTKX8HCXDPTSZ50NSKZ4") no-repeat #fff;
|
|
|
+ background-position: right 10px center;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 8px 30px 8px 10px;
|
|
|
+ outline: none;
|
|
|
+ color: #555;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+select:focus {
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+select::-ms-expand {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+textarea {
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 2px;
|
|
|
+ resize: vertical;
|
|
|
+ width: 100%;
|
|
|
+ outline: none;
|
|
|
+ padding: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+textarea:focus {
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.container {
|
|
|
+ max-width: 1160px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0 5%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1160px) {
|
|
|
+ .container {
|
|
|
+ padding: 0;
|
|
|
+ width: 90%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.container-divider {
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+ul {
|
|
|
+ list-style: none;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.error-page {
|
|
|
+ max-width: 1160px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0 5%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1160px) {
|
|
|
+ .error-page {
|
|
|
+ padding: 0;
|
|
|
+ width: 90%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.dropdown-toggle::after {
|
|
|
+ color: inherit;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Buttons *****/
|
|
|
+.button, [role="button"] {
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #0c86c2;
|
|
|
+ cursor: pointer;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 2.34;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0 20px;
|
|
|
+ text-align: center;
|
|
|
+ transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
|
|
|
+ user-select: none;
|
|
|
+ white-space: nowrap;
|
|
|
+ width: 100%;
|
|
|
+ -webkit-touch-callout: none;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .button, [role="button"] {
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.button::after, [role="button"]::after {
|
|
|
+ color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.button:hover, .button:active, .button:focus, .button[aria-selected="true"], [role="button"]:hover, [role="button"]:active, [role="button"]:focus, [role="button"][aria-selected="true"] {
|
|
|
+ background-color: #0c86c2;
|
|
|
+ color: #ffffff;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.button[aria-selected="true"]:hover, .button[aria-selected="true"]:focus, .button[aria-selected="true"]:active, [role="button"][aria-selected="true"]:hover, [role="button"][aria-selected="true"]:focus, [role="button"][aria-selected="true"]:active {
|
|
|
+ background-color: #064462;
|
|
|
+ border-color: #064462;
|
|
|
+}
|
|
|
+
|
|
|
+.button[data-disabled], [role="button"][data-disabled] {
|
|
|
+ cursor: default;
|
|
|
+}
|
|
|
+
|
|
|
+.button-large, input[type="submit"] {
|
|
|
+ background-color: #0c86c2;
|
|
|
+ border: 0;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 2.72;
|
|
|
+ min-width: 190px;
|
|
|
+ padding: 0 1.9286em;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .button-large, input[type="submit"] {
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.button-large:hover, .button-large:active, .button-large:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
|
|
|
+ background-color: #064462;
|
|
|
+}
|
|
|
+
|
|
|
+.button-large[disabled], input[type="submit"][disabled] {
|
|
|
+ background-color: #ddd;
|
|
|
+}
|
|
|
+
|
|
|
+.button-secondary {
|
|
|
+ color: #657484;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ background-color: transparent;
|
|
|
+}
|
|
|
+
|
|
|
+.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
|
|
|
+ color: #39414a;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ background-color: #f7f7f7;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Tables *****/
|
|
|
+.table {
|
|
|
+ width: 100%;
|
|
|
+ table-layout: fixed;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .table {
|
|
|
+ table-layout: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.table th,
|
|
|
+.table th a {
|
|
|
+ color: #657484;
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: 300;
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .table th, [dir="rtl"]
|
|
|
+.table th a {
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+
|
|
|
+.table tr {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ display: block;
|
|
|
+ padding: 20px 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .table tr {
|
|
|
+ display: table-row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.table td {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .table td {
|
|
|
+ display: table-cell;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .table td, .table th {
|
|
|
+ padding: 20px 30px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .table td, .table th {
|
|
|
+ padding: 10px 20px;
|
|
|
+ height: 60px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***** Forms *****/
|
|
|
+.form {
|
|
|
+ max-width: 650px;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field ~ .form-field {
|
|
|
+ margin-top: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field label {
|
|
|
+ display: block;
|
|
|
+ font-size: 13px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field input {
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 10px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field input:focus {
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field input[type="text"] {
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field input[type="text"]:focus {
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field input[type="checkbox"] {
|
|
|
+ width: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field .nesty-input {
|
|
|
+ border-radius: 4px;
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ outline: none;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field .nesty-input:focus {
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field textarea {
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field input[type="checkbox"] + label {
|
|
|
+ margin: 0 0 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field.required > label::after {
|
|
|
+ content: "*";
|
|
|
+ color: #f00;
|
|
|
+ margin-left: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.form-field p {
|
|
|
+ color: #657484;
|
|
|
+ font-size: 12px;
|
|
|
+ margin: 5px 0;
|
|
|
+}
|
|
|
+
|
|
|
+[data-loading="true"] input,
|
|
|
+[data-loading="true"] textarea {
|
|
|
+ background: transparent url("/hc/theming_assets/01HZKNDTRRRWRF7R86A11T6X01") 99% 50% no-repeat;
|
|
|
+ background-size: 16px 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.form footer {
|
|
|
+ margin-top: 40px;
|
|
|
+ padding-top: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.form footer a {
|
|
|
+ color: #657484;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-right: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.form .suggestion-list {
|
|
|
+ font-size: 13px;
|
|
|
+ margin-top: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.form .suggestion-list label {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ display: block;
|
|
|
+ padding-bottom: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.form .suggestion-list li {
|
|
|
+ padding: 10px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.form .suggestion-list li a:visited {
|
|
|
+ color: #064462;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Header *****/
|
|
|
+.header {
|
|
|
+ max-width: 1160px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0 5%;
|
|
|
+ position: relative;
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ height: 71px;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1160px) {
|
|
|
+ .header {
|
|
|
+ padding: 0;
|
|
|
+ width: 90%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.logo img {
|
|
|
+ max-height: 37px;
|
|
|
+}
|
|
|
+
|
|
|
+.user-nav {
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .user-nav {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.user-nav[aria-expanded="true"] {
|
|
|
+ background-color: #fff;
|
|
|
+ box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
|
|
|
+ border: solid 1px #ddd;
|
|
|
+ right: 0;
|
|
|
+ left: 0;
|
|
|
+ top: 71px;
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.user-nav[aria-expanded="true"] > a {
|
|
|
+ display: block;
|
|
|
+ margin: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.nav-wrapper a {
|
|
|
+ border: 0;
|
|
|
+ color: #0c86c2;
|
|
|
+ display: none;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 0 20px 0 0;
|
|
|
+ width: auto;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .nav-wrapper a {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .nav-wrapper a {
|
|
|
+ padding: 0 0 0 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.nav-wrapper a:hover, .nav-wrapper a:focus, .nav-wrapper a:active {
|
|
|
+ background-color: transparent;
|
|
|
+ color: #0c86c2;
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+.nav-wrapper a.login {
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.nav-wrapper .icon-menu {
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 10px;
|
|
|
+ color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .nav-wrapper .icon-menu {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .nav-wrapper .icon-menu {
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/***** User info in header *****/
|
|
|
+.user-info {
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.user-info .dropdown-toggle::after {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .user-info .dropdown-toggle::after {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.user-info > [role="button"] {
|
|
|
+ border: 0;
|
|
|
+ color: #0c86c2;
|
|
|
+ min-width: 0;
|
|
|
+ padding: 0;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+
|
|
|
+.user-info > [role="button"]:hover {
|
|
|
+ color: #0c86c2;
|
|
|
+ background-color: transparent;
|
|
|
+}
|
|
|
+
|
|
|
+.user-info > [role="button"]::after {
|
|
|
+ color: #0c86c2;
|
|
|
+ padding-right: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .user-info > [role="button"]::after {
|
|
|
+ padding-left: 15px;
|
|
|
+ padding-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+#user #user-name {
|
|
|
+ display: none;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ #user #user-name {
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+#user #user-name:hover {
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+/***** User avatar *****/
|
|
|
+.user-avatar {
|
|
|
+ height: 25px;
|
|
|
+ width: 25px;
|
|
|
+ border-radius: 50%;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.avatar {
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.avatar img {
|
|
|
+ height: 40px;
|
|
|
+ width: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.avatar .icon-agent::before {
|
|
|
+ background-color: #0c86c2;
|
|
|
+ border: 2px solid #fff;
|
|
|
+ border-radius: 50%;
|
|
|
+ bottom: -4px;
|
|
|
+ color: #ffffff;
|
|
|
+ content: "\1F464";
|
|
|
+ font-size: 14px;
|
|
|
+ height: 14px;
|
|
|
+ line-height: 14px;
|
|
|
+ position: absolute;
|
|
|
+ right: -2px;
|
|
|
+ text-align: center;
|
|
|
+ width: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Footer *****/
|
|
|
+.footer {
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ margin-top: 60px;
|
|
|
+ padding: 30px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.footer a {
|
|
|
+ color: #657484;
|
|
|
+}
|
|
|
+
|
|
|
+.footer-inner {
|
|
|
+ max-width: 1160px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0 5%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1160px) {
|
|
|
+ .footer-inner {
|
|
|
+ padding: 0;
|
|
|
+ width: 90%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.footer-disclaimer {
|
|
|
+ color: #657484;
|
|
|
+ max-width: 1160px;
|
|
|
+ margin: 1rem auto;
|
|
|
+ padding: 0 5%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1160px) {
|
|
|
+ .footer-disclaimer {
|
|
|
+ padding: 0;
|
|
|
+ width: 90%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.footer-language-selector {
|
|
|
+ color: #657484;
|
|
|
+ display: inline-block;
|
|
|
+ font-weight: 300;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Breadcrumbs *****/
|
|
|
+.breadcrumbs {
|
|
|
+ margin: 0 0 15px 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .breadcrumbs {
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.breadcrumbs li {
|
|
|
+ color: #657484;
|
|
|
+ display: inline;
|
|
|
+ font-weight: 300;
|
|
|
+ font-size: 13px;
|
|
|
+ max-width: 450px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+}
|
|
|
+
|
|
|
+.breadcrumbs li + li::before {
|
|
|
+ content: ">";
|
|
|
+ margin: 0 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.breadcrumbs li a:visited {
|
|
|
+ color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Search field *****/
|
|
|
+.search {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.search input[type="search"] {
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 30px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ color: #999;
|
|
|
+ height: 40px;
|
|
|
+ padding-left: 40px;
|
|
|
+ padding-right: 20px;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .search input[type="search"] {
|
|
|
+ padding-right: 40px;
|
|
|
+ padding-left: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.search input[type="search"]:focus {
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+ color: #555;
|
|
|
+}
|
|
|
+
|
|
|
+.search::before {
|
|
|
+ position: relative;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ background-color: #fff;
|
|
|
+ color: #ddd;
|
|
|
+ content: "\1F50D";
|
|
|
+ font-size: 18px;
|
|
|
+ position: absolute;
|
|
|
+ left: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .search::before {
|
|
|
+ right: 15px;
|
|
|
+ left: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.search-full input[type="search"] {
|
|
|
+ border: 1px solid #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Hero component *****/
|
|
|
+.hero {
|
|
|
+ background-image: url(/hc/theming_assets/01HZKNDV9XE0JE4PCZX5RSWDTG);
|
|
|
+ background-position: center;
|
|
|
+ background-size: cover;
|
|
|
+ height: 300px;
|
|
|
+ padding: 0 20px;
|
|
|
+ text-align: center;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.hero-inner {
|
|
|
+ position: relative;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ max-width: 610px;
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.page-header {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin: 10px 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .page-header {
|
|
|
+ align-items: baseline;
|
|
|
+ flex-direction: row;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.page-header .section-subscribe {
|
|
|
+ flex-shrink: 0;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .page-header .section-subscribe {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.page-header h1 {
|
|
|
+ flex-grow: 1;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.page-header-description {
|
|
|
+ font-style: italic;
|
|
|
+ font-weight: 300;
|
|
|
+ margin: 0 0 30px 0;
|
|
|
+ word-break: break-word;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .page-header-description {
|
|
|
+ flex-basis: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.page-header .icon-lock::before {
|
|
|
+ content: "\1F512";
|
|
|
+ font-size: 20px;
|
|
|
+ position: relative;
|
|
|
+ left: -5px;
|
|
|
+ vertical-align: baseline;
|
|
|
+}
|
|
|
+
|
|
|
+.sub-nav {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ min-height: 50px;
|
|
|
+ padding-bottom: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .sub-nav {
|
|
|
+ align-items: baseline;
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .sub-nav input[type="search"] {
|
|
|
+ min-width: 300px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.sub-nav input[type="search"]::after {
|
|
|
+ font-size: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Blocks *****/
|
|
|
+/* Used in Homepage#categories and Community#topics */
|
|
|
+.blocks-list {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: flex-start;
|
|
|
+ list-style: none;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .blocks-list {
|
|
|
+ margin: 0 -15px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item {
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ color: #0c86c2;
|
|
|
+ display: flex;
|
|
|
+ flex: 1 0 340px;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ margin: 0 0 30px;
|
|
|
+ max-width: 100%;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .blocks-item {
|
|
|
+ margin: 0 15px 30px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
|
|
|
+ background-color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
|
|
|
+ color: #ffffff;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item-internal {
|
|
|
+ background-color: transparent;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item-internal .icon-lock::before {
|
|
|
+ content: "\1F512";
|
|
|
+ font-size: 15px;
|
|
|
+ bottom: 5px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item-internal a {
|
|
|
+ color: #39414a;
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item-link {
|
|
|
+ color: #0c86c2;
|
|
|
+ padding: 20px 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item-title {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item-description {
|
|
|
+ font-weight: 300;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item-description:not(:empty) {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Homepage *****/
|
|
|
+.section {
|
|
|
+ margin-bottom: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .section {
|
|
|
+ margin-bottom: 60px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.section h2 {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Promoted articles *****/
|
|
|
+.promoted-articles {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .promoted-articles {
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.promoted-articles-item {
|
|
|
+ flex: 1 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .promoted-articles-item {
|
|
|
+ align-self: flex-end;
|
|
|
+ flex: 0 0 auto;
|
|
|
+ padding-right: 30px;
|
|
|
+ width: 33%;
|
|
|
+ /* Three columns on desktop */
|
|
|
+ }
|
|
|
+ [dir="rtl"] .promoted-articles-item {
|
|
|
+ padding: 0 0 0 30px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.promoted-articles-item:nth-child(3n) {
|
|
|
+ padding-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.promoted-articles-item a {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ color: #39414a;
|
|
|
+ display: block;
|
|
|
+ padding: 15px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.promoted-articles-item:last-child a {
|
|
|
+ border: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .promoted-articles-item:last-child a {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***** Community section in homepage *****/
|
|
|
+.community {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.community-image {
|
|
|
+ min-height: 300px;
|
|
|
+ background-image: url(/hc/theming_assets/01HZKNDVNSXYK3AF805XJZH5V8);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.community,
|
|
|
+.activity {
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ padding: 30px 0;
|
|
|
+ margin-top: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Recent activity *****/
|
|
|
+.recent-activity-header {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.recent-activity-list {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.recent-activity-item {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ overflow: auto;
|
|
|
+ padding: 20px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.recent-activity-item-parent {
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+.recent-activity-item-parent, .recent-activity-item-link {
|
|
|
+ margin: 6px 0;
|
|
|
+ color: #39414a;
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .recent-activity-item-parent, .recent-activity-item-link {
|
|
|
+ width: 70%;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.recent-activity-item-link {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 300;
|
|
|
+}
|
|
|
+
|
|
|
+.recent-activity-item-meta {
|
|
|
+ margin: 15px 0 0 0;
|
|
|
+ float: none;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .recent-activity-item-meta {
|
|
|
+ margin: 0;
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .recent-activity-item-meta {
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.recent-activity-item-time, .recent-activity-item-comment {
|
|
|
+ color: #657484;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: 300;
|
|
|
+}
|
|
|
+
|
|
|
+.recent-activity-item-comment {
|
|
|
+ padding-left: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .recent-activity-item-comment {
|
|
|
+ padding: 0 5px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.recent-activity-item-comment::before {
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.recent-activity-item-comment span::before {
|
|
|
+ color: #0c86c2;
|
|
|
+ content: "\1F4AC";
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 15px;
|
|
|
+ padding-right: 3px;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .recent-activity-item-comment span::before {
|
|
|
+ padding-left: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.recent-activity-controls {
|
|
|
+ padding-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Category pages *****/
|
|
|
+.category-container {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+
|
|
|
+.category-content {
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .category-content {
|
|
|
+ flex: 0 0 80%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.section-tree {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .section-tree {
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.section-tree .section {
|
|
|
+ flex: initial;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .section-tree .section {
|
|
|
+ flex: 0 0 45%;
|
|
|
+ /* Two columns for tablet and desktop. Leaving 5% separation between columns */
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.section-tree .icon-lock::before {
|
|
|
+ vertical-align: baseline;
|
|
|
+}
|
|
|
+
|
|
|
+.section-tree-title {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.section-tree-title a {
|
|
|
+ color: #39414a;
|
|
|
+}
|
|
|
+
|
|
|
+.section-tree .see-all-articles {
|
|
|
+ display: block;
|
|
|
+ padding: 15px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.article-list-item {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ font-size: 16px;
|
|
|
+ padding: 15px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.article-list-item a {
|
|
|
+ color: #39414a;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-star::before {
|
|
|
+ color: #0c86c2;
|
|
|
+ font-size: 18px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Section pages *****/
|
|
|
+.section-container {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+}
|
|
|
+
|
|
|
+.section-content {
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .section-content {
|
|
|
+ flex: 0 0 80%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.section-subscribe .dropdown-toggle::after {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Article *****/
|
|
|
+.article {
|
|
|
+ /*
|
|
|
+ * The article grid is defined this way to optimize readability:
|
|
|
+ * Sidebar | Content | Free space
|
|
|
+ * 17% | 66% | 17%
|
|
|
+ */
|
|
|
+ flex: 1 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .article {
|
|
|
+ flex: 1 0 66%;
|
|
|
+ max-width: 66%;
|
|
|
+ min-width: 640px;
|
|
|
+ padding: 0 30px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.article-container {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .article-container {
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.article-header {
|
|
|
+ align-items: flex-start;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 40px;
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .article-header {
|
|
|
+ flex-direction: row;
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.article-author {
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .article-title {
|
|
|
+ flex-basis: 100%;
|
|
|
+ /* Take entire row */
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.article-title .icon-lock::before {
|
|
|
+ content: "\1F512";
|
|
|
+ font-size: 20px;
|
|
|
+ position: relative;
|
|
|
+ left: -5px;
|
|
|
+ vertical-align: baseline;
|
|
|
+}
|
|
|
+
|
|
|
+.article [role="button"] {
|
|
|
+ flex-shrink: 0;
|
|
|
+ /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .article [role="button"] {
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.article-info {
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.article-meta {
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 10px;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.article-body img {
|
|
|
+ height: auto;
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.article-body ul, .article-body ol {
|
|
|
+ padding-left: 20px;
|
|
|
+ list-style-position: outside;
|
|
|
+ margin: 20px 0 20px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .article-body ul, [dir="rtl"] .article-body ol {
|
|
|
+ padding-right: 20px;
|
|
|
+ padding-left: 0;
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.article-body ul > ul, .article-body ol > ol, .article-body ol > ul, .article-body ul > ol {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.article-body ul {
|
|
|
+ list-style-type: disc;
|
|
|
+}
|
|
|
+
|
|
|
+.article-body a:visited {
|
|
|
+ color: #064462;
|
|
|
+}
|
|
|
+
|
|
|
+.article-body code {
|
|
|
+ background: #f7f7f7;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 0 5px;
|
|
|
+ margin: 0 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.article-body pre {
|
|
|
+ background: #f7f7f7;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 10px 15px;
|
|
|
+ overflow: auto;
|
|
|
+ white-space: pre;
|
|
|
+}
|
|
|
+
|
|
|
+.article-body blockquote {
|
|
|
+ border-left: 1px solid #ddd;
|
|
|
+ color: #657484;
|
|
|
+ font-style: italic;
|
|
|
+ padding: 0 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.article-body > p:last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.article-content {
|
|
|
+ line-height: 1.6;
|
|
|
+ margin: 40px 0;
|
|
|
+ word-wrap: break-word;
|
|
|
+}
|
|
|
+
|
|
|
+.article-footer {
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.article-comment-count {
|
|
|
+ color: #657484;
|
|
|
+ font-weight: 300;
|
|
|
+}
|
|
|
+
|
|
|
+.article-comment-count:hover {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.article-comment-count .icon-comments {
|
|
|
+ color: #0c86c2;
|
|
|
+ content: "\1F4AC";
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 18px;
|
|
|
+ padding: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.article-sidebar {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ flex: 1 0 auto;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .article-sidebar {
|
|
|
+ border: 0;
|
|
|
+ flex: 0 0 17%;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.article-relatives {
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ padding: 20px 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .article-relatives {
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.article-relatives > * {
|
|
|
+ flex: 1 0 auto;
|
|
|
+ margin-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.article-relatives > *:last-child {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .article-relatives > * {
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.article-votes {
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ padding: 30px 0;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.article-vote {
|
|
|
+ background: transparent;
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+ color: #0c86c2;
|
|
|
+ margin: 10px 5px;
|
|
|
+ min-width: 90px;
|
|
|
+ width: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.article-vote::before {
|
|
|
+ font-size: 8px;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .article-vote::before {
|
|
|
+ margin-right: 0;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.article-vote::after {
|
|
|
+ content: attr(title);
|
|
|
+ /* Yes/No label*/
|
|
|
+}
|
|
|
+
|
|
|
+.article-vote:focus, .article-vote:active {
|
|
|
+ background-color: transparent;
|
|
|
+ color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.article-vote:hover {
|
|
|
+ background-color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.article-vote:hover::before, .article-vote:hover::after, .article-vote[aria-selected="true"]::before, .article-vote[aria-selected="true"]::after {
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.article-vote-up::before {
|
|
|
+ content: "\2713";
|
|
|
+}
|
|
|
+
|
|
|
+.article-vote-down::before {
|
|
|
+ content: "\2715";
|
|
|
+}
|
|
|
+
|
|
|
+.article-more-questions {
|
|
|
+ margin: 10px 0 20px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.article-return-to-top {
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .article-return-to-top {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.article-return-to-top a {
|
|
|
+ color: #39414a;
|
|
|
+ display: block;
|
|
|
+ padding: 20px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.article-return-to-top a:hover, .article-return-to-top a:focus {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.article-return-to-top .icon-arrow-up::before {
|
|
|
+ font-size: 16px;
|
|
|
+ margin-left: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .article-return-to-top .icon-arrow-up::before {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.article-unsubscribe {
|
|
|
+ background-color: #0c86c2;
|
|
|
+ color: #ffffff;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.article-unsubscribe:hover {
|
|
|
+ background-color: #064462;
|
|
|
+ border-color: #064462;
|
|
|
+}
|
|
|
+
|
|
|
+.sidenav-title {
|
|
|
+ font-size: 15px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.sidenav-item {
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #39414a;
|
|
|
+ display: block;
|
|
|
+ font-weight: 300;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ padding: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.sidenav-item.current-article, .sidenav-item:hover {
|
|
|
+ background-color: #0c86c2;
|
|
|
+ color: #ffffff;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.recent-articles h3,
|
|
|
+.related-articles h3 {
|
|
|
+ font-size: 15px;
|
|
|
+ margin: 20px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.recent-articles li,
|
|
|
+.related-articles li {
|
|
|
+ margin-bottom: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Attachments *****/
|
|
|
+/* Styles attachments inside posts, articles and comments */
|
|
|
+.attachments .attachment-item {
|
|
|
+ padding-left: 20px;
|
|
|
+ position: relative;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.attachments .attachment-item:last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.attachments .attachment-item::before {
|
|
|
+ color: #39414a;
|
|
|
+ content: "\1F4CE";
|
|
|
+ font-size: 15px;
|
|
|
+ left: 0;
|
|
|
+ position: absolute;
|
|
|
+ top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .attachments .attachment-item {
|
|
|
+ padding-left: 0;
|
|
|
+ padding-right: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .attachments .attachment-item::before {
|
|
|
+ left: auto;
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.upload-dropzone span {
|
|
|
+ color: #657484;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Social share links *****/
|
|
|
+.share {
|
|
|
+ padding: 0;
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+
|
|
|
+.share li, .share a {
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.share a {
|
|
|
+ border-radius: 50%;
|
|
|
+ height: 25px;
|
|
|
+ line-height: 25px;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.share a::before {
|
|
|
+ color: #657484;
|
|
|
+ display: block;
|
|
|
+ font-size: 23px;
|
|
|
+ text-align: center;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.share a:hover {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.share a:hover::before {
|
|
|
+ color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.share-twitter::before {
|
|
|
+ content: "\e901";
|
|
|
+}
|
|
|
+
|
|
|
+.share-facebook::before {
|
|
|
+ content: "\e903";
|
|
|
+}
|
|
|
+
|
|
|
+.share-linkedin::before {
|
|
|
+ content: "\e900";
|
|
|
+}
|
|
|
+
|
|
|
+.share-googleplus::before {
|
|
|
+ content: "\e902";
|
|
|
+}
|
|
|
+
|
|
|
+/***** Comments *****/
|
|
|
+/* Styles comments inside articles, posts and requests */
|
|
|
+.comment {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ padding: 20px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-heading {
|
|
|
+ margin-bottom: 5px;
|
|
|
+ margin-top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-overview {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ padding: 20px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-overview p {
|
|
|
+ margin-top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-callout {
|
|
|
+ color: #657484;
|
|
|
+ display: inline-block;
|
|
|
+ font-weight: 300;
|
|
|
+ font-size: 13px;
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-callout a {
|
|
|
+ color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-sorter {
|
|
|
+ display: inline-block;
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-sorter a {
|
|
|
+ color: #657484;
|
|
|
+ font-weight: 300;
|
|
|
+ font-size: 13px;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .comment-sorter {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-wrapper {
|
|
|
+ display: flex;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-wrapper.comment-official {
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+ padding: 40px 20px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .comment-wrapper.comment-official {
|
|
|
+ padding-top: 20px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.comment-info {
|
|
|
+ min-width: 0;
|
|
|
+ padding-right: 20px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .comment-info {
|
|
|
+ padding-right: 0;
|
|
|
+ padding-left: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-author {
|
|
|
+ align-items: flex-end;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .comment-author {
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.comment-avatar {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .comment-avatar {
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-meta {
|
|
|
+ flex: 1 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-labels {
|
|
|
+ flex-basis: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .comment-labels {
|
|
|
+ flex-basis: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.comment .status-label:not(.status-label-official) {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .comment .status-label:not(.status-label-official) {
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.comment-form {
|
|
|
+ display: flex;
|
|
|
+ padding-top: 30px;
|
|
|
+ word-wrap: break-word;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-container {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-form-controls {
|
|
|
+ display: none;
|
|
|
+ margin-top: 10px;
|
|
|
+ text-align: left;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ [dir="ltr"] .comment-form-controls {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.comment-form-controls input[type="submit"] {
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .comment-form-controls input[type="submit"] {
|
|
|
+ margin-left: 15px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .comment-form-controls input[type="submit"] {
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 15px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.comment-form-controls input[type="checkbox"] {
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-form-controls input[type="checkbox"] [dir="rtl"] {
|
|
|
+ margin-left: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-ccs {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-ccs + textarea {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-attachments {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-attachments a {
|
|
|
+ color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-body {
|
|
|
+ -moz-hyphens: auto;
|
|
|
+ -ms-hyphens: auto;
|
|
|
+ -webkit-hyphens: auto;
|
|
|
+ word-break: break-word;
|
|
|
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
|
|
+ line-height: 1.6;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-body img {
|
|
|
+ height: auto;
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-body ul, .comment-body ol {
|
|
|
+ padding-left: 20px;
|
|
|
+ list-style-position: outside;
|
|
|
+ margin: 20px 0 20px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .comment-body ul, [dir="rtl"] .comment-body ol {
|
|
|
+ padding-right: 20px;
|
|
|
+ padding-left: 0;
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-body ul > ul, .comment-body ol > ol, .comment-body ol > ul, .comment-body ul > ol {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-body ul {
|
|
|
+ list-style-type: disc;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-body a:visited {
|
|
|
+ color: #064462;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-body code {
|
|
|
+ background: #f7f7f7;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 0 5px;
|
|
|
+ margin: 0 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-body pre {
|
|
|
+ background: #f7f7f7;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 10px 15px;
|
|
|
+ overflow: auto;
|
|
|
+ white-space: pre;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-body blockquote {
|
|
|
+ border-left: 1px solid #ddd;
|
|
|
+ color: #657484;
|
|
|
+ font-style: italic;
|
|
|
+ padding: 0 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.comment-mark-as-solved {
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Vote *****/
|
|
|
+/* Used in article comments, post comments and post */
|
|
|
+.vote {
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ width: 35px;
|
|
|
+}
|
|
|
+
|
|
|
+.vote a {
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.vote a:active, .vote a:hover, .vote a:focus {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.vote-sum {
|
|
|
+ color: #657484;
|
|
|
+ display: block;
|
|
|
+ margin: 3px 0;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .vote-sum {
|
|
|
+ direction: ltr;
|
|
|
+ unicode-bidi: bidi-override;
|
|
|
+}
|
|
|
+
|
|
|
+.vote-up:hover::before,
|
|
|
+.vote-down:hover::before {
|
|
|
+ color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.vote-up::before, .vote-down::before {
|
|
|
+ color: #657484;
|
|
|
+ font-size: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.vote-up::before {
|
|
|
+ content: "\2B06";
|
|
|
+}
|
|
|
+
|
|
|
+.vote-down::before {
|
|
|
+ content: "\2B07";
|
|
|
+}
|
|
|
+
|
|
|
+.vote-voted::before {
|
|
|
+ color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.vote-voted:hover::before {
|
|
|
+ color: #064462;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Actions *****/
|
|
|
+/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
|
|
|
+.actions {
|
|
|
+ text-align: center;
|
|
|
+ flex-shrink: 0;
|
|
|
+ /*Avoid collapsing elements in Safari*/
|
|
|
+}
|
|
|
+
|
|
|
+.actions .dropdown-toggle {
|
|
|
+ font-size: 0;
|
|
|
+ margin: 15px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.actions .dropdown-toggle:hover::before, .actions .dropdown-toggle:focus::before, .actions .dropdown-toggle:active::before {
|
|
|
+ background-color: #f7f7f7;
|
|
|
+}
|
|
|
+
|
|
|
+.actions .dropdown-toggle::before {
|
|
|
+ background-color: transparent;
|
|
|
+ border-radius: 50%;
|
|
|
+ color: #657484;
|
|
|
+ content: "\2699";
|
|
|
+ display: block;
|
|
|
+ font-size: 13px;
|
|
|
+ margin: auto;
|
|
|
+ padding: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Community *****/
|
|
|
+.community-hero {
|
|
|
+ background-image: url(/hc/theming_assets/01HZKNDVG7V751QD00JX9HFQEA);
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.community-footer {
|
|
|
+ padding-top: 50px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.community-featured-posts, .community-activity {
|
|
|
+ padding-top: 40px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.community-header {
|
|
|
+ margin-bottom: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.community-header h4 {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.post-to-community {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .post-to-community {
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/* Community topics grid */
|
|
|
+.topics {
|
|
|
+ max-width: none;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.topics-item .meta-group {
|
|
|
+ justify-content: center;
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Community topic page */
|
|
|
+.topic-header {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ font-size: 13px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .topic-header {
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.topic-header .dropdown {
|
|
|
+ display: block;
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ padding: 10px 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .topic-header .dropdown {
|
|
|
+ border-top: 0;
|
|
|
+ display: inline-block;
|
|
|
+ margin-right: 20px;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.no-posts-with-filter {
|
|
|
+ margin-top: 20px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Topic, post and user follow button */
|
|
|
+.community-follow {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .community-follow {
|
|
|
+ margin-bottom: 0;
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.community-follow .dropdown {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.community-follow [role="button"] {
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 0 10px 0 15px;
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .community-follow [role="button"] {
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.community-follow [role="button"]:hover {
|
|
|
+ background-color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.community-follow [role="button"]:hover::after, .community-follow [role="button"]:focus::after {
|
|
|
+ border-color: #ffffff;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.community-follow [role="button"][aria-selected="true"] {
|
|
|
+ background-color: #0c86c2;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.community-follow [role="button"][aria-selected="true"]::after {
|
|
|
+ border-left: 1px solid #ffffff;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.community-follow [role="button"][aria-selected="true"]:hover {
|
|
|
+ background-color: #064462;
|
|
|
+ border-color: #064462;
|
|
|
+}
|
|
|
+
|
|
|
+.community-follow [role="button"]::after {
|
|
|
+ border-left: 1px solid #0c86c2;
|
|
|
+ content: attr(data-follower-count);
|
|
|
+ color: #0c86c2;
|
|
|
+ display: inline-block;
|
|
|
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
|
|
+ margin-left: 15px;
|
|
|
+ padding-left: 10px;
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .community-follow [role="button"]::after {
|
|
|
+ position: static;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .community-follow [role="button"]::after {
|
|
|
+ border-left: 0;
|
|
|
+ border-right: 1px solid #0c86c2;
|
|
|
+ margin: 0 10px 0 0;
|
|
|
+ padding: 0 10px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Striped list *****/
|
|
|
+/* Used in community posts list and requests list */
|
|
|
+.striped-list {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.striped-list-item {
|
|
|
+ align-items: flex-start;
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: flex-end;
|
|
|
+ padding: 20px 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .striped-list-item {
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.striped-list-info {
|
|
|
+ flex: 2;
|
|
|
+}
|
|
|
+
|
|
|
+.striped-list-title {
|
|
|
+ color: #0c86c2;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+.striped-list-title:visited {
|
|
|
+ color: #064462;
|
|
|
+}
|
|
|
+
|
|
|
+.striped-list .meta-group {
|
|
|
+ margin: 5px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.striped-list-count {
|
|
|
+ color: #657484;
|
|
|
+ font-weight: 300;
|
|
|
+ font-size: 13px;
|
|
|
+ justify-content: flex-start;
|
|
|
+ text-transform: capitalize;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .striped-list-count {
|
|
|
+ display: flex;
|
|
|
+ flex: 1;
|
|
|
+ justify-content: space-around;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.striped-list-count-item::after {
|
|
|
+ content: "·";
|
|
|
+ display: inline-block;
|
|
|
+ padding: 0 5px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .striped-list-count-item::after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.striped-list-count-item:last-child::after {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.striped-list-number {
|
|
|
+ font-weight: 300;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .striped-list-number {
|
|
|
+ color: #39414a;
|
|
|
+ display: block;
|
|
|
+ font-weight: 400;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/***** Status labels *****/
|
|
|
+/* Styles labels used in posts, articles and requests */
|
|
|
+.status-label {
|
|
|
+ background-color: #1eb848;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 12px;
|
|
|
+ margin-right: 2px;
|
|
|
+ padding: 3px 10px;
|
|
|
+ vertical-align: middle;
|
|
|
+ white-space: nowrap;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.status-label:hover, .status-label:active, .status-label:focus {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.status-label-pinned, .status-label-featured, .status-label-official {
|
|
|
+ background-color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.status-label-official {
|
|
|
+ border-radius: 0;
|
|
|
+ margin-right: 0;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ text-align: center;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .status-label-official {
|
|
|
+ border-radius: 0 0 4px 4px;
|
|
|
+ right: 30px;
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .status-label-official {
|
|
|
+ left: 30px;
|
|
|
+ right: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.status-label-pending, .status-label-not-planned {
|
|
|
+ background-color: #eee;
|
|
|
+ color: #657484;
|
|
|
+}
|
|
|
+
|
|
|
+.status-label-pending {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.status-label-open {
|
|
|
+ background-color: #e03b30;
|
|
|
+}
|
|
|
+
|
|
|
+.status-label-closed {
|
|
|
+ background-color: #ddd;
|
|
|
+}
|
|
|
+
|
|
|
+.status-label-solved {
|
|
|
+ background-color: #999;
|
|
|
+}
|
|
|
+
|
|
|
+.status-label-new {
|
|
|
+ background-color: #ffd12a;
|
|
|
+}
|
|
|
+
|
|
|
+.status-label-hold {
|
|
|
+ background-color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.status-label-open, .status-label-closed, .status-label-solved, .status-label-new, .status-label-hold, .status-label-answered {
|
|
|
+ text-transform: lowercase;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Post *****/
|
|
|
+/*
|
|
|
+* The post grid is defined this way:
|
|
|
+* Content | Sidebar
|
|
|
+* 70% | 30%
|
|
|
+*/
|
|
|
+.post {
|
|
|
+ flex: 1;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .post {
|
|
|
+ flex: 1 0 70%;
|
|
|
+ max-width: 70%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.post-container {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .post-container {
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.post-header {
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .post-header {
|
|
|
+ align-items: baseline;
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.post-header .status-label {
|
|
|
+ vertical-align: super;
|
|
|
+}
|
|
|
+
|
|
|
+.post-title {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .post-title {
|
|
|
+ margin-bottom: 0;
|
|
|
+ padding-right: 10px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.post-title h1 {
|
|
|
+ display: inline;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .post-title h1 {
|
|
|
+ margin-right: 5px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.post-author {
|
|
|
+ align-items: flex-start;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.post-avatar {
|
|
|
+ margin-bottom: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.post-content {
|
|
|
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
|
|
+ line-height: 1.6;
|
|
|
+ word-break: break-word;
|
|
|
+}
|
|
|
+
|
|
|
+.post-info-container {
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.post-info {
|
|
|
+ min-width: 0;
|
|
|
+ padding-right: 20px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .post-info {
|
|
|
+ padding-right: 0;
|
|
|
+ padding-left: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.post-meta {
|
|
|
+ display: inline-block;
|
|
|
+ flex: 1;
|
|
|
+ margin-left: 10px;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .post-meta {
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.post-body img {
|
|
|
+ height: auto;
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.post-body ul, .post-body ol {
|
|
|
+ padding-left: 20px;
|
|
|
+ list-style-position: outside;
|
|
|
+ margin: 20px 0 20px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .post-body ul, [dir="rtl"] .post-body ol {
|
|
|
+ padding-right: 20px;
|
|
|
+ padding-left: 0;
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.post-body ul > ul, .post-body ol > ol, .post-body ol > ul, .post-body ul > ol {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.post-body ul {
|
|
|
+ list-style-type: disc;
|
|
|
+}
|
|
|
+
|
|
|
+.post-body a:visited {
|
|
|
+ color: #064462;
|
|
|
+}
|
|
|
+
|
|
|
+.post-body code {
|
|
|
+ background: #f7f7f7;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 0 5px;
|
|
|
+ margin: 0 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.post-body pre {
|
|
|
+ background: #f7f7f7;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding: 10px 15px;
|
|
|
+ overflow: auto;
|
|
|
+ white-space: pre;
|
|
|
+}
|
|
|
+
|
|
|
+.post-body blockquote {
|
|
|
+ border-left: 1px solid #ddd;
|
|
|
+ color: #657484;
|
|
|
+ font-style: italic;
|
|
|
+ padding: 0 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.post-footer {
|
|
|
+ align-items: center;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.post-comment-count {
|
|
|
+ color: #657484;
|
|
|
+ font-weight: 300;
|
|
|
+}
|
|
|
+
|
|
|
+.post-comment-count:hover {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.post-comment-count .icon-comments {
|
|
|
+ color: #0c86c2;
|
|
|
+ content: "\1F4AC";
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 18px;
|
|
|
+ padding: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.post-sidebar {
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ flex: 1;
|
|
|
+ padding: 30px 0;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .post-sidebar {
|
|
|
+ border: 0;
|
|
|
+ flex: 1 0 30%;
|
|
|
+ padding: 0 0 0 50px;
|
|
|
+ text-align: initial;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .post-sidebar {
|
|
|
+ padding: 0 50px 0 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.post-sidebar h5 {
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .post-sidebar h5 {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.post-comments {
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .post-comments {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/* Navigation element that collapses on mobile */
|
|
|
+.collapsible-nav {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ flex-direction: column;
|
|
|
+ max-height: 45px;
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .collapsible-nav {
|
|
|
+ border: 0;
|
|
|
+ height: auto;
|
|
|
+ flex-direction: row;
|
|
|
+ max-height: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-nav-list {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .collapsible-nav-list {
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-nav-list li {
|
|
|
+ color: #39414a;
|
|
|
+ line-height: 45px;
|
|
|
+ order: 1;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .collapsible-nav-list li {
|
|
|
+ line-height: normal;
|
|
|
+ margin-right: 30px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .collapsible-nav-list li {
|
|
|
+ margin-left: 30px;
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+ .collapsible-nav-list li a {
|
|
|
+ text-decoration: none;
|
|
|
+ padding: 15px 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-nav-list li a {
|
|
|
+ color: #39414a;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .collapsible-nav-list li:hover {
|
|
|
+ border-bottom: 4px solid #ddd;
|
|
|
+ }
|
|
|
+ .collapsible-nav-list li:hover a {
|
|
|
+ padding: 15px 0 11px 0;
|
|
|
+ text-decoration: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-nav-list li[aria-selected="true"] {
|
|
|
+ order: 0;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .collapsible-nav-list li[aria-selected="true"] {
|
|
|
+ border-bottom: 4px solid #0c86c2;
|
|
|
+ order: 1;
|
|
|
+ padding: 15px 0 11px 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-nav-list li[aria-selected="true"] a {
|
|
|
+ color: #39414a;
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-nav-list li[aria-selected="true"]::after {
|
|
|
+ position: relative;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ content: "\25BE";
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .collapsible-nav-list li[aria-selected="true"]::after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .collapsible-nav-list li[aria-selected="true"]::after {
|
|
|
+ left: 0;
|
|
|
+ right: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-nav[aria-expanded="true"] {
|
|
|
+ max-height: none;
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-nav[aria-expanded="true"] li[aria-selected="true"]::after {
|
|
|
+ content: "\2715";
|
|
|
+}
|
|
|
+
|
|
|
+/* Sidebar navigation that collapses on mobile */
|
|
|
+.collapsible-sidebar {
|
|
|
+ flex: 1;
|
|
|
+ max-height: 45px;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 10px 0;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .collapsible-sidebar {
|
|
|
+ max-height: none;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-sidebar[aria-expanded="true"] {
|
|
|
+ max-height: none;
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
|
|
|
+ content: "\2715";
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .collapsible-sidebar[aria-expanded="true"] .collapsible-sidebar-title::after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-sidebar-title {
|
|
|
+ margin-top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.collapsible-sidebar-title::after {
|
|
|
+ position: relative;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ content: "\25BE";
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .collapsible-sidebar-title::after {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .collapsible-sidebar-title::after {
|
|
|
+ left: 10px;
|
|
|
+ right: auto;
|
|
|
+}
|
|
|
+
|
|
|
+/***** My activities *****/
|
|
|
+.my-activities-nav {
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ border: 0;
|
|
|
+ margin-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.my-activities-sub-nav {
|
|
|
+ background-color: transparent;
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ margin-bottom: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .my-activities-sub-nav li:hover {
|
|
|
+ border-bottom: 4px solid #ddd;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.my-activities-sub-nav li[aria-selected="true"] {
|
|
|
+ border-color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.my-activities-table .striped-list-title {
|
|
|
+ /* My activities tables */
|
|
|
+ display: block;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ max-width: 350px;
|
|
|
+ white-space: normal;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .my-activities-table .striped-list-title {
|
|
|
+ margin-bottom: 0;
|
|
|
+ max-width: 500px;
|
|
|
+ min-width: 350px;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.my-activities-table thead {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .my-activities-table thead {
|
|
|
+ display: table-header-group;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.my-activities-table th:first-child,
|
|
|
+.my-activities-table td:first-child {
|
|
|
+ padding-left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .my-activities-table th:first-child,
|
|
|
+ .my-activities-table td:first-child {
|
|
|
+ width: 500px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.my-activities-table th:last-child,
|
|
|
+.my-activities-table td:last-child {
|
|
|
+ padding-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.my-activities-table td:not(:first-child) {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .my-activities-table td:not(:first-child) {
|
|
|
+ display: table-cell;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/* Requests table */
|
|
|
+.requests-search {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar {
|
|
|
+ align-items: flex-end;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .requests-table-toolbar {
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar .search {
|
|
|
+ flex: 1;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar .request-table-filter {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .requests-table-toolbar .request-table-filter {
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar .request-filter {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .requests-table-toolbar .request-filter {
|
|
|
+ margin: 0 0 0 30px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .requests-table-toolbar .request-filter {
|
|
|
+ margin: 0 30px 0 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar .request-filter-label {
|
|
|
+ font-size: 13px;
|
|
|
+ margin-top: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .requests-table-toolbar .request-filter-label {
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar select {
|
|
|
+ max-height: 40px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .requests-table-toolbar select {
|
|
|
+ margin-bottom: 0;
|
|
|
+ max-width: 300px;
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar .organization-subscribe,
|
|
|
+.requests-table-toolbar .organization-unsubscribe {
|
|
|
+ line-height: 40px;
|
|
|
+ max-height: 40px;
|
|
|
+ padding: 0 20px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .requests-table-toolbar .organization-subscribe,
|
|
|
+ .requests-table-toolbar .organization-unsubscribe {
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .requests-table-toolbar .organization-subscribe, [dir="rtl"]
|
|
|
+ .requests-table-toolbar .organization-unsubscribe {
|
|
|
+ margin: 0 10px 0 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar .organization-unsubscribe {
|
|
|
+ background-color: #0c86c2;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar + .requests-search-info {
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar + .requests-search-info.meta-data::after {
|
|
|
+ content: "";
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar + .requests-search-info + .requests {
|
|
|
+ margin-top: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.requests-table-toolbar + .requests {
|
|
|
+ margin-top: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.requests .requests-table-meta {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .requests .requests-table-meta {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.requests .requests-table thead {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .requests .requests-table thead {
|
|
|
+ display: table-header-group;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.requests .requests-table-info {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .requests .requests-table-info {
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.requests .requests-table .requests-link {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.requests .requests-table .requests-sort-symbol {
|
|
|
+ position: absolute;
|
|
|
+ left: calc(100% + 3px);
|
|
|
+ bottom: 0;
|
|
|
+ font-size: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+/* Following table */
|
|
|
+.subscriptions-unsubscribe a {
|
|
|
+ background: #0c86c2;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #ffffff;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 12px;
|
|
|
+ line-height: 2.34;
|
|
|
+ padding: 0 20px;
|
|
|
+ text-align: center;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .subscriptions-unsubscribe a {
|
|
|
+ width: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.subscriptions-unsubscribe a:hover {
|
|
|
+ background-color: #064462;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.subscriptions-table td:last-child {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .subscriptions-table td:last-child {
|
|
|
+ display: table-cell;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.subscriptions-table td:first-child {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.subscriptions-table .user-avatar {
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.subscriptions .striped-list-title {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+/* Contributions table */
|
|
|
+.contributions-table td:last-child {
|
|
|
+ color: #657484;
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: 300;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .contributions-table td:last-child {
|
|
|
+ color: inherit;
|
|
|
+ font-size: inherit;
|
|
|
+ font-weight: inherit;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.no-activities {
|
|
|
+ color: #657484;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Request *****/
|
|
|
+.request-container {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .request-container {
|
|
|
+ align-items: flex-start;
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.request-container .comment-container {
|
|
|
+ min-width: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.request-breadcrumbs {
|
|
|
+ margin-bottom: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .request-breadcrumbs {
|
|
|
+ margin-bottom: 60px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.request-main {
|
|
|
+ flex: 1 0 auto;
|
|
|
+ order: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .comment-fields, .request-main .request-submit-comment {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .comment-fields.shown {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .request-submit-comment.shown {
|
|
|
+ display: inline;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .request-main {
|
|
|
+ flex: 0 0 66%;
|
|
|
+ order: 0;
|
|
|
+ min-width: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .comment-form-controls {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .comment-ccs {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .comment-show-container {
|
|
|
+ border-radius: 2px;
|
|
|
+ border: 1px solid #ddd;
|
|
|
+ cursor: pointer;
|
|
|
+ display: flex;
|
|
|
+ padding: 8px 15px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .comment-show-container.hidden {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .comment-show-container-content {
|
|
|
+ align-self: center;
|
|
|
+ color: #657484;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .form-field.comment-ccs > ul {
|
|
|
+ border-bottom-left-radius: 0;
|
|
|
+ border-bottom-right-radius: 0;
|
|
|
+ border-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .form-field.comment-ccs > ul[data-hc-focus="true"] {
|
|
|
+ border: 1px solid #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .form-field.comment-ccs > input[type="text"] {
|
|
|
+ border-bottom-left-radius: 0;
|
|
|
+ border-bottom-right-radius: 0;
|
|
|
+ border-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .comment-ccs + textarea {
|
|
|
+ border-top-left-radius: 0;
|
|
|
+ border-top-right-radius: 0;
|
|
|
+ margin-top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main .comment-ccs + textarea:focus {
|
|
|
+ border-top: 1px solid #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.request-main input#mark_as_solved {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.request-title {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .request-title {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ margin-bottom: 0;
|
|
|
+ max-width: 66%;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.request-sidebar {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+ flex: 1 0 auto;
|
|
|
+ order: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .request-sidebar {
|
|
|
+ background-color: #f7f7f7;
|
|
|
+ border: 0;
|
|
|
+ font-size: 13px;
|
|
|
+ flex: 0 0 auto;
|
|
|
+ padding: 0 20px;
|
|
|
+ width: 30%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.request-sidebar h5 {
|
|
|
+ font-size: 15px;
|
|
|
+ font-weight: 600;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .request-sidebar h5 {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.request-details {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ font-size: 0;
|
|
|
+ margin: 0;
|
|
|
+ padding-bottom: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.request-details:last-child {
|
|
|
+ border: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.request-details dt, .request-details dd {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: top;
|
|
|
+ font-size: 13px;
|
|
|
+ margin: 20px 0 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.request-details dd {
|
|
|
+ padding: 0 10px;
|
|
|
+ width: 60%;
|
|
|
+}
|
|
|
+
|
|
|
+.request-details dd::after {
|
|
|
+ content: "\A";
|
|
|
+ white-space: pre;
|
|
|
+}
|
|
|
+
|
|
|
+.request-details dt {
|
|
|
+ color: #657484;
|
|
|
+ font-weight: 300;
|
|
|
+ width: 40%;
|
|
|
+}
|
|
|
+
|
|
|
+.request-details .request-collaborators {
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.request-attachments dt, .request-attachments dd {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.request-attachments dd {
|
|
|
+ margin: 10px 0 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.request-form textarea {
|
|
|
+ min-height: 120px;
|
|
|
+}
|
|
|
+
|
|
|
+.request-follow-up {
|
|
|
+ padding-top: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Pagination *****/
|
|
|
+.pagination {
|
|
|
+ margin: 20px 0;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.pagination * {
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.pagination li {
|
|
|
+ border-radius: 50%;
|
|
|
+ height: 40px;
|
|
|
+ float: left;
|
|
|
+ margin-left: 5px;
|
|
|
+ width: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .pagination li {
|
|
|
+ height: 30px;
|
|
|
+ width: 30px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .pagination li {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.pagination li:hover:not(.pagination-current) {
|
|
|
+ background-color: #f3f3f3;
|
|
|
+}
|
|
|
+
|
|
|
+.pagination li:hover:not(.pagination-current) span, .pagination li:hover:not(.pagination-current) a {
|
|
|
+ color: #39414a;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pagination a, .pagination span {
|
|
|
+ font-size: 15px;
|
|
|
+ color: #657484;
|
|
|
+ padding: 10px 12px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .pagination a, .pagination span {
|
|
|
+ font-size: 13px;
|
|
|
+ padding: 5px 12px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.pagination-current {
|
|
|
+ background-color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+.pagination-current a, .pagination-current span {
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.pagination-first {
|
|
|
+ border-radius: 3px 0 0 3px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .pagination-first {
|
|
|
+ border-radius: 0 3px 3px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pagination-last {
|
|
|
+ border-radius: 0 3px 3px 0;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .pagination-last {
|
|
|
+ border-radius: 3px 0 0 3px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Metadata *****/
|
|
|
+.meta-group {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.meta-group * {
|
|
|
+ display: inline;
|
|
|
+}
|
|
|
+
|
|
|
+.meta-data {
|
|
|
+ color: #657484;
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: 300;
|
|
|
+}
|
|
|
+
|
|
|
+.meta-data:not(:last-child)::after {
|
|
|
+ content: "\00B7";
|
|
|
+ margin: 0 5px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Icons *****/
|
|
|
+[class^="icon-"]::before,
|
|
|
+[class*=" icon-"]::before,
|
|
|
+.icon,
|
|
|
+.search::before,
|
|
|
+.recent-activity-item-comment span::before,
|
|
|
+.article-vote::before,
|
|
|
+.attachments .attachment-item::before,
|
|
|
+.share a::before,
|
|
|
+.vote-up::before,
|
|
|
+.vote-down::before,
|
|
|
+.actions .dropdown-toggle::before,
|
|
|
+.collapsible-nav-list li[aria-selected="true"]::after,
|
|
|
+.collapsible-sidebar-title::after,
|
|
|
+.search-result-votes::before,
|
|
|
+.search-result-meta-count::before {
|
|
|
+ font-family: "copenhagen-icons";
|
|
|
+ font-style: normal;
|
|
|
+ font-weight: normal;
|
|
|
+ speak: none;
|
|
|
+ line-height: 1em;
|
|
|
+ vertical-align: middle;
|
|
|
+ -webkit-font-smoothing: antialiased;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-lock::before {
|
|
|
+ content: "\1F512";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-star::before {
|
|
|
+ content: "\2605";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-linkedin::before {
|
|
|
+ content: "\e900";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-twitter::before {
|
|
|
+ content: "\e901";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-googleplus-::before {
|
|
|
+ content: "\e902";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-facebook::before {
|
|
|
+ content: "\e903";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-agent::before {
|
|
|
+ content: "\1F464";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-close::before {
|
|
|
+ content: "\2715";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-arrow-up::before {
|
|
|
+ content: "\2B06";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-arrow-down::before {
|
|
|
+ content: "\2B07";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-attachments::before {
|
|
|
+ content: "\1F4CE";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-comments::before {
|
|
|
+ content: "\1F4AC";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-search::before {
|
|
|
+ content: "\1F50D";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-vote::before {
|
|
|
+ content: "\1F44D";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-handle::before {
|
|
|
+ content: "\25BE";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-check::before {
|
|
|
+ content: "\2713";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-gear::before {
|
|
|
+ content: "\2699";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-menu::before {
|
|
|
+ content: "\2630";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-article::before {
|
|
|
+ content: "\1F4C4";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-post::before {
|
|
|
+ content: "\1F4D4";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-notification-alert::before {
|
|
|
+ content: "\26A0";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-notification-error::before {
|
|
|
+ content: "\00D7";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-notification-info::before {
|
|
|
+ content: "\2139";
|
|
|
+}
|
|
|
+
|
|
|
+.icon-notification-success::before {
|
|
|
+ content: "\2714";
|
|
|
+}
|
|
|
+
|
|
|
+/* User Profiles */
|
|
|
+.profile-header {
|
|
|
+ padding: 30px 0;
|
|
|
+ background-color: #f7f7f7;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-header .container {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-header .container {
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-header .profile-info {
|
|
|
+ flex-basis: 100%;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ min-width: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-avatar {
|
|
|
+ position: relative;
|
|
|
+ line-height: 0;
|
|
|
+ align-self: center;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .profile-avatar {
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-avatar .user-avatar {
|
|
|
+ width: 65px;
|
|
|
+ height: 65px;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-avatar .icon-agent::before {
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-header .basic-info {
|
|
|
+ -moz-hyphens: auto;
|
|
|
+ -ms-hyphens: auto;
|
|
|
+ -webkit-hyphens: auto;
|
|
|
+ word-break: break-word;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ flex-grow: 1;
|
|
|
+ flex-basis: 0;
|
|
|
+ min-width: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-header .basic-info .name {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-header .options {
|
|
|
+ display: flex;
|
|
|
+ flex-basis: 100%;
|
|
|
+ margin-top: 12px;
|
|
|
+ align-items: flex-start;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-header .options {
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ flex-basis: auto;
|
|
|
+ margin-top: 0;
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-header .options {
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ .profile-header .options > :not(:last-child) {
|
|
|
+ margin-bottom: 0;
|
|
|
+ margin-right: 10px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-header .options > :not(:last-child) {
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-header .options [data-action="edit-profile"] {
|
|
|
+ background-color: #0c86c2;
|
|
|
+ border: 0;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: normal;
|
|
|
+ padding: 8px 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-header .description {
|
|
|
+ -moz-hyphens: auto;
|
|
|
+ -ms-hyphens: auto;
|
|
|
+ -webkit-hyphens: auto;
|
|
|
+ word-break: break-word;
|
|
|
+ margin: 15px 0;
|
|
|
+ flex-basis: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-stats {
|
|
|
+ font-size: 13px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-basis: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-stats .stat {
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-stats .stat-label {
|
|
|
+ color: #657484;
|
|
|
+ font-weight: 300;
|
|
|
+ flex: 0 0 100px;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .profile-stats .stat-label {
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-stats-activity {
|
|
|
+ border-top: solid 1px #ddd;
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-stats-activity {
|
|
|
+ border-top: 0;
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-stats-activity .stat {
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-stats-activity .stat:first-child {
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-stats-activity .stat:first-child {
|
|
|
+ margin-top: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-stats-activity .stat:not(:last-child) {
|
|
|
+ margin-right: 40px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-stats-activity .stat:not(:last-child) {
|
|
|
+ margin-left: 40px;
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-stats-activity .stat-label {
|
|
|
+ flex: 0 1 auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-stats-counters {
|
|
|
+ border-bottom: solid 1px #ddd;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-stats-counters {
|
|
|
+ flex: 0 0 200px;
|
|
|
+ border-bottom: 0;
|
|
|
+ margin-left: 40px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-stats-counters {
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 40px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .profile-stats-counters {
|
|
|
+ flex: 0 0 270px;
|
|
|
+ margin-left: 60px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-stats-counters {
|
|
|
+ margin-right: 60px;
|
|
|
+ margin-left: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-stats-counters .stat {
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .profile-stats-counters .stat {
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-stats-counters .stat:not(:last-child) {
|
|
|
+ margin-bottom: 15px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-stats-counters .stat-label {
|
|
|
+ flex: 0 1 auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .profile-stats-counters .stat-label {
|
|
|
+ flex: 0 0 100px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-private-badge {
|
|
|
+ flex-basis: 100%;
|
|
|
+ border: solid 1px #0c86c2;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #0c86c2;
|
|
|
+ padding: 5px 20px;
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-private-badge::after {
|
|
|
+ content: "\1f512";
|
|
|
+ margin-left: 5px;
|
|
|
+ font-family: "copenhagen-icons";
|
|
|
+ vertical-align: middle;
|
|
|
+ line-height: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-private-badge {
|
|
|
+ flex-basis: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-nav {
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ border: 0;
|
|
|
+ margin-bottom: 37px;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-section {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .profile-section {
|
|
|
+ width: calc(100% - 330px);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-section-header {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-section-title {
|
|
|
+ flex-basis: 100%;
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-section-description {
|
|
|
+ flex-basis: 100%;
|
|
|
+ padding: 10px 0;
|
|
|
+ color: #657484;
|
|
|
+ font-weight: 300;
|
|
|
+ font-size: 13px;
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-section-description {
|
|
|
+ flex: 1 0 50%;
|
|
|
+ padding-bottom: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-section-sorter {
|
|
|
+ flex-basis: 100%;
|
|
|
+ border-top: solid 1px #eee;
|
|
|
+ font-size: 13px;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-section-sorter .dropdown-toggle {
|
|
|
+ padding: 10px 0;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-section-sorter .dropdown-toggle::after {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .profile-section-sorter .dropdown-toggle::after {
|
|
|
+ left: 0;
|
|
|
+ right: initial;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-section-sorter .dropdown-toggle::after {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-section-sorter {
|
|
|
+ flex: 0 1 auto;
|
|
|
+ padding-top: 0;
|
|
|
+ border-top: 0;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-section-sorter {
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 20px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-contribution {
|
|
|
+ -moz-hyphens: auto;
|
|
|
+ -ms-hyphens: auto;
|
|
|
+ -webkit-hyphens: auto;
|
|
|
+ word-break: break-word;
|
|
|
+ padding: 20px 0;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-contribution-header {
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-contribution-title {
|
|
|
+ margin: 0 0 5px 0;
|
|
|
+ display: inline;
|
|
|
+ line-height: 21px;
|
|
|
+ font-size: 15px;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-contribution-body {
|
|
|
+ margin: 10px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-contribution-list > .profile-contribution {
|
|
|
+ border-top: 1px solid #eee;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-contribution-list > .profile-contribution {
|
|
|
+ padding-left: 30px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-contribution-list > .profile-contribution {
|
|
|
+ padding-right: 30px;
|
|
|
+ padding-left: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-contribution-list > .profile-contribution:last-child {
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-contribution-list > .profile-contribution::before {
|
|
|
+ left: 0;
|
|
|
+ position: absolute;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #ccc;
|
|
|
+ font-family: "copenhagen-icons";
|
|
|
+ line-height: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .profile-contribution-list > .profile-contribution::before {
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-contribution-list .profile-contribution-header {
|
|
|
+ margin-left: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .profile-contribution-list .profile-contribution-header {
|
|
|
+ padding-right: 30px;
|
|
|
+ padding-left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-contribution-list .profile-contribution-header {
|
|
|
+ margin-left: 0;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-contribution-list .profile-contribution-header {
|
|
|
+ padding-right: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-comments .profile-contribution-breadcrumbs {
|
|
|
+ margin-left: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
|
|
|
+ padding-right: 30px;
|
|
|
+ padding-left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-comments .profile-contribution-breadcrumbs {
|
|
|
+ margin-left: 0;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-comments .profile-contribution-breadcrumbs {
|
|
|
+ padding-right: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-section .no-activity,
|
|
|
+.profile-section .private-activity {
|
|
|
+ display: block;
|
|
|
+ margin-top: 40px;
|
|
|
+ color: #999;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-section .private-activity::before {
|
|
|
+ content: "\1f512";
|
|
|
+ font-family: "copenhagen-icons";
|
|
|
+ font-style: normal;
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: normal;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .profile-section .private-activity::before {
|
|
|
+ margin-right: 0;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-activity-list {
|
|
|
+ margin-top: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-activity {
|
|
|
+ position: relative;
|
|
|
+ padding-bottom: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-activity {
|
|
|
+ padding-left: 20px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-activity {
|
|
|
+ padding-right: 20px;
|
|
|
+ padding-left: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-activity:not(:last-child) {
|
|
|
+ border-left: 1px solid #ddd;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-activity:not(:last-child) {
|
|
|
+ border-left: 0;
|
|
|
+ border-right: 1px solid #ddd;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-activity-header {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-left: 35px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .profile-activity-header {
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 35px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-activity-header {
|
|
|
+ margin-left: 0;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-activity-header {
|
|
|
+ margin-right: 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-activity-header .user-avatar {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ margin-right: 10px;
|
|
|
+ min-width: 40px;
|
|
|
+ align-self: flex-start;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .profile-activity-header .user-avatar {
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-activity-description {
|
|
|
+ -moz-hyphens: auto;
|
|
|
+ -ms-hyphens: auto;
|
|
|
+ -webkit-hyphens: auto;
|
|
|
+ word-break: break-word;
|
|
|
+ margin: 0;
|
|
|
+ min-width: 0;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-activity-description span:first-child {
|
|
|
+ font-weight: 600;
|
|
|
+ display: inline;
|
|
|
+}
|
|
|
+
|
|
|
+.profile-activity-contribution {
|
|
|
+ padding: 20px;
|
|
|
+ margin-top: 10px;
|
|
|
+ border-radius: 8px;
|
|
|
+ background-color: #f7f7f7;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-activity-contribution {
|
|
|
+ margin-top: 0;
|
|
|
+ margin-left: 50px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-activity-contribution {
|
|
|
+ margin-left: 0;
|
|
|
+ margin-right: 50px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-activity::before {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ width: 28px;
|
|
|
+ border-radius: 50%;
|
|
|
+ content: "";
|
|
|
+ background-size: 14px 14px;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-color: #ffffff;
|
|
|
+ background-position: 50% 50%;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #ccc;
|
|
|
+ font-family: "copenhagen-icons";
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .profile-activity::before {
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 768px) {
|
|
|
+ .profile-activity::before {
|
|
|
+ left: -14px;
|
|
|
+ }
|
|
|
+ [dir="rtl"] .profile-activity::before {
|
|
|
+ right: -14px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.profile-articles > .profile-contribution::before,
|
|
|
+.profile-activity-list > li[class$="-article"]::before {
|
|
|
+ content: "\1f4c4";
|
|
|
+}
|
|
|
+
|
|
|
+.profile-posts > .profile-contribution::before,
|
|
|
+.profile-activity-list > li[class$="-post"]::before {
|
|
|
+ content: "\1f4d4";
|
|
|
+}
|
|
|
+
|
|
|
+.profile-comments > .profile-contribution::before,
|
|
|
+.profile-activity-list > li[class$="-comment"]::before {
|
|
|
+ content: "\1f4ac";
|
|
|
+ line-height: 35px;
|
|
|
+}
|
|
|
+
|
|
|
+/***** Search results *****/
|
|
|
+.search-results {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .search-results {
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.search-results-column {
|
|
|
+ flex: 1;
|
|
|
+}
|
|
|
+
|
|
|
+@media (min-width: 1024px) {
|
|
|
+ .search-results-column {
|
|
|
+ flex: 0 0 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.search-results-list {
|
|
|
+ margin-bottom: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.search-results-list > li {
|
|
|
+ border-bottom: 1px solid #ddd;
|
|
|
+ padding: 20px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.search-results-list > li:first-child {
|
|
|
+ border-top: 1px solid #ddd;
|
|
|
+}
|
|
|
+
|
|
|
+.search-result-description {
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.search-result-votes, .search-result-meta-count {
|
|
|
+ color: #657484;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: 300;
|
|
|
+ padding: 4px 5px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.search-result-votes::before, .search-result-meta-count::before {
|
|
|
+ color: #0c86c2;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="ltr"] .search-result-votes, [dir="ltr"] .search-result-meta-count {
|
|
|
+ margin-left: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="ltr"] .search-result-votes::before, [dir="ltr"] .search-result-meta-count::before {
|
|
|
+ margin-right: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .search-result-votes, [dir="rtl"] .search-result-meta-count {
|
|
|
+ margin-right: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+[dir="rtl"] .search-result-votes::before, [dir="rtl"] .search-result-meta-count::before {
|
|
|
+ margin-left: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.search-result-votes::before {
|
|
|
+ content: "\1F44D";
|
|
|
+}
|
|
|
+
|
|
|
+.search-result-meta-count::before {
|
|
|
+ content: "\1F4AC";
|
|
|
+}
|
|
|
+
|
|
|
+.search-result .meta-group {
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.search-result-breadcrumbs {
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.search-result-breadcrumbs li:last-child::after {
|
|
|
+ content: "·";
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.hero {
|
|
|
+ background-image: none;
|
|
|
+ background: #00abd4;
|
|
|
+ background: linear-gradient(to bottom left, rgb(0, 171, 212), rgb(7, 107, 184));
|
|
|
+ height: 206px;
|
|
|
+}
|
|
|
+
|
|
|
+.hero:before {
|
|
|
+ content: "我们能帮您什么?";
|
|
|
+ font-size: 28px;
|
|
|
+ color: #fff;
|
|
|
+ position: relative;
|
|
|
+ top: 54px;
|
|
|
+}
|
|
|
+
|
|
|
+html[lang*="en-US"] .hero:before {
|
|
|
+ content: "What can we do for you?";
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken #navbar-container {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .header {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .hero {
|
|
|
+ height: 176px;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .blocks-item-link {
|
|
|
+ padding: 13px 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .blocks-item {
|
|
|
+ border-radius: 8px;
|
|
|
+ margin: 0 0 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .article-more-questions {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .page-header {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .sub-nav {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .article-author {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .article-subscribe {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .article-title {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .article-header {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ margin-top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .article-sidebar {
|
|
|
+ border-top: none;
|
|
|
+}
|
|
|
+
|
|
|
+.imtoken .container-divider {
|
|
|
+ border-top: none;
|
|
|
+}
|
|
|
+
|
|
|
+.blocks-item:last-child {
|
|
|
+ display: none;
|
|
|
+}
|