Difference between revisions of "Template:Valencia UPV/custom.css"

 
(134 intermediate revisions by 2 users not shown)
Line 47: Line 47:
  
 
/* TABLA HA */
 
/* TABLA HA */
 +
 +
.divTabla{
 +
width:100% !important;
 +
}
  
 
.tableHec{
 
.tableHec{
Line 54: Line 58:
 
   box-shadow: 0 0 0 1px #ececec;
 
   box-shadow: 0 0 0 1px #ececec;
 
   margin-left: 0 !important;
 
   margin-left: 0 !important;
 +
}
 +
 +
.tableBetty{
 +
  overflow: hidden;
 +
  border-collapse: collapse;
 +
  border: none !important;
 +
  box-shadow: 0 0 0 1px #ececec;
 +
  margin-left: 0 !important;
 +
  text-align: center !important
 +
}
 +
 +
.tdAlb {
 +
border: none !important;
 +
padding-top: 1em !important;
 +
padding-bottom: 1em !important;
 +
font-size: 13px;
 +
border-right: 1px solid #eaeaea !important
 
}
 
}
  
Line 87: Line 108:
 
   padding-top: 1em !important;
 
   padding-top: 1em !important;
 
   padding-bottom: 1em !important;
 
   padding-bottom: 1em !important;
−
  font-size: 16px;
 
 
}
 
}
  
Line 202: Line 222:
 
}
 
}
  
−
 
+
.accordion{
−
.card {
+
list-style-type: none !important;
−
  position: relative;
+
padding-left: 0 !important;
−
  display: flex;
+
margin-left: 0 !important;
−
  flex-direction: column;
+
overflow: initial;
−
  min-width: 0;
+
height: auto !important;
−
  word-wrap: break-word;
+
margin-bottom: 1em !important;
−
  background-color: $card-bg;
+
−
  background-clip: border-box;
+
−
  border: $card-border-width solid $card-border-color;
+
−
  @include border-radius($card-border-radius);
+
−
 
+
−
  > hr {
+
−
    margin-right: 0;
+
−
    margin-left: 0;
+
−
  }
+
−
 
+
−
  > .list-group:first-child {
+
−
    .list-group-item:first-child {
+
−
      @include border-top-radius($card-border-radius);
+
−
    }
+
−
  }
+
−
 
+
−
  > .list-group:last-child {
+
−
    .list-group-item:last-child {
+
−
      @include border-bottom-radius($card-border-radius);
+
−
    }
+
−
  }
+
 
}
 
}
  
−
.card-body {
+
.accordion__title{
−
  // Enable `flex-grow: 1` for decks and groups so that card blocks take up
+
margin-bottom: 0 !important;
−
  // as much space as possible, ensuring footers are aligned to the bottom.
+
opacity: 1 !important;
−
  flex: 1 1 auto;
+
background: #3e90c5 !important;
−
  padding: $card-spacer-x;
+
color: #fff !important;
 +
border: 1px solid #3e90c5 !important;
 
}
 
}
  
−
.card-title {
+
.accordion__element{
−
  margin-bottom: $card-spacer-y;
+
margin-bottom: 0.5em !important
 
}
 
}
  
−
.card-subtitle {
+
.accordion accordion-1:last-child{
−
  margin-top: -($card-spacer-y / 2);
+
margin-bottom: 1.8em !important
−
  margin-bottom: 0;
+
 
}
 
}
  
−
.card-text:last-child {
+
.accordion-1 li.active .accordion__title{
−
  margin-bottom: 0;
+
border-bottom-left-radius: 0 !important;
 +
border-bottom-right-radius: 0 !important;
 
}
 
}
  
−
.card-link {
 
−
  @include hover {
 
−
    text-decoration: none;
 
−
  }
 
  
−
  + .card-link {
+
.accordion__content{
−
     margin-left: $card-spacer-x;
+
     border: 1px solid #cecece !important;
−
  }
+
    border-radius: 4px !important;
 +
    border-top-left-radius: 0 !important;
 +
    border-top-right-radius: 0 !important;
 +
    padding-left: 1.5em !important;
 +
    max-height: 100%;
 +
    max-width: 100%;
 +
 
 
}
 
}
  
−
//
+
.accordion li.active .accordion__content{
−
// Optional textual caps
+
padding: 1.5em !important;
−
//
+
max-height: 100% !important
−
 
+
−
.card-header {
+
−
  padding: $card-spacer-y $card-spacer-x;
+
−
  margin-bottom: 0; // Removes the default margin-bottom of <hN>
+
−
  background-color: $card-cap-bg;
+
−
  border-bottom: $card-border-width solid $card-border-color;
+
−
 
+
−
  &:first-child {
+
−
    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
+
−
  }
+
−
 
+
−
  + .list-group {
+
−
    .list-group-item:first-child {
+
−
      border-top: 0;
+
−
    }
+
−
  }
+
 
}
 
}
  
