/***--- Changelog


/***********************************************************************************
** apex.css
**  Copyright 2020 Kirk Siqveland (Kirk@CyberTamer.com)
**  This file is one of several Skin files for PmWiki; you may redistribute it 
**  and/or modify it under the terms of the GNU General Public License as 
**  published by the Free Software Foundation; either version 2 of the License, 
**  or (at your option) any later version.  See pmwiki.php for full details.
***********************************************************************************/

/***********************************************************************************
**                C U S T O M I Z A T I O N :
**
**  You will need to customize the skin with your image URLs in the
**  LOCALIZE.css file:
**
**  body             - background-image:
**  #wikisidebar     - background-image:
**
**  You can also add any other modifications you like there, leaving
**  This file alone, START_HERE.css will override anything in this file
***********************************************************************************/

/* Instead  I'll try to group the main theme color references Here:
   These all use the same Highlight Color:
    #wikitop, #wikirule, #wikifoot           background:
    #wikimoto, #wikitext                     border-color:
*/

html  { height: 100%; }

body {
      background-color:                 #000000b3;
      margin:                           0px auto;
      height:                           100%;
      width:                            100%;
      font-size:                        100%;
      font-family:                      georgia, times,  palatino, serif;  
      overflow:                         auto;
}

img {
      max-width:                        100%;

  /*  /* -- This is a tweak to reshape Images I left in for you who like to tinker...
      height: calc(100% / 2);
      width:  calc(100% / 2);
      
      -webkit-clip-path: polygon(100% 0, 100% 95%, 95% 100%, 0 100%, 0 0);
      clip-path:         polygon(100% 0, 100% 95%, 95% 100%, 0 100%, 0 0);    

      webkit-clip-path: polygon(10% 0, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);
      clip-path:        polygon(10% 0, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);
*/
}

