Listado de boletines
.tab {
overflow: hidden;
text-align: center;
margin-top: 30px;
}
.tabcontent li:before {
content: ">";
color: #b40031;
font-weight: 900;
margin-right: 17px;
font-family: monospace;
padding-bottom: 10px;
}
/* Style the buttons that are used to open the tab content */
.tab button {
background-color: inherit;
border: none;
display: inline-block;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
}
.mediaAnchura {
width: 49%;
display: inline-block;
}
@media screen and (max-width: 767px){
.mediaAnchura {
width: 100%;
}
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #b40031;
color: white;
border-radius: 6px;
padding: 9px 17px;
}
/* Create an active/current tablink class */
.tab button.active {
background-color: #b40031;
color: white;
border-radius: 6px;
padding: 9px 17px;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border-top: none;
}
#page1{
display: block;
}
function openCity(evt, cityName) {
// Declare all variables
var i, tabcontent, tablinks;
// Get all elements with class="tabcontent" and hide them
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
// Get all elements with class="tablinks" and remove the class "active"
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
// Show the current tab, and add an "active" class to the button that opened the tab
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
(Observatorio de Contratación Pública, ISSN 2952-3109)
12345678910111213141516171819