This page lists questions about current CSS selectors (just going down the design.css file). Are they still necessary or should they be replaced with Bootstrap selectors?
/* ckeditor body definition */ html[dir=ltr]>body << REMOVED >> #role_main { min-height: 40em; } << REMOVED - Presumably, layout properties like this are covered by Bootstrap. >> /* Some default values for basic CSS menus layout */ .cssmenu_horiz a, .cssmenu_vert a, .cssmenu_horiz ul li a << REMOVED - if needed, it should be in a cssmenu stylesheet section. >> .floatright .floatleft << REMOVED - Should be replaced with equivalent Bootstrap, or removed - check instances in templates. >> .sitetitle, .sitesubtitle { line-height: 1; } << REMOVED >> .iconmenu { display: inline; } label { cursor: pointer; } << Subjective? >> << The .siteloginbar rules were REMOVED as obsolete. >> << The module positioning rules such as for site logo and #sitesearchbar should be replaced by modules with parameters. >> .box-quickadmin << cssmenu styles should be replaced by bootstrap drop-down >> .mod-share-item << Replace by putting in a module? >> .fullscreen .tellafriend, << Replace by putting in a module? >> .fullscreen .share .error.icon { font-weight: bold; color: #090; } << Replace? >> .fullscreenbutton, #fullscreenbutton, << Fullscreen code is currently missing from layout_view.tpl. Should the fullscreen method be re-added, or replaced? >> #tiki-clean << This is for print view, right? Still needed? >> .floatlist << Still needed? >> #attzone, #comzone, #edithelpzone, #rules-copy-panel { display: none; } << Presumably still needed but not sure. >> .clear, #clear { clear: both; } << Are these still needed (we're supporting newer browsers now)? >> .imagerank { margin: 10px 5px; } << Can this (and any similar items) be replaced by a class? >> #tiki-top form.findtable #tiki-top table << REMOVED >> #top_modules .box-quickadmin << Should this be positioned in design.css, or set in admin-modules? The latter, I would think. >> #bottom_modules .box-rsslist br << REMOVED - the br should be removed. >> .mod-share-item .mod-share-item a img .mod-share-item.google-root .fullscreen .tellafriend, .fullscreen .share .share img #rss #power #credits << REMOVED - They should be displayed via modules. >> ul.jumplinks << REMOVED - Probably HTML5 role replaces this, as a visually impaired access method. >> .fullscreenbutton, #fullscreenbutton << What is the best way currently to get the full-screen (For main content) effect? >> #tiki-clean << REMOVED - should be covered by Bootstrap print. >> .floatlist .floatlist li << REMOVED - Though I'm not sure of the purpose. Will check in the templates. >> .mini { width: 100%; text-align: center; margin-left: auto; margin-right: auto; } << Can this be replaced by a Bootstrap class? >> .pagenums input[type="text"] { margin-top: -1px; } a.tikihelp, a.tikihelp:visited { border: 0; vertical-align: text-top; } .iconmenutext { white-space: nowrap; } #rss img, a.icon, img.icon { vertical-align: middle; } << This and the above two are the kinds of rule that really needs to removed, consolidated as a class with other similar cases, or something. >> /** Titles (not boxed) bold lines alone not in summary used by categobjects.tpl + ? **/ .simple_title << There should be a Bootstrap equiv. >> /* New Toolbars */ .textarea-toolbar << ...and related. Are these still needed? >> /* New Help section */ #tikihelp << This is new, so apparently still used. >> .simple_inlinehelp { font-style: italic; font-size: small; font-family: sans-serif; } << Can this be replaced by Bootstrap ? >> .box-share > div { text-align: center;} << Can HTML be simplified, replaced? >> .plugin-form-float << This has many properties so hopefully can be replaced with a Bootstrap class. >> .icon_edit_section { float: right; } .icon_edit_section img.icon { margin-top: -1px !important; } /* Boxes */ .box-title, .box-data << Replaced already with Bootstrap panel classes. >> .modules { position: relative; } << Still needed? >> #role_main .module { max-width: 180px; } << Probably should be replaced with a grid column class. >> h3.box-title << changed to h3.panel-title. >> .moduleflip, .box-title span img.flipmodimage << These still work, I believe. Is there a better way? >> .box-data table { width: 100%; } << tables in modules. Maybe can be removed, but check what Bootstrap does with them. >> .box-data a.linkmenu { display: block; } << Check usage, but maybe not needed. >> .box-data ol, .box-data ul { padding-left: 2em; padding-right: .6em; overflow: hidden; margin-top: 0; margin-bottom: 0; } << Check behavior without these rules. >> .box-months_links ul << Check behavior without these rules. >> .collapsed ul { display: none; } << Needed? >>