h1                  { font-size:         180%; color:#700501;}
h2                  { font-size:         150%; color:#700501;}
h3                  { font-size:         130%; color:#000000;}
h4, h5              { font-size:         100%; color:#700501;}
h1, h2, h3, h4, h5  { line-height:       1em;  padding-bottom: 3px; margin: 0;      }
h1, h2, h3, h4, h5  { font-family:       "Lucida Sans Unicode", "Lucida Grande", helvetica, arial,  sans-serif; }


hr { 
                    width:                80%;
                    height:               1px;  
                    padding-left:         15px;
                    border:               none;  
                    background-color:     #d80000; 
  }

pre {
                    background:           #f8f9ba;
                    border-top:           1px solid #666;
                    border-bottom:        1px solid #666;
                    padding:              10px;
                    font-family:          "Lucida Console", Monaco, monospace;
                    font-size:            90%;
                    width:                80%;
                    margin-left:          auto;
                    margin-Right:         auto;
}

br.clear      {     clear:                both;       } 

img.logoimage {     border:               0;          }

.rounded      {
                    border:                1px solid;
                    -webkit-border-radius: 1em;
                    -moz-border-radius:    10px;
                    border-radius:         10px;      }

.lastmod      {     font-style:            italic;
                    text-align:            center;    }

.fixedbar     {     position:              fixed;     }

.hidden       {     visibility:            hidden;    }

.features     {     width:                90%;
                    margin-left:          auto;
                    margin-Right:         auto;       }



  /*******************************************/
 /* Decoration here reflects the html order */
/*******************************************/

#wikitop {
                    position: 	           relative;
                    display:               block;
                    z-index:		           -1;  
                    height:   	           0.5em;
                    width:    	           100%; 
                    background: 	         #bb8c63;        }

#wikirule {
                    z-index:       	       0;
                    top:           	       0.5em; 
                    left:          	       0px;
                    /*min-height:    	       5.4em; */
                    width:         	       100%;
                    /*border-bottom: 	       1px solid #333;*/
                    background:    	       RGB(255,220,39,0.75);         
}

#wikirule:empty {   display:none;                           }


      #wikititlebar, #wikisubtitle{
                    position:               relative;
                    margin:                 0 auto;
                    padding:                10px;
                    padding-top:            12px;         
                    text-align:             center;
                    background: 	          none;
                    font-size:              133%;
                    font-family:            "Lucida Sans Unicode", "Lucida Grande", helvetica, arial,  sans-serif;
                    color: 			            black; 
                    display:                block;   
      }     

      #wikititlebar{    
                    font-size:              100%; 
                    padding-bottom:          3px;  
      }          


      /**************************/
      .wikicmds {
                    z-index:       	        20;        
                    margin-left:   	        auto ;
                    margin-right:  	        auto ; 
                    margin-bottom:          3px;    
                    text-align:             center;
                    text-transform:         uppercase;
                    background:             none;
                    font-family:            georgia, times,  palatino, serif;        
                    color:                  black;
      }
        .wikicmds ul         { list-style:        none; 
                               padding-left:      0; 
                               font-size:         100%;		                         }     
        .wikicmds li         { display:           inline;  
                               margin:            0px 5px; 			                   }
        .wikicmds li a       { text-decoration:   none;           color: black;    }
        .wikicmds li a:hover { text-decoration:   none;           color: #aa2d39;  }
	
      /*************************/   
      #footercmds{  width:                  100%;       }   

      /*************************/
      .wikinavbar {
                    position: 		          relative;
                    display:  		          block;
                    z-index:  		          20;  
                    width:    		          100%;        
                    margin:   		          auto;

                    padding-top:            2px;   
                    padding-bottom:         1px;     
                    font-size:              83%;   
                    text-align:             center;
                    font-family:            "Lucida Sans Unicode", "Lucida Grande", helvetica, arial,  sans-serif;
      }
        .wikinavbar a          { text-decoration: none;   color: black;     }
        .wikinavbar a:hover    { text-decoration: none;   color: #aa2d39;   }
        .wikinavbar ul         { list-style: 	    none;                   }
        .wikinavbar li         { display:         inline; margin: 0px 5px;  }
        .wikinavbar li a       { text-decoration: none;   color: black;     }
        .wikinavbar li a:hover { text-decoration: none;   color: #aa2d39;   }

      .wikinavbar:empty        { display:         none;                     }
      


      .moto    {    font-size: 		      180%;                    }
      .italics {    font-style: 	      italic;  font-size: 140%;}
      .subtext {    font-size: 		      100%;                    }
      /*************************/



#wikileft {
                  	float:              left;
                    text-align:         right;
                    width:              195px;
                    min-height:         200px; 
}

  /** The Scrim is not visible but it is used to hold a place for the logo while it is allowed to float **/
      #wikilogoscrim {
                    margin-top:         4px;  
                    position:           relative;
      }   
      #logoscrim{
                    opacity:            0.01;
                    filter:             alpha(opacity=01); /* For IE8 and earlier */
                    margin-top:         4px; 
                    top: 		            13px; 
                    left: 		          30px;
      }

      #wikilogo {
                    z-index: 	          1;
                    margin-top:         4px; 
                    top: 		            23px; 
                    left: 		          30px;
                    position: 	        fixed;
      }

      #wikisidemoto{
          text-align: center;
          font-size: 150%;
          font-family:            "Lucida Sans Unicode", "Lucida Grande", helvetica, arial,  sans-serif;
      }
      .selflink,.wikilink, .createlinktext{
          text-align: center;
          font-size: 110%;        
          font-family:            "Lucida Sans Unicode", "Lucida Grande", helvetica, arial,  sans-serif;
      }
      .selflink{          font-weight: bold;     }      
      /*.selflink::before { content: ">> ";}  */

   
      /*************************/
      #wikisidebar,#wikisidescrim{
                    position:           absolute;
                    width:              165px;
                    z-index:            11;
                    
                    top:                10px;

                    margin-left:        15px;
                    padding:            10px 10px 10px 10px;                      
                    border-top-right-radius: 18px 18px;
                    border-top-left-radius:  18px 18px; 
      }
      #wikisidescrim{
                    background:         rgb(0,0,0);
                    border:             4px double #000000;
                    height:             300px;
      }
      #wikisidebar {
                    background:         rgb(0,0,0,0.7);
                    border:             4px double #d80000;
                    min-height:         96%;

                    font-size:          80%;
                    color:              #ffea3c;                    
                    font-family: 	      georgia, times,  palatino, serif;
                    background-repeat:	no-repeat;
                    background-size:    100% 100%;                         
      }
      #wikisidebar a:hover, #groupbar a:hover, #splashbar a:hover { text-decoration:underline;                }
      #wikisidebar a,       #groupbar a,       #splashbar a       { text-decoration:none; color: #ffea3c;     }
      #wikisidebar ul,      #groupbar ul,      #splashbar ul      { list-style:none; padding:5px; margin:0px; }
      #wikisidebar li,      #groupbar li,      #splashbar li      { margin-top:4px;                           }


      #sitesidebar { 
                    position: 		      relative;
                    top:      		      10px;
      }

      .sidehead {
                    margin:             0px; 
                    padding:            4px 2px 2px 2px;
                    font-size:          11pt; 
                    font-weight:        bold; 
                    font-style:         normal; 
                    text-align:         center;
      }

      /*************************/


