/* Theme Name: SimpleGrail Author: gfxwebdev Author URI: https://gfxwebdev.com.pl Description: Used to style blocks. Requires PHP: 7.4 License: GNU General Public License v3 or Later License URI: https://www.gnu.org/licenses/gpl.html */ body { margin-left: 0vw; margin-top: 0vh; margin-right: 0vw; margin-bottom: 0vh; width: 100vw; height: 100vh; background-color: purple; padding: 0%; text-align: center; } a { color: darkslateblue; text-decoration: none !important; } a:active { color: red; text-decoration: none !important; } a:hover { color: yellow; text-decoration: none !important; } #alert_info_landscape { color: black; background-color: white; border: 1px solid; z-index: 100; } #alert_info_portrait { color: black; background-color: white; border: 1px solid; z-index: 100; } /* ---------------------------------------------------------------------------- */ /* SEARCH-FORM WHITE HACKING OVERRIDE :) START */ /* */ form { background-color: transparent; } /* class="search-form" ---> cały formularz class="search-field" ---> wokół pola edit, ale poza zakresem buttona class="screen-reader-text" ---> pole edit WEWNĄTRZ class="search-submit" ---> wokół pola button, ale poza zakresem pola edit */ .search-form { width: 100%; height: 180px; /* 180px = 360/2, because v.keyboard */ /* 180px to jest MAX height for mobile */ background-color: blue; border: none; } .search-field { background-color: yellow; color: black; border: none; } .screen-reader-text { background-color: lime; } .search-submit { background-color: black; color: yellow; border: none; } /* */ /* do tego dochodzą selektory: #searchmodule i #searchmodule_bckg wg gui_feature */ /* patrz ustawienia selektorów niżej wg device, browser, screensize, etc */ /* */ /* SEARCH-FORM WHITE HACKING OVERRIDE :) END */ /* ---------------------------------------------------------------------------- */ /* ============================================================ */ /* BACKGROUND - START */ /* ------------------------------------------------------------ */ #sea { position: absolute; display: block; width: 100%; height: 100%; left: 0%; top: 0%; background-color: navy; margin: 0%; border: 0%; z-index: 0;} #island_outer_border { position: absolute; display: block; width: 100%; height: 100%; left: 0%; top: 0%; background-color: darkgreen; margin: 0%; border: 0%; z-index: 1;} #island_inner_border { position: absolute; display: block; width: 100%; height: 100%; left: 0%; top: 0%; background-color: green; margin: 0%; border: 0%; z-index: 2;} /* ---------------------------------------------------------------------------- */ /* BACKGROUND - END */ /* ============================================================================ */ /* */ /* */ /* -------------------------------------------------------------------------- STRUKTURA ELEMENTU DOM CSS: - taka musi być ze względu na możliwość ustawiania zawartości przez np. top: 0%; left: 0%; z-index: 3; zawartość "outer" top: 50%; left: 50%; z-index: 4; zawartość bckg transform: translate(-50%, -50%); zawartość bckg font-size: large; z-index: 5; zawartość text ------------------------------------------------------------------------- | OUTER = "", np. "header_logo_left" | | ------------------------------------------------------------- | | | MIDDLE = "bckg", np. "header_logo_left_bckg" | | | | -------------------------------------------------- | | | | | INNER = "text", np. "header_logo_left_text" | | | | | -------------------------------------------------- | | | | | | | ------------------------------------------------------------- | | | ------------------------------------------------------------------------- */ /* */ /* */ /* ############################################################################ */ /* # # */ /* # CONFIGURATION FOR: PC START # */ /* # # */ /* ############################################################################ */ /* =========================================================================== */ /* || || */ /* || CONFIGURATION FOR: PC - LANDSCAPE START || */ /* || || */ /* =========================================================================== */ /* */ /* CONFIGURATION FOR: landscape.pc.firefox START */ /* */ /* ---------------------------------------------------------------------------- */ /* ==================================================================== */ /* HEADER landscape.pc.firefox.REGSCR START */ /* -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- */ /* FOOTER landscape.pc.firefox.FULLSCR END */ /* ==================================================================== */ /* ---------------------------------------------------------------------------- */ /* */ /* CONFIGURATION FOR: landscape.pc.firefox END */ /* */ /* =========================================================================== */ /* || || */ /* || CONFIGURATION FOR: PC - LANDSCAPE END || */ /* || || */ /* =========================================================================== */ /* */ /* */ /* =========================================================================== */ /* || || */ /* || CONFIGURATION FOR: PC - PORTRAIT START || */ /* || || */ /* =========================================================================== */ /* */ /* CONFIGURATION FOR: portrait.pc.firefox START */ /* */ /* ---------------------------------------------------------------------------- */ /* ================================================================ */ /* HEADER portrait.pc.firefox START */ /* ---------------------------------------------------------------- */ /* ------------------------------------------------------------ */ /* HEADER - PORTRAIT - END */ /* ============================================================ */ /* */ /* */ /* ============================================================ */ /* SEARCHFORM - PORTRAIT - START */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* SEARCHFORM - PORTRAIT - END */ /* ============================================================ */ /* */ /* */ /* ============================================================ */ /* MENU - PORTRAIT - START */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* MENU - PORTRAIT - END */ /* ============================================================ */ /* */ /* */ /* ============================================================ */ /* SIDEBAR_SCREENSIZE - PORTRAIT - START */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* SIDEBAR_SCREENSIZE - PORTRAIT - END */ /* ============================================================ */ /* */ /* */ /* ============================================================ */ /* CONTENT - PORTRAIT - START */ /* ------------------------------------------------------------ */ /* ------------------------------------------------------------ */ /* CONTENT - PORTRAIT - END */ /* ============================================================ */ /* */ /* */ /* ============================================================ */ /* FOOTER - PORTRAIT - START */ /* ------------------------------------------------------------ */ /* ---------------------------------------------------------------- */ /* FOOTER portrait.pc.firefox END */ /* ================================================================ */ /* ---------------------------------------------------------------------------- */ /* */ /* CONFIGURATION FOR: portrait.pc.firefox END */ /* */ /* =========================================================================== */ /* || || */ /* || CONFIGURATION FOR: PC - PORTRAIT END || */ /* || || */ /* =========================================================================== */ /* ############################################################################ */ /* # # */ /* # CONFIGURATION FOR: PC END # */ /* # # */ /* ############################################################################ */ /* */ /* */ /* ############################################################################ */ /* # # */ /* # CONFIGURATION FOR: ANDROID START # */ /* # # */ /* ############################################################################ */ /* =========================================================================== */ /* || || */ /* || CONFIGURATION FOR: ANDROID - LANDSCAPE START || */ /* || || */ /* =========================================================================== */ /* */ /* CONFIGURATION FOR: landscape.android.firefox START */ /* */ /* ---------------------------------------------------------------------------- */ /* ======================================================================== */ /* HEADER landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ /* #header_landscape.android.firefox.regscr.gfxcss1 */ #header_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 24%; left: 0%; top: 0%; background-color: transparent; z-index: 3;} /* #header_bckg_landscape.android.firefox.regscr.gfxcss1 */ #header_bckg_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: transparent; z-index: 4;} #header_text_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: transparent; z-index: 5;} #header_logo_left_landscape.android.firefox.regscr { position: absolute; display: block; width: 12%; height: 100%; left: 0%; top: 0%; background-color: yellow; z-index: 6;} #header_logo_left_bckg_landscape.android.firefox.regscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellowgreen; z-index: 7;} #header_logo_left_text_landscape.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: lightgreen; color: darkblue; text-align: center; font-size: large; z-index: 8;} #header_title_landscape.android.firefox.regscr { position: absolute; display: block; width: 76%; height: 100%; left: 12%; top: 0%; background-color: lightskyblue; z-index: 6;} #header_title_bckg_landscape.android.firefox.regscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: lightblue; z-index: 7;} #header_title_text_landscape.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; color: darkblue; text-align: center; font-size: large; z-index: 8;} #header_logo_right_landscape.android.firefox.regscr { position: absolute; display: block; width: 12%; height: 100%; left: 88%; top: 0%; background-color: yellow; z-index: 6;} #header_logo_right_bckg_landscape.android.firefox.regscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellowgreen; z-index: 7;} #header_logo_right_text_landscape.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: lightgreen; color: darkblue; text-align: center; font-size: large; z-index: 8;} /* ------------------------------------------------------------------------ */ /* HEADER landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* HEADER landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #header_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_bckg_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_text_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_left_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_left_bckg_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_left_text_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_title_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_title_bckg_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_title_text_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_right_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_right_bckg_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_right_text_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} /* ------------------------------------------------------------------------ */ /* HEADER landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* MENU landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #menu_closed_landscape.android.firefox.regscr { position: absolute; display: block; width: 12%; height: 68%; left: 0%; top: 24%; background-color: darkgreen; color: yellow; padding-top: 0%; z-index: 12;} #menu_closed_bckg_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_closed_text_landscape.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: darkgreen; color: yellow; text-align: center; font-size: large; } #menu_opened_landscape.android.firefox.regscr { position: absolute; display: none; width: 12%; height: 68%; left: 0%; top: 24%; background-color: orange; color: darkolivegreen; padding-top: 0%; font-size: large; z-index: 11;} #menu_opened_bckg_landscape.android.firefox.regscr { position: absolute; display: none; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_opened_text_landscape.android.firefox.regscr { position: absolute; display: none; width: 99.7%; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_opened_landscape.a.android.firefox.regscr { position: absolute; padding-left: 0%; padding-top: 2%; padding-bottom: 2%; text-decoration: none; color: yellow; } #menu_opened_landscape.a:hover.android.firefox.regscr { position: absolute; background-color: yellow; color: darkgoldenrod; } /* ------------------------------------------------------------------------ */ /* MENU landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* MENU landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #menu_closed_landscape.android.firefox.fullscr { position: absolute; display: block; width: 12%; height: 100%; left: 0%; top: 0%; background-color: darkgreen; color: yellow; padding-top: 0%; z-index: 12;} #menu_closed_bckg_landscape.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_closed_text_landscape.android.firefox.fullscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: darkgreen; color: yellow; text-align: center; font-size: large; } #menu_opened_landscape.android.firefox.fullscr { position: absolute; display: none; width: 12%; height: 100%; left: 0%; top: 0%; background-color: orange; color: darkolivegreen; padding-top: 0%; font-size: large; z-index: 11;} #menu_opened_bckg_landscape.android.firefox.fullscr { position: absolute; display: none; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_opened_text_landscape.android.firefox.fullscr { position: absolute; display: none; width: 99.7%; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_opened_landscape.a.android.firefox.fullscr { position: absolute; padding-left: 0%; padding-top: 2%; padding-bottom: 2%; text-decoration: none; color: yellow; } #menu_opened_landscape.a:hover.android.firefox.fullscr { position: absolute; background-color: yellow; color: darkgoldenrod; } /* ------------------------------------------------------------------------ */ /* MENU landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* CONTENT landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #content_landscape.android.firefox.regscr { position: absolute; display: block; width: 76%; height: 68.2%; left: 12%; top: 23.8%; background-color: yellowgreen; color: green; text-align: center; font-size: medium; z-index: 3;} #content_bckg_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: transparent; z-index: 4;} #content_text_landscape.android.firefox.regscr { position: absolute; display: block; width: 99%; height: 95%; left: 50%; top: 50%; transform: translate( -50%, -50%); text-align: center; overflow: scroll; z-index: 5;} /* ------------------------------------------------------------------------ */ /* CONTENT landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* CONTENT landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #content_landscape.android.firefox.fullscr { position: absolute; display: block; width: 76%; height: 100%; left: 12%; top: 0%; background-color: yellowgreen; color: green; text-align: center; font-size: medium; z-index: 3;} #content_bckg_landscape.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: transparent; z-index: 4;} #content_text_landscape.android.firefox.fullscr { position: absolute; display: block; width: 99%; height: 95%; left: 50%; top: 50%; transform: translate( -50%, -50%); text-align: center; overflow: scroll; z-index: 5;} /* ------------------------------------------------------------------------ */ /* CONTENT landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* MENU_SIDEBAR landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #menu_sidebar_landscape.android.firefox.regscr { position: absolute; display: block; width: 12%; height: 68.2%; left: 88%; top: 23.8%; z-index: 3;} #menu_sidebar_bckg_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); z-index: 4;} #menu_sidebar_text_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: lime; z-index: 5;} /* ------------------------------------------------------------------------ */ /* MENU_SIDEBAR landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* MENU_SIDEBAR landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #menu_sidebar_landscape.android.firefox.fullscr { position: absolute; display: block; width: 12%; height: 100%; left: 88%; top: 0%; z-index: 3;} #menu_sidebar_bckg_landscape.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); z-index: 4;} #menu_sidebar_text_landscape.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: lime; z-index: 5;} /* ------------------------------------------------------------------------ */ /* MENU_SIDEBAR landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* WSZYSTKIE BUTTON'Y: START => z-index: 6 */ /* ======================================================================== */ /* SCREENSIZEBTN_TO_FULLSCR landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #screensizebtn_to_fullscr_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 36%; left: 0%; top: 0%; background-color: lime; z-index: 6;} #screensizebtn_to_fullscr_bckg_landscape.android.firefox.regscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #screensizebtn_to_fullscr_text_landscape.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #screensizebtn_to_fullscr_bckg_landscape:hover.android.firefox.regscr { background-color: orange; } #screensizebtn_to_fullscr_bckg_landscape:active.android.firefox.regscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_FULLSCR landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_FULLSCR landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #screensizebtn_to_fullscr_landscape.android.firefox.fullscr { position: absolute; display: none; z-index: -1; } #screensizebtn_to_fullscr_bckg_landscape.android.firefox.fullscr { position: absolute; display: none; z-index: -1; } #screensizebtn_to_fullscr_text_landscape.android.firefox.fullscr { position: absolute; display: none; z-index: -1; } /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_FULLSCR landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* SCREENSIZEBTN_TO_REGSCR landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #screensizebtn_to_regscr_landscape.android.firefox.regscr { position: absolute; display: none; z-index: -1; } #screensizebtn_to_regscr_bckg_landscape.android.firefox.regscr { position: absolute; display: none; z-index: -1; } #screensizebtn_to_regscr_text_landscape.android.firefox.regscr { position: absolute; display: none; z-index: -1; } /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_REGSCR landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_REGSCR landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #screensizebtn_to_regscr_landscape.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 33.33%; left: 0%; top: 0%; background-color: lime; z-index: 6;} #screensizebtn_to_regscr_bckg_landscape.android.firefox.fullscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #screensizebtn_to_regscr_text_landscape.android.firefox.fullscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #screensizebtn_to_regscr_bckg_landscape:hover.android.firefox.fullscr { background-color: orange; } #screensizebtn_to_regscr_bckg_landscape:active.android.firefox.fullscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_REGSCR landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* SEARCHBTN_TO_OPNSRCHFRM landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #searchbtn_to_open_searchmodule_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 36%; left: 0%; top: 36%; background-color: lime; z-index: 6;} #searchbtn_to_open_searchmodule_bckg_landscape.android.firefox.regscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #searchbtn_to_open_searchmodule_text_landscape.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #searchbtn_to_open_searchmodule_bckg_landscape:hover.android.firefox.regscr { background-color: orange; } #searchbtn_to_open_searchmodule_bckg_landscape:active.android.firefox.regscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_OPNSRCHFRM landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_OPNSRCHFRM landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #searchbtn_to_open_searchmodule_landscape.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 33.33%; left: 0%; top: 33.33%; background-color: lime; z-index: 6;} #searchbtn_to_open_searchmodule_bckg_landscape.android.firefox.fullscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #searchbtn_to_open_searchmodule_text_landscape.android.firefox.fullscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #searchbtn_to_open_searchmodule_bckg_landscape:hover.android.firefox.fullscr { background-color: orange; } #searchbtn_to_open_searchmodule_bckg_landscape:active.android.firefox.fullscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_OPNSRCHFRM landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* SEARCHBTN_TO_CLSSRCHFRM landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #searchbtn_to_close_searchmodule_landscape.android.firefox.regscr { position: absolute; display: none; width: 100%; height: 36%; left: 0%; top: 36%; background-color: lime; z-index: 6;} #searchbtn_to_close_searchmodule_bckg_landscape.android.firefox.regscr { position: absolute; display: none; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #searchbtn_to_close_searchmodule_text_landscape.android.firefox.regscr { position: absolute; display: none; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #searchbtn_to_close_searchmodule_bckg_landscape:hover.android.firefox.regscr { background-color: orange; } #searchbtn_to_close_searchmodule_bckg_landscape:active.android.firefox.regscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_CLSSRCHFRM landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_CLSSRCHFRM landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #searchbtn_to_close_searchmodule_landscape.android.firefox.fullscr { position: absolute; display: none; width: 100%; height: 33.33%; left: 0%; top: 33.33%; background-color: lime; z-index: 6;} #searchbtn_to_close_searchmodule_bckg_landscape.android.firefox.fullscr { position: absolute; display: none; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #searchbtn_to_close_searchmodule_text_landscape.android.firefox.fullscr { position: absolute; display: none; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #searchbtn_to_close_searchmodule_bckg_landscape:hover.android.firefox.fullscr { background-color: orange; } #searchbtn_to_close_searchmodule_bckg_landscape:active.android.firefox.fullscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_CLSSRCHFRM landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* SEARCHFORM landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ /* element zawarty wewnątrz formularza search, w pliku: searchform.php*/ #searchmodule_landscape.android.firefox.regscr { position: absolute; display: none; width: 76%; height: 68.2%; left: 12%; top: 23.8%; background-color: lime; z-index: 7;} /* ------------------------------------------------------------------------ */ /* SEARCHFORM landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* SEARCHFORM landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ /* element zawarty wewnątrz formularza search, w pliku: searchform.php*/ #searchmodule_landscape.android.firefox.fullscr { position: absolute; display: none; width: 76%; height: 100%; left: 12%; top: 0%; background-color: lime; z-index: 7;} /* ------------------------------------------------------------------------ */ /* SEARCHFORM landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* CONTACTBTN_TO_OPNCNTKFRM landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #contactbtn_to_open_contactmodule_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 28.2%; left: 0%; top: 72%; background-color: seagreen; z-index: 6;} #contactbtn_to_open_contactmodule_bckg_landscape.android.firefox.regscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #contactbtn_to_open_contactmodule_text_landscape.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #contactbtn_to_open_contactmodule_bckg_landscape:hover.android.firefox.regscr { background-color: orange; } #contactbtn_to_open_contactmodule_bckg_landscape:active.android.firefox.regscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_OPNCNTKFRM landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_OPNCNTKFRM landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #contactbtn_to_open_contactmodule_landscape.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 33.4%; left: 0%; top: 66.6%; background-color: seagreen; z-index: 6;} #contactbtn_to_open_contactmodule_bckg_landscape.android.firefox.fullscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #contactbtn_to_open_contactmodule_text_landscape.android.firefox.fullscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #contactbtn_to_open_contactmodule_bckg_landscape:hover.android.firefox.fullscr { background-color: orange; } #contactbtn_to_open_contactmodule_bckg_landscape:active.android.firefox.fullscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_OPNCNTKFRM landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* CONTACTBTN_TO_CLSCNTKFRM landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #contactbtn_to_close_contactmodule_landscape.android.firefox.regscr { position: absolute; display: none; width: 100%; height: 28.2%; left: 0%; top: 72%; background-color: seagreen; z-index: 6;} #contactbtn_to_close_contactmodule_bckg_landscape.android.firefox.regscr { position: absolute; display: none; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #contactbtn_to_close_contactmodule_text_landscape.android.firefox.regscr { position: absolute; display: none; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #contactbtn_to_close_contactmodule_bckg_landscape:hover.android.firefox.regscr { background-color: orange; } #contactbtn_to_close_contactmodule_bckg_landscape:active.android.firefox.regscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_CLSCNTKFRM landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_CLSCNTKFRM landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #contactbtn_to_close_contactmodule_landscape.android.firefox.fullscr { position: absolute; display: none; width: 100%; height: 33.4%; left: 0%; top: 66.6%; background-color: seagreen; z-index: 6;} #contactbtn_to_close_contactmodule_bckg_landscape.android.firefox.fullscr { position: absolute; display: none; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #contactbtn_to_close_contactmodule_text_landscape.android.firefox.fullscr { position: absolute; display: none; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #contactbtn_to_close_contactmodule_bckg_landscape:hover.android.firefox.fullscr { background-color: orange; } #contactbtn_to_close_contactmodule_bckg_landscape:active.android.firefox.fullscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_CLSCNTKFRM landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* CONTACTFORM landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #contactmodule_landscape.android.firefox.regscr { position: absolute; display: none; width: 76%; height: 68.2%; left: 12%; top: 23.8%; background-color: lime; z-index: 7;} #contactmodule_bckg_landscape.android.firefox.regscr { position: absolute; display: none; width: 90%; height: 90%; left: 5%; top: 5%; background-color: lightgreen; z-index: 8;} #contactmodule_text_landscape.android.firefox.regscr { position: absolute; display: none; border: none; width: 90%; height: 60%; left: 5%; top: 5%; background-color: yellow; color: green; text-align: center; font-size: large; z-index: 9;} #contactmodule_btn_landscape.android.firefox.regscr { position: absolute; display: none; border: none; width: 90%; height: 20%; left: 5%; top: 70%; background-color: darkblue; color: yellow; text-align: center; font-size: large; z-index: 10;} /* ------------------------------------------------------------------------ */ /* CONTACTFORM landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* CONTACTFORM landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #contactmodule_landscape.android.firefox.fullscr { position: absolute; display: none; width: 76%; height: 100%; left: 12%; top: 0%; background-color: lime; z-index: 7;} #contactmodule_bckg_landscape.android.firefox.fullscr { position: absolute; display: none; width: 90%; height: 90%; left: 5%; top: 5%; background-color: lightgreen; z-index: 8;} #contactmodule_text_landscape.android.firefox.fullscr { position: absolute; display: none; border: none; width: 90%; height: 60%; left: 5%; top: 5%; background-color: yellow; color: green; text-align: center; font-size: large; z-index: 9;} #contactmodule_btn_landscape.android.firefox.fullscr { position: absolute; display: none; border: none; width: 90%; height: 20%; left: 5%; top: 70%; background-color: darkblue; color: yellow; text-align: center; font-size: large; z-index: 10;} /* ------------------------------------------------------------------------ */ /* CONTACTFORM landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* ======================================================================== */ /* FOOTER landscape.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #footer_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 8%; left: 0%; top: 92%; background-color: seagreen; z-index: 3;} #footer_bckg_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); z-index: 4;} #footer_text_landscape.android.firefox.regscr { position: absolute; display: block; width: 100%; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: aquamarine; text-align: center; font-size: 90%; z-index: 5;} /* ------------------------------------------------------------------------ */ /* FOOTER landscape.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* FOOTER landscape.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #footer_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #footer_bckg_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #footer_text_landscape.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} /* ------------------------------------------------------------------------ */ /* FOOTER landscape.android.firefox.FULLSCR END */ /* ======================================================================== */ /* ---------------------------------------------------------------------------- */ /* */ /* CONFIGURATION FOR: landscape.android.firefox END */ /* */ /* =========================================================================== */ /* || || */ /* || CONFIGURATION FOR: ANDROID - LANDSCAPE END || */ /* || || */ /* =========================================================================== */ /* */ /* */ /* */ /* */ /* =========================================================================== */ /* || || */ /* || CONFIGURATION FOR: ANDROID - PORTRAIT START || */ /* || || */ /* =========================================================================== */ /* */ /* CONFIGURATION FOR: portrait.android.firefox START */ /* */ /* ---------------------------------------------------------------------------- */ /* ======================================================================== */ /* HEADER portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #header_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 6%; left: 0%; top: 0%; background-color: transparent; z-index: 3;} #header_bckg_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: transparent; z-index: 4;} #header_text_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: transparent; z-index: 5;} #header_logo_left_portrait.android.firefox.regscr { position: absolute;display: none;z-index: -1;} #header_logo_left_bckg_portrait.android.firefox.regscr { position: absolute;display: none;z-index: -1;} #header_logo_left_text_portrait.android.firefox.regscr { position: absolute;display: none;z-index: -1;} #header_title_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 0%; top: 0%; background-color: lightskyblue; z-index: 6;} #header_title_bckg_portrait.android.firefox.regscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: lightblue; z-index: 7;} #header_title_text_portrait.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; color: darkblue; text-align: center; font-size: large; z-index: 8;} #header_logo_right_portrait.android.firefox.regscr { position: absolute;display: none;z-index: -1;} #header_logo_right_bckg_portrait.android.firefox.regscr { position: absolute;display: none;z-index: -1;} #header_logo_right_text_portrait.android.firefox.regscr { position: absolute;display: none;z-index: -1;} /* ------------------------------------------------------------------------ */ /* HEADER portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* HEADER portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #header_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_bckg_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_text_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_left_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_left_bckg_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_left_text_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_title_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_title_bckg_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_title_text_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_right_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_right_bckg_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #header_logo_right_text_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} /* ------------------------------------------------------------------------ */ /* HEADER portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* MENU portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #menu_closed_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 11%; left: 0%; top: 6%; background-color: darkgreen; color: yellow; padding-top: 0%; z-index: 12;} #menu_closed_bckg_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_closed_text_portrait.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: darkgreen; color: yellow; text-align: center; font-size: large; } #menu_opened_portrait.android.firefox.regscr { position: absolute; display: none; width: 100%; height: 11%; left: 0%; top: 6%; background-color: orange; color: darkolivegreen; padding-top: 0%; font-size: large; z-index: 11;} #menu_opened_bckg_portrait.android.firefox.regscr { position: absolute; display: none; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_opened_text_portrait.android.firefox.regscr { position: absolute; display: none; width: 99.7%; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_opened_portrait.a.android.firefox.regscr { position: absolute; padding-left: 0%; padding-top: 2%; padding-bottom: 2%; text-decoration: none; color: yellow; } #menu_opened_portrait.a:hover.android.firefox.regscr { position: absolute; background-color: yellow; color: darkgoldenrod; } /* ------------------------------------------------------------------------ */ /* MENU portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* MENU portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #menu_closed_portrait.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 11%; left: 0%; top: 0%; background-color: darkgreen; color: yellow; padding-top: 0%; z-index: 12;} #menu_closed_bckg_portrait.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_closed_text_portrait.android.firefox.fullscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: darkgreen; color: yellow; text-align: center; font-size: large; } #menu_opened_portrait.android.firefox.fullscr { position: absolute; display: none; width: 100%; height: 11%; left: 0%; top: 0%; background-color: orange; color: darkolivegreen; padding-top: 0%; font-size: large; z-index: 11;} #menu_opened_bckg_portrait.android.firefox.fullscr { position: absolute; display: none; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_opened_text_portrait.android.firefox.fullscr { position: absolute; display: none; width: 99.7%; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); } #menu_opened_portrait.a.android.firefox.fullscr { position: absolute; padding-left: 0%; padding-top: 2%; padding-bottom: 2%; text-decoration: none; color: yellow; } #menu_opened_portrait.a:hover.android.firefox.fullscr { position: absolute; background-color: yellow; color: darkgoldenrod; } /* ------------------------------------------------------------------------ */ /* MENU portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* CONTENT portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #content_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 67%; left: 0%; top: 17%; background-color: yellowgreen; color: green; text-align: center; font-size: medium; z-index: 3;} #content_bckg_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: transparent; z-index: 4;} #content_text_portrait.android.firefox.regscr { position: absolute; display: block; width: 99%; height: 95%; left: 50%; top: 50%; transform: translate( -50%, -50%); text-align: center; overflow: scroll; z-index: 5;} /* ------------------------------------------------------------------------ */ /* CONTENT portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* CONTENT portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #content_portrait.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 78%; left: 0%; top: 11%; background-color: yellowgreen; color: green; text-align: center; font-size: medium; z-index: 3;} #content_bckg_portrait.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: transparent; z-index: 4;} #content_text_portrait.android.firefox.fullscr { position: absolute; display: block; width: 99%; height: 95%; left: 50%; top: 50%; transform: translate( -50%, -50%); text-align: center; overflow: scroll; z-index: 5;} /* ------------------------------------------------------------------------ */ /* CONTENT portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* MENU_SIDEBAR portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #menu_sidebar_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 11%; left: 0%; top: 84%; z-index: 3;} #menu_sidebar_bckg_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); z-index: 4;} #menu_sidebar_text_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: lime; z-index: 5;} /* ------------------------------------------------------------------------ */ /* MENU_SIDEBAR portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* MENU_SIDEBAR portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #menu_sidebar_portrait.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 11%; left: 0%; top: 89%; z-index: 3;} #menu_sidebar_bckg_portrait.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); z-index: 4;} #menu_sidebar_text_portrait.android.firefox.fullscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: lime; z-index: 5;} /* ------------------------------------------------------------------------ */ /* MENU_SIDEBAR portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* WSZYSTKIE BUTTON'Y: START => z-index: 6 */ /* ======================================================================== */ /* SCREENSIZEBTN_TO_FULLSCR portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #screensizebtn_to_fullscr_portrait.android.firefox.regscr { position: absolute; display: block; width: 33%; height: 100%; left: 67%; top: 0%; background-color: lime; z-index: 6;} #screensizebtn_to_fullscr_bckg_portrait.android.firefox.regscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #screensizebtn_to_fullscr_text_portrait.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #screensizebtn_to_fullscr_bckg_portrait:hover.android.firefox.regscr { background-color: orange; } #screensizebtn_to_fullscr_bckg_portrait:active.android.firefox.regscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_FULLSCR portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_FULLSCR portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #screensizebtn_to_fullscr_portrait.android.firefox.fullscr { position: absolute; display: none; z-index: -1; } #screensizebtn_to_fullscr_bckg_portrait.android.firefox.fullscr { position: absolute; display: none; z-index: -1; } #screensizebtn_to_fullscr_text_portrait.android.firefox.fullscr { position: absolute; display: none; z-index: -1; } /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_FULLSCR portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* SCREENSIZEBTN_TO_REGSCR portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #screensizebtn_to_regscr_portrait.android.firefox.regscr { position: absolute; display: none; z-index: -1; } #screensizebtn_to_regscr_bckg_portrait.android.firefox.regscr { position: absolute; display: none; z-index: -1; } #screensizebtn_to_regscr_text_portrait.android.firefox.regscr { position: absolute; display: none; z-index: -1; } /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_REGSCR portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_REGSCR portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #screensizebtn_to_regscr_portrait.android.firefox.fullscr { position: absolute; display: block; width: 33%; height: 100%; left: 67%; top: 0%; background-color: lime; z-index: 6;} #screensizebtn_to_regscr_bckg_portrait.android.firefox.fullscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #screensizebtn_to_regscr_text_portrait.android.firefox.fullscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #screensizebtn_to_regscr_bckg_portrait:hover.android.firefox.fullscr { background-color: orange; } #screensizebtn_to_regscr_bckg_portrait:active.android.firefox.fullscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SCREENSIZEBTN_TO_REGSCR portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* SEARCHBTN_TO_OPNSRCHFRM portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #searchbtn_to_open_searchmodule_portrait.android.firefox.regscr { position: absolute; display: block; width: 33%; height: 100%; left: 0%; top: 0%; background-color: lime; z-index: 6;} #searchbtn_to_open_searchmodule_bckg_portrait.android.firefox.regscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #searchbtn_to_open_searchmodule_text_portrait.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #searchbtn_to_open_searchmodule_bckg_portrait:hover.android.firefox.regscr { background-color: orange; } #searchbtn_to_open_searchmodule_bckg_portrait:active.android.firefox.regscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_OPNSRCHFRM portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_OPNSRCHFRM portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #searchbtn_to_open_searchmodule_portrait.android.firefox.fullscr { position: absolute; display: block; width: 33%; height: 100%; left: 0%; top: 0%; background-color: lime; z-index: 6;} #searchbtn_to_open_searchmodule_bckg_portrait.android.firefox.fullscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #searchbtn_to_open_searchmodule_text_portrait.android.firefox.fullscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #searchbtn_to_open_searchmodule_bckg_portrait:hover.android.firefox.fullscr { background-color: orange; } #searchbtn_to_open_searchmodule_bckg_portrait:active.android.firefox.fullscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_OPNSRCHFRM portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* SEARCHBTN_TO_CLSSRCHFRM portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #searchbtn_to_close_searchmodule_portrait.android.firefox.regscr { position: absolute; display: none; width: 33%; height: 100%; left: 0%; top: 0%; background-color: lime; z-index: 6;} #searchbtn_to_close_searchmodule_bckg_portrait.android.firefox.regscr { position: absolute; display: none; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #searchbtn_to_close_searchmodule_text_portrait.android.firefox.regscr { position: absolute; display: none; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #searchbtn_to_close_searchmodule_bckg_portrait:hover.android.firefox.regscr { background-color: orange; } #searchbtn_to_close_searchmodule_bckg_portrait:active.android.firefox.regscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_CLSSRCHFRM portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_CLSSRCHFRM portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #searchbtn_to_close_searchmodule_portrait.android.firefox.fullscr { position: absolute; display: none; width: 33%; height: 100%; left: 0%; top: 0%; background-color: lime; z-index: 6;} #searchbtn_to_close_searchmodule_bckg_portrait.android.firefox.fullscr { position: absolute; display: none; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #searchbtn_to_close_searchmodule_text_portrait.android.firefox.fullscr { position: absolute; display: none; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #searchbtn_to_close_searchmodule_bckg_portrait:hover.android.firefox.fullscr { background-color: orange; } #searchbtn_to_close_searchmodule_bckg_portrait:active.android.firefox.fullscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* SEARCHBTN_TO_CLSSRCHFRM portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* SEARCHFORM portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ /* element zawarty wewnątrz formularza search, w pliku: searchform.php*/ #searchmodule_portrait.android.firefox.regscr { position: absolute; display: none; width: 100%; height: 67%; left: 0%; top: 17%; background-color: lime; z-index: 7;} /* ------------------------------------------------------------------------ */ /* SEARCHFORM portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* SEARCHFORM portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ /* element zawarty wewnątrz formularza search, w pliku: searchform.php*/ #searchmodule_portrait.android.firefox.fullscr { position: absolute; display: none; width: 100%; height: 78%; left: 0%; top: 11%; background-color: lime; z-index: 7;} /* ------------------------------------------------------------------------ */ /* SEARCHFORM portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* CONTACTBTN_TO_OPNCNTKFRM portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #contactbtn_to_open_contactmodule_portrait.android.firefox.regscr { position: absolute; display: block; width: 34%; height: 100%; left: 33%; top: 0%; background-color: seagreen; z-index: 6;} #contactbtn_to_open_contactmodule_bckg_portrait.android.firefox.regscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #contactbtn_to_open_contactmodule_text_portrait.android.firefox.regscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #contactbtn_to_open_contactmodule_bckg_portrait:hover.android.firefox.regscr { background-color: orange; } #contactbtn_to_open_contactmodule_bckg_portrait:active.android.firefox.regscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_OPNCNTKFRM portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_OPNCNTKFRM portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #contactbtn_to_open_contactmodule_portrait.android.firefox.fullscr { position: absolute; display: block; width: 34%; height: 100%; left: 33%; top: 0%; background-color: seagreen; z-index: 6;} #contactbtn_to_open_contactmodule_bckg_portrait.android.firefox.fullscr { position: absolute; display: block; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #contactbtn_to_open_contactmodule_text_portrait.android.firefox.fullscr { position: absolute; display: block; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #contactbtn_to_open_contactmodule_bckg_portrait:hover.android.firefox.fullscr { background-color: orange; } #contactbtn_to_open_contactmodule_bckg_portrait:active.android.firefox.fullscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_OPNCNTKFRM portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* CONTACTBTN_TO_CLSCNTKFRM portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #contactbtn_to_close_contactmodule_portrait.android.firefox.regscr { position: absolute; display: none; width: 34%; height: 100%; left: 33%; top: 0%; background-color: seagreen; z-index: 6;} #contactbtn_to_close_contactmodule_bckg_portrait.android.firefox.regscr { position: absolute; display: none; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #contactbtn_to_close_contactmodule_text_portrait.android.firefox.regscr { position: absolute; display: none; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #contactbtn_to_close_contactmodule_bckg_portrait:hover.android.firefox.regscr { background-color: orange; } #contactbtn_to_close_contactmodule_bckg_portrait:active.android.firefox.regscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_CLSCNTKFRM portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_CLSCNTKFRM portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #contactbtn_to_close_contactmodule_portrait.android.firefox.fullscr { position: absolute; display: none; width: 34%; height: 100%; left: 33%; top: 0%; background-color: seagreen; z-index: 6;} #contactbtn_to_close_contactmodule_bckg_portrait.android.firefox.fullscr { position: absolute; display: none; width: 90%; height: 90%; left: 50%; top: 50%; transform: translate( -50%, -50%); background-color: yellow; z-index: 7;} #contactbtn_to_close_contactmodule_text_portrait.android.firefox.fullscr { position: absolute; display: none; width: auto; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: darkslategray; text-align: center; font-size: large; z-index: 8;} #contactbtn_to_close_contactmodule_bckg_portrait:hover.android.firefox.fullscr { background-color: orange; } #contactbtn_to_close_contactmodule_bckg_portrait:active.android.firefox.fullscr { background-color: lightgreen; } /* ------------------------------------------------------------------------ */ /* CONTACTBTN_TO_CLSCNTKFRM portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* */ /* ======================================================================== */ /* CONTACTFORM portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #contactmodule_portrait.android.firefox.regscr { position: absolute; display: none; width: 100%; height: 67%; left: 0%; top: 17%; background-color: lime; z-index: 7;} #contactmodule_bckg_portrait.android.firefox.regscr { position: absolute; display: none; width: 90%; height: 90%; left: 5%; top: 5%; background-color: lightgreen; z-index: 8;} #contactmodule_text_portrait.android.firefox.regscr { position: absolute; display: none; border: none; width: 90%; height: 60%; left: 5%; top: 5%; background-color: yellow; color: green; text-align: center; font-size: large; z-index: 9;} #contactmodule_btn_portrait.android.firefox.regscr { position: absolute; display: none; border: none; width: 90%; height: 20%; left: 5%; top: 70%; background-color: darkblue; color: yellow; text-align: center; font-size: large; z-index: 10;} /* ------------------------------------------------------------------------ */ /* CONTACTFORM portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* CONTACTFORM portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #contactmodule_portrait.android.firefox.fullscr { position: absolute; display: none; width: 100%; height: 78%; left: 0%; top: 11%; background-color: lime; z-index: 7;} #contactmodule_bckg_portrait.android.firefox.fullscr { position: absolute; display: none; width: 90%; height: 90%; left: 5%; top: 5%; background-color: lightgreen; z-index: 8;} #contactmodule_text_portrait.android.firefox.fullscr { position: absolute; display: none; border: none; width: 90%; height: 60%; left: 5%; top: 5%; background-color: yellow; color: green; text-align: center; font-size: large; z-index: 9;} #contactmodule_btn_portrait.android.firefox.fullscr { position: absolute; display: none; border: none; width: 90%; height: 20%; left: 5%; top: 70%; background-color: darkblue; color: yellow; text-align: center; font-size: large; z-index: 10;} /* ------------------------------------------------------------------------ */ /* CONTACTFORM portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* */ /* ======================================================================== */ /* FOOTER portrait.android.firefox.REGSCR START */ /* ------------------------------------------------------------------------ */ #footer_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 5%; left: 0%; top: 95%; background-color: seagreen; z-index: 3;} #footer_bckg_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate( -50%, -50%); z-index: 4;} #footer_text_portrait.android.firefox.regscr { position: absolute; display: block; width: 100%; height: auto; left: 50%; top: 50%; transform: translate( -50%, -50%); color: aquamarine; text-align: center; font-size: x-small; z-index: 5;} /* ------------------------------------------------------------------------ */ /* FOOTER portrait.android.firefox.REGSCR END */ /* ------------------------------------------------------------------------ */ /* FOOTER portrait.android.firefox.FULLSCR START */ /* ------------------------------------------------------------------------ */ #footer_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #footer_bckg_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} #footer_text_portrait.android.firefox.fullscr { position: absolute;display: none;z-index: -1;} /* ------------------------------------------------------------------------ */ /* FOOTER portrait.android.firefox.FULLSCR END */ /* ======================================================================== */ /* ---------------------------------------------------------------------------- */ /* */ /* CONFIGURATION FOR: portrait.android.firefox END */ /* */ /* =========================================================================== */ /* || || */ /* || CONFIGURATION FOR: ANDROID - PORTRAIT END || */ /* || || */ /* =========================================================================== */