/* tbwiki mobile style
 *
 * Copyright (c) 2020 by Tim Bird
*/

/* text-size-adjust: none; */

html * { max-height:1000000px; }

/* * {
   font-family: Times New;
   font-size: 28pt;
}
*/

body {
   background-color: #eeeeee;
   color: #000000;
   font-family: Times New;
   font-size: 28pt;
   margin-right: 0px;
   margin-left: 4px;
}

h1,h2,h3,h4,h5 {
   font-family: Helvetica;
}

h1 {
   font-size: 36pt;
   font-weight: normal;
   padding-bottom: 4px;
   border-bottom: 2px solid #c0c0c0;
}

h2 {
   font-size: 32pt;
   font-weight: normal;
}

h3 {
   font-size: 28pt;
}

h4 {
   font-size: 24pt;
}

.content {
   background-color: #ffffff;
   font-family: Times New;
   font-size: 28pt;
}

.section_edit_link {
   font-size: 20pt;
}

.site_title h1 {
   display: inline;
   font-size: 36pt;
   font-weight: bold;
   padding-bottom: 4px;
}

.page_title h1 {
   font-size: 36pt;
   font-weight: bold;
   padding-bottom: 4px;
   border-bottom: 2px solid #c0c0c0;
}

.index {
   margin-left: 40pt;
}

.index h4 {
   font-size: 28pt;
   border-bottom: 4px solid #4040ff;
   margin-bottom: 4px;
}

.toc {
   display: table;
   width: 0%;
   margin-left: 40pt;
   margin-right: auto;
   padding-right: 15px;
   background-color: #ffffe0;
   border: 4px solid #ffffb0;
   font-family: Helvetica;
   font-size: 22pt;
}

/**********************************************
 * overall (mobile) layout is:
 * 
 * +----main------------------------------+
 * | site_title nav_bar_bar               |
 * | +--- article---------------------+   |
 * | |+---actionbar--------+          |   |
 * | ||                    |          |   |
 * | |+--------------------+          |   |
 * | |+---content----------+          |   |
 * | || page_title         |          |   |
 * | || message            |          |   |
 * (end of header)
 * | ||                    |          |   |
 * | ||   rendered         |          |   |
 * | ||     page           |          |   |
 * | ||                    |          |   |
 * (start of footer)
 * | ||                    |          |   |
 * | || message            |          |   |
 * | |+--------------------+          |   |
 * | |login_form_nobr search_form_nobr|   |
 * | +--------------------------------+   |
 * +--------------------------------------+
 * 
 * The mobile layout has no tools or trail_bar
 */

/**********************************************
 * sidebar stuff
 */

.sidebarcol {
   vertical-align: top;
   width: 130px;
}

.sidebar table {
   background-color: #ffffff;
   border: 1px solid #808080;
   margin-right: 5px;
   width: 100%;
}

#search_table {
   border: 0px;
}

.sidebar ul {
   list-style-type: square;
   list-style-color: green;
   list-style-position: inside;
   font-size: 20pt;
   padding-left: 5;
}

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

.nav_bar_bar * {
   display: inline;
   margin-right: 5px;
   margin-bottom: 6px;
   font-size: 28pt;
}

/**********************************************
 * actionbar stuff
 */

/*
A.actionbar:link {
   color: red;
}

A.actionbar:visited {
   color: red;
}
*/

.actionbar td {
   text-align: center;
}

.actionbar table {
   width: 100%;
   background-color: #ffffff;
   border-collapse: collapse;
   margin-bottom: 0px;
/*   border: 2px solid yellow; */
}

.gap {
/*  background-color: none; */
   border-bottom: 2px solid #808080;
   border-top: 0px none;
   border-left: 0px none;
   border-right: 0px none;
}

.inactivetab {
   background-color: #ffffff;
   padding-left: 3px;
   padding-right: 3px;
   border: 2px solid #808080;
   font-size: 28pt;
}

.activetab {
   background-color: #ffffff;
   padding-left: 3px;
   padding-right: 3px;
   border: 2px solid #c0c080;
   border-bottom: 0px none;
   font-weight: bold;
   font-size: 28pt;
}

.activetab td {
   background-color: #ffffff;
}

.main {
   width: 100%;
   border-collapse: collapse;
/*  border: 2px solid green; */
}

.main td {
   margin-top: 0px;
   margin-bottom: 0px;
   vertical-align: top;
/*  border: 2px solid green; */
}


.article {
   width: 100%;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;
   border-collapse: collapse;
/*  border: 2px solid red; */
}

.article td {
   padding-top: 0px;
   padding-bottom: 0px;
/*  border: 2px solid red; */
}


.content {
   border-left: 2px solid #808080;
   border-bottom: 2px solid #808080;
   padding: 4px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
}

.content table {
   font-size: 28pt;
}


/**********************************************
 * edit_help stuff
 */
.edit_help_table {
   background-color: #e0ffe0;
   border: 4px solid #b0ffb0;
}

.edit_help * {
   font-size: 22pt;
}

.help_def {
   font-family: Helvetica;
   font-weight: bold;
   font-size: 20pt;
}