0% found this document useful (0 votes)
5 views5 pages

Styles

The document contains CSS styles for a web application, focusing on dropdown menus, buttons, and layout elements. It includes styles for active states, filtering categories, and responsive design for different screen sizes. The styles aim to enhance the visual appearance and user experience of the application while maintaining a dark theme.

Uploaded by

sfssuccess
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
5 views5 pages

Styles

The document contains CSS styles for a web application, focusing on dropdown menus, buttons, and layout elements. It includes styles for active states, filtering categories, and responsive design for different screen sizes. The styles aim to enhance the visual appearance and user experience of the application while maintaining a dark theme.

Uploaded by

sfssuccess
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 5

<style>

/*Dropdown de eventos*/
select>option{
background-color: black;
}

select{
//padding: 3px 12px;
outline: none;
border: 0.1vh solid #ff9933;
Background-color: black;
color:white;
font-weight: normal;
width:80%;
height: 4vh;
}

/*Color del evento activo*/


.activo {
background-color: hsl(210, 100%, 23%); /* color del fondo de la tarjeta li
Change this to your desired color */
}

/*Filtrado por categorias*/


.filter {
display:none;
}

.show {
display: block;
}

/*Estilo de los botones de filtro */


.bton {
//z-index:10000;
border: none;
outline: none;
// padding: 1.5vh 1.5vw;
background-color: #d0330;
cursor: pointer;
width:25%;
height: 5vh;
font-size: 6.5px;
//font-size:1.7vh;
text-align:center;
}

.bton:hover {
color: white;
background-color: hsl(210, 100%, 23%);
}

.bton.active {
background-color: #ff9933;
color: white;
}

/*Estilo del contenedor del widget, Ensure the widget uses flexbox for layout */
#widget {
width:75%;
position: absolute;
top: 0;
display: flex;
flex-direction: column; /* Stack children vertically */
}

/* Ensure the header is at the top */


.game-center-header_container__HmxpK {
//width: 100%; /* Full width */
//z-index: -1; /* Ensure it is above other content */
//height: 18vh;
//width: 100%; /* Full width */
//max-height: 13vh; /* Set a maximum height for the header */
//min-height: 27vh;
Height: 30vh;
overflow: hidden; /* Prevent overflow */
display: flex; /* Use flexbox for inner elements */
align-items: normal; /* Center items vertically */
justify-content: center; /* Center items horizontally */
//top:-5;
//background: transparent;
}

/*.entity-scores-widget-group_live_title__M8cAV {
//display: block;
//position: relative;
margin-top: 75vh !important;
}*/

.navigation-tabs_container__XHS-c {
margin-top: 57vh !important; /* Move down by 15% */
}

/*#table-container{
margin-top: 75vh;
}*/

.description-header_container__8txuY, .description-
header_transparent_view__z4XG5, .description-header_game__2UT-n{
display: none !important;
}

.game-center-header_full_view__XLxhy {
margin-top: 0px !important;
}

.back-strip-container{
height: 3vh;
}

#competition_standings{
margin-top: 80vh !important;
}

.athlete-widget_header_container__Q2khg{
margin-top: 82vh !important;
}
.entity-scores-widget_filters_header__jOL3Z{
display: flex;
margin-top: 80vh !important;
position: relative !important;
}

.entity-scores-widget_odds_toggle__lbuPK {
display: none !important;
}

.clickable {
// pointer-events: none;
}

#content {
transition: opacity 0.5s ease;
}

[data-theme=dark] {
--accentPrimary: #ff9933 !important;
--successPrimary: #5bb849;
--dangerPrimary: #d30f0f;
--warningPrimary: #ffb800;
--surfacePrimary: #000;
--surfaceSecondary: #151e22;
--dividerPrimary: #3a4145;
--textPrimary: #fff;
--textSecondary: #9da0a2;
--whitePrimary: #fff;
--blackPrimary: #000;
//--highlightPrimary: hsla(0, 0%, 100%, .102);
--highlightPrimary:hsl(210, 100%, 23%) !important;
--ratePrimary: #e38218;
--grayPrimary: #2a3437;
--scrollerPrimary: #4e5662;
--dark-surfacePrimary: #000;
--accentPrimary-rgb: 33, 148, 255;
--successPrimary-rgb: 91, 184, 73;
--dangerPrimary-rgb: 255, 73, 92;
--warningPrimary-rgb: 255, 184, 0;
--surfacePrimary-rgb: 0, 0, 0;
--surfaceSecondary-rgb: 21, 30, 34;
--dividerPrimary-rgb: 58, 65, 69;
--textPrimary-rgb: 255, 255, 255;
--textSecondary-rgb: 157, 160, 162;
--whitePrimary-rgb: 255, 255, 255;
--blackPrimary-rgb: 0, 0, 0;
--highlightPrimary-rgb: 255, 255, 255;
--ratePrimary-rgb: 227, 130, 24;
--grayPrimary-rgb: 42, 52, 55;
--scroller-rgb: 78, 86, 98;
--mix-blend: normal;
--dropdownListShadow: 0 5px 5px 0 #000;
}

/*.game-center-header_content__6xylD{
margin-top: 1vh !important;
}

.game-center-header_container__HmxpK{
justify-content: normal !important;
}*/

.game-center-header-status_live__Db99m {
display:none;
}

</style>

<style>
@media only screen and (min-width: 1367px) and (min-height: 769px) {

.game-center-header_content__6xylD{
margin-top: 2vh !important;
zoom: 1.63 !important;
}

.game-center-header_container__HmxpK{
justify-content: normal !important;
}

.game-center-widget_content__E58H2, game-center-widget_widgets__pNzjW5 {
zoom:1.8;
width:100%;
}

.navigation-tabs_container__XHS-c {
margin-top: 32vh !important;
zoom:1.8;
//width:100%;
}

.back-strip-container{
zoom:1.8;
//height: 3vh;
}

.entity-scores-widget_filters_header__jOL3Z{
display: flex;
margin-top: 30vh !important;
position: relative !important;
}

.entity-scores-widget_container__3l7E3{
ZOOM: 1.5;
width:100%;
}
.clickable {
//pointer-events: none;
}

.bton {
font-size:1.7vh !important;
}

</style>

<style>
@media only screen and (max-width: 1023px) and (max-height: 763px) {

.game-center-header_content__6xylD{
margin-top: 2vh !important;
zoom: .8 !important;
}
}
</style>

You might also like