You are here

ckeditor.css in Open Social 8.3

code,
kbd,
pre,
samp {
  font-size: 1em;
}

code, kbd {
  padding: 2px 4px;
  font-size: 90%;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}

pre {
  display: block;
  padding: 11.5px;
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.5;
  word-break: break-all;
  word-wrap: break-word;
}

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin: 1rem 0 0.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  font-weight: inherit;
  color: inherit;
}

h1 a:focus, h1 a:hover, h2 a:focus, h2 a:hover, h3 a:focus, h3 a:hover, h4 a:focus, h4 a:hover, h5 a:focus, h5 a:hover, h6 a:focus, h6 a:hover,
.h1 a:focus,
.h1 a:hover, .h2 a:focus, .h2 a:hover, .h3 a:focus, .h3 a:hover, .h4 a:focus, .h4 a:hover, .h5 a:focus, .h5 a:hover, .h6 a:focus, .h6 a:hover {
  color: inherit;
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

h1, .h1 {
  font-size: 2rem;
  font-weight: 700;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.25rem;
}

h4, .h4 {
  font-size: 1.2rem;
}

h5, .h5 {
  font-size: 1rem;
}

h6, .h6 {
  font-size: 0.875rem;
}

img {
  border-style: none;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
  padding-bottom: 0.5rem;
  display: table;
}

figure img {
  line-height: 1;
}

figure figcaption {
  font-size: 90%;
  color: #777777;
  text-align: center;
  display: table-caption;
  caption-side: bottom;
  margin-top: 5px;
  word-break: break-word;
}

figure.align-right {
  float: right;
  padding-top: 0.1rem;
  padding-left: 1rem;
}

figure.align-right figcaption {
  padding-left: 1rem;
}

figure.align-left {
  float: left;
  padding-top: 0.1rem;
  padding-right: 1rem;
}

figure.align-left figcaption {
  padding-right: 1rem;
}

figure.align-center {
  margin-right: auto;
  margin-left: auto;
}

.embed-responsive {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
}

.embed-responsive::before {
  display: block;
  content: '';
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

.embed-responsive + p {
  margin-top: 0.75rem;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.embed-responsive-21by9::before {
  padding-top: calc((9/21)*100%);
}

iframe {
  max-width: 100%;
}

p > iframe {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

a {
  background-color: transparent;
  text-decoration: none;
  font-weight: 500;
  color: inherit;
  -webkit-tap-highlight-color: transparent;
}

a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

a:active, a:hover {
  outline: 0;
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:active:not(.btn) {
  opacity: .8;
}

dl,
ul,
ol {
  margin-top: 0;
  margin-bottom: 1rem;
}

dl dl,
dl ul,
dl ol,
ul dl,
ul ul,
ul ol,
ol dl,
ol ul,
ol ol {
  margin-bottom: 0;
}

.popover ol:last-child, .popover ul:last-child {
  margin-bottom: 0;
}

dl {
  margin-top: 0;
  margin-bottom: 24px;
}

dt,
dd {
  line-height: 1.5;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #777777;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
  font-size: 0.875rem;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  word-wrap: break-word;
}

.table thead th {
  font-weight: 500;
  font-size: 12px;
  vertical-align: bottom;
  border-bottom: 2px solid #e6e6e6;
}

.table tbody + tbody {
  border-top: 2px solid #e6e6e6;
}

.table .views-align-left {
  text-align: left;
}

.table .views-align-right {
  text-align: right;
}

.table .views-align-center {
  text-align: center;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #e6e6e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #e6e6e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.thead-default th {
  color: #555555;
  background-color: #e6e6e6;
}

.tablesort {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}

.icon-tablesort {
  width: 20px;
  height: 20px;
}

.tabledrag-handle {
  color: #777777;
  cursor: move;
  position: absolute;
  line-height: 1;
  margin: 0 0 0 -10px;
  padding: 10px;
}

.tabledrag-handle ~ .form-managed-file {
  display: block;
  padding-left: 24px;
}

.table-responsive {
  display: block;
  width: 100%;
}

.table-responsive .table-bordered {
  border: 0;
}

b,
strong {
  font-weight: bold;
}

p {
  margin: 0 0 0.75rem;
}

blockquote {
  margin: 20px 0;
  padding-left: 1.5em;
  font-weight: 500;
}

em.placeholder {
  font-style: normal;
}

.light {
  font-weight: 300;
}

.section-title {
  padding: 1.25rem;
  margin: 0;
}

.text-truncate {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}

.post-date {
  color: #777777;
  font-size: 0.75rem;
  line-height: 1.25;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

.text-align-justify {
  text-align: justify;
}

small,
.small {
  font-size: 87%;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.text-nowrap {
  white-space: nowrap;
}

.text-xs {
  font-size: 0.4em;
}

.text-s {
  font-size: 0.75rem;
}

.text-m {
  font-size: 0.875rem;
}

.text-l {
  font-size: 1.125rem;
}

.text-xl {
  font-size: 1.25rem;
}

.text-xxl {
  font-size: 1.5rem;
}

.text-xxxl {
  font-size: 2rem;
}

.text-xxxxl {
  font-size: 3rem;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}

blockquote {
  padding: 12px 24px;
  margin: 0 0 24px;
  font-size: 18px;
  border-left: 5px solid #e6e6e6;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

address {
  margin-bottom: 24px;
  font-style: normal;
  line-height: 1.5;
}

hr {
  margin-top: 24px;
  margin-bottom: 24px;
  border: 0;
  border-top: 1px solid #e6e6e6;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

.sr-only {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
  margin: 0;
}

.no-margin {
  margin: 0;
}

.margin-left-s {
  margin-left: 5px;
}

.margin-left-m {
  margin-left: 10px;
}

.margin-left-l {
  margin-left: 20px;
}

.margin-left-xl {
  margin-left: 30px;
}

.margin-bottom-s {
  margin-bottom: 5px;
}

.margin-bottom-m {
  margin-bottom: 10px;
}

.margin-bottom-l {
  margin-bottom: 20px;
}

.margin-bottom-xl {
  margin-bottom: 30px;
}

.margin-top-s {
  margin-top: 5px;
}

.margin-top-m {
  margin-top: 10px;
}

.margin-top-l {
  margin-top: 20px;
}

.margin-top-xl {
  margin-top: 30px;
}

.margin-top-xxl {
  margin-top: 40px;
}

.no-padding {
  padding: 0 !important;
}

.padding-xs {
  padding: 6px;
}

.padding-sm {
  padding: 12px;
}

.padding-md {
  padding: 24px;
}

.padding-lg {
  padding: 48px;
}

.no-side-padding {
  padding: 24px 0;
}

.no-border {
  border: 0 !important;
}

.inline-center {
  vertical-align: middle;
  line-height: 1;
  margin-right: 5px;
}

.align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.block {
  display: block;
}

.pin-top, .pin-bottom {
  position: relative;
}

.pinned {
  position: fixed !important;
}

.ruler-sm {
  margin: 9.6px 0;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-bordered {
  border: 3px solid white;
}

.img-elevated {
  display: inline-block;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

p + p .img-elevated {
  margin-top: -0.5rem;
}

.img-circle {
  border-radius: 50%;
}

img.align-left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

img.align-right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

img.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-medium {
  width: 44px;
  height: 44px;
}

.img-small {
  width: 24px;
  height: 24px;
}

.img-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 10px;
}

.img-grid img {
  margin: 3px;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.js .js-hide,
.js-show,
.hide {
  display: none !important;
}

.js .js-show,
.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

.hidden {
  display: none !important;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 5px;
}

@-ms-viewport {
  width: device-width;
}

[role="button"] {
  cursor: pointer;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 0.875rem;
  line-height: 1.5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  outline: 0;
}

.btn + .btn {
  margin-left: 5px;
}

.btn + .btn-block {
  margin-left: 0;
}

.btn .caret {
  margin-left: 3px;
}

.btn:hover, .btn:focus, .btn.focus {
  text-decoration: none;
  outline: 0;
}

.btn:active, .btn.active {
  background-image: none;
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn a {
  font-weight: normal;
}

.btn.btn-full {
  display: block;
}

.btn-non-clickable.disabled,
fieldset[disabled] .btn-non-clickable,
a.btn.disabled,
fieldset[disabled]
a.btn {
  pointer-events: none;
}

.btn-link {
  font-weight: normal;
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], .btn-link:hover, .btn-link:focus,
fieldset[disabled] .btn-link {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  text-decoration: none;
}

.btn--with-bgicon {
  padding-left: 32px;
  background-size: 16px 16px;
  background-position: 10px 8px;
  background-repeat: no-repeat;
}

.btn--facebook {
  background-image: url("../images/icons/icon-facebook.svg");
}

.btn--linkedin {
  background-image: url("../images/icons/icon-linkedin.svg");
}

.btn--google {
  background-image: url("../images/icons/icon-google.svg");
}

.btn--twitter {
  background-image: url("../images/icons/icon-twitter.svg");
}

.fieldset-wrapper > .btn {
  margin: 5px 5px 5px 0;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 1rem;
  line-height: 1.33333;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.btn-sm .glyphicon:before, .btn-group-sm > .btn .glyphicon:before {
  width: 13px;
  height: 13px;
}

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn.pull-right + .btn {
  margin-left: 0;
}

.btn-raised {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
          box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  -webkit-transition: .15s ease-out, -webkit-box-shadow;
  transition: .15s ease-out, -webkit-box-shadow;
  transition: box-shadow, .15s ease-out;
  transition: box-shadow, .15s ease-out, -webkit-box-shadow;
}

.btn-raised:active, .btn-raised.active, .btn-raised:hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
}

.btn-raised.disabled, .btn-raised[disabled] {
  -webkit-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
          box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
}

.btn-icon-toggle {
  background-color: transparent;
  border-radius: 50% !important;
  padding: 4px;
}

.btn-icon-toggle:hover, .btn-icon-toggle:focus {
  background-color: rgba(0, 0, 0, 0.07);
  border-color: transparent;
}

.btn-icon-toggle:active, .btn-icon-toggle.active {
  background-color: rgba(12, 12, 12, 0.25);
  border-color: transparent;
}

.btn-icon {
  font-size: 1.00012rem;
  line-height: 21px;
  height: 21px;
  width: 21px;
  vertical-align: bottom;
}

.btn-iconized {
  line-height: 12px;
}

.btn-iconized .icon-inline {
  fill: inherit;
  width: 24px;
  height: 24px;
  line-height: 24px;
}

.btn-floating {
  width: 38px;
  height: 38px;
  padding: 7px;
  border-radius: 50%;
  border: 0;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

.btn-floating:active, .btn-floating.active, .btn-floating:hover {
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
}

.btn-floating.btn-lg, .btn-group-lg > .btn-floating.btn {
  width: 52px;
  height: 52px;
}

.btn-floating.disabled, .btn-floating[disabled] {
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table;
}

.btn-toolbar:after {
  clear: both;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-of-type):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}

.btn-group > .btn-sm + .dropdown-toggle, .btn-group-sm.btn-group > .btn + .dropdown-toggle {
  padding-left: 6px;
  padding-right: 6px;
}

.btn-group > .btn-xs + .dropdown-toggle, .btn-group-xs.btn-group > .btn + .dropdown-toggle {
  padding-left: 4px;
  padding-right: 4px;
}

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}

.btn-group-vertical > .btn-group:after {
  clear: both;
}

.btn-group-vertical > .btn-group > .btn {
  float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group--operations {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.block-group-add-event-block,
.block-group-add-topic-block,
.block-event-add-block,
.block-topic-add-block,
.block-group-add-block {
  display: inline-block;
}

.textarea--cke .cke {
  position: relative;
}

body {
  margin: 10px;
}

.align-left {
  float: left;
  padding-right: 1em;
}

.align-right {
  float: right;
  padding-left: 1em;
}

.embed-responsive .cke_widget_drupalurl {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 600px) {
  body {
    font-size: 16px;
  }
  .section-title {
    padding-left: 20px;
  }
  .section-title.section-title-stream {
    padding-left: 40px;
  }
  .section-title.section-title-node {
    padding-left: 48px;
  }
}

@media (min-width: 900px) {
  h1, .h1 {
    font-size: 3rem;
  }
  h2, .h2 {
    font-size: 2rem;
  }
  h3, .h3 {
    font-size: 1.5rem;
  }
  h4, .h4 {
    font-size: 1.25rem;
  }
  .block-group-add-event-block,
  .block-group-add-topic-block,
  .block-event-add-block,
  .block-topic-add-block,
  .block-group-add-block {
    display: block;
  }
  .block-group-add-event-block .btn,
  .block-group-add-topic-block .btn,
  .block-event-add-block .btn,
  .block-topic-add-block .btn,
  .block-group-add-block .btn {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}

@media (max-width: 599px) {
  figure.align-left, figure.align-right, figure.align-center {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 1rem;
  }
  figure.align-left figcaption, figure.align-right figcaption, figure.align-center figcaption {
    padding: 0;
  }
  .table-responsive {
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding-bottom: 100px;
    margin-bottom: -100px;
  }
  .hidden-for-phone-only {
    display: none;
  }
}

@media (max-width: 899px) {
  .block-group-add-event-block,
  .block-group-add-topic-block,
  .block-event-add-block,
  .block-topic-add-block,
  .block-group-add-block {
    margin-top: 1rem;
  }
}

File

themes/socialbase/assets/css/ckeditor.css
View source
  1. code,
  2. kbd,
  3. pre,
  4. samp {
  5. font-size: 1em;
  6. }
  7. code, kbd {
  8. padding: 2px 4px;
  9. font-size: 90%;
  10. }
  11. kbd kbd {
  12. padding: 0;
  13. font-size: 100%;
  14. font-weight: bold;
  15. -webkit-box-shadow: none;
  16. box-shadow: none;
  17. }
  18. pre {
  19. display: block;
  20. padding: 11.5px;
  21. margin: 0 0 12px;
  22. font-size: 15px;
  23. line-height: 1.5;
  24. word-break: break-all;
  25. word-wrap: break-word;
  26. }
  27. pre code {
  28. padding: 0;
  29. font-size: inherit;
  30. color: inherit;
  31. white-space: pre-wrap;
  32. background-color: transparent;
  33. border-radius: 0;
  34. }
  35. *, *:before, *:after {
  36. -webkit-box-sizing: border-box;
  37. box-sizing: border-box;
  38. }
  39. html {
  40. font-size: 16px;
  41. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  42. font-family: sans-serif;
  43. -ms-text-size-adjust: 100%;
  44. -webkit-text-size-adjust: 100%;
  45. }
  46. body {
  47. margin: 0;
  48. font-size: 14px;
  49. line-height: 1.5;
  50. word-wrap: break-word;
  51. -webkit-font-smoothing: antialiased;
  52. }
  53. h1, h2, h3, h4, h5, h6,
  54. .h1, .h2, .h3, .h4, .h5, .h6 {
  55. font-family: inherit;
  56. font-weight: 500;
  57. line-height: 1.1;
  58. margin: 1rem 0 0.5rem;
  59. -webkit-transition: 0.3s;
  60. transition: 0.3s;
  61. }
  62. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
  63. .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  64. font-weight: inherit;
  65. color: inherit;
  66. }
  67. h1 a:focus, h1 a:hover, h2 a:focus, h2 a:hover, h3 a:focus, h3 a:hover, h4 a:focus, h4 a:hover, h5 a:focus, h5 a:hover, h6 a:focus, h6 a:hover,
  68. .h1 a:focus,
  69. .h1 a:hover, .h2 a:focus, .h2 a:hover, .h3 a:focus, .h3 a:hover, .h4 a:focus, .h4 a:hover, .h5 a:focus, .h5 a:hover, .h6 a:focus, .h6 a:hover {
  70. color: inherit;
  71. }
  72. h1 small,
  73. h1 .small, h2 small,
  74. h2 .small, h3 small,
  75. h3 .small, h4 small,
  76. h4 .small, h5 small,
  77. h5 .small, h6 small,
  78. h6 .small,
  79. .h1 small,
  80. .h1 .small, .h2 small,
  81. .h2 .small, .h3 small,
  82. .h3 .small, .h4 small,
  83. .h4 .small, .h5 small,
  84. .h5 .small, .h6 small,
  85. .h6 .small {
  86. font-weight: normal;
  87. line-height: 1;
  88. color: #777777;
  89. }
  90. h1 small,
  91. h1 .small, .h1 small,
  92. .h1 .small,
  93. h2 small,
  94. h2 .small, .h2 small,
  95. .h2 .small,
  96. h3 small,
  97. h3 .small, .h3 small,
  98. .h3 .small {
  99. font-size: 65%;
  100. }
  101. h4 small,
  102. h4 .small, .h4 small,
  103. .h4 .small,
  104. h5 small,
  105. h5 .small, .h5 small,
  106. .h5 .small,
  107. h6 small,
  108. h6 .small, .h6 small,
  109. .h6 .small {
  110. font-size: 75%;
  111. }
  112. h1, .h1 {
  113. font-size: 2rem;
  114. font-weight: 700;
  115. }
  116. h2, .h2 {
  117. font-size: 1.5rem;
  118. }
  119. h3, .h3 {
  120. font-size: 1.25rem;
  121. }
  122. h4, .h4 {
  123. font-size: 1.2rem;
  124. }
  125. h5, .h5 {
  126. font-size: 1rem;
  127. }
  128. h6, .h6 {
  129. font-size: 0.875rem;
  130. }
  131. img {
  132. border-style: none;
  133. vertical-align: middle;
  134. max-width: 100%;
  135. height: auto;
  136. }
  137. svg:not(:root) {
  138. overflow: hidden;
  139. }
  140. figure {
  141. margin: 0;
  142. padding-bottom: 0.5rem;
  143. display: table;
  144. }
  145. figure img {
  146. line-height: 1;
  147. }
  148. figure figcaption {
  149. font-size: 90%;
  150. color: #777777;
  151. text-align: center;
  152. display: table-caption;
  153. caption-side: bottom;
  154. margin-top: 5px;
  155. word-break: break-word;
  156. }
  157. figure.align-right {
  158. float: right;
  159. padding-top: 0.1rem;
  160. padding-left: 1rem;
  161. }
  162. figure.align-right figcaption {
  163. padding-left: 1rem;
  164. }
  165. figure.align-left {
  166. float: left;
  167. padding-top: 0.1rem;
  168. padding-right: 1rem;
  169. }
  170. figure.align-left figcaption {
  171. padding-right: 1rem;
  172. }
  173. figure.align-center {
  174. margin-right: auto;
  175. margin-left: auto;
  176. }
  177. .embed-responsive {
  178. display: block;
  179. position: relative;
  180. overflow: hidden;
  181. width: 100%;
  182. padding: 0;
  183. }
  184. .embed-responsive::before {
  185. display: block;
  186. content: '';
  187. }
  188. .embed-responsive .embed-responsive-item,
  189. .embed-responsive iframe,
  190. .embed-responsive embed,
  191. .embed-responsive object,
  192. .embed-responsive video {
  193. position: absolute;
  194. top: 0;
  195. left: 0;
  196. bottom: 0;
  197. border: 0;
  198. width: 100%;
  199. height: 100%;
  200. }
  201. .embed-responsive + p {
  202. margin-top: 0.75rem;
  203. }
  204. .embed-responsive-16by9::before {
  205. padding-top: 56.25%;
  206. }
  207. .embed-responsive-4by3::before {
  208. padding-top: 75%;
  209. }
  210. .embed-responsive-1by1::before {
  211. padding-top: 100%;
  212. }
  213. .embed-responsive-21by9::before {
  214. padding-top: calc((9/21)*100%);
  215. }
  216. iframe {
  217. max-width: 100%;
  218. }
  219. p > iframe {
  220. margin-top: 0.75rem;
  221. margin-bottom: 0.75rem;
  222. }
  223. a {
  224. background-color: transparent;
  225. text-decoration: none;
  226. font-weight: 500;
  227. color: inherit;
  228. -webkit-tap-highlight-color: transparent;
  229. }
  230. a:hover, a:focus {
  231. color: inherit;
  232. text-decoration: none;
  233. }
  234. a:active, a:hover {
  235. outline: 0;
  236. }
  237. a:focus {
  238. outline: 5px auto -webkit-focus-ring-color;
  239. outline-offset: -2px;
  240. }
  241. a:active:not(.btn) {
  242. opacity: .8;
  243. }
  244. dl,
  245. ul,
  246. ol {
  247. margin-top: 0;
  248. margin-bottom: 1rem;
  249. }
  250. dl dl,
  251. dl ul,
  252. dl ol,
  253. ul dl,
  254. ul ul,
  255. ul ol,
  256. ol dl,
  257. ol ul,
  258. ol ol {
  259. margin-bottom: 0;
  260. }
  261. .popover ol:last-child, .popover ul:last-child {
  262. margin-bottom: 0;
  263. }
  264. dl {
  265. margin-top: 0;
  266. margin-bottom: 24px;
  267. }
  268. dt,
  269. dd {
  270. line-height: 1.5;
  271. }
  272. dt {
  273. font-weight: bold;
  274. }
  275. dd {
  276. margin-left: 0;
  277. }
  278. table {
  279. border-collapse: collapse;
  280. }
  281. caption {
  282. padding-top: 0.75rem;
  283. padding-bottom: 0.75rem;
  284. color: #777777;
  285. text-align: left;
  286. caption-side: bottom;
  287. }
  288. th {
  289. text-align: left;
  290. }
  291. .table {
  292. width: 100%;
  293. max-width: 100%;
  294. margin-bottom: 1rem;
  295. background-color: transparent;
  296. font-size: 0.875rem;
  297. }
  298. .table th,
  299. .table td {
  300. padding: 0.75rem;
  301. vertical-align: top;
  302. word-wrap: break-word;
  303. }
  304. .table thead th {
  305. font-weight: 500;
  306. font-size: 12px;
  307. vertical-align: bottom;
  308. border-bottom: 2px solid #e6e6e6;
  309. }
  310. .table tbody + tbody {
  311. border-top: 2px solid #e6e6e6;
  312. }
  313. .table .views-align-left {
  314. text-align: left;
  315. }
  316. .table .views-align-right {
  317. text-align: right;
  318. }
  319. .table .views-align-center {
  320. text-align: center;
  321. }
  322. .table-sm th,
  323. .table-sm td {
  324. padding: 0.3rem;
  325. }
  326. .table-bordered {
  327. border: 1px solid #e6e6e6;
  328. }
  329. .table-bordered th,
  330. .table-bordered td {
  331. border: 1px solid #e6e6e6;
  332. }
  333. .table-bordered thead th,
  334. .table-bordered thead td {
  335. border-bottom-width: 2px;
  336. }
  337. .table-striped tbody tr:nth-of-type(odd) {
  338. background-color: rgba(0, 0, 0, 0.05);
  339. }
  340. .table-hover tbody tr:hover {
  341. background-color: rgba(0, 0, 0, 0.075);
  342. }
  343. .thead-default th {
  344. color: #555555;
  345. background-color: #e6e6e6;
  346. }
  347. .tablesort {
  348. display: inline-block;
  349. vertical-align: top;
  350. line-height: 1;
  351. }
  352. .icon-tablesort {
  353. width: 20px;
  354. height: 20px;
  355. }
  356. .tabledrag-handle {
  357. color: #777777;
  358. cursor: move;
  359. position: absolute;
  360. line-height: 1;
  361. margin: 0 0 0 -10px;
  362. padding: 10px;
  363. }
  364. .tabledrag-handle ~ .form-managed-file {
  365. display: block;
  366. padding-left: 24px;
  367. }
  368. .table-responsive {
  369. display: block;
  370. width: 100%;
  371. }
  372. .table-responsive .table-bordered {
  373. border: 0;
  374. }
  375. b,
  376. strong {
  377. font-weight: bold;
  378. }
  379. p {
  380. margin: 0 0 0.75rem;
  381. }
  382. blockquote {
  383. margin: 20px 0;
  384. padding-left: 1.5em;
  385. font-weight: 500;
  386. }
  387. em.placeholder {
  388. font-style: normal;
  389. }
  390. .light {
  391. font-weight: 300;
  392. }
  393. .section-title {
  394. padding: 1.25rem;
  395. margin: 0;
  396. }
  397. .text-truncate {
  398. display: block;
  399. overflow: hidden;
  400. white-space: nowrap;
  401. text-overflow: ellipsis;
  402. max-width: 100%;
  403. }
  404. .post-date {
  405. color: #777777;
  406. font-size: 0.75rem;
  407. line-height: 1.25;
  408. }
  409. .text-align-left {
  410. text-align: left;
  411. }
  412. .text-align-right {
  413. text-align: right;
  414. }
  415. .text-align-center {
  416. text-align: center;
  417. }
  418. .text-align-justify {
  419. text-align: justify;
  420. }
  421. small,
  422. .small {
  423. font-size: 87%;
  424. }
  425. .text-left {
  426. text-align: left;
  427. }
  428. .text-right {
  429. text-align: right;
  430. }
  431. .text-center {
  432. text-align: center;
  433. }
  434. .text-justify {
  435. text-align: justify;
  436. }
  437. .text-nowrap {
  438. white-space: nowrap;
  439. }
  440. .text-xs {
  441. font-size: 0.4em;
  442. }
  443. .text-s {
  444. font-size: 0.75rem;
  445. }
  446. .text-m {
  447. font-size: 0.875rem;
  448. }
  449. .text-l {
  450. font-size: 1.125rem;
  451. }
  452. .text-xl {
  453. font-size: 1.25rem;
  454. }
  455. .text-xxl {
  456. font-size: 1.5rem;
  457. }
  458. .text-xxxl {
  459. font-size: 2rem;
  460. }
  461. .text-xxxxl {
  462. font-size: 3rem;
  463. }
  464. abbr[title],
  465. abbr[data-original-title] {
  466. cursor: help;
  467. border-bottom: 1px dotted #777777;
  468. }
  469. blockquote {
  470. padding: 12px 24px;
  471. margin: 0 0 24px;
  472. font-size: 18px;
  473. border-left: 5px solid #e6e6e6;
  474. }
  475. blockquote p:last-child,
  476. blockquote ul:last-child,
  477. blockquote ol:last-child {
  478. margin-bottom: 0;
  479. }
  480. address {
  481. margin-bottom: 24px;
  482. font-style: normal;
  483. line-height: 1.5;
  484. }
  485. hr {
  486. margin-top: 24px;
  487. margin-bottom: 24px;
  488. border: 0;
  489. border-top: 1px solid #e6e6e6;
  490. }
  491. dfn {
  492. font-style: italic;
  493. }
  494. mark {
  495. background: #ff0;
  496. color: #000;
  497. }
  498. sub,
  499. sup {
  500. font-size: 75%;
  501. line-height: 0;
  502. position: relative;
  503. vertical-align: baseline;
  504. }
  505. sup {
  506. top: -0.5em;
  507. }
  508. sub {
  509. bottom: -0.25em;
  510. }
  511. .sr-only {
  512. position: absolute;
  513. height: 1px;
  514. width: 1px;
  515. overflow: hidden;
  516. word-wrap: normal;
  517. margin: -1px;
  518. padding: 0;
  519. clip: rect(0, 0, 0, 0);
  520. border: 0;
  521. }
  522. .sr-only-focusable {
  523. position: absolute;
  524. height: 1px;
  525. width: 1px;
  526. overflow: hidden;
  527. word-wrap: normal;
  528. margin: -1px;
  529. padding: 0;
  530. clip: rect(0, 0, 0, 0);
  531. border: 0;
  532. }
  533. .sr-only-focusable:active, .sr-only-focusable:focus {
  534. position: static;
  535. clip: auto;
  536. height: auto;
  537. width: auto;
  538. overflow: visible;
  539. margin: 0;
  540. }
  541. .no-margin {
  542. margin: 0;
  543. }
  544. .margin-left-s {
  545. margin-left: 5px;
  546. }
  547. .margin-left-m {
  548. margin-left: 10px;
  549. }
  550. .margin-left-l {
  551. margin-left: 20px;
  552. }
  553. .margin-left-xl {
  554. margin-left: 30px;
  555. }
  556. .margin-bottom-s {
  557. margin-bottom: 5px;
  558. }
  559. .margin-bottom-m {
  560. margin-bottom: 10px;
  561. }
  562. .margin-bottom-l {
  563. margin-bottom: 20px;
  564. }
  565. .margin-bottom-xl {
  566. margin-bottom: 30px;
  567. }
  568. .margin-top-s {
  569. margin-top: 5px;
  570. }
  571. .margin-top-m {
  572. margin-top: 10px;
  573. }
  574. .margin-top-l {
  575. margin-top: 20px;
  576. }
  577. .margin-top-xl {
  578. margin-top: 30px;
  579. }
  580. .margin-top-xxl {
  581. margin-top: 40px;
  582. }
  583. .no-padding {
  584. padding: 0 !important;
  585. }
  586. .padding-xs {
  587. padding: 6px;
  588. }
  589. .padding-sm {
  590. padding: 12px;
  591. }
  592. .padding-md {
  593. padding: 24px;
  594. }
  595. .padding-lg {
  596. padding: 48px;
  597. }
  598. .no-side-padding {
  599. padding: 24px 0;
  600. }
  601. .no-border {
  602. border: 0 !important;
  603. }
  604. .inline-center {
  605. vertical-align: middle;
  606. line-height: 1;
  607. margin-right: 5px;
  608. }
  609. .align-center {
  610. -ms-flex-item-align: center;
  611. align-self: center;
  612. }
  613. .block {
  614. display: block;
  615. }
  616. .pin-top, .pin-bottom {
  617. position: relative;
  618. }
  619. .pinned {
  620. position: fixed !important;
  621. }
  622. .ruler-sm {
  623. margin: 9.6px 0;
  624. }
  625. .img-responsive {
  626. display: block;
  627. max-width: 100%;
  628. height: auto;
  629. }
  630. .img-bordered {
  631. border: 3px solid white;
  632. }
  633. .img-elevated {
  634. display: inline-block;
  635. -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  636. box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  637. }
  638. p + p .img-elevated {
  639. margin-top: -0.5rem;
  640. }
  641. .img-circle {
  642. border-radius: 50%;
  643. }
  644. img.align-left {
  645. float: left;
  646. margin-right: 1em;
  647. margin-bottom: 1em;
  648. }
  649. img.align-right {
  650. float: right;
  651. margin-left: 1em;
  652. margin-bottom: 1em;
  653. }
  654. img.align-center {
  655. display: block;
  656. margin-left: auto;
  657. margin-right: auto;
  658. }
  659. .img-medium {
  660. width: 44px;
  661. height: 44px;
  662. }
  663. .img-small {
  664. width: 24px;
  665. height: 24px;
  666. }
  667. .img-grid {
  668. display: -webkit-box;
  669. display: -ms-flexbox;
  670. display: flex;
  671. -ms-flex-wrap: wrap;
  672. flex-wrap: wrap;
  673. padding-bottom: 10px;
  674. }
  675. .img-grid img {
  676. margin: 3px;
  677. }
  678. .clearfix:before, .clearfix:after {
  679. content: " ";
  680. display: table;
  681. }
  682. .clearfix:after {
  683. clear: both;
  684. }
  685. .center-block {
  686. display: block;
  687. margin-left: auto;
  688. margin-right: auto;
  689. }
  690. .pull-right {
  691. float: right !important;
  692. }
  693. .pull-left {
  694. float: left !important;
  695. }
  696. .js .js-hide,
  697. .js-show,
  698. .hide {
  699. display: none !important;
  700. }
  701. .js .js-show,
  702. .show {
  703. display: block !important;
  704. }
  705. .invisible {
  706. visibility: hidden;
  707. }
  708. .text-hide {
  709. font: 0/0 a;
  710. color: transparent;
  711. text-shadow: none;
  712. background-color: transparent;
  713. border: 0;
  714. }
  715. .visually-hidden {
  716. position: absolute !important;
  717. clip: rect(1px, 1px, 1px, 1px);
  718. overflow: hidden;
  719. height: 1px;
  720. width: 1px;
  721. word-wrap: normal;
  722. }
  723. .hidden {
  724. display: none !important;
  725. }
  726. .list-inline {
  727. padding-left: 0;
  728. list-style: none;
  729. }
  730. .list-inline-item {
  731. display: inline-block;
  732. }
  733. .list-inline-item:not(:last-child) {
  734. margin-right: 5px;
  735. }
  736. @-ms-viewport {
  737. width: device-width;
  738. }
  739. [role="button"] {
  740. cursor: pointer;
  741. }
  742. .btn {
  743. display: inline-block;
  744. margin-bottom: 0;
  745. font-weight: normal;
  746. text-align: center;
  747. vertical-align: middle;
  748. -ms-touch-action: manipulation;
  749. touch-action: manipulation;
  750. cursor: pointer;
  751. background-image: none;
  752. border: 1px solid transparent;
  753. padding: 6px 12px;
  754. font-size: 0.875rem;
  755. line-height: 1.5;
  756. -webkit-user-select: none;
  757. -moz-user-select: none;
  758. -ms-user-select: none;
  759. user-select: none;
  760. -webkit-transition: .3s ease-out;
  761. transition: .3s ease-out;
  762. outline: 0;
  763. }
  764. .btn + .btn {
  765. margin-left: 5px;
  766. }
  767. .btn + .btn-block {
  768. margin-left: 0;
  769. }
  770. .btn .caret {
  771. margin-left: 3px;
  772. }
  773. .btn:hover, .btn:focus, .btn.focus {
  774. text-decoration: none;
  775. outline: 0;
  776. }
  777. .btn:active, .btn.active {
  778. background-image: none;
  779. }
  780. .btn.disabled, .btn[disabled],
  781. fieldset[disabled] .btn {
  782. cursor: not-allowed;
  783. opacity: .65;
  784. -webkit-box-shadow: none;
  785. box-shadow: none;
  786. }
  787. .btn a {
  788. font-weight: normal;
  789. }
  790. .btn.btn-full {
  791. display: block;
  792. }
  793. .btn-non-clickable.disabled,
  794. fieldset[disabled] .btn-non-clickable,
  795. a.btn.disabled,
  796. fieldset[disabled]
  797. a.btn {
  798. pointer-events: none;
  799. }
  800. .btn-link {
  801. font-weight: normal;
  802. }
  803. .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], .btn-link:hover, .btn-link:focus,
  804. fieldset[disabled] .btn-link {
  805. background-color: transparent;
  806. border-color: transparent;
  807. -webkit-box-shadow: none;
  808. box-shadow: none;
  809. }
  810. .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  811. fieldset[disabled] .btn-link:hover,
  812. fieldset[disabled] .btn-link:focus {
  813. text-decoration: none;
  814. }
  815. .btn--with-bgicon {
  816. padding-left: 32px;
  817. background-size: 16px 16px;
  818. background-position: 10px 8px;
  819. background-repeat: no-repeat;
  820. }
  821. .btn--facebook {
  822. background-image: url("../images/icons/icon-facebook.svg");
  823. }
  824. .btn--linkedin {
  825. background-image: url("../images/icons/icon-linkedin.svg");
  826. }
  827. .btn--google {
  828. background-image: url("../images/icons/icon-google.svg");
  829. }
  830. .btn--twitter {
  831. background-image: url("../images/icons/icon-twitter.svg");
  832. }
  833. .fieldset-wrapper > .btn {
  834. margin: 5px 5px 5px 0;
  835. }
  836. .btn-lg, .btn-group-lg > .btn {
  837. padding: 10px 16px;
  838. font-size: 1rem;
  839. line-height: 1.33333;
  840. }
  841. .btn-sm, .btn-group-sm > .btn {
  842. padding: 5px 10px;
  843. font-size: 0.75rem;
  844. line-height: 1.5;
  845. }
  846. .btn-sm .glyphicon:before, .btn-group-sm > .btn .glyphicon:before {
  847. width: 13px;
  848. height: 13px;
  849. }
  850. .btn-xs, .btn-group-xs > .btn {
  851. padding: 1px 5px;
  852. font-size: 0.75rem;
  853. line-height: 1.5;
  854. }
  855. .btn-block {
  856. display: block;
  857. width: 100%;
  858. }
  859. .btn-block + .btn-block {
  860. margin-top: 5px;
  861. }
  862. input[type="submit"].btn-block,
  863. input[type="reset"].btn-block,
  864. input[type="button"].btn-block {
  865. width: 100%;
  866. }
  867. .btn.pull-right + .btn {
  868. margin-left: 0;
  869. }
  870. .btn-raised {
  871. -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  872. box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  873. -webkit-transition: .15s ease-out, -webkit-box-shadow;
  874. transition: .15s ease-out, -webkit-box-shadow;
  875. transition: box-shadow, .15s ease-out;
  876. transition: box-shadow, .15s ease-out, -webkit-box-shadow;
  877. }
  878. .btn-raised:active, .btn-raised.active, .btn-raised:hover {
  879. -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
  880. box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
  881. }
  882. .btn-raised.disabled, .btn-raised[disabled] {
  883. -webkit-box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  884. box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  885. }
  886. .btn-icon-toggle {
  887. background-color: transparent;
  888. border-radius: 50% !important;
  889. padding: 4px;
  890. }
  891. .btn-icon-toggle:hover, .btn-icon-toggle:focus {
  892. background-color: rgba(0, 0, 0, 0.07);
  893. border-color: transparent;
  894. }
  895. .btn-icon-toggle:active, .btn-icon-toggle.active {
  896. background-color: rgba(12, 12, 12, 0.25);
  897. border-color: transparent;
  898. }
  899. .btn-icon {
  900. font-size: 1.00012rem;
  901. line-height: 21px;
  902. height: 21px;
  903. width: 21px;
  904. vertical-align: bottom;
  905. }
  906. .btn-iconized {
  907. line-height: 12px;
  908. }
  909. .btn-iconized .icon-inline {
  910. fill: inherit;
  911. width: 24px;
  912. height: 24px;
  913. line-height: 24px;
  914. }
  915. .btn-floating {
  916. width: 38px;
  917. height: 38px;
  918. padding: 7px;
  919. border-radius: 50%;
  920. border: 0;
  921. -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  922. box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  923. }
  924. .btn-floating:active, .btn-floating.active, .btn-floating:hover {
  925. -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
  926. box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
  927. }
  928. .btn-floating.btn-lg, .btn-group-lg > .btn-floating.btn {
  929. width: 52px;
  930. height: 52px;
  931. }
  932. .btn-floating.disabled, .btn-floating[disabled] {
  933. -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  934. box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  935. }
  936. .btn-group,
  937. .btn-group-vertical {
  938. position: relative;
  939. display: inline-block;
  940. vertical-align: middle;
  941. }
  942. .btn-group > .btn,
  943. .btn-group-vertical > .btn {
  944. position: relative;
  945. float: left;
  946. }
  947. .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
  948. .btn-group-vertical > .btn:hover,
  949. .btn-group-vertical > .btn:focus,
  950. .btn-group-vertical > .btn:active,
  951. .btn-group-vertical > .btn.active {
  952. z-index: 2;
  953. }
  954. .btn-group .btn + .btn,
  955. .btn-group .btn + .btn-group,
  956. .btn-group .btn-group + .btn,
  957. .btn-group .btn-group + .btn-group {
  958. margin-left: -1px;
  959. }
  960. .btn-toolbar {
  961. margin-left: -5px;
  962. }
  963. .btn-toolbar:before, .btn-toolbar:after {
  964. content: " ";
  965. display: table;
  966. }
  967. .btn-toolbar:after {
  968. clear: both;
  969. }
  970. .btn-toolbar .btn,
  971. .btn-toolbar .btn-group,
  972. .btn-toolbar .input-group {
  973. float: left;
  974. }
  975. .btn-toolbar > .btn,
  976. .btn-toolbar > .btn-group,
  977. .btn-toolbar > .input-group {
  978. margin-left: 5px;
  979. }
  980. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  981. border-radius: 0;
  982. }
  983. .btn-group > .btn:first-child {
  984. margin-left: 0;
  985. }
  986. .btn-group > .btn:first-child:not(:last-of-type):not(.dropdown-toggle) {
  987. border-bottom-right-radius: 0;
  988. border-top-right-radius: 0;
  989. }
  990. .btn-group > .btn:last-child:not(:first-child),
  991. .btn-group > .dropdown-toggle:not(:first-child) {
  992. border-bottom-left-radius: 0;
  993. border-top-left-radius: 0;
  994. }
  995. .btn-group > .btn-group {
  996. float: left;
  997. }
  998. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  999. border-radius: 0;
  1000. }
  1001. .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  1002. .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  1003. border-bottom-right-radius: 0;
  1004. border-top-right-radius: 0;
  1005. }
  1006. .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  1007. border-bottom-left-radius: 0;
  1008. border-top-left-radius: 0;
  1009. }
  1010. .btn-group .dropdown-toggle:active,
  1011. .btn-group.open .dropdown-toggle {
  1012. outline: 0;
  1013. }
  1014. .btn-group > .btn + .dropdown-toggle {
  1015. padding-left: 8px;
  1016. padding-right: 8px;
  1017. }
  1018. .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  1019. padding-left: 12px;
  1020. padding-right: 12px;
  1021. }
  1022. .btn-group > .btn-sm + .dropdown-toggle, .btn-group-sm.btn-group > .btn + .dropdown-toggle {
  1023. padding-left: 6px;
  1024. padding-right: 6px;
  1025. }
  1026. .btn-group > .btn-xs + .dropdown-toggle, .btn-group-xs.btn-group > .btn + .dropdown-toggle {
  1027. padding-left: 4px;
  1028. padding-right: 4px;
  1029. }
  1030. .btn-group.open .dropdown-toggle.btn-link {
  1031. -webkit-box-shadow: none;
  1032. box-shadow: none;
  1033. }
  1034. .btn-lg .caret, .btn-group-lg > .btn .caret {
  1035. border-width: 5px 5px 0;
  1036. }
  1037. .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  1038. border-width: 0 5px 5px;
  1039. }
  1040. .btn-group-vertical > .btn,
  1041. .btn-group-vertical > .btn-group,
  1042. .btn-group-vertical > .btn-group > .btn {
  1043. display: block;
  1044. float: none;
  1045. width: 100%;
  1046. max-width: 100%;
  1047. }
  1048. .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  1049. content: " ";
  1050. display: table;
  1051. }
  1052. .btn-group-vertical > .btn-group:after {
  1053. clear: both;
  1054. }
  1055. .btn-group-vertical > .btn-group > .btn {
  1056. float: none;
  1057. }
  1058. .btn-group-vertical > .btn + .btn,
  1059. .btn-group-vertical > .btn + .btn-group,
  1060. .btn-group-vertical > .btn-group + .btn,
  1061. .btn-group-vertical > .btn-group + .btn-group {
  1062. margin-top: -1px;
  1063. margin-left: 0;
  1064. }
  1065. .btn-group--operations {
  1066. width: 100%;
  1067. display: -webkit-box;
  1068. display: -ms-flexbox;
  1069. display: flex;
  1070. -webkit-box-pack: center;
  1071. -ms-flex-pack: center;
  1072. justify-content: center;
  1073. }
  1074. .block-group-add-event-block,
  1075. .block-group-add-topic-block,
  1076. .block-event-add-block,
  1077. .block-topic-add-block,
  1078. .block-group-add-block {
  1079. display: inline-block;
  1080. }
  1081. .textarea--cke .cke {
  1082. position: relative;
  1083. }
  1084. body {
  1085. margin: 10px;
  1086. }
  1087. .align-left {
  1088. float: left;
  1089. padding-right: 1em;
  1090. }
  1091. .align-right {
  1092. float: right;
  1093. padding-left: 1em;
  1094. }
  1095. .embed-responsive .cke_widget_drupalurl {
  1096. position: absolute;
  1097. top: 0;
  1098. left: 0;
  1099. bottom: 0;
  1100. border: 0;
  1101. width: 100%;
  1102. height: 100%;
  1103. }
  1104. @media (min-width: 600px) {
  1105. body {
  1106. font-size: 16px;
  1107. }
  1108. .section-title {
  1109. padding-left: 20px;
  1110. }
  1111. .section-title.section-title-stream {
  1112. padding-left: 40px;
  1113. }
  1114. .section-title.section-title-node {
  1115. padding-left: 48px;
  1116. }
  1117. }
  1118. @media (min-width: 900px) {
  1119. h1, .h1 {
  1120. font-size: 3rem;
  1121. }
  1122. h2, .h2 {
  1123. font-size: 2rem;
  1124. }
  1125. h3, .h3 {
  1126. font-size: 1.5rem;
  1127. }
  1128. h4, .h4 {
  1129. font-size: 1.25rem;
  1130. }
  1131. .block-group-add-event-block,
  1132. .block-group-add-topic-block,
  1133. .block-event-add-block,
  1134. .block-topic-add-block,
  1135. .block-group-add-block {
  1136. display: block;
  1137. }
  1138. .block-group-add-event-block .btn,
  1139. .block-group-add-topic-block .btn,
  1140. .block-event-add-block .btn,
  1141. .block-topic-add-block .btn,
  1142. .block-group-add-block .btn {
  1143. width: 100%;
  1144. margin-bottom: 0.75rem;
  1145. }
  1146. }
  1147. @media (max-width: 599px) {
  1148. figure.align-left, figure.align-right, figure.align-center {
  1149. float: none;
  1150. width: 100%;
  1151. text-align: center;
  1152. padding: 0;
  1153. margin-bottom: 1rem;
  1154. }
  1155. figure.align-left figcaption, figure.align-right figcaption, figure.align-center figcaption {
  1156. padding: 0;
  1157. }
  1158. .table-responsive {
  1159. overflow-x: auto;
  1160. -ms-overflow-style: -ms-autohiding-scrollbar;
  1161. padding-bottom: 100px;
  1162. margin-bottom: -100px;
  1163. }
  1164. .hidden-for-phone-only {
  1165. display: none;
  1166. }
  1167. }
  1168. @media (max-width: 899px) {
  1169. .block-group-add-event-block,
  1170. .block-group-add-topic-block,
  1171. .block-event-add-block,
  1172. .block-topic-add-block,
  1173. .block-group-add-block {
  1174. margin-top: 1rem;
  1175. }
  1176. }