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

 
(152 intermediate revisions by 2 users not shown)
Line 2: Line 2:
  
 
<style>
 
<style>
 +
 +
/* BARRA DE NAVEGACIÓN (?) */
  
 
.nav-container{
 
.nav-container{
Line 13: Line 15:
 
}
 
}
  
 +
.navLinks{
 +
  color: white !important;
 +
  opacity: 1 !important;
 +
}
 +
 +
/* MENÚ DE NAVEGACIÓN */
  
 
li.lateral{
 
li.lateral{
Line 39: Line 47:
  
 
/* TABLA HA */
 
/* TABLA HA */
 +
 +
.divTabla{
 +
width:100% !important;
 +
}
  
 
.tableHec{
 
.tableHec{
Line 46: 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 55: Line 84:
 
   background-color: #909090 !important;
 
   background-color: #909090 !important;
 
   color: #fff !important;
 
   color: #fff !important;
 +
  border-right: 1px solid #fff !important;
 
}
 
}
  
Line 62: Line 92:
 
   padding-bottom: 1em !important;
 
   padding-bottom: 1em !important;
 
   font-size: 16px;
 
   font-size: 16px;
 +
  border-right: 1px solid #eaeaea !important;
 
}
 
}
  
−
.navLinks{
+
th:last-child{
−
   color: white !important;
+
   padding-top: 1em !important;
−
   opacity: 1 !important;
+
  border: none !important;
 +
  padding-bottom: 1em !important;
 +
  font-size: 16px;
 +
  background-color: #909090 !important;
 +
   color: #fff !important;
 
}
 
}
 +
 +
td:last-child{
 +
  border: none !important;
 +
  padding-top: 1em !important;
 +
  padding-bottom: 1em !important;
 +
}
 +
  
 
.centerImg{
 
.centerImg{
Line 73: Line 115:
 
   display: block !important;
 
   display: block !important;
 
}
 
}
 +
 +
.fotoConPie{
 +
  padding-bottom: 1em;
 +
  text-alignt: right;
 +
}
 +
 +
.pieDeImagen{
 +
  width: 100%;
 +
  padding-left: 19em;
 +
  padding-right: 1em;
 +
}
 +
 +
 +
 +
 +
/* MODALES */
 +
.modal {
 +
    display: none; /* Hidden by default */
 +
    position: fixed; /* Stay in place */
 +
    z-index: 8888; /* Sit on top */
 +
    left: 0;
 +
    top: 0;
 +
    width: 100%; /* Full width */
 +
    height: 100%; /* Full height */
 +
    overflow: auto; /* Enable scroll if needed */
 +
    background-color: rgb(0,0,0); /* Fallback color */
 +
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 +
}
 +
 +
/* Modal Content/Box */
 +
.modal-content {
 +
    background-color: #fefefe;
 +
    margin: 10vh auto; /* 15% from the top and centered */
 +
    padding: 20px;
 +
    border: 1px solid #888;
 +
    width: 90%; /* Could be more or less, depending on screen size */
 +
}
 +
@media (min-width: 1366px) {
 +
  .modal-content {
 +
    background-color: #fefefe;
 +
    margin: 10vh auto; /* 15% from the top and centered */
 +
    padding: 20px;
 +
    border: 1px solid #888;
 +
    width: 30%; /* Could be more or less, depending on screen size */
 +
}
 +
}
 +
 +
/* The Close Button */
 +
.close {
 +
    color: #aaa;
 +
    float: right;
 +
    font-size: 28px;
 +
    font-weight: bold;
 +
}
 +
 +
.close:hover,
 +
.close:focus {
 +
    color: black;
 +
    text-decoration: none;
 +
    cursor: pointer;
 +
}
 +
 +
 +
/* ACORDEON */
 +
 +
.card{
 +
  overflow:hidden;
 +
  border-radius: 0.4 rem;
 +
  border: 0;
 +
  margin-bottom: 1.5em;
 +
}
 +
 +
 +
.cardSpan.collapsed:before{
 +
    font-family: "stack-interface";
 +
    content: '\e80d';
 +
    margin-right: 6px;
 +
}
 +
 +
.cardSpan.expanded:before{
 +
    font-family: "stack-interface";
 +
    content: '\e80a';
 +
    margin-right: 6px;
 +
}
 +
 +
.card-header{
 +
  cursor: pointer;
 +
  background: #4a90e2;
 +
  border: 0;
 +
}
 +
 +
 +
.cardText{
 +
  -webkit-user-select: none; /* Safari */
 +
  -moz-user-select: none; /* Firefox */
 +
  -ms-user-select: none; /* IE10+/Edge */
 +
  user-select: none; /* Standard */
 +
  color: #fff;
 +
}
 +
 +
.card-body{
 +
  padding: 1.2em 1.2em 1.2em 1.2em;
 +
  border: 1px solid rgba(0,0,0,.125);
 +
  border-bottom-left-radius: 0.4rem;
 +
  border-bottom-right-radius: 0.4rem;
 +
}
 +
 +
.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 {
 +
  position: fixed;
 +
  top: 13.3%;
 +
  z-index: 100;
 +
  width: 100%;
 +
  background-color: #f1f1f1;
 +
}
 +
 +
/* The progress container (grey background) */
 +
.progress-container {
 +
  width: 100%;
 +
  height: 5px;
 +
  background: #fff;
 +
}
 +
 +
/* The progress bar (scroll indicator) */
 +
.progress-bar {
 +
  height: 5px;
 +
  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;
 +
}
 +
 +
 +
 +
 +
  
 
</style>
 
</style>
  
 
</html>
 
</html>

Latest revision as of 21:22, 6 December 2018