/*

stylesheet.css

Stylesheet for http://code.stephenmorley.org/

Created by Stephen Morley - http://code.stephenmorley.org/ - and released under
the terms of the CC0 1.0 Universal legal code:

http://creativecommons.org/publicdomain/zero/1.0/legalcode

*/

# body,
li{
  padding:0;
  margin:0;
 #font-family:Georgia,Utopia,Charter,'Droid Serif','Times New Roman',Times,serif;
  font-family:verdana,Utopia,Charter,'Droid Serif','Times New Roman',Times,serif;
  line-height:1em;
}
  /* Georgia for Windows/MacOS */
  /* Utopia/Charter for Linux  */
  /* Droid Serif for Android   */
  /* Times New Roman/Times as back-ups */

a{
  color:rgb(153,204,102);
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

button{
  background:transparent;
  border:0;
  margin:0;
  padding:0;
  font-size:1em;
  cursor:pointer;
}

/* prevents Firefox from adding space around the button */
button::-moz-focus-inner{
  padding:0;
  border:0;
}

button span{
  display:block;
  border-radius:8px;
  border:1px solid rgb(115,153,77);
}

button span span{
  padding:0 8px;
  border-radius:7px;
  border:1px solid rgb(204,230,179);
  background:rgb(153,204,102);
  background-image:        linear-gradient(rgb(178,217,140),rgb(153,204,102));
  background-image:   -moz-linear-gradient(rgb(178,217,140),rgb(153,204,102));
  background-image:-webkit-linear-gradient(rgb(178,217,140),rgb(153,204,102));
  background-image:     -o-linear-gradient(rgb(178,217,140),rgb(153,204,102));
  color:white;
  text-shadow:0 0 2px rgb(115,153,77);
  font-family:Georgia,Utopia,Charter,'Droid Serif','Times New Roman',Times,serif;
  line-height:1.5em;
}

code{
  font-family:Consolas,'Courier New',Courier,monospace;
}

dd{
  margin:0;
  padding:0 0 0 1.5em;
}

dl{
  margin:0 1.5em 1.5em;
  padding:0;
}

dl dl,
dl ol,
dl ul,
ol dl,
ol ol,
ol ul,
ul dl,
ul ol,
ul ul{
  margin-right:0;
  margin-bottom:0;
}

dt{
  margin:0;
  padding:0;
  font-style:italic;
}

form{
  margin:0;
  padding:0;
}

li{
  margin:0;
  padding:0;
}

ul{
  margin:0 1.5em 1.5em 2.5em;
  padding:0;
}

/* general classes ************************************************************/

.navigationRow{
  height:48px;
  margin:0 0 1.5em;
}

.navigationRow img{
  display:block;
  float:left;
  margin-right:0.5em;
}

.navigationBlockLeft{
  width:300px;
  float:left;
}

.navigationBlockRight{
  width:300px;
  float:right;
}

.number{
  text-align:right;
}

.imageContainer{
  margin:0 0 1.5em;
  text-align:center;
  overflow:auto;
  /* setting the position prevents headings from covering the scroll bar */
  position:relative;
}

.codeListing{
  margin:0 0 1.5em 1.5em;
}

table .codeListing{
  margin:0;
}

.codeListing td,
.codeListing th{
  vertical-align:top;
}

.footnotes li{
  margin-top:-64px;
  padding-top:64px;
}

.formattedTable{
  /* setting the position prevents headings from covering the last rows */
  position:relative;
}

.formattedTable th,
.formattedTable td{
  border:1px solid white;
}

.formattedTable th{
  background-color:rgb(153,204,102);
  color:white;
  text-shadow:0 0 2px rgb(115,153,77);
}

.formattedTable tr:nth-child(odd){
  background-color:rgb(242,249,236);
}

.formattedTable tr:hover{
  background-color:rgb(230,243,217);
}

.formattedTable tr:hover a{
  color:rgb(115,153,77);
}

.formattedTable tr:hover a:visited{
  color:rgb(77,102,51);
}

.buttonContainer{
  text-align:center;
}

/* syntax highlighting ********************************************************/

.codeListing td:first-child{
  padding-left:0;
}

.codeListing td:last-child{
  padding-right:0;
}

.codeListing .comment{
  color:#666;
  font-style:italic;
}

.php .keyword{
  color:#c06;
}

.php .literal{
  color:#c60;
}

.php .function{
  color:#6c0;
}

.php .userFunction,
.php .userClass{
  color:#0c6;
}

.php .variable{
  color:#06c;
}

.php .constant{
  color:#60c;
}

.javascript .keyword{
  color:#c06;
}

.javascript .literal{
  color:#c60;
}

.javascript .function,
.javascript .builtIn{
  color:#6c0;
}

.javascript .userFunction{
  color:#0c6;
}

.javascript .variable{
  color:#06c;
}

.javascript .constant{
  color:#60c;
}

.html .attribute{
  color:#c06;
}

.html .value{
  color:#c60;
}

.html .element{
  color:#6c0;
}

.css .property{
  color:#c06;
}

.css .value{
  color:#c60;
}

.css .elementSelector{
  color:#6c0;
}

.css .classSelector{
  color:#06c;
}

.css .idSelector{
  color:#60c;
}

.java .keyword{
  color:#c06;
}

.java .literal{
  color:#c60;
}

.java .package,
.java .class{
  color:#6c0;
}

.java .method{
  color:#0c6;
}

.java .variable{
  color:#06c;
}

.java .constant{
  color:#60c;
}

/* header *********************************************************************/

/* content ********************************************************************/

/* navigation *****************************************************************/

/* sidebars *******************************************************************/

/* navigation bar *************************************************************/

/* twitter button *************************************************************/

#twitterButton{
  position:absolute;
  top:8px;
  left:448px;
  border:1px solid rgb(115,153,77);
  border-radius:16px;
  background:rgb(153,204,102);
  background-image:        linear-gradient(rgb(178,217,140),rgb(153,204,102));
  background-image:   -moz-linear-gradient(rgb(178,217,140),rgb(153,204,102));
  background-image:-webkit-linear-gradient(rgb(178,217,140),rgb(153,204,102));
  background-image:     -o-linear-gradient(rgb(178,217,140),rgb(153,204,102));
  box-shadow:0 0 8px rgba(0,0,0,0.25);
}

