You are here

Home » API reference » Open Social 8.8

base.css in Open Social 8.8

Same filename in this branch
  1. 8.8 themes/socialblue/assets/css/base.css
  2. 8.8 themes/socialbase/assets/css/base.css
Same filename and directory in other branches
  1. 8.9 themes/socialbase/assets/css/base.css
  2. 8 themes/socialbase/assets/css/base.css
  3. 8.2 themes/socialbase/assets/css/base.css
  4. 8.3 themes/socialbase/assets/css/base.css
  5. 8.4 themes/socialbase/assets/css/base.css
  6. 8.5 themes/socialbase/assets/css/base.css
  7. 8.6 themes/socialbase/assets/css/base.css
  8. 8.7 themes/socialbase/assets/css/base.css
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  line-height: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

*, *: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;
}

#skip-link {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 15000;
}

#skip-link a {
  background: #222222;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  color: #f3f3f3;
  padding: 3px 20px 8px;
  text-decoration: none;
  border-radius: 0 0 10px 10px;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}

.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

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;
}

.z-depth-0 {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.z-depth-1 {
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22);
}

.z-depth-2 {
  -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);
}

.z-depth-3 {
  -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);
}

.z-depth-4 {
  -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);
}

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 {
  -webkit-box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
          box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  -webkit-box-shadow: 0 0 0 3px activeborder;
          box-shadow: 0 0 0 3px activeborder;
  /* Blink, Chrome */
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  /* Firefox */
  outline: auto 1px -webkit-focus-ring-color;
}

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: #555555;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: left;
}

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

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

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

.table tbody + tbody,
.path-node .body-text table tbody + tbody {
  border-top: 2px solid #e6e6e6;
}

.table .views-align-left,
.path-node .body-text table .views-align-left {
  text-align: left;
}

.table .views-align-right,
.path-node .body-text table .views-align-right {
  text-align: right;
}

.table .views-align-center,
.path-node .body-text 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;
}

.right-auto {
  margin-right: auto;
}

.view-group-manage-members {
  padding: 0 10px;
}

.select-all.checkbox,
form:not(.layout-builder-configure-block) .select-all.checkbox {
  display: table-cell;
}

.vbo-table .form-type-checkbox {
  padding-top: 1rem;
}

.vbo-table.table td {
  vertical-align: inherit;
}

.vbo-table .btn-group--operations {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.vbo-table .form-no-label.checkbox label {
  display: none;
}

.vbo-table .views-table-row-vbo-select-all .form-submit {
  color: #4d4d4d;
  background-color: #fff;
  border-radius: 10px;
  fill: #4d4d4d;
  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 #adadad;
  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;
}

.vbo-table .views-table-row-vbo-select-all td div {
  text-align: left;
}

#vbo-action-form-wrapper .btn-group.dropdown {
  position: absolute;
  right: 1rem;
  padding: 10px 0;
}

#vbo-action-form-wrapper.card__block {
  padding: 0;
}

#vbo-action-form-wrapper.card__block .panel-heading {
  padding: 1.25rem 0 1.25rem 1.25rem;
}

#vbo-action-form-wrapper.card__block .vbo-multipage-selector ul {
  background-color: rgba(0, 0, 0, 0.05);
  margin: 0;
  font-size: 0.875rem;
}

#vbo-action-form-wrapper.card__block .vbo-multipage-selector ul li,
#vbo-action-form-wrapper.card__block .vbo-multipage-selector h3 {
  padding-left: 1.25rem;
  font-weight: 500;
}

#vbo-action-form-wrapper.card__block .vbo-multipage-selector li:last-child {
  padding-bottom: 0.5rem;
}

#vbo-action-form-wrapper.card__block .vbo-multipage-selector li:first-child {
  padding-top: 0.5rem;
}

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;
}

svg[class^="icon-"] {
  vertical-align: middle;
}

.icon-white {
  fill: white;
}

.icon-black {
  fill: #4d4d4d;
}

.icon-gray {
  fill: #555555;
}

.icon-gray-light {
  fill: #777777;
}

.icon-medium {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: text-bottom;
}

.icon-small {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

.icon-hero {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
}

.icon-visibility {
  width: 15px;
  height: 18px;
  display: inline-block;
  vertical-align: text-bottom;
  fill: #4d4d4d;
}

.icon-responsive {
  width: 100%;
  height: 100%;
}

.glyphicon:before {
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}

.glyphicon-refresh:before {
  background-image: url(../images/icons/icon-autorenew.svg);
}

.glyphicon-question-sign:before {
  background-image: url(../images/icons/icon-help.svg);
  width: 15px;
  height: 15px;
}

.glyphicon-info-sign:before {
  background-image: url(../images/icons/icon-info-light.svg);
  width: 15px;
  height: 15px;
}

#hero .glyphicon-info-sign:before {
  background-image: url(../images/icons/icon-info-white.svg);
}

.glyphicon-picture:before {
  background-image: url(../images/icons/icon-photo.svg);
}

.glyphicon-file:before {
  background-image: url(../images/icons/icon-insert_drive_file.svg);
}

.glyphicon-move:before {
  background-image: url(../images/icons/icon-open_with.svg);
  top: 0;
}

.glyphicon-warning-sign:before {
  background-image: url(../images/icons/icon-warning.svg);
}

a.icon-before .glyphicon {
  margin-right: .25em;
}

a.icon-after .glyphicon {
  margin-left: .25em;
}

.btn.icon-before .glyphicon,
.btn.icon-before .btn-icon {
  margin-left: -.25em;
  margin-right: .25em;
}

.btn.icon-after .glyphicon,
.btn.icon-after .btn-icon {
  margin-left: .25em;
  margin-right: -.25em;
}

.cke_button_label.cke_button__social_embed_label {
  display: inline;
}

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

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

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

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  opacity: .75;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

