Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Modern Website Design with Vertical Skyscraper Ads</title> | |
| <style> | |
| /* Add CSS for the loading screen */ | |
| #loading-screen { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-color: #000000; /* Change the background color as needed */ | |
| z-index: 9999; | |
| display: flex; | |
| justify-content: center; | |
| align-items: center; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <!-- Add the loading screen --> | |
| <div id="loading-screen"> | |
| <span class="loader"></span><style>.loader { | |
| width: 70px; | |
| height: 35px; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .loader:before { | |
| content: ""; | |
| width: 70px; | |
| height: 70px; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| border: 5px solid #0000; | |
| border-color: #fff #fff #0000 #0000; | |
| border-radius: 50%; | |
| box-sizing: border-box; | |
| animation: rotate 3s ease-in-out infinite; | |
| transform: rotate(-200deg); | |
| } | |
| @keyframes rotate { | |
| 0% { | |
| border-width: 10px; | |
| } | |
| 25% { | |
| border-width: 3px; | |
| } | |
| 50% { | |
| transform: rotate(115deg); | |
| border-width: 10px; | |
| } | |
| 75% { | |
| border-width: 3px; | |
| } | |
| 100% { | |
| border-width: 10px; | |
| } | |
| } | |
| </style> | |
| </div> | |
| <div class="container"> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title></title> | |
| <style> | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: Arial, sans-serif; | |
| background-color: #f0f0f0; | |
| color: #333; | |
| line-height: 1.6; | |
| display: flex; | |
| justify-content: center; | |
| align-items: flex-start; | |
| padding: 20px; | |
| } | |
| .container { | |
| max-width: 1200px; | |
| width: 100%; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: flex-start; | |
| } | |
| .left-sidebar, | |
| .right-sidebar { | |
| flex: 0 0 120px; /* Adjust as needed */ | |
| background-color: #fff; | |
| padding: 20px; | |
| } | |
| .content { | |
| flex: 1; | |
| background-color: #fff; | |
| padding: 20px; | |
| } | |
| .ad { | |
| width: 160px; | |
| height: 600px; /* Adjust as needed */ | |
| background-color: #f9f9f9; | |
| border: 1px solid #ddd; | |
| margin-bottom: 20px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <div class="left-sidebar"> | |
| <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-1113541014872557" data-ad-slot="3880435531" data-adsbygoogle-status="done" data-ad-status="filled"><div id="aswift_0_host" style="border: none; height: 600px; width: 160px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"><iframe id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;border:0;width:160px;height:600px;" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" width="160" height="600" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" src="https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-1113541014872557&output=html&h=600&slotname=3880435531&adk=579291468&adf=3980664321&pi=t.ma~as.3880435531&w=160&lmt=1711654759&format=160x600&url=https%3A%2F%2Fspeedtesting.herokuapp.com%2Fvisualnetwork%2F&wgl=1&uach=WyJXaW5kb3dzIiwiMTUuMC4wIiwieDg2IiwiIiwiMTIyLjAuMjM2NS45MiIsbnVsbCwwLG51bGwsIjY0IixbWyJDaHJvbWl1bSIsIjEyMi4wLjYyNjEuMTI5Il0sWyJOb3QoQTpCcmFuZCIsIjI0LjAuMC4wIl0sWyJNaWNyb3NvZnQgRWRnZSIsIjEyMi4wLjIzNjUuOTIiXV0sMF0.&dt=1711654758991&bpp=3&bdt=130&idt=44&shv=r20240321&mjsv=m202403210101&ptt=9&saldr=aa&abxe=1&correlator=6815387823814&frm=20&pv=2&ga_vid=632865807.1711654759&ga_sid=1711654759&ga_hid=1487784249&ga_fc=0&u_tz=-420&u_his=2&u_h=720&u_w=1280&u_ah=672&u_aw=1280&u_cd=24&u_sd=1.5&dmc=8&adx=0&ady=54&biw=1225&bih=630&scr_x=0&scr_y=0&eid=44759875%2C44759926%2C44759842%2C42532523%2C44795921%2C31082131%2C95321963%2C31081791%2C95328826&oid=2&pvsid=228875691238443&tmod=1336738436&wsm=1&uas=0&nvt=2&ref=https%3A%2F%2Fwww.bing.com%2F&fc=896&brdim=0%2C0%2C0%2C0%2C1280%2C0%2C1280%2C672%2C1225%2C630&vis=1&rsz=d%7C%7CeE%7C&abl=CS&pfx=0&fu=0&bc=31&bz=1.04&psd=W251bGwsbnVsbCxudWxsLDNd&ifi=1&uci=a!1&fsb=1&dtd=56" data-google-container-id="a!1" tabindex="0" title="Advertisement" aria-label="Advertisement" data-google-query-id="CJaIi-mxl4UDFRWIpgQdSw8Dyg" data-load-complete="true"></iframe></div></ins> | |
| </div> | |
| <div class="content"> | |
| <h1>Welcome to ABP/AB Test</h1> | |
| <p>This is a Adblock tester made to test your adblock by me!</p> | |
| <p>there is nothing else to see here why u still here</p> | |
| </div> | |
| <div class="right-sidebar"> | |
| <ins class="adsbygoogle" style="display:inline-block;width:160px;height:600px" data-ad-client="ca-pub-1113541014872557" data-ad-slot="3880435531" data-adsbygoogle-status="done" data-ad-status="filled"><div id="aswift_0_host" style="border: none; height: 600px; width: 160px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"><iframe id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;border:0;width:160px;height:600px;" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" width="160" height="600" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" src="https://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-1113541014872557&output=html&h=600&slotname=3880435531&adk=579291468&adf=3980664321&pi=t.ma~as.3880435531&w=160&lmt=1711654759&format=160x600&url=https%3A%2F%2Fspeedtesting.herokuapp.com%2Fvisualnetwork%2F&wgl=1&uach=WyJXaW5kb3dzIiwiMTUuMC4wIiwieDg2IiwiIiwiMTIyLjAuMjM2NS45MiIsbnVsbCwwLG51bGwsIjY0IixbWyJDaHJvbWl1bSIsIjEyMi4wLjYyNjEuMTI5Il0sWyJOb3QoQTpCcmFuZCIsIjI0LjAuMC4wIl0sWyJNaWNyb3NvZnQgRWRnZSIsIjEyMi4wLjIzNjUuOTIiXV0sMF0.&dt=1711654758991&bpp=3&bdt=130&idt=44&shv=r20240321&mjsv=m202403210101&ptt=9&saldr=aa&abxe=1&correlator=6815387823814&frm=20&pv=2&ga_vid=632865807.1711654759&ga_sid=1711654759&ga_hid=1487784249&ga_fc=0&u_tz=-420&u_his=2&u_h=720&u_w=1280&u_ah=672&u_aw=1280&u_cd=24&u_sd=1.5&dmc=8&adx=0&ady=54&biw=1225&bih=630&scr_x=0&scr_y=0&eid=44759875%2C44759926%2C44759842%2C42532523%2C44795921%2C31082131%2C95321963%2C31081791%2C95328826&oid=2&pvsid=228875691238443&tmod=1336738436&wsm=1&uas=0&nvt=2&ref=https%3A%2F%2Fwww.bing.com%2F&fc=896&brdim=0%2C0%2C0%2C0%2C1280%2C0%2C1280%2C672%2C1225%2C630&vis=1&rsz=d%7C%7CeE%7C&abl=CS&pfx=0&fu=0&bc=31&bz=1.04&psd=W251bGwsbnVsbCxudWxsLDNd&ifi=1&uci=a!1&fsb=1&dtd=56" data-google-container-id="a!1" tabindex="0" title="Advertisement" aria-label="Advertisement" data-google-query-id="CJaIi-mxl4UDFRWIpgQdSw8Dyg" data-load-complete="true"></iframe></div></ins> | |
| </div> | |
| </div> | |
| </body> | |
| </html> | |
| <!-- Google Tag Manager --> | |
| <script> | |
| (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': | |
| new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], | |
| j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= | |
| 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); | |
| })(window,document,'script','dataLayer','GTM-KTCFC3S'); | |
| var subjectFolder = location.pathname; | |
| subjectFolder = subjectFolder.replace("/", ""); | |
| if (subjectFolder.startsWith("python/") == true ) { | |
| if (subjectFolder.includes("/numpy/") == true ) { | |
| subjectFolder = "numpy/" | |
| } else if (subjectFolder.includes("/pandas/") == true ) { | |
| subjectFolder = "pandas/" | |
| } else if (subjectFolder.includes("/scipy/") == true ) { | |
| subjectFolder = "scipy/" | |
| } | |
| } | |
| subjectFolder = subjectFolder.substr(0, subjectFolder.indexOf("/")); | |
| </script> | |
| <!-- End Google Tag Manager --> | |
| <script src="/lib/uic.js?v=1.0.5"></script> | |
| <script data-cfasync="false" type="text/javascript"> | |
| var k42 = false; | |
| // GPT slots | |
| var gptAdSlots = []; | |
| window.googletag = window.googletag || { cmd: [] }; | |
| googletag.cmd.push(function() { | |
| googletag.pubads().setTargeting("page_section", subjectFolder); | |
| }); | |
| k42 = true; | |
| </script> | |
| <script data-cfasync="false" type="text/javascript"> | |
| window.snigelPubConf = { | |
| "adengine": { | |
| "activeLots": [ | |
| {placement: "adngin-try_it_leaderboard-0", adUnit: "try_it_leaderboard" }, | |
| ] | |
| } | |
| } | |
| uic_r_a() | |
| </script> | |
| <script async data-cfasync="false" src="https://cdn.snigelweb.com/adengine/w3schools.com/loader.js" type="text/javascript"></script> | |
| <script> | |
| if (window.addEventListener) { | |
| window.addEventListener("resize", browserResize); | |
| } else if (window.attachEvent) { | |
| window.attachEvent("onresize", browserResize); | |
| } | |
| var xbeforeResize = window.innerWidth; | |
| function browserResize() { | |
| var afterResize = window.innerWidth; | |
| if ((xbeforeResize < (970) && afterResize >= (970)) || (xbeforeResize >= (970) && afterResize < (970)) || | |
| (xbeforeResize < (728) && afterResize >= (728)) || (xbeforeResize >= (728) && afterResize < (728)) || | |
| (xbeforeResize < (468) && afterResize >= (468)) ||(xbeforeResize >= (468) && afterResize < (468))) { | |
| xbeforeResize = afterResize; | |
| if (document.getElementById("adngin-try_it_leaderboard-0")) { | |
| adngin.queue.push(function(){ adngin.cmd.startAuction([ | |
| {placement: "adngin-try_it_leaderboard-0", adUnit: "try_it_leaderboard" }, | |
| ]); | |
| }); | |
| } | |
| } | |
| if (window.screen.availWidth <= 768) { | |
| restack(window.innerHeight > window.innerWidth); | |
| } | |
| fixDragBtn(); | |
| showFrameSize(); | |
| } | |
| var fileID = ""; | |
| </script> | |
| <style> | |
| * { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| color:#000000; | |
| margin:0px; | |
| font-size:100%; | |
| } | |
| .trytopnav { | |
| height:48px; | |
| overflow:hidden; | |
| min-width:380px; | |
| position:absolute; | |
| width:100%; | |
| top:99px; | |
| background-color:#E7E9EB; | |
| } | |
| .topnav-icons { | |
| margin-right:8px; | |
| } | |
| .trytopnav a,.trytopnav button { | |
| color:#999999; | |
| } | |
| .w3-bar .w3-bar-item:hover { | |
| color:#757575 ; | |
| } | |
| a.w3schoolslink { | |
| padding:0 ; | |
| display:inline ; | |
| } | |
| a.w3schoolslink:hover,a.w3schoolslink:active { | |
| text-decoration:underline ; | |
| background-color:transparent ; | |
| } | |
| #dragbar{ | |
| position:absolute; | |
| cursor: col-resize; | |
| z-index:3; | |
| padding:5px; | |
| } | |
| #shield { | |
| display:none; | |
| top:0; | |
| left:0; | |
| width:100%; | |
| position:absolute; | |
| height:100%; | |
| z-index:4; | |
| } | |
| #framesize { | |
| font-family: 'Montserrat', 'Source Sans Pro', sans-serif; | |
| font-size: 14px; | |
| } | |
| #container { | |
| background-color:#E7E9EB; | |
| width:100%; | |
| overflow:auto; | |
| position:absolute; | |
| top:144px; | |
| bottom:0; | |
| height:auto; | |
| } | |
| #textareacontainer, #iframecontainer { | |
| float:left; | |
| height:100%; | |
| width:50%; | |
| } | |
| #textarea, #textarea2, #iframe { | |
| height:100%; | |
| width:100%; | |
| padding-bottom:10px; | |
| padding-top:1px; | |
| } | |
| #textarea { | |
| padding-left:10px; | |
| padding-right:5px; | |
| } | |
| #iframe { | |
| padding-left:5px; | |
| padding-right:10px; | |
| position:relative; | |
| } | |
| #textareawrapper { | |
| width:100%; | |
| height:100%; | |
| overflow:auto; | |
| background-color: #ffffff; | |
| position:relative; | |
| box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); | |
| } | |
| #iframewrapper { | |
| width:100%; | |
| height:100%; | |
| -webkit-overflow-scrolling: touch; | |
| background-color: #ffffff; | |
| box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); | |
| } | |
| #textareaCode, #textareaCode2 { | |
| background-color: #ffffff; | |
| font-family: consolas,Menlo,"courier new",monospace; | |
| font-size:15px; | |
| height:100%; | |
| width:100%; | |
| padding:8px; | |
| resize: none; | |
| border:none; | |
| line-height:normal; | |
| } | |
| /* | |
| .localhostcontainer { | |
| position:absolute; | |
| width:auto; | |
| right:0; | |
| left:0; | |
| z-index:2; | |
| padding:4px 12px; | |
| border-bottom:1px solid #d9d9d9; | |
| background-color:#E7E9EB; | |
| } | |
| .localhostdiv { | |
| overflow:hidden; | |
| font-family:arial; | |
| border:1px solid #d9d9d9; | |
| background-color:#fff; | |
| font-size:14px; | |
| padding-left:10px; | |
| } | |
| */ | |
| .localhostoutercontainer { | |
| position: absolute; | |
| width: auto; | |
| left:5px; | |
| right:10px; | |
| background-color: #E7E9EB; | |
| height: 30px; | |
| z-index: 9; | |
| } | |
| .localhostoutercontainer.horizontal { | |
| left:10px; | |
| } | |
| .localhostcontainer { | |
| position:relative; | |
| width:auto; | |
| right:0; | |
| left:0; | |
| z-index:2; | |
| xpadding:6px 12px; | |
| xxborder-bottom:1px solid #d9d9d9; | |
| background-color:#F1F1F1; | |
| background-color:#38444d; | |
| border-top-right-radius:10px; | |
| border-top-left-radius:10px; | |
| overflow:hidden; | |
| padding-top:4px; | |
| } | |
| .localhostdiv { | |
| overflow:hidden; | |
| font-family:arial; | |
| color:#000; | |
| background-color:#fff; | |
| font-size:15px; | |
| padding-left:10px; | |
| border-radius:20px; | |
| width:60%; | |
| float:left; | |
| font-family: consolas,Menlo,"courier new",monospace; | |
| } | |
| .localhostbuttoncontainer { | |
| width:20%; | |
| min-width:100px; | |
| color:#ffc107; | |
| float:left; | |
| font-size:16px; | |
| overflow:auto; | |
| } | |
| div.localhostbuttoncontainer span{ | |
| display:inline-block; | |
| color:#ffc107; | |
| position:relative; | |
| padding-bottom:4px; | |
| padding-left:2px; | |
| } | |
| div.localhostbuttoncontainer span:first-child{ | |
| color:#dc3545; | |
| padding-left:12px; | |
| } | |
| div.localhostbuttoncontainer span:last-child{ | |
| color:#04AA6D; | |
| padding-left:2px; | |
| } | |
| body.darktheme .localhostoutercontainer { | |
| background-color: #38444d; | |
| } | |
| body.darktheme .localhostcontainer { | |
| background-color:rgb(21,32,43) | |
| } | |
| body.darktheme .localhostdiv { | |
| border:1px solid #595959; | |
| background-color:#ffffff; | |
| } | |
| /**/ | |
| #filenamecontainer { | |
| position:absolute; | |
| text-align:center; | |
| z-index:4; | |
| width:100%; | |
| } | |
| #filenamecontainer span { | |
| opacity:0.9; | |
| padding:1px 6px; | |
| font-family:Consolas; | |
| background-color:#E7E9EB; | |
| font-size:16px; | |
| } | |
| body.darktheme #filenamecontainer span { | |
| background-color:#555555; | |
| color:#E7E9EB; | |
| } | |
| .CodeMirror.cm-s-default { | |
| line-height:normal; | |
| padding: 4px; | |
| height:100%; | |
| width:100%; | |
| } | |
| #iframeResult, #iframeSource { | |
| background-color: #ffffff; | |
| height:100%; | |
| width:100%; | |
| } | |
| #stackV {background-color:#999999;} | |
| #stackV:hover {background-color:#BBBBBB ;} | |
| #stackV.horizontal {background-color:transparent;} | |
| #stackV.horizontal:hover {background-color:#BBBBBB ;} | |
| #stackH.horizontal {background-color:#999999;} | |
| #stackH.horizontal:hover {background-color:#999999 ;} | |
| #textareacontainer.horizontal,#iframecontainer.horizontal{ | |
| height:50%; | |
| float:none; | |
| width:100%; | |
| } | |
| #textarea.horizontal{ | |
| height:100%; | |
| padding-left:10px; | |
| padding-right:10px; | |
| } | |
| #iframe.horizontal{ | |
| height:100%; | |
| padding-right:10px; | |
| padding-bottom:10px; | |
| padding-left:10px; | |
| } | |
| #container.horizontal{ | |
| min-height:200px; | |
| margin-left:0; | |
| } | |
| #tryitLeaderboard { | |
| overflow:hidden; | |
| text-align:center; | |
| margin-top:5px; | |
| height:90px; | |
| } | |
| .w3-dropdown-content {width:350px} | |
| #breadcrumb ul { | |
| font-family:'Montserrat', 'Source Sans Pro', sans-serif; | |
| list-style: none; | |
| display: inline-table; | |
| padding-inline-start: 1px; | |
| font-size: 12px; | |
| margin-block-start: 6px; | |
| margin-block-end: 6px; | |
| } | |
| #breadcrumb li { | |
| display: inline; | |
| } | |
| #breadcrumb a { | |
| float: left; | |
| background: #E7E9EB; | |
| padding: 3px 10px 3px 20px; | |
| position: relative; | |
| margin: 0 5px 0 0; | |
| text-decoration: none; | |
| color: #555; | |
| } | |
| #breadcrumb a:after { | |
| content: ""; | |
| border-top: 12px solid transparent; | |
| border-bottom: 12px solid transparent; | |
| border-left: 12px solid #E7E9EB; | |
| position: absolute; | |
| right: -12px; | |
| top: 0; | |
| z-index: 1; | |
| } | |
| #breadcrumb a:before { | |
| content: ""; | |
| border-top: 12px solid transparent; | |
| border-bottom: 12px solid transparent; | |
| border-left: 12px solid #fff; | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| } | |
| #breadcrumb ul li:first-child a:before { | |
| display: none; | |
| } | |
| #breadcrumb ul:last-child li{ | |
| padding-right: 5px; | |
| } | |
| #breadcrumb ul li a:hover { | |
| background: #04AA6D; | |
| color:#fff; | |
| } | |
| #breadcrumb ul li a:hover:after { | |
| border-left-color: #04AA6D; | |
| color:#fff; | |
| } | |
| #breadcrumb li:last-child { | |
| display: inline-block; | |
| margin-top: 3px; | |
| } | |
| #runbtn { | |
| background-color:#04AA6D; | |
| color:white; | |
| font-family: 'Source Sans Pro', sans-serif; | |
| font-size:18px; | |
| padding:6px 25px; | |
| margin-top:4px; | |
| border-radius:5px; | |
| word-spacing:10px; | |
| } | |
| #runbtn:hover { | |
| background-color: #059862 ; | |
| color:white; | |
| } | |
| #getwebsitebtn { | |
| background-color:#04AA6D; | |
| font-family: 'Source Sans Pro', sans-serif; | |
| color: white; | |
| font-size: 18px; | |
| padding:6px 15px; | |
| margin-top:4px; | |
| margin-right: 10px; | |
| display: block; | |
| float: right; | |
| border-radius: 5px; | |
| } | |
| #getwebsitebtn:hover { | |
| background-color: #059862 ; | |
| color:white; | |
| } | |
| @media screen and (max-width: 727px) { | |
| .trytopnav {top:70px;} | |
| #container {top:116px;} | |
| #breadcrumb {display:none;} | |
| #tryhome {display:block;} | |
| } | |
| @media screen and (max-width: 467px) { | |
| .trytopnav {top:60px;} | |
| #container {top:106px;} | |
| .w3-dropdown-content {width:100%} | |
| } | |
| @media only screen and (max-device-width: 768px) { | |
| #iframewrapper {overflow: auto;} | |
| #container {min-width:310px;} | |
| .stack {display:none;} | |
| #tryhome {display:block;} | |
| .trytopnav {min-width:310px;} | |
| } | |
| #iframewrapper { | |
| } | |
| /* | |
| .tabs-container { | |
| height:100%; | |
| overflow:auto; | |
| } | |
| .tabs { | |
| list-style-type: none; | |
| padding: 0; | |
| margin: 0; | |
| background-color:#E7E9EB; | |
| } | |
| .tab { | |
| padding: 5px 10px; | |
| background: #ddd; | |
| width: fit-content; | |
| display: inline-block; | |
| border-top-left-radius: 10px; | |
| border-top-right-radius: 10px; | |
| } | |
| .tab.active { | |
| background: #fff; | |
| } | |
| .tab-pane { | |
| display: none; | |
| } | |
| .tab-pane.active { | |
| display: block; | |
| } | |
| */ | |
| .tabitem, #resttab { | |
| position:absolute; | |
| z-index:2; | |
| font-family:arial; | |
| padding:4px 12px; | |
| width:70px; | |
| cursor:pointer; | |
| } | |
| /* | |
| #progqcstab { | |
| width:120px; | |
| left:0; | |
| } | |
| #prog2qcstab { | |
| width:100px; | |
| left:120px; | |
| } | |
| #childtemplatetab { | |
| width:150px; | |
| left:220px; | |
| } | |
| */ | |
| .tabitem { | |
| background-color:#38444d; | |
| color:#ddd; | |
| border-top-left-radius:10px; | |
| border-top-right-radius:10px; | |
| opacity:0.5; | |
| } | |
| #resttab { | |
| cursor:default; | |
| z-index:1; | |
| background-color:#E7E9EB; | |
| width:100%; | |
| left:0px; | |
| } | |
| .tabitem.tabselected{ | |
| opacity:1; | |
| } | |
| .darktheme .tabitem { | |
| background-color:rgb(21,32,43) | |
| } | |
| .darktheme #resttab { | |
| background-color:#38444d; | |
| } | |
| /**/ | |
| .fa { | |
| padding: 10px 10px; | |
| } | |
| a.topnav-icons, a.topnav-icons.fa-home, a.topnav-icons.fa-menu, button.topnav-icons.fa-adjust { | |
| font-size: 28px; | |
| } | |
| .darktheme #breadcrumb li { | |
| color:#fff; | |
| } | |
| .darktheme #breadcrumb a { | |
| background:#616161; | |
| background-color:#38444d; | |
| color: #ddd; | |
| } | |
| .darktheme #breadcrumb a:after { | |
| border-left: 12px solid #616161; | |
| border-left: 12px solid #38444d; | |
| } | |
| .darktheme #breadcrumb a:before { | |
| border-left: 12px solid rgb(40, 44, 52); | |
| border-left: 12px solid #1d2a35; | |
| } | |
| .darktheme .currentcrumb { | |
| color:#ddd; | |
| } | |
| body.darktheme { | |
| background-color:rgb(40, 44, 52); | |
| background-color:#1d2a35; | |
| } | |
| body.darktheme #tryitLeaderboard{ | |
| background-color:rgb(40, 44, 52); | |
| background-color:#1d2a35; | |
| } | |
| body.darktheme .trytopnav{ | |
| background-color:#616161; | |
| background-color:#38444d; | |
| color:#dddddd; | |
| } | |
| body.darktheme #container { | |
| background-color:#616161; | |
| background-color:#38444d; | |
| } | |
| body.darktheme .trytopnav a { | |
| color:#dddddd; | |
| } | |
| body.darktheme #textareaCode { | |
| background-color:rgb(40, 44, 52); | |
| color:#fff; | |
| } | |
| body.darktheme #textareawrapper { | |
| background-color:rgb(21,32,43); | |
| } | |
| body.darktheme .tabs { | |
| background-color:#38444d; | |
| } | |
| body.darktheme .tab { | |
| background: rgb(21,32,43); | |
| color:#fff; | |
| opacity:0.5; | |
| } | |
| body.darktheme .tab.active { | |
| background: rgb(21,32,43); | |
| color:#fff; | |
| opacity:1; | |
| } | |
| body.darktheme ::-webkit-scrollbar {width:12px;height:3px;} | |
| body.darktheme ::-webkit-scrollbar-track-piece {background-color:#000;} | |
| body.darktheme ::-webkit-scrollbar-thumb {height:50px;background-color: #616161; background-color:#38444d;} | |
| body.darktheme ::-webkit-scrollbar-thumb:hover {background-color: #aaaaaa;background-color: #4b5b68} | |
| /* | |
| #file1filetab, #resttab { | |
| position:absolute; | |
| z-index:2; | |
| font-family:arial; | |
| padding:4px 12px; | |
| } | |
| #file1filetab { | |
| width:auto; | |
| left:0; | |
| border-top-left-radius: 10px; | |
| border-top-right-radius: 10px; | |
| } | |
| #resttab { | |
| z-index:1; | |
| background-color:#E7E9EB; | |
| width:100%; | |
| left:0px; | |
| } | |
| .tabitem { | |
| background-color:#eaeaea; | |
| } | |
| .tabitem.tabselected{ | |
| background-color:#fff; | |
| } | |
| .darktheme .tabitem { | |
| background-color:#444; | |
| } | |
| .darktheme .tabitem.tabselected{ | |
| background-color:rgb(21,32,43); | |
| } | |
| .darktheme #resttab { | |
| background-color:#38444d; | |
| } | |
| */ | |
| .darktheme #file1filetab { | |
| border-right:1px solid rgb(21,32,43); | |
| } | |
| </style> | |
| <!--[if lt IE 8]> | |
| <style> | |
| #textareacontainer, #iframecontainer {width:48%;} | |
| #container {height:500px;} | |
| #textarea, #iframe {width:90%;height:450px;} | |
| #textareaCode, #textareaCode2, #iframeResult, .codewindow {height:450px;} | |
| .stack {display:none;} | |
| </style> | |
| <![endif]--> | |
| </head> | |
| <body> | |
| <!-- Google Tag Manager (noscript) --> | |
| <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTCFC3S" | |
| height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> | |
| <!-- End Google Tag Manager (noscript) --> | |
| <div id='tryitLeaderboard21' style='position: fixed; bottom: 0; left: 0; width: 100%;'> | |
| <!-- TryitLeaderboard --> | |
| <!--<pre>try_it_leaderboard, all: [320,50][728,90][468,60]</pre>--> | |
| <script language="javascript" type="text/javascript" src="https://ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> | |
| <!-- adspace tryit--> | |
| <button onclick="document.getElementById('tryitLeaderboard21').style.display = 'none';" style='position: absolute; top: 5px; right: 5px; padding: 5px 10px; background-color: #ff0000; color: #fff; border: none; cursor: pointer;'>Close</button> | |
| <div id='tryitLeaderboard' style='position: fixed; top: 0; left: 0; width: 100%;'> | |
| <!-- TryitLeaderboard --> | |
| <!--<pre>try_it_leaderboard, all: [320,50][728,90][468,60]</pre>--> | |
| <div id="adngin-try_it_leaderboard-0"></div> | |
| <!-- adspace tryit--> | |
| <button onclick="document.getElementById('tryitLeaderboard').style.display = 'none';" style='position: absolute; top: 5px; right: 5px; padding: 5px 10px; background-color: #ff0000; color: #fff; border: none; cursor: pointer;'>Close</button> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| // JavaScript to hide the loading screen when the page is fully loaded | |
| window.addEventListener('load', function() { | |
| var loadingScreen = document.getElementById('loading-screen'); | |
| loadingScreen.style.display = 'none'; | |
| }); | |
| </script> | |