−
.card-footer {
+
.accordion .accordion__title:before{
−
  padding: $card-spacer-y $card-spacer-x;
+
color: #fff !important;
−
  background-color: $card-cap-bg;
+
−
  border-top: $card-border-width solid $card-border-color;
+
  
−
  &:last-child {
 
−
    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
 
−
  }
 
 
}
 
}
  
  
−
//
 
−
// Header navs
 
−
//
 
  
−
.card-header-tabs {
+
/* MODAL TEST */
−
  margin-right: -($card-spacer-x / 2);
+
−
  margin-bottom: -$card-spacer-y;
+
−
  margin-left: -($card-spacer-x / 2);
+
−
  border-bottom: 0;
+
−
}
+
  
−
.card-header-pills {
 
−
  margin-right: -($card-spacer-x / 2);
 
−
  margin-left: -($card-spacer-x / 2);
 
−
}
 
  
−
// Card image
+
.modalDialog {
−
.card-img-overlay {
+
position: fixed !important;
−
  position: absolute;
+
font-family: Arial, Helvetica, sans-serif !important;
−
  top: 0;
+
top: 0 !important;
−
  right: 0;
+
right: 0 !important;
−
  bottom: 0;
+
bottom: 0 !important;
−
  left: 0;
+
left: 0 !important;
−
  padding: $card-img-overlay-padding;
+
background: rgba(0,0,0,0.8) !important;
 +
z-index: 99999 !important;
 +
opacity:0 !important;
 +
-webkit-transition: opacity 200ms ease-in !important;
 +
-moz-transition: opacity 200ms ease-in !important;
 +
transition: opacity 200ms ease-in !important;
 +
pointer-events: none !important;
 
}
 
}
  
−
.card-img {
 
−
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
 
−
  @include border-radius($card-inner-border-radius);
 
−
}
 
  
−
// Card image caps
+
.modalDialog:target {
−
.card-img-top {
+
opacity:1 !important;
−
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+
pointer-events: auto  !important;
−
  @include border-top-radius($card-inner-border-radius);
+
 
}
 
}
  