#twitterButton a{
  display:block;
  width:28px;
  height:28px;
  border:1px solid rgb(204,230,179);
  border-radius:15px;
  background:url('/images/twitter-icon.png') no-repeat center center;
  text-decoration:none;
}

/* expand/collapse button *****************************************************/

#collapseButtonContainer{
  position:absolute;
  top:8px;
  left:-480px;
  border:1px solid rgb(115,153,77);
  border-radius:16px;
  background:rgb(153,204,102);
  background-image:        linear-gradient(rgb(178,217,140),rgb(153,204,102));
  background-image:   -moz-linear-gradient(rgb(178,217,140),rgb(153,204,102));
  background-image:-webkit-linear-gradient(rgb(178,217,140),rgb(153,204,102));
  background-image:     -o-linear-gradient(rgb(178,217,140),rgb(153,204,102));
  box-shadow:0 0 8px rgba(0,0,0,0.25);
}

#collapseButton{
  width:28px;
  height:28px;
  border:1px solid rgb(204,230,179);
  border-radius:15px;
  text-decoration:none;
  text-align:center;
  cursor:pointer;
}

#collapseArrow{
  margin:6 0px;
}

 .treeView{
   -moz-user-select:none;
   position:relative;
 }

 .treeView ul{
   margin:0 0 0 -1.5em; /* used to be "0 0 0 1.5em"; changed: zhiliang */
   padding:0 0 0 1.5em;
 }

 .treeView ul ul{
   background:url('/share/js/collapsible-lists/list-item-contents.png') repeat-y left;
 }

 .treeView li li{
   background-image:url('/share/js/collapsible-lists/list-item.png');
   padding-left:1.5em;
   padding-top:0.1em;     /* added by Zhiliang (Sept 19, 2017) */
   margin-bottom:-0.1em;  /* added by Zhiliang (Sept 19, 2017) */
 }

 .treeView li.collapsibleListOpen{
   list-style-image:url('/share/js/collapsible-lists/button-open.png');
   cursor:pointer;
 }

 .treeView li.collapsibleListOpen.lastChild{
   background-image:url('/share/js/collapsible-lists/list-item-last-open.png');
 }

.treeView li{
   background:url('/share/js/collapsible-lists/list-item-root.png') no-repeat top left;
   list-style-position:inside;
   list-style-image:url('/share/js/collapsible-lists/button.png');
   margin:0em;
   padding:0em;
   cursor:auto;
 }

 .treeView li.collapsibleListClosed{
   list-style-image:url('/share/js/collapsible-lists/button-closed.png');
   cursor:pointer;
 }

 .treeView li.lastChild > ul{
   background-image:none;
 }
 .treeView li.lastChild{
   background-image:url('/share/js/collapsible-lists/list-item-last.png');
 }

 .treeView li.collapsibleListOpen{
   background-image:url('/share/js/collapsible-lists/list-item-open.png');
 }