TB Wiki

mobile.css

/* tbwiki mobile style *

/* 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; }