Problem using theme.min.css (screenshots in comments) #9074

Adam-Makaoui · 2021-03-25T16:19:15Z

Adam-Makaoui
Mar 25, 2021

Brief
Sourcing the theme.min.css remotely using the canada.ca server works fine while sourcing locally causes the below issue. This issue happened in the stikine NRCan server.

Scenario
Using the theme.min.css file in the 4.0.41 version of the WET toolkit [], the styling of the page doesn't apply properly, namely, it seems as if the theme.min.css styling does not get applied to the Footer and Header (but does for the body) of the document. I believe this is caused by a version issue of the theme file.

Expected Results
Sourcing the theme.min.css file locally page styles the entire sheet from header to footer using the theme.min.css.
<link rel="stylesheet" href="/wcda3/wet-boew-dist-4.0.41/css/theme.min.css">

Actual Result
The Body of the page gets styled appropriately using theme.min.css while the header and footer of the page don't.
<link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">

How to replicate
Unblock the line of code: <link rel="stylesheet" href="/wcda3/wet-boew-dist-4.0.41/css/theme.min.css">
And block the line of code: <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css">

In the file:

> <!DOCTYPE HTML>
> <html class="no-js" lang="en" dir="ltr">
> <!-- InstanceBegin template="/Templates/2col-eng-2.dwt" codeOutsideHTMLIsLocked="false" -->
> 
> <head>
> 	<!-- METADATA BEGINS | DEBUT DES METADONNEES -->
> 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
> 	<meta content="width=device-width,initial-scale=1" name="viewport">
> 	<meta charset="utf-8">
> 	<meta name="dc.description" content="Canadian Crustal Deformation Services (CCDS)">
> 	<meta name="description" content="Canadian Crustal Deformation Services (CCDS)">
> 	<meta name="keywords" content="Canadian Crustal Deformation Services (CCDS), Episodic Tremor and Slip (ETS) event monitor, Reports of Tremor Activity Monitoring System (TAMS), Tsunami Warning, Earthquakes, quakes, Global Position System, GPS, ETS, TAMS, WCDA, CCDS, tsunami">
> 	<meta name="dc.creator" content="GSC Pacific - Sidney, Earth Science Sector, Natural Resources Canada">
> 	<meta name="dc.title" content="CCDS Home - ETS Event Monitor, TAMS Reports, GPS data, and IGS Site Logs">
> 	<meta name="dcterms.issued" scheme="W3CDTF" content="20021-02-10">
> 	<meta name="dcterms.modifed" scheme="W3CDTF" content="2021-02-10">
> 	<meta name="dc.subject" scheme="gccore" content="Natural resources, Climate; Geology; ">
> 	<meta name="dc.language" scheme="ISO639-2/T" content="eng">
> 	<!-- METADATA ENDS | FIN DES METADONNEES -->
> 
> 	<!-- TEMPLATE SCRIPTS/CSS BEGIN | DEBUT DES SCRIPTS/CSS DU GABARIT -->
> 	<link href="/wcda3/wet-boew-dist-4.0.41/css/noscript.min.css" rel="icon" type="image/x-icon">
> 	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
> 
> 	<!-- <link rel="stylesheet" href="https://www.canada.ca/etc/designs/canada/wet-boew/css/theme.min.css"> -->
> 	<!-- issue here, block below line and unblock the above line to view how to site should look like -->
> 	<link rel="stylesheet" href="/wcda3/wet-boew-dist-4.0.41/css/theme.min.css">
> 
> 	<noscript>
> 		<link rel="stylesheet" href="/wcda3/wet-boew-dist-4.0.41/css/noscript.min.css" />
> 	</noscript>
> 	<!-- TEMPLATE SCRIPTS/CSS END | FIN DES SCRIPTS/CSS DU GABARIT -->
> 
> 	<title>Western Canada Deformation Array (WCDA) Overview</title>
> </head>
> 
> <body vocab="https://schema.org/" typeof="WebPage">
> 	<header>
>     <div id="wb-bnr" class="container">
>         <div class="row">
>             <section id="wb-lng" class="col-xs-3 col-sm-12 pull-right text-right">
>                 <h2 class="wb-inv">Language selection</h2>
>                 <ul class="list-inline mrgn-bttm-0">
>                     <li>
>                         <a lang="fr" hreflang="fr" href=http://wcda.pgc.nrcan.gc.ca/wcda3/wcdaoverview-fra.php>
>                             <span class="hidden-xs">Français</span>
>                             <abbr title="Français" class="visible-xs h3 mrgn-tp-sm mrgn-bttm-0 text-uppercase">fr</abbr>
>                         </a>
>                     </li>
>                 </ul>
>             </section>
>             <div class="brand col-xs-9 col-sm-5 col-md-4" property="publisher" typeof="GovernmentOrganization">
>                 <a href="https://www.canada.ca/en.html" property="url">
>                     <img src="https://wet-boew.github.io/themes-dist/GCWeb/assets/sig-blk-en.svg" alt="" property="logo"><span class="wb-inv" property="name"> Government of Canada / <span lang="fr">Gouvernement du Canada</span></span>
>                 </a>
>                 <meta property="areaServed" typeof="Country" content="Canada">
>                 <link property="logo" href="https://wet-boew.github.io/themes-dist/GCWeb/assets/wmms-blk.svg">
>             </div>
>             <section id="wb-srch" class="col-lg-offset-4 col-md-offset-4 col-sm-offset-2 col-xs-12 col-sm-5 col-md-4">
>                 <h2>Search</h2>
>                 <form action="#" method="post" name="cse-search-box" role="search">
>                     <div class="form-group wb-srch-qry">
>                         <label for="wb-srch-q" class="wb-inv">Search Canada.ca</label>
>                         <input id="wb-srch-q" list="wb-srch-q-ac" class="wb-srch-q form-control" name="q" type="search" value="" size="34" maxlength="170" placeholder="Search Canada.ca">
>                         <datalist id="wb-srch-q-ac">
>                         </datalist>
>                     </div>
>                     <div class="form-group submit">
>                         <button type="submit" id="wb-srch-sub" class="btn btn-primary btn-small" name="wb-srch-sub"><span class="glyphicon-search glyphicon"></span><span class="wb-inv">Search</span></button>
>                     </div>
>                 </form>
>             </section>
>         </div>
>     </div>
> 
>     </nav>
>     	<!-- BREAD CRUMBS -->
>     <nav id="wb-bc" property="breadcrumb">
>         <h2>You are here:</h2>
>         <div class="container">
>             <ol class="breadcrumb">
>                 <li><a href="https://www.canada.ca/en.html">Canada.ca</a></li>
>                 <li><a href="https://www.nrcan.gc.ca/home">Natural Resources Canada</a></li>
>                 <li><a href="https://www.chis.nrcan.gc.ca/index-en.php">Canadian Hazardous Information Service</a></li>
>                 <li><a href="http://wcda.pgc.nrcan.gc.ca/wcda3/index-eng.php">WCDA GNSS Network</a></li>
>                 <li><a href=http://wcda.pgc.nrcan.gc.ca/wcda3/wcdaintro-eng.php>WCDA Overview</a></li>            
>             </ol>
>         </div>
>     </nav>
> </header>
> 	<div class="container">
> 		<div class="row">
> 			<!-- NAVIGATION MENU STARTS -->
> 			<nav class="col-md-3" typeof="SiteNavigationElement" id="wb-sec" role="navigation">
>     <section class="list-group menu list-unstyled">
>         <h3><a>WCDA Information</a></h3>
>         <ul class="list-group menu list-unstyled">
>             <li><a href="wcdaintro-eng.php" class="list-group-item">Overview</a></li>
>             <li><a href="wcdamap-eng.php" class="list-group-item">Stations’ Status Map</a></li>
>             <li><a href="ftp://wcda.pgc.nrcan.gc.ca/pub/gpsdata/rinex/" class="list-group-item">GNSS Data</a></li>
>         </ul>
>         <h3><a>Special projects</a></h3>
>         <ul class="list-group menu list-unstyled">
>             <!--
>             <li><a href="etsmon-eng.php" class="list-group-item">ETS Monitor</a></li>
>             <li><a href="tams-eng.php" class="list-group-item">TAMS Reports</a></li>
>             -->
>             <li><a href="internal-eng.php?w=wave" class="list-group-item">Tsunami Warning</a></li>
>             <li><a href="internal-eng.php?w=dmon" class="list-group-item">Data Monitor</a></li>
>             <li><a href="internal-eng.php?w=sims" class="list-group-item">S.I.M.S. Tool</a></li>
>             <li><a href="internal-eng.php?w=plot" class="list-group-item">GNSS Time Series</a></li>
>         </ul>
>         <h3><a>Links</a></h3>
>         <ul class="list-group menu list-unstyled">
>             <li><a href="http://gsc.nrcan.gc.ca/geodyn/index_e.php" class="list-group-item">Geodynamics</a></li>
>             <li><a href="http://earthquakescanada.nrcan.gc.ca/index_e.php" class="list-group-item">Earthquakes Canada</a></li>
>             <li><a href="http://gsc.nrcan.gc.ca/org/sidney/index_e.php" class="list-group-item">GSC Pacific - Sidney</a></li>
>             <li><a href="http://gsc.nrcan.gc.ca/org/pacific/index_e.php" class="list-group-item">GSC Pacific</a></li>
>             <li><a href="http://ess.nrcan.gc.ca/index_e.php" class="list-group-item">Earth Science Sector</a></li>
>         </ul>
>     </section>
> </nav>			<!-- NAVIGATION MENU ENDS -->
> 
> 			<!-- CONTENT BEGINS | DEBUT DU CONTENU -->
> 			<main role="main" class="col-md-9" id="we-auto-4">
> 				<h1>Overview on the Western Canada Deformation Array (WCDA)</h1>
> 				<p>
> 					The <a href="http://wcda.pgc.nrcan.gc.ca/wcda3/wcdamap-eng.php">Canada Deformation Array (WCDA)</a> was a
> 					permanent Global Navigation Satellite System (GNSS) Tracker Network established by the
> 					<a href="https://www.nrcan.gc.ca/science-data/science-research/earth-sciences/geological-survey-canada/17100">Geological
> 						Survey of Canada (GSC)</a> as part of the Canadian National Earthquake Hazards Program.
> 					Specifically, the array is used to investigate crustal deformation in south western British
> 					Columbia as part of a comprehensive multi-disciplinary study of seismic hazard in the densely
> 					populated area of the Lower Mainland and Vancouver Island.
> 				</p>
> 
> 				<p>
> 					Southwestern British Columbia (lower mainland and Vancouver Island) is located on the western
> 					edge of the North American Plate on top of the actively subducting Juan de Fuca Plate (Cascadia
> 					subduction zone). Central Vancouver Island has experienced two large (Magnitude>7) earthquakes
> 					this century, west of Courtenay 1946 M 7.3 and south of Gold River 1918 M 7.0. It is also well
> 					established that the Cascadia Region has experienced giant thrust earthquakes of magnitude 
> 					greater than 8 every few centuries. During the present inter-seismic period (i.e. the period
> 					between the giant thrust earthquakes), this region is experiencing gradual build-up of crustal
> 					strain evidenced by the deformation of the earth's crust.
> 				</p>
> 
> 				<p>
> 					As part of the Canadian National Earthquake Hazards program, the Geological Survey of Canada in
> 					cooperation with the 
> 					<a href="https://www.nrcan.gc.ca/maps-tools-publications/tools/geodetic-reference-systems/canadian-spatial-reference-system-csrs/9052">Canadian Geodetic Survey (CGS)</a>
> 					embarked on a program of crustal deformation
> 					measurements in 1981 in order to monitor present horizontal strain in the northern end of the
> 					Cascadia Subduction zone. Measurements of accumulating horizontal strain have been obtained
> 					through repeated laser-ranging and/or GPS surveys of four geodetic control networks. Early results
> 					from these surveys indicated shear-strain rates ranging from 0.05 to 0.23 ppm per year within the
> 					networks, results consistent with models of a locked subduction zone. However, these estimates
> 					are spatially and temporally isolated since they lack a continuous and precise common fiducial
> 					framework. To address this problem, a continuous automated network of regional GPS tracking
> 					stations called the Western Canada Deformation Array (WCDA) has been established. The network
> 					spans the most seismically active and most densely populated region in western Canada. The first
> 					site to be installed was DRAO (Penticton, B.C.) in 1991; since then an additional 28 sites have
> 					been brought online to address several crustal deformation and global change problems in western
> 					and central Canada.
> 				</p>
> 
> 				<p>
> 					In June of 2017, the operation of the WCDA network was transferred to
> 					<a href="https://chis.nrcan.gc.ca/index-en.php">Canadian HazardsInformation Service (CHIS)</a>
> 					, who operates the Canadian National Seismic Network (CNSN) 
> 					across Canada to monitor and report earthquakes and performs other monitoring functions to
> 					provide the hazard information and products on an ongoing base and in response to emergency
> 					situations from the natural disasters. The WCDA network has since expanded to 35 stations with
> 					more stations collocated with seismic stations, and its mandates have expanded to facilitate better
> 					monitor and report earthquakes.
> 				</p>
> 
> 				<p>
> 					Each WCDA site is equipped with a dual frequency, geodetic quality GPS or Global Navigation
> 					Satellite System (GNSS) receiver, atomic frequency standard, high speed data communication
> 					and an uninterruptible power supply. To ensure long-term reference point stability, each site is
> 					carefully monumented with a forced centered concrete pier solidly anchored in bedrock. The
> 					GPS or GNSS antenna is mounted on top of the pier using a specially constructed aluminum base
> 					which permits antenna alignment and tracks GPS, GLONASS, Galileo and BeiDou satellites.
> 				</p>
> 
> 				<p>
> 					Data from select WCDA sites are forwarded automatically (upon validation) to the
> 					 <a href="https://www.nrcan.gc.ca/maps-tools-publications/maps/data/10923#cacs">
> 					Canadian Active Control System (CACS)</a>
> 					and to the <a href="http://www.igs.org/network">International GPS Service for Geodynamics (IGS)</a>.
> 				</p>
> 
> 			</main>
> 			<!-- CONTENT ENDS | FIN DU CONTENU -->
> 		</div>
> 	</div>
> 
> 	<!-- FOOTER BEGINS | DEBUT DU PIED DE LA PAGE -->
> 	<footer id="wb-info">
> 		<div class="landscape">
> 			<nav class="container wb-navcurr">
> 				<h2 class="wb-inv">About government</h2>
> 				<ul class="list-unstyled colcount-sm-2 colcount-md-3">
> 					<li><a href="https://www.canada.ca/en/contact.html">Contact us</a></li>
> 					<li><a href="https://www.canada.ca/en/government/dept.html">Departments and agencies</a></li>
> 					<li><a href="https://www.canada.ca/en/government/publicservice.html">Public service and military</a></li>
> 					<li><a href="https://www.canada.ca/en/news.html">News</a></li>
> 					<li><a href="https://www.canada.ca/en/government/system/laws.html">Treaties, laws and regulations</a></li>
> 					<li><a href="https://www.canada.ca/en/transparency/reporting.html">Government-wide reporting</a></li>
> 					<li><a href="https://pm.gc.ca/eng">Prime Minister</a></li>
> 					<li><a href="https://www.canada.ca/en/government/system.html">How government works</a></li>
> 					<li><a href="https://open.canada.ca/en/">Open government</a></li>
> 				</ul>
> 			</nav>
> 		</div>
> 		<div class="brand">
> 			<div class="container">
> 				<div class="row">
> 					<nav class="col-md-9 col-lg-10 ftr-urlt-lnk">
> 						<h2 class="wb-inv">About this site</h2>
> 						<ul>
> 							<li><a href="https://www.canada.ca/en/social.html">Social media</a></li>
> 							<li><a href="https://www.canada.ca/en/mobile.html">Mobile applications</a></li>
> 							<li><a href="https://www1.canada.ca/en/newsite.html">About Canada.ca</a></li>
> 							<li><a href="https://www.canada.ca/en/transparency/terms.html">Terms and conditions</a></li>
> 							<li><a href="https://www.canada.ca/en/transparency/privacy.html">Privacy</a></li>
> 						</ul>
> 					</nav>
> 					<div class="col-xs-6 visible-sm visible-xs tofpg"> <a href="#wb-cont">Top of Page <span class="glyphicon glyphicon-chevron-up"></span></a> </div>
> 					<div class="col-xs-6 col-md-3 col-lg-2 text-right"> <img src="https://wet-boew.github.io/themes-dist/GCWeb/assets/wmms-blk.svg" alt="Symbol of the Government of Canada"> </div>
> 				</div>
> 			</div>
> 		</div>
>     </footer>
>     
>     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
> 	<script src="https://wet-boew.github.io/themes-dist/GCWeb/wet-boew/js/wet-boew.min.js"></script>
> 	<script src="https://wet-boew.github.io/themes-dist/GCWeb/js/theme.min.js"></script>	<!-- FOOTER ENDS | FIN DU PIED DE LA PAGE -->
> </body>
> <!-- InstanceEnd -->
> 
> </html>

Adam-Makaoui · 2021-03-25T17:23:47Z

Adam-Makaoui
Mar 25, 2021
Author

Bad result via local theme.min.css reference:

Good result via remote (canada.ca) theme.min.css reference:

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Problem using theme.min.css (screenshots in comments) #9074

{{title}}

Replies: 1 comment

{{title}}

Select a reply

Problem using theme.min.css (screenshots in comments) #9074

Adam-Makaoui Mar 25, 2021

Replies: 1 comment

Adam-Makaoui Mar 25, 2021 Author

Adam-Makaoui
Mar 25, 2021

Adam-Makaoui
Mar 25, 2021
Author