note jdporter This node will only be of interest to [pmdev]. This node summarizes the current modes of implementing web page style on PerlMonks. Some is done with [wp://CSS] (attributes <tt>class</tt> and <tt>id</tt>), while some — entirely too much — is done using "hardcoded" stylistic controls such as <c></c>, <c>color</c> and <c>bgcolor</c>. I did this research for the purpose of determining where more conversions to CSS should be done. Ultimately, we may find that not all "hardcoded" styles can be converted to CSS. For example, a few pages achieve special gradient effects by calculating and embedding color numbers. It may turn out that such color gradients will be acceptable in any user color scheme; or, perhaps, the "control" numbers (i.e. color start and end points in a gradient) can be opened up for customization in the user's [Display Settings]. The task of determining what code does it which way could be approached from two ends: we could search the code nodes for occurrences of the <tt>bgcolor</tt> (etc.) strings, or we could fetch actual web pages and parse them for such things. The former approach has two problems: attributes are not inserted in code in a consistent way (for example, we might find <c>bgcolor='$color'</c> or <c>bgcolor = "#ff0000"</c> or the [mod://CGI]-style <c>{ -bgcolor => $bgcolor }</c>); and more critically, there is tons of "dead code". Not only do we not care about what dead code has, but very often it is difficult or impossible to tell which of several variants is the "good" one. Therefore, I have taken the approach of fetching web pages, and parsing them for relevant attributes. Below is an index of all the nodes I used in this survey. (Please note — this is in no way an index of interesting posts! You will not find any PMDs or Meditations here! And for this purpose, "posts" includes pages in the [PerlMonks FAQ] and the [Library].) Some node types (in particular, "posts" in the various sections, [PerlMonks FAQ|FAQ] and [Library]) are guaranteed to have invariant format, so for those types we only need one example of each. Since the idea is to illustrate every displayable node format, we don't list nodes of "indirect" types, such as [htmlcode]. <h3> [id://14|SuperDoc]: </h3> Since every SuperDoc is unique, we list them all. (Actually, not quite all. I have excluded those to which I am not permitted access, and those which have null or broken content/functionality.) I have grouped them by functional style/role. Postable "Sections": <ul> <li> [id://479|Seekers of Perl Wisdom] </li> <li> [id://480|Meditations] </li> <li> [id://481|Craft] </li> <li> [id://954|Tutorials] </li> <li> [id://1040|Perl Monks Discussion] </li> <li> [id://1044|Cool Uses for Perl] </li> <li> [id://1590|Perl Poetry] </li> <li> [id://1597|Obfuscated code] </li> <li> [id://1747|Code Catacombs] </li> <li> [id://1843|Categorized Questions and Answers] </li> <li> [id://1967|Snippets Section] </li> <li> [id://6345|Editor Requests] </li> <li> [id://7932|Quests] </li> <li> [id://21144|Reviews] </li> <li> [id://23771|Perl News] </li> <li> [id://148|Library] </li> <li> [id://23304|Book Reviews] </li> <li> [id://30794|Module Reviews] </li> <li> [id://21798|review reviews] </li> <li> [id://108658|pmdev task lister] </li> <li> [id://389873|Inner Scriptorium] </li> <li> [id://515165|SQLQuery List] </li> </ul> Settings: <ul> <li> [id://459|User Settings2] </li> <li> [id://1072|User Settings] </li> <li> [id://14444|Signature Settings] </li> <li> [id://17003|Pmdev Settings] </li> <li> [id://25181|Nodelet Orderer] </li> <li> [id://25185|Nodelet Settings] </li> <li> [id://50763|Theme Settings] </li> <li> [id://192270|Timezone Settings] </li> <li> [id://366609|Personal Nodelet Settings] </li> <li> [id://450961|Display Settings] </li> <li> [id://492690|RAT Style Settings] </li> <li> [id://492700|Free Nodelet Settings] </li> <li> [id://492848|Newest Nodes Settings] </li> <li> [id://512013|Message Settings] </li> <li> [id://14840|hintlaunchsetting] </li> </ul> Interactive functions: (These present a form of some kind) <ul> <li> [id://101|Create A New User] </li> <li> [id://109|Login] </li> <li> [href://?node_id=1677;displaytype=viewcode|new poll] (view code only; pollster tool) </li> <li> [id://1758|Add your code] </li> <li> [id://2513|What's my password?] </li> <li> [id://3333|Comment on] (get by starting to reply to a post) </li> <li> [id://3989|Super Search] </li> <li> [id://6364|Perl Monks User Search] </li> <li> [id://31673|Create a new review] </li> <li> [id://58951|Thread Management Page] </li> <li> [href://?node_id=60309;displaytype=viewcode|The editors' hall of mirrors and trickery] (view code only; janitor tool) </li> <li> [id://61675|add entries to vroom's book list] </li> <li> [id://108949|Scratch Pad Viewer] </li> <li> [id://153451|Dump node fields] </li> <li> [id://157620|Search internal code] </li> <li> [id://160975|Patch Lister] </li> <li> [id://160721|New Perl Monks User Search] </li> <li> [id://163868|just_chat] </li> <li> [id://171092|Modular Pascal's Triangle] </li> <li> [id://476393|Call for a Recount] (probably a [gods]-only function) </li> <li> [href://?node_id=483040;displaytype=viewcode|Update Master Faqlists] (caution: view code, as this does something immediately) </li> <li> [id://490460|Keyword Search] </li> <li> [id://491035|Retrieving a forgotten username or password] </li> <li> [id://541501|just_search] </li> <li> [id://649885|cpan module search] </li> </ul> Interactive results: (you would be brought here from somewhere else) <ul> <li> [id://102|Duplicates Found] </li> <li> [id://864|Search Results] (get by doing title search like [reg quest]) </li> <li> [id://2294|Permission Denied] </li> <li> [id://3544|Not found] (get by executing a failing title search) </li> <li> [id://42169|You need a title, sucka!] </li> <li> [id://42256|Duplicate Post Warning] </li> <li> [id://53641|Visit Reaped Nodes] (needs ID arg) </li> <li> [id://156536|notes tree] (takes a 'nid' arg)</li> </ul> Non-interactive results: (could change from one fetch to the next) <ul> <li> [id://110|user variables] </li> <li> [id://131|The Monastery Gates] </li> <li> [id://1609|Past Polls] </li> <li> [id://1642|Perlmonks Newlinks] </li> <li> [id://2072|Operating System Logs] </li> <li> [id://2519|Most Visited Nodes] </li> <li> [id://3557|Our Best Users] </li> <li> [id://3559|Saints in our Book] </li> <li> [id://3628|Newest Nodes] </li> <li> [id://9066|Best Nodes] </li> <li> [id://9488|Worst Nodes] </li> <li> [id://16082|ignored users] </li> <li> [id://16902|Recently Updated Home Nodes] </li> <li> [id://17245|Number of Monks by Level] </li> <li> [id://17468|Perl Monk's Best Users] </li> <li> [id://23288|Level Stats] </li> <li> [id://14597|list hints] </li> <li> [id://22573|Uncategorized Questions] </li> <li> [id://28877|Nodes to consider] </li> <li> [id://56087|borg's belly] </li> <li> [id://56885|Big Pretty Nodelist] </li> <li> [id://106927|Node lister] </li> <li> [id://158166|user image browser] </li> <li> [id://181079|approval log] </li> <li> [id://222879|Wikis of the world, unite!] </li> <li> [id://276421|Yesterday's most-visited nodes] </li> <li> [id://328478|Selected Best Nodes] </li> <li> [id://334039|Number of Monks by Level Experimental] </li> <li> [id://348715|showchatmessages in reverse] </li> <li> [id://386578|Type Tree] </li> <li> [id://397425|Recently Active Threads] </li> <li> [id://434853|Recent janitorial edits] </li> <li> [id://442755|Cabal Matrix] </li> <li> [id://482862|User Settings Statistics] </li> <li> [id://492844|Snippet Size Viewer] </li> <li> [id://524816|ticker stats] </li> </ul> Documents: (essentially static; might pull a small bit of data out of another relatively static record) <ul> <li> [id://153|The St. Larry Wall Shrine] </li> <li> [id://107|The Everything Tour] </li> <li> [id://5938|Voting/Experience System] </li> <li> [id://9953|Site How To] </li> <li> [id://11946|I want my picture back] (pulls data from [id://11923]) </li> <li> [id://17709|Apparel design entries] </li> <li> [id://26917|XP gained from getting a single node to rep of when norm is] </li> <li> [id://29195|Buy Stuff] </li> <li> [id://29281|Perl Monks Approved HTML tags] (pulls data from [approved html tags]) </li> <li> [id://42269|Perl Monks Site FAQ] </li> </li> <li> [id://71130|Offering Plate] </li> <li> [id://72241|What XML generators are currently available on PerlMonks?] </li> <li> [id://124107|Best Threads] </li> <li> [id://243116|PerlMonks Approved Chatter HTML Tags] (pulls data from [approved user chatter tags]) </li> <li> [id://396325|Recently Active Threads Faqlet] </li> </ul> Misc: <ul> <li> [id://14583|hinttestlauncher] </li> <li> [id://220674|new java chat client] </li> </ul> In [id://3184|fullpage chat], called with <c>displaytype=raw</c>: <ul> <li> [id://3193|ad_and_talk] </li> <li> [id://3200|showchatmessages] </li> <li> [id://50771|showotherusers] </li> <li> [id://50772|privatemessages] </li> </ul> <h3>[id://872|Mail]:</h3> <ul> <li> [id://975|new user mail]</li> <li> [id://2514|Password Mail]</li> <li> [id://3889|We've missed you at Perl Monks]</li> <li> [id://8571|Perl Monks: Sorry for the wait!!]</li> </ul> <h3>[id://122|FullPage]:</h3> <ul> <li> [id://448|Monastery Goats]</li> <li> [id://966|Land of Monks and Honey]</li> <li> [id://3184|fullpage chat]</li> <li> [id://17142|blankpage]</li> <li> [id://227820|send chatter]</li> <li> [id://349011|minipage chat]</li> <li> [id://349020|All Mouth and No Ears]</li> <li> [id://431883|chatterbox sidebar]</li> <li> [id://481181|chatterbox sidebar upper]</li> <li> [id://481185|chatterbox sidebar lower]</li> </ul> XML generators: <ul> <li> [id://15834|chatterbox xml ticker]</li> <li> [id://15851|other users xml ticker]</li> <li> [id://207304|New Chatterbox XML Ticker]</li> <li> [id://207894|Resource Index]</li> <li> [id://637899|section_rss]</li> <li> [id://634323|cpan module feed] (needs 'module' arg)</li> </ul> <h3>[id://17312|SectionContainer]:</h3> <ul> <li> [id://17316] </li> </ul> <c>SectionContainer</c>s are obsolete, but this one is interesting because it illustrates the use of the <c>.paneled</c> css class. <h3>[id://3|Document]:</h3> Documents do not have 'code', and the 'viewcode' displaytype does not work for them. AFAICT, there is no code (no dynamic content generation) behind any of these. In fact, most of the other displaytypes don't work for Document either. Therefore, these are listed for curiosity only; we couldn't fix them even if we found a problem. ([Gods] could, however.) <ul> <li> [id://2518|Awards]</li> <li> [id://7543|All About Perl Quests]</li> <li> [id://42273|What section should I put this in?]</li> <li> [id://61460|editor tools status]</li> <li> [id://596792|last hour of cb]</li> </ul> <hr/> We take one example of each of the following nodetypes: <table> <tr><th align=left>nodetype:</th><th align=left>example:</th></tr> <tr><td>[id://1|nodetype]</td><td>[id://13]</td></tr> <tr><td>[id://2|container]</td><td>[id://19]</td></tr> <tr><td>[id://5|htmlpage]</td><td>[id://59]</td></tr> <tr><td>[id://8|nodegroup]</td><td>[id://84]</td></tr> <tr><td>[id://9|nodelet]</td><td>[id://1063]</td></tr> <tr><td>[id://11|note]</td><td>[id://515]</td></tr> <tr><td>[id://15|user]</td><td>[id://846]</td></tr> <tr><td>[id://115|perlquestion]</td><td>[id://675748]</td></tr> <tr><td>[id://116|perlman]</td><td>[id://383]</td></tr> <tr><td>[id://118|data]</td><td>[id://842]</td></tr> <tr><td>[id://119|perlfunc]</td><td>[id://180]</td></tr> <tr><td>[id://120|perlmeditation]</td><td>[id://489]; [id://675748]</td></tr> <tr><td>[id://121|perlcraft]</td><td>[id://6638]</td></tr> <tr><td>[id://834|perlfaq nodetype]</td><td>[id://522]</td></tr> <tr><td>[id://866|dbtable]</td><td>[id://499694]; [href://?displaytype=index;node_id=499694|index]</td></tr> <tr><td>[id://868|maintenance]</td><td>[id://5829]</td></tr> <tr><td>[id://871|setting]</td><td>[id://937]</td></tr> <tr><td>[id://956|perltutorial]</td><td>[id://8076]</td></tr> <tr><td>[id://1021|perlexercise]</td><td>[id://994]</td></tr> <tr><td>[id://1022|perlsolution]</td><td>[id://995]</td></tr> <tr><td>[id://1036|monkdiscuss]</td><td>[id://1957]</td></tr> <tr><td>[id://1042|CUFP]</td><td>[id://10254]</td></tr> <tr><td>[id://1065|themesetting]</td><td>[id://1069]</td></tr> <tr><td>[id://1440|poll]</td><td>[id://1607]</td></tr> <tr><td>[id://1584|poem]</td><td>[id://1596]</td></tr> <tr><td>[id://1588|obfuscated]</td><td>[id://9341]</td></tr> <tr><td>[id://1748|sourcecode]</td><td>[id://2711]</td></tr> <tr><td>[id://1857|categorized question]</td><td>[id://1869]</td></tr> <tr><td>[id://1888|categorized answer]</td><td>[id://1905]</td></tr> <tr><td>[id://1980|snippet]</td><td>[id://2871]</td></tr> <tr><td>[id://2544|rawpage]</td><td>[id://2546|strikefear]</td></tr> <tr><td>[id://6347|request]</td><td>[id://458678] has one reply; something borked in the display code</td></tr> <tr><td>[id://7487|quest]</td><td>[id://17739]</td></tr> <tr><td>[id://14553|hint]</td><td>[id://15048]</td></tr> <tr><td>[id://17338|sitefaqlet]</td><td>[id://17558]</td></tr> <tr><td>[id://23614|perlnews]</td><td>[id://23773]</td></tr> <tr><td>[id://31663|modulereview]</td><td>[id://32245]</td></tr> <tr><td>[id://31670|bookreview]</td><td>[id://216772]</td></tr> <tr><td>[id://68046|wiki]</td><td>[id://73988|phantasma-wiki]</td></tr> <tr><td>[id://108652|devtask]</td><td>[id://108666]</td></tr> <tr><td>[id://112733|patch]</td><td>[id://116013]</td></tr> <tr><td>[id://118397|pmmodule]</td><td>[id://225341]</td></tr> <tr><td>[id://152612|rawdata]</td><td>[id://155759] these are user images</td></tr> <tr><td>[id://182711|scratchpad]</td><td>[id://358242]</td></tr> <tr><td>[id://227668|css]</td><td>[id://2877]</td></tr> <tr><td>[id://356170|pmdevnote]</td><td>[id://325719] these are replies to [id://112733|patch]es</td></tr> <tr><td>[id://370024|sitedoclet]</td><td>[id://156912]</td></tr> <tr><td>[id://389544|pmdevtopic]</td><td>[id://390403]</td></tr> <tr><td>[id://397475|sqlquery]</td><td>[id://405747]</td></tr> <tr><td>[id://398393|offtopicroot]</td><td>[id://399363]</td></tr> <tr><td>[id://450764|script]</td><td>[id://504849]</td></tr> <tr><td>[id://481719|faqlist]</td><td>[id://483101]</td></tr> <tr><td>[id://481931|alphafaqlet]</td><td>[id://419625]</td></tr> <tr><td>[id://510147|tutlist]</td><td>[id://519263]</td></tr> <tr><td>[id://511852|faqstring]</td><td>[id://655517]</td></tr> <tr><td>[id://519031|tutstring]</td><td>[id://519271]</td></tr> <tr><td>[id://598673|largedoc]</td><td>[id://624976]</td></tr> </table> This list is instrumental in my ongoing work to convert the site to CSS. It serves as a test suite and a live running status of the changes made. As we make changes — often to [htmlcode] buried ten layers deep — we need a good way of determining that the appropriate changes are happening on the surface. At the same time, this suite tells us (or gives us a good idea, anyway) of what exactly remains to be done, with regard to replacing hard-coded stylings with CSS. For this endeavor, we need someone who understands html and css. I've got a pretty good (though far from perfect) handle on the code; but my comprehension of the subtleties of CSS is woefully inadequate. And when it comes to having a coherent web site "design", well... I'm a geek, not an artist. So here's how I plan to use this list. I'm going to suck down a copy of each page listed here, and grep through it for any css <tt>class</tt>es/<tt>id</tt>s used, as well as for any of the kind of markup we want to eliminate, i.e. hardcoded colors and the like (e.g. <tt>bgcolor</tt>, <tt>font</tt>). This tells us (a) what css elements we actually need to account for in the site [css] pages, and (b) what hardcoded stylings remain to be eliminated (replaced with css). We'll re-run this after each round of relevant patching. From the other side, someone needs to look at all the [css] nodes, and make a list of all the css classes/ids defined there, and do code searches for them. This is to build our understanding of how the site's design is currently structured; plus we'll be able to identify any styles defined but unused. Thirdly, someone needs to go to the [theme] nodes, and get a list of all theme "variables" defined, and find every occurrence of usage of them in (non-dead) code. This is mainly just to ensure that we don't let any fall through the cracks. Identifying which actually need to be replaced is accomplished by step 1, above. And fourthly and most importantly, someone with some sense of design and a pretty good understanding of css should define an overarching style "architecture" for the site. Ideally, we'd like to be able to make some fairly radical changes, e.g. make much less use of tables for layout. <div class=paneled> <table class="cb_table" border="0" width="100%" cellspacing="0" cellpadding="2"> <tr class="cb_msg"><td>[<a href="?node_id=3607" title="2008-03-25 03:05:43 UTC">Petruchio</a>]: Back in the day, the version control system here consisted of the "back" button on a god's browser.</td></tr> </table> </div> <a name="fontsize"></a> <div class=paneled> <table class="cb_table" border="0" width="100%" cellspacing="0" cellpadding="2"> <tr class="cb_msg"><td >[<a href="?node_id=5348" title="2008-04-02 14:11:09 UTC">Corion</a>]: I guess it's more about the conveyed structure than about the screen real estate. The question is bigger (= more important) than the answers</td></tr> <tr class="cb_msg"><td >[<a href="?node_id=22609" title="2008-04-02 14:18:45 UTC">tye</a>]: and it is also about the poor model used for selecting font size (yes, even in modern CSS, for the koolaid drinkers present)</td></tr> <tr class="cb_msg"><td >[<a href="?node_id=22609" title="2008-04-02 14:20:05 UTC">tye</a>]: adding a css target as a first step is a great idea. there will be heart burn when we remove size="-1", but we should eventually do that anyway</td></tr> <tr class="cb_msg"><td >[<a href="?node_id=22609" title="2008-04-02 14:23:55 UTC">tye</a>]: CSS lets you pick font size relative to inherited font size in several ways. But they all apply to font /height/, even if derived from a font /width/. The default should be to select font on something that better matches /perceived/ size...</td></tr> <tr class="cb_msg"><td >[<a href="?node_id=22609" title="2008-04-02 14:24:11 UTC">tye</a>]: more like "cell volume" or "diagonal size"</td></tr> <tr class="cb_msg"><td >[<a href="?node_id=22609" title="2008-04-02 14:24:56 UTC">tye</a>]: the only reason size="-1" was added was because the text font and the code font at PM were the same "size" but, especially on some systems, the code /looked/ /much/ bigger</td></tr> </table> </div> Some relevant old PMD threads: <ul> <li> [id://381428] </li> <li> [id://389740] </li> <li> [id://393403] </li> </ul> <hr/> In the tables below, the first two list "all" occurrences of the attributes <tt>class, id, bgcolor, color, size,</tt> and <tt>style</tt> in the above list of pages. The "old" attributes (<tt>bgcolor, color, size,</tt> and <tt>style</tt>) are listed in the first table; the "new" attributes (<tt>class</tt> and <tt>id</tt>) are in the second. It's not really all, because I've excluded certain nodes which make heavy or obsequious use of color (e.g. color gradients) and other silliness which would be troublesome to reimplement in static CSS. These pages were completely excluded: [id://156536], [id://171092], [id://110], [id://459], [id://396325]. As it is, not every node listed here really matters. For example, you can completely ignore [id://1069] and [id://937], as they are not used anywhere. Similarly, I've excluded certain CSS classes and IDs used by certain pages, such as the huge family of <tt>nnt-*</tt> classes/IDs used by [Recently Active Threads], and (nearly) all generated classes/IDs, such as the <tt>node-from-*</tt> classes stuck on entries in [Newest Nodes]. This excluded content is shown in the tables at the very bottom. <hr/> <h3>The first table shows what is still being implemented the old way. This represents work still ahead of us:</h3> <table border=1 cellspacing=0> <tr><th>attribute</th><th>value</th><th>element tag</th><th>pages where used, and count</th></tr> <tr><td>size</td><td>-1</td><td>font</td><td>[id://1607|EX.poll]-1; [id://180|EX.perlfunc]-1; [id://383|EX.perlman]-8; [id://71130]-1;</td></tr> <tr><td>size</td><td>1</td><td>font</td><td>[id://1040]-4; [id://131]-1; [id://1590]-1; [id://1869|EX.CatQ]-1; [id://21798]-1; [id://389873]-6; [id://480]-1; [id://481]-3; [id://515|EX.note]-1;</td></tr> <tr><td>size</td><td>2</td><td>font</td><td>many</td></tr> <tr><td>size</td><td>2pt</td><td>font</td><td>[id://1063|EX.nodelet]-16; [id://116013|EX.patch]-11; [id://160975]-151; [id://17003]-1; [id://19|EX.container]-30; [id://5829|EX.maintenance]-7; [id://59|EX.htmlpage]-6;</td></tr> <tr><td>size</td><td>smaller</td><td>font</td><td>[id://366609]-2;</td></tr> <tr><th>attribute</th><th>value</th><th>element tag</th><th>pages where used, and count</th></tr> <tr><td>style</td><td>color: blue</td><td>span</td><td>[id://116013|EX.patch]-1;</td></tr> <tr><td>style</td><td>color: red</td><td>span</td><td>[id://116013|EX.patch]-2;</td></tr> <tr><td>style</td><td>display:block</td><td>form</td><td>[id://1072]-1; [id://14444]-1; [id://17003]-1; [id://450961]-1; [id://492690]-1; [id://492700]-1; [id://492848]-1; [id://512013]-1;</td></tr> <tr><td>style</td><td>display:none</td><td>div</td><td>[id://10254|EX.CUFP]-3; [id://1040]-3; [id://1044]-2; [id://1063|EX.nodelet]-1; [id://108949]-1; [id://109]-1; [id://116013|EX.patch]-1; [id://131]-1; [id://14840]-1; [id://157620]-1; [id://1590]-3; [id://1596|EX.poem]-3; [id://1597]-3; [id://1607|EX.poll]-1; [id://16082]-2; [id://160975]-1; [id://163868]-1; [id://16902]-1; [id://1758]-1; [id://17739|EX.quest]-1; [id://1869|EX.CatQ]-2; [id://19|EX.container]-1; [id://1905|EX.CatA]-1; [id://192270]-1; [id://1957|EX.monkdiscuss]-3; [id://1967]-1; [id://216772|EX.bookreview]-3; [id://21798]-3; [id://23771]-1; [id://23773|EX.perlnews]-3; [id://25181]-1; [id://25185]-1; [id://2711|EX.sourcecode]-3; [id://2871|EX.snippet]-3; [id://28877]-1; [id://3193]-1; [id://32245|EX.modulereview]-3; [id://325719|EX.pmdevnote]-1; [id://3628]-2; [id://366609]-1; [id://386578]-1; [id://389873]-2; [id://390403|EX.pmdevtopic]-1; [id://397425]-1; [id://3989]-1; [id://399363|EX.offtopicroot]-2; [id://405747|EX.sqlquery]-1; [id://434853]-1; [id://476393]-1; [id://479]-3; [id://480]-2; [id://482862]-1; [id://492844]-1; [id://50763]-1; [id://50772]-1; [id://515|EX.note]-3; [id://56885]-1; [id://5829|EX.maintenance]-1; [id://58951]-1; [id://59|EX.htmlpage]-1; [id://61675]-1; [id://624976|EX.largedoc]-1; [id://6364]-1; [id://649885]-1; [id://6638|EX.perlcraft]-3; [id://675748|EX.perlmeditation]-6; [id://8076|EX.perltutorial]-3; [id://9341|EX.obfuscated]-3; [id://954]-1; [id://995|EX.perlsolution]-1;</td></tr> <tr><td>style</td><td>text-align:right</td><td>td</td><td>[id://160721]-6;</td></tr> <tr><td>style</td><td>width:100%</td><td>select</td><td>[id://160975]-2;</td></tr> </table> <h3>This table shows what's already been implemented with CSS. In some sense, it represents the part of our job already done:</h3> <table border=1 cellspacing=0> <tr><th>attribute</th><th>value</th><th>element tag</th><th>pages where used, and count</th></tr> <tr><td>class</td><td>NN-highlight</td><td>tr</td><td>[id://3628]-131;</td></tr> <tr><td>class</td><td>NN-link-sep</td><td>span</td><td>[id://3628]-6; [id://397425]-8;</td></tr> <tr><td>class</td><td>QAapprove</td><td>p</td><td>[id://1869|EX.CatQ]-2;</td></tr> <tr><td>class</td><td>add-root-blurb</td><td>tr</td><td>[id://1040]-1; [id://1044]-1; [id://1590]-1; [id://1597]-1; [id://21798]-1; [id://23771]-1; [id://389873]-1; [id://479]-1; [id://480]-1; [id://954]-1;</td></tr> <tr><td>class</td><td>add-text</td><td>span</td><td>[id://1040]-1; [id://1044]-1; [id://1590]-1; [id://1597]-1; [id://21798]-1; [id://23771]-1; [id://389873]-1; [id://479]-1; [id://480]-1; [id://954]-1;</td></tr> <tr><td>class</td><td>add-title</td><td>span</td><td>[id://1040]-1; [id://1044]-1; [id://1590]-1; [id://1597]-1; [id://21798]-1; [id://23771]-1; [id://389873]-1; [id://479]-1; [id://480]-1; [id://954]-1;</td></tr> <tr><td>class</td><td>addlinks</td><td>span</td><td>many</td></tr> <tr><td>class</td><td>addnewform</td><td>table</td><td>[id://1040]-1; [id://1044]-1; [id://1590]-1; [id://1597]-1; [id://21798]-1; [id://23771]-1; [id://389873]-1; [id://479]-1; [id://480]-1; [id://954]-1;</td></tr> <tr><td>class</td><td>attribution</td><td>span</td><td>many</td></tr> <tr><td>class</td><td>attribution-title</td><td>span</td><td>[id://10254|EX.CUFP]-1; [id://108666|EX.devtask]-1; [id://116013|EX.patch]-1; [id://13|EX.nodetype]-1; [id://15048|EX.hint]-1; [id://1596|EX.poem]-1; [id://1607|EX.poll]-1; [id://17739|EX.quest]-1; [id://216772|EX.bookreview]-1; [id://225341|EX.pmmodule]-1; [id://23773|EX.perlnews]-1; [id://2514]-1; [id://2711|EX.sourcecode]-1; [id://2871|EX.snippet]-1; [id://32245|EX.modulereview]-1; [id://325719|EX.pmdevnote]-1; [id://358242|EX.scratchpad]-1; [id://3889]-1; [id://390403|EX.pmdevtopic]-1; [id://399363|EX.offtopicroot]-1; [id://405747|EX.sqlquery]-1; [id://499694|EX.dbtable]-1; [id://515|EX.note]-1; [id://519271|EX.tutstring]-1; [id://522|EX.perlfaq]-1; [id://624976|EX.largedoc]-1; [id://6638|EX.perlcraft]-1; [id://8076|EX.perltutorial]-1; [id://84|EX.nodegroup]-1; [id://842|EX.data]-1; [id://846|EX.user]-1; [id://8571]-1; [id://9341|EX.obfuscated]-1;</td></tr> <tr><td>class</td><td>auth-108447</td><td>div</td><td>[id://325719|EX.pmdevnote]-1;</td></tr> <tr><td>class</td><td>auth-113</td><td>div</td><td>[id://515|EX.note]-1;</td></tr> <tr><td>class</td><td>bannerrow</td><td>tr</td><td>many</td></tr> <tr><td>class</td><td>bold</td><td>td</td><td>[id://53641]-5;</td></tr> <tr><td>class</td><td>categorized_answer</td><td>h3</td><td>[id://1905|EX.CatA]-1;</td></tr> <tr><td>class</td><td>categorized_question</td><td>h3</td><td>[id://1869|EX.CatQ]-1;</td></tr> <tr><td>class</td><td>cb_more_messages</td><td>span</td><td>[id://50772]-1;</td></tr> <tr><td>class</td><td>chatbox</td><td>input</td><td>[id://3193]-1;</td></tr> <tr><td>class</td><td>chatrow</td><td>tr</td><td>[id://3193]-1;</td></tr> <tr><td>class</td><td>chatsubmit</td><td>input</td><td>[id://3193]-2;</td></tr> <tr><td>class</td><td>chatter-filter</td><td>div</td><td>[id://16082]-1;</td></tr> <tr><td>class</td><td>diff_deleted</td><td>span</td><td>[id://116013|EX.patch]-2;</td></tr> <tr><td>class</td><td>diff_inserted</td><td>span</td><td>[id://116013|EX.patch]-1;</td></tr> <tr><td>class</td><td>diff_match</td><td>span</td><td>[id://116013|EX.patch]-1;</td></tr> <tr><td>class</td><td>diff_strings</td><td>div</td><td>[id://116013|EX.patch]-1;</td></tr> <tr><td>class</td><td>different</td><td>tr</td><td>[id://1063|EX.nodelet]-6; [id://116013|EX.patch]-3; [id://160975]-26; [id://19|EX.container]-9; [id://5829|EX.maintenance]-2; [id://59|EX.htmlpage]-1;</td></tr> <tr><td>class</td><td>even-row</td><td>span</td><td>[id://50771]-13;</td></tr> <tr><td>class</td><td>even-row</td><td>tr</td><td>[id://328478]-25; [id://9066]-25; [id://9488]-25;</td></tr> <tr><td>class</td><td>expanded</td><td>ul</td><td>[id://397425]-111;</td></tr> <tr><td>class</td><td>faqlist-itemtype</td><td>span</td><td>[id://483101|EX.faqlist]-8;</td></tr> <tr><td>class</td><td>frametalkbar</td><td>table</td><td>[id://3193]-1;</td></tr> <tr><td>class</td><td>groupdisplay</td><td>table</td><td>[id://84|EX.nodegroup]-1;</td></tr> <tr><td>class</td><td>groupdisplay</td><td>th</td><td>[id://84|EX.nodegroup]-2;</td></tr> <tr><td>class</td><td>highlight</td><td>table</td><td>[id://1040]-1; [id://1044]-1; [id://108658]-1; [id://1590]-1; [id://1597]-1; [id://1747]-2; [id://1843]-1; [id://1967]-1; [id://21798]-1; [id://23771]-1; [id://28877]-1; [id://328478]-1; [id://389873]-1; [id://479]-1; [id://480]-1; [id://481]-1; [id://515165]-1; [id://7932]-1; [id://9066]-4; [id://9488]-4;</td></tr> <tr><td>class</td><td>highlight</td><td>td</td><td>[id://106927]-100;</td></tr> <tr><td>class</td><td>highlight</td><td>tr</td><td>[id://1040]-1; [id://1063|EX.nodelet]-1; [id://108658]-5; [id://116013|EX.patch]-1; [id://153]-1; [id://1590]-1; [id://1597]-5; [id://160975]-24; [id://1747]-10; [id://19|EX.container]-1; [id://1967]-15; [id://21798]-15; [id://22573]-1; [id://23771]-15; [id://2519]-100; [id://2711|EX.sourcecode]-3; [id://2871|EX.snippet]-1; [id://28877]-15; [id://3557]-25; [id://3559]-274; [id://479]-3; [id://53641]-1; [id://5829|EX.maintenance]-1; [id://59|EX.htmlpage]-1; [id://7932]-5;</td></tr> <tr><td>class</td><td>inlinecode</td><td>tt</td><td>[id://1040]-31; [id://1044]-11; [id://108658]-1; [id://131]-12; [id://1590]-2; [id://1597]-5; [id://17558|EX.sitefaqlet]-31; [id://1758]-2; [id://1869|EX.CatQ]-3; [id://1967]-3; [id://216772|EX.bookreview]-2; [id://21798]-28; [id://23771]-6; [id://243116]-10; [id://29281]-26; [id://389873]-15; [id://450961]-4; [id://479]-7; [id://480]-22; [id://5938]-16; [id://675748|EX.perlmeditation]-2; [id://72241]-9; [id://8076|EX.perltutorial]-1; [id://954]-2; [id://9953]-2;</td></tr> <tr><td>class</td><td>link-sep</td><td>span</td><td>many</td></tr> <tr><td>class</td><td>listcode</td><td>div</td><td>[id://1063|EX.nodelet]-1; [id://19|EX.container]-1; [id://5829|EX.maintenance]-1; [id://59|EX.htmlpage]-1;</td></tr> <tr><td>class</td><td>mailhead</td><td>tr</td><td>[id://2514]-2; [id://3889]-2; [id://8571]-2; [id://975]-2;</td></tr> <tr><td>class</td><td>main_content</td><td>div</td><td>many</td></tr> <tr><td>class</td><td>monkquip</td><td>td</td><td>many</td></tr> <tr><td>class</td><td>monkquip</td><td>tr</td><td>many</td></tr> <tr><td>class</td><td>monktitlebar</td><td>td</td><td>many</td></tr> <tr><td>class</td><td>msg</td><td>span</td><td>[id://50772]-3;</td></tr> <tr><td>class</td><td>msg_user</td><td>tr</td><td>[id://846|EX.user]-1;</td></tr> <tr><td>class</td><td>msgfrom</td><td>i</td><td>[id://50772]-3;</td></tr> <tr><td>class</td><td>navmenu-link-sep</td><td>span</td><td>many</td></tr> <tr><td>class</td><td>nnSummary</td><td>p</td><td>[id://3628]-1;</td></tr> <tr><td>class</td><td>nnSummary</td><td>span</td><td>[id://397425]-1;</td></tr> <tr><td>class</td><td>nodelet</td><td>div</td><td>many</td></tr> <tr><td>class</td><td>nodelet-link-sep</td><td>span</td><td>many</td></tr> <tr><td>class</td><td>nodelet_body</td><td>div</td><td>many</td></tr> <tr><td>class</td><td>nodelet_container</td><td>div</td><td>many</td></tr> <tr><td>class</td><td>nodelet_head</td><td>div</td><td>many</td></tr> <tr><td>class</td><td>nodelets</td><td>div</td><td>many</td></tr> <tr><td>class</td><td>notetext</td><td>div</td><td>[id://325719|EX.pmdevnote]-1; [id://515|EX.note]-1;</td></tr> <tr><td>class</td><td>odd-row</td><td>span</td><td>[id://50771]-13;</td></tr> <tr><td>class</td><td>odd-row</td><td>tr</td><td>[id://328478]-25; [id://9066]-25; [id://9488]-25;</td></tr> <tr><td>class</td><td>other</td><td>h3</td><td>[id://10254|EX.CUFP]-1; [id://1063|EX.nodelet]-1; [id://108666|EX.devtask]-1; [id://116013|EX.patch]-1; [id://13|EX.nodetype]-1; [id://15048|EX.hint]-1; [id://156912|EX.sitedoclet]-1; [id://1596|EX.poem]-1; [id://1607|EX.poll]-1; [id://17558|EX.sitefaqlet]-1; [id://17739|EX.quest]-1; [id://180|EX.perlfunc]-1; [id://19|EX.container]-1; [id://1957|EX.monkdiscuss]-1; [id://216772|EX.bookreview]-1; [id://225341|EX.pmmodule]-1; [id://23773|EX.perlnews]-1; [id://2514]-1; [id://2711|EX.sourcecode]-1; [id://2871|EX.snippet]-1; [id://32245|EX.modulereview]-1; [id://325719|EX.pmdevnote]-1; [id://358242|EX.scratchpad]-1; [id://383|EX.perlman]-1; [id://3889]-1; [id://390403|EX.pmdevtopic]-1; [id://399363|EX.offtopicroot]-1; [id://405747|EX.sqlquery]-1; [id://483101|EX.faqlist]-1; [id://499694|EX.dbtable]-1; [id://500334|EX.alphafaqlet]-1; [id://515|EX.note]-1; [id://519263|EX.tutlist]-1; [id://519271|EX.tutstring]-1; [id://522|EX.perlfaq]-1; [id://5829|EX.maintenance]-1; [id://59|EX.htmlpage]-1; [id://624976|EX.largedoc]-1; [id://655517|EX.faqstring]-1; [id://6638|EX.perlcraft]-1; [id://675748|EX.perlmeditation]-2; [id://8076|EX.perltutorial]-1; [id://84|EX.nodegroup]-1; [id://842|EX.data]-1; [id://846|EX.user]-1; [id://8571]-1; [id://9341|EX.obfuscated]-1; [id://975]-1; [id://994|EX.perlexercise]-1; [id://995|EX.perlsolution]-1;</td></tr> <tr><td>class</td><td>other-users-blurb</td><td>span</td><td>[id://50771]-1;</td></tr> <tr><td>class</td><td>other-users-text</td><td>span</td><td>[id://50771]-1;</td></tr> <tr><td>class</td><td>paneled</td><td>div</td><td>[id://1869|EX.CatQ]-1;</td></tr> <tr><td>class</td><td>paneled</td><td>table</td><td>[id://1869|EX.CatQ]-1;</td></tr> <tr><td>class</td><td>patch-edit-form</td><td>form</td><td>[id://1063|EX.nodelet]-1; [id://19|EX.container]-1; [id://5829|EX.maintenance]-1; [id://59|EX.htmlpage]-1;</td></tr> <tr><td>class</td><td>personal-clock</td><td>p</td><td>many</td></tr> <tr><td>class</td><td>pm-user-info</td><td>table</td><td>[id://846|EX.user]-1;</td></tr> <tr><td>class</td><td>poll</td><td>table</td><td>[id://1607|EX.poll]-1;</td></tr> <tr><td>class</td><td>post_body</td><td>tr</td><td>[id://1040]-15; [id://1044]-15; [id://131]-11; [id://1590]-10; [id://1597]-10; [id://21798]-15; [id://389873]-10; [id://479]-10; [id://480]-15; [id://481]-10; [id://515165]-28;</td></tr> <tr><td>class</td><td>post_head</td><td>tr</td><td>[id://1040]-15; [id://1044]-15; [id://131]-11; [id://1590]-10; [id://1597]-10; [id://21798]-15; [id://389873]-10; [id://479]-10; [id://480]-15; [id://481]-10; [id://515165]-28;</td></tr> <tr><td>class</td><td>quest-time</td><td>td</td><td>[id://17739|EX.quest]-2;</td></tr> <tr><td>class</td><td>readmore-link</td><td>div</td><td>[id://1040]-7; [id://1044]-5; [id://131]-2; [id://23771]-3; [id://389873]-1; [id://479]-2; [id://480]-4;</td></tr> <tr><td>class</td><td>readmore-size</td><td>span</td><td>[id://1040]-7; [id://1044]-5; [id://131]-2; [id://23771]-3; [id://389873]-1; [id://479]-2; [id://480]-4;</td></tr> <tr><td>class</td><td>reputation</td><td>div</td><td>[id://1040]-4; [id://131]-1; [id://1590]-1; [id://21798]-1; [id://389873]-6; [id://480]-1; [id://481]-3; [id://515|EX.note]-1;</td></tr> <tr><td>class</td><td>section_title</td><td>td</td><td>[id://1040]-1; [id://1044]-1; [id://108658]-1; [id://131]-2; [id://1590]-1; [id://1597]-1; [id://1747]-1; [id://1967]-1; [id://21798]-1; [id://23771]-1; [id://28877]-1; [id://389873]-1; [id://479]-1; [id://480]-1; [id://481]-1; [id://515165]-1; [id://7932]-1;</td></tr> <tr><td>class</td><td>section_title</td><td>tr</td><td>[id://1040]-1; [id://1044]-1; [id://108658]-1; [id://131]-2; [id://1590]-1; [id://1597]-1; [id://1747]-1; [id://1967]-1; [id://21798]-1; [id://23771]-1; [id://28877]-1; [id://389873]-1; [id://479]-1; [id://480]-1; [id://481]-1; [id://515165]-1; [id://7932]-1;</td></tr> <tr><td>class</td><td>see-also</td><td>span</td><td>[id://1072]-1; [id://14444]-1; [id://17003]-1; [id://192270]-1; [id://25185]-1; [id://366609]-1; [id://450961]-1; [id://492690]-1; [id://492700]-1; [id://492848]-1; [id://512013]-1;</td></tr> <tr><td>class</td><td>splinks</td><td>table</td><td>[id://358242|EX.scratchpad]-1;</td></tr> <tr><td>class</td><td>spoiler</td><td>td</td><td>[id://1590]-1;</td></tr> <tr><td>class</td><td>superdoc</td><td>h3</td><td>many</td></tr> <tr><td>class</td><td>this-patch</td><td>tr</td><td>[id://116013|EX.patch]-1;</td></tr> <tr><td>class</td><td>titlebar</td><td>a</td><td>many</td></tr> <tr><td>class</td><td>titlebar</td><td>input</td><td>many</td></tr> <tr><td>class</td><td>titlebar</td><td>td</td><td>many</td></tr> <tr><td>class</td><td>titlebar</td><td>tr</td><td>many</td></tr> <tr><td>class</td><td>titlechooser</td><td>td</td><td>many</td></tr> <tr><td>class</td><td>toggle</td><td>a</td><td>[id://397425]-112;</td></tr> <tr><td>class</td><td>topnavmenu</td><td>font</td><td>many</td></tr> <tr><td>class</td><td>tough-beans</td><td>div</td><td>[id://2294]-1;</td></tr> <tr><td>class</td><td>tutlist-islist</td><td>span</td><td>[id://954]-27;</td></tr> <tr><td>class</td><td>tutlist-itemauthor</td><td>span</td><td>[id://519263|EX.tutlist]-7; [id://954]-249;</td></tr> <tr><td>class</td><td>tutlist-itemtype</td><td>span</td><td>[id://519263|EX.tutlist]-9; [id://954]-290;</td></tr> <tr><td>class</td><td>tutlist-seen</td><td>span</td><td>[id://954]-5;</td></tr> <tr><td>class</td><td>tutstring</td><td>span</td><td>[id://519263|EX.tutlist]-2;</td></tr> <tr><td>class</td><td>update-time</td><td>span</td><td>[id://328478]-1; [id://50771]-1; [id://9066]-4; [id://9488]-4;</td></tr> <tr><td>class</td><td>user-pmdev</td><td>table</td><td>[id://17003]-1;</td></tr> <tr><td>class</td><td>user-settings</td><td>div</td><td>[id://17003]-1; [id://450961]-1; [id://492690]-1; [id://492700]-1; [id://492848]-1; [id://512013]-1;</td></tr> <tr><td>class</td><td>user-settings</td><td>table</td><td>[id://1072]-2; [id://14444]-1; [id://450961]-7; [id://492690]-1; [id://492700]-1; [id://492848]-1; [id://512013]-2;</td></tr> <tr><td>class</td><td>vote</td><td>div</td><td>[id://10254|EX.CUFP]-1; [id://1040]-11; [id://1044]-15; [id://116013|EX.patch]-1; [id://131]-10; [id://1590]-9; [id://1596|EX.poem]-1; [id://1597]-10; [id://1607|EX.poll]-1; [id://1869|EX.CatQ]-3; [id://1905|EX.CatA]-1; [id://1957|EX.monkdiscuss]-1; [id://216772|EX.bookreview]-1; [id://21798]-14; [id://23773|EX.perlnews]-1; [id://2711|EX.sourcecode]-1; [id://2871|EX.snippet]-1; [id://32245|EX.modulereview]-1; [id://325719|EX.pmdevnote]-1; [id://389873]-4; [id://390403|EX.pmdevtopic]-1; [id://399363|EX.offtopicroot]-1; [id://479]-10; [id://480]-14; [id://481]-7; [id://515165]-28; [id://624976|EX.largedoc]-1; [id://6638|EX.perlcraft]-1; [id://675748|EX.perlmeditation]-2; [id://8076|EX.perltutorial]-1; [id://9341|EX.obfuscated]-1;</td></tr> <tr><td>class</td><td>voterep</td><td>td</td><td>[id://1040]-15; [id://1044]-15; [id://131]-11; [id://1590]-10; [id://1597]-10; [id://21798]-15; [id://389873]-10; [id://479]-10; [id://480]-15; [id://481]-10; [id://515165]-28;</td></tr> <tr><td>class</td><td>warning</td><td>h3</td><td>[id://42169]-1;</td></tr> <tr><td>class</td><td>warning</td><td>p</td><td>[id://42256]-1;</td></tr> <tr><td>class</td><td>wikiupdate</td><td>span</td><td>many</td></tr> <tr><th>attribute</th><th>value</th><th>element tag</th><th>pages where used, and count</th></tr> <tr><td>id</td><td>Approval_Nodelet</td><td>div</td><td>[id://10254|EX.CUFP]-1; [id://1596|EX.poem]-1; [id://1957|EX.monkdiscuss]-1; [id://216772|EX.bookreview]-1; [id://23773|EX.perlnews]-1; [id://2711|EX.sourcecode]-1; [id://2871|EX.snippet]-1; [id://32245|EX.modulereview]-1; [id://399363|EX.offtopicroot]-1; [id://515|EX.note]-1; [id://6638|EX.perlcraft]-1; [id://675748|EX.perlmeditation]-2; [id://8076|EX.perltutorial]-1; [id://9341|EX.obfuscated]-1;</td></tr> <tr><td>id</td><td>Cabalists'_Nodelet</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>Free_Nodelet</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>Mini_Super_Search</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>Moderation_Nodelet</td><td>div</td><td>[id://10254|EX.CUFP]-1; [id://1596|EX.poem]-1; [id://1957|EX.monkdiscuss]-1; [id://216772|EX.bookreview]-1; [id://23773|EX.perlnews]-1; [id://2711|EX.sourcecode]-1; [id://2871|EX.snippet]-1; [id://32245|EX.modulereview]-1; [id://515|EX.note]-1; [id://6638|EX.perlcraft]-1; [id://675748|EX.perlmeditation]-2; [id://8076|EX.perltutorial]-1; [id://9341|EX.obfuscated]-1;</td></tr> <tr><td>id</td><td>Pedagogues_Nodelet</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>PmDev_Nodelet</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>QandAEditors_Nodelet</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>RTCB</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>Search</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>SiteDocClan_nodelet</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>This_Node</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>Useful_Links</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>XP_Nodelet</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>ad_and_talk</td><td>html</td><td>[id://3193]-1;</td></tr> <tr><td>id</td><td>cabal-link-000</td><td>span</td><td>many</td></tr> <tr><td>id</td><td>cabal-link-001</td><td>span</td><td>many</td></tr> <tr><td>id</td><td>cabal-link-002</td><td>span</td><td>many</td></tr> <tr><td>id</td><td>cabal-link-003</td><td>span</td><td>many</td></tr> <tr><td>id</td><td>cabal-link-004</td><td>span</td><td>many</td></tr> <tr><td>id</td><td>cabal-link-005</td><td>span</td><td>many</td></tr> <tr><td>id</td><td>cabal-link-006</td><td>span</td><td>many</td></tr> <tr><td>id</td><td>codesearch</td><td>input</td><td>many</td></tr> <tr><td>id</td><td>complaintsdept</td><td>form</td><td>[id://491035]-1;</td></tr> <tr><td>id</td><td>considerit</td><td>input</td><td>[id://10254|EX.CUFP]-1; [id://1596|EX.poem]-1; [id://1957|EX.monkdiscuss]-1; [id://216772|EX.bookreview]-1; [id://23773|EX.perlnews]-1; [id://2711|EX.sourcecode]-1; [id://2871|EX.snippet]-1; [id://32245|EX.modulereview]-1; [id://399363|EX.offtopicroot]-1; [id://515|EX.note]-1; [id://6638|EX.perlcraft]-1; [id://675748|EX.perlmeditation]-2; [id://8076|EX.perltutorial]-1; [id://9341|EX.obfuscated]-1;</td></tr> <tr><td>id</td><td>footer</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>hide_old_replies</td><td>input</td><td>many</td></tr> <tr><td>id</td><td>mb2001titlebar</td><td>td</td><td>many</td></tr> <tr><td>id</td><td>monkbar</td><td>table</td><td>many</td></tr> <tr><td>id</td><td>nodelet_container</td><td>div</td><td>many</td></tr> <tr><td>id</td><td>nodethreads</td><td>div</td><td>[id://397425]-1;</td></tr> <tr><td>id</td><td>nodethreads-foot</td><td>div</td><td>[id://397425]-1;</td></tr> <tr><td>id</td><td>nodethreads-head</td><td>div</td><td>[id://397425]-1;</td></tr> <tr><td>id</td><td>page_url</td><td>a</td><td>many</td></tr> <tr><td>id</td><td>patchlist</td><td>table</td><td>[id://1063|EX.nodelet]-1; [id://116013|EX.patch]-1; [id://160975]-1; [id://19|EX.container]-1; [id://5829|EX.maintenance]-1; [id://59|EX.htmlpage]-1;</td></tr> <tr><td>id</td><td>search_text</td><td>input</td><td>many</td></tr> <tr><td>id</td><td>showotherusers</td><td>html</td><td>[id://50771]-1;</td></tr> <tr><td>id</td><td>titlebar-bottom</td><td>table</td><td>many</td></tr> <tr><td>id</td><td>titlebar-top</td><td>table</td><td>many</td></tr> </table> <hr/><h3>Here's all the stuff that was skipped:</h3> <table border=1 cellspacing=0> <tr><th>attribute</th><th>value</th><th>element tag</th><th>pages where used, and count</th></tr> <tr><td>size</td><td>1</td><td>select</td><td>[id://482862]-1;</td></tr> <tr><td>size</td><td>10</td><td>input</td><td>[id://1072]-12; [id://109]-1; [id://450961]-3; [id://512013]-2;</td></tr> <tr><td>size</td><td>100]</td><td>input</td><td>[id://16082]-1;</td></tr> <tr><td>size</td><td>12</td><td>input</td><td>[id://1642]-1;</td></tr> <tr><td>size</td><td>14</td><td>select</td><td>[id://492848]-1;</td></tr> <tr><td>size</td><td>2</td><td>input</td><td>many</td></tr> <tr><td>size</td><td>20</td><td>input</td><td>many</td></tr> <tr><td>size</td><td>25</td><td>input</td><td>[id://649885]-1;</td></tr> <tr><td>size</td><td>3</td><td>input</td><td>[id://160721]-2; [id://490460]-2; [id://6364]-2;</td></tr> <tr><td>size</td><td>3</td><td>select</td><td>[id://160975]-3;</td></tr> <tr><td>size</td><td>30</td><td>input</td><td>[id://108949]-1; [id://450961]-2; [id://512013]-8;</td></tr> <tr><td>size</td><td>32</td><td>input</td><td>[id://3544]-1; [id://492690]-1;</td></tr> <tr><td>size</td><td>4</td><td>input</td><td>[id://366609]-1; [id://450961]-1;</td></tr> <tr><td>size</td><td>40</td><td>input</td><td>many</td></tr> <tr><td>size</td><td>5</td><td>input</td><td>[id://25185]-66;</td></tr> <tr><td>size</td><td>50</td><td>input</td><td>[id://17003]-5; [id://450961]-2; [id://50763]-1; [id://61675]-1;</td></tr> <tr><td>size</td><td>50]</td><td>input</td><td>[id://17003]-1;</td></tr> <tr><td>size</td><td>6</td><td>input</td><td>[id://366609]-18; [id://492844]-1;</td></tr> <tr><td>size</td><td>60</td><td>input</td><td>[id://3989]-4;</td></tr> <tr><td>size</td><td>64</td><td>input</td><td>[id://366609]-18;</td></tr> <tr><td>size</td><td>8</td><td>input</td><td>[id://58951]-2;</td></tr> <tr><td>size</td><td>80</td><td>input</td><td>[id://157620]-1; [id://491035]-1; [id://61675]-1;</td></tr> <tr><td>size</td><td>9</td><td>input</td><td>[id://153451]-1; [id://476393]-2;</td></tr> <tr><td>size</td><td>90</td><td>input</td><td>many</td></tr> <tr><th>attribute</th><th>value</th><th>element tag</th><th>pages where used, and count</th></tr> <tr><td>style</td><td>color: white; background-color: gradient</td><td>td</td><td>[id://106927]-many;</td></tr> <tr><th>attribute</th><th>value</th><th>element tag</th><th>pages where used, and count</th></tr> <tr><td>class</td><td>auth-N</td><td>tr</td><td>[id://328478]-50; [id://9066]-50; [id://9488]-50;</td></tr> <tr><td>class</td><td>item-N</td><td>span</td><td>[id://50771]-26;</td></tr> <tr><td>class</td><td>item-N</td><td>tr</td><td>[id://328478]-50; [id://9066]-50; [id://9488]-50;</td></tr> <tr><td>class</td><td>msgfrom_N</td><td>span</td><td>[id://50772]-3;</td></tr> <tr><td>class</td><td>nnt-</td><td>a div hr li p span</td><td>[id://397425]-many;</td></tr> <tr><td>class</td><td>node-from-N</td><td>td</td><td>[id://3628]-516;</td></tr> <tr><td>class</td><td>nodetype-N</td><td>a</td><td>[id://56885]-127;</td></tr> <tr><td>class</td><td>user-N</td><td>span</td><td>[id://3559]-548; [id://50771]-26;</td></tr> <tr><td>class</td><td>user-level-N</td><td>span</td><td>[id://50771]-26;</td></tr> <tr><th>attribute</th><th>value</th><th>element tag</th><th>pages where used, and count</th></tr> <tr><td>id</td><td>consider-row-idN</td><td>tr</td><td>[id://28877]-15;</td></tr> <tr><td>id</td><td>id-N</td><td>body</td><td>many</td></tr> <tr><td>id</td><td>liN</td><td>li</td><td>[id://397425]-263;</td></tr> <tr><td>id</td><td>nnt-</td><td>div</td><td>[id://397425]-10;</td></tr> <tr><td>id</td><td>nnt-</td><td>table</td><td>[id://397425]-1;</td></tr> <tr><td>id</td><td>post-head-idN</td><td>a</td><td>[id://1040]-15; [id://1044]-15; [id://131]-11; [id://1590]-10; [id://1597]-10; [id://21798]-15; [id://389873]-10; [id://479]-10; [id://480]-15; [id://481]-10; [id://515165]-28;</td></tr> <tr><td>id</td><td>titlebar-link-N</td><td>span</td><td>many</td></tr> <tr><td>id</td><td>u-s-</td><td>table</td><td>[id://1072]-2; [id://14444]-1; [id://17003]-1; [id://450961]-7; [id://492690]-1; [id://492700]-1; [id://492848]-1; [id://512013]-1;</td></tr> <tr><td>id</td><td>ul-</td><td>ul</td><td>[id://397425]-10;</td></tr> <tr><td>id</td><td>ulN</td><td>ul</td><td>[id://397425]-102;</td></tr> </table> <table border=1 cellspacing=0> <tr><th>Page</th><th>Reason</th></tr> <tr><td> [id://110] </td><td> brings in the content of Free Nodelet, etc. </td></tr> <tr><td> [id://448] </td><td> fullpage </td></tr> <tr><td> [id://459] </td><td> brings in the content of Free Nodelet, etc. </td></tr> <tr><td> [id://937] </td><td> settings </td></tr> <tr><td> [id://966] </td><td> fullpage </td></tr> <tr><td> [id://1069] </td><td> themesettings </td></tr> <tr><td> [id://2518] </td><td> document </td></tr> <tr><td> [id://2546] </td><td> rawpage </td></tr> <tr><td> [id://2877] </td><td> css </td></tr> <tr><td> [id://3184] </td><td> fullpage </td></tr> <tr><td> [id://6345] </td><td> lists er's </td></tr> <tr><td> [id://7543] </td><td> document </td></tr> <tr><td> [id://15834] </td><td> xml generator </td></tr> <tr><td> [id://15851] </td><td> xml generator </td></tr> <tr><td> [id://17142] </td><td> fullpage </td></tr> <tr><td> [id://17468] </td><td> Has bgcolor gradient. Superseded by SIOB. </td></tr> <tr><td> [id://42273] </td><td> document </td></tr> <tr><td> [id://61460] </td><td> document </td></tr> <tr><td> [id://73988|phantasma-wiki] </td><td> contains user-entered arbitrary styles </td></tr> <tr><td> [id://155759] </td><td> rawdata </td></tr> <tr><td> [id://156536] </td><td> notes tree. default page has some pre-standard sigs with hard-coded colors </td></tr> <tr><td> [id://171092] </td><td> Pascal's Triangle. Interactive; hard-coded colors. </td></tr> <tr><td> [id://207304] </td><td> xml generator </td></tr> <tr><td> [id://207894] </td><td> xml generator </td></tr> <tr><td> [id://227820] </td><td> fullpage </td></tr> <tr><td> [id://276421] </td><td> error msg has hard-coded color from Ev/HTML </td></tr> <tr><td> [id://349011] </td><td> fullpage </td></tr> <tr><td> [id://349020] </td><td> fullpage </td></tr> <tr><td> [id://396325] </td><td> RAT Faqlet </td></tr> <tr><td> [id://431883] </td><td> fullpage </td></tr> <tr><td> [id://458678] </td><td> one er. The ER Hobbit inserts his updates in red. </td></tr> <tr><td> [id://481181] </td><td> fullpage </td></tr> <tr><td> [id://481185] </td><td> fullpage </td></tr> <tr><td> [id://504849] </td><td> script </td></tr> <tr><td> [id://634323] </td><td> xml generator </td></tr> <tr><td> [id://637899] </td><td> xml generator </td></tr> </table> "many" means more than 70, which is about a third of the approx. 210 total nodes. <hr> <h3>settings from Themes:</h3> These are image file names: <ul> <li>perlMonksTitleImg <li>pollImage <li>searchButtonImg <li>talkButtonImg </ul> These are colors: <ul> <li>bodyBgColor <li>bodyLinkColor <li>bodyTextColor <li>bodyVlinkColor <li>titleBgColor </ul> Note: <c>clr_highlight</c> is still being used in [colorblend] (which is used in [Recently Active Threads|RAT] by way of [handle_threaded_nodes] and in [Big Pretty Nodelist])... but it's harmless because [colorblend] generates a <c><style></c> section assigning color rules to classes; it does not hard-code colors. Settings used in [shownote]: <ul> <li>shownoteTextBgColor - still used for background of main body of notes. Default is #FFF. <li>shownoteEndcolor - probably can't be elimated. <li>shownoteStartcolor - probably can't be elimated. </ul> Patches for this already exist. To add the rule to the relevant CSS files, apply: <ul> <li>[id://710272] <li>[id://710270] <li>[id://710264] </ul> (Recall that CSS patches require manual sync to static files.) [Dark CSS] already has the change. Once those are done, patch [shownote] to remove the use of <c>$textbgcolor</c>. In addition, [shownote] brings in the following from [shownote settings]: <ul> <li>startcolor <li>endcolor <li>textbgcolor </ul> These are fallback defaults if the Theme doesn't set these settings (which of course [No Theme] doesn't). <hr> [vote settings] has a bunch of html snippet crap: <code> upLabel <tt>++</tt> downLabel <tt>--</tt> nullLabel <tt>+=0</tt> showRepHeader <div class="reputation"><center> showRepFooter </center></div> voteHeader <div class="vote"><center> voteFooter </center></div> </code> These are all used in [voteit], which is used in a lot of places. Update: The above has been patched away. No more literal HTML in settings! <hr><h2>Other useful info:</h2> <h3>[ar0n|ar0n's homenode]</h3> <h3>[http://css.perlmonks.org/|Petruchio's secret world]</h3> ...as [demerphq] called it, because it's largely his creation, and he's been living in this view almost exclusively ever since. He was hoping that it would be the basis for a new, cleaner Perlmonks. <h4>How does it work?</h4> The different look is achieved not simply through a different set of stylings. When the PerlMonks engine renders a node, it does so through a set of templates (specifically, [htmlpage]s and [container]s). [Petruchio] created a new set of such templates. Then he inserted a run-time check in certain key places, so that whenever the domain name in the URL begins with "css", the engine uses his new templates to generate the HTML rather than the standard templates. No changes to index.pl (or any of the site's static engine code) were necessary. Thread: [id://543882] 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 1234567 170442 476631