/*-------------------------------------------------------------------------------------------------------
   file: z.css
purpose: z-index only, id/class from h.css, santa.css, snow.css
created: 2017-12-31 (rbody)
 *-------------------------------------------------------------------------------------------------------*/

.heart       { z-index: 2000; }  /* favorites, button on top of comments */
.robertbody  { z-index: 2000; }

/* main buttons */
#bSettings   { z-index: 1000; }
#topShow     { z-index: 1000; }   /* topmost, show top menubar */
#topClose    { z-index: 1000; }
#topSideShow { z-index: 1000; }   /* topmost, show side menubar */


/* menus */
.navbar    { z-index: 1000; }  /*  menubar, <nav class="navbar navbar-expand-lg" id="divNav"> */ /* #divNav2 { z-index:  1; } */

#divNavRight { z-index: 1000; }
#allTitles { z-index: 1000; }  /* submenu,  print "<script>" ."$('#allTitles').html( `".$aTitles."`);" ."</script>"; */

#divSettings   { z-index: 1000; }

.colcommon {  z-index: 100; }    /* function displayImages,   $classInner="colcommon col".$GLOBALS["colCount"];   */


/* snow, santa, falling leaves */
#leaves      { z-index: 10; }
.snowTop     { z-index: 10; }   /* #snow          */
.snowBack    { z-index: 0;    }   /*   set in jq.js */

#snow     {  } /* <div id="snow" class="hideMe"></div> */
#snow2    {  } /* <div id="snow" class="hideMe"></div> */
.santa    { z-index: 600; }     /* flying Santa */     /* h1 {  z-index: 999999; } h2 {  z-index: 999999999; } */



/* function pageTitle
$navStick='
<span class="badge bRightLeftClass" id="bRightLeft" title="">
  <div id="info"></div>
<span class="badge bNavClass" id="bNavStick" title="Lock toolbar in place">
  <span class="btn-warning fa-stack btn-lg navBtns"             style="padding: 0"> <i class="fa fa-eject fa-stack-1x"></i> </span>
</span>
  <span class="btn-warning fa-stack btn-lg navBtns" id="tTop"   style="padding: 0"> <i class="fa fa-arrow-circle-up fa-stack-2x"></i>    </span>
  <span class="btn-warning fa-stack btn-lg navBtns" id="tBot"   style="padding: 0"> <i class="fa fa-arrow-circle-down fa-stack-2x"></i>  </span>
  <span class="btn-warning fa-stack btn-lg navBtns" id="tLeft"  style="padding: 0"> <i class="fa fa-arrow-circle-left fa-stack-2x"></i>  </span>
  <span class="btn-warning fa-stack btn-lg navBtns" id="tRight" style="padding: 0"> <i class="fa fa-arrow-circle-right fa-stack-2x"></i> </span>
</span>
';
*/
.bNavClass       { z-index: 20; }
.bNavClassMobile { z-index: 20; }

.bRightLeftClass       { z-index: 500; }  /* nav buttons, <span class="badge bRightLeftClass" id="bRightLeft" title=""> */
.bRightLeftClassMobile { z-index: 500; }  /* mobile */





.newMajor { z-index: 2000; }
.newGroup {  z-index: 6001; }    /* New Photos: primary title, ."<div class='newGroup newMajor imgCurveTop'>$nowDate ... $locations ... $keywords ... $from</div>";
                                               secondary title, "<div class='newGroup b".$bg++." imgCurve'>$titleNow</div>"; */


.newPhotosLinksLoc { z-index: 10001; }



.newPhotosMajor { z-index: 9000; }





.rootPageCallerInner { z-index: 500; } /* index.html main page clicks,    print  "\n\n<div class='rootPageCallerInner imgCurve' style='display: inline-block;'>" */


                                                    /* .santa-house {z-index:300} .NorthPole {z-index:500;  } */