You are here

ckeditor.css in Open Social 8.2

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 {
  text-transform: uppercase;
  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;
  text-transform: uppercase;
  -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. text-transform: uppercase;
  306. font-weight: 500;
  307. font-size: 12px;
  308. vertical-align: bottom;
  309. border-bottom: 2px solid #e6e6e6;
  310. }
  311. .table tbody + tbody {
  312. border-top: 2px solid #e6e6e6;
  313. }
  314. .table .views-align-left {
  315. text-align: left;
  316. }
  317. .table .views-align-right {
  318. text-align: right;
  319. }
  320. .table .views-align-center {
  321. text-align: center;
  322. }
  323. .table-sm th,
  324. .table-sm td {
  325. padding: 0.3rem;
  326. }
  327. .table-bordered {
  328. border: 1px solid #e6e6e6;
  329. }
  330. .table-bordered th,
  331. .table-bordered td {
  332. border: 1px solid #e6e6e6;
  333. }
  334. .table-bordered thead th,
  335. .table-bordered thead td {
  336. border-bottom-width: 2px;
  337. }
  338. .table-striped tbody tr:nth-of-type(odd) {
  339. background-color: rgba(0, 0, 0, 0.05);
  340. }
  341. .table-hover tbody tr:hover {
  342. background-color: rgba(0, 0, 0, 0.075);
  343. }
  344. .thead-default th {
  345. color: #555555;
  346. background-color: #e6e6e6;
  347. }
  348. .tablesort {
  349. display: inline-block;
  350. vertical-align: top;
  351. line-height: 1;
  352. }
  353. .icon-tablesort {
  354. width: 20px;
  355. height: 20px;
  356. }
  357. .tabledrag-handle {
  358. color: #777777;
  359. cursor: move;
  360. position: absolute;
  361. line-height: 1;
  362. margin: 0 0 0 -10px;
  363. padding: 10px;
  364. }
  365. .tabledrag-handle ~ .form-managed-file {
  366. display: block;
  367. padding-left: 24px;
  368. }
  369. .table-responsive {
  370. display: block;
  371. width: 100%;
  372. }
  373. .table-responsive .table-bordered {
  374. border: 0;
  375. }
  376. b,
  377. strong {
  378. font-weight: bold;
  379. }
  380. p {
  381. margin: 0 0 0.75rem;
  382. }
  383. blockquote {
  384. margin: 20px 0;
  385. padding-left: 1.5em;
  386. font-weight: 500;
  387. }
  388. em.placeholder {
  389. font-style: normal;
  390. }
  391. .light {
  392. font-weight: 300;
  393. }
  394. .section-title {
  395. padding: 1.25rem;
  396. margin: 0;
  397. }
  398. .text-truncate {
  399. display: block;
  400. overflow: hidden;
  401. white-space: nowrap;
  402. text-overflow: ellipsis;
  403. max-width: 100%;
  404. }
  405. .post-date {
  406. color: #777777;
  407. font-size: 0.75rem;
  408. line-height: 1.25;
  409. }
  410. .text-align-left {
  411. text-align: left;
  412. }
  413. .text-align-right {
  414. text-align: right;
  415. }
  416. .text-align-center {
  417. text-align: center;
  418. }
  419. .text-align-justify {
  420. text-align: justify;
  421. }
  422. small,
  423. .small {
  424. font-size: 87%;
  425. }
  426. .text-left {
  427. text-align: left;
  428. }
  429. .text-right {
  430. text-align: right;
  431. }
  432. .text-center {
  433. text-align: center;
  434. }
  435. .text-justify {
  436. text-align: justify;
  437. }
  438. .text-nowrap {
  439. white-space: nowrap;
  440. }
  441. .text-xs {
  442. font-size: 0.4em;
  443. }
  444. .text-s {
  445. font-size: 0.75rem;
  446. }
  447. .text-m {
  448. font-size: 0.875rem;
  449. }
  450. .text-l {
  451. font-size: 1.125rem;
  452. }
  453. .text-xl {
  454. font-size: 1.25rem;
  455. }
  456. .text-xxl {
  457. font-size: 1.5rem;
  458. }
  459. .text-xxxl {
  460. font-size: 2rem;
  461. }
  462. .text-xxxxl {
  463. font-size: 3rem;
  464. }
  465. abbr[title],
  466. abbr[data-original-title] {
  467. cursor: help;
  468. border-bottom: 1px dotted #777777;
  469. }
  470. blockquote {
  471. padding: 12px 24px;
  472. margin: 0 0 24px;
  473. font-size: 18px;
  474. border-left: 5px solid #e6e6e6;
  475. }
  476. blockquote p:last-child,
  477. blockquote ul:last-child,
  478. blockquote ol:last-child {
  479. margin-bottom: 0;
  480. }
  481. address {
  482. margin-bottom: 24px;
  483. font-style: normal;
  484. line-height: 1.5;
  485. }
  486. hr {
  487. margin-top: 24px;
  488. margin-bottom: 24px;
  489. border: 0;
  490. border-top: 1px solid #e6e6e6;
  491. }
  492. dfn {
  493. font-style: italic;
  494. }
  495. mark {
  496. background: #ff0;
  497. color: #000;
  498. }
  499. sub,
  500. sup {
  501. font-size: 75%;
  502. line-height: 0;
  503. position: relative;
  504. vertical-align: baseline;
  505. }
  506. sup {
  507. top: -0.5em;
  508. }
  509. sub {
  510. bottom: -0.25em;
  511. }
  512. .sr-only {
  513. position: absolute;
  514. height: 1px;
  515. width: 1px;
  516. overflow: hidden;
  517. word-wrap: normal;
  518. margin: -1px;
  519. padding: 0;
  520. clip: rect(0, 0, 0, 0);
  521. border: 0;
  522. }
  523. .sr-only-focusable {
  524. position: absolute;
  525. height: 1px;
  526. width: 1px;
  527. overflow: hidden;
  528. word-wrap: normal;
  529. margin: -1px;
  530. padding: 0;
  531. clip: rect(0, 0, 0, 0);
  532. border: 0;
  533. }
  534. .sr-only-focusable:active, .sr-only-focusable:focus {
  535. position: static;
  536. clip: auto;
  537. height: auto;
  538. width: auto;
  539. overflow: visible;
  540. margin: 0;
  541. }
  542. .no-margin {
  543. margin: 0;
  544. }
  545. .margin-left-s {
  546. margin-left: 5px;
  547. }
  548. .margin-left-m {
  549. margin-left: 10px;
  550. }
  551. .margin-left-l {
  552. margin-left: 20px;
  553. }
  554. .margin-left-xl {
  555. margin-left: 30px;
  556. }
  557. .margin-bottom-s {
  558. margin-bottom: 5px;
  559. }
  560. .margin-bottom-m {
  561. margin-bottom: 10px;
  562. }
  563. .margin-bottom-l {
  564. margin-bottom: 20px;
  565. }
  566. .margin-bottom-xl {
  567. margin-bottom: 30px;
  568. }
  569. .margin-top-s {
  570. margin-top: 5px;
  571. }
  572. .margin-top-m {
  573. margin-top: 10px;
  574. }
  575. .margin-top-l {
  576. margin-top: 20px;
  577. }
  578. .margin-top-xl {
  579. margin-top: 30px;
  580. }
  581. .margin-top-xxl {
  582. margin-top: 40px;
  583. }
  584. .no-padding {
  585. padding: 0 !important;
  586. }
  587. .padding-xs {
  588. padding: 6px;
  589. }
  590. .padding-sm {
  591. padding: 12px;
  592. }
  593. .padding-md {
  594. padding: 24px;
  595. }
  596. .padding-lg {
  597. padding: 48px;
  598. }
  599. .no-side-padding {
  600. padding: 24px 0;
  601. }
  602. .no-border {
  603. border: 0 !important;
  604. }
  605. .inline-center {
  606. vertical-align: middle;
  607. line-height: 1;
  608. margin-right: 5px;
  609. }
  610. .align-center {
  611. -ms-flex-item-align: center;
  612. align-self: center;
  613. }
  614. .block {
  615. display: block;
  616. }
  617. .pin-top, .pin-bottom {
  618. position: relative;
  619. }
  620. .pinned {
  621. position: fixed !important;
  622. }
  623. .ruler-sm {
  624. margin: 9.6px 0;
  625. }
  626. .img-responsive {
  627. display: block;
  628. max-width: 100%;
  629. height: auto;
  630. }
  631. .img-bordered {
  632. border: 3px solid white;
  633. }
  634. .img-elevated {
  635. display: inline-block;
  636. -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  637. box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  638. }
  639. p + p .img-elevated {
  640. margin-top: -0.5rem;
  641. }
  642. .img-circle {
  643. border-radius: 50%;
  644. }
  645. img.align-left {
  646. float: left;
  647. margin-right: 1em;
  648. margin-bottom: 1em;
  649. }
  650. img.align-right {
  651. float: right;
  652. margin-left: 1em;
  653. margin-bottom: 1em;
  654. }
  655. img.align-center {
  656. display: block;
  657. margin-left: auto;
  658. margin-right: auto;
  659. }
  660. .img-medium {
  661. width: 44px;
  662. height: 44px;
  663. }
  664. .img-small {
  665. width: 24px;
  666. height: 24px;
  667. }
  668. .img-grid {
  669. display: -webkit-box;
  670. display: -ms-flexbox;
  671. display: flex;
  672. -ms-flex-wrap: wrap;
  673. flex-wrap: wrap;
  674. padding-bottom: 10px;
  675. }
  676. .img-grid img {
  677. margin: 3px;
  678. }
  679. .clearfix:before, .clearfix:after {
  680. content: " ";
  681. display: table;
  682. }
  683. .clearfix:after {
  684. clear: both;
  685. }
  686. .center-block {
  687. display: block;
  688. margin-left: auto;
  689. margin-right: auto;
  690. }
  691. .pull-right {
  692. float: right !important;
  693. }
  694. .pull-left {
  695. float: left !important;
  696. }
  697. .js .js-hide,
  698. .js-show,
  699. .hide {
  700. display: none !important;
  701. }
  702. .js .js-show,
  703. .show {
  704. display: block !important;
  705. }
  706. .invisible {
  707. visibility: hidden;
  708. }
  709. .text-hide {
  710. font: 0/0 a;
  711. color: transparent;
  712. text-shadow: none;
  713. background-color: transparent;
  714. border: 0;
  715. }
  716. .visually-hidden {
  717. position: absolute !important;
  718. clip: rect(1px, 1px, 1px, 1px);
  719. overflow: hidden;
  720. height: 1px;
  721. width: 1px;
  722. word-wrap: normal;
  723. }
  724. .hidden {
  725. display: none !important;
  726. }
  727. .list-inline {
  728. padding-left: 0;
  729. list-style: none;
  730. }
  731. .list-inline-item {
  732. display: inline-block;
  733. }
  734. .list-inline-item:not(:last-child) {
  735. margin-right: 5px;
  736. }
  737. @-ms-viewport {
  738. width: device-width;
  739. }
  740. [role="button"] {
  741. cursor: pointer;
  742. }
  743. .btn {
  744. display: inline-block;
  745. margin-bottom: 0;
  746. font-weight: normal;
  747. text-align: center;
  748. vertical-align: middle;
  749. -ms-touch-action: manipulation;
  750. touch-action: manipulation;
  751. cursor: pointer;
  752. background-image: none;
  753. border: 1px solid transparent;
  754. padding: 6px 12px;
  755. font-size: 0.875rem;
  756. line-height: 1.5;
  757. -webkit-user-select: none;
  758. -moz-user-select: none;
  759. -ms-user-select: none;
  760. user-select: none;
  761. text-transform: uppercase;
  762. -webkit-transition: .3s ease-out;
  763. transition: .3s ease-out;
  764. outline: 0;
  765. }
  766. .btn + .btn {
  767. margin-left: 5px;
  768. }
  769. .btn + .btn-block {
  770. margin-left: 0;
  771. }
  772. .btn .caret {
  773. margin-left: 3px;
  774. }
  775. .btn:hover, .btn:focus, .btn.focus {
  776. text-decoration: none;
  777. outline: 0;
  778. }
  779. .btn:active, .btn.active {
  780. background-image: none;
  781. }
  782. .btn.disabled, .btn[disabled],
  783. fieldset[disabled] .btn {
  784. cursor: not-allowed;
  785. opacity: .65;
  786. -webkit-box-shadow: none;
  787. box-shadow: none;
  788. }
  789. .btn a {
  790. font-weight: normal;
  791. }
  792. .btn.btn-full {
  793. display: block;
  794. }
  795. .btn-non-clickable.disabled,
  796. fieldset[disabled] .btn-non-clickable,
  797. a.btn.disabled,
  798. fieldset[disabled]
  799. a.btn {
  800. pointer-events: none;
  801. }
  802. .btn-link {
  803. font-weight: normal;
  804. }
  805. .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], .btn-link:hover, .btn-link:focus,
  806. fieldset[disabled] .btn-link {
  807. background-color: transparent;
  808. border-color: transparent;
  809. -webkit-box-shadow: none;
  810. box-shadow: none;
  811. }
  812. .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  813. fieldset[disabled] .btn-link:hover,
  814. fieldset[disabled] .btn-link:focus {
  815. text-decoration: none;
  816. }
  817. .btn--with-bgicon {
  818. padding-left: 32px;
  819. background-size: 16px 16px;
  820. background-position: 10px 8px;
  821. background-repeat: no-repeat;
  822. }
  823. .btn--facebook {
  824. background-image: url("../images/icons/icon-facebook.svg");
  825. }
  826. .btn--linkedin {
  827. background-image: url("../images/icons/icon-linkedin.svg");
  828. }
  829. .btn--google {
  830. background-image: url("../images/icons/icon-google.svg");
  831. }
  832. .btn--twitter {
  833. background-image: url("../images/icons/icon-twitter.svg");
  834. }
  835. .fieldset-wrapper > .btn {
  836. margin: 5px 5px 5px 0;
  837. }
  838. .btn-lg, .btn-group-lg > .btn {
  839. padding: 10px 16px;
  840. font-size: 1rem;
  841. line-height: 1.33333;
  842. }
  843. .btn-sm, .btn-group-sm > .btn {
  844. padding: 5px 10px;
  845. font-size: 0.75rem;
  846. line-height: 1.5;
  847. }
  848. .btn-sm .glyphicon:before, .btn-group-sm > .btn .glyphicon:before {
  849. width: 13px;
  850. height: 13px;
  851. }
  852. .btn-xs, .btn-group-xs > .btn {
  853. padding: 1px 5px;
  854. font-size: 0.75rem;
  855. line-height: 1.5;
  856. }
  857. .btn-block {
  858. display: block;
  859. width: 100%;
  860. }
  861. .btn-block + .btn-block {
  862. margin-top: 5px;
  863. }
  864. input[type="submit"].btn-block,
  865. input[type="reset"].btn-block,
  866. input[type="button"].btn-block {
  867. width: 100%;
  868. }
  869. .btn.pull-right + .btn {
  870. margin-left: 0;
  871. }
  872. .btn-raised {
  873. -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  874. box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  875. -webkit-transition: .15s ease-out, -webkit-box-shadow;
  876. transition: .15s ease-out, -webkit-box-shadow;
  877. transition: box-shadow, .15s ease-out;
  878. transition: box-shadow, .15s ease-out, -webkit-box-shadow;
  879. }
  880. .btn-raised:active, .btn-raised.active, .btn-raised:hover {
  881. -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
  882. box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
  883. }
  884. .btn-raised.disabled, .btn-raised[disabled] {
  885. -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);
  886. box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
  887. }
  888. .btn-icon-toggle {
  889. background-color: transparent;
  890. border-radius: 50% !important;
  891. padding: 4px;
  892. }
  893. .btn-icon-toggle:hover, .btn-icon-toggle:focus {
  894. background-color: rgba(0, 0, 0, 0.07);
  895. border-color: transparent;
  896. }
  897. .btn-icon-toggle:active, .btn-icon-toggle.active {
  898. background-color: rgba(12, 12, 12, 0.25);
  899. border-color: transparent;
  900. }
  901. .btn-icon {
  902. font-size: 1.00012rem;
  903. line-height: 21px;
  904. height: 21px;
  905. width: 21px;
  906. vertical-align: bottom;
  907. }
  908. .btn-iconized {
  909. line-height: 12px;
  910. }
  911. .btn-iconized .icon-inline {
  912. fill: inherit;
  913. width: 24px;
  914. height: 24px;
  915. line-height: 24px;
  916. }
  917. .btn-floating {
  918. width: 38px;
  919. height: 38px;
  920. padding: 7px;
  921. border-radius: 50%;
  922. border: 0;
  923. -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  924. box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  925. }
  926. .btn-floating:active, .btn-floating.active, .btn-floating:hover {
  927. -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
  928. box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);
  929. }
  930. .btn-floating.btn-lg, .btn-group-lg > .btn-floating.btn {
  931. width: 52px;
  932. height: 52px;
  933. }
  934. .btn-floating.disabled, .btn-floating[disabled] {
  935. -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  936. box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  937. }
  938. .btn-group,
  939. .btn-group-vertical {
  940. position: relative;
  941. display: inline-block;
  942. vertical-align: middle;
  943. }
  944. .btn-group > .btn,
  945. .btn-group-vertical > .btn {
  946. position: relative;
  947. float: left;
  948. }
  949. .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
  950. .btn-group-vertical > .btn:hover,
  951. .btn-group-vertical > .btn:focus,
  952. .btn-group-vertical > .btn:active,
  953. .btn-group-vertical > .btn.active {
  954. z-index: 2;
  955. }
  956. .btn-group .btn + .btn,
  957. .btn-group .btn + .btn-group,
  958. .btn-group .btn-group + .btn,
  959. .btn-group .btn-group + .btn-group {
  960. margin-left: -1px;
  961. }
  962. .btn-toolbar {
  963. margin-left: -5px;
  964. }
  965. .btn-toolbar:before, .btn-toolbar:after {
  966. content: " ";
  967. display: table;
  968. }
  969. .btn-toolbar:after {
  970. clear: both;
  971. }
  972. .btn-toolbar .btn,
  973. .btn-toolbar .btn-group,
  974. .btn-toolbar .input-group {
  975. float: left;
  976. }
  977. .btn-toolbar > .btn,
  978. .btn-toolbar > .btn-group,
  979. .btn-toolbar > .input-group {
  980. margin-left: 5px;
  981. }
  982. .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  983. border-radius: 0;
  984. }
  985. .btn-group > .btn:first-child {
  986. margin-left: 0;
  987. }
  988. .btn-group > .btn:first-child:not(:last-of-type):not(.dropdown-toggle) {
  989. border-bottom-right-radius: 0;
  990. border-top-right-radius: 0;
  991. }
  992. .btn-group > .btn:last-child:not(:first-child),
  993. .btn-group > .dropdown-toggle:not(:first-child) {
  994. border-bottom-left-radius: 0;
  995. border-top-left-radius: 0;
  996. }
  997. .btn-group > .btn-group {
  998. float: left;
  999. }
  1000. .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  1001. border-radius: 0;
  1002. }
  1003. .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
  1004. .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  1005. border-bottom-right-radius: 0;
  1006. border-top-right-radius: 0;
  1007. }
  1008. .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  1009. border-bottom-left-radius: 0;
  1010. border-top-left-radius: 0;
  1011. }
  1012. .btn-group .dropdown-toggle:active,
  1013. .btn-group.open .dropdown-toggle {
  1014. outline: 0;
  1015. }
  1016. .btn-group > .btn + .dropdown-toggle {
  1017. padding-left: 8px;
  1018. padding-right: 8px;
  1019. }
  1020. .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  1021. padding-left: 12px;
  1022. padding-right: 12px;
  1023. }
  1024. .btn-group > .btn-sm + .dropdown-toggle, .btn-group-sm.btn-group > .btn + .dropdown-toggle {
  1025. padding-left: 6px;
  1026. padding-right: 6px;
  1027. }
  1028. .btn-group > .btn-xs + .dropdown-toggle, .btn-group-xs.btn-group > .btn + .dropdown-toggle {
  1029. padding-left: 4px;
  1030. padding-right: 4px;
  1031. }
  1032. .btn-group.open .dropdown-toggle.btn-link {
  1033. -webkit-box-shadow: none;
  1034. box-shadow: none;
  1035. }
  1036. .btn-lg .caret, .btn-group-lg > .btn .caret {
  1037. border-width: 5px 5px 0;
  1038. }
  1039. .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  1040. border-width: 0 5px 5px;
  1041. }
  1042. .btn-group-vertical > .btn,
  1043. .btn-group-vertical > .btn-group,
  1044. .btn-group-vertical > .btn-group > .btn {
  1045. display: block;
  1046. float: none;
  1047. width: 100%;
  1048. max-width: 100%;
  1049. }
  1050. .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  1051. content: " ";
  1052. display: table;
  1053. }
  1054. .btn-group-vertical > .btn-group:after {
  1055. clear: both;
  1056. }
  1057. .btn-group-vertical > .btn-group > .btn {
  1058. float: none;
  1059. }
  1060. .btn-group-vertical > .btn + .btn,
  1061. .btn-group-vertical > .btn + .btn-group,
  1062. .btn-group-vertical > .btn-group + .btn,
  1063. .btn-group-vertical > .btn-group + .btn-group {
  1064. margin-top: -1px;
  1065. margin-left: 0;
  1066. }
  1067. .btn-group--operations {
  1068. width: 100%;
  1069. display: -webkit-box;
  1070. display: -ms-flexbox;
  1071. display: flex;
  1072. -webkit-box-pack: center;
  1073. -ms-flex-pack: center;
  1074. justify-content: center;
  1075. }
  1076. .block-group-add-event-block,
  1077. .block-group-add-topic-block,
  1078. .block-event-add-block,
  1079. .block-topic-add-block,
  1080. .block-group-add-block {
  1081. display: inline-block;
  1082. }
  1083. .textarea--cke .cke {
  1084. position: relative;
  1085. }
  1086. body {
  1087. margin: 10px;
  1088. }
  1089. .align-left {
  1090. float: left;
  1091. padding-right: 1em;
  1092. }
  1093. .align-right {
  1094. float: right;
  1095. padding-left: 1em;
  1096. }
  1097. .embed-responsive .cke_widget_drupalurl {
  1098. position: absolute;
  1099. top: 0;
  1100. left: 0;
  1101. bottom: 0;
  1102. border: 0;
  1103. width: 100%;
  1104. height: 100%;
  1105. }
  1106. @media (min-width: 600px) {
  1107. body {
  1108. font-size: 16px;
  1109. }
  1110. .section-title {
  1111. padding-left: 20px;
  1112. }
  1113. .section-title.section-title-stream {
  1114. padding-left: 40px;
  1115. }
  1116. .section-title.section-title-node {
  1117. padding-left: 48px;
  1118. }
  1119. }
  1120. @media (min-width: 900px) {
  1121. h1, .h1 {
  1122. font-size: 3rem;
  1123. }
  1124. h2, .h2 {
  1125. font-size: 2rem;
  1126. }
  1127. h3, .h3 {
  1128. font-size: 1.5rem;
  1129. }
  1130. h4, .h4 {
  1131. font-size: 1.25rem;
  1132. }
  1133. .block-group-add-event-block,
  1134. .block-group-add-topic-block,
  1135. .block-event-add-block,
  1136. .block-topic-add-block,
  1137. .block-group-add-block {
  1138. display: block;
  1139. }
  1140. .block-group-add-event-block .btn,
  1141. .block-group-add-topic-block .btn,
  1142. .block-event-add-block .btn,
  1143. .block-topic-add-block .btn,
  1144. .block-group-add-block .btn {
  1145. width: 100%;
  1146. margin-bottom: 0.75rem;
  1147. }
  1148. }
  1149. @media (max-width: 599px) {
  1150. figure.align-left, figure.align-right, figure.align-center {
  1151. float: none;
  1152. width: 100%;
  1153. text-align: center;
  1154. padding: 0;
  1155. margin-bottom: 1rem;
  1156. }
  1157. figure.align-left figcaption, figure.align-right figcaption, figure.align-center figcaption {
  1158. padding: 0;
  1159. }
  1160. .table-responsive {
  1161. overflow-x: auto;
  1162. -ms-overflow-style: -ms-autohiding-scrollbar;
  1163. padding-bottom: 100px;
  1164. margin-bottom: -100px;
  1165. }
  1166. .hidden-for-phone-only {
  1167. display: none;
  1168. }
  1169. }
  1170. @media (max-width: 899px) {
  1171. .block-group-add-event-block,
  1172. .block-group-add-topic-block,
  1173. .block-event-add-block,
  1174. .block-topic-add-block,
  1175. .block-group-add-block {
  1176. margin-top: 1rem;
  1177. }
  1178. }