/**********************************
 * TITLE: Gila Screen Stylesheet  *
 * URI  : gila/gila-screen.css    *
 * MODIF: 2003-Apr-30 19:09 +0800 *
 **********************************/

/* Modified 28-March-2026 by Ted ROche to support DARK mode only
 * Requires update to 
 * Settings.php to add a $SITE['CSSscreenDark']
 * top.php to add the darkmode stylesheet to the top AFTER the primary stylesheet
 */

@media (prefers-color-scheme:dark) { /* If the dark scheme is specifically requested: */

  body {
  color: white;
  background-color: black;
}

#page {
        color: white;
        background-color: dimgray;
}

/* ##### Header ##### */

#header {
  color: inherit;
  background-color: #3173B1;
}

.headerTitle a {
  color: dimgray;
  background-color: transparent;
}

.headerTitle span {
  color: dimgray;
  background-color: transparent;
}

.headerTemp {
  color: dimgray;
}

.subHeader {
  color: dimgray;
  background-color: #666666;
}

.subHeaderRight {
  color: dimgray;
  background-color: #666666;
}

.subHeader a {
  color: dimgray;
  text-decoration: none;
  font-weight: bold;
}

/* ##### Left Side Bar ##### */

.leftSideBar .sideBarTitle {
  color: dimgray;
  background-color: #3173B1;
}

.leftSideBar a {
  color: #336699;
  background-color: transparent;
}

.leftSideBar a:visited {
  color: #336699;
  background-color: transparent;
}

.leftSideBar a:hover {
  background-color: #3173B1;
  color: dimgray;
}

.leftSideBar .sideBarText {
  color: white;
  background-color: transparent;
}

.leftSideBar .thisPage {
  color: white;
  background-color: transparent;
}

/* ##### Main Copy ##### */

#main-copy {
  color: white;
  background-color: dimgray;
  border-left-color: rgb(216,210,195);
}

#main-copy-dark {
  color: dimgray;
  background-color: white;
  border-left-color: rgb(216,210,195);
}

#main-copy h1 {
  color: white;
  background-color: transparent;
  border-top-color: rgb(216,210,195);
}

#main-copy a {
  color: #336699;
  background-color: transparent;
}

.table-top {
  color: white;
  background-color: #96C6F5;
}

.column-dark {
  color: white;
  background-color: #F1F8FE;
}

.column-light {
  color: white;
  background-color: dimgray;
}

.watchBox {
  color: white;
  background-color: #FF9900;
  border-color: rgb(34,70,79);
}
#main-copy .watchBox a {
  color: blue;
}
#main-copy .watchBox a:hover {
  color: blue;
  background-color: inherit;
}

.advisoryBoxnoactive {
  color: white;
  background-color: dimgray;
  border-color: rgb(34,70,79);
}

.advisoryBox {
  color: white;
  background-color: #FFCC00;
  border-color: rgb(34,70,79);
}
#main-copy .advisoryBox a {
  color: blue;
}
#main-copy .advisoryBox a:hover {
  color: blue;
  background-color: inherit;
}

.warningBox {
  color: dimgray;
  background-color: #CC0000;
  border-color: rgb(255,255,255);
}
#main-copy .warningBox a {
  color: dimgray;
}
#main-copy .warningBox a:hover {
  color: dimgray;
  background-color: inherit;
}

.tornadowarningBox {
  color: dimgray;
  background-color: #CC0000;
  border: dimgray;
}
#main-copy .tornadowarningBox a {
  color: dimgray;
}
#main-copy .tornadowarningBox a:hover {
  color: dimgray;
  background-color: inherit;
}

/* ##### ajaxSidebar ##### */
.ajaxSidebar {
    background-color: dimgray;
}
.ajaxSidebar h2 {
        color: dimgray;
        background-color: #5B9AD2;
}

.ajaxSidebar .meas {
        color: white;
        background-color: dimgray;
        }
.ajaxSidebar .data {
        color: #3173B1;
        background-color: dimgray;
        }
.ajaxSidebar td {
         background-color: dimgray;
}
.ajaxDashboard .datahead {
        color:  dimgray;
        background-color: #3173B1;
}

/* BOOKMARK CONTINUE ON FROM HERE */

.ajaxDashboard .datahead2 {
		border-bottom-color: #CCCCCC;
        color:  dimgray;
        background-color: #3173B1;
}
.ajaxDashboard .data1 {
         color: white;
         border-bottom-color: #CCCCCC;
         background-color: dimgray;
}
.ajaxDashboard .data2 {
         color: white;
         background-color: dimgray;
}
.ajaxDashboard td {
         background-color: dimgray;
}


/* ##### Footer ##### */

#footer {
  color: white;
  background-color: #3173B1;
}

#footer a {
  color: lightblue;
  background-color: transparent;
}

#footer a:visited {
  color: orchid;
  background-color: transparent;
}

.jsuparrow {
background-color:#CDDBCD;
color:#22464F;
}

.jsupoutline {
background-color:#CDDBCD;
border-color: #2266AA;
}

/* WordPress additions for Weather Display PHP AJAX Templates */
/* Copy and paste all of this to the END of your CSS files */

/* Begin Sidebar */
#sidebar
{
	background-color: #F1F8FE;
	}

/* End Sidebar */


/* Begin Calendar */
	background-color: #fff; }
/* End Calendar */


#sidebar {
    color: white;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

/* Begin Blog Main Copy */
#blog-main {
  color: white;
  background-color: dimgray;
  border-left-color: rgb(216,210,195);
}

#blog-main-dark {
  color: dimgray;
  background-color: white;
}

#blog-main h1 {
  color: white;
  background-color: transparent;
}

#blog-main h2 {
  color: white;
  background-color: transparent;
}

#blog-main a {
  color: #336699;
  background-color: transparent;
}

/* Captions */

.wp-caption {
	border-color: #ddd;
	background-color: #f3f3f3;
}

/* End captions */

.thread-alt {
  color: white;
  background-color: #F1F8FE;
}

.thread-even {
  color: white;
  background-color: dimgray;
}

/* ##### mjc extra ##### */

.menuLinkSelectedhoriz {
background-color: #3173B1;
color: dimgray;
}

.menuLinkSelected {
background-color: #3173B1;
color: dimgray;
}

/* end of weather-screen-blue-narrow-dark.css */

/* ********************* MOVED TO WXMENU.CSS ********************* */
/* (caused havoc everywhere else, like the left sidebar.) */
/* style links outside domain to display arrow pointing upper-right out of box
 *
 * cite: https://christianoliff.com/blog/styling-external-links-with-an-icon-in-css/
 *
 */
/*a.external,
a[href^="http"]::after,
a[href^="https://"]::after
{
  content: "";
  width: 11px;
  height: 11px;
  margin-left: 4px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
  background-position: right;
  background-position-x: 90%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
}
*/
/* Exclude domains with the following: */
/*
a[href^="https://contoocook.org"].external::after
a[href^="https://contoocook.org"]::after
{
  display: none !important;
} */
 
} /* end dark mode */