Ploneが読み込むCSS

PloneにはどんなCSSが適用されるんだろうか。

普通CSSはhtmlのヘッダから読み込まれる。ということは、PloneがどんなCSSを読み込んでいるのかを知るにはヘッダを見ればいいはず。

ということでまずはportal_skins/plone_templates/headerの該当部分を見てみることに。

    <metal:css metal:use-macro="here/renderAllTheStylesheets/macros/cssrenderer">
        <!-- Fetch stylesheets from the CSS Registry -->
    </metal:css>
    
    <!-- Internet Explorer CSS Fixes + IE7 for compliance fixes (limited set) -->
    <tal:iefixstart replace="structure string:&lt;!--[if lt IE 7]&gt;" />
        <style type="text/css" media="all" tal:condition="exists: portal/IEFixes.css"
               tal:content="string:@import url($portal_url/IEFixes.css);">
        </style>
    <tal:iefixend replace="structure string:&lt;![endif]--&gt;" />

上部のmetalタグは登録しているCSSを読み込んでおり、下部のtalタグはIE専用のCSSを読み込んでいる模様。上部はmacroを使っているんだけど、これはportal_skins/ResourceRegistries/renderAllTheStylesheetsを呼んでいるように見える。ResourceRegistriesによるCSSの登録はportal_cssで確認できるので、これを見てみると

base.css
public.css
columns.css
authoring.css
portlets.css
presentation.css
print.css
mobile.css
deprecated.css
generated.css
member.css
RTL.css
textSmall.css
textLarge.css
kupustyles.css
kupuplone.css
kupudrawerstyles.css
richdocument.css
ploneCustom.css

といったCSSが登録されていますな。これらは機能別にマージされ、Merged CSS Compositionタブにまとめられている模様。ちなみにこのサイトの場合以下のようになっております。

    *
      ploneStyles0587.css
          o base.css
          o public.css
          o columns.css
          o authoring.css
          o portlets.css
          o presentation.css
          o print.css
          o mobile.css
          o deprecated.css
          o generated.css
    *
      member.css - not: portal/portal_membership/isAnonymousUser
          o member.css
    *
      RTL.css - python:object.isRightToLeft(domain='plone')
          o RTL.css
    *
      textSmall.css
          o textSmall.css
    *
      textLarge.css
          o textLarge.css
    *
      ploneStyles1715.css - python:portal.kupu_library_tool.isKupuEnabled(REQUEST=request)
          o kupustyles.css
          o kupuplone.css
          o kupudrawerstyles.css
    *
      richdocument.css - python:object.getTypeInfo().getId() == "RichDocument"
          o richdocument.css
    *
      ploneCustom.css
          o ploneCustom.css

マージされたCSSの名前を見てみるとわかるけど、Ploneの一般的なスタイルを規定しているのはPloneStyles****.cssというCSSですな。ということはPloneStyles****.cssを構成するCSSを見てみればPloneのスタイルの大体が把握できるはず。まぁそれでも10個もCSSがあるんだけど、どうでもいいCSSも入っているので、結局見ればいいのは、

base.css
public.css
columns.css
portlets.css

こんなもんで十分サ（￣（●●）￣）

Sections

Personal tools

Ploneが読み込むCSS

Document Actions