Discuz! システム事前定義CSSスタイル
3240 ワード
Discuz! 多くのCSSスタイルが定義されており、template/default/common/commonに保存されています.cssファイルにheaderが含まれている限りhtmというヘッダファイルは、事前定義されたCSSファイルが必ずロードされるので、これらの事前定義されたスタイルを熟知することはプラグインの開発に必要であり、多くのことを省くことができます.
一般的な事前定義スタイルについて説明します
1.フローティング及びフローティングオーバーフローの清掃
上のフローティングの使用方法は、次のとおりです.
2.
文字フォントサイズ
一般的な事前定義スタイルについて説明します
1.フローティング及びフローティングオーバーフローの清掃
/* */
.z { float: left; }
.y { float: right; }
/* */
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
上のフローティングの使用方法は、次のとおりです.
<div class="cl">
<div class="z"></div>
<div class="y"></div>
</div>
2.
文字フォントサイズ
.xs1 { font-size: 12px !important; }
.xs2 { font-size: 14px !important; }
.xs3 { font-size: 16px !important; }
.灰色の文字.xg1, .xg1 a { color: {LIGHTTEXT} !important; }
.xg1 .xi2 { color: {HIGHLIGHTLINK} !important; }
.xg2 { color: {MIDTEXT}; }
.ハイライトテキスト(1はオレンジ、2は青).xi1, .onerror { color: {NOTICETEXT}; }
.xi2, .xi2 a, .xi3 a { color: {HIGHLIGHTLINK} ; }
.文字の太字.xw0 { font-weight: 400; }
.xw1 { font-weight: 700; }
.下のボックス.bbda { border-bottom: 1px dashed {COMMONBORDER}; }
.bbs { border-bottom: 1px solid {COMMONBORDER} !important; }
.外枠.bw0 { border: none !important; }
.bw0_all, .bw0_all th, .bw0_all td { border: none !important; }
を除去する.除去背景.bg0_c { background-color: transparent !important; }
.bg0_i { background-image: none !important; }
.bg0_all { background: none !important; }
.事前定義margin .mtn { margin-top: 5px !important; }
.mbn { margin-bottom: 5px !important; }
.mtm { margin-top: 10px !important; }
.mbm { margin-bottom: 10px !important; }
.mtw { margin-top: 20px !important; }
.mbw { margin-bottom: 20px !important; }
10.事前定義padding .ptn { padding-top: 5px !important; }
.pbn { padding-bottom: 5px !important; }
.ptm { padding-top: 10px !important; }
.pbm { padding-bottom: 10px !important; }
.ptw { padding-top: 20px !important; }
.pbw { padding-bottom: 20px !important; }
.フィレット.brs, .avt img, .oshr { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.brm { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.brw { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.中央に配置する汎用コンテナ/* */
.wp { margin: 0 auto; width: 960px; }
/* */
.bw { padding: 0 15px; }
/* */
#toptb { line-height: 24px; }
/* */
#hd { border-bottom: {HEADERBORDER} solid {SPECIALBORDER}; {HEADERBGCODE} }
/* */
#ct { min-height: 300px; }
/* */
#ft { padding: 10px 0 50px; border-top: 1px solid {COMMONBORDER}; line-height: 1.8; color: {FOOTERTEXT}; }
.横方向および縦方向の中央.vm { vertical-align: middle; }
.hm { text-align: center; }
.ドロップダウンメニュー.showmenu { padding-right: 16px; background: url({IMGDIR}/arrwd.gif) no-repeat 100% 50%; cursor: pointer; white-space: nowrap; }
#um .showmenu { margin-right: -5px; }
.マウスがポインタになって.cur1 { cursor: pointer; }
夜が更けたので、先にここまで書きますよ....