|
|
| (32 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| − | {{DISPLAYTITLE:<span style="position:absolute; top: -9999px">Gateway Technical</span >}} | + | {{#css: |
| − | <html>
| |
| − | <head>
| |
| − | <style>
| |
| − | <meta charset="utf-8">
| |
| − | <meta http-equiv="X-UA-Compatible" content="IE=edge">
| |
| − | <meta name="viewport" content="user-scalable=no, initial-scale = 1, minimum-scale = 1, maximum-scale = 1, width=device-width">
| |
| − | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap-theme.css">
| |
| − | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">
| |
| − | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
| |
| − | </style>
| |
| | | | |
| − | <style> | + | <!--All CSS effects are used to add style to the base of the HTML code--> |
| | | | |
| − | .Title{text-align:center;padding:10pt;color:white;font-size:normal;font-weight:bold;font-size:150%}
| + | <!--Style to the links to master pages--> |
| − | .background{background-repeat: repeat;}
| |
| | | | |
| − | .MenuGeneral{width:1px;white-space: nowrap;vertical-align:top;padding:0px} | + | div.ImportantPages{ |
| − | .MainContent{vertical-align:top;padding:10px 20px 10px 20px;border-right:solid windowtext 1pt;border-left:solid windowtext 1pt;border-color:grey ;text-align:justify}
| + | text-align: right; |
| − | .tdSpace{padding:0px 0px 0px 0px;border-bottom:solid windowtext 1pt;border-color:grey }
| + | font: Tw Cen Mt; |
| | + | } |
| | | | |
| − | .TitleMenu{padding:5px 10px 5px 10px;color:white;font-weight:bold; vertical-align:middle}
| + | <!--Style to the links to the information pages--> |
| − | .BorderMenu{border-right:solid windowtext 0pt;border-left:solid windowtext 0pt;border-color:grey ;white-space: nowrap}
| |
| − | .Menu{padding:5px 10px 5px 10px;background-color:white;cursor:pointer;cursor:hand;font-weight:bold}
| |
| − | .MenuSelected{padding:5px 10px 5px 10px;cursor:pointer;cursor:hand;font-weight:bold}
| |
| | | | |
| − | </style>
| + | div.informationList{ |
| | + | text-align: left; |
| | + | font-size: 24px; |
| | + | font: Tw Cen Mt; |
| | + | color:#228176; |
| | + | border-style: double; |
| | + | border-padding: 50px; |
| | + | border-width: thick; |
| | + | border-radius:25px; |
| | + | width: 30%; |
| | + | } |
| | | | |
| − | <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.7.0/jquery.modal.js"></script> | + | <!--Hover effect for listed information--> |
| − | <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
| |
| − | <script src="https://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
| |
| − | <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
| |
| − | <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
| |
| − | <script>
| |
| − | if (navigator.userAgent.match(/IEMobile\/10\.0/)) {var msViewportStyle = document.createElement("style");
| |
| − | msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:100% !important}"));
| |
| − | document.getElementsByTagName("head")[0].appendChild(msViewportStyle);}
| |
| − | </script>
| |
| | | | |
| − | </head>
| + | li:hover { |
| − | <body>
| + | background-color: #FF9500; |
| − | <iframe class="hidden" style="margin-top:-60px"></iframe>
| + | opacity:1.0; |
| | + | border-radius: 10px; |
| | + | box-shadow: inset 0 0 0 0 #FF9500; |
| | + | transition: 1.0; |
| | + | outline: none; |
| | + | } |
| | | | |
| | + | <!--style to contact section--> |
| | | | |
| − | <script>
| + | div.ContactUs{ |
| − | lang = document.getElementsByTagName("html")[0].getAttribute("lang");
| + | font-size: 18px; |
| | + | font:Tw Cen; |
| | + | color:#228176; |
| | + | }} |
| | | | |
| − | function createbox(id,fa,boxName,title,ToolTip,content){
| + | <!--Links to other master pages --> |
| − | str="<div class='panel panel-primary'>"
| |
| − | +"<div class='panel-heading"+id+"'>"
| |
| − | +"<table width=100%><tr><td width=10% valign=top align=center><span class='fa fa-"+fa+" fa-2x'></span></td><td valign=middle style='padding:0px 0px 0px 7px'><div title='"+ToolTip+"'><div class='titleBox'>"+title+"</div></div></td></tr></table></div>"
| |
| − | +"<table border='0' class='table table-hover' style='padding:3px'>";
| |
| − | fLen = content.length;
| |
| − | if(fLen===2){str+="<tr><td style='border: 0;padding:5px 5px 5px 10px' align=justify id='"+content[0]+"1'>"+content[1]+"</td></tr>";}
| |
| − | else{
| |
| − | str+="<tr><td style='border: 0;padding:5px 5px 0px 10px' align=justify id='"+content[0]+"1'>"+content[1]+"</td></tr>";
| |
| − | for (i = 2; i < fLen-1; i++) {
| |
| − | idtd=content[0]+i;
| |
| − | str+="<tr><td style='border: 0;padding:0px 0px 0px 10px' align=justify id='"+idtd+"'>"+content[i]+"</td></tr>";}
| |
| − | idtd=content[0]+i;
| |
| − | str+="<tr><td style='border: 0;padding:0px 5px 5px 10px' align=justify id='"+idtd+"'>"+content[i]+"</td></tr>";
| |
| − | }
| |
| − | str+="</table>";
| |
| − | document.getElementById(boxName).innerHTML=str;
| |
| − | }
| |
| | | | |
| − | function createboxMenu(id,fa,boxName,title,ToolTip){
| + | <div class="ImportantPages"> |
| − | str="<div class='panel panel-primary'>"
| + | <h3>[https://wiki.gccollab.ca/Employee%E2%80%99s_Corner <strong>Employee's Corner</strong>]</h3> |
| − | +"<div class='panel-heading"+id+"'>"
| + | <h3><strong>[https://wiki.gccollab.ca/My_ESDC_Workplace My ESDC Workplace]</strong></h3> |
| − | +"<table width=100%><tr><td width=10% valign=top align=center><span class='fa fa-"+fa+" fa-2x'></span></td><td valign=middle style='padding:0px 7px 0px 7px'><div title='"+ToolTip+"'><div class='titleBox'>"+title+"</div></div></td></tr></table>";
| + | </div> |
| − | document.getElementById(boxName).innerHTML=str;
| |
| − | }
| |
| | | | |
| | + | <!--Links to other information pages--> |
| | | | |
| − | function changeColorActL1Gateway(id){
| + | <div class="informationList"> |
| − | document.getElementById(id).className= "ActBSCL1selected";
| + | <ul> |
| − | }
| + | <li>Tina Namiesniowski</li> |
| | + | <li>[https://wiki.gccollab.ca/ESDC_Workplace_%26_You_-_Learn_about_ESDC_Workplace Learn about ESDC Workplace]</li> |
| | + | <li>[https://wiki.gccollab.ca/ESDC_Workplace_%26_You_-_Project_Sites_and_Timelines Project Sites and Timelines]</li> |
| | + | <li>[https://wiki.gccollab.ca/ESDC_Workplace_%26_You_-_ESDC_Reservation_System ESDC Reservation System]</li> |
| | + | </ul> |
| | + | </div> |
| | | | |
| − | function changeColorActL2Gateway(id){
| + | <!--Contact with email--> |
| − | document.getElementById(id).className= "ActBSCL2selected";
| |
| − | }
| |
| | | | |
| − | </script> | + | <div class ="ContactUs"> |
| − | </body> | + | <h3>Contact Us</h3> |
| − | </html> | + | <strong>EDSC.NC.CFOB-DGDPF-CM-GC.ESDC@hrsdc-rhdcc.gc.ca</strong> |
| | + | </div> |