567 lines
19 KiB
JavaScript
567 lines
19 KiB
JavaScript
"use strict";
|
|
|
|
/** @type {Dictionary.<string, any|null>} */
|
|
const SCSS = {
|
|
...{
|
|
"body,html" : {
|
|
height : "100%",
|
|
margin : "0em",
|
|
background : "#0f111a",
|
|
color : "#e6edf3",
|
|
font_family : "system-ui, -apple-system, sans-serif"
|
|
}
|
|
},
|
|
...{
|
|
".judge-pole" : {
|
|
position : "relative",
|
|
top : "0em",
|
|
left : "0em",
|
|
width : "100%",
|
|
height : "100%",
|
|
box_sizing : "border-box",
|
|
display : "flex",
|
|
flex_direction : "column",
|
|
overflow : "hidden",
|
|
|
|
".jp-header" : {
|
|
display : "flex",
|
|
align_items : "center",
|
|
justify_content : "space-between",
|
|
padding : "0.5em 1em",
|
|
background : "#161b22",
|
|
border_bottom : "0.05em solid #30363d",
|
|
|
|
".jp-title" : {
|
|
margin : "0em",
|
|
font_size : "1.2em",
|
|
color : "#58a6ff"
|
|
},
|
|
".jp-nav" : {
|
|
display : "flex",
|
|
gap : "0.5em"
|
|
}
|
|
},
|
|
|
|
".jp-content-area" : {
|
|
flex : "1",
|
|
overflow_y : "auto",
|
|
padding : "1em",
|
|
box_sizing : "border-box"
|
|
},
|
|
|
|
".jp-btn, button" : {
|
|
background : "#21262d",
|
|
color : "#c9d1d9",
|
|
border : "0.05em solid #30363d",
|
|
padding : "0.4em 0.8em",
|
|
font_size : "0.8em",
|
|
cursor : "pointer",
|
|
border_radius : "0.2em",
|
|
"&:hover" : {
|
|
background : "#30363d"
|
|
},
|
|
"&.is-active" : {
|
|
background : "#1f6feb",
|
|
color : "#ffffff",
|
|
border_color : "#388bfd"
|
|
}
|
|
},
|
|
|
|
".jp-btn-primary" : {
|
|
background : "#238636",
|
|
color : "#ffffff",
|
|
border_color : "#2ea043",
|
|
"&:hover" : { background : "#2ea043" }
|
|
},
|
|
|
|
".jp-btn-danger" : {
|
|
background : "#da3633",
|
|
color : "#ffffff",
|
|
border_color : "#f85149"
|
|
},
|
|
|
|
".jp-form-card, .jp-panel-controls, .jp-matrix-card, .jp-ranking-box" : {
|
|
background : "#161b22",
|
|
border : "0.05em solid #30363d",
|
|
padding : "1em",
|
|
margin_bottom : "1em",
|
|
border_radius : "0.3em"
|
|
},
|
|
|
|
".jp-field" : {
|
|
margin_bottom : "0.8em",
|
|
display : "flex",
|
|
flex_direction : "column",
|
|
gap : "0.3em",
|
|
|
|
"label" : {
|
|
font_size : "0.8em",
|
|
color : "#8b949e",
|
|
font_weight : "bold"
|
|
},
|
|
"input, textarea, select" : {
|
|
background : "#0d1117",
|
|
border : "0.05em solid #30363d",
|
|
color : "#e6edf3",
|
|
padding : "0.4em",
|
|
font_size : "0.8em",
|
|
border_radius : "0.2em"
|
|
}
|
|
},
|
|
|
|
".jp-cards-grid" : {
|
|
display : "flex",
|
|
flex_wrap : "wrap",
|
|
justify_content : "center", // Centra la lista de tarjetas en la pantalla
|
|
gap : "1em",
|
|
width : "100%",
|
|
box_sizing : "border-box"
|
|
},
|
|
|
|
".jp-card" : {
|
|
flex : "1 1 12em",
|
|
max_width : "16em", // Evita que una sola tarjeta se vuelva gigantesca a lo ancho
|
|
position : "relative",
|
|
background : "#161b22",
|
|
border : "0.05em solid #30363d",
|
|
padding : "0.8em",
|
|
border_radius : "0.3em",
|
|
box_sizing : "border-box",
|
|
|
|
".jp-avatar, .jp-avatar-placeholder" : {
|
|
width : "100%",
|
|
height : "5em",
|
|
border_radius : "0.2em",
|
|
margin_bottom : "0.5em",
|
|
box_sizing : "border-box"
|
|
},
|
|
|
|
".jp-avatar" : {
|
|
object_fit : "cover"
|
|
},
|
|
|
|
".jp-avatar-placeholder" : {
|
|
display : "flex",
|
|
align_items : "center",
|
|
justify_content : "center",
|
|
background : "#0d1117",
|
|
border : "0.05em dashed #30363d",
|
|
color : "#484f58",
|
|
font_size : "1.2em",
|
|
font_weight : "bold",
|
|
letter_spacing : "0.05em",
|
|
user_select : "none"
|
|
},
|
|
"h3" : { margin : "0em 0em 0.3em 0em", font_size : "1em", padding_right : "1.5em" },
|
|
".jp-desc" : { font_size : "0.75em", color : "#8b949e" },
|
|
|
|
// Botón Eliminar: Esquina superior derecha
|
|
".jp-card-btn-delete" : {
|
|
position : "absolute",
|
|
top : "0.4em",
|
|
right : "0.4em",
|
|
width : "1.6em",
|
|
height : "1.6em",
|
|
border_radius : "50%",
|
|
background : "#da3633",
|
|
color : "#ffffff",
|
|
border : "0.05em solid #f85149",
|
|
display : "flex",
|
|
align_items : "center",
|
|
justify_content : "center",
|
|
font_size : "0.75em",
|
|
padding : "0em",
|
|
cursor : "pointer",
|
|
box_shadow : "0 0.1em 0.3em rgba(0,0,0,0.5)",
|
|
"&:hover" : {
|
|
background : "#f85149",
|
|
transform : "scale(1.1)"
|
|
}
|
|
},
|
|
|
|
// Botón Editar: Esquina inferior derecha
|
|
".jp-card-btn-edit" : {
|
|
position : "absolute",
|
|
bottom : "0.4em",
|
|
right : "0.4em",
|
|
width : "1.6em",
|
|
height : "1.6em",
|
|
border_radius : "50%",
|
|
background : "#21262d",
|
|
color : "#58a6ff",
|
|
border : "0.05em solid #388bfd",
|
|
display : "flex",
|
|
align_items : "center",
|
|
justify_content : "center",
|
|
font_size : "0.75em",
|
|
padding : "0em",
|
|
cursor : "pointer",
|
|
box_shadow : "0 0.1em 0.3em rgba(0,0,0,0.5)",
|
|
"&:hover" : {
|
|
background : "#1f6feb",
|
|
color : "#ffffff",
|
|
transform : "scale(1.1)"
|
|
}
|
|
}
|
|
},
|
|
|
|
".jp-tags-group" : {
|
|
display : "flex",
|
|
flex_wrap : "wrap",
|
|
gap : "0.3em",
|
|
margin : "0.4em 0em"
|
|
},
|
|
|
|
".jp-badge" : {
|
|
font_size : "0.65em",
|
|
padding : "0.1em 0.4em",
|
|
border_radius : "0.2em",
|
|
"&.jp-badge-tag" : { background : "#388bfd33", color : "#58a6ff" },
|
|
"&.jp-badge-tech" : { background : "#a371f733", color : "#bc8cff" }
|
|
},
|
|
|
|
".jp-tag-link" : {
|
|
color : "#58a6ff",
|
|
text_decoration : "none",
|
|
font_size : "0.75em",
|
|
border_bottom : "0.05em dotted #58a6ff"
|
|
},
|
|
|
|
".jp-table" : {
|
|
width : "100%",
|
|
border_collapse : "collapse",
|
|
margin : "0.8em 0em",
|
|
"th, td" : {
|
|
border : "0.05em solid #30363d",
|
|
padding : "0.4em",
|
|
text_align : "center",
|
|
font_size : "0.8em"
|
|
},
|
|
"th" : { background : "#21262d" },
|
|
".jp-score-input" : {
|
|
width : "3.5em",
|
|
text_align : "center"
|
|
}
|
|
},
|
|
|
|
".jp-rank-row" : {
|
|
display : "flex",
|
|
justify_content : "space-between",
|
|
padding : "0.4em",
|
|
border_bottom : "0.05em solid #30363d",
|
|
font_size : "0.85em",
|
|
".jp-rank-avg" : { color : "#3fb950", font_weight : "bold" }
|
|
},
|
|
".jp-card-actions" : {
|
|
display : "flex",
|
|
gap : "0.5em",
|
|
margin_top : "0.8em"
|
|
},
|
|
|
|
".jp-meta" : {
|
|
display : "flex",
|
|
flex_direction : "column",
|
|
gap : "0.2em",
|
|
margin_top : "0.5em",
|
|
color : "#8b949e",
|
|
font_size : "0.7em"
|
|
},
|
|
|
|
".jp-notice-badge" : {
|
|
display : "flex",
|
|
justify_content : "space-between",
|
|
align_items : "center",
|
|
background : "#1f6feb22",
|
|
border : "0.05em solid #388bfd",
|
|
padding : "0.4em 0.8em",
|
|
margin_bottom : "0.8em",
|
|
border_radius : "0.2em",
|
|
font_size : "0.8em",
|
|
color : "#58a6ff"
|
|
},
|
|
|
|
".jp-author-tag" : {
|
|
margin : "0em 0em 0.4em 0em",
|
|
font_size : "0.75em",
|
|
color : "#58a6ff",
|
|
font_weight : "normal"
|
|
},
|
|
|
|
".jp-modal-overlay" : {
|
|
position : "fixed",
|
|
top : "0em",
|
|
left : "0em",
|
|
width : "100%",
|
|
height : "100%",
|
|
background : "rgba(0, 0, 0, 0.75)",
|
|
display : "flex",
|
|
align_items : "center",
|
|
justify_content : "center",
|
|
z_index : "1000",
|
|
padding : "1em",
|
|
box_sizing : "border-box",
|
|
|
|
".jp-modal-window" : {
|
|
background : "#161b22",
|
|
border : "0.05em solid #30363d",
|
|
border_radius : "0.4em",
|
|
width : "100%",
|
|
max_width : "28em",
|
|
max_height : "90%",
|
|
display : "flex",
|
|
flex_direction : "column",
|
|
box_shadow : "0 0.5em 2em rgba(0,0,0,0.8)",
|
|
overflow : "hidden",
|
|
|
|
".jp-modal-header" : {
|
|
display : "flex",
|
|
align_items : "center",
|
|
justify_content : "space-between",
|
|
padding : "0.8em 1em",
|
|
border_bottom : "0.05em solid #30363d",
|
|
background : "#0d1117",
|
|
"h3" : { margin : "0em", font_size : "1em", color : "#58a6ff" }
|
|
},
|
|
|
|
".jp-modal-body" : {
|
|
padding : "1em",
|
|
overflow_y : "auto",
|
|
flex : "1"
|
|
}
|
|
}
|
|
},
|
|
|
|
".jp-view-topbar" : {
|
|
display : "flex",
|
|
justify_content : "space-between",
|
|
align_items : "center",
|
|
margin_bottom : "1em"
|
|
},
|
|
|
|
".jp-search-input" : {
|
|
background : "#0d1117",
|
|
border : "0.05em solid #30363d",
|
|
color : "#e6edf3",
|
|
padding : "0.4em 0.8em",
|
|
font_size : "0.8em",
|
|
border_radius : "0.2em",
|
|
width : "16em",
|
|
box_sizing : "border-box",
|
|
"&:focus" : {
|
|
border_color : "#58a6ff",
|
|
outline : "none"
|
|
}
|
|
},
|
|
|
|
".jp-badge-type-human" : {
|
|
background : "#23863633",
|
|
color : "#3fb950",
|
|
border : "0.05em solid #2ea04366"
|
|
},
|
|
|
|
".jp-badge-type-ai" : {
|
|
background : "#a371f733",
|
|
color : "#d2a8ff",
|
|
border : "0.05em solid #a371f766"
|
|
},
|
|
|
|
".jp-authors-select-box" : {
|
|
display : "flex",
|
|
flex_wrap : "wrap",
|
|
gap : "0.5em",
|
|
background : "#0d1117",
|
|
border : "0.05em solid #30363d",
|
|
padding : "0.5em",
|
|
border_radius : "0.2em",
|
|
max_height : "6em",
|
|
overflow_y : "auto"
|
|
},
|
|
|
|
".jp-check-label" : {
|
|
display : "flex",
|
|
align_items : "center",
|
|
gap : "0.3em",
|
|
font_size : "0.75em",
|
|
color : "#c9d1d9",
|
|
cursor : "pointer",
|
|
user_select : "none",
|
|
"input" : {
|
|
cursor : "pointer"
|
|
}
|
|
},
|
|
|
|
".jp-authors-picker" : {
|
|
display : "flex",
|
|
flex_direction : "column",
|
|
background : "#0d1117",
|
|
border : "0.05em solid #30363d",
|
|
border_radius : "0.2em",
|
|
overflow : "hidden",
|
|
|
|
".jp-authors-search-input" : {
|
|
background : "#161b22",
|
|
border : "none",
|
|
border_bottom : "0.05em solid #30363d",
|
|
color : "#e6edf3",
|
|
padding : "0.4em 0.6em",
|
|
font_size : "0.75em",
|
|
box_sizing : "border-box",
|
|
width : "100%",
|
|
outline : "none",
|
|
"&:focus" : {
|
|
background : "#1c2128"
|
|
}
|
|
},
|
|
|
|
".jp-authors-select-box" : {
|
|
display : "flex",
|
|
flex_direction : "column",
|
|
gap : "0.4em",
|
|
padding : "0.5em",
|
|
max_height : "7em", // Altura máxima fija
|
|
overflow_y : "auto", // Scroll vertical si excede
|
|
box_sizing : "border-box"
|
|
}
|
|
},
|
|
|
|
".jp-lang-select" : {
|
|
background : "#0d1117",
|
|
border : "0.05em solid #30363d",
|
|
color : "#e6edf3",
|
|
padding : "0.3em 0.6em",
|
|
font_size : "0.75em",
|
|
border_radius : "0.2em",
|
|
cursor : "pointer",
|
|
outline : "none",
|
|
"&:hover, &:focus" : {
|
|
border_color : "#58a6ff"
|
|
}
|
|
},
|
|
|
|
".jp-rank-table" : {
|
|
width : "100%",
|
|
border_collapse : "collapse",
|
|
background : "#161b22",
|
|
border : "0.05em solid #30363d",
|
|
border_radius : "0.3em",
|
|
overflow : "hidden",
|
|
|
|
"th, td" : {
|
|
padding : "0.6em 0.8em",
|
|
border_bottom : "0.05em solid #30363d",
|
|
font_size : "0.8em"
|
|
},
|
|
"th" : {
|
|
background : "#0d1117",
|
|
color : "#8b949e",
|
|
text_align : "left"
|
|
},
|
|
"tbody tr" : {
|
|
cursor : "pointer",
|
|
"&:hover" : {
|
|
background : "#1c2128"
|
|
}
|
|
},
|
|
".jp-rank-badge-global" : {
|
|
font_weight : "bold",
|
|
color : "#f1e05a"
|
|
},
|
|
".jp-rank-badge-filter" : {
|
|
color : "#58a6ff"
|
|
},
|
|
".jp-rank-avg-score" : {
|
|
color : "#3fb950",
|
|
font_weight : "bold"
|
|
}
|
|
},
|
|
|
|
".jp-breakdown-row" : {
|
|
background : "#0d1117 !important",
|
|
cursor : "default !important",
|
|
"td" : {
|
|
padding : "0.8em 1.2em !important"
|
|
}
|
|
},
|
|
|
|
".jp-breakdown-grid" : {
|
|
display : "grid",
|
|
grid_template_columns : "repeat(auto-fill, minmax(10em, 1fr))",
|
|
gap : "0.5em",
|
|
margin_top : "0.4em"
|
|
},
|
|
|
|
".jp-breakdown-item" : {
|
|
background : "#161b22",
|
|
border : "0.05em solid #30363d",
|
|
padding : "0.4em 0.6em",
|
|
border_radius : "0.2em",
|
|
display : "flex",
|
|
justify_content : "space-between",
|
|
font_size : "0.75em",
|
|
".jp-crit-name" : { color : "#c9d1d9" },
|
|
".jp-crit-val" : { color : "#58a6ff", font_weight : "bold" }
|
|
},
|
|
|
|
".jp-matrix-table" : {
|
|
width : "100%",
|
|
border_collapse : "collapse",
|
|
margin_top : "0.8em",
|
|
"th, td" : {
|
|
border : "0.05em solid #30363d",
|
|
padding : "0.4em",
|
|
text_align : "center",
|
|
font_size : "0.75em"
|
|
},
|
|
"th" : { background : "#0d1117", color : "#c9d1d9" },
|
|
".jp-crit-cell" : { text_align : "left", font_weight : "bold", color : "#58a6ff" },
|
|
".jp-summary-cell" : { background : "#161b22", color : "#3fb950", font_weight : "bold" },
|
|
".jp-score-input" : {
|
|
width : "3.5em",
|
|
text_align : "center",
|
|
padding : "0.2em",
|
|
background : "#0d1117",
|
|
border : "0.05em solid #30363d",
|
|
color : "#e6edf3",
|
|
border_radius : "0.2em"
|
|
}
|
|
},
|
|
|
|
".jp-criterion-row" : {
|
|
display : "flex",
|
|
align_items : "center",
|
|
justify_content : "space-between",
|
|
padding : "0.2em 0em",
|
|
border_bottom : "0.05em solid #21262d",
|
|
|
|
".jp-crit-actions" : {
|
|
display : "flex",
|
|
gap : "0.3em"
|
|
}
|
|
},
|
|
|
|
".jp-weight-input" : {
|
|
width : "3.2em",
|
|
padding : "0.15em 0.3em",
|
|
background : "#0d1117",
|
|
border : "0.05em solid #30363d",
|
|
color : "#f1e05a",
|
|
font_size : "0.75em",
|
|
text_align : "center",
|
|
border_radius : "0.2em",
|
|
margin_left : "0.4em",
|
|
"&:disabled" : {
|
|
opacity : "0.3",
|
|
cursor : "not-allowed"
|
|
}
|
|
},
|
|
|
|
".jp-summary-subcell" : {
|
|
background : "#161b22",
|
|
font_weight : "bold",
|
|
font_size : "0.7em"
|
|
},
|
|
|
|
}
|
|
},
|
|
...(typeof custom_styles == "undefined" ? {} : custom_styles)
|
|
}; |