#wikibody {         
                    float:              left;
                    /*overflow:           auto; */
                    height:             100%;
}


      /****************************************************/
      /*  This is a Moto or sub-header Area of Every Page */
      /****************************************************/
      
      #wikimoto{
                    position:           relative;
                    top:                10px;
                    margin-top:         0px;        
                    margin-left:        auto;
                    margin-right:       auto;
                    margin-bottom:      20px;
                    padding:            30px 20px 30px 20px;
                    line-height:        130%;
                    border:             5px;
                    border-style:       solid;       
                    border-left:        1px solid #999;
                    border-right:       1px solid #999;
                    width:     		      calc(100% - 80px);
                    max-width:          1050px;

                    text-align:         right;
                    color: 			        #333;
                    background:         #fdfebf;
                    border-color:       #d80000;
                    border-top-right-radius:    50px 50px;
                    border-top-left-radius:     50px 50px;
                    border-bottom-right-radius: 10px 10px;
                    border-bottom-left-radius:  10px 10px;    
                    font-family:        georgia, times,  palatino, serif;
      }

      #wikimoto:empty   { display:          none;                   }      
      #wikimoto a       { text-decoration:  none;      color: #229; }
      #wikimoto a:hover { text-decoration:  underline; color: #229; }


    /*********************************************/
    /*  This is the Main Text Area of Every Page */
    /*********************************************/
      #wikitext {
                    position: 	  	relative;
                    top:	 	  	    20px;
                    margin-top:   	 0px;
                    margin-left:	  auto;
                    margin-right: 	auto;

                    padding:		    30px 20px 30px 20px;
                    line-height: 	  1.33em;
                    border:			    5px;
                    border-style: 	solid;
                    width: 			    calc(100% - 100px);
                    max-width:  	  1050px;
                    min-height:     calc(100% - 430px);

                    color: 			    #000000;

                    border-left:    1px solid #999;
                    border-right:   1px solid #999; 
                    background:     #fdfebf;
                    border-color:   #ad0f0f;

                    border-top-right-radius:    50px 50px;
                    border-top-left-radius:     50px 50px;
                    border-bottom-right-radius: 10px 10px;
                    border-bottom-left-radius:  10px 10px;                    
      }
      #wikitext a       { text-decoration: none;      color: #229; }
      #wikitext a:hover { text-decoration: underline; color: #229; }



  .ISframe  {
      width:          99% ; 
      height:        100% ;
      min-height:   840px ;
      overflow:      auto ;
      margin:         4px ; 
  }      
    /*************************/



  .pagegroup {      margin-top:10px;    font-size: 85%; } 
  .pagetitle {      margin-top: 2px;    font-size:180%; } 

#wikifoot {
                    position: 				  relative;
                    top:         				45px;
                    width:              100% ;
                    max-width:          1150px;                    
                    margin-left:				auto;
                    margin-right:				auto;
                    padding-top:        12px;  
                    text-align: 				center;
                    font-size:   				80%;
                    color:              #ffdc27;
                    font-family:        "Lucida Sans Unicode", "Lucida Grande", helvetica, arial,  sans-serif;
                    /*background:         #ffdc27; */
                    /* background-color:   #ffc800; */
                    background:         RGB(255,220,39,0.75); 

                    border-top-left-radius :	50px 15px;
                    border-top-right-radius:	50px 15px;  
}

