History: Exemple Imbrications CSS
Source of version: 1 (current)
Copy to clipboard
{HTML(wiki="0")}
<style type="text/css">
<!--
.learningcss {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
color: #000;
text-align: left;
vertical-align: top;
margin-top: 12px;
margin-right: 8px;
margin-bottom: 8px;
margin-left: 22px;
border: 1px solid #009;
white-space: nowrap; }
-->
</style>
<div class="learningcss" style="width:650px">BODY.tiki_tiki_wiki_page_fixed_width
<div class="learningcss">#fixedwith
<div class="learningcss">#main
<div class="learningcss">#header
<div class="learningcss">#siteheader
<div class="learningcss">#header-top
<div class="learningcss">#secondary_site_menu
<div class="learningcss">.wrapper
<div class="learningcss">DIV
<div class="learningcss">UL.cssmenu horizmenu46 #cssmenu0
<div class="learningcss">LI.option790 menuOption menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText<br>
</div>
</div>
</div>
<div class="learningcss">LI.option791 menuOption menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText<br>
</div>
</div>
</div>
<div class="learningcss">LI.option792 menuOption menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText<br>
</div>
</div>
</div>
<div class="learningcss">LI.option793 menuOption menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText<br>
</div>
</div>
</div>
<div class="learningcss">LI.option794 menuOption menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText<br>
</div>
</div>
</div>
<div class="learningcss">LI.option795 menuOption menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText<br>
</div>
</div>
</div>
<div class="learningcss">LI.option797 menuOption menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText<br>
</div>
</div>
</div>
<div class="learningcss">LI.option796 menuSection manuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText<br>
</div>
</div>
<div class="learningcss">UL
<div class="learningcss">LI.option798 menuOption menuLevel1
<div class="learningcss">A
<div class="learningcss">SPAN.menuText<br>
</div>
</div>
</div>
<div class="learningcss">LI.option799 menuOption menuLevel1
<div class="learningcss">A
<div class="learningcss">SPAN.menuText<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br><div class="learningcss">.clearfix #sioptions
<div class="learningcss">.floatleft #site-logo
<div class="learningcss">A
<div class="learningcss">IMG<br>
</div>
</div>
</div>
<div class="learningcss">.floatleft #sitetitles
<div class="learningcss">#sitetitle
<div class="learningcss">A<br>
</div>
</div>
<div class="learningcss">#sitesubtitle<br>
</div>
</div>
</div>
<div class="learningcss">#siteloginbar_popup (Module de connexion-Login)
<div class="learningcss">UL.clearfix_cssmenu_horiz
<div class="learningcss">LI.tabmark#login_link
<div class="learningcss">UL (Pop-up de connexion)
<div class="learningcss">LI
<div class="learningcss">.cbox
<div class="learningcss">#siteloginbar
<div class="learningcss">FORM.forms (Formulaire de connexion)
<div class="learningcss">DIV
<div class="learningcss">LABEL<br>
</div>
<div class="learningcss">INPUTtext #sl-login-user<br>
</div>
<div class="learningcss">LABEL<br>
</div>
<div class="learningcss">INPUTpassword #sl-login-pass<br>
</div>
<div class="learningcss">INPUTsubmit.wikiaction<br>
</div>
<div class="learningcss">SPAN.rme-label
<div class="learningcss">INPUTcheckbox #login-remember<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="learningcss">#tiki-top
<div class="learningcss">.wrapper
<div class="learningcss">#sitesearchbar
<div class="learningcss">.nohightlight
<div class="learningcss">FORM.findtable #search-form
<div class="learningcss">LABEL.findtitle
<div class="learningcss">INPUT text<br>
</div>
</div>
<div class="learningcss">INPUT hidden<br>
</div>
<div class="learningcss">LABEL.findsubmit
<div class="learningcss">INPUT submit<br>
</div>
</div>
</div>
</div>
</div>
<div class="learningcss">DIV
<div class="learningcss">UL.cssmenu_horiz_menu44 #cssmenu1
<div class="learningcss">LI.option682 menusection menuSection0 menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText (Fonctionnalités)<br>
</div>
</div>
</div>
<div class="learningcss">LI.option773 menusection menuSection0 menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText (Requirements)<br>
</div>
</div>
</div>
<div class="learningcss">LI.option770 menusection menuSection0 menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText (Télécharger)<br>
</div>
</div>
</div>
<div class="learningcss">LI.option683 menusection menuSection0 menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText (Installer)<br>
</div>
</div>
</div>
<div class="learningcss">LI.option772 menusection menuSection0 menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText (Backup)<br>
</div>
</div>
</div>
<div class="learningcss">LI.option769 menusection menuSection0 menuLevel0
<div class="learningcss">A
<div class="learningcss">SPAN.menuText (Mise à jour)<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="learningcss">#middle
<div class="learningcss">.clearfix_nofullscreen #c1c2
<div class="learningcss">#wrapper
<div class="learningcss">.marginleft_marginright #col1
<div class="learningcss">.clearfix #showhide_columns<br>
<div class="learningcss">.clearfix
<div class="learningcss">A.flip
<div class="learningcss">IMG.colflip<br>
</div>
</div>
</div>
</div>
<div class="learningcss">.clearfix_content #tikicenter<br>
<div class="learningcss">#custom_center_column_header<br>
</div>
<div class="learningcss">#role_main
<div class="learningcss">.wikitopline_clearfix
<div class="learningcss">.content
<div class="learningcss">.wikiinfo<br>
</div>
<div class="learningcss">.wikiactions
<div class="learningcss">.icons
<div class="learningcss">A
<div class="learningcss">IMG.icon<br>
</div>
</div>
</div>
<div class="learningcss">FORM
<div class="learningcss">SELECT
<div class="learningcss">OPTION (Pages pointant vers...)<br>
</div>
<div class="learningcss">OPTION (Documentation,fr)<br>
</div>
<div class="learningcss">OPTION (...)<br>
</div>
</div>
</div>
<div class="learningcss">DIV
<div class="learningcss">FORM
<div class="learningcss">INPUThidden
<div class="learningcss">SELECT
<div class="learningcss">OPTION (Français)<br>
</div>
<div class="learningcss">OPTION (Català )<br>
</div>
<div class="learningcss">OPTION (...)<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="learningcss">.wikitext_clearfix#top<br>
<div class="learningcss">.freetaglist
<div class="learningcss">A.freetag<br>
</div>
</div>
<div class="learningcss">.clearfix
<div class="learningcss">.cssbox_head
<div class="learningcss">H2<br>
</div>
</div>
</div>
<div class="learningcss">.clearfix
<div class="learningcss">DIV
<div class="learningcss">IMG.reflet ie6<br>
</div>
</div>
<div class="learningcss">UL
<div class="learningcss">LI
<div class="learningcss">A.wiki<br>
</div>
</div>
<div class="learningcss">LI
<div class="learningcss">A.wiki<br>
</div>
</div>
<div class="learningcss">LI
<div class="learningcss">A.wiki<br>
</div>
</div>
</div>
<div class="learningcss">UL
<div class="learningcss">.cssbox_head
<div class="learningcss">H2<br>
</div>
</div>
<div class="learningcss">.cssbody<br>
</div>
</div>
<div class="learningcss">DIV
<div class="learningcss">IMG.reflet ie6<br>
</div>
</div>
<div class="learningcss">OL.fancylist
<div class="learningcss">LI
<div class="learningcss">P
<div class="learningcss">A.wiki<br>
</div>
</div>
</div>
<div class="learningcss">LI
<div class="learningcss">P
<div class="learningcss">A.wiki<br>
</div>
</div>
</div>
<div class="learningcss">LI
<div class="learningcss">P
<div class="learningcss">A.wiki<br>
</div>
</div>
</div>
</div>
<div class="learningcss">DIV
<div class="learningcss">.clearfix rbox tip
<div class="learningcss">IMG.rbox-close<br>
</div>
<div class="learningcss">.rbox-title
<div class="learningcss">IMG.icon<br>
</div>
<div class="learningcss">SPAN<br>
</div>
</div>
<div class="learningcss">.rbox-data
<div class="learningcss">DIV
<div class="learningcss">EM
<div class="learningcss">STRONG
<div class="learningcss">A.wiki<br>
</div>
</div>
</div>
</div>
</div>
<div class="learningcss">IMG.rbox-close<br>
</div>
<div class="learningcss">.rbox-title
<div class="learningcss">IMG.icon<br>
</div>
</div>
</div>
</div>
</div>
<div class="learningcss">HR.hrwikibottom<br>
</div>
</div>
</div>
</div>
<div class="learningcss">P.editdate
<div class="learningcss">A.link titletips
<div class="learningcss">I.hightlightgroup
<div class="learningcss">B (Jean-Fran)<br>
</div>
</div>
</div>
<div class="learningcss">A.link titletips
<div class="learningcss">I.hightlightgroup
<div class="learningcss">B (Sylvie)<br>
</div>
</div>
</div>
<div class="learningcss">A.link titletips
<div class="learningcss">I.hightlightgroup
<div class="learningcss">B (SCO2land)<br>
</div>
</div>
</div>
</div>
<div class="learningcss">.clearfix #page-bar
<div class="learningcss">SPAN.button
<div class="learningcss">A (source)<br>
</div>
</div>
<div class="learningcss">SPAN.button
<div class="learningcss">A (historique)<br>
</div>
</div>
</div>
<div class="learningcss">#attzone<br>
</div>
<div class="learningcss">#comments
<div class="learningcss">#comzone<br>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="learningcss">#col2
<div class="learningcss">H2.hidden<br>
</div>
<div class="learningcss">.content
<div class="learningcss">.box box-docUserMenu cssmenubox
<div class="learningcss">H3.box-title clearfix
<div class="learningcss">SPAN.moduletitle<br>
</div>
</div>
</div>
<div class="learningcss">.box box-featuredlinks
<div class="learningcss">H3.box-title clearfix
<div class="learningcss">SPAN.moduletitle<br>
</div>
</div>
<div class="learningcss">.clearfix box-data #mod-featured linksl7
<div class="learningcss">A.linkmodule<br>
</div>
</div>
</div>
<div class="learningcss">.box box-last modif pages
<div class="learningcss">H3.box-title clearfix
<div class="learningcss">SPAN.moduletitle<br>
</div>
</div>
<div class="learningcss">.clearfix box-data #mod-last modif pagesl9
<div class="learningcss">A.linkmodule<br>
</div>
</div>
</div>
<div class="learningcss">.box box-freetags most popular
<div class="learningcss">H3.box-title clearfix
<div class="learningcss">SPAN.moduletitle<br>
</div>
</div>
<div class="learningcss">.clearfix box-data #mod-freetagsmostpopularl14
<div class="learningcss">A.freetag4 7 5 3<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br><div class="learningcss">.clearfix #col3
<div class="learningcss">H2.hidden<br>
</div>
<div class="learningcss">.content
<div class="learningcss">.box box-search wikipage news
<div class="learningcss">H3.box-title clearfix
<div class="learningcss">SPAN.moduletitle<br>
</div>
</div>
</div>
<div class="learningcss">.clearfix box-data #mod-search wikipage newr3
<div class="learningcss">FORM.forms
<div class="learningcss">INPUThidden<br>
</div>
<div class="learningcss">INPUT.pagename<br>
</div>
<div class="learningcss">INPUT<br>
</div>
<div class="learningcss">INPUT.wikiaction<br>
</div>
</div>
</div>
<div class="learningcss">.box box-menu keywords
<div class="learningcss">H3.box-title clearfix
<div class="learningcss">SPAN.moduletitle<br>
</div>
<div class="learningcss">.clearfix box-data #mod-menu #Keywordsr8
<div class="learningcss">DIV<br>
</div>
</div>
</div>
</div>
</div>
</div>
<br><div class="learningcss">#footer
<div class="learningcss">.footerbgtrap
<div class="learningcss">.content
<div class="learningcss">.container
<div class="learningcss">#custom_site_footer
<div class="learningcss">.clearfix_twfooter
<div class="learningcss">.box
<div class="learningcss">A.wiki_external (colonne About Tiki)<br>
</div>
</div>
<div class="learningcss">.box
<div class="learningcss">A.wiki_external (colonne Development)<br>
</div>
</div>
<div class="learningcss">.box
<div class="learningcss">A.wiki_external (colonne Get start)<br>
</div>
</div>
<div class="learningcss">.box
<div class="learningcss">A.wiki_external (colonne Documentation)<br>
</div>
</div>
<div class="learningcss">.box
<div class="learningcss">A.wiki_external (colonne Tiki Sites)<br>
</div>
</div>
<div class="learningcss">.box
<div class="learningcss">A.wiki_external (colonne Networks)<br>
</div>
</div>
<div class="learningcss">.box
<div class="learningcss">A.wiki_external (colonne International)<br>
</div>
</div>
</div>
</div>
<div class="learningcss">#power<br>
</div>
<div class="learningcss">#credits_svnrev
<div class="learningcss">.cvsup<br>
</div>
<div class="learningcss">#credits<br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{HTML}