Restores original GameSystemRequirements.com design.
/* ==UserStyle==
@name SystemReqs LEGACY
@namespace https://greatest.deepsurf.us/en/scripts/436900-systemreqs-legacy
@version 1.0.4
@description Restores original GameSystemRequirements.com design.
@author CML99
@license CC-BY-NC-SA-4.0
@preprocessor stylus
@homepageURL https://greatest.deepsurf.us/en/scripts/436900-systemreqs-legacy
@supportURL https://greatest.deepsurf.us/en/scripts/436900-systemreqs-legacy/feedback
@var checkbox cmlTheme "Blue Theme" 1
@var checkbox cmlCompaq "Compact Game Details" 1
@var select cmlHideNotes "Extra Game Notes" ["none:leave intact*", "partial:show on hover", "full:remove completely"]
==/UserStyle== */
@-moz-document domain("gamesystemrequirements.com"), domain("gepigeny.hu"), domain("systemanforderungen.com"), domain("systemreqs.com") {
/* -------------------------------------------------- */
/* System Requirements */
/* -------------------------------------------------- */
if cmlHideNotes == full {
.gsr_container .gsr_section:nth-child(3), .gsr_container .gsr_section:nth-child(4) { display: none; }
}
if cmlHideNotes == partial {
.gsr_container .gsr_section:nth-child(3),
.gsr_container .gsr_section:nth-child(4) { background-color: #192952; max-width: 100% !important; }
.gsr_container .gsr_section:nth-child(3):not(:hover),
.gsr_container .gsr_section:nth-child(4):not(:hover) { height: 5px; }
.gsr_container .gsr_section:nth-child(3):not(:hover) .gsr_text,
.gsr_container .gsr_section:nth-child(4):not(:hover) .gsr_text { display: none; }
}
if cmlCompaq {
h1 { font-size: 20px; margin: 0 0 0 0; }
.gsr_row { font-size: 12px; }
.gsr_container h2 { font-size: 12px; padding: 5px 5px; }
.gsr_container section { flex: 1 0 50%; border: 1px solid #090e1d; }
.gsr_label { font-weight: bold; padding: 5px 5px; }
.gsr_text { padding: 5px 5px; }
.gcr_ok, .gcr_near, .gcr_weak, .gcr_vweak { margin: 0; }
.main-panel { margin: 0 0 30px 0; }
.panel-title, .main-panel-title { margin-bottom: 5px; }
.headline_container { min-height: auto; padding: 10px; }
.game_head_title div { padding: 0px 5px; }
.game_head_details { font-size: 12px; margin-right: 10px; min-width: auto; line-height: 18px; padding: 8px; }
.support_us_box { min-height: 20px; padding: 0; }
.support_us_cont { margin: 25px auto; }
.support_us_box_text { font-size: 15px; padding: 0; line-height: 10px; }
.support_us_box_button { font-size: 12px; padding: 10px 20px; margin-bottom: 0; }
.srbr_hc { line-height: 1.25; }
.srbr_cell { line-height: 1; }
.gsr_section { max-width: 50%; }
.tbl, .tbl0, .tbl1, .tbl2, .tbl3, .tbl4, .tbl5, .tbl6 { line-height: 1; }
.tbl5 { line-height: 1.5; }
}
if cmlTheme {
:root { scrollbar-color: #192952 #090e1d; }
::-webkit-scrollbar-track { background-color: #090e1d; }
::-webkit-scrollbar-thumb { background-color: #192952; }
::-webkit-scrollbar-thumb:hover { background-color: #435fa5; }
::selection { background: #3d5dac; }
::-moz-selection { background: #3d5dac; }
.header_logo, .welcome_set_static_sr_img, .welcome_set { filter: hue-rotate(310deg) grayscale(50%); }
.gr_box_th img[alt="no cover"], .ocb_cont img[alt="no cover"], .comm_avatar img[alt="no avatar"], .emb_ytv_content span,
.mp_side_np_flex_a img[src="https://gepig.com/game_cover_200w/000.png"], .device_block_cover img[src="https://gepig.com/no_avatar_75.png"] {
filter: hue-rotate(310deg);
}
h1 { text-shadow: 1px 1px #264081, 2px 2px #264081, 3px 3px #264081; }
a:hover { color: #7799ff; }
.side_np a:hover { color: #fff !important; }
nav li a:hover, a.current:hover, nav li ul li a:hover, nav ul li:hover > a { background: #264081; }
nav li ul { background: #111b35; border-color: #3c5eb4; }
nav li a > span { color: #688cea; }
body { background: #000; }
.main-container { background-color: #090e1d; }
.header_fc { background-color: #264081; }
.header_fc::after { background: #3d5dac; }
.tbl3 { background-color: #192952; }
.tbl5 { background-color: #21325c; }
.fto_menu:hover, .header_lang:hover, .h_search_button:hover, .notification:hover, .user_hbutton:hover, .fto_user:hover {
background-color: #3c5eb4;
}
.side_np { background: #476bc6; }
.side_np a:hover { background: #3c5eb4 !important; }
.side_np_more_row, .mp_side_np_more_row { background-color: #20356a; }
.side_np_more_row:hover, .mp_side_np_more_row:hover { background: #476bc6; }
.side_np_flex_img, .mp_side_np_flex_img { background-image: linear-gradient(rgba(32, 100, 196, 0.85), rgba(0, 40, 170, 0.85)); }
.textbox { background-color: #000611; border-color: #435fa5; }
.textbox:focus { border-color: #476bc6; }
.search_button { background: #435fa5 url('https://gamesystemrequirements.com/themes/1001.svg#search') no-repeat center center; }
.search_button:hover { background-color: #21325c; }
.tbl { background-color: #0f1731; }
.main_nhl_box_box_nfo::after { background: linear-gradient(90deg, #2068c4 0%, #25219d 100%); }
.bullet { background-color: #3d5dac; }
hr { border-color: #3d5dac; }
.main_nhl_ib_1::after, .main_nhl_ib_2::after, .main_nhl_ib_3::after { background-color: rgba(60,120,240,0.7); }
.lc_panel a:hover { background-color: #20356a; }
.support_us_cont { background-image: linear-gradient(rgba(32, 100, 196, 0.85), rgba(0, 40, 170, 0.85)); }
.support_us_box_button { background-color: #264081; }
.support_us_cont:hover .support_us_box_button { background-color: #476bc6; }
.side_sub_menu { background: #192952; }
.side_sub_menu .hl { background-color: #3c5eb4; }
.side_sub_menu a:hover { background-color: #476bc6; }
.su_tcont, .user_nsq_list_block { background-color: #192952; }
.user_nsq_list_block:hover { background-color: #264081; }
.games_main_box:hover .games_main_box_title { background-color: #264081; }
.tofcontents a:hover { background-color: #192952; }
.button, button { background: #20356a; }
.button:hover, button:hover { background: #264081; }
.profile_head_details { background-color: #060a14; }
.profile_head_name div { background-color: #264081; }
.profile_head_cover { border-color: #264081; }
.lang_selector_box { background-color: #060a14; border-color: #192952; }
.lang_selector_box a:hover { background-color: #20356a; }
#user-menu { background: #192952; }
.profilm a:hover { background: #20356a; }
.profilm a.active { background: #264081; }
.device_block_details { background-color: #192952; }
.device_block:hover .device_block_details { background-color: #264081; }
.select2-container--default .select2-selection--single { border-color: #435fa5; }
.select2-dropdown { background-color: #20356a; border-color: #435fa5; }
.select2-container--default .select2-search--dropdown .select2-search__field { border-color: #435fa5; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #435fa5; }
.select2-container--default .select2-results__option[aria-selected="true"] { background-color: #3d5dac; }
.tooltip_qm { background: #435fa5; }
.tooltip span { background: #192952; border-color: #435fa5; }
.tooltip span::before { border-top: 8px solid #192952; }
.uc_img_row { background-color: #192952; }
.select2-container--default .select2-selection--single { background-color: #000611; }
.select2-search--dropdown .select2-search__field { background-color: #000611; }
.cust_chkbox_cont input:checked ~ .checkmark { background-color: #435fa5; }
.uc_img_inner_delb { background-color: #264081; }
.uc_img_inner_delb:hover { background-color: #3c5eb4; }
.ga_block_ir { background-color: #192952; }
.ga_block_title { background-color: #264081; }
.ga_block:hover > .ga_block_ir { background-color: #264081; }
.ga_block:hover > .ga_block_ir .ga_block_title { background-color: #435fa5; }
.pagenav_s, .pagenav_c { background-color: #192952; }
.pagenav_r:hover, .pagenav_s:hover, .pagenav_c:hover { background-color: #264081; }
.pagenav_c.active { background-color: #3c5eb4; }
.con_menu li a { background: #192952; }
.con_menu li a.selected { background: #3c5eb4; }
.con_menu li a:hover { background: #264081; }
.neart_block:hover { background-color: #192952; }
.ph_menu > a, .ddt { background-color: #192952; }
.ph_menu > a:hover { background: #264081; }
.ph_menu > a.selected { background: #3c5eb4; }
.dropdown:hover .ddt { background-color: #264081; }
.dropdown_c { background-color: #264081; }
.dropdown_c a:hover { background-color: #20356a; }
.tbl6 { background-color: #192952; }
.user_rb_nr_rnum { background-color: #264081; }
.user_rb_nr_block_vleft { color: #192952; }
.user_rb_nr_block_value { color: #3c5eb4; }
.gr_box_img::after { background: linear-gradient( 90deg, #003377 25%, rgba(0, 0, 0, 0.7) 100%); }
.gr_box::before { background: linear-gradient(90deg, rgba(0, 75, 170, 0.6) 0%, rgba(0, 0, 170, 0.6) 100%); }
[class^="bbcode-"] { background-color: #192952; }
[class^="bbcode-"]:hover { background-color: #264081; }
.comm_ul { background-color: #264081; }
.comment_reply_box:hover, .comment_box:hover { background-color: #192952; }
.comm_m_button:hover { background-color: #264081; }
.comm_m_button.active, .comm_m_button_um.active { background-color: #3c5eb4; }
.comm_ra div { background-color: #3c5eb4; border-color: #3c5eb4; }
.comm_mf_right div, .comm_mf_right a { background-color: #3c5eb4; }
.comm_ra div:hover { background-color: #264081; }
.comm_mf_right div:hover, .comm_mf_right a:hover { background-color: #264081; }
.comment_box:target, .comment_reply_box:target { background-color: #060a14; }
.g_rating_u_rnum { background-color: #264081; }
.g_rating_u_value { color: #3c5eb4; }
.g_rating_u_left { color: #192952; }
.s_block a:hover { background-color: #192952; }
.database_header { background-color: #192952; }
.database_header a:hover { background-color: #3c5eb4; }
.e404_head { background-color: #192952; }
.goty_radio_div label { background-color: #192952; }
.goty_radio_div input.radio:empty ~ label::before { background: #264081; }
.goty_radio_div input.radio:hover:not(:checked) ~ label { background-color: #264081; }
.goty_radio_div input.radio:hover:not(:checked) ~ label::before { background-color: #3c5eb4; }
.game_head_title div { background-color: rgba(0, 80, 200, 0.7); }
.game_head_details { background-color: #20356acc; }
.tbl4 { background-color: #192952; }
.gh_menu > a:hover { background: #264081; }
.gh_menu > a, .ddt { background-color: rgba(0, 70, 170, 0.8); }
.gh_menu > a.selected { background: #435fa5; }
.add_ugr:hover, .add_ugl:hover, .add_ugf:hover { background-color: #3c5eb4dd; }
.add_ugr, .add_ugl, .add_ugf { background-color: #20356add; }
.gsr_row:hover { background-color: #192952; }
.g_rating_value { color: #3c5eb4; }
.g_rating_left { color: #192952; }
.g_rating_block { background-color: #060a14; }
.add_ugf.checked, .add_ugf.checked:hover, .add_ugl.checked, .add_ugl.checked:hover { background-color: #435fa5; }
.srbr_hc { background-color: #192952; border: 1px solid #090e1d; border-left: none; border-top: none; }
.srbr_cell { background-color: #0f1731; border: 1px solid #090e1d; border-left: none; border-top: none; }
.panel-title, .main-panel-title { padding: 1px 5px 1px 5px; background-color: #192952; }
.show_hide_cb:hover { background-color: #264081; }
.show_hide_cb.active { background-color: #192952; }
.comment_reply_cont { border-color: #264081; }
.comment_box:hover + .comment_reply_cont, .comment_reply_box:hover + .comment_reply_cont { border-color: #3c5eb4; }
.gsr_container h2 { background: #192952; }
.pde_w { max-width: 100%; }
[class^="notice-"]::after, .notice::after { background: #264081; }
.slider { filter: hue-rotate(300deg); }
.prog_sum_lnum { background: linear-gradient(0deg, #002d66 0%, #0052aa 100%); border: 7px outset #23428a; }
.level-num { background-color: #264081; }
.progress-line { background-color: #192952; }
.progress-line > span { background-color: #3c5eb4; background-image: linear-gradient(#3c5eb4, #0044bb); }
.login_overlay_box { background-color: #192952; border-color: #3c5eb4; }
.forum_c_bg::after { background: linear-gradient(to right, rgb(0, 45, 100) 20%, rgba(0, 0, 0, 0.3) 100%); }
.forum_c_cont:hover .forum_c_bg::after { background: linear-gradient(to right, rgb(0, 60, 135) 20%, transparent 100%); }
.forum-tbk-th { background-color: #192952; }
.forum-tbk-block:hover { background-color: #264081; }
.headline_container::after { background: #3d5dac; }
.ghn_menu > a:hover { background-color: #20356a; }
.member_notice { border-color: #192952; background-image: repeating-linear-gradient(-45deg, transparent 0 20px, #0e182f 20px 40px); }
.sr_no_inf { background-color: #0e182f; }
.prfh_lev { background-color: rgba(15, 30, 90, 0.7); }
.headline_bg img[src="https://gepig.com/game_cover_bg_1190w/000b.jpg"] { filter: hue-rotate(340deg) grayscale(25%); }
}
}