#wikifoot:empty {   display: 	none; }

#footersearch   {   display: 	none; }

.lastmod{      
                    padding:            2px;  
                    color:              black;
}



 /*******************************************************************/
/*    Style for Edit Window               */
  #wikiedit form     { 	margin:	        0px; 				}     
  #wikiedit textarea { 	width: 	        99%; 				}

/*******************************************************************/



  /************************************************************/
 /*_______________ Responsive Page Sizing ___________________*/
/************************************************************/


@media screen and ( max-width:770px){

    img {             max-width:    90%;              }

    #wikititlebar { 	width:  100% ;              		}
    #wikisubtitle {   width:  100% ;                  }
    .wikicmds     { 	width:   100%;              		}

    #headernav, #headercmds, #footercmds    {
                    	width:         100%;   
                    	margin-left:    0px;           		
                      padding-bottom: 3px;            } 

    .wikinavbar   { 	display: block;             		}
    #wikileft     { 	display: none;              		}
    #wikibody     {		top:     110px;              
                    	width:   100%;             			}
    #wikimoto     { 	width:    92%;              		}
    #wikitext     { 	width:    90%;             			}
    #wikifoot     { 	width:    95%;              		}
}

@media screen and ( max-width:1024px){

   .wikinavbar    {   	display:        block;        }
   #footercmds    {   	width:          90%;          } 
   #wikiright     {   	display: 	      none;         }
   #wikifoot      {   	width:   	      95%;          }  
   #footersearch  {
                   	  	display:        block; 
                   	  	text-align:   	center;       }
}


@media screen and ( min-width:  770px){

    #wikititlebar, #wikisubtitle, #headernav, #headercmds {   
                      	width:        100% - 210px;      
                      	margin-left:  210px;                }   
    .wikinavbar   	{   display:      none;                 }
    #wikibody     	{   width:        calc(100% - 200px);   }
}


@media screen and ( min-width:  1024px){

    #wikititlebar, #wikisubtitle, #headernav, #headercmds {
                      	width:        calc(100% - 200px);
                      	margin-left:  210px;                }

    .wikinavbar   	{   display:      none;                 }                        
    #wikibody     	{   width:        calc(100% - 200px);   }
   
    #wikiright   	  {   display:      block;                }
    #wikifoot    	  {   width:        95%;            		  }  
    #footersearch 	{   display:      block; 
                        text-align:   center;               } 
}


@media print {

    body       		{   width:auto;
	                    margin:.5em							}

    #wikisearch		{   display: none;						}
    .wikicmds  		{   display: none;						}
    .wikinavbar		{   display: none;						}
    #logoscrim 		{   display: none; 						}  
    #wikileft  		{   display: none; 						}  
    #wikiright 		{   display: none; 						}

    #wikibody 		{	  width: 	 		100%;				  }
    #wikititlebar	{
	                    width: 	 		100%;							
	                	  text-align: center;				}
    #wikisubtitle {
                      width:      100%;             
                      text-align: center;       }                      
    #wikilogo  		{
	                    position:		absolute;
	                    z-index:		100 ;
	                    left: 		  15px;		
	                	  top: 			   5px;				  }      
}



    /*****************************************/
   /*_______________________________________*/
  /* For use with HTML Tables       	   */
 /*     to Make Tables look nice:         */
/*_______________________________________*/
table{
  border:                   1px solid black;
  border-collapse:          collapse;
}

  th{
    text-align:             left;
    border:                 1px solid black;  
    padding-left:           5px;
    padding-right:          5px; 
  }

  tr:nth-child(even){       background-color: #e6ccb3;  }
  tr:hover          {       background-color: #cc9766; }  

  tr:active{
    background-color:       #BBCF8B;
    color:                  #FFFF00;
  }   
    tr.selectedrow { 
      background-color:     green;
      color:                yellow;
    }  

  td{
    padding-left:           10px;
    padding-right:          10px; 
    cursor:                 pointer;
  } 

  
  .rowselect {display: 	none;}     
  /*______________________________________*/
 /****************************************/