−
.card-img-bottom {
+
.modalDialog > div {
−
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+
width: 400px  !important;
−
  @include border-bottom-radius($card-inner-border-radius);
+
position: relative  !important;
 +
margin: 10% auto  !important;
 +
padding: 5px 20px 13px 20px  !important;
 +
border-radius: 10px  !important;
 +
background: #fff  !important;
 +
background: -moz-linear-gradient(#fff, #999)  !important;
 +
background: -webkit-linear-gradient(#fff, #999)  !important;
 +
background: -o-linear-gradient(#fff, #999) !important;
 
}
 
}
  
  
−
// Card deck
+
/* PROGRESS BAR */
  
−
.card-deck {
 
−
  display: flex;
 
−
  flex-direction: column;
 
  
−
  .card {
+
.header {
−
    margin-bottom: $card-deck-margin;
+
  position: fixed;
−
   }
+
  top: 13.3%;
 +
  z-index: 100;
 +
   width: 100%;
 +
  background-color: #f1f1f1;
 +
}
  
−
  @include media-breakpoint-up(sm) {
+
/* The progress container (grey background) */
−
    flex-flow: row wrap;
+
.progress-container {
−
    margin-right: -$card-deck-margin;
+
  width: 100%;
−
    margin-left: -$card-deck-margin;
+
  height: 5px;
 +
  background: #fff;
 +
}
  
−
    .card {
+
/* The progress bar (scroll indicator) */
−
      display: flex;
+
.progress-bar {
−
      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
+
  height: 5px;
−
      flex: 1 0 0%;
+
  background: #fdc516;
−
      flex-direction: column;
+
  width: 0%;
−
      margin-right: $card-deck-margin;
+
−
      margin-bottom: 0; // Override the default
+
−
      margin-left: $card-deck-margin;
+
−
    }
+
−
  }
+
 
}
 
}
  
 +
.p{
 +
  padding-bottom: 1em !important;
 +
}
  
−
//
+
.hashlink:before{
−
// Card groups
+
    display:block;
−
//
+
    position:relative;
 +
    margin-top: -200px;
 +
    height:200px;
 +
    content: " ";
 +
    visibility:hidden;
 +
}
  
−
.card-group {
 
−
  display: flex;
 
−
  flex-direction: column;
 
  
−
  // The child selector allows nested `.card` within `.card-group`
+
/* ATTRIBUTIONS */
−
  // to display properly.
+
−
  > .card {
+
−
    margin-bottom: $card-group-margin;
+
−
  }
+
  
−
  @include media-breakpoint-up(sm) {
+
.ulHec{
−
    flex-flow: row wrap;
+
padding-bottom: 1em !important;
−
    // The child selector allows nested `.card` within `.card-group`
+
list-style: none !important;
−
    // to display properly.
+
padding-left: 0em !important
−
    > .card {
+
}
−
      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
+
−
      flex: 1 0 0%;
+
−
      margin-bottom: 0;
+
  
−
      + .card {
+
.fotosAttr{
−
        margin-left: 0;
+
margin-top: 0 !important;
−
        border-left: 0;
+
}
−
      }
+
  
−
      // Handle rounded corners
+
.anchorOffset{
−
      @if $enable-rounded {
+
−
        &:first-child {
+
−
          @include border-right-radius(0);
+
  
−
          .card-img-top,
+
display: block !important;
−
          .card-header {
+
position: relative !important;
−
            border-top-right-radius: 0;
+
top: -135px !important;
−
          }
+
visibility: hidden !important;
−
          .card-img-bottom,
+
−
          .card-footer {
+
−
            border-bottom-right-radius: 0;
+
−
          }
+
−
        }
+
  
−
        &:last-child {
+
}
−
          @include border-left-radius(0);
+
  
−
          .card-img-top,
+
.rowAttr{
−
          .card-header {
+
    padding-left: 15px;
−
            border-top-left-radius: 0;
+
    position: relative;
−
          }
+
    bottom: 0.8em;
−
          .card-img-bottom,
+
}
−
          .card-footer {
+
−
            border-bottom-left-radius: 0;
+
−
          }
+
−
        }
+
  
−
        &:only-child {
+
@media only screen and (max-width: 768px) {
−
          @include border-radius($card-border-radius);
+
    .fotosAttr{
 +
    height: 150px;
 +
    width: 150px;
 +
    }
 +
    .h3Attr{
 +
    text-align: center;
 +
  }
 +
  .col9Attr{
 +
  padding-left: 1.5em !important;
 +
  }
 +
  .col9Phone{
 +
    padding-left: 15px !important;
 +
    padding-right: 15px !important;
 +
  }
 +
  .pieDeImagen{
 +
    padding-left: 7em !important;
 +
  }
 +
  .newsDiv{
 +
      top: 6em !important;
 +
      left: 0em !important;
 +
      padding-right: 2em !important;
 +
  }
 +
  .newsHeader{
 +
    font-size: 1em !important;
 +
  }
 +
  .newsP{
 +
    font-size: 0.6em !important;
 +
  }
  
−
          .card-img-top,
+
}
−
          .card-header {
+
−
            @include border-top-radius($card-border-radius);
+
−
          }
+
−
          .card-img-bottom,
+
−
          .card-footer {
+
−
            @include border-bottom-radius($card-border-radius);
+
−
          }
+
−
        }
+
  
−
        &:not(:first-child):not(:last-child):not(:only-child) {
 
−
          @include border-radius(0);
 
  
−
          .card-img-top,
+
h5{
−
          .card-img-bottom,
+
margin-bottom: 0.2em !important
−
          .card-header,
+
−
          .card-footer {
+
−
            @include border-radius(0);
+
−
          }
+
−
        }
+
−
      }
+
−
    }
+
−
  }
+
 
}
 
}
  
  
−
//
+
::-moz-selection { background: #ffc600; }
−
// Columns
+
::selection { background: #ffc600;; }
−
//
+
  
−
.card-columns {
 
−
  .card {
 
−
    margin-bottom: $card-columns-margin;
 
−
  }
 
  
−
  @include media-breakpoint-up(sm) {
+
.aparece {
−
     column-count: $card-columns-count;
+
     opacity: 0;
−
     column-gap: $card-columns-gap;
+
     transition: opacity 0s ease-in 600ms, opacity 600ms;
−
     orphans: 1;
+
     position: relative;
−
    widows: 1;
+
−
 
+
−
    .card {
+
−
      display: inline-block; // Don't let them vertically span multiple columns
+
−
      width: 100%; // Don't let their width change
+
−
    }
+
−
  }
+
 
}
 
}
  
  
−
//
 
−
// Accordion
 
−
//
 
  
−
.accordion {
 
−
  .card:not(:first-of-type):not(:last-of-type) {
 
−
    border-bottom: 0;
 
−
    border-radius: 0;
 
−
  }
 
  
−
  .card:not(:first-of-type) {
+
.aparece-hover:hover .aparece {
−
     .card-header:first-child {
+
     opacity: 1;
−
      border-radius: 0;
+
    transition: opacity 0s ease-in 600ms, opacity 600ms;
−
    }
+
}
−
  }
+
  
−
  .card:first-of-type {
+
.linkSinPadding{
−
    border-bottom: 0;
+
padding-right: 0 !important;
−
    border-bottom-right-radius: 0;
+
}
−
    border-bottom-left-radius: 0;
+
−
  }
+
  
−
  .card:last-of-type {
+
.lb-outerContainer {
−
     border-top-left-radius: 0;
+
     background-color: transparent !important;
−
    border-top-right-radius: 0;
+
−
  }
+
 
}
 
}
 +
 +
  
  

Latest revision as of 21:22, 6 December 2018