add bootstrap local
[ryf-theme.git] / css / drupal-bootstrap.css
diff --git a/css/drupal-bootstrap.css b/css/drupal-bootstrap.css
new file mode 100644 (file)
index 0000000..a4d6e96
--- /dev/null
@@ -0,0 +1,667 @@
+/**
+ * Alert styling.
+ */
+.alert-sm {
+  padding: 5px 10px;
+}
+.alert a {
+  font-weight: bold;
+}
+.alert-success a,
+.alert-success a:hover,
+.alert-success a:focus {
+  color: #2b542c;
+}
+.alert-info a,
+.alert-info a:hover,
+.alert-info a:focus {
+  color: #245269;
+}
+.alert-warning a,
+.alert-warning a:hover,
+.alert-warning a:focus {
+  color: #66512c;
+}
+.alert-danger a,
+.alert-danger a:hover,
+.alert-danger a:focus {
+  color: #843534;
+}
+/**
+ * AJAX (throbber) styling.
+ */
+@keyframes glyphicon-spin {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(359deg);
+  }
+}
+.glyphicon-spin {
+  display: inline-block;
+  animation: glyphicon-spin 1s infinite linear;
+}
+a .glyphicon-spin {
+  display: inline-block;
+  text-decoration: none;
+}
+html.js .btn .ajax-throbber {
+  margin-left: 0.5em;
+  margin-right: -0.25em;
+}
+html.js .form-item .input-group-addon .glyphicon {
+  color: #777777;
+  opacity: 0.5;
+  transition: 150ms color, 150ms opacity;
+}
+html.js .form-item .input-group-addon .glyphicon.glyphicon-spin {
+  color: #337ab7;
+  opacity: 1;
+}
+html.js .form-item .input-group-addon .input-group-addon {
+  background-color: #ffffff;
+}
+html.js .ajax-new-content:empty {
+  display: none !important;
+}
+/**
+ * @file
+ * Visual styles for fields.
+ */
+.field--label {
+  font-weight: bold;
+}
+.field--label-inline .field--label,
+.field--label-inline .field--items {
+  float: left;
+  /*LTR*/
+}
+.field--label-inline .field--label,
+.field--label-inline > .field--item,
+.field--label-inline .field--items {
+  padding-right: 0.5em;
+}
+[dir="rtl"] .field--label-inline .field--label,
+[dir="rtl"] .field--label-inline .field--items {
+  padding-left: 0.5em;
+  padding-right: 0;
+  float: right;
+  /*RTL*/
+}
+.field--label-inline .field--label::after {
+  content: ':';
+}
+/**
+ * File (and Image Widget) styles.
+ */
+.file {
+  display: table;
+  font-size: 75%;
+  font-weight: 700;
+  margin: 5px 0;
+  width: 100%;
+}
+.file > span {
+  background: #fff;
+  color: #337ab7;
+  border-bottom: 1px solid #ccc;
+  border-top: 1px solid #ccc;
+}
+.file > span:first-child {
+  border-left: 1px solid #ccc;
+}
+.file > span:last-child {
+  border-right: 1px solid #ccc;
+}
+.file > .tabledrag-changed {
+  background: #fcf8e3;
+  border-radius: 0;
+  color: #8a6d3b;
+  display: table-cell;
+  padding: 0 1em;
+  top: 0;
+  vertical-align: middle;
+  border-left: 1px solid inherit;
+}
+.file > .tabledrag-changed,
+.file > .tabledrag-changed:last-child {
+  border: 1px solid #f7e1b5;
+}
+.file-icon {
+  display: table-cell;
+  font-size: 150%;
+  padding: 0.25em 0.5em;
+  text-align: center;
+  vertical-align: middle;
+}
+.file-link {
+  display: table-cell;
+  vertical-align: middle;
+  width: 100%;
+}
+.file-link a,
+.file-link a:hover,
+.file-link a:focus,
+.file-link a:active {
+  color: inherit;
+}
+.file-size {
+  display: table-cell;
+  padding: 0 1em;
+  text-align: right;
+  white-space: pre;
+  vertical-align: middle;
+}
+.image-widget.row {
+  overflow: hidden;
+}
+/**
+ * Filter styles.
+ */
+.filter-wrapper {
+  background-color: #fff;
+  border: 1px solid #ddd;
+  border-top: 0;
+  border-radius: 0 0 4px 4px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+  margin-bottom: 0;
+  padding: 10px;
+  height: 51px;
+}
+.filter-help {
+  float: right;
+  line-height: 1;
+  margin: 0.5em 0 0;
+}
+.nav.nav-tabs.filter-formats {
+  margin-bottom: 15px;
+}
+/**
+ * Form styles.
+ */
+table .checkbox.form-no-label,
+table .radio.form-no-label {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+.select-wrapper {
+  display: inline-block;
+  position: relative;
+  width: 100%;
+}
+.form-inline .select-wrapper {
+  width: auto;
+}
+.input-group .select-wrapper {
+  display: table-cell;
+}
+.input-group .select-wrapper:first-child .form-control:first-child {
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+.input-group .select-wrapper:last-child .form-control:first-child {
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.select-wrapper select {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  line-height: 1;
+  padding-right: 2em;
+}
+.select-wrapper select::-ms-expand {
+  opacity: 0;
+}
+.select-wrapper:after {
+  color: #337ab7;
+  content: '▼';
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1;
+  margin-top: -0.5em;
+  padding-right: 0.5em;
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  top: 50%;
+  z-index: 10;
+}
+.has-glyphicons .select-wrapper:after {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  content: '\e114';
+  display: inline-block;
+  font-family: 'Glyphicons Halflings';
+}
+.has-error .select-wrapper:after {
+  color: #a94442;
+}
+.has-success .select-wrapper:after {
+  color: #3c763d;
+}
+.has-warning .select-wrapper:after {
+  color: #8a6d3b;
+}
+.form-required:after {
+  background-image: url('../images/required.svg');
+  background-size: 10px 7px;
+  content: "";
+  display: inline-block;
+  vertical-align: super;
+  line-height: 1;
+  height: 7px;
+  width: 10px;
+}
+.form-actions .btn,
+.form-actions .btn-group {
+  margin-right: 10px;
+}
+.form-actions .btn-group .btn {
+  margin-right: 0;
+}
+/**
+ * Icon styles.
+ */
+a.icon-before .glyphicon,
+a .glyphicon.icon-before {
+  margin-right: 0.25em;
+}
+a.icon-after .glyphicon,
+a .glyphicon.icon-after {
+  margin-left: 0.25em;
+}
+.btn.icon-before .glyphicon,
+.btn .glyphicon.icon-before {
+  margin-left: -0.25em;
+  margin-right: 0.25em;
+}
+.btn.icon-after .glyphicon,
+.btn .glyphicon.icon-after {
+  margin-left: 0.25em;
+  margin-right: -0.25em;
+}
+/**
+ * Navbar styling.
+ */
+body {
+  position: relative;
+}
+body.navbar-is-static-top {
+  margin-top: 0;
+}
+body.navbar-is-fixed-top {
+  margin-top: 65px;
+}
+body.navbar-is-fixed-bottom {
+  padding-bottom: 65px;
+}
+@media screen and (min-width: 768px) {
+  body {
+    margin-top: 15px;
+  }
+}
+@media screen and (max-width: 767px) {
+  body.toolbar-vertical.navbar-is-fixed-top .toolbar-bar,
+  body.toolbar-vertical.navbar-is-fixed-bottom .toolbar-bar {
+    position: fixed;
+  }
+  body.toolbar-vertical.navbar-is-fixed-top header,
+  body.toolbar-vertical.navbar-is-fixed-bottom header {
+    z-index: 500;
+  }
+  body.toolbar-vertical.navbar-is-fixed-top header {
+    top: 39px;
+  }
+}
+@media screen and (min-width: 768px) {
+  .navbar.container {
+    max-width: 720px;
+  }
+}
+@media screen and (min-width: 992px) {
+  .navbar.container {
+    max-width: 940px;
+  }
+}
+@media screen and (min-width: 1200px) {
+  .navbar.container {
+    max-width: 1140px;
+  }
+}
+.navbar .logo {
+  margin-right: -15px;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+@media screen and (min-width: 768px) {
+  .navbar .logo {
+    margin-right: 0;
+    padding-left: 0;
+  }
+}
+/**
+ * Node styling.
+ */
+.is-unpublished {
+  background-color: #fff4f4;
+}
+.node-preview-container {
+  margin-top: -15px;
+}
+.node-preview-form-select {
+  padding: 15px;
+}
+/**
+ * Panel styling.
+ */
+.panel-title {
+  display: block;
+  margin: -10px -15px;
+  padding: 10px 15px;
+}
+.panel-title,
+.panel-title:hover,
+.panel-title:focus,
+.panel-title:hover:focus {
+  color: inherit;
+}
+.panel-title:focus,
+.panel-title:hover {
+  text-decoration: none;
+}
+/**
+ * Progress bar styles.
+ */
+.progress-wrapper {
+  margin-bottom: 15px;
+}
+.progress-wrapper:last-child .progress {
+  margin-bottom: 5px;
+}
+.progress-wrapper .message {
+  font-weight: 700;
+  margin-bottom: 5px;
+}
+.progress-wrapper .percentage,
+.progress-wrapper .progress-label {
+  font-size: 12px;
+}
+.progress-wrapper .progress-bar {
+  min-width: 2em;
+}
+/**
+ * Table drag styles.
+ */
+.tabledrag-toggle-weight {
+  float: right;
+  margin: 1px 2px 1px 10px;
+}
+.tabledrag-changed-warning {
+  margin: 0;
+  overflow: hidden;
+}
+.tabledrag-handle {
+  color: #777777;
+  cursor: move;
+  float: left;
+  font-size: 125%;
+  line-height: 1;
+  margin: -10px 0 0 -10px;
+  padding: 10px;
+}
+.tabledrag-handle:hover,
+.tabledrag-handle:focus {
+  color: #337ab7;
+}
+.indentation {
+  float: left;
+  /* LTR */
+  height: 1.7em;
+  margin: -0.4em 0.2em -0.4em -0.4em;
+  /* LTR */
+  padding: 0.42em 0 0.42em 0.6em;
+  /* LTR */
+  width: 20px;
+}
+[dir="rtl"] .indentation {
+  float: right;
+  margin: -0.4em -0.4em -0.4em 0.2em;
+  padding: 0.42em 0.6em 0.42em 0;
+}
+/**
+ * Tabs and local action styles.
+ */
+.local-actions {
+  margin: 10px 0 10px -5px;
+}
+.tabs--secondary {
+  margin: 10px 0 5px;
+}
+/**
+ * Missing Bootstrap 2 tab styling.
+ * @see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3
+ * @see http://bootply.com/74926
+ */
+.tabbable {
+  margin-bottom: 20px;
+}
+.tabs-below > .nav-tabs,
+.tabs-left > .nav-tabs,
+.tabs-right > .nav-tabs {
+  border-bottom: 0;
+}
+.tabs-below > .nav-tabs .summary,
+.tabs-left > .nav-tabs .summary,
+.tabs-right > .nav-tabs .summary {
+  color: #777777;
+  font-size: 12px;
+}
+.tab-pane > .panel-heading {
+  display: none;
+}
+.tab-content > .active {
+  display: block;
+}
+.tabs-below > .nav-tabs {
+  border-top: 1px solid #ddd;
+}
+.tabs-below > .nav-tabs > li {
+  margin-top: -1px;
+  margin-bottom: 0;
+}
+.tabs-below > .nav-tabs > li > a {
+  border-radius: 0 0 4px 4px;
+}
+.tabs-below > .nav-tabs > li > a:hover,
+.tabs-below > .nav-tabs > li > a:focus {
+  border-top-color: #ddd;
+  border-bottom-color: transparent;
+}
+.tabs-below > .nav-tabs > .active > a,
+.tabs-below > .nav-tabs > .active > a:hover,
+.tabs-below > .nav-tabs > .active > a:focus {
+  border-color: transparent #ddd #ddd #ddd;
+}
+.tabs-left > .nav-tabs,
+.tabs-right > .nav-tabs {
+  padding-bottom: 20px;
+  width: 220px;
+}
+.tabs-left > .nav-tabs > li,
+.tabs-right > .nav-tabs > li {
+  float: none;
+}
+.tabs-left > .nav-tabs > li:focus,
+.tabs-right > .nav-tabs > li:focus {
+  outline: 0;
+}
+.tabs-left > .nav-tabs > li > a,
+.tabs-right > .nav-tabs > li > a {
+  margin-right: 0;
+  margin-bottom: 3px;
+}
+.tabs-left > .nav-tabs > li > a:focus,
+.tabs-right > .nav-tabs > li > a:focus {
+  outline: 0;
+}
+.tabs-left > .tab-content,
+.tabs-right > .tab-content {
+  border-radius: 0 4px 4px 4px;
+  border: 1px solid #ddd;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+  overflow: hidden;
+  padding: 10px 15px;
+}
+.tabs-left > .nav-tabs {
+  float: left;
+  margin-right: -1px;
+}
+.tabs-left > .nav-tabs > li > a {
+  border-radius: 4px 0 0 4px;
+}
+.tabs-left > .nav-tabs > li > a:hover,
+.tabs-left > .nav-tabs > li > a:focus {
+  border-color: #eeeeee #ddd #eeeeee #eeeeee;
+}
+.tabs-left > .nav-tabs > .active > a,
+.tabs-left > .nav-tabs > .active > a:hover,
+.tabs-left > .nav-tabs > .active > a:focus {
+  border-color: #ddd transparent #ddd #ddd;
+  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05);
+}
+.tabs-right > .nav-tabs {
+  float: right;
+  margin-left: -1px;
+}
+.tabs-right > .nav-tabs > li > a {
+  border-radius: 0 4px 4px 0;
+}
+.tabs-right > .nav-tabs > li > a:hover,
+.tabs-right > .nav-tabs > li > a:focus {
+  border-color: #eeeeee #eeeeee #eeeeee #ddd;
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
+}
+.tabs-right > .nav-tabs > .active > a,
+.tabs-right > .nav-tabs > .active > a:hover,
+.tabs-right > .nav-tabs > .active > a:focus {
+  border-color: #ddd #ddd #ddd transparent;
+}
+/**
+ * Toolbar module styling.
+ */
+body.toolbar-fixed .toolbar-oriented .toolbar-bar {
+  z-index: 1031;
+}
+body.toolbar-fixed .navbar-fixed-top {
+  top: 39px;
+}
+body.toolbar-fixed.toolbar-horizontal.toolbar-tray-open .navbar-fixed-top {
+  top: 79px;
+}
+body.toolbar-fixed.toolbar-vertical.toolbar-tray-open .navbar-fixed-top {
+  left: 240px;
+}
+body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed {
+  margin-left: 240px;
+}
+body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray {
+  padding-bottom: 40px;
+}
+body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray,
+body.toolbar-fixed.toolbar-vertical.toolbar-tray-open.toolbar-fixed .toolbar-tray > .toolbar-lining:before {
+  width: 240px;
+}
+body.toolbar-loading {
+  margin-top: 0;
+}
+body.toolbar-loading.toolbar {
+  margin-bottom: 15px;
+}
+/**
+ * jQuery UI autocomplete widget style overrides.
+ *
+ * @todo Remove once jQuery UI is no longer used?
+ */
+.ui-autocomplete {
+  background: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
+  color: inherit;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  list-style: none;
+  min-width: 160px;
+  padding: 5px 0;
+  text-align: left;
+  z-index: 1000;
+}
+.ui-autocomplete .ui-menu-item {
+  border: 0;
+  border-radius: 0;
+  clear: both;
+  color: #333333;
+  cursor: pointer;
+  display: block;
+  font-weight: normal;
+  line-height: 1.42857143;
+  margin: 0;
+  outline: 0;
+  padding: 3px 20px;
+  text-decoration: none;
+  white-space: nowrap;
+}
+.ui-autocomplete .ui-menu-item.ui-state-hover {
+  background: #f5f5f5;
+  color: #262626;
+}
+.ui-autocomplete .ui-menu-item.ui-state-active,
+.ui-autocomplete .ui-menu-item.ui-state-focus {
+  background: #337ab7;
+  color: #fff;
+}
+ol,
+ul {
+  padding-left: 1.5em;
+}
+.popover ol:last-child,
+.popover ul:last-child {
+  margin-bottom: 0;
+}
+.page-header {
+  margin-top: 0;
+}
+.footer {
+  margin-top: 45px;
+  padding-top: 35px;
+  padding-bottom: 36px;
+  border-top: 1px solid #E5E5E5;
+}
+p:last-child,
+.form-group:last-child,
+.panel:last-child {
+  margin-bottom: 0;
+}
+.region-help > .glyphicon {
+  font-size: 18px;
+  float: left;
+  margin: -0.05em 0.5em 0 0;
+}
+.region-help .block {
+  overflow: hidden;
+}
+.help-block,
+.control-group .help-inline {
+  color: #777777;
+  font-size: 12px;
+  margin: 5px 0 10px;
+  padding: 0;
+}
+.help-block:first-child,
+.control-group .help-inline:first-child {
+  margin-top: 0;
+}