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

 
(125 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 206: Line 226:
 
padding-left: 0 !important;
 
padding-left: 0 !important;
 
margin-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
 +
}
  
−
/* MODAL TEST */
+
.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;
 +
}
  
  
−
$primary: #2c3e50;
+
.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%;
  
−
html, body { box-sizing: border-box; }
 
−
body {
 
−
  background: $primary;
 
−
  margin: 5%;
 
 
}
 
}
  
−
.center {
+
.accordion li.active .accordion__content{
−
  transform: translate(-50%, -50%);
+
padding: 1.5em !important;
−
  position: absolute;
+
max-height: 100% !important
−
  left: 50%;
+
−
  top: 50%;
+
 
}
 
}
  
−
// show button
+
.accordion .accordion__title:before{
−
.show {
+
color: #fff !important;
−
  transition: background 500ms ease;
+
 
−
  background: lighten($primary, 5%);
+
−
  padding: 10px 15px;
+
−
  margin-right: 5px;
+
−
  cursor: pointer;
+
−
  color: #fff;
+
−
  border: 0;
+
−
 
+
−
  &:hover {
+
−
    background: darken($primary, 10%);
+
−
  }
+
 
}
 
}
  
−
// Close Button
+
 
−
.close {
+
 
−
  position: absolute;
+
/* MODAL TEST */
−
  cursor: pointer;
+
 
−
  padding: 20px;
+
 
−
  color: white;
+
.modalDialog {
−
  bottom: 0;
+
position: fixed !important;
−
  right: 0;
+
font-family: Arial, Helvetica, sans-serif !important;
−
  top: 0;
+
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;
 
}
 
}
  
−
// The mask
+
 
−
.mask {
+
.modalDialog:target {
−
  background: rgba(0, 0, 0, 0.68);
+
opacity:1 !important;
−
  visibility: hidden;
+
pointer-events: auto  !important;
−
  transition: 0.7s;
+
−
  position: fixed;
+
−
  height: 100vh;
+
−
  width: 100vw;
+
−
  z-index: 50;
+
−
  opacity: 0;
+
−
  left: 0;
+
−
  top: 0;
+
 
}
 
}
  
−
// Modal
+
.modalDialog > div {
−
.modal {
+
width: 400px  !important;
−
  transition: 0.5s ease-out;
+
position: relative  !important;
−
  background: dodgerblue;
+
margin: 10% auto  !important;
−
  visibility: hidden;
+
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 {
 
   position: fixed;
 
   position: fixed;
−
   @extend .center;
+
   top: 13.3%;
−
  height: 80vh;
+
−
  width: 80vw;
+
 
   z-index: 100;
 
   z-index: 100;
−
   opacity: 0;
+
   width: 100%;
−
    
+
   background-color: #f1f1f1;
−
  .modal__content {
+
−
    @extend .center;
+
−
  }
+
 
}
 
}
  
−
// Class Active
+
/* The progress container (grey background) */
−
.active {
+
.progress-container {
−
   visibility: visible;
+
   width: 100%;
−
   opacity: 1;
+
   height: 5px;
 +
  background: #fff;
 
}
 
}
  
−
// When active class is added, that affects the modal class
+
/* The progress bar (scroll indicator) */
−
.active + .modal{
+
.progress-bar {
−
   visibility: visible;
+
   height: 5px;
−
   opacity: 1;
+
  background: #fdc516;
 +
   width: 0%;
 
}
 
}
 +
 +
.p{
 +
  padding-bottom: 1em !important;
 +
}
 +
 +
.hashlink:before{
 +
    display:block;
 +
    position:relative;
 +
    margin-top: -200px;
 +
    height:200px;
 +
    content: " ";
 +
    visibility:hidden;
 +
}
 +
 +
 +
/* ATTRIBUTIONS */
 +
 +
.ulHec{
 +
padding-bottom: 1em !important;
 +
list-style: none !important;
 +
padding-left: 0em !important
 +
}
 +
 +
.fotosAttr{
 +
margin-top: 0 !important;
 +
}
 +
 +
.anchorOffset{
 +
 +
display: block !important;
 +
position: relative !important;
 +
top: -135px !important;
 +
visibility: hidden !important;
 +
 +
}
 +
 +
.rowAttr{
 +
    padding-left: 15px;
 +
    position: relative;
 +
    bottom: 0.8em;
 +
}
 +
 +
@media only screen and (max-width: 768px) {
 +
    .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;
 +
  }
 +
 +
}
 +
 +
 +
h5{
 +
margin-bottom: 0.2em !important
 +
}
 +
 +
 +
::-moz-selection { background: #ffc600; }
 +
::selection { background: #ffc600;; }
 +
 +
 +
.aparece {
 +
    opacity: 0;
 +
    transition: opacity 0s ease-in 600ms, opacity 600ms;
 +
    position: relative;
 +
}
 +
 +
 +
 +
 +
.aparece-hover:hover .aparece {
 +
    opacity: 1;
 +
    transition: opacity 0s ease-in 600ms, opacity 600ms;
 +
}
 +
 +
.linkSinPadding{
 +
padding-right: 0 !important;
 +
}
 +
 +
.lb-outerContainer {
 +
    background-color: transparent !important;
 +
}
 +
 +
  
  

Latest revision as of 21:22, 6 December 2018