based. So this defines a table in which the primary site content will appear. */ width: 100%; } .tdleft { /* table based layout. Left column attributes, if any */ } .tdright { /* table based layout. Right column attributes, if any, set width larger if used */ width: 0px; } .content { /* the actual content area of a page */ background-color: white; border: 10px solid white; margin: 0; margin-left: 50px; padding-right: 50px; } .contenthead { /* optional: used on index/home pages upper part of content. Perhaps an intro or something */ text-align: center; font-size: xx-large; } .contentbody { /* content on the index page */ } .contentfoot { /* optional: lower part of content on a page. */ text-align: center; } .menubar { /* next/main/prev menu bar placed at the top of some pages under the header. Typically only archive pages */ } .entrybody { /* the MT "Body" of an entry on an entry archove page. */ } .entrymore { /* the MT "More/Extended" of an entry on an entry archove page. */ } .sidebar { /* a column, typically to the right of the content, that contains assorted items like nav, features or whatnot. Inside of tdright, for example, in a table-based layout. Floats right in a div based layout. */ } .sideitemhead { /* a header for an item or section in the sidebar */ } .sideitem { /* an item or section in the sidebar */ } .sidesearch { /* intended to contain contains the (optional) search function in the sidebar */ text-align: center; } .footer { /* typically rectangular area at the bottom of every page. If right/left are use, follows same general caveats as .header, above */ text-align: center; background-color: white; } .footerleft { /* optional - "stuff" to be placed on the left side of the footer */ } .footerright { /* optional - "stuff" to be placed on the left side of the footer */ } /*** custom classes for specific items */ /* These are kind of "use as you see fit" examples of ways that classes might be used to keep a lot of layout specifics out of the content. */ .abstract { /* summary or abstract box at the top of entries - might modify the entry template to include the MT Entry Excerpt in this a the top of every page */ } .adblockincontent { /* (Typically) Google Ad Block placed within index page content */ background-color: #ffffff; float:left; margin-bottom: 20px; margin-right: 20px; padding-right: 20px; } .adblockskyscraper { background-color: #ffffff; float:right; margin-bottom: 20px; margin-left: 20px; padding-left: 20px; } .adblockinentrycontent { /* (Typically) Google Ad Block placed within entry archive page content */ background-color: #ffffff; float:left; text-align: center; } .adblockbelowcontent { /* Google Ad Block placed underneath content (all pages by default) */ background-color: #ffffff; } .entrydateheader { /* the date line, typically on the index page */ font-weight: bold; } .entrytitle { /* title line, typically on the index page */ font-size: 15px; font-weight: bold; } .entrymorelink { /* the link to the rest of the entry, typically on index page. May also include the static text with the link */ margin-bottom: 0; } .entrybyline { /* date stamp or whatever at bottom of an entry */ margin-top: 0; } /* Comments are optional. If the site does not accept comments, then these can be safely removed (as can the reference to the comment module and supporting javascript from the entry template) */ .comments-head { /* the heading into the comments section */ font-size: xx-large; font-weight: bold; margin-top: 40px; } .comments-body { /* an entire comment in the comment listing */ border-bottom: 2px solid gray; margin-bottom: 10px; padding-bottom: 10px; } /* Often sites will include embedded images. Using these types of classes for positioning, all the image need specify in addition is style="width: NNNpx" */ .rightimage { float: right; margin-left: 10px; margin-bottom: 10px; } .centerimage { text-align: center; } .rightimage img, .centerimage img { border: 1px solid #0c4599; } /* *** geekly utility classes */ /* Hidden/Visible * these classes are used to hide the "Submit" button when comments are * submitted. */ .clHidden { /* visibility: hidden; */ display: none; } .clVisible { /* visibility: visible; */ display: block; }