@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;
  }
}

@media (min-width: 1200px) {
  .view-group-manage-members {
    padding: 0;
  }
}

@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;
  }
  .table-responsive.card__block--table {
    margin-bottom: 0;
  }
  .right-auto {
    margin-left: 0.5rem;
  }
  .view-group-manage-members .form-group-inline--right {
    display: block;
  }
  .view-group-manage-members .card {
    display: block;
  }
  .vbo-table .views-table-row-vbo-select-all .form-submit {
    font-size: 0.7rem;
  }
  #vbo-action-form-wrapper .btn-group.dropdown {
    position: static;
    width: 100%;
  }
  #vbo-action-form-wrapper .btn-group.dropdown button {
    margin-right: 0.5rem;
  }
  #vbo-action-form-wrapper .btn-group.dropdown .dropdown-menu.dropdown-menu-right {
    width: 100%;
  }
  .hidden-for-phone-only {
    display: none;
  }
}

File

themes/socialbase/assets/css/base.css
View source 
  1. /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

  2. article,

  3. aside,

  4. details,

  5. figcaption,

  6. figure,

  7. footer,

  8. header,

  9. hgroup,

  10. main,

  11. menu,

  12. nav,

  13. section,

  14. summary {

  15.   display: block;

  16. }

  17. 

  18. audio,

  19. canvas,

  20. progress,

  21. video {

  22.   display: inline-block;

  23.   vertical-align: baseline;

  24. }

  25. 

  26. audio:not([controls]) {

  27.   display: none;

  28.   height: 0;

  29. }

  30. 

  31. [hidden],

  32. template {

  33.   display: none;

  34. }

  35. 

  36. pre {

  37.   overflow: auto;

  38. }

  39. 

  40. button,

  41. input,

  42. optgroup,

  43. select,

  44. textarea {

  45.   color: inherit;

  46.   font: inherit;

  47.   margin: 0;

  48.   -webkit-box-shadow: none;

  49.           box-shadow: none;

  50.   line-height: inherit;

  51. }

  52. 

  53. button {

  54.   overflow: visible;

  55. }

  56. 

  57. button,

  58. select {

  59.   text-transform: none;

  60. }

  61. 

  62. button,

  63. html input[type="button"],

  64. input[type="reset"],

  65. input[type="submit"] {

  66.   -webkit-appearance: button;

  67.   cursor: pointer;

  68. }

  69. 

  70. button[disabled],

  71. html input[disabled] {

  72.   cursor: default;

  73. }

  74. 

  75. button::-moz-focus-inner,

  76. input::-moz-focus-inner {

  77.   border: 0;

  78.   padding: 0;

  79. }

  80. 

  81. input {

  82.   line-height: normal;

  83. }

  84. 

  85. input[type="checkbox"],

  86. input[type="radio"] {

  87.   -webkit-box-sizing: border-box;

  88.           box-sizing: border-box;

  89.   padding: 0;

  90. }

  91. 

  92. input[type="number"]::-webkit-inner-spin-button,

  93. input[type="number"]::-webkit-outer-spin-button {

  94.   height: auto;

  95. }

  96. 

  97. input[type="search"] {

  98.   -webkit-appearance: textfield;

  99.   -webkit-box-sizing: content-box;

  100.           box-sizing: content-box;

  101. }

  102. 

  103. input[type="search"]::-webkit-search-cancel-button,

  104. input[type="search"]::-webkit-search-decoration {

  105.   -webkit-appearance: none;

  106. }

  107. 

  108. fieldset {

  109.   border: 0;

  110.   margin: 0;

  111.   padding: 0;

  112. }

  113. 

  114. legend {

  115.   border: 0;

  116.   padding: 0;

  117. }

  118. 

  119. textarea {

  120.   overflow: auto;

  121. }

  122. 

  123. optgroup {

  124.   font-weight: bold;

  125. }

  126. 

  127. *, *:before, *:after {

  128.   -webkit-box-sizing: border-box;

  129.           box-sizing: border-box;

  130. }

  131. 

  132. html {

  133.   font-size: 16px;

  134.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  135.   font-family: sans-serif;

  136.   -ms-text-size-adjust: 100%;

  137.   -webkit-text-size-adjust: 100%;

  138. }

  139. 

  140. body {

  141.   margin: 0;

  142.   font-size: 14px;

  143.   line-height: 1.5;

  144.   word-wrap: break-word;

  145.   -webkit-font-smoothing: antialiased;

  146. }

  147. 

  148. #skip-link {

  149.   text-align: center;

  150.   position: absolute;

  151.   left: 0;

  152.   right: 0;

  153.   z-index: 15000;

  154. }

  155. 

  156. #skip-link a {

  157.   background: #222222;

  158.   box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  159.   color: #f3f3f3;

  160.   padding: 3px 20px 8px;

  161.   text-decoration: none;

  162.   border-radius: 0 0 10px 10px;

  163. }

  164. 

  165. .fade {

  166.   opacity: 0;

  167.   -webkit-transition: opacity .15s linear;

  168.   transition: opacity .15s linear;

  169. }

  170. 

  171. .fade.in {

  172.   opacity: 1;

  173. }

  174. 

  175. .collapse {

  176.   display: none;

  177. }

  178. 

  179. .collapse.in {

  180.   display: block;

  181. }

  182. 

  183. .collapsing {

  184.   position: relative;

  185.   height: 0;

  186.   overflow: hidden;

  187.   -webkit-transition-property: height, visibility;

  188.   transition-property: height, visibility;

  189.   -webkit-transition-duration: 0.35s;

  190.           transition-duration: 0.35s;

  191.   -webkit-transition-timing-function: ease;

  192.           transition-timing-function: ease;

  193. }

  194. 

  195. code,

  196. kbd,

  197. pre,

  198. samp {

  199.   font-size: 1em;

  200. }

  201. 

  202. code, kbd {

  203.   padding: 2px 4px;

  204.   font-size: 90%;

  205. }

  206. 

  207. kbd kbd {

  208.   padding: 0;

  209.   font-size: 100%;

  210.   font-weight: bold;

  211.   -webkit-box-shadow: none;

  212.           box-shadow: none;

  213. }

  214. 

  215. pre {

  216.   display: block;

  217.   padding: 11.5px;

  218.   margin: 0 0 12px;

  219.   font-size: 15px;

  220.   line-height: 1.5;

  221.   word-break: break-all;

  222.   word-wrap: break-word;

  223. }

  224. 

  225. pre code {

  226.   padding: 0;

  227.   font-size: inherit;

  228.   color: inherit;

  229.   white-space: pre-wrap;

  230.   background-color: transparent;

  231.   border-radius: 0;

  232. }

  233. 

  234. .z-depth-0 {

  235.   -webkit-box-shadow: none;

  236.           box-shadow: none;

  237. }

  238. 

  239. .z-depth-1 {

  240.   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22);

  241.           box-shadow: 0 0 1px rgba(0, 0, 0, 0.11), 0 1px 2px rgba(0, 0, 0, 0.22);

  242. }

  243. 

  244. .z-depth-2 {

  245.   -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);

  246.           box-shadow: 0 -1px 0 #e0e0e0, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);

  247. }

  248. 

  249. .z-depth-3 {

  250.   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  251.           box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  252. }

  253. 

  254. .z-depth-4 {

  255.   -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);

  256.           box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32);

  257. }

  258. 

  259. h1, h2, h3, h4, h5, h6,

  260. .h1, .h2, .h3, .h4, .h5, .h6 {

  261.   font-family: inherit;

  262.   font-weight: 500;

  263.   line-height: 1.1;

  264.   margin: 1rem 0 0.5rem;

  265.   -webkit-transition: 0.3s;

  266.   transition: 0.3s;

  267. }

  268. 

  269. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,

  270. .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {

  271.   font-weight: inherit;

  272.   color: inherit;

  273. }

  274. 

  275. 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,

  276. .h1 a:focus,

  277. .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 {

  278.   color: inherit;

  279. }

  280. 

  281. h1 small,

  282. h1 .small, h2 small,

  283. h2 .small, h3 small,

  284. h3 .small, h4 small,

  285. h4 .small, h5 small,

  286. h5 .small, h6 small,

  287. h6 .small,

  288. .h1 small,

  289. .h1 .small, .h2 small,

  290. .h2 .small, .h3 small,

  291. .h3 .small, .h4 small,

  292. .h4 .small, .h5 small,

  293. .h5 .small, .h6 small,

  294. .h6 .small {

  295.   font-weight: normal;

  296.   line-height: 1;

  297.   color: #777777;

  298. }

  299. 

  300. h1 small,

  301. h1 .small, .h1 small,

  302. .h1 .small,

  303. h2 small,

  304. h2 .small, .h2 small,

  305. .h2 .small,

  306. h3 small,

  307. h3 .small, .h3 small,

  308. .h3 .small {

  309.   font-size: 65%;

  310. }

  311. 

  312. h4 small,

  313. h4 .small, .h4 small,

  314. .h4 .small,

  315. h5 small,

  316. h5 .small, .h5 small,

  317. .h5 .small,

  318. h6 small,

  319. h6 .small, .h6 small,

  320. .h6 .small {

  321.   font-size: 75%;

  322. }

  323. 

  324. h1, .h1 {

  325.   font-size: 2rem;

  326.   font-weight: 700;

  327. }

  328. 

  329. h2, .h2 {

  330.   font-size: 1.5rem;

  331. }

  332. 

  333. h3, .h3 {

  334.   font-size: 1.25rem;

  335. }

  336. 

  337. h4, .h4 {

  338.   font-size: 1.2rem;

  339. }

  340. 

  341. h5, .h5 {

  342.   font-size: 1rem;

  343. }

  344. 

  345. h6, .h6 {

  346.   font-size: 0.875rem;

  347. }

  348. 

  349. img {

  350.   border-style: none;

  351.   vertical-align: middle;

  352.   max-width: 100%;

  353.   height: auto;

  354. }

  355. 

  356. svg:not(:root) {

  357.   overflow: hidden;

  358. }

  359. 

  360. figure {

  361.   margin: 0;

  362.   padding-bottom: 0.5rem;

  363.   display: table;

  364. }

  365. 

  366. figure img {

  367.   line-height: 1;

  368. }

  369. 

  370. figure figcaption {

  371.   font-size: 90%;

  372.   color: #777777;

  373.   text-align: center;

  374.   display: table-caption;

  375.   caption-side: bottom;

  376.   margin-top: 5px;

  377.   word-break: break-word;

  378. }

  379. 

  380. figure.align-right {

  381.   float: right;

  382.   padding-top: 0.1rem;

  383.   padding-left: 1rem;

  384. }

  385. 

  386. figure.align-right figcaption {

  387.   padding-left: 1rem;

  388. }

  389. 

  390. figure.align-left {

  391.   float: left;

  392.   padding-top: 0.1rem;

  393.   padding-right: 1rem;

  394. }

  395. 

  396. figure.align-left figcaption {

  397.   padding-right: 1rem;

  398. }

  399. 

  400. figure.align-center {

  401.   margin-right: auto;

  402.   margin-left: auto;

  403. }

  404. 

  405. .embed-responsive {

  406.   display: block;

  407.   position: relative;

  408.   overflow: hidden;

  409.   width: 100%;

  410.   padding: 0;

  411. }

  412. 

  413. .embed-responsive::before {

  414.   display: block;

  415.   content: '';

  416. }

  417. 

  418. .embed-responsive .embed-responsive-item,

  419. .embed-responsive iframe,

  420. .embed-responsive embed,

  421. .embed-responsive object,

  422. .embed-responsive video {

  423.   position: absolute;

  424.   top: 0;

  425.   left: 0;

  426.   bottom: 0;

  427.   border: 0;

  428.   width: 100%;

  429.   height: 100%;

  430. }

  431. 

  432. .embed-responsive + p {

  433.   margin-top: 0.75rem;

  434. }

  435. 

  436. .embed-responsive-16by9::before {

  437.   padding-top: 56.25%;

  438. }

  439. 

  440. .embed-responsive-4by3::before {

  441.   padding-top: 75%;

  442. }

  443. 

  444. .embed-responsive-1by1::before {

  445.   padding-top: 100%;

  446. }

  447. 

  448. .embed-responsive-21by9::before {

  449.   padding-top: calc((9/21)*100%);

  450. }

  451. 

  452. iframe {

  453.   max-width: 100%;

  454. }

  455. 

  456. p > iframe {

  457.   margin-top: 0.75rem;

  458.   margin-bottom: 0.75rem;

  459. }

  460. 

  461. a {

  462.   background-color: transparent;

  463.   text-decoration: none;

  464.   font-weight: 500;

  465.   color: inherit;

  466.   -webkit-tap-highlight-color: transparent;

  467. }

  468. 

  469. a:hover, a:focus {

  470.   color: inherit;

  471.   text-decoration: none;

  472. }

  473. 

  474. a:active, a:hover {

  475.   outline: 0;

  476. }

  477. 

  478. a:focus {

  479.   -webkit-box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);

  480.           box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);

  481.   -webkit-box-shadow: 0 0 0 3px activeborder;

  482.           box-shadow: 0 0 0 3px activeborder;

  483.   /* Blink, Chrome */

  484.   box-shadow: 0 0 0 3px -moz-mac-focusring;

  485.   /* Firefox */

  486.   outline: auto 1px -webkit-focus-ring-color;

  487. }

  488. 

  489. a:active:not(.btn) {

  490.   opacity: .8;

  491. }

  492. 

  493. dl,

  494. ul,

  495. ol {

  496.   margin-top: 0;

  497.   margin-bottom: 1rem;

  498. }

  499. 

  500. dl dl,

  501. dl ul,

  502. dl ol,

  503. ul dl,

  504. ul ul,

  505. ul ol,

  506. ol dl,

  507. ol ul,

  508. ol ol {

  509.   margin-bottom: 0;

  510. }

  511. 

  512. .popover ol:last-child, .popover ul:last-child {

  513.   margin-bottom: 0;

  514. }

  515. 

  516. dl {

  517.   margin-top: 0;

  518.   margin-bottom: 24px;

  519. }

  520. 

  521. dt,

  522. dd {

  523.   line-height: 1.5;

  524. }

  525. 

  526. dt {

  527.   font-weight: bold;

  528. }

  529. 

  530. dd {

  531.   margin-left: 0;

  532. }

  533. 

  534. table {

  535.   border-collapse: collapse;

  536. }

  537. 

  538. caption {

  539.   padding-top: 0.75rem;

  540.   padding-bottom: 0.75rem;

  541.   color: #555555;

  542.   text-align: left;

  543.   caption-side: bottom;

  544. }

  545. 

  546. th {

  547.   text-align: left;

  548. }

  549. 

  550. .table,

  551. .path-node .body-text table {

  552.   width: 100%;

  553.   max-width: 100%;

  554.   margin-bottom: 1rem;

  555.   background-color: transparent;

  556.   font-size: 0.875rem;

  557. }

  558. 

  559. .table th,

  560. .table td,

  561. .path-node .body-text table th,

  562. .path-node .body-text table td {

  563.   padding: 0.75rem;

  564.   vertical-align: top;

  565.   word-wrap: break-word;

  566. }

  567. 

  568. .table thead th,

  569. .path-node .body-text table thead th {

  570.   font-weight: 500;

  571.   font-size: 12px;

  572.   vertical-align: bottom;

  573.   border-bottom: 2px solid #e6e6e6;

  574. }

  575. 

  576. .table tbody + tbody,

  577. .path-node .body-text table tbody + tbody {

  578.   border-top: 2px solid #e6e6e6;

  579. }

  580. 

  581. .table .views-align-left,

  582. .path-node .body-text table .views-align-left {

  583.   text-align: left;

  584. }

  585. 

  586. .table .views-align-right,

  587. .path-node .body-text table .views-align-right {

  588.   text-align: right;

  589. }

  590. 

  591. .table .views-align-center,

  592. .path-node .body-text table .views-align-center {

  593.   text-align: center;

  594. }

  595. 

  596. .table-sm th,

  597. .table-sm td {

  598.   padding: 0.3rem;

  599. }

  600. 

  601. .table-bordered {

  602.   border: 1px solid #e6e6e6;

  603. }

  604. 

  605. .table-bordered th,

  606. .table-bordered td {

  607.   border: 1px solid #e6e6e6;

  608. }

  609. 

  610. .table-bordered thead th,

  611. .table-bordered thead td {

  612.   border-bottom-width: 2px;

  613. }

  614. 

  615. .table-striped tbody tr:nth-of-type(odd) {

  616.   background-color: rgba(0, 0, 0, 0.05);

  617. }

  618. 

  619. .table-hover tbody tr:hover {

  620.   background-color: rgba(0, 0, 0, 0.075);

  621. }

  622. 

  623. .thead-default th {

  624.   color: #555555;

  625.   background-color: #e6e6e6;

  626. }

  627. 

  628. .tablesort {

  629.   display: inline-block;

  630.   vertical-align: top;

  631.   line-height: 1;

  632. }

  633. 

  634. .icon-tablesort {

  635.   width: 20px;

  636.   height: 20px;

  637. }

  638. 

  639. .tabledrag-handle {

  640.   color: #777777;

  641.   cursor: move;

  642.   position: absolute;

  643.   line-height: 1;

  644.   margin: 0 0 0 -10px;

  645.   padding: 10px;

  646. }

  647. 

  648. .tabledrag-handle ~ .form-managed-file {

  649.   display: block;

  650.   padding-left: 24px;

  651. }

  652. 

  653. .table-responsive {

  654.   display: block;

  655.   width: 100%;

  656. }

  657. 

  658. .table-responsive .table-bordered {

  659.   border: 0;

  660. }

  661. 

  662. .right-auto {

  663.   margin-right: auto;

  664. }

  665. 

  666. .view-group-manage-members {

  667.   padding: 0 10px;

  668. }

  669. 

  670. .select-all.checkbox,

  671. form:not(.layout-builder-configure-block) .select-all.checkbox {

  672.   display: table-cell;

  673. }

  674. 

  675. .vbo-table .form-type-checkbox {

  676.   padding-top: 1rem;

  677. }

  678. 

  679. .vbo-table.table td {

  680.   vertical-align: inherit;

  681. }

  682. 

  683. .vbo-table .btn-group--operations {

  684.   -webkit-box-pack: left;

  685.       -ms-flex-pack: left;

  686.           justify-content: left;

  687. }

  688. 

  689. .vbo-table .form-no-label.checkbox label {

  690.   display: none;

  691. }

  692. 

  693. .vbo-table .views-table-row-vbo-select-all .form-submit {

  694.   color: #4d4d4d;

  695.   background-color: #fff;

  696.   border-radius: 10px;

  697.   fill: #4d4d4d;

  698.   display: inline-block;

  699.   margin-bottom: 0;

  700.   font-weight: normal;

  701.   text-align: center;

  702.   vertical-align: middle;

  703.   -ms-touch-action: manipulation;

  704.   touch-action: manipulation;

  705.   cursor: pointer;

  706.   background-image: none;

  707.   border: 1px solid #adadad;

  708.   padding: 6px 12px;

  709.   font-size: 0.875rem;

  710.   line-height: 1.5;

  711.   -webkit-user-select: none;

  712.   -moz-user-select: none;

  713.   -ms-user-select: none;

  714.   user-select: none;

  715.   text-transform: uppercase;

  716.   -webkit-transition: .3s ease-out;

  717.   transition: .3s ease-out;

  718.   outline: 0;

  719. }

  720. 

  721. .vbo-table .views-table-row-vbo-select-all td div {

  722.   text-align: left;

  723. }

  724. 

  725. #vbo-action-form-wrapper .btn-group.dropdown {

  726.   position: absolute;

  727.   right: 1rem;

  728.   padding: 10px 0;

  729. }

  730. 

  731. #vbo-action-form-wrapper.card__block {

  732.   padding: 0;

  733. }

  734. 

  735. #vbo-action-form-wrapper.card__block .panel-heading {

  736.   padding: 1.25rem 0 1.25rem 1.25rem;

  737. }

  738. 

  739. #vbo-action-form-wrapper.card__block .vbo-multipage-selector ul {

  740.   background-color: rgba(0, 0, 0, 0.05);

  741.   margin: 0;

  742.   font-size: 0.875rem;

  743. }

  744. 

  745. #vbo-action-form-wrapper.card__block .vbo-multipage-selector ul li,

  746. #vbo-action-form-wrapper.card__block .vbo-multipage-selector h3 {

  747.   padding-left: 1.25rem;

  748.   font-weight: 500;

  749. }

  750. 

  751. #vbo-action-form-wrapper.card__block .vbo-multipage-selector li:last-child {

  752.   padding-bottom: 0.5rem;

  753. }

  754. 

  755. #vbo-action-form-wrapper.card__block .vbo-multipage-selector li:first-child {

  756.   padding-top: 0.5rem;

  757. }

  758. 

  759. b,

  760. strong {

  761.   font-weight: bold;

  762. }

  763. 

  764. p {

  765.   margin: 0 0 0.75rem;

  766. }

  767. 

  768. blockquote {

  769.   margin: 20px 0;

  770.   padding-left: 1.5em;

  771.   font-weight: 500;

  772. }

  773. 

  774. em.placeholder {

  775.   font-style: normal;

  776. }

  777. 

  778. .light {

  779.   font-weight: 300;

  780. }

  781. 

  782. .section-title {

  783.   padding: 1.25rem;

  784.   margin: 0;

  785. }

  786. 

  787. .text-truncate {

  788.   display: block;

  789.   overflow: hidden;

  790.   white-space: nowrap;

  791.   text-overflow: ellipsis;

  792.   max-width: 100%;

  793. }

  794. 

  795. .post-date {

  796.   color: #777777;

  797.   font-size: 0.75rem;

  798.   line-height: 1.25;

  799. }

  800. 

  801. .text-align-left {

  802.   text-align: left;

  803. }

  804. 

  805. .text-align-right {

  806.   text-align: right;

  807. }

  808. 

  809. .text-align-center {

  810.   text-align: center;

  811. }

  812. 

  813. .text-align-justify {

  814.   text-align: justify;

  815. }

  816. 

  817. small,

  818. .small {

  819.   font-size: 87%;

  820. }

  821. 

  822. .text-left {

  823.   text-align: left;

  824. }

  825. 

  826. .text-right {

  827.   text-align: right;

  828. }

  829. 

  830. .text-center {

  831.   text-align: center;

  832. }

  833. 

  834. .text-justify {

  835.   text-align: justify;

  836. }

  837. 

  838. .text-nowrap {

  839.   white-space: nowrap;

  840. }

  841. 

  842. .text-xs {

  843.   font-size: 0.4em;

  844. }

  845. 

  846. .text-s {

  847.   font-size: 0.75rem;

  848. }

  849. 

  850. .text-m {

  851.   font-size: 0.875rem;

  852. }

  853. 

  854. .text-l {

  855.   font-size: 1.125rem;

  856. }

  857. 

  858. .text-xl {

  859.   font-size: 1.25rem;

  860. }

  861. 

  862. .text-xxl {

  863.   font-size: 1.5rem;

  864. }

  865. 

  866. .text-xxxl {

  867.   font-size: 2rem;

  868. }

  869. 

  870. .text-xxxxl {

  871.   font-size: 3rem;

  872. }

  873. 

  874. abbr[title],

  875. abbr[data-original-title] {

  876.   cursor: help;

  877.   border-bottom: 1px dotted #777777;

  878. }

  879. 

  880. blockquote {

  881.   padding: 12px 24px;

  882.   margin: 0 0 24px;

  883.   font-size: 18px;

  884.   border-left: 5px solid #e6e6e6;

  885. }

  886. 

  887. blockquote p:last-child,

  888. blockquote ul:last-child,

  889. blockquote ol:last-child {

  890.   margin-bottom: 0;

  891. }

  892. 

  893. address {

  894.   margin-bottom: 24px;

  895.   font-style: normal;

  896.   line-height: 1.5;

  897. }

  898. 

  899. hr {

  900.   margin-top: 24px;

  901.   margin-bottom: 24px;

  902.   border: 0;

  903.   border-top: 1px solid #e6e6e6;

  904. }

  905. 

  906. dfn {

  907.   font-style: italic;

  908. }

  909. 

  910. mark {

  911.   background: #ff0;

  912.   color: #000;

  913. }

  914. 

  915. sub,

  916. sup {

  917.   font-size: 75%;

  918.   line-height: 0;

  919.   position: relative;

  920.   vertical-align: baseline;

  921. }

  922. 

  923. sup {

  924.   top: -0.5em;

  925. }

  926. 

  927. sub {

  928.   bottom: -0.25em;

  929. }

  930. 

  931. .sr-only {

  932.   position: absolute;

  933.   height: 1px;

  934.   width: 1px;

  935.   overflow: hidden;

  936.   word-wrap: normal;

  937.   margin: -1px;

  938.   padding: 0;

  939.   clip: rect(0, 0, 0, 0);

  940.   border: 0;

  941. }

  942. 

  943. .sr-only-focusable {

  944.   position: absolute;

  945.   height: 1px;

  946.   width: 1px;

  947.   overflow: hidden;

  948.   word-wrap: normal;

  949.   margin: -1px;

  950.   padding: 0;

  951.   clip: rect(0, 0, 0, 0);

  952.   border: 0;

  953. }

  954. 

  955. .sr-only-focusable:active, .sr-only-focusable:focus {

  956.   position: static;

  957.   clip: auto;

  958.   height: auto;

  959.   width: auto;

  960.   overflow: visible;

  961.   margin: 0;

  962. }

  963. 

  964. .no-margin {

  965.   margin: 0;

  966. }

  967. 

  968. .margin-left-s {

  969.   margin-left: 5px;

  970. }

  971. 

  972. .margin-left-m {

  973.   margin-left: 10px;

  974. }

  975. 

  976. .margin-left-l {

  977.   margin-left: 20px;

  978. }

  979. 

  980. .margin-left-xl {

  981.   margin-left: 30px;

  982. }

  983. 

  984. .margin-bottom-s {

  985.   margin-bottom: 5px;

  986. }

  987. 

  988. .margin-bottom-m {

  989.   margin-bottom: 10px;

  990. }

  991. 

  992. .margin-bottom-l {

  993.   margin-bottom: 20px;

  994. }

  995. 

  996. .margin-bottom-xl {

  997.   margin-bottom: 30px;

  998. }

  999. 

  1000. .margin-top-s {

  1001.   margin-top: 5px;

  1002. }

  1003. 

  1004. .margin-top-m {

  1005.   margin-top: 10px;

  1006. }

  1007. 

  1008. .margin-top-l {

  1009.   margin-top: 20px;

  1010. }

  1011. 

  1012. .margin-top-xl {

  1013.   margin-top: 30px;

  1014. }

  1015. 

  1016. .margin-top-xxl {

  1017.   margin-top: 40px;

  1018. }

  1019. 

  1020. .no-padding {

  1021.   padding: 0 !important;

  1022. }

  1023. 

  1024. .padding-xs {

  1025.   padding: 6px;

  1026. }

  1027. 

  1028. .padding-sm {

  1029.   padding: 12px;

  1030. }

  1031. 

  1032. .padding-md {

  1033.   padding: 24px;

  1034. }

  1035. 

  1036. .padding-lg {

  1037.   padding: 48px;

  1038. }

  1039. 

  1040. .no-side-padding {

  1041.   padding: 24px 0;

  1042. }

  1043. 

  1044. .no-border {

  1045.   border: 0 !important;

  1046. }

  1047. 

  1048. .inline-center {

  1049.   vertical-align: middle;

  1050.   line-height: 1;

  1051.   margin-right: 5px;

  1052. }

  1053. 

  1054. .align-center {

  1055.   -ms-flex-item-align: center;

  1056.       align-self: center;

  1057. }

  1058. 

  1059. .block {

  1060.   display: block;

  1061. }

  1062. 

  1063. .pin-top, .pin-bottom {

  1064.   position: relative;

  1065. }

  1066. 

  1067. .pinned {

  1068.   position: fixed !important;

  1069. }

  1070. 

  1071. .ruler-sm {

  1072.   margin: 9.6px 0;

  1073. }

  1074. 

  1075. .img-responsive {

  1076.   display: block;

  1077.   max-width: 100%;

  1078.   height: auto;

  1079. }

  1080. 

  1081. .img-bordered {

  1082.   border: 3px solid white;

  1083. }

  1084. 

  1085. .img-elevated {

  1086.   display: inline-block;

  1087.   -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  1088.           box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);

  1089. }

  1090. 

  1091. p + p .img-elevated {

  1092.   margin-top: -0.5rem;

  1093. }

  1094. 

  1095. .img-circle {

  1096.   border-radius: 50%;

  1097. }

  1098. 

  1099. img.align-left {

  1100.   float: left;

  1101.   margin-right: 1em;

  1102.   margin-bottom: 1em;

  1103. }

  1104. 

  1105. img.align-right {

  1106.   float: right;

  1107.   margin-left: 1em;

  1108.   margin-bottom: 1em;

  1109. }

  1110. 

  1111. img.align-center {

  1112.   display: block;

  1113.   margin-left: auto;

  1114.   margin-right: auto;

  1115. }

  1116. 

  1117. .img-medium {

  1118.   width: 44px;

  1119.   height: 44px;

  1120. }

  1121. 

  1122. .img-small {

  1123.   width: 24px;

  1124.   height: 24px;

  1125. }

  1126. 

  1127. .img-grid {

  1128.   display: -webkit-box;

  1129.   display: -ms-flexbox;

  1130.   display: flex;

  1131.   -ms-flex-wrap: wrap;

  1132.       flex-wrap: wrap;

  1133.   padding-bottom: 10px;

  1134. }

  1135. 

  1136. .img-grid img {

  1137.   margin: 3px;

  1138. }

  1139. 

  1140. .clearfix:before, .clearfix:after {

  1141.   content: " ";

  1142.   display: table;

  1143. }

  1144. 

  1145. .clearfix:after {

  1146.   clear: both;

  1147. }

  1148. 

  1149. .center-block {

  1150.   display: block;

  1151.   margin-left: auto;

  1152.   margin-right: auto;

  1153. }

  1154. 

  1155. .pull-right {

  1156.   float: right !important;

  1157. }

  1158. 

  1159. .pull-left {

  1160.   float: left !important;

  1161. }

  1162. 

  1163. .js .js-hide,

  1164. .js-show,

  1165. .hide {

  1166.   display: none !important;

  1167. }

  1168. 

  1169. .js .js-show,

  1170. .show {

  1171.   display: block !important;

  1172. }

  1173. 

  1174. .invisible {

  1175.   visibility: hidden;

  1176. }

  1177. 

  1178. .text-hide {

  1179.   font: 0/0 a;

  1180.   color: transparent;

  1181.   text-shadow: none;

  1182.   background-color: transparent;

  1183.   border: 0;

  1184. }

  1185. 

  1186. .visually-hidden {

  1187.   position: absolute !important;

  1188.   clip: rect(1px, 1px, 1px, 1px);

  1189.   overflow: hidden;

  1190.   height: 1px;

  1191.   width: 1px;

  1192.   word-wrap: normal;

  1193. }

  1194. 

  1195. .hidden {

  1196.   display: none !important;

  1197. }

  1198. 

  1199. .list-inline {

  1200.   padding-left: 0;

  1201.   list-style: none;

  1202. }

  1203. 

  1204. .list-inline-item {

  1205.   display: inline-block;

  1206. }

  1207. 

  1208. .list-inline-item:not(:last-child) {

  1209.   margin-right: 5px;

  1210. }

  1211. 

  1212. @-ms-viewport {

  1213.   width: device-width;

  1214. }

  1215. 

  1216. svg[class^="icon-"] {

  1217.   vertical-align: middle;

  1218. }

  1219. 

  1220. .icon-white {

  1221.   fill: white;

  1222. }

  1223. 

  1224. .icon-black {

  1225.   fill: #4d4d4d;

  1226. }

  1227. 

  1228. .icon-gray {

  1229.   fill: #555555;

  1230. }

  1231. 

  1232. .icon-gray-light {

  1233.   fill: #777777;

  1234. }

  1235. 

  1236. .icon-medium {

  1237.   width: 24px;

  1238.   height: 24px;

  1239.   display: inline-block;

  1240.   vertical-align: text-bottom;

  1241. }

  1242. 

  1243. .icon-small {

  1244.   width: 16px;

  1245.   height: 16px;

  1246.   display: inline-block;

  1247.   vertical-align: middle;

  1248. }

  1249. 

  1250. .icon-hero {

  1251.   width: 18px;

  1252.   height: 18px;

  1253.   display: inline-block;

  1254.   vertical-align: middle;

  1255. }

  1256. 

  1257. .icon-visibility {

  1258.   width: 15px;

  1259.   height: 18px;

  1260.   display: inline-block;

  1261.   vertical-align: text-bottom;

  1262.   fill: #4d4d4d;

  1263. }

  1264. 

  1265. .icon-responsive {

  1266.   width: 100%;

  1267.   height: 100%;

  1268. }

  1269. 

  1270. .glyphicon:before {

  1271.   position: relative;

  1272.   top: 3px;

  1273.   width: 20px;

  1274.   height: 20px;

  1275.   content: '';

  1276.   display: inline-block;

  1277.   background-repeat: no-repeat;

  1278.   background-size: auto 100%;

  1279.   background-position: center;

  1280. }

  1281. 

  1282. .glyphicon-refresh:before {

  1283.   background-image: url(../images/icons/icon-autorenew.svg);

  1284. }

  1285. 

  1286. .glyphicon-question-sign:before {

  1287.   background-image: url(../images/icons/icon-help.svg);

  1288.   width: 15px;

  1289.   height: 15px;

  1290. }

  1291. 

  1292. .glyphicon-info-sign:before {

  1293.   background-image: url(../images/icons/icon-info-light.svg);

  1294.   width: 15px;

  1295.   height: 15px;

  1296. }

  1297. 

  1298. #hero .glyphicon-info-sign:before {

  1299.   background-image: url(../images/icons/icon-info-white.svg);

  1300. }

  1301. 

  1302. .glyphicon-picture:before {

  1303.   background-image: url(../images/icons/icon-photo.svg);

  1304. }

  1305. 

  1306. .glyphicon-file:before {

  1307.   background-image: url(../images/icons/icon-insert_drive_file.svg);

  1308. }

  1309. 

  1310. .glyphicon-move:before {

  1311.   background-image: url(../images/icons/icon-open_with.svg);

  1312.   top: 0;

  1313. }

  1314. 

  1315. .glyphicon-warning-sign:before {

  1316.   background-image: url(../images/icons/icon-warning.svg);

  1317. }

  1318. 

  1319. a.icon-before .glyphicon {

  1320.   margin-right: .25em;

  1321. }

  1322. 

  1323. a.icon-after .glyphicon {

  1324.   margin-left: .25em;

  1325. }

  1326. 

  1327. .btn.icon-before .glyphicon,

  1328. .btn.icon-before .btn-icon {

  1329.   margin-left: -.25em;

  1330.   margin-right: .25em;

  1331. }

  1332. 

  1333. .btn.icon-after .glyphicon,

  1334. .btn.icon-after .btn-icon {

  1335.   margin-left: .25em;

  1336.   margin-right: -.25em;

  1337. }

  1338. 

  1339. .cke_button_label.cke_button__social_embed_label {

  1340.   display: inline;

  1341. }

  1342. 

  1343. .icon-desktop {

  1344.   background-image: url(../images/icons/icon-desktop.svg);

  1345. }

  1346. 

  1347. .icon-tablet {

  1348.   background-image: url(../images/icons/icon-tablet.svg);

  1349. }

  1350. 

  1351. .icon-phone {

  1352.   background-image: url(../images/icons/icon-phone.svg);

  1353. }

  1354. 

  1355. .close {

  1356.   float: right;

  1357.   font-size: 1.5rem;

  1358.   font-weight: bold;

  1359.   line-height: 1;

  1360.   color: #000;

  1361.   text-shadow: 0 1px 0 #fff;

  1362.   opacity: 0.5;

  1363. }

  1364. 

  1365. .close:hover, .close:focus {

  1366.   color: #000;

  1367.   text-decoration: none;

  1368.   opacity: .75;

  1369. }

  1370. 

  1371. button.close {

  1372.   padding: 0;

  1373.   cursor: pointer;

  1374.   background: transparent;

  1375.   border: 0;

  1376.   -webkit-appearance: none;

  1377. }

  1378. 

  1379. @media (min-width: 600px) {

  1380.   body {

  1381.     font-size: 16px;

  1382.   }

  1383.   .section-title {

  1384.     padding-left: 20px;

  1385.   }

  1386.   .section-title.section-title-stream {

  1387.     padding-left: 40px;

  1388.   }

  1389.   .section-title.section-title-node {

  1390.     padding-left: 48px;

  1391.   }

  1392. }

  1393. 

  1394. @media (min-width: 900px) {

  1395.   h1, .h1 {

  1396.     font-size: 3rem;

  1397.   }

  1398.   h2, .h2 {

  1399.     font-size: 2rem;

  1400.   }

  1401.   h3, .h3 {

  1402.     font-size: 1.5rem;

  1403.   }

  1404.   h4, .h4 {

  1405.     font-size: 1.25rem;

  1406.   }

  1407. }

  1408. 

  1409. @media (min-width: 1200px) {

  1410.   .view-group-manage-members {

  1411.     padding: 0;

  1412.   }

  1413. }

  1414. 

  1415. @media (max-width: 599px) {

  1416.   figure.align-left, figure.align-right, figure.align-center {

  1417.     float: none;

  1418.     width: 100%;

  1419.     text-align: center;

  1420.     padding: 0;

  1421.     margin-bottom: 1rem;

  1422.   }

  1423.   figure.align-left figcaption, figure.align-right figcaption, figure.align-center figcaption {

  1424.     padding: 0;

  1425.   }

  1426.   .table-responsive {

  1427.     overflow-x: auto;

  1428.     -ms-overflow-style: -ms-autohiding-scrollbar;

  1429.     padding-bottom: 100px;

  1430.     margin-bottom: -100px;

  1431.   }

  1432.   .table-responsive.card__block--table {

  1433.     margin-bottom: 0;

  1434.   }

  1435.   .right-auto {

  1436.     margin-left: 0.5rem;

  1437.   }

  1438.   .view-group-manage-members .form-group-inline--right {

  1439.     display: block;

  1440.   }

  1441.   .view-group-manage-members .card {

  1442.     display: block;

  1443.   }

  1444.   .vbo-table .views-table-row-vbo-select-all .form-submit {

  1445.     font-size: 0.7rem;

  1446.   }

  1447.   #vbo-action-form-wrapper .btn-group.dropdown {

  1448.     position: static;

  1449.     width: 100%;

  1450.   }

  1451.   #vbo-action-form-wrapper .btn-group.dropdown button {

  1452.     margin-right: 0.5rem;

  1453.   }

  1454.   #vbo-action-form-wrapper .btn-group.dropdown .dropdown-menu.dropdown-menu-right {

  1455.     width: 100%;

  1456.   }

  1457.   .hidden-for-phone-only {

  1458.     display: none;

  1459.   }

  1460. }