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

 
(132 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{
 +
list-style-type: none !important;
 +
padding-left: 0 !important;
 +
margin-left: 0 !important;
 +
overflow: initial;
 +
height: auto !important;
 +
margin-bottom: 1em !important;
 +
}
  
 +
.accordion__title{
 +
margin-bottom: 0 !important;
 +
opacity: 1 !important;
 +
background: #3e90c5 !important;
 +
color: #fff !important;
 +
border: 1px solid #3e90c5 !important;
 +
}
  
 +
.accordion__element{
 +
margin-bottom: 0.5em !important
 +
}
  
 +
.accordion accordion-1:last-child{
 +
margin-bottom: 1.8em !important
 +
}
  
 +
.accordion-1 li.active .accordion__title{
 +
border-bottom-left-radius: 0 !important;
 +
border-bottom-right-radius: 0 !important;
 +
}
  
  
 +
.accordion__content{
 +
    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{
 +
padding: 1.5em !important;
 +
max-height: 100% !important
 +
}
  
 +
.accordion .accordion__title:before{
 +
color: #fff !important;
  
 +
}
  
  
  
 +
/* MODAL TEST */
  
  
 +
.modalDialog {
 +
position: fixed !important;
 +
font-family: Arial, Helvetica, sans-serif !important;
 +
top: 0 !important;
 +
right: 0 !important;
 +
bottom: 0 !important;
 +
left: 0 !important;
 +
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;
 +
}
  
  
 +
.modalDialog:target {
 +
opacity:1 !important;
 +
pointer-events: auto  !important;
 +
}
  
 +
.modalDialog > div {
 +
width: 400px  !important;
 +
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;
 +
}
  
  
 +
/* PROGRESS BAR */
  
  
−
 
+
.header {
−
/* BOOTSTRAP MIN CSS SOLO ACORDEONES */
+
  position: fixed;
−
 
+
  top: 13.3%;
−
 
+
  z-index: 100;
−
 
+
  width: 100%;
−
 
+
  background-color: #f1f1f1;
−
.card {
+
−
position: relative;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
-ms-flex-direction: column;
+
−
flex-direction: column;
+
−
min-width: 0;
+
−
word-wrap: break-word;
+
−
background-color: #fff;
+
−
background-clip: border-box;
+
−
border: 1px solid rgba(0, 0, 0, .125);
+
−
border-radius: .25rem
+
 
}
 
}
  
−
.card>hr {
+
/* The progress container (grey background) */
−
margin-right: 0;
+
.progress-container {
−
margin-left: 0
+
  width: 100%;
 +
  height: 5px;
 +
  background: #fff;
 
}
 
}
  
−
.card>.list-group:first-child .list-group-item:first-child {
+
/* The progress bar (scroll indicator) */
−
border-top-left-radius: .25rem;
+
.progress-bar {
−
border-top-right-radius: .25rem
+
  height: 5px;
 +
  background: #fdc516;
 +
  width: 0%;
 
}
 
}
  
−
.card>.list-group:last-child .list-group-item:last-child {
+
.p{
−
border-bottom-right-radius: .25rem;
+
  padding-bottom: 1em !important;
−
border-bottom-left-radius: .25rem
+
 
}
 
}
  
−
.card-body {
+
.hashlink:before{
−
-ms-flex: 1 1 auto;
+
    display:block;
−
flex: 1 1 auto;
+
    position:relative;
−
padding: 1.25rem
+
    margin-top: -200px;
 +
    height:200px;
 +
    content: " ";
 +
    visibility:hidden;
 
}
 
}
  
−
.card-title {
 
−
margin-bottom: .75rem
 
−
}
 
  
−
.card-subtitle {
+
/* ATTRIBUTIONS */
−
margin-top: -.375rem;
+
−
margin-bottom: 0
+
−
}
+
  
−
.card-text:last-child {
+
.ulHec{
−
margin-bottom: 0
+
padding-bottom: 1em !important;
 +
list-style: none !important;
 +
padding-left: 0em !important
 
}
 
}
  
−
.card-link:hover {
+
.fotosAttr{
−
text-decoration: none
+
margin-top: 0 !important;
 
}
 
}
  
−
.card-link+.card-link {
+
.anchorOffset{
−
margin-left: 1.25rem
+
−
}
+
  
−
.card-header {
+
display: block !important;
−
padding: .75rem 1.25rem;
+
position: relative !important;
−
margin-bottom: 0;
+
top: -135px !important;
−
background-color: rgba(0, 0, 0, .03);
+
visibility: hidden !important;
−
border-bottom: 1px solid rgba(0, 0, 0, .125)
+
−
}
+
  
−
.card-header:first-child {
 
−
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
 
 
}
 
}
  
−
.card-header+.list-group .list-group-item:first-child {
+
.rowAttr{
−
border-top: 0
+
    padding-left: 15px;
 +
    position: relative;
 +
    bottom: 0.8em;
 
}
 
}
  
−
.card-footer {
+
@media only screen and (max-width: 768px) {
−
padding: .75rem 1.25rem;
+
    .fotosAttr{
−
background-color: rgba(0, 0, 0, .03);
+
    height: 150px;
−
border-top: 1px solid rgba(0, 0, 0, .125)
+
    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-footer:last-child {
 
−
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
 
 
}
 
}
  
−
.card-header-tabs {
 
−
margin-right: -.625rem;
 
−
margin-bottom: -.75rem;
 
−
margin-left: -.625rem;
 
−
border-bottom: 0
 
−
}
 
  
−
.card-header-pills {
+
h5{
−
margin-right: -.625rem;
+
margin-bottom: 0.2em !important
−
margin-left: -.625rem
+
 
}
 
}
  
−
.card-img-overlay {
 
−
position: absolute;
 
−
top: 0;
 
−
right: 0;
 
−
bottom: 0;
 
−
left: 0;
 
−
padding: 1.25rem
 
−
}
 
  
−
.card-img {
+
::-moz-selection { background: #ffc600; }
−
width: 100%;
+
::selection { background: #ffc600;; }
−
border-radius: calc(.25rem - 1px)
+
−
}
+
  
−
.card-img-top {
 
−
width: 100%;
 
−
border-top-left-radius: calc(.25rem - 1px);
 
−
border-top-right-radius: calc(.25rem - 1px)
 
−
}
 
  
−
.card-img-bottom {
+
.aparece {
−
width: 100%;
+
    opacity: 0;
−
border-bottom-right-radius: calc(.25rem - 1px);
+
    transition: opacity 0s ease-in 600ms, opacity 600ms;
−
border-bottom-left-radius: calc(.25rem - 1px)
+
    position: relative;
 
}
 
}
  
−
.card-deck {
 
−
display: -ms-flexbox;
 
−
display: flex;
 
−
-ms-flex-direction: column;
 
−
flex-direction: column
 
−
}
 
  
−
.card-deck .card {
 
−
margin-bottom: 15px
 
−
}
 
  
−
@media (min-width:576px) {
 
−
.card-deck {
 
−
-ms-flex-flow: row wrap;
 
−
flex-flow: row wrap;
 
−
margin-right: -15px;
 
−
margin-left: -15px
 
−
}
 
−
.card-deck .card {
 
−
display: -ms-flexbox;
 
−
display: flex;
 
−
-ms-flex: 1 0 0%;
 
−
flex: 1 0 0%;
 
−
-ms-flex-direction: column;
 
−
flex-direction: column;
 
−
margin-right: 15px;
 
−
margin-bottom: 0;
 
−
margin-left: 15px
 
−
}
 
−
}
 
  
−
.card-group {
+
.aparece-hover:hover .aparece {
−
display: -ms-flexbox;
+
    opacity: 1;
−
display: flex;
+
    transition: opacity 0s ease-in 600ms, opacity 600ms;
−
-ms-flex-direction: column;
+
−
flex-direction: column
+
 
}
 
}
  
−
.card-group>.card {
+
.linkSinPadding{
−
margin-bottom: 15px
+
padding-right: 0 !important;
 
}
 
}
  
−
@media (min-width:576px) {
+
.lb-outerContainer {
−
.card-group {
+
    background-color: transparent !important;
−
-ms-flex-flow: row wrap;
+
−
flex-flow: row wrap
+
−
}
+
−
.card-group>.card {
+
−
-ms-flex: 1 0 0%;
+
−
flex: 1 0 0%;
+
−
margin-bottom: 0
+
−
}
+
−
.card-group>.card+.card {
+
−
margin-left: 0;
+
−
border-left: 0
+
−
}
+
−
.card-group>.card:first-child {
+
−
border-top-right-radius: 0;
+
−
border-bottom-right-radius: 0
+
−
}
+
−
.card-group>.card:first-child .card-header,
+
−
.card-group>.card:first-child .card-img-top {
+
−
border-top-right-radius: 0
+
−
}
+
−
.card-group>.card:first-child .card-footer,
+
−
.card-group>.card:first-child .card-img-bottom {
+
−
border-bottom-right-radius: 0
+
−
}
+
−
.card-group>.card:last-child {
+
−
border-top-left-radius: 0;
+
−
border-bottom-left-radius: 0
+
−
}
+
−
.card-group>.card:last-child .card-header,
+
−
.card-group>.card:last-child .card-img-top {
+
−
border-top-left-radius: 0
+
−
}
+
−
.card-group>.card:last-child .card-footer,
+
−
.card-group>.card:last-child .card-img-bottom {
+
−
border-bottom-left-radius: 0
+
−
}
+
−
.card-group>.card:only-child {
+
−
border-radius: .25rem
+
−
}
+
−
.card-group>.card:only-child .card-header,
+
−
.card-group>.card:only-child .card-img-top {
+
−
border-top-left-radius: .25rem;
+
−
border-top-right-radius: .25rem
+
−
}
+
−
.card-group>.card:only-child .card-footer,
+
−
.card-group>.card:only-child .card-img-bottom {
+
−
border-bottom-right-radius: .25rem;
+
−
border-bottom-left-radius: .25rem
+
−
}
+
−
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
+
−
border-radius: 0
+
−
}
+
−
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
+
−
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
+
−
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
+
−
.card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
+
−
border-radius: 0
+
−
}
+
 
}
 
}
  
−
.card-columns .card {
 
−
margin-bottom: .75rem
 
−
}
 
  
−
@media (min-width:576px) {
 
−
.card-columns {
 
−
-webkit-column-count: 3;
 
−
-moz-column-count: 3;
 
−
column-count: 3;
 
−
-webkit-column-gap: 1.25rem;
 
−
-moz-column-gap: 1.25rem;
 
−
column-gap: 1.25rem;
 
−
orphans: 1;
 
−
widows: 1
 
−
}
 
−
.card-columns .card {
 
−
display: inline-block;
 
−
width: 100%
 
−
}
 
−
}
 
  
−
.accordion .card:not(:first-of-type):not(:last-of-type) {
 
−
border-bottom: 0;
 
−
border-radius: 0
 
−
}
 
−
 
−
.accordion .card:not(:first-of-type) .card-header:first-child {
 
−
border-radius: 0
 
−
}
 
−
 
−
.accordion .card:first-of-type {
 
−
border-bottom: 0;
 
−
border-bottom-right-radius: 0;
 
−
border-bottom-left-radius: 0
 
−
}
 
−
 
−
.accordion .card:last-of-type {
 
−
border-top-left-radius: 0;
 
−
border-top-right-radius: 0
 
−
}
 
  
  

Latest revision as of 21:22, 6 December 2018